use json store

Author: mikebarkmin

packages/learningmap/src/EditorDialogs.tsx

@@ -4,6 +4,7 @@ import { useEditorStore } from "./editorStore";
 import { ShareDialog } from "./ShareDialog";
 import { LoadExternalDialog } from "./LoadExternalDialog";
 import { getTranslations } from "./translations";
+import { useJsonStore } from "./useJsonStore";
 
 interface EditorDialogsProps {
   defaultLanguage?: string;
@@ -15,14 +16,14 @@ export const EditorDialogs = memo(({ defaultLanguage = "en", jsonStore = "https:
   const settings = useEditorStore(state => state.settings);
   const helpOpen = useEditorStore(state => state.helpOpen);
   const pendingExternalId = useEditorStore(state => state.pendingExternalId);
-  
+  const [getFromJsonStore] = useJsonStore();
+
   // Get actions from store
   const setHelpOpen = useEditorStore(state => state.setHelpOpen);
   const setShareDialogOpen = useEditorStore(state => state.setShareDialogOpen);
   const setLoadExternalDialogOpen = useEditorStore(state => state.setLoadExternalDialogOpen);
   const setPendingExternalId = useEditorStore(state => state.setPendingExternalId);
   const getRoadmapData = useEditorStore(state => state.getRoadmapData);
-  const loadRoadmapData = useEditorStore(state => state.loadRoadmapData);
 
   const language = settings?.language || defaultLanguage;
   const t = getTranslations(language);
@@ -38,19 +39,6 @@ export const EditorDialogs = memo(({ defaultLanguage = "en", jsonStore = "https:
     downloadAnchorNode.remove();
   };
 
-  const onLoadFromStore = async (id: string) => {
-    try {
-      const response = await fetch(`${jsonStore}/api/json/${id}`);
-      if (!response.ok) throw new Error("Failed to load from JSON store");
-      const data = await response.json();
-      loadRoadmapData(data);
-      setLoadExternalDialogOpen(false);
-      setPendingExternalId(null);
-    } catch (error) {
-      console.error("Failed to load from JSON store", error);
-    }
-  };
-
   const keyboardShortcuts = [
     { action: t.shortcuts.undo, shortcut: "Ctrl+Z" },
     { action: t.shortcuts.redo, shortcut: "Ctrl+Y or Ctrl+Shift+Z" },
@@ -121,7 +109,7 @@ export const EditorDialogs = memo(({ defaultLanguage = "en", jsonStore = "https:
         onDownloadCurrent={onDownload}
         onReplace={() => {
           if (pendingExternalId) {
-            onLoadFromStore(pendingExternalId);
+            getFromJsonStore(pendingExternalId);
           }
         }}
       />

packages/learningmap/src/ShareDialog.tsx

@@ -1,11 +1,13 @@
-import React, { useState } from "react";
+import { useEffect, useState } from "react";
 import { X, Link2, Check } from "lucide-react";
 import { getTranslations } from "./translations";
 import { useEditorStore } from "./editorStore";
+import { useJsonStore } from "./useJsonStore";
 
 export function ShareDialog() {
   const [copied, setCopied] = useState(false);
-  
+  const [_, postToJsonStore] = useJsonStore();
+
   // Get state from store
   const open = useEditorStore(state => state.shareDialogOpen);
   const shareLink = useEditorStore(state => state.shareLink);
@@ -14,9 +16,13 @@ export function ShareDialog() {
 
   const language = settings?.language || "en";
   const t = getTranslations(language);
-  
+
   const onClose = () => setShareDialogOpen(false);
 
+  useEffect(() => {
+    postToJsonStore();
+  }, [])
+
   if (!open) return null;
 
   const handleCopyLink = async () => {

packages/learningmap/src/editorStore.ts

@@ -25,6 +25,9 @@ export interface EditorState {
   edges: Edge[];
   settings: Settings;
 
+  jsonStore?: string;
+  defaultLanguage?: string;
+
   // UI state
   previewMode: boolean;
   debugMode: boolean;