@reckona/mreact-devtools 0.0.15 → 0.0.17

package/README.md

@@ -16,14 +16,27 @@ const unsubscribe = devtools.subscribe((event) => {
 });
 ```
 
+For a browser inspector during development, mount the in-page overlay from the
+`overlay` subpath:
+
+```ts
+if (import.meta.env.DEV) {
+  const { mountDevtoolsOverlay } = await import("@reckona/mreact-devtools/overlay");
+
+  mountDevtoolsOverlay();
+}
+```
+
 ## Core APIs
 
 - `createDevtools()` creates an isolated event bus.
 - `installDevtools()` installs a devtools instance on `globalThis`.
 - `getInstalledDevtools()` returns the currently installed instance.
 - `devtools.emit()` and `devtools.subscribe()` move runtime events.
+- `mountDevtoolsOverlay()` mounts a small browser inspector with Reactive,
+  Query, and Router tabs. It keeps only the latest 200 events by default.
 
 ## Notes
 
-This package is intentionally small. It is the transport layer for devtools
-integrations, not a browser extension UI.
+The overlay is opt-in and has no side effects until mounted. Keep the dynamic
+import behind a development guard so production bundles do not include it.

package/dist/overlay.d.ts

@@ -0,0 +1,15 @@
+import { type Devtools } from "./index.js";
+export type { Devtools, DevtoolsEvent, DevtoolsListener } from "./index.js";
+export type DevtoolsOverlayTab = "query" | "reactive" | "router";
+export interface DevtoolsOverlayOptions {
+    devtools?: Devtools | undefined;
+    document?: Document | undefined;
+    maxEvents?: number | undefined;
+}
+export interface MountedDevtoolsOverlay {
+    devtools: Devtools;
+    dispose(): void;
+    element: HTMLElement;
+}
+export declare function mountDevtoolsOverlay(options?: DevtoolsOverlayOptions): MountedDevtoolsOverlay;
+//# sourceMappingURL=overlay.d.ts.map

package/dist/overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../src/overlay.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,QAAQ,EAEd,MAAM,YAAY,CAAC;AAEpB,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAE5E,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;AAEjE,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,IAAI,IAAI,CAAC;IAChB,OAAO,EAAE,WAAW,CAAC;CACtB;AAeD,wBAAgB,oBAAoB,CAClC,OAAO,GAAE,sBAA2B,GACnC,sBAAsB,CAiIxB"}

package/dist/overlay.js

@@ -0,0 +1,187 @@
+import { createDevtools, getInstalledDevtools, installDevtools, } from "./index.js";
+const tabs = [
+    { label: "Reactive", tab: "reactive" },
+    { label: "Query", tab: "query" },
+    { label: "Router", tab: "router" },
+];
+const defaultMaxEvents = 200;
+export function mountDevtoolsOverlay(options = {}) {
+    const ownerDocument = options.document ?? documentFromGlobal();
+    const maxEvents = normalizeMaxEvents(options.maxEvents);
+    const devtools = options.devtools ?? getInstalledDevtools() ?? installDevtools(createDevtools());
+    const events = devtools.events().slice(-maxEvents);
+    const element = ownerDocument.createElement("section");
+    const tabList = ownerDocument.createElement("nav");
+    const eventList = ownerDocument.createElement("ol");
+    let activeTab = "reactive";
+    let disposed = false;
+    let renderScheduled = false;
+    element.dataset.mreactDevtoolsOverlay = "";
+    element.setAttribute("aria-label", "mreact devtools");
+    Object.assign(element.style, {
+        background: "#10151f",
+        border: "1px solid #3b4350",
+        borderRadius: "8px",
+        bottom: "16px",
+        boxShadow: "0 18px 50px rgb(0 0 0 / 0.35)",
+        color: "#eef2f8",
+        display: "grid",
+        font: "12px/1.45 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
+        gap: "8px",
+        maxHeight: "min(420px, calc(100vh - 32px))",
+        overflow: "hidden",
+        padding: "10px",
+        position: "fixed",
+        right: "16px",
+        width: "min(520px, calc(100vw - 32px))",
+        zIndex: "2147483647",
+    });
+    Object.assign(tabList.style, {
+        display: "grid",
+        gap: "6px",
+        gridTemplateColumns: "repeat(3, minmax(0, 1fr))",
+    });
+    Object.assign(eventList.style, {
+        display: "grid",
+        gap: "6px",
+        listStyle: "none",
+        margin: "0",
+        overflow: "auto",
+        padding: "0",
+    });
+    element.append(tabList, eventList);
+    ownerDocument.body.append(element);
+    const unsubscribe = devtools.subscribe((event) => {
+        events.push(event);
+        if (events.length > maxEvents) {
+            events.splice(0, events.length - maxEvents);
+        }
+        scheduleRender();
+    });
+    render();
+    return {
+        devtools,
+        dispose() {
+            disposed = true;
+            unsubscribe();
+            element.remove();
+        },
+        element,
+    };
+    function render() {
+        if (disposed) {
+            return;
+        }
+        tabList.replaceChildren(...tabs.map((tab) => renderTab(ownerDocument, tab)));
+        const visibleEvents = [...events].filter((event) => eventTab(event) === activeTab).reverse();
+        if (visibleEvents.length === 0) {
+            const empty = ownerDocument.createElement("li");
+            empty.textContent = "No events";
+            Object.assign(empty.style, {
+                color: "#9aa8bc",
+                padding: "12px 4px",
+            });
+            eventList.replaceChildren(empty);
+            return;
+        }
+        eventList.replaceChildren(...visibleEvents.map((event) => renderEvent(ownerDocument, event)));
+    }
+    function scheduleRender() {
+        if (renderScheduled || disposed) {
+            return;
+        }
+        renderScheduled = true;
+        queueMicrotask(() => {
+            renderScheduled = false;
+            render();
+        });
+    }
+    function renderTab(doc, definition) {
+        const button = doc.createElement("button");
+        const count = events.filter((event) => eventTab(event) === definition.tab).length;
+        button.type = "button";
+        button.textContent = `${definition.label} ${count}`;
+        button.setAttribute("aria-pressed", String(definition.tab === activeTab));
+        Object.assign(button.style, {
+            background: definition.tab === activeTab ? "#d8e7ff" : "#1b2330",
+            border: "1px solid #3b4350",
+            borderRadius: "6px",
+            color: definition.tab === activeTab ? "#111827" : "#d8e7ff",
+            cursor: "pointer",
+            font: "inherit",
+            minHeight: "32px",
+            overflow: "hidden",
+            padding: "6px 8px",
+            textOverflow: "ellipsis",
+            whiteSpace: "nowrap",
+        });
+        button.addEventListener("click", () => {
+            activeTab = definition.tab;
+            render();
+        });
+        return button;
+    }
+}
+function renderEvent(doc, event) {
+    const item = doc.createElement("li");
+    const title = doc.createElement("div");
+    const meta = doc.createElement("div");
+    const details = doc.createElement("pre");
+    title.textContent = event.type;
+    meta.textContent = [event.package, formatTimestamp(event.timestamp)].filter(Boolean).join(" | ");
+    details.textContent = eventDetails(event);
+    Object.assign(item.style, {
+        background: "#161d28",
+        border: "1px solid #303846",
+        borderRadius: "6px",
+        display: "grid",
+        gap: "3px",
+        padding: "8px",
+    });
+    Object.assign(title.style, {
+        color: "#ffffff",
+        fontWeight: "700",
+        overflowWrap: "anywhere",
+    });
+    Object.assign(meta.style, {
+        color: "#9aa8bc",
+        overflowWrap: "anywhere",
+    });
+    Object.assign(details.style, {
+        color: "#c8d7ec",
+        margin: "0",
+        overflow: "auto",
+        whiteSpace: "pre-wrap",
+    });
+    item.append(title, meta, details);
+    return item;
+}
+function eventDetails(event) {
+    const { package: _packageName, timestamp: _timestamp, type: _type, ...details } = event;
+    return Object.keys(details).length === 0 ? "{}" : JSON.stringify(details);
+}
+function eventTab(event) {
+    const search = `${event.package} ${event.type}`.toLowerCase();
+    if (search.includes("router") || search.includes("route") || search.includes("navigation")) {
+        return "router";
+    }
+    if (search.includes("query") || search.includes("mutation")) {
+        return "query";
+    }
+    return "reactive";
+}
+function formatTimestamp(timestamp) {
+    return typeof timestamp === "number" ? new Date(timestamp).toISOString() : "";
+}
+function normalizeMaxEvents(value) {
+    return Number.isFinite(value) && value !== undefined && value > 0
+        ? Math.floor(value)
+        : defaultMaxEvents;
+}
+function documentFromGlobal() {
+    if (typeof document === "undefined") {
+        throw new Error("mountDevtoolsOverlay requires a browser document.");
+    }
+    return document;
+}
+//# sourceMappingURL=overlay.js.map

package/dist/overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.js","sourceRoot":"","sources":["../src/overlay.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reckona/mreact-devtools",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "description": "Runtime event bridge for mreact developer tooling.",
   "keywords": [
     "debugging",
@@ -33,6 +33,10 @@
     ".": {
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
+    },
+    "./overlay": {
+      "types": "./dist/overlay.d.ts",
+      "default": "./dist/overlay.js"
     }
   },
   "publishConfig": {