GUI: New empty file (#50)

egui/src/renderer/src/App.tsx

@@ -2,7 +2,7 @@ import { BlockEditor } from "gui/src/editor/BlockEditor";
 import { useDarkmode } from "gui/src/lib/use-dark-mode";
 import { createPortal } from "react-dom";
 import { RenderDarkModeSwitcher } from "gui/src/components/dark-mode";
-import { initialContent } from "gui/src/editor/hooks/init";
+import { emptyInitialContent, initialContent } from "gui/src/editor/hooks/init";
 import { useState } from "react";
 import { LmEditorState } from "gui/src/editor/lib/types";
 import { useSidebar } from "gui/src/editor/hooks/useSideBar";
@@ -46,6 +46,10 @@ function App(): JSX.Element {
               bumpKey();
             });
         }}
+        onNewEmpty={() => {
+          setInitialEditorData(emptyInitialContent);
+          bumpKey();
+        }}
         onSaveFile={onSaveFile}
         onOpenFile={() => {
           window.electron.ipcRenderer.invoke("openFile").then((data) => {

gui/src/App.tsx

@@ -35,6 +35,10 @@ export default function App() {
           // eslint-disable-next-line no-console
           console.log("open file");
         }}
+        onNewEmpty={
+          // eslint-disable-next-line no-console
+          () => console.log("new empty")
+        }
         sidebarState={sidebarState}
         initialContent={initialContent}
         onSaveFileAs={(content) => {

gui/src/editor/BlockEditor.tsx

@@ -33,6 +33,7 @@ type LoadedEditorCommonProps = {
   onSaveFile: (content: LmEditorState) => void;
   sidebarState: SidebarState;
   onOpenFile: () => void;
+  onNewEmpty: () => void;
   initialContent: LmEditorState;
 };
 
@@ -146,6 +147,7 @@ const LoadedBlockEditor: FC<
   sidebarState,
   onOpenFile,
   initialContent,
+  onNewEmpty,
 }) => {
   const menuContainerRef = useRef(null);
   const backendConfigHook = useBackendConfig();
@@ -173,6 +175,7 @@ const LoadedBlockEditor: FC<
         onOpenFile,
         onSaveFile: () => onSaveFile(getLmEditorState()),
         onSaveAsFile: () => onSaveFileAs(getLmEditorState()),
+        onNewEmpty,
       }}
       onExportToTasks={() => setIsExporting(true)}
     />
@@ -244,7 +247,15 @@ export const BlockEditor: FC<
   LoadedEditorCommonProps & {
     initialContent: LmEditorState;
   }
-> = ({ initialContent, onSaveFileAs, currentFilePath, onSaveFile, sidebarState, onOpenFile }) => {
+> = ({
+  onNewEmpty,
+  initialContent,
+  onSaveFileAs,
+  currentFilePath,
+  onSaveFile,
+  sidebarState,
+  onOpenFile,
+}) => {
   const { isExecuting, toggleExecuting, editor, variablesHook, samplingParamsHook } =
     useBlockEditor(initialContent);
 
@@ -266,6 +277,7 @@ export const BlockEditor: FC<
       sidebarState={sidebarState}
       onOpenFile={onOpenFile}
       initialContent={initialContent}
+      onNewEmpty={onNewEmpty}
     />
   );
 };

gui/src/editor/components/EditorHeader.tsx

@@ -19,6 +19,7 @@ export type FileManagerProps = {
   onOpenFile: () => void;
   onSaveFile: () => void;
   onSaveAsFile: () => void;
+  onNewEmpty: () => void;
 };
 const getFileNameFromPath = (path: string | undefined) => {
   if (path == null) {
@@ -89,6 +90,7 @@ export const EditorHeader: FC<{
             <DropdownMenuLabel>Manage Files</DropdownMenuLabel>
             <DropdownMenuSeparator />
             <DropdownMenuGroup>
+              <DropdownMenuItem onClick={fileManagement.onNewEmpty}>New</DropdownMenuItem>
               <DropdownMenuItem onClick={fileManagement.onOpenFile}>
                 Open
                 <DropdownMenuShortcut>⌘O</DropdownMenuShortcut>

gui/src/editor/hooks/init.ts

@@ -1,5 +1,26 @@
 import { LmEditorState } from "../lib/types";
 
+export const emptyInitialContent: LmEditorState = {
+  doc: {
+    type: "doc",
+    content: [
+      {
+        type: "authorSelect",
+        attrs: {
+          author: "system",
+        },
+      },
+      {
+        type: "paragraph",
+      },
+    ],
+  },
+  variables: [],
+  samplingParams: {
+    temperature: 0.1,
+  },
+  version: "1",
+};
 export const initialContent: LmEditorState = {
   doc: {
     type: "doc",