fix new map not added to store

Author: mikebarkmin

platforms/web/src/TeacherEditor.tsx

@@ -13,18 +13,33 @@ function TeacherEditorInner() {
   const shareLink = useEditorStore(state => state.shareLink);
   const shareDialogOpen = useEditorStore(state => state.shareDialogOpen);
   const getRoadmapData = useEditorStore(state => state.getRoadmapData);
+  const reset = useEditorStore(state => state.reset);
   const nodes = useEditorStore(state => state.nodes);
   const edges = useEditorStore(state => state.edges);
   const settings = useEditorStore(state => state.settings);
   const lastSavedRef = useRef<string | null>(null);
   const saveTimeoutRef = useRef<number | null>(null);
+  const initializedRef = useRef(false);
 
   // Extract jsonId from URL
   const jsonId = location.hash.startsWith('#json=') ? location.hash.replace('#json=', '') : null;
 
+  // Reset editor when creating a new map (no jsonId in URL)
+  useEffect(() => {
+    if (!jsonId && !initializedRef.current) {
+      reset();
+      initializedRef.current = true;
+    }
+    // Reset the flag when jsonId changes (navigating to edit an existing map)
+    if (jsonId) {
+      initializedRef.current = false;
+    }
+  }, [jsonId, reset]);
+
   // Auto-save changes with debouncing
   useEffect(() => {
-    if (!jsonId) return;
+    // Skip auto-save if the map is empty (no nodes)
+    if (nodes.length === 0) return;
 
     // Clear any pending save
     if (saveTimeoutRef.current) {
@@ -34,15 +49,26 @@ function TeacherEditorInner() {
     // Debounce saves to avoid too many writes
     saveTimeoutRef.current = window.setTimeout(async () => {
       const roadmapData = getRoadmapData();
-      const storageId = roadmapData.settings?.id || jsonId;
+      
+      // Generate a storage ID for this map
+      let storageId: string;
+      if (jsonId) {
+        // Use jsonId if available
+        storageId = roadmapData.settings?.id || jsonId;
+      } else {
+        // For new maps without jsonId, use or create a unique ID
+        storageId = roadmapData.settings?.id || `local-${Date.now()}`;
+        // Update settings with the generated ID if it doesn't have one
+        if (!roadmapData.settings?.id) {
+          roadmapData.settings = { ...roadmapData.settings, id: storageId };
+        }
+      }
 
       try {
         // Check if this map exists in teacher's collection
         const existingMap = await db.getTeacherMap(storageId);
-        if (existingMap) {
-          // Update existing map
-          await db.addTeacherMap(storageId, roadmapData, existingMap.jsonId);
-        }
+        // Save or update the map
+        await db.addTeacherMap(storageId, roadmapData, existingMap?.jsonId || jsonId || undefined);
       } catch (err) {
         console.error('Failed to auto-save map:', err);
       }