transient nodes

apps/editor/components/editor/index.tsx

@@ -17,8 +17,8 @@ import { AppSidebar } from '../ui/sidebar/app-sidebar'
 import { CustomCameraControls } from './custom-camera-controls'
 import { SelectionManager } from './selection-manager'
 
-initSpatialGridSync()
 useScene.getState().loadScene()
+initSpatialGridSync()
 
 export default function Editor() {
   useKeyboard()

apps/editor/components/tools/item/item-tool.tsx

@@ -2,6 +2,7 @@ import {
   emitter,
   type GridEvent,
   ItemNode,
+  isObject,
   sceneRegistry,
   useScene,
   useSpatialQuery,
@@ -29,6 +30,12 @@ function snapToGrid(position: number, dimension: number): number {
   return Math.round((position - offset) * 2) / 2 + offset
 }
 
+const stripTransient = (meta: any) => {
+  if (!isObject(meta)) return meta
+  const { isTransient, ...rest } = meta as Record<string, any>
+  return rest
+}
+
 export const ItemTool: React.FC = () => {
   const cursorRef = useRef<Mesh>(null!)
   const draftItem = useRef<ItemNode | null>(null)
@@ -90,6 +97,9 @@ export const ItemTool: React.FC = () => {
         position: [gridPosition.current.x, gridPosition.current.y, gridPosition.current.z],
         name: selectedItem.name,
         asset: selectedItem,
+        metadata: {
+          isTransient: true,
+        },
       })
       useScene.getState().createNode(draftItem.current, currentLevelId)
       checkCanPlace()
@@ -124,8 +134,10 @@ export const ItemTool: React.FC = () => {
       if (!currentLevelId || !draftItem.current || !checkCanPlace()) return
 
       useScene.temporal.getState().resume()
+
       useScene.getState().updateNode(draftItem.current.id, {
         position: [gridPosition.current.x, 0, gridPosition.current.z],
+        metadata: stripTransient(draftItem.current.metadata),
       })
       draftItem.current = null
 
@@ -187,6 +199,7 @@ export const ItemTool: React.FC = () => {
       useScene.getState().updateNode(draftItem.current.id, {
         position: [gridPosition.current.x, gridPosition.current.y, gridPosition.current.z],
         parentId: event.node.id,
+        metadata: stripTransient(draftItem.current.metadata),
       })
       useScene.getState().dirtyNodes.add(event.node.id)
       draftItem.current = null

packages/core/src/index.ts

@@ -26,3 +26,5 @@ export * from './schema'
 export { default as useScene } from './store/use-scene'
 // Systems
 export { WallSystem } from './systems/wall/wall-system'
+
+export { isObject } from './utils/types'

packages/core/src/store/use-scene.ts

@@ -6,6 +6,7 @@ import { persist } from 'zustand/middleware'
 import { BuildingNode, type Zone } from '../schema'
 import { LevelNode } from '../schema/nodes/level'
 import type { AnyNode, AnyNodeId } from '../schema/types'
+import { isObject } from '../utils/types'
 import * as nodeActions from './actions/node-actions'
 import * as zoneActions from './actions/zone-actions'
 
@@ -76,7 +77,7 @@ const useScene = create<SceneState>()(
 
         loadScene: () => {
           if (get().rootNodeIds.length > 0) {
-           // Assign all nodes as dirty to force re-validation
+            // Assign all nodes as dirty to force re-validation
             Object.values(get().nodes).forEach((node) => {
               get().markDirty(node.id)
             })
@@ -149,7 +150,14 @@ const useScene = create<SceneState>()(
     {
       name: 'editor-storage',
       partialize: (state) => ({
-        nodes: state.nodes,
+        nodes: Object.fromEntries(
+          Object.entries(state.nodes).filter(([_, node]) => {
+            const meta = node.metadata
+            const isTransient = isObject(meta) && 'isTransient' in meta && meta.isTransient === true
+
+            return !isTransient
+          }),
+        ),
         rootNodeIds: state.rootNodeIds,
         zones: state.zones,
         zoneIds: state.zoneIds,

packages/core/src/utils/types.ts

@@ -0,0 +1,7 @@
+/**
+ * Type guard to check if a value is a plain object (and not null or an array).
+ * Useful for narrowing down Zod's generic JSON types.
+ */
+export const isObject = (val: unknown): val is Record<string, any> => {
+  return val !== null && typeof val === 'object' && !Array.isArray(val)
+}