export / load json

packages/viewer/src/components/renderers/scene-renderer.tsx

@@ -6,7 +6,11 @@ import { NodeRenderer } from "./node-renderer";
 export const SceneRenderer = () => {
   const rootNodes = useScene((state) => state.rootNodeIds);
 
-  return rootNodes.map((nodeId) => (
-    <NodeRenderer key={nodeId} nodeId={nodeId} />
-  ));
+  return (
+    <group name="scene-renderer">
+      {rootNodes.map((nodeId) => (
+        <NodeRenderer key={nodeId} nodeId={nodeId} />
+      ))}
+    </group>
+  );
 };

packages/viewer/src/store/use-viewer.ts

@@ -45,6 +45,10 @@ type ViewerState = {
   resetSelection: () => void;
 
   outliner: Outliner; // No setter as we will manipulate directly the arrays
+
+  // Export functionality
+  exportScene: (() => Promise<void>) | null;
+  setExportScene: (fn: (() => Promise<void>) | null) => void;
 };
 
 const useViewer = create<ViewerState>()((set, get) => ({
@@ -94,6 +98,9 @@ const useViewer = create<ViewerState>()((set, get) => ({
     }),
 
   outliner: { selectedObjects: [], hoveredObjects: [] },
+
+  exportScene: null,
+  setExportScene: (fn) => set({ exportScene: fn }),
 }));
 
 export default useViewer;