@korajs/devtools 0.0.0-canary-20261008174129

package/dist/extension/background.js

@@ -0,0 +1,63 @@
+// src/extension/port-router.ts
+var PortRouter = class {
+  panelClients = /* @__PURE__ */ new Map();
+  contentClients = /* @__PURE__ */ new Map();
+  handleConnection(port) {
+    if (port.name === "kora-panel") {
+      this.attachPanel(port);
+      return;
+    }
+    if (port.name === "kora-content") {
+      this.attachContent(port);
+    }
+  }
+  attachPanel(port) {
+    port.onMessage.addListener((message) => {
+      if (!isPanelInitMessage(message)) return;
+      this.panelClients.set(message.tabId, { tabId: message.tabId, port });
+    });
+    port.onDisconnect.addListener(() => {
+      for (const [tabId, client] of this.panelClients) {
+        if (client.port === port) {
+          this.panelClients.delete(tabId);
+        }
+      }
+    });
+  }
+  attachContent(port) {
+    const tabId = port.sender?.tab?.id;
+    if (typeof tabId !== "number") {
+      return;
+    }
+    this.contentClients.set(tabId, port);
+    port.onMessage.addListener((message) => {
+      if (!isContentEventMessage(message)) return;
+      const panel = this.panelClients.get(tabId);
+      if (!panel) return;
+      panel.port.postMessage({ type: "kora-event", payload: message.payload });
+    });
+    port.onDisconnect.addListener(() => {
+      this.contentClients.delete(tabId);
+    });
+  }
+};
+function isPanelInitMessage(value) {
+  if (typeof value !== "object" || value === null) return false;
+  const record = value;
+  return record.type === "panel-init" && typeof record.tabId === "number";
+}
+function isContentEventMessage(value) {
+  if (typeof value !== "object" || value === null) return false;
+  const record = value;
+  return record.type === "kora-event" && "payload" in record;
+}
+
+// src/extension/background.ts
+var runtime = chrome?.runtime;
+if (runtime?.onConnect) {
+  const router = new PortRouter();
+  runtime.onConnect.addListener((port) => {
+    router.handleConnection(port);
+  });
+}
+//# sourceMappingURL=background.js.map

package/dist/extension/background.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/extension/port-router.ts","../../src/extension/background.ts"],"sourcesContent":["export interface ExtensionPort {\n\tname: string\n\tonMessage: {\n\t\taddListener(callback: (message: unknown) => void): void\n\t}\n\tonDisconnect: {\n\t\taddListener(callback: () => void): void\n\t}\n\tpostMessage(message: unknown): void\n\tsender?: { tab?: { id?: number } }\n}\n\ninterface PanelClient {\n\tport: ExtensionPort\n\ttabId: number\n}\n\n/**\n * Routes content-script events to the matching DevTools panel by tab.\n */\nexport class PortRouter {\n\tprivate readonly panelClients = new Map<number, PanelClient>()\n\tprivate readonly contentClients = new Map<number, ExtensionPort>()\n\n\thandleConnection(port: ExtensionPort): void {\n\t\tif (port.name === 'kora-panel') {\n\t\t\tthis.attachPanel(port)\n\t\t\treturn\n\t\t}\n\n\t\tif (port.name === 'kora-content') {\n\t\t\tthis.attachContent(port)\n\t\t}\n\t}\n\n\tprivate attachPanel(port: ExtensionPort): void {\n\t\tport.onMessage.addListener((message) => {\n\t\t\tif (!isPanelInitMessage(message)) return\n\n\t\t\tthis.panelClients.set(message.tabId, { tabId: message.tabId, port })\n\t\t})\n\n\t\tport.onDisconnect.addListener(() => {\n\t\t\tfor (const [tabId, client] of this.panelClients) {\n\t\t\t\tif (client.port === port) {\n\t\t\t\t\tthis.panelClients.delete(tabId)\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\t}\n\n\tprivate attachContent(port: ExtensionPort): void {\n\t\tconst tabId = port.sender?.tab?.id\n\t\tif (typeof tabId !== 'number') {\n\t\t\treturn\n\t\t}\n\n\t\tthis.contentClients.set(tabId, port)\n\n\t\tport.onMessage.addListener((message) => {\n\t\t\tif (!isContentEventMessage(message)) return\n\n\t\t\tconst panel = this.panelClients.get(tabId)\n\t\t\tif (!panel) return\n\n\t\t\tpanel.port.postMessage({ type: 'kora-event', payload: message.payload })\n\t\t})\n\n\t\tport.onDisconnect.addListener(() => {\n\t\t\tthis.contentClients.delete(tabId)\n\t\t})\n\t}\n}\n\nfunction isPanelInitMessage(value: unknown): value is { type: 'panel-init'; tabId: number } {\n\tif (typeof value !== 'object' || value === null) return false\n\tconst record = value as Record<string, unknown>\n\treturn record.type === 'panel-init' && typeof record.tabId === 'number'\n}\n\nfunction isContentEventMessage(value: unknown): value is { type: 'kora-event'; payload: unknown } {\n\tif (typeof value !== 'object' || value === null) return false\n\tconst record = value as Record<string, unknown>\n\treturn record.type === 'kora-event' && 'payload' in record\n}\n","import { type ExtensionPort, PortRouter } from './port-router'\n\n// biome-ignore lint/suspicious/noExplicitAny: Chrome extension API global has no type definitions without @types/chrome\ndeclare const chrome: any\n\nconst runtime = chrome?.runtime\n\nif (runtime?.onConnect) {\n\tconst router = new PortRouter()\n\truntime.onConnect.addListener((port: ExtensionPort) => {\n\t\trouter.handleConnection(port)\n\t})\n}\n"],"mappings":";AAoBO,IAAM,aAAN,MAAiB;AAAA,EACN,eAAe,oBAAI,IAAyB;AAAA,EAC5C,iBAAiB,oBAAI,IAA2B;AAAA,EAEjE,iBAAiB,MAA2B;AAC3C,QAAI,KAAK,SAAS,cAAc;AAC/B,WAAK,YAAY,IAAI;AACrB;AAAA,IACD;AAEA,QAAI,KAAK,SAAS,gBAAgB;AACjC,WAAK,cAAc,IAAI;AAAA,IACxB;AAAA,EACD;AAAA,EAEQ,YAAY,MAA2B;AAC9C,SAAK,UAAU,YAAY,CAAC,YAAY;AACvC,UAAI,CAAC,mBAAmB,OAAO,EAAG;AAElC,WAAK,aAAa,IAAI,QAAQ,OAAO,EAAE,OAAO,QAAQ,OAAO,KAAK,CAAC;AAAA,IACpE,CAAC;AAED,SAAK,aAAa,YAAY,MAAM;AACnC,iBAAW,CAAC,OAAO,MAAM,KAAK,KAAK,cAAc;AAChD,YAAI,OAAO,SAAS,MAAM;AACzB,eAAK,aAAa,OAAO,KAAK;AAAA,QAC/B;AAAA,MACD;AAAA,IACD,CAAC;AAAA,EACF;AAAA,EAEQ,cAAc,MAA2B;AAChD,UAAM,QAAQ,KAAK,QAAQ,KAAK;AAChC,QAAI,OAAO,UAAU,UAAU;AAC9B;AAAA,IACD;AAEA,SAAK,eAAe,IAAI,OAAO,IAAI;AAEnC,SAAK,UAAU,YAAY,CAAC,YAAY;AACvC,UAAI,CAAC,sBAAsB,OAAO,EAAG;AAErC,YAAM,QAAQ,KAAK,aAAa,IAAI,KAAK;AACzC,UAAI,CAAC,MAAO;AAEZ,YAAM,KAAK,YAAY,EAAE,MAAM,cAAc,SAAS,QAAQ,QAAQ,CAAC;AAAA,IACxE,CAAC;AAED,SAAK,aAAa,YAAY,MAAM;AACnC,WAAK,eAAe,OAAO,KAAK;AAAA,IACjC,CAAC;AAAA,EACF;AACD;AAEA,SAAS,mBAAmB,OAAgE;AAC3F,MAAI,OAAO,UAAU,YAAY,UAAU,KAAM,QAAO;AACxD,QAAM,SAAS;AACf,SAAO,OAAO,SAAS,gBAAgB,OAAO,OAAO,UAAU;AAChE;AAEA,SAAS,sBAAsB,OAAmE;AACjG,MAAI,OAAO,UAAU,YAAY,UAAU,KAAM,QAAO;AACxD,QAAM,SAAS;AACf,SAAO,OAAO,SAAS,gBAAgB,aAAa;AACrD;;;AC/EA,IAAM,UAAU,QAAQ;AAExB,IAAI,SAAS,WAAW;AACvB,QAAM,SAAS,IAAI,WAAW;AAC9B,UAAQ,UAAU,YAAY,CAAC,SAAwB;AACtD,WAAO,iBAAiB,IAAI;AAAA,EAC7B,CAAC;AACF;","names":[]}

package/dist/extension/content-script.cjs

@@ -0,0 +1,18 @@
+"use strict";
+
+// src/extension/content-script.ts
+var runtime = chrome?.runtime;
+if (runtime) {
+  const port = runtime.connect({ name: "kora-content" });
+  window.addEventListener("message", (event) => {
+    const data = event.data;
+    if (!data || data.source !== "kora-devtools" || !data.payload) {
+      return;
+    }
+    port.postMessage({
+      type: "kora-event",
+      payload: data.payload
+    });
+  });
+}
+//# sourceMappingURL=content-script.cjs.map

package/dist/extension/content-script.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/extension/content-script.ts"],"sourcesContent":["import type { TimestampedEvent } from '../types'\n\n// biome-ignore lint/suspicious/noExplicitAny: Chrome extension API global has no type definitions without @types/chrome\ndeclare const chrome: any\n\nconst runtime = chrome?.runtime\n\nif (runtime) {\n\tconst port = runtime.connect({ name: 'kora-content' })\n\n\twindow.addEventListener('message', (event: MessageEvent) => {\n\t\tconst data = event.data as { source?: string; payload?: TimestampedEvent } | undefined\n\t\tif (!data || data.source !== 'kora-devtools' || !data.payload) {\n\t\t\treturn\n\t\t}\n\n\t\tport.postMessage({\n\t\t\ttype: 'kora-event',\n\t\t\tpayload: data.payload,\n\t\t})\n\t})\n}\n"],"mappings":";;;AAKA,IAAM,UAAU,QAAQ;AAExB,IAAI,SAAS;AACZ,QAAM,OAAO,QAAQ,QAAQ,EAAE,MAAM,eAAe,CAAC;AAErD,SAAO,iBAAiB,WAAW,CAAC,UAAwB;AAC3D,UAAM,OAAO,MAAM;AACnB,QAAI,CAAC,QAAQ,KAAK,WAAW,mBAAmB,CAAC,KAAK,SAAS;AAC9D;AAAA,IACD;AAEA,SAAK,YAAY;AAAA,MAChB,MAAM;AAAA,MACN,SAAS,KAAK;AAAA,IACf,CAAC;AAAA,EACF,CAAC;AACF;","names":[]}

package/dist/extension/content-script.d.cts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/extension/content-script.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/extension/content-script.js

@@ -0,0 +1,16 @@
+// src/extension/content-script.ts
+var runtime = chrome?.runtime;
+if (runtime) {
+  const port = runtime.connect({ name: "kora-content" });
+  window.addEventListener("message", (event) => {
+    const data = event.data;
+    if (!data || data.source !== "kora-devtools" || !data.payload) {
+      return;
+    }
+    port.postMessage({
+      type: "kora-event",
+      payload: data.payload
+    });
+  });
+}
+//# sourceMappingURL=content-script.js.map

package/dist/extension/content-script.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/extension/content-script.ts"],"sourcesContent":["import type { TimestampedEvent } from '../types'\n\n// biome-ignore lint/suspicious/noExplicitAny: Chrome extension API global has no type definitions without @types/chrome\ndeclare const chrome: any\n\nconst runtime = chrome?.runtime\n\nif (runtime) {\n\tconst port = runtime.connect({ name: 'kora-content' })\n\n\twindow.addEventListener('message', (event: MessageEvent) => {\n\t\tconst data = event.data as { source?: string; payload?: TimestampedEvent } | undefined\n\t\tif (!data || data.source !== 'kora-devtools' || !data.payload) {\n\t\t\treturn\n\t\t}\n\n\t\tport.postMessage({\n\t\t\ttype: 'kora-event',\n\t\t\tpayload: data.payload,\n\t\t})\n\t})\n}\n"],"mappings":";AAKA,IAAM,UAAU,QAAQ;AAExB,IAAI,SAAS;AACZ,QAAM,OAAO,QAAQ,QAAQ,EAAE,MAAM,eAAe,CAAC;AAErD,SAAO,iBAAiB,WAAW,CAAC,UAAwB;AAC3D,UAAM,OAAO,MAAM;AACnB,QAAI,CAAC,QAAQ,KAAK,WAAW,mBAAmB,CAAC,KAAK,SAAS;AAC9D;AAAA,IACD;AAEA,SAAK,YAAY;AAAA,MAChB,MAAM;AAAA,MACN,SAAS,KAAK;AAAA,IACf,CAAC;AAAA,EACF,CAAC;AACF;","names":[]}

package/dist/extension/devtools-page.html

@@ -0,0 +1,45 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Kora DevTools</title>
+    <style>
+      body {
+        margin: 0;
+        font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
+        background: #0f172a;
+        color: #e2e8f0;
+      }
+      main {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        gap: 12px;
+        padding: 12px;
+      }
+      section {
+        border: 1px solid #1e293b;
+        background: #111827;
+        border-radius: 8px;
+        padding: 10px;
+      }
+      h2 {
+        margin: 0 0 8px;
+        font-size: 14px;
+      }
+      p, li {
+        font-size: 12px;
+      }
+      ul {
+        margin: 6px 0 0;
+        padding-left: 18px;
+        max-height: 200px;
+        overflow: auto;
+      }
+    </style>
+  </head>
+  <body>
+    <main id="kora-devtools-root"></main>
+    <script type="module" src="./panel.js"></script>
+  </body>
+</html>

package/dist/extension/devtools.cjs

@@ -0,0 +1,8 @@
+"use strict";
+
+// src/extension/devtools.ts
+if (chrome?.devtools?.panels) {
+  chrome.devtools.panels.create("Kora", "", "devtools-page.html", () => {
+  });
+}
+//# sourceMappingURL=devtools.cjs.map

package/dist/extension/devtools.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/extension/devtools.ts"],"sourcesContent":["// biome-ignore lint/suspicious/noExplicitAny: Chrome extension API global has no type definitions without @types/chrome\ndeclare const chrome: any\n\nif (chrome?.devtools?.panels) {\n\tchrome.devtools.panels.create('Kora', '', 'devtools-page.html', () => {})\n}\n"],"mappings":";;;AAGA,IAAI,QAAQ,UAAU,QAAQ;AAC7B,SAAO,SAAS,OAAO,OAAO,QAAQ,IAAI,sBAAsB,MAAM;AAAA,EAAC,CAAC;AACzE;","names":[]}

package/dist/extension/devtools.d.cts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/extension/devtools.d.ts

@@ -0,0 +1,2 @@
+
+export {  }