add menu template to be displayed

Author: jsajal

packages/flowtest-electron/electron-main.js

@@ -1,14 +1,18 @@
 // Modules to control application life and create native browser window
-const { app, BrowserWindow } = require('electron');
+const { app, BrowserWindow, Menu } = require('electron');
 const path = require('path');
 const url = require('url');
+const template = require('./electron-menu');
 const Watcher = require('./src/app/watcher');
 const registerRendererEventHandlers = require('./src/ipc/collection');
 
 let mainWindow;
 let watcher;
 
 app.on('ready', async () => {
+  const menu = Menu.buildFromTemplate(template);
+  Menu.setApplicationMenu(menu);
+
   // Create the browser window.
   mainWindow = new BrowserWindow({
     width: 1280,

packages/flowtest-electron/electron-menu.js

@@ -0,0 +1,59 @@
+const { shell } = require('electron');
+
+const template = [
+  {
+    label: 'FlowTestAI',
+    submenu: [
+      { type: 'separator' },
+      {
+        role: 'quit',
+        label: 'Exit FlowTestAI',
+      },
+    ],
+  },
+  {
+    label: 'Edit',
+    submenu: [
+      { role: 'undo' },
+      { role: 'redo' },
+      { type: 'separator' },
+      { role: 'cut' },
+      { role: 'copy' },
+      { role: 'paste' },
+      { role: 'selectAll' },
+      { type: 'separator' },
+      { role: 'hide' },
+      { role: 'hideOthers' },
+    ],
+  },
+  {
+    label: 'View',
+    submenu: [
+      { role: 'toggledevtools' },
+      { type: 'separator' },
+      { role: 'resetzoom' },
+      { role: 'zoomin' },
+      { role: 'zoomout' },
+      { type: 'separator' },
+      { role: 'togglefullscreen' },
+    ],
+  },
+  {
+    role: 'window',
+    submenu: [{ role: 'minimize' }, { role: 'close', accelerator: 'CommandOrControl+Shift+Q' }],
+  },
+  {
+    role: 'help',
+    label: 'Help',
+    submenu: [
+      {
+        label: 'About',
+        click: async () => {
+          await shell.openExternal('https://github.com/FlowTestAI/FlowTest');
+        },
+      },
+    ],
+  },
+];
+
+module.exports = template;

packages/flowtest-electron/package.json

@@ -1,5 +1,6 @@
 {
-  "name": "flowtest-electron",
+  "name": "flowtestai",
+  "productName": "FlowTestAI",
   "version": "1.0.0",
   "homepage": "https://github.com/FlowTestAI/FlowTest/tree/main",
   "description": "OpenSource IDE for designing API powered flows",