@holochain/hc-spin 0.100.1 → 0.100.3

package/dist/main/index.js

@@ -61,7 +61,7 @@ function nanoid(size = 21) {
   }
   return id;
 }
-const createHappWindow = async (uiSource, happOrWebhappPath, appId, agentNum, appPort, appDataRootDir) => {
+const createHappWindow = async (uiSource, happOrWebhappPath, appId, agentNum, appPort, appDataRootDir, openDevtools) => {
   if (!appPort)
     throw new Error("App port not defined.");
   const partition = `persist:${agentNum}:${appId}`;
@@ -127,7 +127,8 @@ electron.contextBridge.exposeInMainWorld("__HC_LAUNCHER_ENV__", {
   happWindow.on("page-title-updated", (evt) => {
     evt.preventDefault();
   });
-  happWindow.webContents.openDevTools();
+  if (openDevtools)
+    happWindow.webContents.openDevTools();
   if (uiSource.type === "port") {
     try {
       await electron.net.fetch(`http://127.0.0.1:${uiSource.port}/index.html`);
@@ -11736,12 +11737,62 @@ function validateCliArgs(cliArgs, cliOpts, appDataRootDir) {
     holochainPath,
     numAgents,
     uiSource: cliOpts.uiPath ? { type: "path", path: cliOpts.uiPath } : cliOpts.uiPort ? { type: "port", port: cliOpts.uiPort } : { type: "path", path: path.join(appDataRootDir, "apps", appId, "ui") },
-    happOrWebhappPath: isHapp ? { type: "happ", path: happOrWebhappPath } : { type: "webhapp", path: happOrWebhappPath }
+    happOrWebhappPath: isHapp ? { type: "happ", path: happOrWebhappPath } : { type: "webhapp", path: happOrWebhappPath },
+    openDevtools: cliOpts.openDevtools ? true : false
   };
 }
+const menu = electron.Menu.buildFromTemplate([
+  {
+    label: "Options",
+    submenu: [
+      {
+        label: "toggle dev tools (F12)",
+        click: () => {
+          const focusedWindow = electron.BrowserWindow.getFocusedWindow();
+          if (focusedWindow) {
+            focusedWindow.webContents.toggleDevTools();
+          }
+        },
+        accelerator: "F12"
+      },
+      {
+        label: "toggle dev tools (Ctrl+Shift+I)",
+        click: () => {
+          const focusedWindow = electron.BrowserWindow.getFocusedWindow();
+          if (focusedWindow) {
+            focusedWindow.webContents.toggleDevTools();
+          }
+        },
+        visible: false,
+        accelerator: "CommandOrControl+Shift+I"
+      },
+      {
+        label: "Reload (F5)",
+        click: () => {
+          const focusedWindow = electron.BrowserWindow.getFocusedWindow();
+          if (focusedWindow) {
+            focusedWindow.webContents.reload();
+          }
+        },
+        accelerator: "F5"
+      },
+      {
+        label: "Reload (Ctrl+R)",
+        click: () => {
+          const focusedWindow = electron.BrowserWindow.getFocusedWindow();
+          if (focusedWindow) {
+            focusedWindow.webContents.reload();
+          }
+        },
+        visible: false,
+        accelerator: "CommandOrControl+R"
+      }
+    ]
+  }
+]);
 const rustUtils = require("@holochain/hc-spin-rust-utils");
 const cli = new commander.Command();
-cli.name("hc-spin").description("CLI to run Holochain apps during development.").version(`0.100.1 (for holochain 0.1.x)`).argument(
+cli.name("hc-spin").description("CLI to run Holochain apps during development.").version(`0.100.3 (for holochain 0.1.x)`).argument(
   "<path>",
   "Path to .webhapp or .happ file to launch. If a .happ file is passed, either a UI path must be specified via --ui-path or a port pointing to a localhost server via --ui-port"
 ).option(
@@ -11754,7 +11805,7 @@ cli.name("hc-spin").description("CLI to run Holochain apps during development.")
 ).option("--ui-path <path>", "Path to the folder containing the index.html of the webhapp's UI.").option(
   "--ui-port <number>",
   "Port pointing to a localhost dev server that serves your UI assets."
-);
+).option("--open-devtools", "Automatically open the devtools on startup.");
 cli.parse();
 const rl = require("readline").createInterface({
   input: process.stdin,
@@ -11777,6 +11828,7 @@ for (const folder of hcSpinFolders) {
 }
 const DATA_ROOT_DIR = path.join(electron.app.getPath("temp"), `hc-spin-${nanoid(8)}`);
 electron.app.setPath("userData", path.join(DATA_ROOT_DIR, "electron"));
+electron.Menu.setApplicationMenu(menu);
 const CLI_OPTS = validateCliArgs(cli.args, cli.opts(), DATA_ROOT_DIR);
 const SANDBOX_PROCESSES = [];
 const WINDOW_INFO_MAP = {};
@@ -11907,7 +11959,7 @@ electron.app.whenReady().then(async () => {
     }
   });
   SANDBOX_PROCESSES.push(sandboxHandle);
-  for (var i = 0; i < cli.opts().numAgents; i++) {
+  for (var i = 0; i < CLI_OPTS.numAgents; i++) {
     const zomeCallSigner = await rustUtils.ZomeCallSigner.connect(lairUrls[i], "pass");
     const appWs = await AppWebsocket.connect(new URL(`ws://127.0.0.1:${appPorts[i]}`));
     const appInfo = await appWs.appInfo({ installed_app_id: CLI_OPTS.appId });
@@ -11917,7 +11969,8 @@ electron.app.whenReady().then(async () => {
       CLI_OPTS.appId,
       i + 1,
       appPorts[i],
-      DATA_ROOT_DIR
+      DATA_ROOT_DIR,
+      CLI_OPTS.openDevtools
     );
     WINDOW_INFO_MAP[happWindow.webContents.id] = {
       agentPubKey: appInfo.agent_pub_key,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@holochain/hc-spin",
-  "version": "0.100.1",
+  "version": "0.100.3",
   "description": "CLI to run Holochain aps during development.",
   "author": "matthme",
   "homepage": "https://developer.holochain.org",
@@ -23,7 +23,7 @@
     "@electron-toolkit/preload": "^3.0.0",
     "@electron-toolkit/utils": "^3.0.0",
     "@holochain/client": "^0.16.3",
-    "@holochain/hc-spin-rust-utils": "0.100.1",
+    "@holochain/hc-spin-rust-utils": "^0.100.2",
     "@msgpack/msgpack": "^2.8.0",
     "commander": "11.1.0",
     "electron": "^28.1.1",

package/src/main/index.ts

@@ -1,4 +1,4 @@
-import { app, IpcMainInvokeEvent, ipcMain, protocol } from 'electron';
+import { app, IpcMainInvokeEvent, ipcMain, protocol, Menu } from 'electron';
 import fs from 'fs';
 import path from 'path';
 import { nanoid } from 'nanoid';
@@ -19,6 +19,7 @@ import {
   randomNonce,
 } from '@holochain/client';
 import { validateCliArgs } from './validateArgs';
+import { menu } from './menu';
 
 const rustUtils = require('@holochain/hc-spin-rust-utils');
 
@@ -27,7 +28,7 @@ const cli = new Command();
 cli
   .name('hc-spin')
   .description('CLI to run Holochain apps during development.')
-  .version(`0.100.1 (for holochain 0.1.x)`)
+  .version(`0.100.3 (for holochain 0.1.x)`)
   .argument(
     '<path>',
     'Path to .webhapp or .happ file to launch. If a .happ file is passed, either a UI path must be specified via --ui-path or a port pointing to a localhost server via --ui-port',
@@ -46,7 +47,8 @@ cli
   .option(
     '--ui-port <number>',
     'Port pointing to a localhost dev server that serves your UI assets.',
-  );
+  )
+  .option('--open-devtools', 'Automatically open the devtools on startup.');
 
 cli.parse();
 // console.log('Got CLI opts: ', cli.opts());
@@ -83,6 +85,8 @@ const DATA_ROOT_DIR = path.join(app.getPath('temp'), `hc-spin-${nanoid(8)}`);
 
 app.setPath('userData', path.join(DATA_ROOT_DIR, 'electron'));
 
+Menu.setApplicationMenu(menu);
+
 const CLI_OPTS = validateCliArgs(cli.args, cli.opts(), DATA_ROOT_DIR);
 
 // const SANDBOX_DIRECTORIES: Array<string> = [];
@@ -270,7 +274,7 @@ app.whenReady().then(async () => {
 
   // open browser window for each sandbox
   //
-  for (var i = 0; i < cli.opts().numAgents; i++) {
+  for (var i = 0; i < CLI_OPTS.numAgents; i++) {
     const zomeCallSigner = await rustUtils.ZomeCallSigner.connect(lairUrls[i], 'pass');
 
     const appWs = await AppWebsocket.connect(new URL(`ws://127.0.0.1:${appPorts[i]}`));
@@ -282,6 +286,7 @@ app.whenReady().then(async () => {
       i + 1,
       appPorts[i],
       DATA_ROOT_DIR,
+      CLI_OPTS.openDevtools,
     );
     WINDOW_INFO_MAP[happWindow.webContents.id] = {
       agentPubKey: appInfo.agent_pub_key,

package/src/main/menu.ts

@@ -0,0 +1,51 @@
+import { BrowserWindow, Menu } from 'electron';
+
+export const menu = Menu.buildFromTemplate([
+  {
+    label: 'Options',
+    submenu: [
+      {
+        label: 'toggle dev tools (F12)',
+        click: () => {
+          const focusedWindow = BrowserWindow.getFocusedWindow();
+          if (focusedWindow) {
+            focusedWindow.webContents.toggleDevTools();
+          }
+        },
+        accelerator: 'F12',
+      },
+      {
+        label: 'toggle dev tools (Ctrl+Shift+I)',
+        click: () => {
+          const focusedWindow = BrowserWindow.getFocusedWindow();
+          if (focusedWindow) {
+            focusedWindow.webContents.toggleDevTools();
+          }
+        },
+        visible: false,
+        accelerator: 'CommandOrControl+Shift+I',
+      },
+      {
+        label: 'Reload (F5)',
+        click: () => {
+          const focusedWindow = BrowserWindow.getFocusedWindow();
+          if (focusedWindow) {
+            focusedWindow.webContents.reload();
+          }
+        },
+        accelerator: 'F5',
+      },
+      {
+        label: 'Reload (Ctrl+R)',
+        click: () => {
+          const focusedWindow = BrowserWindow.getFocusedWindow();
+          if (focusedWindow) {
+            focusedWindow.webContents.reload();
+          }
+        },
+        visible: false,
+        accelerator: 'CommandOrControl+R',
+      },
+    ],
+  },
+]);

package/src/main/validateArgs.ts

@@ -8,6 +8,7 @@ export type CliOpts = {
   numAgents?: number;
   uiPath?: string;
   uiPort?: number;
+  openDevtools?: boolean;
 };
 
 export type CliOptsValidated = {
@@ -16,6 +17,7 @@ export type CliOptsValidated = {
   numAgents: number;
   uiSource: UISource;
   happOrWebhappPath: HappOrWebhappPath;
+  openDevtools: boolean;
 };
 
 export type HappOrWebhappPath = {
@@ -77,5 +79,6 @@ export function validateCliArgs(
     happOrWebhappPath: isHapp
       ? { type: 'happ', path: happOrWebhappPath }
       : { type: 'webhapp', path: happOrWebhappPath },
+    openDevtools: cliOpts.openDevtools ? true : false,
   };
 }

package/src/main/windows.ts

@@ -23,6 +23,7 @@ export const createHappWindow = async (
   agentNum: number,
   appPort: number,
   appDataRootDir: string,
+  openDevtools: boolean,
 ): Promise<BrowserWindow> => {
   // TODO create mapping between installed-app-id's and window ids
   if (!appPort) throw new Error('App port not defined.');
@@ -104,7 +105,7 @@ electron.contextBridge.exposeInMainWorld("__HC_LAUNCHER_ENV__", {
     evt.preventDefault();
   });
 
-  happWindow.webContents.openDevTools();
+  if (openDevtools) happWindow.webContents.openDevTools();
 
   if (uiSource.type === 'port') {
     try {