dev-inspector 1.0.3 → 1.0.5

package/lib/ui/logList/networkDetails/renderValue.js

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.valueToElement = valueToElement;
+exports.valueToCopyText = valueToCopyText;
+const jsonViewer_1 = require("../../jsonViewer");
+function tryParseJson(text) {
+    const t = text.trim();
+    if (t.length < 2)
+        return undefined;
+    const looksLikeObject = t.startsWith("{") && t.endsWith("}");
+    const looksLikeArray = t.startsWith("[") && t.endsWith("]");
+    if (!looksLikeObject && !looksLikeArray)
+        return undefined;
+    try {
+        return JSON.parse(t);
+    }
+    catch (_a) {
+        return undefined;
+    }
+}
+function safeStringify(value) {
+    const seen = new WeakSet();
+    const replacer = (_key, v) => {
+        if (typeof v === "object" && v !== null) {
+            const o = v;
+            if (seen.has(o))
+                return "[circular]";
+            seen.add(o);
+        }
+        return v;
+    };
+    try {
+        return JSON.stringify(value, replacer, 2);
+    }
+    catch (_a) {
+        try {
+            return String(value);
+        }
+        catch (_b) {
+            return "[unserializable]";
+        }
+    }
+}
+function valueToElement(doc, value) {
+    if (typeof value === "string") {
+        const parsed = tryParseJson(value);
+        if (parsed && typeof parsed === "object") {
+            return (0, jsonViewer_1.createJsonViewer)(doc, parsed, { maxDepth: 6, maxKeys: 200, maxNodes: 2000 });
+        }
+        const el = doc.createElement("div");
+        el.className = "di-netBodyText";
+        el.textContent = value;
+        return el;
+    }
+    if (value instanceof Error) {
+        const el = doc.createElement("div");
+        el.className = "di-netBodyText";
+        el.textContent = `${value.name}: ${value.message}`;
+        return el;
+    }
+    if (value === null || typeof value !== "object") {
+        const el = doc.createElement("div");
+        el.className = "di-netBodyText";
+        el.textContent = String(value);
+        return el;
+    }
+    return (0, jsonViewer_1.createJsonViewer)(doc, value, { maxDepth: 6, maxKeys: 200, maxNodes: 2000 });
+}
+function valueToCopyText(value) {
+    if (typeof value === "string")
+        return value;
+    if (value instanceof Error)
+        return `${value.name}: ${value.message}`;
+    return safeStringify(value);
+}

package/lib/ui/logList/networkDetails.d.ts

@@ -0,0 +1,2 @@
+import type { NetworkLogEntry } from "../../utils/types";
+export declare function createNetworkDetails(doc: Document, entry: NetworkLogEntry): HTMLElement | null;

package/lib/ui/logList/networkDetails.js

@@ -0,0 +1,227 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createNetworkDetails = createNetworkDetails;
+const jsonViewer_1 = require("../jsonViewer");
+function tryParseJson(text) {
+    const t = text.trim();
+    if (t.length < 2)
+        return undefined;
+    const looksLikeObject = t.startsWith("{") && t.endsWith("}");
+    const looksLikeArray = t.startsWith("[") && t.endsWith("]");
+    if (!looksLikeObject && !looksLikeArray)
+        return undefined;
+    try {
+        return JSON.parse(t);
+    }
+    catch (_a) {
+        return undefined;
+    }
+}
+function safeStringify(value) {
+    const seen = new WeakSet();
+    const replacer = (_key, v) => {
+        if (typeof v === "object" && v !== null) {
+            const o = v;
+            if (seen.has(o))
+                return "[circular]";
+            seen.add(o);
+        }
+        return v;
+    };
+    try {
+        return JSON.stringify(value, replacer, 2);
+    }
+    catch (_a) {
+        try {
+            return String(value);
+        }
+        catch (_b) {
+            return "[unserializable]";
+        }
+    }
+}
+async function copyText(text) {
+    var _a, _b;
+    try {
+        const nav = globalThis;
+        const fn = (_b = (_a = nav.navigator) === null || _a === void 0 ? void 0 : _a.clipboard) === null || _b === void 0 ? void 0 : _b.writeText;
+        if (typeof fn === "function") {
+            await fn(text);
+            return true;
+        }
+    }
+    catch (_c) {
+        void 0;
+    }
+    try {
+        if (typeof document === "undefined")
+            return false;
+        const ta = document.createElement("textarea");
+        ta.value = text;
+        ta.setAttribute("readonly", "true");
+        ta.style.position = "fixed";
+        ta.style.left = "-9999px";
+        ta.style.top = "0";
+        document.body.append(ta);
+        ta.select();
+        const ok = document.execCommand("copy");
+        ta.remove();
+        return ok;
+    }
+    catch (_d) {
+        return false;
+    }
+}
+function prefersReducedMotion() {
+    var _a, _b;
+    try {
+        const mm = globalThis;
+        return ((_b = (_a = mm.matchMedia) === null || _a === void 0 ? void 0 : _a.call(mm, "(prefers-reduced-motion: reduce)")) === null || _b === void 0 ? void 0 : _b.matches) === true;
+    }
+    catch (_c) {
+        return false;
+    }
+}
+function rand(min, max) {
+    return min + Math.random() * (max - min);
+}
+function launchMiniConfetti(anchor) {
+    if (prefersReducedMotion())
+        return;
+    if (typeof document === "undefined")
+        return;
+    const rect = anchor.getBoundingClientRect();
+    const cx = rect.left + rect.width / 2;
+    const cy = rect.top + rect.height / 2;
+    const root = document.createElement("div");
+    root.style.position = "fixed";
+    root.style.left = "0";
+    root.style.top = "0";
+    root.style.width = "0";
+    root.style.height = "0";
+    root.style.pointerEvents = "none";
+    root.style.zIndex = "2147483647";
+    document.body.append(root);
+    const colors = ["#a7ff00", "#7c5cff", "#00c4ff", "#ff9030", "#ef4444"];
+    const n = 14;
+    const duration = 520;
+    for (let i = 0; i < n; i += 1) {
+        const p = document.createElement("span");
+        const size = Math.round(rand(3, 6));
+        p.style.position = "fixed";
+        p.style.left = `${cx}px`;
+        p.style.top = `${cy}px`;
+        p.style.width = `${size}px`;
+        p.style.height = `${size}px`;
+        p.style.borderRadius = Math.random() < 0.35 ? "999px" : "2px";
+        p.style.background = colors[i % colors.length];
+        p.style.opacity = "1";
+        p.style.willChange = "transform, opacity";
+        root.append(p);
+        const angle = rand(0, Math.PI * 2);
+        const dist = rand(18, 46);
+        const dx = Math.cos(angle) * dist;
+        const dy = Math.sin(angle) * dist + rand(8, 16);
+        const rot = rand(-220, 220);
+        const delay = Math.round(rand(0, 60));
+        try {
+            const anim = p.animate([
+                { transform: `translate(-50%, -50%) translate(0px, 0px) rotate(0deg) scale(1)`, opacity: 1 },
+                { transform: `translate(-50%, -50%) translate(${dx}px, ${dy}px) rotate(${rot}deg) scale(0.9)`, opacity: 0 },
+            ], { duration, delay, easing: "cubic-bezier(0.2, 0.7, 0.2, 1)", fill: "forwards" });
+            anim.addEventListener("finish", () => p.remove());
+        }
+        catch (_a) {
+            globalThis.setTimeout(() => p.remove(), duration + delay + 50);
+        }
+    }
+    globalThis.setTimeout(() => root.remove(), duration + 120);
+}
+function valueToElement(doc, value) {
+    if (typeof value === "string") {
+        const parsed = tryParseJson(value);
+        if (parsed && typeof parsed === "object") {
+            return (0, jsonViewer_1.createJsonViewer)(doc, parsed, { maxDepth: 6, maxKeys: 200, maxNodes: 2000 });
+        }
+        const el = doc.createElement("div");
+        el.className = "di-netBodyText";
+        el.textContent = value;
+        return el;
+    }
+    if (value instanceof Error) {
+        const el = doc.createElement("div");
+        el.className = "di-netBodyText";
+        el.textContent = `${value.name}: ${value.message}`;
+        return el;
+    }
+    if (value === null || typeof value !== "object") {
+        const el = doc.createElement("div");
+        el.className = "di-netBodyText";
+        el.textContent = String(value);
+        return el;
+    }
+    return (0, jsonViewer_1.createJsonViewer)(doc, value, { maxDepth: 6, maxKeys: 200, maxNodes: 2000 });
+}
+function valueToCopyText(value) {
+    if (typeof value === "string")
+        return value;
+    if (value instanceof Error)
+        return `${value.name}: ${value.message}`;
+    return safeStringify(value);
+}
+function createBodyDetails(doc, title, value, truncated, maxLen) {
+    const details = doc.createElement("details");
+    details.className = "di-details di-netBodyDetails";
+    const summary = doc.createElement("summary");
+    summary.className = "di-detailsSummary di-netDetailsSummary";
+    const titleEl = doc.createElement("span");
+    titleEl.className = "di-netDetailsTitle";
+    titleEl.textContent = title;
+    const copyBtn = doc.createElement("button");
+    copyBtn.type = "button";
+    copyBtn.className = "di-copyBtn";
+    copyBtn.textContent = "Copy";
+    copyBtn.setAttribute("aria-label", `Copy ${title.toLowerCase()}`);
+    copyBtn.addEventListener("click", (ev) => {
+        ev.preventDefault();
+        ev.stopPropagation();
+        const txt = valueToCopyText(value);
+        void copyText(txt).then((ok) => {
+            if (!ok)
+                return;
+            launchMiniConfetti(copyBtn);
+            const prev = copyBtn.textContent;
+            copyBtn.textContent = "Copied";
+            globalThis.setTimeout(() => {
+                copyBtn.textContent = prev !== null && prev !== void 0 ? prev : "Copy";
+            }, 900);
+        });
+    });
+    summary.append(titleEl, copyBtn);
+    const body = doc.createElement("div");
+    body.className = "di-detailsBody";
+    if (truncated) {
+        const warn = doc.createElement("div");
+        warn.className = "di-netTrunc";
+        warn.textContent = typeof maxLen === "number" ? `Truncated to first ${maxLen} characters.` : "Truncated.";
+        body.append(warn);
+    }
+    body.append(valueToElement(doc, value));
+    details.append(summary, body);
+    return details;
+}
+function createNetworkDetails(doc, entry) {
+    const hasReq = typeof entry.requestBody !== "undefined";
+    const hasRes = typeof entry.responseBody !== "undefined";
+    if (!hasReq && !hasRes)
+        return null;
+    const wrap = doc.createElement("div");
+    wrap.className = "di-netDetailsWrap";
+    if (hasReq) {
+        wrap.append(createBodyDetails(doc, "Request", entry.requestBody, entry.requestBodyTruncated === true, entry.bodyMaxLength));
+    }
+    if (hasRes) {
+        wrap.append(createBodyDetails(doc, "Response", entry.responseBody, entry.responseBodyTruncated === true, entry.bodyMaxLength));
+    }
+    return wrap;
+}

package/lib/ui/logList/shared/consoleInspect.d.ts

@@ -0,0 +1 @@
+export declare function getInspectableArgs(args: unknown[]): unknown[];

package/lib/ui/logList/shared/consoleInspect.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInspectableArgs = getInspectableArgs;
+function isInspectableValue(value) {
+    if (typeof value !== "object" || value === null)
+        return false;
+    if (value instanceof Error)
+        return false;
+    if (value instanceof Date)
+        return false;
+    if (value instanceof RegExp)
+        return false;
+    return true;
+}
+function getInspectableArgs(args) {
+    return args.filter(isInspectableValue);
+}

package/lib/ui/logList/shared/index.d.ts

@@ -0,0 +1,3 @@
+export { fmtTime } from "./time";
+export { toneForEntry, classForTone, isNetworkFailure } from "./tone";
+export { getInspectableArgs } from "./consoleInspect";

package/lib/ui/logList/shared/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInspectableArgs = exports.isNetworkFailure = exports.classForTone = exports.toneForEntry = exports.fmtTime = void 0;
+var time_1 = require("./time");
+Object.defineProperty(exports, "fmtTime", { enumerable: true, get: function () { return time_1.fmtTime; } });
+var tone_1 = require("./tone");
+Object.defineProperty(exports, "toneForEntry", { enumerable: true, get: function () { return tone_1.toneForEntry; } });
+Object.defineProperty(exports, "classForTone", { enumerable: true, get: function () { return tone_1.classForTone; } });
+Object.defineProperty(exports, "isNetworkFailure", { enumerable: true, get: function () { return tone_1.isNetworkFailure; } });
+var consoleInspect_1 = require("./consoleInspect");
+Object.defineProperty(exports, "getInspectableArgs", { enumerable: true, get: function () { return consoleInspect_1.getInspectableArgs; } });

package/lib/ui/logList/shared/time.d.ts

@@ -0,0 +1 @@
+export declare function fmtTime(ts: number): string;

package/lib/ui/logList/shared/time.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fmtTime = fmtTime;
+function fmtTime(ts) {
+    const d = new Date(ts);
+    const hh = String(d.getHours()).padStart(2, "0");
+    const mm = String(d.getMinutes()).padStart(2, "0");
+    const ss = String(d.getSeconds()).padStart(2, "0");
+    return `${hh}:${mm}:${ss}`;
+}

package/lib/ui/logList/shared/tone.d.ts

@@ -0,0 +1,6 @@
+import type { LogEntry } from "../../../utils/types";
+type Tone = "neutral" | "warning" | "error" | "success";
+export declare function toneForEntry(entry: LogEntry): Tone;
+export declare function classForTone(tone: Tone): string;
+export declare function isNetworkFailure(entry: LogEntry): boolean;
+export {};

package/lib/ui/logList/shared/tone.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toneForEntry = toneForEntry;
+exports.classForTone = classForTone;
+exports.isNetworkFailure = isNetworkFailure;
+function toneForEntry(entry) {
+    if (entry.source === "console") {
+        if (entry.level === "error")
+            return "error";
+        if (entry.level === "warn")
+            return "warning";
+        return "neutral";
+    }
+    const s = entry.status;
+    if (typeof s !== "number")
+        return "error";
+    if (s >= 400)
+        return "error";
+    if (s >= 300)
+        return "warning";
+    return "success";
+}
+function classForTone(tone) {
+    if (tone === "error")
+        return "di-itemToneError";
+    if (tone === "warning")
+        return "di-itemToneWarning";
+    if (tone === "success")
+        return "di-itemToneSuccess";
+    return "di-itemToneNeutral";
+}
+function isNetworkFailure(entry) {
+    if (entry.source !== "network")
+        return false;
+    return typeof entry.status !== "number" || entry.status >= 400;
+}

package/lib/ui/logList/types.d.ts

@@ -0,0 +1,6 @@
+import type { LogEntry } from "../../utils/types";
+export type LogList = {
+    el: HTMLUListElement;
+    append: (entry: LogEntry) => void;
+    clear: () => void;
+};

package/lib/ui/logList/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/ui/logList.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createLogList = createLogList;
 const jsonViewer_1 = require("./jsonViewer");
+const networkDetails_1 = require("./logList/networkDetails");
 function fmtTime(ts) {
     const d = new Date(ts);
     const hh = String(d.getHours()).padStart(2, "0");
@@ -102,6 +103,11 @@ function createLogList(doc) {
                 li.append(details);
             }
         }
+        if (entry.source === "network") {
+            const details = (0, networkDetails_1.createNetworkDetails)(doc, entry);
+            if (details)
+                li.append(details);
+        }
         el.append(li);
     };
     const clear = () => {

package/lib/ui/panel/behavior/index.d.ts

@@ -0,0 +1 @@
+export { setupPanelBehavior } from "./setupPanelBehavior";

package/lib/ui/panel/behavior/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setupPanelBehavior = void 0;
+var setupPanelBehavior_1 = require("./setupPanelBehavior");
+Object.defineProperty(exports, "setupPanelBehavior", { enumerable: true, get: function () { return setupPanelBehavior_1.setupPanelBehavior; } });

package/lib/ui/panel/behavior/setupPanelBehavior.d.ts

@@ -0,0 +1,5 @@
+import type { LogStorage } from "../../../storage/logStorage";
+import type { PanelHandle } from "..";
+import type { PanelDOM } from "../dom/types";
+import type { PanelState } from "../state/types";
+export declare function setupPanelBehavior(dom: PanelDOM, state: PanelState, storage: LogStorage): PanelHandle;

package/lib/ui/panel/behavior/setupPanelBehavior.js

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setupPanelBehavior = setupPanelBehavior;
+const bindings_1 = require("../bindings");
+const resize_1 = require("../resize");
+function setupPanelBehavior(dom, state, storage) {
+    const applyVisibility = () => {
+        if (state.open)
+            dom.panel.classList.remove("di-hidden");
+        else
+            dom.panel.classList.add("di-hidden");
+    };
+    const updateTabStyles = () => {
+        if (state.tab === "console") {
+            dom.consoleTab.classList.add("di-tabActive");
+            dom.networkTab.classList.remove("di-tabActive");
+        }
+        else {
+            dom.networkTab.classList.add("di-tabActive");
+            dom.consoleTab.classList.remove("di-tabActive");
+        }
+    };
+    const bindings = (0, bindings_1.bindStorageToPanelView)({
+        storage,
+        state,
+        list: dom.list,
+        body: dom.body,
+        counters: dom.counters,
+        updateTabStyles,
+    });
+    applyVisibility();
+    updateTabStyles();
+    const resizeControls = (0, resize_1.attachResizeHandling)(dom.panel, dom.resizeHandle);
+    const open = () => {
+        state.open = true;
+        applyVisibility();
+    };
+    const close = () => {
+        state.open = false;
+        applyVisibility();
+    };
+    const toggle = () => {
+        state.open = !state.open;
+        applyVisibility();
+    };
+    const onToggleClick = () => toggle();
+    const onCloseClick = () => close();
+    const onClearClick = () => storage.clear();
+    const onConsoleTab = () => {
+        state.tab = "console";
+        updateTabStyles();
+        bindings.renderActiveTab();
+    };
+    const onNetworkTab = () => {
+        state.tab = "network";
+        updateTabStyles();
+        bindings.renderActiveTab();
+    };
+    dom.toggleBtn.addEventListener("click", onToggleClick);
+    dom.closeBtn.addEventListener("click", onCloseClick);
+    dom.clearBtn.addEventListener("click", onClearClick);
+    dom.consoleTab.addEventListener("click", onConsoleTab);
+    dom.networkTab.addEventListener("click", onNetworkTab);
+    const destroy = () => {
+        dom.toggleBtn.removeEventListener("click", onToggleClick);
+        dom.closeBtn.removeEventListener("click", onCloseClick);
+        dom.clearBtn.removeEventListener("click", onClearClick);
+        dom.consoleTab.removeEventListener("click", onConsoleTab);
+        dom.networkTab.removeEventListener("click", onNetworkTab);
+        resizeControls.destroy();
+        bindings.destroy();
+        dom.root.remove();
+    };
+    return { open, close, toggle, destroy, isOpen: () => state.open };
+}

package/lib/ui/panel/bindings/bindStorageToPanelView.d.ts

@@ -0,0 +1,16 @@
+import type { LogEntry } from "../../../utils/types";
+import type { LogStorage } from "../../../storage/logStorage";
+import type { PanelCountersDOM } from "../dom/types";
+import type { PanelState } from "../state/types";
+import type { DataBindings } from "./types";
+export declare function bindStorageToPanelView(args: {
+    storage: LogStorage;
+    state: PanelState;
+    list: {
+        clear: () => void;
+        append: (entry: LogEntry) => void;
+    };
+    body: HTMLElement;
+    counters: PanelCountersDOM;
+    updateTabStyles: () => void;
+}): DataBindings;

package/lib/ui/panel/bindings/bindStorageToPanelView.js

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.bindStorageToPanelView = bindStorageToPanelView;
+function bindStorageToPanelView(args) {
+    const isConsoleError = (e) => e.source === "console" && e.level === "error";
+    const isNetworkError = (e) => e.source === "network" && (typeof e.status !== "number" || e.status >= 400);
+    const updateCounts = () => {
+        args.counters.headerConsoleCount.textContent = String(args.state.entries.console.length);
+        args.counters.headerNetworkCount.textContent = String(args.state.entries.network.length);
+        args.counters.toggleConsoleCount.textContent = String(args.state.entries.console.length);
+        args.counters.toggleNetworkCount.textContent = String(args.state.entries.network.length);
+        args.counters.toggleConsoleErrorCount.textContent = String(args.state.errorCounts.console);
+        args.counters.toggleNetworkErrorCount.textContent = String(args.state.errorCounts.network);
+        args.counters.toggleConsoleErrorWrap.style.display = args.state.errorCounts.console > 0 ? "inline-flex" : "none";
+        args.counters.toggleNetworkErrorWrap.style.display = args.state.errorCounts.network > 0 ? "inline-flex" : "none";
+    };
+    const renderActiveTab = () => {
+        args.list.clear();
+        args.state.entries[args.state.tab].forEach((e) => args.list.append(e));
+        args.body.scrollTop = args.body.scrollHeight;
+    };
+    const hydrate = () => {
+        args.state.entries.console = [];
+        args.state.entries.network = [];
+        args.state.errorCounts.console = 0;
+        args.state.errorCounts.network = 0;
+        args.storage.getAll().forEach((e) => {
+            if (e.source === "network") {
+                args.state.entries.network.push(e);
+                if (isNetworkError(e))
+                    args.state.errorCounts.network += 1;
+            }
+            else {
+                args.state.entries.console.push(e);
+                if (isConsoleError(e))
+                    args.state.errorCounts.console += 1;
+            }
+        });
+        updateCounts();
+        args.updateTabStyles();
+        renderActiveTab();
+    };
+    const onNewLog = (entry) => {
+        if (entry.source === "network") {
+            args.state.entries.network.push(entry);
+            if (isNetworkError(entry))
+                args.state.errorCounts.network += 1;
+        }
+        else {
+            args.state.entries.console.push(entry);
+            if (isConsoleError(entry))
+                args.state.errorCounts.console += 1;
+        }
+        updateCounts();
+        if (entry.source === args.state.tab) {
+            args.list.append(entry);
+            args.body.scrollTop = args.body.scrollHeight;
+        }
+    };
+    const unsub = args.storage.onNewLog(onNewLog);
+    const onCleared = () => {
+        args.state.entries.console = [];
+        args.state.entries.network = [];
+        args.state.errorCounts.console = 0;
+        args.state.errorCounts.network = 0;
+        updateCounts();
+        renderActiveTab();
+    };
+    args.storage.addEventListener("cleared", onCleared);
+    hydrate();
+    const destroy = () => {
+        args.storage.removeEventListener("cleared", onCleared);
+        unsub();
+    };
+    return { destroy, renderActiveTab, hydrate };
+}

package/lib/ui/panel/bindings/index.d.ts

@@ -0,0 +1,2 @@
+export { bindStorageToPanelView } from "./bindStorageToPanelView";
+export type { DataBindings } from "./types";

package/lib/ui/panel/bindings/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.bindStorageToPanelView = void 0;
+var bindStorageToPanelView_1 = require("./bindStorageToPanelView");
+Object.defineProperty(exports, "bindStorageToPanelView", { enumerable: true, get: function () { return bindStorageToPanelView_1.bindStorageToPanelView; } });

package/lib/ui/panel/bindings/types.d.ts

@@ -0,0 +1,5 @@
+export type DataBindings = {
+    destroy: () => void;
+    renderActiveTab: () => void;
+    hydrate: () => void;
+};

package/lib/ui/panel/bindings/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/ui/panel/dom/buildPanelDOM.d.ts

@@ -0,0 +1,3 @@
+import type { PanelOptions } from "..";
+import type { PanelDOM } from "./types";
+export declare function buildPanelDOM(doc: Document, options: PanelOptions): PanelDOM;