add new, save as support

podlite · Jan 8, 2022 · 32a43db · 32a43db
1 parent 7d8328c
commit 32a43db
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 5 deletions.
diff --git a/app/main/menu.ts b/app/main/menu.ts
@@ -52,6 +52,13 @@ const openAbout = () => {
     const  fileMenu:MenuItemConstructorOptions =  {
       label: menuLabel('&File'),
       submenu: [
+        {
+            label: menuLabel('&New'),
+            accelerator: 'CmdOrCtrl+N',
+            click(model, item, win) {
+              mainApp.createWindow({})
+            },
+        },
         {
           label: menuLabel('&Open'),
           accelerator: 'CmdOrCtrl+O',

diff --git a/app/renderer/client-api.js b/app/renderer/client-api.js
@@ -18,6 +18,9 @@ vmd = Object.assign({
   saveFile(content) {
     electron.ipc.send('save-file', content);
   },
+  saveFileAs(content) {
+    electron.ipc.send('save-file-as', content);
+  },
 
   openFile(filePath) {
     electron.ipc.send('open-file', filePath);

diff --git a/app/renderer/components/App.tsx b/app/renderer/components/App.tsx
@@ -160,7 +160,7 @@ const App = ()=>{
 
     useEffect(()=>{
         const fileName = filePath ? vmd.path.parse(filePath)['name'] : filePath
-        vmd.setWindowTitle(`${fileName}${isTextChanged ? ' *' : '' }`)
+        vmd.setWindowTitle(`${fileName||'[new]'}${isTextChanged ? ' *' : '' }`)
       },[isTextChanged, filePath])
 
     useEffect(() => {
@@ -176,23 +176,25 @@ const App = ()=>{
      useEffect( () => {
         const saveFileAction  =  () => {
             if (isTextChanged)  {
-                console.warn("Save File")
                 vmd.saveFile({content:text, filePath})
             }
         }
-
+        const saveFileAsAction  =  () => {
+               vmd.saveFileAs({content:text})
+        }
         const togglePreviewMode  =  (e) => {
-            console.log("tooflge")
             Object.hasOwnProperty.call(e, 'preventDefault') && e.preventDefault();
             setPreviewMode(!isPreviewMode)
         }
 
-        // make menu command listener
+        // make menu command listeners
         vmd.on('menu-file-save', saveFileAction)
+        vmd.on('menu-file-save-as', saveFileAsAction)
         vmd.on('view-preview-toggle', togglePreviewMode)
 
         return () => {
             vmd.off('menu-file-save', saveFileAction)
+            vmd.off('menu-file-save-as', saveFileAsAction)
             vmd.off('view-preview-toggle', togglePreviewMode)
         }