fontastic 0.1.7 → 1.0.0

package/app/core/menu/templates/SystemTemplate.js

@@ -1,124 +1,122 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const electron_1 = require("electron");
-class SystemTemplate {
-    constructor(mainWindow, isProduction) {
-        this.mainWindow = mainWindow;
-        this.isProduction = isProduction;
-    }
-    build() {
-        const subMenuAbout = this.addSubMenuAbout();
-        const subMenuEdit = this.addSubMenuEdit();
-        const subMenuView = this.addSubMenuView();
-        const subMenuWindow = this.addSubMenuWindow();
-        const subMenuHelp = this.addSubMenuHelp();
-        return [subMenuAbout, subMenuEdit, subMenuView, subMenuWindow, subMenuHelp];
-    }
-    addSubMenuAbout() {
-        return {
-            label: 'Electron',
-            submenu: [{
-                    label: 'About ElectronReact',
-                    accelerator: 'Command+H'
-                },
-                { type: 'separator' },
-                { label: 'Services', submenu: [] },
-                { type: 'separator' },
-                {
-                    label: 'Hide ElectronReact',
-                    accelerator: 'Command+H'
-                },
-                {
-                    label: 'Hide Others',
-                    accelerator: 'Command+Shift+H'
-                },
-                { label: 'Show All' },
-                { type: 'separator' },
-                {
-                    label: 'Quit',
-                    accelerator: 'Command+Q',
-                    click: () => {
-                        electron_1.app.quit();
-                    },
-                },
-            ],
-        };
-    }
-    addSubMenuEdit() {
-        return {
-            label: 'Edit',
-            submenu: [
-                { label: 'Undo', accelerator: 'Command+Z' },
-                { label: 'Redo', accelerator: 'Shift+Command+Z' },
-                { type: 'separator' },
-                { label: 'Cut', accelerator: 'Command+X' },
-                { label: 'Copy', accelerator: 'Command+C' },
-                { label: 'Paste', accelerator: 'Command+V' },
-                { label: 'Select All', accelerator: 'Command+A' }
-            ],
-        };
-    }
-    addSubMenuView() {
-        return {
-            label: 'View',
-            submenu: [{
-                    label: 'Reload',
-                    accelerator: 'Command+R',
-                    click: () => {
-                        this.mainWindow.webContents.reload();
-                    },
-                }, {
-                    label: 'Toggle Full Screen',
-                    accelerator: 'Ctrl+Command+F',
-                    click: () => {
-                        this.mainWindow.setFullScreen(!this.mainWindow.isFullScreen());
-                    },
-                }, {
-                    label: 'Toggle Developer Tools',
-                    accelerator: 'Alt+Command+I',
-                    click: () => {
-                        this.mainWindow.webContents.toggleDevTools();
-                    },
-                }]
-        };
-    }
-    addSubMenuWindow() {
-        return {
-            label: 'Window',
-            submenu: [
-                { label: 'Minimize', accelerator: 'Command+M' },
-                { label: 'Close', accelerator: 'Command+W' },
-                { type: 'separator' },
-                { label: 'Bring All to Front' },
-            ]
-        };
-    }
-    addSubMenuHelp() {
-        return {
-            label: 'Help',
-            submenu: [{
-                    label: 'Learn More',
-                    click() {
-                        electron_1.shell.openExternal('https://electronjs.org');
-                    },
-                }, {
-                    label: 'Documentation',
-                    click() {
-                        electron_1.shell.openExternal('https://github.com/electron/electron/tree/main/docs#readme');
-                    },
-                }, {
-                    label: 'Community Discussions',
-                    click() {
-                        electron_1.shell.openExternal('https://www.electronjs.org/community');
-                    },
-                }, {
-                    label: 'Search Issues',
-                    click() {
-                        electron_1.shell.openExternal('https://github.com/electron/electron/issues');
-                    },
-                }]
-        };
-    }
-}
-exports.default = SystemTemplate;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const electron_1 = require("electron");
+const enums_1 = require("../../../enums");
+class SystemTemplate {
+    constructor(mainWindow, isProduction) {
+        this.mainWindow = mainWindow;
+        this.isProduction = isProduction;
+    }
+    build() {
+        const subMenuAbout = this.addSubMenuAbout();
+        const subMenuEdit = this.addSubMenuEdit();
+        const subMenuView = this.addSubMenuView();
+        const subMenuWindow = this.addSubMenuWindow();
+        return [subMenuAbout, subMenuEdit, subMenuView, subMenuWindow];
+    }
+    addSubMenuAbout() {
+        return {
+            label: 'Fontastic',
+            submenu: [
+                {
+                    label: 'About Fontastic',
+                },
+                { type: 'separator' },
+                {
+                    label: 'Hide Fontastic',
+                    accelerator: 'Command+H',
+                },
+                {
+                    label: 'Hide Others',
+                    accelerator: 'Command+Shift+H',
+                },
+                { label: 'Show All' },
+                { type: 'separator' },
+                {
+                    label: 'Quit',
+                    accelerator: 'Command+Q',
+                    click: () => {
+                        electron_1.app.quit();
+                    },
+                },
+            ],
+        };
+    }
+    addSubMenuEdit() {
+        return {
+            label: 'Edit',
+            submenu: [
+                { label: 'Undo', accelerator: 'Command+Z' },
+                { label: 'Redo', accelerator: 'Shift+Command+Z' },
+                { type: 'separator' },
+                { label: 'Cut', accelerator: 'Command+X' },
+                { label: 'Copy', accelerator: 'Command+C' },
+                { label: 'Paste', accelerator: 'Command+V' },
+                { label: 'Select All', accelerator: 'Command+A' },
+            ],
+        };
+    }
+    addSubMenuView() {
+        const items = [
+            {
+                label: 'Toggle Full Screen',
+                accelerator: 'Ctrl+Command+F',
+                click: () => {
+                    this.mainWindow.setFullScreen(!this.mainWindow.isFullScreen());
+                },
+            },
+        ];
+        if (!this.isProduction) {
+            items.push({ type: 'separator' }, {
+                label: 'Reload',
+                accelerator: 'Command+R',
+                click: () => {
+                    this.mainWindow.webContents.reload();
+                },
+            }, {
+                label: 'Toggle Developer Tools',
+                accelerator: 'Alt+Command+I',
+                click: () => {
+                    this.mainWindow.webContents.toggleDevTools();
+                },
+            });
+        }
+        return {
+            label: 'View',
+            submenu: items,
+        };
+    }
+    addSubMenuWindow() {
+        return {
+            label: 'Window',
+            submenu: [
+                { label: 'Minimize', accelerator: 'Command+M' },
+                { label: 'Close', accelerator: 'Command+W' },
+                { type: 'separator' },
+                { label: 'Bring All to Front' },
+                { type: 'separator' },
+                ...this.addTogglePanelItems(),
+            ],
+        };
+    }
+    addTogglePanelItems() {
+        const panels = [
+            { label: 'Toggle Navigation', panel: 'navigation', accelerator: 'Alt+Ctrl+1' },
+            { label: 'Toggle Aside', panel: 'aside', accelerator: 'Alt+Ctrl+2' },
+            { label: 'Toggle Preview', panel: 'preview', accelerator: 'Alt+Ctrl+3' },
+            { label: 'Toggle Inspect', panel: 'inspect', accelerator: 'Alt+Ctrl+4' },
+            { label: 'Toggle Toolbar', panel: 'toolbar', accelerator: 'Alt+Ctrl+5' },
+            { label: 'Toggle Grid', panel: 'grid', accelerator: 'Alt+Ctrl+6' },
+            { label: 'Toggle Waterfall', panel: 'waterfall', accelerator: 'Alt+Ctrl+7' },
+        ];
+        return panels.map(({ label, panel, accelerator }) => ({
+            label,
+            accelerator,
+            click: () => {
+                this.mainWindow.webContents.send(enums_1.ChannelType.IPC_TOGGLE_PANEL, panel);
+            },
+        }));
+    }
+}
+exports.default = SystemTemplate;
 //# sourceMappingURL=SystemTemplate.js.map

package/app/core/menu/templates/SystemTemplate.ts

@@ -1,139 +1,136 @@
-import {
-  app,
-  shell,
-  BrowserWindow,
-  MenuItemConstructorOptions,
-} from 'electron';
-
-export default class SystemTemplate {
-  mainWindow: BrowserWindow;
-  isProduction: boolean;
-
-  constructor(mainWindow: BrowserWindow, isProduction: boolean) {
-    this.mainWindow = mainWindow;
-    this.isProduction = isProduction;
-  }
-
-  build(): MenuItemConstructorOptions[] {
-    const subMenuAbout = this.addSubMenuAbout();
-    const subMenuEdit = this.addSubMenuEdit();
-    const subMenuView = this.addSubMenuView();
-    const subMenuWindow = this.addSubMenuWindow();
-    const subMenuHelp = this.addSubMenuHelp();
-
-    return [subMenuAbout, subMenuEdit, subMenuView, subMenuWindow, subMenuHelp];
-  }
-
-  addSubMenuAbout(): MenuItemConstructorOptions {
-    return {
-      label: 'Electron',
-      submenu: [{
-        label: 'About ElectronReact',
-        accelerator: 'Command+H'
-      },
-      { type: 'separator' },
-      { label: 'Services', submenu: [] },
-      { type: 'separator' },
-      {
-        label: 'Hide ElectronReact',
-        accelerator: 'Command+H'
-      },
-      {
-        label: 'Hide Others',
-        accelerator: 'Command+Shift+H'
-      },
-      { label: 'Show All' },
-      { type: 'separator' },
-      {
-        label: 'Quit',
-        accelerator: 'Command+Q',
-        click: () => {
-          app.quit();
-        },
-      },
-      ],
-    };
-  }
-
-  addSubMenuEdit(): MenuItemConstructorOptions {
-    return {
-      label: 'Edit',
-      submenu: [
-        { label: 'Undo', accelerator: 'Command+Z' },
-        { label: 'Redo', accelerator: 'Shift+Command+Z' },
-        { type: 'separator' },
-        { label: 'Cut', accelerator: 'Command+X' },
-        { label: 'Copy', accelerator: 'Command+C' },
-        { label: 'Paste', accelerator: 'Command+V' },
-        { label: 'Select All', accelerator: 'Command+A' }
-      ],
-    };
-  }
-
-  addSubMenuView(): MenuItemConstructorOptions {
-    return {
-      label: 'View',
-      submenu: [{
-        label: 'Reload',
-        accelerator: 'Command+R',
-        click: () => {
-          this.mainWindow.webContents.reload();
-        },
-      }, {
-        label: 'Toggle Full Screen',
-        accelerator: 'Ctrl+Command+F',
-        click: () => {
-          this.mainWindow.setFullScreen(!this.mainWindow.isFullScreen());
-        },
-      }, {
-        label: 'Toggle Developer Tools',
-        accelerator: 'Alt+Command+I',
-        click: () => {
-          this.mainWindow.webContents.toggleDevTools();
-        },
-      }]
-    };
-  }
-
-  addSubMenuWindow(): MenuItemConstructorOptions {
-    return {
-      label: 'Window',
-      submenu: [
-        { label: 'Minimize', accelerator: 'Command+M' },
-        { label: 'Close', accelerator: 'Command+W' },
-        { type: 'separator' },
-        { label: 'Bring All to Front' },
-      ]
-    };
-  }
-
-  addSubMenuHelp(): MenuItemConstructorOptions {
-    return {
-      label: 'Help',
-      submenu: [{
-        label: 'Learn More',
-        click() {
-          shell.openExternal('https://electronjs.org');
-        },
-      }, {
-        label: 'Documentation',
-        click() {
-          shell.openExternal(
-            'https://github.com/electron/electron/tree/main/docs#readme'
-          );
-        },
-      }, {
-        label: 'Community Discussions',
-        click() {
-          shell.openExternal('https://www.electronjs.org/community');
-        },
-      }, {
-        label: 'Search Issues',
-        click() {
-          shell.openExternal('https://github.com/electron/electron/issues');
-        },
-      }]
-    };
-  }
-
-}
+import { app, BrowserWindow, MenuItemConstructorOptions } from 'electron';
+import { ChannelType } from '../../../enums';
+
+export default class SystemTemplate {
+  mainWindow: BrowserWindow;
+  isProduction: boolean;
+
+  constructor(mainWindow: BrowserWindow, isProduction: boolean) {
+    this.mainWindow = mainWindow;
+    this.isProduction = isProduction;
+  }
+
+  build(): MenuItemConstructorOptions[] {
+    const subMenuAbout = this.addSubMenuAbout();
+    const subMenuEdit = this.addSubMenuEdit();
+    const subMenuView = this.addSubMenuView();
+    const subMenuWindow = this.addSubMenuWindow();
+
+    return [subMenuAbout, subMenuEdit, subMenuView, subMenuWindow];
+  }
+
+  addSubMenuAbout(): MenuItemConstructorOptions {
+    return {
+      label: 'Fontastic',
+      submenu: [
+        {
+          label: 'About Fontastic',
+        },
+        { type: 'separator' },
+        {
+          label: 'Hide Fontastic',
+          accelerator: 'Command+H',
+        },
+        {
+          label: 'Hide Others',
+          accelerator: 'Command+Shift+H',
+        },
+        { label: 'Show All' },
+        { type: 'separator' },
+        {
+          label: 'Quit',
+          accelerator: 'Command+Q',
+          click: () => {
+            app.quit();
+          },
+        },
+      ],
+    };
+  }
+
+  addSubMenuEdit(): MenuItemConstructorOptions {
+    return {
+      label: 'Edit',
+      submenu: [
+        { label: 'Undo', accelerator: 'Command+Z' },
+        { label: 'Redo', accelerator: 'Shift+Command+Z' },
+        { type: 'separator' },
+        { label: 'Cut', accelerator: 'Command+X' },
+        { label: 'Copy', accelerator: 'Command+C' },
+        { label: 'Paste', accelerator: 'Command+V' },
+        { label: 'Select All', accelerator: 'Command+A' },
+      ],
+    };
+  }
+
+  addSubMenuView(): MenuItemConstructorOptions {
+    const items: MenuItemConstructorOptions[] = [
+      {
+        label: 'Toggle Full Screen',
+        accelerator: 'Ctrl+Command+F',
+        click: () => {
+          this.mainWindow.setFullScreen(!this.mainWindow.isFullScreen());
+        },
+      },
+    ];
+
+    if (!this.isProduction) {
+      items.push(
+        { type: 'separator' },
+        {
+          label: 'Reload',
+          accelerator: 'Command+R',
+          click: () => {
+            this.mainWindow.webContents.reload();
+          },
+        },
+        {
+          label: 'Toggle Developer Tools',
+          accelerator: 'Alt+Command+I',
+          click: () => {
+            this.mainWindow.webContents.toggleDevTools();
+          },
+        },
+      );
+    }
+
+    return {
+      label: 'View',
+      submenu: items,
+    };
+  }
+
+  addSubMenuWindow(): MenuItemConstructorOptions {
+    return {
+      label: 'Window',
+      submenu: [
+        { label: 'Minimize', accelerator: 'Command+M' },
+        { label: 'Close', accelerator: 'Command+W' },
+        { type: 'separator' },
+        { label: 'Bring All to Front' },
+        { type: 'separator' },
+        ...this.addTogglePanelItems(),
+      ],
+    };
+  }
+
+  addTogglePanelItems(): MenuItemConstructorOptions[] {
+    const panels: { label: string; panel: string; accelerator: string }[] = [
+      { label: 'Toggle Navigation', panel: 'navigation', accelerator: 'Alt+Ctrl+1' },
+      { label: 'Toggle Aside', panel: 'aside', accelerator: 'Alt+Ctrl+2' },
+      { label: 'Toggle Preview', panel: 'preview', accelerator: 'Alt+Ctrl+3' },
+      { label: 'Toggle Inspect', panel: 'inspect', accelerator: 'Alt+Ctrl+4' },
+      { label: 'Toggle Toolbar', panel: 'toolbar', accelerator: 'Alt+Ctrl+5' },
+      { label: 'Toggle Grid', panel: 'grid', accelerator: 'Alt+Ctrl+6' },
+      { label: 'Toggle Waterfall', panel: 'waterfall', accelerator: 'Alt+Ctrl+7' },
+    ];
+
+    return panels.map(({ label, panel, accelerator }) => ({
+      label,
+      accelerator,
+      click: () => {
+        this.mainWindow.webContents.send(ChannelType.IPC_TOGGLE_PANEL, panel);
+      },
+    }));
+  }
+}