Hide open/download buttons and add show source command

- Add disableFileOperations prop to LearningMapEditor and EditorToolbar
- Conditionally hide open and download buttons when disableFileOperations is true
- Enable disableFileOperations in VS Code webview
- Add "Learningmap: Show Source" command to view JSON source
- Visual editor is now the default view (custom editors always open in custom view)
- Users can use the new command to switch to source view when needed

Co-authored-by: mikebarkmin <2592379+mikebarkmin@users.noreply.github.com>

Author: Copilot

packages/learningmap/src/EditorToolbar.tsx

@@ -14,11 +14,13 @@ import { getZIndexForNodeType } from "./zIndexHelper";
 interface EditorToolbarProps {
   defaultLanguage?: string;
   disableSharing?: boolean;
+  disableFileOperations?: boolean;
 }
 
 export const EditorToolbar: React.FC<EditorToolbarProps> = ({
   defaultLanguage = "en",
   disableSharing = false,
+  disableFileOperations = false,
 }) => {
   const { screenToFlowPosition } = useReactFlow();
 
@@ -114,12 +116,16 @@ export const EditorToolbar: React.FC<EditorToolbarProps> = ({
       </div>
       <div className="toolbar-group">
         <Menu menuButton={<MenuButton className="toolbar-button"><MenuI /></MenuButton>}>
-          <MenuItem onClick={openRoadmap}>
-            <FolderOpen size={16} /> <span>{t.open}</span>
-          </MenuItem>
-          <MenuItem onClick={downloadRoadmap}>
-            <Download size={16} /> <span>{t.download}</span>
-          </MenuItem>
+          {!disableFileOperations && (
+            <MenuItem onClick={openRoadmap}>
+              <FolderOpen size={16} /> <span>{t.open}</span>
+            </MenuItem>
+          )}
+          {!disableFileOperations && (
+            <MenuItem onClick={downloadRoadmap}>
+              <Download size={16} /> <span>{t.download}</span>
+            </MenuItem>
+          )}
           {!disableSharing && (
             <MenuItem onClick={postToJsonStore}>
               <Share2 size={16} /> <span>{t.share}</span>

packages/learningmap/src/LearningMapEditor.tsx

@@ -16,13 +16,15 @@ export interface LearningMapEditorProps {
   language?: string;
   jsonStore?: string;
   disableSharing?: boolean;
+  disableFileOperations?: boolean;
 }
 
 export function LearningMapEditor({
   roadmapData,
   language = "en",
   jsonStore = "https://json.openpatch.org",
   disableSharing = false,
+  disableFileOperations = false,
 }: LearningMapEditorProps) {
   // Only get minimal state needed in this component
   const nodes = useEditorStore(state => state.nodes);
@@ -66,7 +68,7 @@ export function LearningMapEditor({
       <KeyboardShortcuts jsonStore={jsonStore} />
 
       {/* Toolbar */}
-      <EditorToolbar defaultLanguage={language} disableSharing={disableSharing} />
+      <EditorToolbar defaultLanguage={language} disableSharing={disableSharing} disableFileOperations={disableFileOperations} />
 
       {/* Preview or Edit mode */}
       {previewMode && <LearningMap roadmapData={getRoadmapData()} language={effectiveLanguage} />}

platforms/vscode/package.json

@@ -47,6 +47,11 @@
         "command": "learningmap.new",
         "title": "New Learningmap",
         "category": "Learningmap"
+      },
+      {
+        "command": "learningmap.showSource",
+        "title": "Show Source",
+        "category": "Learningmap"
       }
     ]
   },

platforms/vscode/src/extension.ts

@@ -73,6 +73,26 @@ export function activate(context: vscode.ExtensionContext) {
     })
   );
 
+  // Register command to show source
+  context.subscriptions.push(
+    vscode.commands.registerCommand('learningmap.showSource', async () => {
+      const activeEditor = vscode.window.activeTextEditor;
+      if (!activeEditor) {
+        vscode.window.showErrorMessage('No active learningmap file');
+        return;
+      }
+
+      const uri = activeEditor.document.uri;
+      if (!uri.path.endsWith('.learningmap')) {
+        vscode.window.showErrorMessage('Active file is not a learningmap file');
+        return;
+      }
+
+      // Open the file with the default text editor
+      await vscode.commands.executeCommand('vscode.openWith', uri, 'default');
+    })
+  );
+
   console.log('Learningmap extension is now active');
 }
 

platforms/vscode/src/webview.tsx

@@ -127,7 +127,7 @@ function WebviewEditor() {
     return <div style={{ padding: '20px' }}>Loading editor...</div>;
   }
 
-  return <LearningMapEditor disableSharing={true} />;
+  return <LearningMapEditor disableSharing={true} disableFileOperations={true} />;
 }
 
 // Mount the React component