@vscode/component-explorer-cli 0.1.1-0

package/dist/browserPage.d.ts

@@ -0,0 +1,15 @@
+export interface BrowserPageFactory {
+    openPage(url: string): Promise<BrowserPage>;
+    dispose(): Promise<void>;
+}
+export interface BrowserPage {
+    evaluateJs<T>(expression: string): Promise<T>;
+    screenshot(domNodeExpression: string): Promise<Uint8Array>;
+    dispose(): Promise<void>;
+}
+export declare class PlaywrightBrowserPageFactory implements BrowserPageFactory {
+    private _browser;
+    openPage(url: string): Promise<BrowserPage>;
+    dispose(): Promise<void>;
+}
+//# sourceMappingURL=browserPage.d.ts.map

package/dist/browserPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"browserPage.d.ts","sourceRoot":"","sources":["../src/browserPage.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IAClC,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;IAC5C,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;CACzB;AAED,MAAM,WAAW,WAAW;IAC3B,UAAU,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;IAC9C,UAAU,CAAC,iBAAiB,EAAE,MAAM,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;IAC3D,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;CACzB;AAED,qBAAa,4BAA6B,YAAW,kBAAkB;IACtE,OAAO,CAAC,QAAQ,CAA2C;IAErD,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,WAAW,CAAC;IAU3C,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;CAI9B"}

package/dist/browserPage.js

@@ -0,0 +1,39 @@
+export class PlaywrightBrowserPageFactory {
+    _browser;
+    async openPage(url) {
+        if (!this._browser) {
+            const { chromium } = await import('playwright');
+            this._browser = await chromium.launch();
+        }
+        const page = await this._browser.newPage();
+        await page.goto(url, { waitUntil: 'networkidle' });
+        return new PlaywrightBrowserPage(page);
+    }
+    async dispose() {
+        await this._browser?.close();
+        this._browser = undefined;
+    }
+}
+class PlaywrightBrowserPage {
+    _page;
+    constructor(_page) {
+        this._page = _page;
+    }
+    async evaluateJs(expression) {
+        return this._page.evaluate(expression);
+    }
+    async screenshot(domNodeExpression) {
+        const handle = await this._page.evaluateHandle(domNodeExpression);
+        const element = handle.asElement();
+        if (!element) {
+            throw new Error(`Expression did not return a DOM element: ${domNodeExpression}`);
+        }
+        // ElementHandle.screenshot exists at runtime; cast through unknown for type compatibility
+        const buffer = await element.screenshot({ type: 'png' });
+        return new Uint8Array(buffer);
+    }
+    async dispose() {
+        await this._page.close();
+    }
+}
+//# sourceMappingURL=browserPage.js.map

package/dist/browserPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"browserPage.js","sourceRoot":"","sources":["../src/browserPage.ts"],"names":[],"mappings":"AAWA,MAAM,OAAO,4BAA4B;IAChC,QAAQ,CAA2C;IAE3D,KAAK,CAAC,QAAQ,CAAC,GAAW;QACzB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACpB,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,MAAM,CAAC,YAAY,CAAC,CAAC;YAChD,IAAI,CAAC,QAAQ,GAAG,MAAM,QAAQ,CAAC,MAAM,EAAE,CAAC;QACzC,CAAC;QACD,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;QAC3C,MAAM,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC,CAAC;QACnD,OAAO,IAAI,qBAAqB,CAAC,IAAI,CAAC,CAAC;IACxC,CAAC;IAED,KAAK,CAAC,OAAO;QACZ,MAAM,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,CAAC;QAC7B,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC;IAC3B,CAAC;CACD;AAED,MAAM,qBAAqB;IACG;IAA7B,YAA6B,KAAgC;QAAhC,UAAK,GAAL,KAAK,CAA2B;IAAG,CAAC;IAEjE,KAAK,CAAC,UAAU,CAAI,UAAkB;QACrC,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAe,CAAC;IACtD,CAAC;IAED,KAAK,CAAC,UAAU,CAAC,iBAAyB;QACzC,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC;QAClE,MAAM,OAAO,GAAG,MAAM,CAAC,SAAS,EAAE,CAAC;QACnC,IAAI,CAAC,OAAO,EAAE,CAAC;YACd,MAAM,IAAI,KAAK,CAAC,4CAA4C,iBAAiB,EAAE,CAAC,CAAC;QAClF,CAAC;QACD,0FAA0F;QAC1F,MAAM,MAAM,GAAG,MAAO,OAA8E,CAAC,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;QACjI,OAAO,IAAI,UAAU,CAAC,MAAM,CAAC,CAAC;IAC/B,CAAC;IAED,KAAK,CAAC,OAAO;QACZ,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;IAC1B,CAAC;CACD"}

package/dist/commands/acceptCommand.d.ts

@@ -0,0 +1,9 @@
+import { Command } from 'clipanion';
+export declare class AcceptCommand extends Command {
+    static paths: string[][];
+    static usage: import("clipanion").Usage;
+    readonly filter: string | undefined;
+    readonly root: string;
+    execute(): Promise<void>;
+}
+//# sourceMappingURL=acceptCommand.d.ts.map

package/dist/commands/acceptCommand.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"acceptCommand.d.ts","sourceRoot":"","sources":["../../src/commands/acceptCommand.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAU,MAAM,WAAW,CAAC;AAG5C,qBAAa,aAAc,SAAQ,OAAO;IACzC,OAAgB,KAAK,aAAgB;IAErC,OAAgB,KAAK,4BAMlB;IAEH,QAAQ,CAAC,MAAM,qBAAkG;IACjH,QAAQ,CAAC,IAAI,SAAqF;IAE5F,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;CA0B9B"}

package/dist/commands/acceptCommand.js

@@ -0,0 +1,34 @@
+import { Command, Option } from 'clipanion';
+import { FileSystemStorage } from '../storage.js';
+export class AcceptCommand extends Command {
+    static paths = [['accept']];
+    static usage = Command.Usage({
+        description: 'Promote current screenshots as baseline',
+        examples: [
+            ['Accept all', '$0 accept'],
+            ['Accept specific fixtures', '$0 accept --filter "Button/*"'],
+        ],
+    });
+    filter = Option.String('--filter', { required: false, description: 'Filter fixtures by glob pattern' });
+    root = Option.String('--root', process.cwd(), { description: 'Project root directory' });
+    async execute() {
+        const storage = new FileSystemStorage(`${this.root}/.screenshots`);
+        let currentFiles = await storage.list('current');
+        if (this.filter) {
+            const regex = new RegExp('^current/' + this.filter.replace(/\*/g, '.*').replace(/\?/g, '.') + '$');
+            currentFiles = currentFiles.filter(f => regex.test(f));
+        }
+        if (currentFiles.length === 0) {
+            this.context.stdout.write('No current screenshots to accept.\n');
+            return;
+        }
+        for (const file of currentFiles) {
+            const relativePath = file.replace('current/', '');
+            const data = await storage.read(file);
+            await storage.write(`baseline/${relativePath}`, data);
+            this.context.stdout.write(`  ✓ ${relativePath}\n`);
+        }
+        this.context.stdout.write(`\nAccepted ${currentFiles.length} screenshot(s) as baseline.\n`);
+    }
+}
+//# sourceMappingURL=acceptCommand.js.map

package/dist/commands/acceptCommand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"acceptCommand.js","sourceRoot":"","sources":["../../src/commands/acceptCommand.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElD,MAAM,OAAO,aAAc,SAAQ,OAAO;IACzC,MAAM,CAAU,KAAK,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;IAErC,MAAM,CAAU,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;QACrC,WAAW,EAAE,yCAAyC;QACtD,QAAQ,EAAE;YACT,CAAC,YAAY,EAAE,WAAW,CAAC;YAC3B,CAAC,0BAA0B,EAAE,+BAA+B,CAAC;SAC7D;KACD,CAAC,CAAC;IAEM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,iCAAiC,EAAE,CAAC,CAAC;IACxG,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,OAAO,CAAC,GAAG,EAAE,EAAE,EAAE,WAAW,EAAE,wBAAwB,EAAE,CAAC,CAAC;IAElG,KAAK,CAAC,OAAO;QACZ,MAAM,OAAO,GAAG,IAAI,iBAAiB,CAAC,GAAG,IAAI,CAAC,IAAI,eAAe,CAAC,CAAC;QAEnE,IAAI,YAAY,GAAG,MAAM,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAEjD,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YACjB,MAAM,KAAK,GAAG,IAAI,MAAM,CACvB,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,GAAG,CACxE,CAAC;YACF,YAAY,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QACxD,CAAC;QAED,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC/B,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,qCAAqC,CAAC,CAAC;YACjE,OAAO;QACR,CAAC;QAED,KAAK,MAAM,IAAI,IAAI,YAAY,EAAE,CAAC;YACjC,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;YAClD,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACtC,MAAM,OAAO,CAAC,KAAK,CAAC,YAAY,YAAY,EAAE,EAAE,IAAI,CAAC,CAAC;YACtD,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,YAAY,IAAI,CAAC,CAAC;QACpD,CAAC;QAED,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,cAAc,YAAY,CAAC,MAAM,+BAA+B,CAAC,CAAC;IAC7F,CAAC"}

package/dist/commands/compareCommand.d.ts

@@ -0,0 +1,8 @@
+import { Command } from 'clipanion';
+export declare class CompareCommand extends Command {
+    static paths: string[][];
+    static usage: import("clipanion").Usage;
+    readonly root: string;
+    execute(): Promise<number>;
+}
+//# sourceMappingURL=compareCommand.d.ts.map

package/dist/commands/compareCommand.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compareCommand.d.ts","sourceRoot":"","sources":["../../src/commands/compareCommand.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAU,MAAM,WAAW,CAAC;AAG5C,qBAAa,cAAe,SAAQ,OAAO;IAC1C,OAAgB,KAAK,aAAiB;IAEtC,OAAgB,KAAK,4BAKlB;IAEH,QAAQ,CAAC,IAAI,SAAqF;IAE5F,OAAO,IAAI,OAAO,CAAC,MAAM,CAAC;CAgEhC"}

package/dist/commands/compareCommand.js

@@ -0,0 +1,84 @@
+import { Command, Option } from 'clipanion';
+import { FileSystemStorage } from '../storage.js';
+export class CompareCommand extends Command {
+    static paths = [['compare']];
+    static usage = Command.Usage({
+        description: 'Compare current screenshots against baseline',
+        examples: [
+            ['Compare default directories', '$0 compare'],
+        ],
+    });
+    root = Option.String('--root', process.cwd(), { description: 'Project root directory' });
+    async execute() {
+        const storage = new FileSystemStorage(`${this.root}/.screenshots`);
+        const baselineFiles = await storage.list('baseline');
+        const currentFiles = await storage.list('current');
+        const baselineSet = new Set(baselineFiles.map(f => f.replace('baseline/', '')));
+        const currentSet = new Set(currentFiles.map(f => f.replace('current/', '')));
+        const added = [];
+        const removed = [];
+        const changed = [];
+        const unchanged = [];
+        for (const file of currentSet) {
+            if (!baselineSet.has(file)) {
+                added.push(file);
+            }
+            else {
+                const baselineData = await storage.read(`baseline/${file}`);
+                const currentData = await storage.read(`current/${file}`);
+                if (buffersEqual(baselineData, currentData)) {
+                    unchanged.push(file);
+                }
+                else {
+                    changed.push(file);
+                }
+            }
+        }
+        for (const file of baselineSet) {
+            if (!currentSet.has(file)) {
+                removed.push(file);
+            }
+        }
+        if (added.length > 0) {
+            this.context.stdout.write(`Added (${added.length}):\n`);
+            for (const f of added) {
+                this.context.stdout.write(`  + ${f}\n`);
+            }
+        }
+        if (removed.length > 0) {
+            this.context.stdout.write(`Removed (${removed.length}):\n`);
+            for (const f of removed) {
+                this.context.stdout.write(`  - ${f}\n`);
+            }
+        }
+        if (changed.length > 0) {
+            this.context.stdout.write(`Changed (${changed.length}):\n`);
+            for (const f of changed) {
+                this.context.stdout.write(`  ~ ${f}\n`);
+            }
+        }
+        if (unchanged.length > 0) {
+            this.context.stdout.write(`Unchanged (${unchanged.length}):\n`);
+            for (const f of unchanged) {
+                this.context.stdout.write(`  = ${f}\n`);
+            }
+        }
+        const hasDiffs = added.length > 0 || removed.length > 0 || changed.length > 0;
+        if (hasDiffs) {
+            this.context.stdout.write('\nDifferences found.\n');
+            return 1;
+        }
+        this.context.stdout.write('\nNo differences.\n');
+        return 0;
+    }
+}
+function buffersEqual(a, b) {
+    if (a.length !== b.length)
+        return false;
+    for (let i = 0; i < a.length; i++) {
+        if (a[i] !== b[i])
+            return false;
+    }
+    return true;
+}
+//# sourceMappingURL=compareCommand.js.map

package/dist/commands/compareCommand.js.map

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

package/dist/commands/screenshotCommand.d.ts

@@ -0,0 +1,10 @@
+import { Command } from 'clipanion';
+export declare class ScreenshotCommand extends Command {
+    static paths: string[][];
+    static usage: import("clipanion").Usage;
+    readonly filter: string | undefined;
+    readonly accept: boolean;
+    readonly root: string;
+    execute(): Promise<void>;
+}
+//# sourceMappingURL=screenshotCommand.d.ts.map

package/dist/commands/screenshotCommand.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"screenshotCommand.d.ts","sourceRoot":"","sources":["../../src/commands/screenshotCommand.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAU,MAAM,WAAW,CAAC;AAO5C,qBAAa,iBAAkB,SAAQ,OAAO;IAC7C,OAAgB,KAAK,aAAoB;IAEzC,OAAgB,KAAK,4BAOlB;IAEH,QAAQ,CAAC,MAAM,qBAAkG;IACjH,QAAQ,CAAC,MAAM,UAAuG;IACtH,QAAQ,CAAC,IAAI,SAAqF;IAE5F,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;CAqC9B"}

package/dist/commands/screenshotCommand.js

@@ -0,0 +1,56 @@
+import { Command, Option } from 'clipanion';
+import { PlaywrightBrowserPageFactory } from '../browserPage.js';
+import { BrowserComponentExplorer } from '../componentExplorer.js';
+import { DefaultComponentExplorerHttpServerFactory } from '../httpServer.js';
+import { FileSystemStorage } from '../storage.js';
+import { ViteProjectRef } from '../viteProjectRef.js';
+export class ScreenshotCommand extends Command {
+    static paths = [['screenshot']];
+    static usage = Command.Usage({
+        description: 'Capture screenshots of all fixtures',
+        examples: [
+            ['Capture all fixtures', '$0 screenshot'],
+            ['Capture and accept as baseline', '$0 screenshot --accept'],
+            ['Filter by glob', '$0 screenshot --filter "Button/*"'],
+        ],
+    });
+    filter = Option.String('--filter', { required: false, description: 'Filter fixtures by glob pattern' });
+    accept = Option.Boolean('--accept', false, { description: 'Write directly to baseline instead of current' });
+    root = Option.String('--root', process.cwd(), { description: 'Project root directory' });
+    async execute() {
+        const outputDir = this.accept ? 'baseline' : 'current';
+        const storage = new FileSystemStorage(`${this.root}/.screenshots`);
+        const serverFactory = new DefaultComponentExplorerHttpServerFactory();
+        const browserFactory = new PlaywrightBrowserPageFactory();
+        let server;
+        let explorer;
+        try {
+            this.context.stdout.write('Starting Vite dev server...\n');
+            server = await serverFactory.createViteServer(ViteProjectRef.fromSourceRootDir(this.root));
+            this.context.stdout.write(`Server running at ${server.url}\n`);
+            explorer = new BrowserComponentExplorer(browserFactory, server);
+            const fixtures = await explorer.listFixtures();
+            const filtered = this.filter
+                ? fixtures.filter(f => matchGlob(f.fixtureId, this.filter))
+                : fixtures;
+            this.context.stdout.write(`Found ${filtered.length} fixture(s)\n`);
+            for (const fixture of filtered) {
+                const png = await explorer.screenshotFixture(fixture.fixtureId);
+                const filePath = `${outputDir}/${fixture.fixtureId}.png`;
+                await storage.write(filePath, png);
+                this.context.stdout.write(`  ✓ ${fixture.fixtureId}\n`);
+            }
+            this.context.stdout.write(`\nScreenshots saved to .screenshots/${outputDir}/\n`);
+        }
+        finally {
+            await explorer?.dispose();
+            await browserFactory.dispose();
+            await server?.dispose();
+        }
+    }
+}
+function matchGlob(fixtureId, pattern) {
+    const regex = new RegExp('^' + pattern.replace(/\*/g, '.*').replace(/\?/g, '.') + '$');
+    return regex.test(fixtureId);
+}
+//# sourceMappingURL=screenshotCommand.js.map

package/dist/commands/screenshotCommand.js.map

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

package/dist/commands/watchCommand.d.ts

@@ -0,0 +1,12 @@
+import { Command } from 'clipanion';
+export declare class WatchCommand extends Command {
+    static paths: string[][];
+    static usage: import("clipanion").Usage;
+    readonly root: string;
+    readonly config: string | undefined;
+    execute(): Promise<void>;
+    private _executeLegacy;
+    private _executeWithConfig;
+    private _setupSession;
+}
+//# sourceMappingURL=watchCommand.d.ts.map

package/dist/commands/watchCommand.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"watchCommand.d.ts","sourceRoot":"","sources":["../../src/commands/watchCommand.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAU,MAAM,WAAW,CAAC;AAiB5C,qBAAa,YAAa,SAAQ,OAAO;IACxC,OAAgB,KAAK,aAAe;IAEpC,OAAgB,KAAK,4BAMlB;IAEH,QAAQ,CAAC,IAAI,SAAqF;IAClG,QAAQ,CAAC,MAAM,qBAA+F;IAExG,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;YAOhB,cAAc;YAoCd,kBAAkB;YAkHlB,aAAa;CA6C3B"}

package/dist/commands/watchCommand.js

@@ -0,0 +1,307 @@
+import { Command, Option } from 'clipanion';
+import { autorun } from '@vscode/observables';
+import { PlaywrightBrowserPageFactory } from '../browserPage.js';
+import { BrowserComponentExplorer } from '../componentExplorer.js';
+import { DefaultComponentExplorerHttpServerFactory } from '../httpServer.js';
+import { ConsoleLogger } from '../logger.js';
+import { FileSystemStorage } from '../storage.js';
+import { ViteProjectRef } from '../viteProjectRef.js';
+import { ResolvedWatchConfig } from '../watchConfig.js';
+import { ExplorerSession } from '../explorerSession.js';
+import { installDependencies } from '../dependencyInstaller.js';
+import { ScreenshotCache, compareScreenshots, contentHash } from '../screenshotCache.js';
+export class WatchCommand extends Command {
+    static paths = [['watch']];
+    static usage = Command.Usage({
+        description: 'Watch for changes and compare screenshots against baseline',
+        examples: [
+            ['Watch all fixtures', '$0 watch'],
+            ['Watch with config', '$0 watch -c component-explorer-watch-config.json'],
+        ],
+    });
+    root = Option.String('--root', process.cwd(), { description: 'Project root directory' });
+    config = Option.String('-c,--config', { required: false, description: 'Path to watch config JSON' });
+    async execute() {
+        if (this.config) {
+            return this._executeWithConfig();
+        }
+        return this._executeLegacy();
+    }
+    async _executeLegacy() {
+        const logger = new ConsoleLogger('watch', this.context.stdout);
+        const storage = new FileSystemStorage(`${this.root}/.screenshots`);
+        const serverFactory = new DefaultComponentExplorerHttpServerFactory();
+        const browserFactory = new PlaywrightBrowserPageFactory();
+        logger.log('Starting Vite dev server...');
+        const server = await serverFactory.createViteServer(ViteProjectRef.fromSourceRootDir(this.root));
+        logger.log(`Server running at ${server.url}`);
+        const explorer = new BrowserComponentExplorer(browserFactory, server, logger);
+        logger.log('Taking initial screenshots...');
+        await captureAndCompare(explorer, storage, this.context.stdout);
+        this.context.stdout.write('\nWatching for changes... (Ctrl+C to stop)\n\n');
+        let stopped = false;
+        process.on('SIGINT', () => { stopped = true; });
+        while (!stopped) {
+            try {
+                await explorer.waitForUpdate();
+                await captureAndCompare(explorer, storage, this.context.stdout);
+            }
+            catch (err) {
+                if (stopped)
+                    break;
+                this.context.stderr.write(`[watch] Error: ${err}\n`);
+            }
+        }
+        this.context.stdout.write('\nShutting down...\n');
+        await explorer.dispose();
+        await browserFactory.dispose();
+        await server.dispose();
+    }
+    async _executeWithConfig() {
+        const logger = new ConsoleLogger('watch', this.context.stdout);
+        const serverFactory = new DefaultComponentExplorerHttpServerFactory();
+        const browserFactory = new PlaywrightBrowserPageFactory();
+        logger.log(`Reading config from ${this.config}`);
+        const resolvedConfig = await ResolvedWatchConfig.fromFile(this.config);
+        const git = resolvedConfig.repo;
+        const storage = new FileSystemStorage(resolvedConfig.screenshotDir);
+        const sessions = new Map();
+        const resolvers = new Map();
+        const caches = new Map();
+        try {
+            // The "current" session's project dir is used to resolve vite for worktree sessions.
+            // This ensures worktree sessions use the same vite version as the main worktree.
+            const currentSession = resolvedConfig.sessions.find(s => s.source.kind === 'current');
+            const resolveViteFrom = currentSession?.viteProject.cwd;
+            // Set up sessions
+            for (const sessionConfig of resolvedConfig.sessions) {
+                await this._setupSession(sessionConfig, git, serverFactory, browserFactory, logger, sessions, resolvers, caches, resolveViteFrom);
+            }
+            // Initial capture from all sessions
+            for (const [name, session] of sessions) {
+                logger.log(`Capturing initial screenshots: ${name}`);
+                const screenshots = await captureAll(session.explorer);
+                caches.get(name).replaceAll(screenshots);
+                await writeScreenshotsToStorage(storage, name, screenshots);
+            }
+            // Print initial comparison
+            if (resolvedConfig.compare) {
+                const bl = caches.get(resolvedConfig.compare.baseline);
+                const cr = caches.get(resolvedConfig.compare.current);
+                printCompareResult(compareScreenshots(bl, cr), this.context.stdout, bl, cr);
+            }
+            this.context.stdout.write('\nWatching for changes... (Ctrl+C to stop)\n\n');
+            let stopped = false;
+            process.on('SIGINT', () => { stopped = true; });
+            while (!stopped) {
+                try {
+                    const event = await raceUpdates(sessions, resolvers);
+                    if (event.kind === 'hmr') {
+                        logger.log(`HMR update in session: ${event.sessionName}`);
+                        const cache = caches.get(event.sessionName);
+                        const session = sessions.get(event.sessionName);
+                        const screenshots = await captureAll(session.explorer);
+                        cache.replaceAll(screenshots);
+                        await writeScreenshotsToStorage(storage, event.sessionName, screenshots);
+                    }
+                    else if (event.kind === 'ref-change') {
+                        logger.log(`Ref ${event.ref} moved to ${event.newCommit.toShort()}`);
+                        const sessionConfig = resolvedConfig.sessions.find(s => s.source.kind === 'worktree' && s.source.worktree.ref === event.ref);
+                        if (sessionConfig && sessionConfig.source.kind === 'worktree') {
+                            const wt = sessionConfig.source.worktree;
+                            const wtInfo = await git.worktrees.info(wt.worktreePath);
+                            if (wtInfo && wtInfo.isDirty) {
+                                logger.log(`Worktree is dirty, skipping update to ${event.newCommit.toShort()}`);
+                            }
+                            else {
+                                // Dispose old session
+                                const oldSession = sessions.get(sessionConfig.name);
+                                await oldSession?.dispose();
+                                // Checkout + reinstall
+                                if (wtInfo) {
+                                    await git.worktrees.checkout(wt.worktreePath, event.newCommit);
+                                }
+                                else {
+                                    await git.worktrees.create(wt.worktreePath, event.newCommit);
+                                }
+                                await installDependencies(wt.worktreePath, wt.install, logger);
+                                // Recreate session
+                                const newSession = await ExplorerSession.create(sessionConfig.name, sessionConfig.viteProject, serverFactory, browserFactory, logger, resolveViteFrom);
+                                sessions.set(sessionConfig.name, newSession);
+                                const cache = caches.get(sessionConfig.name);
+                                const screenshots = await captureAll(newSession.explorer);
+                                cache.replaceAll(screenshots);
+                                await writeScreenshotsToStorage(storage, sessionConfig.name, screenshots);
+                            }
+                        }
+                    }
+                    // Print comparison
+                    if (resolvedConfig.compare) {
+                        const bl = caches.get(resolvedConfig.compare.baseline);
+                        const cr = caches.get(resolvedConfig.compare.current);
+                        printCompareResult(compareScreenshots(bl, cr), this.context.stdout, bl, cr);
+                    }
+                }
+                catch (err) {
+                    if (stopped)
+                        break;
+                    this.context.stderr.write(`[watch] Error: ${err}\n`);
+                }
+            }
+        }
+        finally {
+            this.context.stdout.write('\nShutting down...\n');
+            for (const session of sessions.values()) {
+                await session.dispose();
+            }
+            for (const resolver of resolvers.values()) {
+                resolver.dispose();
+            }
+            git.dispose();
+            await browserFactory.dispose();
+        }
+    }
+    async _setupSession(sessionConfig, git, serverFactory, browserFactory, logger, sessions, resolvers, caches, resolveViteFrom) {
+        if (sessionConfig.source.kind === 'worktree') {
+            const wt = sessionConfig.source.worktree;
+            const resolver = await git.createCommitResolver(wt.ref);
+            resolvers.set(sessionConfig.name, resolver);
+            const resolvedCommit = resolver.resolvedCommit.get();
+            const wtInfo = await git.worktrees.info(wt.worktreePath);
+            if (!wtInfo) {
+                logger.log(`Creating worktree at ${wt.worktreePath} (${wt.ref} @ ${resolvedCommit.toShort()})`);
+                await git.worktrees.create(wt.worktreePath, resolvedCommit);
+                await installDependencies(wt.worktreePath, wt.install, logger);
+            }
+            else if (!wtInfo.checkedOutCommit.equals(resolvedCommit)) {
+                if (wtInfo.isDirty) {
+                    logger.log(`Worktree is dirty, using existing checkout at ${wtInfo.checkedOutCommit.toShort()}`);
+                }
+                else {
+                    logger.log(`Updating worktree to ${resolvedCommit.toShort()}`);
+                    await git.worktrees.checkout(wt.worktreePath, resolvedCommit);
+                    await installDependencies(wt.worktreePath, wt.install, logger);
+                }
+            }
+            else {
+                logger.log(`Worktree already at ${resolvedCommit.toShort()}`);
+            }
+        }
+        logger.log(`Starting server: ${sessionConfig.name}`);
+        const session = await ExplorerSession.create(sessionConfig.name, sessionConfig.viteProject, serverFactory, browserFactory, logger, sessionConfig.source.kind === 'worktree' ? resolveViteFrom : undefined);
+        sessions.set(sessionConfig.name, session);
+        caches.set(sessionConfig.name, new ScreenshotCache());
+        logger.log(`Server ready: ${sessionConfig.name} (${session.serverUrl})`);
+    }
+}
+async function raceUpdates(sessions, resolvers) {
+    const hmrPromises = [...sessions.entries()].map(([name, session]) => session.explorer.waitForUpdate().then(() => ({ kind: 'hmr', sessionName: name })));
+    const refPromise = new Promise((resolve) => {
+        if (resolvers.size === 0) {
+            // Never resolves — no resolvers to watch
+            return;
+        }
+        const previousCommits = new Map();
+        for (const [name, resolver] of resolvers) {
+            previousCommits.set(name, resolver.resolvedCommit.get());
+        }
+        const disposable = autorun(reader => {
+            for (const [name, resolver] of resolvers) {
+                const commit = resolver.resolvedCommit.read(reader);
+                const prev = previousCommits.get(name);
+                if (prev && !prev.equals(commit)) {
+                    disposable.dispose();
+                    resolve({ kind: 'ref-change', ref: resolver.ref, newCommit: commit });
+                    return;
+                }
+            }
+        });
+    });
+    return Promise.race([...hmrPromises, refPromise]);
+}
+// --- Capture helpers ---
+async function captureAll(explorer) {
+    const fixtures = await explorer.listFixtures();
+    const screenshots = new Map();
+    for (const fixture of fixtures) {
+        const png = await explorer.screenshotFixture(fixture.fixtureId);
+        screenshots.set(fixture.fixtureId, png);
+    }
+    return screenshots;
+}
+async function writeScreenshotsToStorage(storage, sessionName, screenshots) {
+    for (const [fixtureId, png] of screenshots) {
+        await storage.write(`${sessionName}/${fixtureId}.png`, png);
+    }
+}
+function printCompareResult(result, stdout, baselineCache, currentCache) {
+    const total = result.added.length + result.removed.length + result.changed.length + result.unchanged.length;
+    const timestamp = new Date().toLocaleTimeString();
+    stdout.write(`[${timestamp}] ${total} fixtures`);
+    if (result.changed.length === 0 && result.added.length === 0 && result.removed.length === 0) {
+        stdout.write(` — no changes\n`);
+    }
+    else {
+        stdout.write(`\n`);
+        for (const f of result.changed) {
+            const bHash = baselineCache?.get(f) ? contentHash(baselineCache.get(f)) : '?';
+            const cHash = currentCache?.get(f) ? contentHash(currentCache.get(f)) : '?';
+            stdout.write(`  ~ ${f}  (baseline: ${bHash}, current: ${cHash})\n`);
+        }
+        for (const f of result.added) {
+            stdout.write(`  + ${f}\n`);
+        }
+        for (const f of result.removed) {
+            stdout.write(`  - ${f}\n`);
+        }
+    }
+}
+// --- Legacy helpers ---
+async function captureAndCompare(explorer, storage, stdout) {
+    const fixtures = await explorer.listFixtures();
+    const added = [];
+    const changed = [];
+    const unchanged = [];
+    for (const fixture of fixtures) {
+        const png = await explorer.screenshotFixture(fixture.fixtureId);
+        const currentPath = `current/${fixture.fixtureId}.png`;
+        await storage.write(currentPath, png);
+        const baselinePath = `baseline/${fixture.fixtureId}.png`;
+        if (await storage.exists(baselinePath)) {
+            const baseline = await storage.read(baselinePath);
+            if (buffersEqual(png, baseline)) {
+                unchanged.push(fixture.fixtureId);
+            }
+            else {
+                changed.push(fixture.fixtureId);
+            }
+        }
+        else {
+            added.push(fixture.fixtureId);
+        }
+    }
+    const timestamp = new Date().toLocaleTimeString();
+    stdout.write(`[${timestamp}] ${fixtures.length} fixtures`);
+    if (changed.length === 0 && added.length === 0) {
+        stdout.write(` — no changes\n`);
+    }
+    else {
+        stdout.write(`\n`);
+        for (const f of changed) {
+            stdout.write(`  ~ ${f}\n`);
+        }
+        for (const f of added) {
+            stdout.write(`  + ${f}\n`);
+        }
+    }
+}
+function buffersEqual(a, b) {
+    if (a.length !== b.length)
+        return false;
+    for (let i = 0; i < a.length; i++) {
+        if (a[i] !== b[i])
+            return false;
+    }
+    return true;
+}
+//# sourceMappingURL=watchCommand.js.map