@electron-memory/monitor 0.2.0 → 0.2.2

package/dist/index.d.mts

@@ -206,6 +206,8 @@ interface MonitorConfig {
         height: number;
         /** 是否置顶，默认 false */
         alwaysOnTop: boolean;
+        /** 打开看板时是否自动打开 DevTools，默认 false；为 true 或环境变量 LAUNCHER_MEMORY_MONITOR_DEVTOOLS=1 时开启 */
+        openDevToolsOnStart: boolean;
     };
     /** 给窗口进程打标签，方便识别 */
     processLabels: Record<string, string>;

package/dist/index.d.ts

@@ -206,6 +206,8 @@ interface MonitorConfig {
         height: number;
         /** 是否置顶，默认 false */
         alwaysOnTop: boolean;
+        /** 打开看板时是否自动打开 DevTools，默认 false；为 true 或环境变量 LAUNCHER_MEMORY_MONITOR_DEVTOOLS=1 时开启 */
+        openDevToolsOnStart: boolean;
     };
     /** 给窗口进程打标签，方便识别 */
     processLabels: Record<string, string>;

package/dist/index.js

@@ -1112,19 +1112,48 @@ var path3 = __toESM(require("path"));
 
 // src/core/dashboard-protocol.ts
 var import_electron2 = require("electron");
+var import_promises = require("fs/promises");
 var path2 = __toESM(require("path"));
-var import_node_url = require("url");
 var SCHEME = "emm-dashboard";
 var privilegedRegistered = false;
 var handlerRegistered = false;
+var MIME_BY_EXT = {
+  ".html": "text/html; charset=utf-8",
+  ".js": "text/javascript; charset=utf-8",
+  ".mjs": "text/javascript; charset=utf-8",
+  ".css": "text/css; charset=utf-8",
+  ".json": "application/json",
+  ".map": "application/json",
+  ".svg": "image/svg+xml",
+  ".png": "image/png",
+  ".jpg": "image/jpeg",
+  ".jpeg": "image/jpeg",
+  ".gif": "image/gif",
+  ".webp": "image/webp",
+  ".ico": "image/x-icon",
+  ".woff": "font/woff",
+  ".woff2": "font/woff2",
+  ".ttf": "font/ttf",
+  ".txt": "text/plain; charset=utf-8"
+};
 function isPathInsideRoot(filePath, root) {
   const f = path2.resolve(filePath);
   const r = path2.resolve(root);
   if (f === r) {
     return true;
   }
-  const sep2 = r.endsWith(path2.sep) ? r : `${r}${path2.sep}`;
-  return f.startsWith(sep2);
+  const rel = path2.relative(r, f);
+  if (!rel || rel.startsWith("..") || path2.isAbsolute(rel)) {
+    return false;
+  }
+  return true;
+}
+function corsHeaders() {
+  return {
+    "Access-Control-Allow-Origin": "*",
+    "Access-Control-Allow-Methods": "GET, OPTIONS",
+    "Access-Control-Allow-Headers": "*"
+  };
 }
 function registerDashboardSchemePrivileged() {
   if (privilegedRegistered) {
@@ -1155,20 +1184,39 @@ function ensureDashboardProtocolHandler(uiRoot) {
   }
   handlerRegistered = true;
   const base = path2.resolve(uiRoot);
-  import_electron2.protocol.handle(SCHEME, (request) => {
+  import_electron2.protocol.handle(SCHEME, async (request) => {
+    if (request.method === "OPTIONS") {
+      return new Response(null, { status: 204, headers: corsHeaders() });
+    }
     try {
-      const { pathname } = new URL(request.url);
-      let rel = pathname.startsWith("/") ? pathname.slice(1) : pathname;
+      let pathname;
+      try {
+        pathname = decodeURIComponent(new URL(request.url).pathname);
+      } catch {
+        return new Response("Bad URL", { status: 400, headers: corsHeaders() });
+      }
+      let rel = pathname.replace(/^\/+/, "");
       if (!rel) {
         rel = "index.html";
       }
       const filePath = path2.resolve(path2.join(base, rel));
       if (!isPathInsideRoot(filePath, base)) {
-        return new Response("Forbidden", { status: 403 });
+        return new Response("Forbidden", { status: 403, headers: corsHeaders() });
       }
-      return import_electron2.net.fetch((0, import_node_url.pathToFileURL)(filePath).href);
-    } catch {
-      return new Response("Bad Request", { status: 400 });
+      const body = await (0, import_promises.readFile)(filePath);
+      const ext = path2.extname(filePath).toLowerCase();
+      const mime = MIME_BY_EXT[ext] || "application/octet-stream";
+      return new Response(body, {
+        status: 200,
+        headers: {
+          "Content-Type": mime,
+          "Cache-Control": "no-store",
+          ...corsHeaders()
+        }
+      });
+    } catch (err) {
+      const msg = err instanceof Error ? err.message : String(err);
+      return new Response(msg, { status: 404, headers: corsHeaders() });
     }
   });
 }
@@ -1176,6 +1224,51 @@ function getDashboardPageURL() {
   return `${SCHEME}://electron/index.html`;
 }
 
+// src/core/dashboard-window-hooks.ts
+function shouldOpenDevToolsShortcut(input) {
+  if (input.type !== "keyDown") {
+    return false;
+  }
+  if (input.key === "F12") {
+    return true;
+  }
+  const k = input.key.toLowerCase();
+  if (k !== "i") {
+    return false;
+  }
+  if (input.control && input.shift) {
+    return true;
+  }
+  if (process.platform === "darwin" && input.meta && input.alt) {
+    return true;
+  }
+  return false;
+}
+function attachDashboardWindowHooks(win, options) {
+  const wc = win.webContents;
+  wc.on("before-input-event", (event, input) => {
+    if (!shouldOpenDevToolsShortcut(input)) {
+      return;
+    }
+    event.preventDefault();
+    if (wc.isDevToolsOpened()) {
+      wc.closeDevTools();
+    } else {
+      wc.openDevTools({ mode: "detach" });
+    }
+  });
+  wc.on("did-fail-load", (_e, code, desc, url) => {
+    console.error("[@electron-memory/monitor] dashboard did-fail-load", code, desc, url);
+  });
+  let autoOpened = false;
+  wc.on("did-finish-load", () => {
+    if (options.openDevToolsOnStart && !autoOpened) {
+      autoOpened = true;
+      wc.openDevTools({ mode: "detach" });
+    }
+  });
+}
+
 // src/core/dashboard.ts
 var DashboardManager = class {
   constructor(config) {
@@ -1208,9 +1301,13 @@ var DashboardManager = class {
       webPreferences: {
         preload: preloadPath,
         contextIsolation: true,
-        nodeIntegration: false
+        nodeIntegration: false,
+        devTools: true
       }
     });
+    attachDashboardWindowHooks(this.window, {
+      openDevToolsOnStart: this.config.dashboard.openDevToolsOnStart
+    });
     const uiRoot = path3.join(__dirname, "ui");
     ensureDashboardProtocolHandler(uiRoot);
     this.window.loadURL(getDashboardPageURL());
@@ -1364,7 +1461,8 @@ var DEFAULT_CONFIG = {
   dashboard: {
     width: 1400,
     height: 900,
-    alwaysOnTop: false
+    alwaysOnTop: false,
+    openDevToolsOnStart: false
   },
   processLabels: {}
 };
@@ -1680,7 +1778,15 @@ var ElectronMemoryMonitor = class extends import_events3.EventEmitter {
     this.emit("snapshot", snapshot);
   }
   mergeConfig(userConfig) {
-    if (!userConfig) return { ...DEFAULT_CONFIG };
+    if (!userConfig) {
+      return {
+        ...DEFAULT_CONFIG,
+        dashboard: {
+          ...DEFAULT_CONFIG.dashboard,
+          openDevToolsOnStart: process.env.LAUNCHER_MEMORY_MONITOR_DEVTOOLS === "1"
+        }
+      };
+    }
     return {
       ...DEFAULT_CONFIG,
       ...userConfig,
@@ -1694,7 +1800,8 @@ var ElectronMemoryMonitor = class extends import_events3.EventEmitter {
       },
       dashboard: {
         ...DEFAULT_CONFIG.dashboard,
-        ...userConfig.dashboard || {}
+        ...userConfig.dashboard || {},
+        openDevToolsOnStart: userConfig.dashboard?.openDevToolsOnStart !== void 0 ? userConfig.dashboard.openDevToolsOnStart : process.env.LAUNCHER_MEMORY_MONITOR_DEVTOOLS === "1"
       },
       processLabels: {
         ...DEFAULT_CONFIG.processLabels,