@kamod-ch/otok-devtools 1.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Kamod
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,50 @@
+# @kamod-ch/otok-devtools
+
+Development-only diagnostics for Otok apps.
+
+The package exposes a stable JSON feed and a minimal floating Preact panel. It never ships in production bundles and never renders secrets, cookies, tokens, or full form payloads.
+
+## Install
+
+Development dependency only:
+
+```bash
+pnpm add -D @kamod-ch/otok-devtools
+```
+
+## Setup
+
+```ts
+// otok.config.ts
+import { defineConfig } from "@kamod-ch/otok";
+import devtools from "@kamod-ch/otok-devtools";
+
+export default defineConfig({
+  plugins: [devtools()],
+});
+```
+
+Run the app with `pnpm dev`. Open the **Otok Devtools** button in the bottom-right corner.
+
+## Data source
+
+`GET /__otok_devtools` returns a sanitized snapshot:
+
+- route tree (loaders, actions, middleware count, CSR flag)
+- latest requests with SSR / CSR / island mode
+- middleware, loader, and action timings
+- redirects and validation markers
+- active locale and non-sensitive auth status (`userId`, roles only)
+- island ids rendered on the page
+
+## Production exclusion
+
+- Plugin hooks run only when `mode === "development"`.
+- The Vite plugin uses `apply: "serve"`.
+- The client panel mounts only when `import.meta.env.DEV` is true.
+
+Do not import `@kamod-ch/otok-devtools/client` from application code that also ships to production. Keep the plugin in `otok.config.ts` and rely on development installs only.
+
+## Example
+
+See [`examples/devtools-demo`](../../examples/devtools-demo).

package/dist/client/index.d.ts

@@ -0,0 +1,2 @@
+export { mountDevtoolsPanel } from "./mount.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/client/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/client/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC"}

package/dist/client/index.js

@@ -0,0 +1,2 @@
+export { mountDevtoolsPanel } from "./mount.js";
+//# sourceMappingURL=index.js.map

package/dist/client/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/client/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC"}

package/dist/client/mount.d.ts

@@ -0,0 +1,5 @@
+export interface MountDevtoolsPanelOptions {
+    endpoint?: string;
+}
+export declare function mountDevtoolsPanel(options?: MountDevtoolsPanelOptions): void;
+//# sourceMappingURL=mount.d.ts.map

package/dist/client/mount.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mount.d.ts","sourceRoot":"","sources":["../../src/client/mount.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,kBAAkB,CAAC,OAAO,GAAE,yBAA8B,GAAG,IAAI,CAUhF"}

package/dist/client/mount.js

@@ -0,0 +1,54 @@
+import { h, render } from "preact";
+import { useEffect, useState } from "preact/hooks";
+import { DevtoolsPanel } from "./panel.js";
+export function mountDevtoolsPanel(options = {}) {
+    if (typeof document === "undefined")
+        return;
+    if (typeof import.meta !== "undefined" && !import.meta.env?.DEV) {
+        return;
+    }
+    const host = document.createElement("div");
+    host.id = "otok-devtools-root";
+    document.body.appendChild(host);
+    render(h(DevtoolsShell, { endpoint: options.endpoint ?? "/__otok_devtools" }), host);
+}
+function DevtoolsShell({ endpoint }) {
+    const [open, setOpen] = useState(false);
+    const [snapshot, setSnapshot] = useState(null);
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        if (!open)
+            return;
+        let cancelled = false;
+        async function load() {
+            try {
+                const response = await fetch(endpoint, { credentials: "same-origin" });
+                if (!response.ok)
+                    throw new Error(`HTTP ${response.status}`);
+                const payload = (await response.json());
+                if (!cancelled) {
+                    setSnapshot(payload);
+                    setError(null);
+                }
+            }
+            catch (loadError) {
+                if (!cancelled) {
+                    setError(loadError instanceof Error ? loadError.message : String(loadError));
+                }
+            }
+        }
+        void load();
+        const timer = window.setInterval(() => void load(), 2000);
+        return () => {
+            cancelled = true;
+            window.clearInterval(timer);
+        };
+    }, [endpoint, open]);
+    return h(DevtoolsPanel, {
+        open,
+        snapshot: snapshot?.snapshot ?? null,
+        error,
+        onToggle: () => setOpen((value) => !value),
+    });
+}
+//# sourceMappingURL=mount.js.map

package/dist/client/mount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mount.js","sourceRoot":"","sources":["../../src/client/mount.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAM3C,MAAM,UAAU,kBAAkB,CAAC,UAAqC,EAAE;IACxE,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO;IAC5C,IAAI,OAAO,MAAM,CAAC,IAAI,KAAK,WAAW,IAAI,CAAE,MAAM,CAAC,IAAiD,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC;QAC9G,OAAO;IACT,CAAC;IAED,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC3C,IAAI,CAAC,EAAE,GAAG,oBAAoB,CAAC;IAC/B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAChC,MAAM,CAAC,CAAC,CAAC,aAAa,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,kBAAkB,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC;AACvF,CAAC;AAED,SAAS,aAAa,CAAC,EAAE,QAAQ,EAAwB;IACvD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAkC,IAAI,CAAC,CAAC;IAChF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,IAAI,SAAS,GAAG,KAAK,CAAC;QAEtB,KAAK,UAAU,IAAI;YACjB,IAAI,CAAC;gBACH,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,QAAQ,EAAE,EAAE,WAAW,EAAE,aAAa,EAAE,CAAC,CAAC;gBACvE,IAAI,CAAC,QAAQ,CAAC,EAAE;oBAAE,MAAM,IAAI,KAAK,CAAC,QAAQ,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;gBAC7D,MAAM,OAAO,GAAG,CAAC,MAAM,QAAQ,CAAC,IAAI,EAAE,CAA6B,CAAC;gBACpE,IAAI,CAAC,SAAS,EAAE,CAAC;oBACf,WAAW,CAAC,OAAO,CAAC,CAAC;oBACrB,QAAQ,CAAC,IAAI,CAAC,CAAC;gBACjB,CAAC;YACH,CAAC;YAAC,OAAO,SAAS,EAAE,CAAC;gBACnB,IAAI,CAAC,SAAS,EAAE,CAAC;oBACf,QAAQ,CAAC,SAAS,YAAY,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC;gBAC/E,CAAC;YACH,CAAC;QACH,CAAC;QAED,KAAK,IAAI,EAAE,CAAC;QACZ,MAAM,KAAK,GAAG,MAAM,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,EAAE,EAAE,IAAI,CAAC,CAAC;QAC1D,OAAO,GAAG,EAAE;YACV,SAAS,GAAG,IAAI,CAAC;YACjB,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;IAErB,OAAO,CAAC,CAAC,aAAa,EAAE;QACtB,IAAI;QACJ,QAAQ,EAAE,QAAQ,EAAE,QAAQ,IAAI,IAAI;QACpC,KAAK;QACL,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC;KAC3C,CAAC,CAAC;AACL,CAAC"}

package/dist/client/panel.d.ts

@@ -0,0 +1,9 @@
+import type { OtokDevtoolsSnapshot } from "@kamod-ch/otok/devtools";
+export interface DevtoolsPanelProps {
+    open: boolean;
+    snapshot: OtokDevtoolsSnapshot | null;
+    error: string | null;
+    onToggle: () => void;
+}
+export declare function DevtoolsPanel({ open, snapshot, error, onToggle }: DevtoolsPanelProps): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & import("preact").HTMLAttributes<HTMLElement>>;
+//# sourceMappingURL=panel.d.ts.map

package/dist/client/panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/client/panel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEpE,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACtC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAcD,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,kBAAkB,wHAkBpF"}

package/dist/client/panel.js

@@ -0,0 +1,101 @@
+import { h } from "preact";
+const styles = {
+    toggle: "position:fixed;bottom:16px;right:16px;z-index:99999;background:#111827;color:#f9fafb;border:1px solid #374151;border-radius:999px;padding:10px 14px;font:600 12px/1 system-ui,sans-serif;cursor:pointer;",
+    panel: "position:fixed;bottom:64px;right:16px;z-index:99999;width:min(420px,calc(100vw - 32px));max-height:min(70vh,640px);overflow:auto;background:#0b1220;color:#e5e7eb;border:1px solid #1f2937;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.35);font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;",
+    header: "position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#111827;border-bottom:1px solid #1f2937;",
+    section: "padding:12px 14px;border-bottom:1px solid #1f2937;",
+    badge: "display:inline-block;padding:2px 6px;border-radius:999px;background:#1d4ed8;color:#eff6ff;font-size:10px;",
+    muted: "color:#9ca3af",
+};
+export function DevtoolsPanel({ open, snapshot, error, onToggle }) {
+    return h("div", null, [
+        h("button", { type: "button", style: styles.toggle, onClick: onToggle }, open ? "Close Otok Devtools" : "Otok Devtools"),
+        open
+            ? h("div", { style: styles.panel, role: "region", "aria-label": "Otok Devtools" }, [
+                h("div", { style: styles.header }, [
+                    h("strong", null, "Otok Devtools"),
+                    h("span", { style: styles.muted }, snapshot ? new Date(snapshot.updatedAt).toLocaleTimeString() : "—"),
+                ]),
+                error ? h(Section, { title: "Error" }, h("p", null, error)) : null,
+                snapshot ? h(SnapshotView, { snapshot }) : h(Section, { title: "Loading" }, h("p", { style: styles.muted }, "Waiting for snapshot…")),
+            ])
+            : null,
+    ]);
+}
+function SnapshotView({ snapshot }) {
+    const latest = snapshot.requests.at(-1);
+    return h("div", null, [
+        h(Section, { title: "Route tree" }, h(RouteTree, { routes: snapshot.routes })),
+        h(Section, { title: "Plugins" }, h(List, { items: snapshot.plugins.map((plugin) => `${plugin.name}${plugin.version ? `@${plugin.version}` : ""}`) })),
+        h(Section, { title: "Latest request" }, latest ? h(LatestRequest, { request: latest }) : h("p", { style: styles.muted }, "No requests yet.")),
+        h(Section, { title: "Middleware timing" }, h(TimingList, { items: snapshot.middleware.slice(-8) })),
+        h(Section, { title: "Loader / action timing" }, h(LoaderTimingList, { items: snapshot.loaders.slice(-8) })),
+        h(Section, { title: "Plugin hooks" }, h(TimingList, { items: snapshot.pluginHooks.slice(-8).map((item) => ({ ...item, route: `${item.plugin}:${item.hook}` })) })),
+    ]);
+}
+function RouteTree({ routes }) {
+    if (routes.length === 0)
+        return h("p", { style: styles.muted }, "No routes registered.");
+    return h("ul", { style: "margin:0;padding-left:16px;" }, routes.map((route) => h("li", { key: route.id }, [
+        h("code", null, route.path),
+        " ",
+        h("span", { style: styles.muted }, [
+            route.hasLoader ? "loader " : "",
+            route.hasAction ? "action " : "",
+            route.middlewareCount ? `${route.middlewareCount} mw ` : "",
+            route.client ? "csr " : "",
+            route.layoutCount ? `${route.layoutCount} layout` : "",
+        ]),
+    ])));
+}
+function LatestRequest({ request }) {
+    return h("div", null, [
+        h("p", null, [h("span", { style: styles.badge }, request.method), " ", h("code", null, request.pathname)]),
+        h("p", { style: styles.muted }, [
+            `route: ${request.route ?? "—"} · status ${request.status} · mode ${request.renderMode}`,
+        ]),
+        request.redirect ? h("p", null, ["redirect → ", h("code", null, request.redirect)]) : null,
+        request.locale ? h("p", null, ["locale ", h("code", null, request.locale)]) : null,
+        request.auth
+            ? h("p", null, [
+                "auth ",
+                request.auth.authenticated ? h("span", { style: styles.badge }, request.auth.userId ?? "yes") : "guest",
+            ])
+            : null,
+        request.islands.length > 0
+            ? h("p", null, ["islands ", h("code", null, request.islands.join(", "))])
+            : null,
+        h("p", { style: styles.muted }, [
+            `timings mw ${request.timings.middlewareMs.toFixed(1)}ms · loader ${request.timings.loaderMs.toFixed(1)}ms · render ${request.timings.renderMs.toFixed(1)}ms · total ${request.timings.totalMs.toFixed(1)}ms`,
+        ]),
+    ]);
+}
+function TimingList({ items, }) {
+    if (items.length === 0)
+        return h("p", { style: styles.muted }, "No events.");
+    return h("ul", { style: "margin:0;padding-left:16px;" }, items.map((item, index) => h("li", { key: `${item.route}-${index}` }, [
+        h("code", null, item.route),
+        item.index !== undefined ? ` #${item.index}` : "",
+        ": ",
+        `${item.durationMs.toFixed(1)}ms`,
+    ])));
+}
+function LoaderTimingList({ items }) {
+    if (items.length === 0)
+        return h("p", { style: styles.muted }, "No loader events.");
+    return h("ul", { style: "margin:0;padding-left:16px;" }, items.map((item, index) => h("li", { key: `${item.route}-${index}` }, [
+        h("code", null, item.route),
+        ` ${item.kind} ${item.durationMs.toFixed(1)}ms`,
+        item.validation ? " validation" : "",
+        item.redirect ? ` → ${item.redirect}` : "",
+    ])));
+}
+function List({ items }) {
+    if (items.length === 0)
+        return h("p", { style: styles.muted }, "None.");
+    return h("ul", { style: "margin:0;padding-left:16px;" }, items.map((item) => h("li", { key: item }, item)));
+}
+function Section({ title, children }) {
+    return h("section", { style: styles.section }, [h("h3", { style: "margin:0 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#93c5fd;" }, title), children]);
+}
+//# sourceMappingURL=panel.js.map

package/dist/client/panel.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,13 @@
+import { getOtokDevtoolsBridge, setOtokDevtoolsBridge, type OtokDevtoolsSnapshot } from "@kamod-ch/otok/devtools";
+export interface DevtoolsPluginOptions {
+    /** API path for the devtools JSON feed. */
+    endpoint?: string;
+    /** Inject the floating panel in development. Defaults to true. */
+    panel?: boolean;
+}
+declare const _default: (options?: DevtoolsPluginOptions | undefined) => import("@kamod-ch/otok-config").OtokPlugin;
+export default _default;
+export { getOtokDevtoolsBridge, setOtokDevtoolsBridge, type OtokDevtoolsSnapshot };
+export { createDevtoolsVitePlugin } from "./vite/plugin.js";
+export { mountDevtoolsPanel } from "./client/mount.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,qBAAqB,EACrB,qBAAqB,EACrB,KAAK,oBAAoB,EAC1B,MAAM,yBAAyB,CAAC;AAIjC,MAAM,WAAW,qBAAqB;IACpC,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kEAAkE;IAClE,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;;AAED,wBAmDG;AAEH,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,KAAK,oBAAoB,EAAE,CAAC;AAcnF,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/index.js

@@ -0,0 +1,74 @@
+import { definePlugin } from "@kamod-ch/otok";
+import { createOtokDevtoolsBridge, getOtokDevtoolsBridge, setOtokDevtoolsBridge, } from "@kamod-ch/otok/devtools";
+import { registerDevtoolsApiRoutes } from "./server/api.js";
+import { createDevtoolsVitePlugin } from "./vite/plugin.js";
+export default definePlugin({
+    name: "otok-devtools",
+    version: "0.1.0",
+    schema: {
+        parse(input) {
+            if (input !== undefined && typeof input !== "object") {
+                throw new Error("options must be an object");
+            }
+            return input ?? {};
+        },
+    },
+    config(options, ctx) {
+        if (ctx.mode !== "development")
+            return;
+        return {
+            devtools: {
+                otok: {
+                    endpoint: options?.endpoint ?? "/__otok_devtools",
+                    panel: options?.panel ?? true,
+                },
+            },
+        };
+    },
+    configResolved(ctx) {
+        if (ctx.mode !== "development")
+            return;
+        if (!getOtokDevtoolsBridge()) {
+            setOtokDevtoolsBridge(createOtokDevtoolsBridge());
+        }
+    },
+    configureApp({ app, mode, config }) {
+        if (mode !== "development")
+            return;
+        const devtoolsConfig = config.devtools?.otok;
+        registerDevtoolsApiRoutes(app, devtoolsConfig?.endpoint ?? "/__otok_devtools");
+    },
+    configureVite(ctx) {
+        if (ctx.mode !== "development")
+            return;
+        return createDevtoolsVitePlugin({
+            endpoint: String(ctx.config.devtools?.otok && ctx.config.devtools.otok.endpoint) ||
+                "/__otok_devtools",
+            panel: ctx.config.devtools?.otok && ctx.config.devtools.otok.panel !== undefined
+                ? Boolean(ctx.config.devtools.otok.panel)
+                : true,
+        });
+    },
+    virtualModules: {
+        snapshot: () => {
+            const bridge = getOtokDevtoolsBridge();
+            const snapshot = bridge?.getSnapshot() ?? emptySnapshot();
+            return `export const devtoolsSnapshot = ${JSON.stringify(snapshot)};`;
+        },
+    },
+});
+export { getOtokDevtoolsBridge, setOtokDevtoolsBridge };
+function emptySnapshot() {
+    return {
+        routes: [],
+        plugins: [],
+        middleware: [],
+        loaders: [],
+        pluginHooks: [],
+        requests: [],
+        updatedAt: Date.now(),
+    };
+}
+export { createDevtoolsVitePlugin } from "./vite/plugin.js";
+export { mountDevtoolsPanel } from "./client/mount.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/server/api.d.ts

@@ -0,0 +1,3 @@
+import type { Hono } from "hono";
+export declare function registerDevtoolsApiRoutes(app: Hono, endpoint?: string): void;
+//# sourceMappingURL=api.d.ts.map

package/dist/server/api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../src/server/api.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAGjC,wBAAgB,yBAAyB,CAAC,GAAG,EAAE,IAAI,EAAE,QAAQ,SAAqB,GAAG,IAAI,CAWxF"}

package/dist/server/api.js

@@ -0,0 +1,29 @@
+import { getOtokDevtoolsBridge } from "@kamod-ch/otok/devtools";
+export function registerDevtoolsApiRoutes(app, endpoint = "/__otok_devtools") {
+    app.get(endpoint, (c) => {
+        const bridge = getOtokDevtoolsBridge();
+        if (!bridge) {
+            return c.json({ enabled: false, snapshot: null }, 404);
+        }
+        return c.json({
+            enabled: true,
+            snapshot: sanitizeSnapshot(bridge.getSnapshot()),
+        });
+    });
+}
+function sanitizeSnapshot(snapshot) {
+    return {
+        ...snapshot,
+        requests: snapshot.requests.map((request) => ({
+            ...request,
+            auth: request.auth
+                ? {
+                    authenticated: request.auth.authenticated,
+                    userId: request.auth.userId,
+                    roles: request.auth.roles,
+                }
+                : undefined,
+        })),
+    };
+}
+//# sourceMappingURL=api.js.map

package/dist/server/api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.js","sourceRoot":"","sources":["../../src/server/api.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,MAAM,UAAU,yBAAyB,CAAC,GAAS,EAAE,QAAQ,GAAG,kBAAkB;IAChF,GAAG,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;QACtB,MAAM,MAAM,GAAG,qBAAqB,EAAE,CAAC;QACvC,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC;QACzD,CAAC;QACD,OAAO,CAAC,CAAC,IAAI,CAAC;YACZ,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,gBAAgB,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;SACjD,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC;AAED,SAAS,gBAAgB,CAAC,QAA0F;IAClH,OAAO;QACL,GAAG,QAAQ;QACX,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;YAC5C,GAAG,OAAO;YACV,IAAI,EAAE,OAAO,CAAC,IAAI;gBAChB,CAAC,CAAC;oBACE,aAAa,EAAE,OAAO,CAAC,IAAI,CAAC,aAAa;oBACzC,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM;oBAC3B,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;iBAC1B;gBACH,CAAC,CAAC,SAAS;SACd,CAAC,CAAC;KACJ,CAAC;AACJ,CAAC"}

package/dist/vite/plugin.d.ts

@@ -0,0 +1,7 @@
+import type { Plugin } from "vite";
+export interface DevtoolsVitePluginOptions {
+    endpoint: string;
+    panel: boolean;
+}
+export declare function createDevtoolsVitePlugin(options: DevtoolsVitePluginOptions): Plugin;
+//# sourceMappingURL=plugin.d.ts.map

package/dist/vite/plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../src/vite/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAEnC,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;CAChB;AAID,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,yBAAyB,GAAG,MAAM,CA+BnF"}

package/dist/vite/plugin.js

@@ -0,0 +1,37 @@
+const CLIENT_ENTRY = "\0otok-devtools/client";
+export function createDevtoolsVitePlugin(options) {
+    return {
+        name: "otok-devtools:vite",
+        apply: "serve",
+        resolveId(id) {
+            if (id === "virtual:otok-devtools/client")
+                return CLIENT_ENTRY;
+            return undefined;
+        },
+        load(id) {
+            if (id !== CLIENT_ENTRY)
+                return undefined;
+            if (!options.panel) {
+                return "export function mountDevtoolsPanel() {}";
+            }
+            return `
+        import { mountDevtoolsPanel } from "@kamod-ch/otok-devtools/client";
+        if (import.meta.env.DEV) {
+          mountDevtoolsPanel(${JSON.stringify({ endpoint: options.endpoint })});
+        }
+      `;
+        },
+        transformIndexHtml() {
+            if (!options.panel)
+                return [];
+            return [
+                {
+                    tag: "script",
+                    attrs: { type: "module", src: "/@id/virtual:otok-devtools/client" },
+                    injectTo: "body",
+                },
+            ];
+        },
+    };
+}
+//# sourceMappingURL=plugin.js.map

package/dist/vite/plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.js","sourceRoot":"","sources":["../../src/vite/plugin.ts"],"names":[],"mappings":"AAOA,MAAM,YAAY,GAAG,wBAAwB,CAAC;AAE9C,MAAM,UAAU,wBAAwB,CAAC,OAAkC;IACzE,OAAO;QACL,IAAI,EAAE,oBAAoB;QAC1B,KAAK,EAAE,OAAO;QACd,SAAS,CAAC,EAAE;YACV,IAAI,EAAE,KAAK,8BAA8B;gBAAE,OAAO,YAAY,CAAC;YAC/D,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,IAAI,CAAC,EAAE;YACL,IAAI,EAAE,KAAK,YAAY;gBAAE,OAAO,SAAS,CAAC;YAC1C,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;gBACnB,OAAO,yCAAyC,CAAC;YACnD,CAAC;YACD,OAAO;;;+BAGkB,IAAI,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAAE,CAAC;;OAEtE,CAAC;QACJ,CAAC;QACD,kBAAkB;YAChB,IAAI,CAAC,OAAO,CAAC,KAAK;gBAAE,OAAO,EAAE,CAAC;YAC9B,OAAO;gBACL;oBACE,GAAG,EAAE,QAAQ;oBACb,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,mCAAmC,EAAE;oBACnE,QAAQ,EAAE,MAAM;iBACjB;aACF,CAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC"}

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@kamod-ch/otok-devtools",
+  "version": "1.1.0",
+  "description": "Development-only diagnostics and inspector UI for Otok apps.",
+  "license": "MIT",
+  "homepage": "https://github.com/kamod-ch/otok/tree/main/packages/otok-devtools#readme",
+  "bugs": {
+    "url": "https://github.com/kamod-ch/otok/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/kamod-ch/otok.git",
+    "directory": "packages/otok-devtools"
+  },
+  "type": "module",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./client": {
+      "types": "./dist/client/index.d.ts",
+      "default": "./dist/client/index.js"
+    }
+  },
+  "peerDependencies": {
+    "@kamod-ch/otok": ">=0.6.1",
+    "hono": ">=4",
+    "preact": ">=10.26.0",
+    "vite": ">=6"
+  },
+  "devDependencies": {
+    "@types/node": "^24.12.2",
+    "hono": "^4.12.25",
+    "preact": "^10.28.2",
+    "typescript": "~6.0.2",
+    "vite": "^8.0.16",
+    "vitest": "^4.1.2",
+    "@kamod-ch/otok": "0.6.1",
+    "@kamod-ch/otok-test": "0.5.1"
+  },
+  "engines": {
+    "node": ">=20"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "rm -rf dist && tsc -p tsconfig.build.json",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "test": "vitest run"
+  }
+}