@holochain/hc-spin 0.200.5 → 0.200.7

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}`;
@@ -96,12 +96,12 @@ electron.contextBridge.exposeInMainWorld("__HC_LAUNCHER_ENV__", {
   } else {
     try {
       const iconResponse = await electron.net.fetch(`http://127.0.0.1:${uiSource.port}/icon.png`);
-      const buffer = await iconResponse.arrayBuffer();
-      if (buffer.byteLength === 0 && agentNum === 1) {
+      if (iconResponse.status === 404 && agentNum === 1) {
         console.warn(
           "\n\n+++++ WARNING +++++\n[hc-spin] No icon.png found. It is recommended to put an icon.png file (1024x1024 pixel) in the root of your UI assets directory which can be used by the Holochain Launcher.\n+++++++++++++++++++\n\n"
         );
       }
+      const buffer = await iconResponse.arrayBuffer();
       icon = electron.nativeImage.createFromBuffer(Buffer.from(buffer));
     } catch (e) {
       console.error("Failed to get icon.png: ", e);
@@ -127,7 +127,19 @@ electron.contextBridge.exposeInMainWorld("__HC_LAUNCHER_ENV__", {
   happWindow.on("page-title-updated", (evt) => {
     evt.preventDefault();
   });
-  happWindow.webContents.openDevTools();
+  if (openDevtools)
+    happWindow.webContents.openDevTools();
+  happWindow.webContents.on("before-input-event", (e, input) => {
+    if (input.code === "F12") {
+      e.preventDefault();
+      if (happWindow.webContents.isDevToolsOpened()) {
+        happWindow.webContents.closeDevTools();
+      } else {
+        happWindow.webContents.openDevTools();
+        happWindow.webContents.focus();
+      }
+    }
+  });
   if (uiSource.type === "port") {
     try {
       await electron.net.fetch(`http://127.0.0.1:${uiSource.port}/index.html`);
@@ -11739,12 +11751,13 @@ function validateCliArgs(cliArgs, cliOpts, appDataRootDir) {
     uiSource: cliOpts.uiPath ? { type: "path", path: cliOpts.uiPath } : cliOpts.uiPort ? { type: "port", port: cliOpts.uiPort } : { type: "path", path: path.join(appDataRootDir, "apps", appId, "ui") },
     singalingUrl: cliOpts.signalingUrl,
     bootstrapUrl: cliOpts.bootstrapUrl,
-    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 rustUtils = require("@holochain/hc-spin-rust-utils");
 const cli = new commander.Command();
-cli.name("hc-spin").description("CLI to run Holochain aps during development.").version(`0.200.4 (for holochain 0.2.x)`).argument(
+cli.name("hc-spin").description("CLI to run Holochain aps during development.").version(`0.200.7 (for holochain 0.2.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(
@@ -11763,7 +11776,7 @@ cli.name("hc-spin").description("CLI to run Holochain aps during development.").
 ).option(
   "--signaling-url <url>",
   "Url of the signaling server to use. By default, hc spin spins up a local development signaling server for you but this argument allows you to specify a custom one."
-);
+).option("--open-devtools", "Automatically open the devtools on startup.");
 cli.parse();
 const rl = require("readline").createInterface({
   input: process.stdin,
@@ -11954,7 +11967,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 appPort = portsInfo[i].app_ports[0];
     const appWs = await AppWebsocket.connect(new URL(`ws://127.0.0.1:${appPort}`));
@@ -11965,7 +11978,8 @@ electron.app.whenReady().then(async () => {
       CLI_OPTS.appId,
       i + 1,
       appPort,
-      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.200.5",
+  "version": "0.200.7",
   "description": "CLI to run Holochain aps during development.",
   "author": "matthme",
   "homepage": "https://developer.holochain.org",

package/src/main/index.ts

@@ -27,7 +27,7 @@ const cli = new Command();
 cli
   .name('hc-spin')
   .description('CLI to run Holochain aps during development.')
-  .version(`0.200.4 (for holochain 0.2.x)`)
+  .version(`0.200.7 (for holochain 0.2.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',
@@ -55,7 +55,8 @@ cli
   .option(
     '--signaling-url <url>',
     'Url of the signaling server to use. By default, hc spin spins up a local development signaling server for you but this argument allows you to specify a custom one.',
-  );
+  )
+  .option('--open-devtools', 'Automatically open the devtools on startup.');
 
 cli.parse();
 // console.log('Got CLI opts: ', cli.opts());
@@ -317,11 +318,9 @@ app.whenReady().then(async () => {
 
   SANDBOX_PROCESSES.push(sandboxHandle);
 
-  // console.log('Got CLI_OPTS: ', CLI_OPTS);
-
   // 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 appPort = portsInfo[i].app_ports[0];
@@ -334,6 +333,7 @@ app.whenReady().then(async () => {
       i + 1,
       appPort,
       DATA_ROOT_DIR,
+      CLI_OPTS.openDevtools,
     );
     WINDOW_INFO_MAP[happWindow.webContents.id] = {
       agentPubKey: appInfo.agent_pub_key,

package/src/main/validateArgs.ts

@@ -11,6 +11,7 @@ export type CliOpts = {
   uiPort?: number;
   signalingUrl?: string;
   bootstrapUrl?: string;
+  openDevtools?: boolean;
 };
 
 export type CliOptsValidated = {
@@ -22,6 +23,7 @@ export type CliOptsValidated = {
   singalingUrl: string | undefined;
   bootstrapUrl: string | undefined;
   happOrWebhappPath: HappOrWebhappPath;
+  openDevtools: boolean;
 };
 
 export type HappOrWebhappPath = {
@@ -86,5 +88,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.');
@@ -67,12 +68,12 @@ electron.contextBridge.exposeInMainWorld("__HC_LAUNCHER_ENV__", {
   } else {
     try {
       const iconResponse = await net.fetch(`http://127.0.0.1:${uiSource.port}/icon.png`);
-      const buffer = await iconResponse.arrayBuffer();
-      if (buffer.byteLength === 0 && agentNum === 1) {
+      if (iconResponse.status === 404 && agentNum === 1) {
         console.warn(
           '\n\n+++++ WARNING +++++\n[hc-spin] No icon.png found. It is recommended to put an icon.png file (1024x1024 pixel) in the root of your UI assets directory which can be used by the Holochain Launcher.\n+++++++++++++++++++\n\n',
         );
       }
+      const buffer = await iconResponse.arrayBuffer();
       icon = nativeImage.createFromBuffer(Buffer.from(buffer));
     } catch (e) {
       console.error('Failed to get icon.png: ', e);
@@ -104,7 +105,19 @@ electron.contextBridge.exposeInMainWorld("__HC_LAUNCHER_ENV__", {
     evt.preventDefault();
   });
 
-  happWindow.webContents.openDevTools();
+  if (openDevtools) happWindow.webContents.openDevTools();
+
+  happWindow.webContents.on('before-input-event', (e, input) => {
+    if (input.code === 'F12') {
+      e.preventDefault();
+      if (happWindow.webContents.isDevToolsOpened()) {
+        happWindow.webContents.closeDevTools();
+      } else {
+        happWindow.webContents.openDevTools();
+        happWindow.webContents.focus();
+      }
+    }
+  });
 
   if (uiSource.type === 'port') {
     try {