@ui-inspect/next 0.1.17

package/dist/app.d.ts

@@ -0,0 +1,5 @@
+/**
+ * App Router route handler for Diana sprite.
+ */
+export declare function GET(): Response;
+//# sourceMappingURL=app.d.ts.map

package/dist/app.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../src/app.ts"],"names":[],"mappings":"AAAA;;GAEG;AAKH,wBAAgB,GAAG,IAAI,QAAQ,CAU9B"}

package/dist/app.js

@@ -0,0 +1,16 @@
+/**
+ * App Router route handler for Diana sprite.
+ */
+import { readFileSync } from 'node:fs';
+import { getDianaAssetPath } from '@ui-inspect/browser-ui/plugin-runtime';
+export function GET() {
+    const body = readFileSync(getDianaAssetPath());
+    return new Response(body, {
+        status: 200,
+        headers: {
+            'content-type': 'image/webp',
+            'cache-control': 'no-store',
+        },
+    });
+}
+//# sourceMappingURL=app.js.map

package/dist/app.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.js","sourceRoot":"","sources":["../src/app.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAE1E,MAAM,UAAU,GAAG;IACjB,MAAM,IAAI,GAAG,YAAY,CAAC,iBAAiB,EAAE,CAAC,CAAC;IAE/C,OAAO,IAAI,QAAQ,CAAC,IAAI,EAAE;QACxB,MAAM,EAAE,GAAG;QACX,OAAO,EAAE;YACP,cAAc,EAAE,YAAY;YAC5B,eAAe,EAAE,UAAU;SAC5B;KACF,CAAC,CAAC;AACL,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Next.js integration for ui-inspect.
+ */
+export { UiInspectScript } from './script.js';
+export type { UiInspectNextOptions, UiInspectScriptProps } from './types.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":"AAAA;;GAEG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,YAAY,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -0,0 +1,5 @@
+/**
+ * Next.js integration for ui-inspect.
+ */
+export { UiInspectScript } from './script.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":"AAAA;;GAEG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC"}

package/dist/pages.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Pages Router API handler for Diana sprite.
+ */
+export interface UiInspectPagesResponse {
+    statusCode?: number;
+    setHeader(name: string, value: string): void;
+    end(body?: Buffer): void;
+}
+export declare function dianaHandler(_req: unknown, res: UiInspectPagesResponse): void;
+//# sourceMappingURL=pages.d.ts.map

package/dist/pages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pages.d.ts","sourceRoot":"","sources":["../src/pages.ts"],"names":[],"mappings":"AAAA;;GAEG;AAKH,MAAM,WAAW,sBAAsB;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7C,GAAG,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,sBAAsB,GAAG,IAAI,CAO7E"}

package/dist/pages.js

@@ -0,0 +1,13 @@
+/**
+ * Pages Router API handler for Diana sprite.
+ */
+import { readFileSync } from 'node:fs';
+import { getDianaAssetPath } from '@ui-inspect/browser-ui/plugin-runtime';
+export function dianaHandler(_req, res) {
+    const body = readFileSync(getDianaAssetPath());
+    res.statusCode = 200;
+    res.setHeader('Content-Type', 'image/webp');
+    res.setHeader('Cache-Control', 'no-store');
+    res.end(body);
+}
+//# sourceMappingURL=pages.js.map

package/dist/pages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pages.js","sourceRoot":"","sources":["../src/pages.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAQ1E,MAAM,UAAU,YAAY,CAAC,IAAa,EAAE,GAA2B;IACrE,MAAM,IAAI,GAAG,YAAY,CAAC,iBAAiB,EAAE,CAAC,CAAC;IAE/C,GAAG,CAAC,UAAU,GAAG,GAAG,CAAC;IACrB,GAAG,CAAC,SAAS,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;IAC5C,GAAG,CAAC,SAAS,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;IAC3C,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AAChB,CAAC"}

package/dist/script.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Next.js Script component integration for ui-inspect.
+ */
+import { type ReactElement } from 'react';
+import type { UiInspectScriptProps } from './types.js';
+export declare function UiInspectScript(options?: UiInspectScriptProps): ReactElement | null;
+//# sourceMappingURL=script.d.ts.map

package/dist/script.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"script.d.ts","sourceRoot":"","sources":["../src/script.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAiB,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAMvD,wBAAgB,eAAe,CAAC,OAAO,GAAE,oBAAyB,GAAG,YAAY,GAAG,IAAI,CAgBvF"}

package/dist/script.js

@@ -0,0 +1,27 @@
+/**
+ * Next.js Script component integration for ui-inspect.
+ */
+import { clientSource } from '@ui-inspect/browser-ui/client-source';
+import { createElement } from 'react';
+import Script from 'next/script';
+const DEFAULT_DAEMON_URL = 'http://127.0.0.1:17321';
+const DEFAULT_DIANA_SPRITE_URL = '/api/ui-inspect/diana';
+const SCRIPT_ID = 'ui-inspect-client';
+export function UiInspectScript(options = {}) {
+    if (options.enabled === false)
+        return null;
+    if (process.env.NODE_ENV === 'production')
+        return null;
+    const dianaSpriteUrl = options.dianaSpriteUrl ?? DEFAULT_DIANA_SPRITE_URL;
+    const source = clientSource({
+        daemonUrl: options.daemonUrl ?? DEFAULT_DAEMON_URL,
+        root: options.root ?? process.cwd(),
+        dianaSpriteUrl,
+    });
+    return createElement(Script, {
+        id: SCRIPT_ID,
+        strategy: 'afterInteractive',
+        dangerouslySetInnerHTML: { __html: source },
+    });
+}
+//# sourceMappingURL=script.js.map

package/dist/script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"script.js","sourceRoot":"","sources":["../src/script.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAqB,MAAM,OAAO,CAAC;AACzD,OAAO,MAAM,MAAM,aAAa,CAAC;AAGjC,MAAM,kBAAkB,GAAG,wBAAwB,CAAC;AACpD,MAAM,wBAAwB,GAAG,uBAAuB,CAAC;AACzD,MAAM,SAAS,GAAG,mBAAmB,CAAC;AAEtC,MAAM,UAAU,eAAe,CAAC,UAAgC,EAAE;IAChE,IAAI,OAAO,CAAC,OAAO,KAAK,KAAK;QAAE,OAAO,IAAI,CAAC;IAC3C,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;QAAE,OAAO,IAAI,CAAC;IAEvD,MAAM,cAAc,GAAG,OAAO,CAAC,cAAc,IAAI,wBAAwB,CAAC;IAC1E,MAAM,MAAM,GAAG,YAAY,CAAC;QAC1B,SAAS,EAAE,OAAO,CAAC,SAAS,IAAI,kBAAkB;QAClD,IAAI,EAAE,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,GAAG,EAAE;QACnC,cAAc;KACf,CAAC,CAAC;IAEH,OAAO,aAAa,CAAC,MAAM,EAAE;QAC3B,EAAE,EAAE,SAAS;QACb,QAAQ,EAAE,kBAAkB;QAC5B,uBAAuB,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;KAC5C,CAAC,CAAC;AACL,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Type definitions for ui-inspect Next.js integration.
+ */
+export interface UiInspectNextOptions {
+    /**
+     * Daemon URL used by the browser client.
+     * @default "http://127.0.0.1:17321"
+     */
+    daemonUrl?: string;
+    /**
+     * Project root path.
+     * @default process.cwd()
+     */
+    root?: string;
+    /**
+     * URL for the Diana sprite served by a Next route.
+     * @default "/api/ui-inspect/diana"
+     */
+    dianaSpriteUrl?: string;
+    /**
+     * Enable ui-inspect script injection.
+     * @default true
+     */
+    enabled?: boolean;
+}
+export type UiInspectScriptProps = UiInspectNextOptions;
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,MAAM,oBAAoB,GAAG,oBAAoB,CAAC"}

package/dist/types.js

@@ -0,0 +1,5 @@
+/**
+ * Type definitions for ui-inspect Next.js integration.
+ */
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;GAEG"}

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@ui-inspect/next",
+  "version": "0.1.17",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./app": {
+      "types": "./dist/app.d.ts",
+      "import": "./dist/app.js"
+    },
+    "./pages": {
+      "types": "./dist/pages.d.ts",
+      "import": "./dist/pages.js"
+    }
+  },
+  "files": [
+    "dist",
+    "src",
+    "!dist/**/*.test.*",
+    "!src/**/*.test.*"
+  ],
+  "peerDependencies": {
+    "next": "^14.0.0 || ^15.0.0 || ^16.0.0",
+    "react": "^18.2.0 || ^19.0.0",
+    "react-dom": "^18.2.0 || ^19.0.0"
+  },
+  "dependencies": {
+    "@ui-inspect/browser-ui": "0.1.17"
+  },
+  "devDependencies": {
+    "typescript": "^5.6.3"
+  },
+  "scripts": {
+    "build": "tsc",
+    "typecheck": "tsc --noEmit",
+    "watch": "tsc --watch"
+  }
+}

package/src/app.ts

@@ -0,0 +1,18 @@
+/**
+ * App Router route handler for Diana sprite.
+ */
+
+import { readFileSync } from 'node:fs';
+import { getDianaAssetPath } from '@ui-inspect/browser-ui/plugin-runtime';
+
+export function GET(): Response {
+  const body = readFileSync(getDianaAssetPath());
+
+  return new Response(body, {
+    status: 200,
+    headers: {
+      'content-type': 'image/webp',
+      'cache-control': 'no-store',
+    },
+  });
+}

package/src/index.ts

@@ -0,0 +1,6 @@
+/**
+ * Next.js integration for ui-inspect.
+ */
+
+export { UiInspectScript } from './script.js';
+export type { UiInspectNextOptions, UiInspectScriptProps } from './types.js';

package/src/pages.ts

@@ -0,0 +1,21 @@
+/**
+ * Pages Router API handler for Diana sprite.
+ */
+
+import { readFileSync } from 'node:fs';
+import { getDianaAssetPath } from '@ui-inspect/browser-ui/plugin-runtime';
+
+export interface UiInspectPagesResponse {
+  statusCode?: number;
+  setHeader(name: string, value: string): void;
+  end(body?: Buffer): void;
+}
+
+export function dianaHandler(_req: unknown, res: UiInspectPagesResponse): void {
+  const body = readFileSync(getDianaAssetPath());
+
+  res.statusCode = 200;
+  res.setHeader('Content-Type', 'image/webp');
+  res.setHeader('Cache-Control', 'no-store');
+  res.end(body);
+}

package/src/script.ts

@@ -0,0 +1,30 @@
+/**
+ * Next.js Script component integration for ui-inspect.
+ */
+
+import { clientSource } from '@ui-inspect/browser-ui/client-source';
+import { createElement, type ReactElement } from 'react';
+import Script from 'next/script';
+import type { UiInspectScriptProps } from './types.js';
+
+const DEFAULT_DAEMON_URL = 'http://127.0.0.1:17321';
+const DEFAULT_DIANA_SPRITE_URL = '/api/ui-inspect/diana';
+const SCRIPT_ID = 'ui-inspect-client';
+
+export function UiInspectScript(options: UiInspectScriptProps = {}): ReactElement | null {
+  if (options.enabled === false) return null;
+  if (process.env.NODE_ENV === 'production') return null;
+
+  const dianaSpriteUrl = options.dianaSpriteUrl ?? DEFAULT_DIANA_SPRITE_URL;
+  const source = clientSource({
+    daemonUrl: options.daemonUrl ?? DEFAULT_DAEMON_URL,
+    root: options.root ?? process.cwd(),
+    dianaSpriteUrl,
+  });
+
+  return createElement(Script, {
+    id: SCRIPT_ID,
+    strategy: 'afterInteractive',
+    dangerouslySetInnerHTML: { __html: source },
+  });
+}

package/src/types.ts

@@ -0,0 +1,31 @@
+/**
+ * Type definitions for ui-inspect Next.js integration.
+ */
+
+export interface UiInspectNextOptions {
+  /**
+   * Daemon URL used by the browser client.
+   * @default "http://127.0.0.1:17321"
+   */
+  daemonUrl?: string;
+
+  /**
+   * Project root path.
+   * @default process.cwd()
+   */
+  root?: string;
+
+  /**
+   * URL for the Diana sprite served by a Next route.
+   * @default "/api/ui-inspect/diana"
+   */
+  dianaSpriteUrl?: string;
+
+  /**
+   * Enable ui-inspect script injection.
+   * @default true
+   */
+  enabled?: boolean;
+}
+
+export type UiInspectScriptProps = UiInspectNextOptions;

package/src/vendor.d.ts

@@ -0,0 +1,23 @@
+declare module 'react' {
+  export interface ReactElement {
+    readonly type: unknown;
+    readonly props: unknown;
+    readonly key: string | null;
+  }
+
+  export function createElement(type: unknown, props?: Record<string, unknown> | null, ...children: unknown[]): ReactElement;
+}
+
+declare module 'next/script' {
+  import type { ReactElement } from 'react';
+
+  export interface ScriptProps {
+    id?: string;
+    strategy?: 'afterInteractive' | 'beforeInteractive' | 'lazyOnload' | 'worker';
+    dangerouslySetInnerHTML?: {
+      __html: string;
+    };
+  }
+
+  export default function Script(props: ScriptProps): ReactElement;
+}