ee30f17129
- Rename all DB tables: properties → projects, properties_addresses → projects_addresses, properties_models → projects_models, property_likes → projects_likes - Add projects_likes as proper Drizzle schema table (was SQL-only before) - Rename ID prefixes: property_xxx → project_xxx - Rename auth_sessions column: active_property_id → active_project_id - Simplify project creation: address is now optional (no longer required to get started) - Update all actions, stores, types, components, and routes - Rename route: /editor/[propertyId] → /editor/[projectId] - Add SQL migration for table/column/index/policy/function renames - Update RPC functions: increment_project_views, get_project_like_count - Update storage bucket reference: project-thumbnails - All types/exports follow existing Drizzle patterns (pgTable, relations, zod schemas)
94 lines
2.6 KiB
TypeScript
94 lines
2.6 KiB
TypeScript
'use client'
|
|
|
|
import { type AnyNodeId, initSpatialGridSync, useScene } from '@pascal-app/core'
|
|
import { useViewer } from '@pascal-app/viewer'
|
|
import { useEffect, useRef } from 'react'
|
|
import useEditor from '@/store/use-editor'
|
|
import { getLocalProject, updateLocalProjectScene } from './project-store'
|
|
|
|
/**
|
|
* Hook for local project scene management (guest users)
|
|
* Loads scene from localStorage and auto-saves changes
|
|
*/
|
|
export function useLocalProjectScene(projectId?: string) {
|
|
const saveTimeoutRef = useRef<NodeJS.Timeout | undefined>(undefined)
|
|
const currentProjectIdRef = useRef<string | null>(null)
|
|
const lastProjectIdRef = useRef<string | null>(null)
|
|
|
|
// Load scene when project ID changes
|
|
useEffect(() => {
|
|
if (!projectId || !projectId.startsWith('local_')) {
|
|
return
|
|
}
|
|
|
|
if (lastProjectIdRef.current === projectId) {
|
|
return
|
|
}
|
|
|
|
lastProjectIdRef.current = projectId
|
|
currentProjectIdRef.current = projectId
|
|
|
|
const project = getLocalProject(projectId)
|
|
|
|
if (project?.scene_graph) {
|
|
const { nodes, rootNodeIds } = project.scene_graph
|
|
useScene.getState().setScene(nodes, rootNodeIds as AnyNodeId[])
|
|
initSpatialGridSync()
|
|
} else {
|
|
useScene.getState().clearScene()
|
|
}
|
|
|
|
useEditor.getState().setPhase('site')
|
|
useViewer.getState().setSelection({
|
|
buildingId: null,
|
|
levelId: null,
|
|
selectedIds: [],
|
|
zoneId: null,
|
|
})
|
|
}, [projectId])
|
|
|
|
// Auto-save to localStorage with debouncing
|
|
useEffect(() => {
|
|
if (!projectId || !projectId.startsWith('local_')) {
|
|
currentProjectIdRef.current = null
|
|
return
|
|
}
|
|
|
|
currentProjectIdRef.current = projectId
|
|
let lastNodesSnapshot = JSON.stringify(useScene.getState().nodes)
|
|
|
|
const unsubscribe = useScene.subscribe((state) => {
|
|
const currentNodesSnapshot = JSON.stringify(state.nodes)
|
|
|
|
if (currentNodesSnapshot === lastNodesSnapshot) {
|
|
return
|
|
}
|
|
|
|
lastNodesSnapshot = currentNodesSnapshot
|
|
const nodes = state.nodes
|
|
|
|
if (saveTimeoutRef.current) {
|
|
clearTimeout(saveTimeoutRef.current)
|
|
}
|
|
|
|
// Debounce save by 1 second (faster than cloud save)
|
|
saveTimeoutRef.current = setTimeout(() => {
|
|
const currentId = currentProjectIdRef.current
|
|
if (!currentId) return
|
|
|
|
const rootNodeIds = useScene.getState().rootNodeIds
|
|
const sceneGraph = { nodes, rootNodeIds }
|
|
|
|
updateLocalProjectScene(currentId, sceneGraph)
|
|
}, 1000)
|
|
})
|
|
|
|
return () => {
|
|
if (saveTimeoutRef.current) {
|
|
clearTimeout(saveTimeoutRef.current)
|
|
}
|
|
unsubscribe()
|
|
}
|
|
}, [projectId])
|
|
}
|