@winstonfassett/webdev-vite 0.1.0-alpha.0

package/CHANGELOG.md

@@ -0,0 +1,12 @@
+# Changelog
+
+## 0.1.0 (unreleased)
+
+First stable release after the `0.1.0-alpha.0` line.
+
+- Wired by `npx webdev init` (vite + storybook detection, byte-perfect text-insert into `plugins:[]` and `addons:[]`).
+- TanStack Start dogfood example.
+
+## 0.1.0-alpha.0
+
+Initial alpha. Vite plugin + Storybook preset for webdev.

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Winston Fassett
+
+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,62 @@
+# @winstonfassett/webdev-vite
+
+Vite plugin for [webdev](https://github.com/WinstonFassett/webdev) — live browser observability for AI agents during development.
+
+## Install
+
+```bash
+npm install -D @winstonfassett/webdev-vite @winstonfassett/webdev-gateway
+```
+
+## Vite
+
+```ts
+// vite.config.ts
+import { webdev } from '@winstonfassett/webdev-vite'
+
+export default defineConfig({
+  plugins: [webdev()],
+})
+```
+
+Gateway auto-starts. No separate terminal needed.
+
+MCP endpoint: `http://localhost:3333/__mcp/sse`
+
+## Storybook
+
+```ts
+// .storybook/main.ts
+export default {
+  addons: ['@winstonfassett/webdev-vite/storybook'],
+}
+```
+
+## Vite DevTools dock
+
+If [`@vitejs/devtools`](https://devtools.vite.dev/) is installed in the host app, this plugin auto-registers a `webdev-ai` panel in the DevTools dock that iframes the gateway admin UI scoped to the current Vite server. No config needed:
+
+```ts
+// vite.config.ts
+import { DevTools } from '@vitejs/devtools'
+import { webdev } from '@winstonfassett/webdev-vite'
+
+export default defineConfig({
+  plugins: [DevTools(), webdev()],
+})
+```
+
+`@vitejs/devtools` is an opt-in peer dep. If not installed, the `devtools.setup` hook is never called — zero runtime cost.
+
+## Options
+
+```ts
+webdev({
+  gateway: 'http://localhost:3333',  // Gateway URL (default)
+  serverType: 'vite',                // 'vite' | 'storybook' | 'generic'
+})
+```
+
+## License
+
+MIT

package/dist/devtools-element-grab.d.ts

@@ -0,0 +1,3 @@
+import type { DockClientScriptContext } from '@vitejs/devtools-kit/client';
+export default function setup(ctx: DockClientScriptContext): void;
+//# sourceMappingURL=devtools-element-grab.d.ts.map

package/dist/devtools-element-grab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtools-element-grab.d.ts","sourceRoot":"","sources":["../src/devtools-element-grab.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAA;AAY1E,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,GAAG,EAAE,uBAAuB,QAczD"}

package/dist/devtools-element-grab.js

@@ -0,0 +1,22 @@
+// Dock action script for @vitejs/devtools — runs in the host page context.
+// Clicking the dock entry toggles the existing webdev element-grab picker
+// (window.__elementGrab is mounted by the gateway's element-grab client).
+function getApi() {
+    return window.__elementGrab ?? null;
+}
+export default function setup(ctx) {
+    ctx.current.events.on('entry:activated', () => {
+        const api = getApi();
+        if (!api) {
+            console.warn('[webdev] element-grab API not loaded yet — try again in a moment');
+            return;
+        }
+        api.activate();
+    });
+    ctx.current.events.on('entry:deactivated', () => {
+        const api = getApi();
+        if (api?.isActive())
+            api.deactivate();
+    });
+}
+//# sourceMappingURL=devtools-element-grab.js.map

package/dist/devtools-element-grab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtools-element-grab.js","sourceRoot":"","sources":["../src/devtools-element-grab.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E,0EAA0E;AAC1E,0EAA0E;AAU1E,SAAS,MAAM;IACb,OAAQ,MAAc,CAAC,aAAa,IAAI,IAAI,CAAA;AAC9C,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,GAA4B;IACxD,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,iBAAiB,EAAE,GAAG,EAAE;QAC5C,MAAM,GAAG,GAAG,MAAM,EAAE,CAAA;QACpB,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,OAAO,CAAC,IAAI,CAAC,kEAAkE,CAAC,CAAA;YAChF,OAAM;QACR,CAAC;QACD,GAAG,CAAC,QAAQ,EAAE,CAAA;IAChB,CAAC,CAAC,CAAA;IAEF,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;QAC9C,MAAM,GAAG,GAAG,MAAM,EAAE,CAAA;QACpB,IAAI,GAAG,EAAE,QAAQ,EAAE;YAAE,GAAG,CAAC,UAAU,EAAE,CAAA;IACvC,CAAC,CAAC,CAAA;AACJ,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+import type { Plugin } from 'vite';
+export interface ViteAdapterOptions {
+    gateway?: string;
+    serverType?: 'vite' | 'storybook' | 'astro' | 'generic';
+    key?: string;
+}
+export declare function webdev(options?: ViteAdapterOptions): Plugin;
+//# 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":"AAIA,OAAO,KAAK,EAAE,MAAM,EAA2D,MAAM,MAAM,CAAA;AAc3F,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,OAAO,GAAG,SAAS,CAAA;IACvD,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,wBAAgB,MAAM,CAAC,OAAO,GAAE,kBAAuB,GAAG,MAAM,CAsH/D"}

package/dist/index.js

@@ -0,0 +1,126 @@
+// Vite adapter for webdev
+// Injects client code via Vite's transform hook, forwards HMR/build events to gateway
+import { readFileSync } from 'node:fs';
+import { join } from 'node:path';
+import { ensureGateway, registerWithRetry, patchConsole, connectDevEvents, makeServerId, } from '@winstonfassett/webdev-gateway/helpers';
+export function webdev(options = {}) {
+    const gatewayUrl = options.gateway ?? 'http://localhost:3333';
+    let clientSource;
+    let devEvents = null;
+    let serverId = null;
+    let resolvedConfig = null;
+    return {
+        name: 'webdev',
+        apply: 'serve',
+        config() {
+            return {
+                server: {
+                    watch: {
+                        ignored: ['**/.webdev/**'],
+                    },
+                },
+            };
+        },
+        configResolved(config) {
+            resolvedConfig = config;
+            const serverType = options.serverType ?? 'vite';
+            serverId = makeServerId(config.root, serverType, options.key);
+            config.server.forwardConsole = false;
+        },
+        async configureServer(server) {
+            // Auto-start gateway if not running
+            await ensureGateway(gatewayUrl);
+            // Start console capture immediately
+            await patchConsole(gatewayUrl, serverId);
+            // Register with gateway (retry loop)
+            const payload = {
+                serverId: serverId,
+                type: options.serverType ?? 'vite',
+                port: resolvedConfig.server.port ?? 5173,
+                pid: process.pid,
+                directory: resolvedConfig.root,
+                key: options.key,
+            };
+            registerWithRetry(gatewayUrl, payload);
+            // Connect dev events WebSocket (with re-registration on reconnect)
+            devEvents = await connectDevEvents(gatewayUrl, serverId, {
+                registrationPayload: payload,
+            });
+            // Serve gateway's bundled client.js at /__webdev.js
+            const clientPath = resolveClientPath();
+            server.middlewares.use((req, res, next) => {
+                if (req.url === '/__webdev.js') {
+                    if (!clientSource) {
+                        clientSource = readFileSync(clientPath, 'utf-8');
+                    }
+                    res.writeHead(200, { 'Content-Type': 'application/javascript', 'Cache-Control': 'no-cache' });
+                    res.end(clientSource);
+                    return;
+                }
+                next();
+            });
+        },
+        transformIndexHtml() {
+            // Inject meta tag via JS to ensure it works with SSR frameworks (TanStack Start, etc.)
+            // that re-render <head> and may drop statically injected meta tags.
+            let initScript = `window.__WEBDEV_ORIGIN__ = ${JSON.stringify(gatewayUrl)};`;
+            if (serverId) {
+                initScript += `\nwindow.__WEBDEV_SERVER__ = ${JSON.stringify(serverId)};`;
+            }
+            initScript += `\n;(function(){var m=document.createElement('meta');m.name='webdev';m.content=${JSON.stringify(gatewayUrl)};`;
+            if (serverId) {
+                initScript += `m.setAttribute('data-server-id',${JSON.stringify(serverId)});`;
+            }
+            initScript += `document.head.appendChild(m)})()`;
+            // Load client script from vite's own origin (not gateway) so it works on remote devices
+            initScript += `\n;(function(){var s=document.createElement('script');s.src='/__webdev.js';document.head.appendChild(s)})()`;
+            return [
+                { tag: 'script', children: initScript, injectTo: 'head-prepend' },
+            ];
+        },
+        hotUpdate(opts) {
+            if (opts.modules.length > 0) {
+                devEvents?.send({
+                    type: 'build:update',
+                    modules: opts.modules.map((m) => m.id ?? m.url),
+                });
+            }
+        },
+        devtools: {
+            setup(ctx) {
+                const params = new URLSearchParams({ embed: 'dock' });
+                if (serverId)
+                    params.set('server', serverId);
+                ctx.docks.register({
+                    id: 'webdev-ai',
+                    title: 'webdev-ai',
+                    icon: 'ph:robot-duotone',
+                    type: 'iframe',
+                    url: `${gatewayUrl}/__admin?${params.toString()}`,
+                });
+                ctx.docks.register({
+                    id: 'webdev-element-grab',
+                    title: 'Element picker',
+                    icon: 'ph:cursor-duotone',
+                    type: 'action',
+                    action: {
+                        importFrom: '@winstonfassett/webdev-vite/devtools-element-grab',
+                    },
+                });
+            },
+        },
+    };
+}
+function resolveClientPath() {
+    // client.js is bundled in the gateway package's dist/
+    try {
+        const gatewayPkg = import.meta.resolve('@winstonfassett/webdev-gateway');
+        const gatewayDir = new URL('.', gatewayPkg).pathname;
+        return join(gatewayDir, 'webdev-client.js');
+    }
+    catch {
+        // Fallback for workspace/linked setups
+        return join(process.cwd(), 'node_modules', '@winstonfassett', 'webdev-gateway', 'dist', 'webdev-client.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/storybook/preset.cjs

@@ -0,0 +1,6 @@
+// CJS wrapper for Storybook addon resolution (Storybook uses require.resolve internally)
+// Storybook calls viteFinal() which is async, so dynamic import is fine here.
+exports.viteFinal = async function viteFinal(config, options) {
+  const mod = await import('./preset.js')
+  return mod.viteFinal(config, options)
+}

package/dist/storybook/preset.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Storybook preset for webdev
+ *
+ * Usage in .storybook/main.ts:
+ *   addons: ['@winstonfassett/webdev-vite/storybook']
+ */
+export interface StorybookPresetOptions {
+    gateway?: string;
+}
+export declare function viteFinal(config: Record<string, any>, options?: {
+    presetOptions?: StorybookPresetOptions;
+}): Promise<Record<string, any>>;
+//# sourceMappingURL=preset.d.ts.map

package/dist/storybook/preset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../src/storybook/preset.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,WAAW,sBAAsB;IACrC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,wBAAsB,SAAS,CAC7B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC3B,OAAO,GAAE;IAAE,aAAa,CAAC,EAAE,sBAAsB,CAAA;CAAO,gCAOzD"}

package/dist/storybook/preset.js

@@ -0,0 +1,14 @@
+/**
+ * Storybook preset for webdev
+ *
+ * Usage in .storybook/main.ts:
+ *   addons: ['@winstonfassett/webdev-vite/storybook']
+ */
+export async function viteFinal(config, options = {}) {
+    const { webdev } = await import('../index.js');
+    const gateway = options.presetOptions?.gateway;
+    config.plugins = config.plugins || [];
+    config.plugins.push(webdev({ gateway, serverType: 'storybook' }));
+    return config;
+}
+//# sourceMappingURL=preset.js.map

package/dist/storybook/preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset.js","sourceRoot":"","sources":["../../src/storybook/preset.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,MAAM,CAAC,KAAK,UAAU,SAAS,CAC7B,MAA2B,EAC3B,UAAsD,EAAE;IAExD,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,MAAM,CAAC,aAAa,CAAC,CAAA;IAC9C,MAAM,OAAO,GAAG,OAAO,CAAC,aAAa,EAAE,OAAO,CAAA;IAC9C,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,IAAI,EAAE,CAAA;IACrC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,CAAC,CAAC,CAAA;IACjE,OAAO,MAAM,CAAA;AACf,CAAC"}

package/dist/storybook/preview.cjs

@@ -0,0 +1,3 @@
+// CJS wrapper for Storybook preview
+// Side-effect only: injects client.js if not already loaded
+import('./preview.js')

package/dist/storybook/preview.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Storybook preview decorator — fallback client.js injection
+ *
+ * Safety net for Storybook configurations that bypass Vite's HTML pipeline.
+ * Dev-only — never runs in `storybook build` output.
+ */
+export {};
+//# sourceMappingURL=preview.d.ts.map

package/dist/storybook/preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../src/storybook/preview.ts"],"names":[],"mappings":"AAAA;;;;;GAKG"}

package/dist/storybook/preview.js

@@ -0,0 +1,16 @@
+/**
+ * Storybook preview decorator — fallback client.js injection
+ *
+ * Safety net for Storybook configurations that bypass Vite's HTML pipeline.
+ * Dev-only — never runs in `storybook build` output.
+ */
+if (process.env.NODE_ENV === 'development' &&
+    typeof window !== 'undefined' &&
+    !window.__WEBDEV_LOADED__) {
+    const script = document.createElement('script');
+    script.src = '/__webdev.js';
+    script.async = true;
+    document.head.appendChild(script);
+}
+export {};
+//# sourceMappingURL=preview.js.map

package/dist/storybook/preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.js","sourceRoot":"","sources":["../../src/storybook/preview.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,IACE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa;IACtC,OAAO,MAAM,KAAK,WAAW;IAC7B,CAAE,MAAc,CAAC,iBAAiB,EAClC,CAAC;IACD,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;IAC/C,MAAM,CAAC,GAAG,GAAG,cAAc,CAAA;IAC3B,MAAM,CAAC,KAAK,GAAG,IAAI,CAAA;IACnB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;AACnC,CAAC"}

package/package.json

@@ -0,0 +1,89 @@
+{
+  "name": "@winstonfassett/webdev-vite",
+  "version": "0.1.0-alpha.0",
+  "description": "Vite plugin for webdev — live browser observability for AI agents",
+  "type": "module",
+  "engines": {
+    "node": ">=20.6.0"
+  },
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./devtools-element-grab": {
+      "types": "./dist/devtools-element-grab.d.ts",
+      "import": "./dist/devtools-element-grab.js"
+    },
+    "./storybook": {
+      "types": "./dist/storybook/preset.d.ts",
+      "import": "./dist/storybook/preset.js",
+      "require": "./dist/storybook/preset.cjs",
+      "default": "./dist/storybook/preset.js"
+    },
+    "./storybook/preset": {
+      "types": "./dist/storybook/preset.d.ts",
+      "import": "./dist/storybook/preset.js",
+      "require": "./dist/storybook/preset.cjs",
+      "default": "./dist/storybook/preset.cjs"
+    },
+    "./storybook/preview": {
+      "types": "./dist/storybook/preview.d.ts",
+      "import": "./dist/storybook/preview.js",
+      "require": "./dist/storybook/preview.cjs",
+      "default": "./dist/storybook/preview.js"
+    }
+  },
+  "files": [
+    "dist",
+    "CHANGELOG.md"
+  ],
+  "scripts": {
+    "build": "tsc && cp src/storybook/*.cjs dist/storybook/"
+  },
+  "keywords": [
+    "vite",
+    "mcp",
+    "ai",
+    "devtools",
+    "webdev"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/WinstonFassett/webdev.git",
+    "directory": "packages/adapter-vite"
+  },
+  "homepage": "https://github.com/WinstonFassett/webdev",
+  "bugs": {
+    "url": "https://github.com/WinstonFassett/webdev/issues"
+  },
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@winstonfassett/webdev-gateway": ">=0.1.0-alpha.0"
+  },
+  "peerDependencies": {
+    "vite": ">=6.0.0",
+    "@vitejs/devtools-kit": "*"
+  },
+  "peerDependenciesMeta": {
+    "vite": {
+      "optional": false
+    },
+    "@vitejs/devtools-kit": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@winstonfassett/webdev-gateway": "file:../../apps/gateway",
+    "@types/node": "^25.5.0",
+    "@types/ws": "^8.18.1",
+    "@vitejs/devtools-kit": "^0.1.24",
+    "typescript": "^5.8.0",
+    "vite": "^8.0.0"
+  }
+}