Add "open new file" in menu

Author: Shellishack

android/app/build.gradle

@@ -8,7 +8,7 @@ android {
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
         versionCode 1
-        versionName "1.0"
+        versionName "v0.0.1-alpha"
         testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
         aaptOptions {
              // Files and dirs to omit from the packaged assets dir, modified to accommodate modern web apps.

components/nav-menu.tsx

@@ -68,6 +68,22 @@ export default function NavMenu({
 
   const editorContext = useContext(EditorContext);
 
+  function openDocumentInView(doc: ViewDocument) {
+    const view = new View(ViewTypeEnum.Code, doc);
+    // Notify state update
+    editorContext?.setViewManager((prev) => {
+      const newVM = ViewManager.copy(prev);
+      newVM?.clearView();
+      // Add view to view manager
+      newVM?.addView(view);
+      // Set the view as active
+      newVM?.setActiveView(view);
+      return newVM;
+    });
+
+    setIsMenuOpen(false);
+  }
+
   return (
     <AnimatePresence>
       {isMenuOpen && (
@@ -81,7 +97,18 @@ export default function NavMenu({
                     Open Project
                   </Button>
                   <Button className="w-40">Save Project</Button>
-                  <Button className="w-40">New File</Button>
+                  <Button
+                    className="w-40"
+                    onPress={() => {
+                      const viewDocument: ViewDocument = {
+                        fileContent: "",
+                        filePath: "Untitled",
+                      };
+                      openDocumentInView(viewDocument);
+                    }}
+                  >
+                    New File
+                  </Button>
                   <Button
                     className="w-40"
                     onPress={() => {
@@ -93,23 +120,7 @@ export default function NavMenu({
                             fileContent: text,
                             filePath: file.name,
                           };
-                          const view = new View(
-                            ViewTypeEnum.Code,
-                            viewDocument,
-                          );
-
-                          // Notify state update
-                          editorContext?.setViewManager((prev) => {
-                            const newVM = ViewManager.copy(prev);
-                            newVM?.clearView();
-                            // Add view to view manager
-                            newVM?.addView(view);
-                            // Set the view as active
-                            newVM?.setActiveView(view);
-                            return newVM;
-                          });
-
-                          setIsMenuOpen(false);
+                          openDocumentInView(viewDocument);
                         });
                       });
                     }}

components/views/code-editor-view.tsx

@@ -382,7 +382,7 @@ const CodeEditorView = forwardRef(
                 javascript({ jsx: true }),
                 codeInlineSuggestionExtension({
                   delay: 1000,
-                  agent: inlineSuggestionAgentRef.current!,
+                  agent: inlineSuggestionAgentRef.current,
                 }),
               ]}
               theme={theme}

lib/codemirror-extensions/code-inline-suggestion.ts

@@ -13,16 +13,17 @@ import {
   ViewUpdate,
   WidgetType,
 } from "@uiw/react-codemirror";
+import toast from "react-hot-toast";
 
 /* A config facet for various inline suggestion settings */
 const codeInlineSuggestionConfig = Facet.define<
   {
     delay?: number;
-    agent: InlineSuggestionAgent;
+    agent?: InlineSuggestionAgent;
   },
   {
     delay?: number;
-    agent: InlineSuggestionAgent;
+    agent?: InlineSuggestionAgent;
   }
 >({
   combine(configs) {
@@ -157,6 +158,13 @@ const getSuggestionPlugin = ViewPlugin.fromClass(
         codeInlineSuggestionConfig,
       );
 
+      if (!agent) {
+        toast.error("LLM not configured for code completion.", {
+          id: "llm-not-configured",
+        });
+        return;
+      }
+
       this.getSuggestion(agent, doc.toString(), cursorX, cursorY, 1, delay)
         .then((suggestion) => {
           // Dispatch effect to update the StateField
@@ -328,7 +336,7 @@ export function codeInlineSuggestionExtension({
   agent,
 }: {
   delay: number;
-  agent: InlineSuggestionAgent;
+  agent?: InlineSuggestionAgent;
 }) {
   const config = codeInlineSuggestionConfig.of({ delay, agent });
   return [