@juxtapose/adapter-storybook 0.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Magic Factory LLC
+
+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,17 @@
+# @juxtapose/adapter-storybook
+
+Storybook platform adapter for juxtapose visual testing.
+
+Part of [juxtapose](https://github.com/juxtapose-dev/juxtapose), visual
+regression testing for component workbenches.
+
+**You probably don't need to install this directly.** Use
+[`@juxtapose/cli`](https://www.npmjs.com/package/@juxtapose/cli) for the
+command line, or
+[`@juxtapose/storybook`](https://www.npmjs.com/package/@juxtapose/storybook)
+to review diffs inside Storybook. This package is a building block those
+depend on.
+
+Full documentation: https://github.com/juxtapose-dev/juxtapose
+
+MIT © Magic Factory LLC

package/dist/index.d.ts

@@ -0,0 +1,35 @@
+import type { Page } from 'playwright';
+import type { Platform, EnumerateTarget, SettleContext, StoryManifest, StoryParams } from '@juxtapose/core';
+export declare class StorybookPlatform implements Platform {
+    readonly name = "storybook";
+    detect(target: EnumerateTarget): Promise<boolean>;
+    enumerate(target: EnumerateTarget): Promise<StoryManifest[]>;
+    storyUrl(baseUrl: string, storyId: string): string;
+    /** URL-addressable, so showing a story is just a navigation. */
+    showStory(page: Page, storyId: string, baseUrl: string): Promise<void>;
+    /** Blank preview URL, for warming a page before any story is selected. */
+    previewUrl(baseUrl: string): string;
+    settle(page: Page, ctx: SettleContext): Promise<void>;
+    /**
+     * Switch stories on a warm page by emitting on Storybook's own channel.
+     *
+     * This is the single largest optimization in the tool — ~4x per story,
+     * because it re-renders instead of reloading the bundle and re-registering
+     * the service worker. Returns false if the preview runtime isn't reachable,
+     * and the pool falls back to a navigation.
+     */
+    switchStory(page: Page, storyId: string, ctx: SettleContext): Promise<boolean>;
+    /**
+     * Read parameters from the live preview.
+     *
+     * Necessary because Storybook only serializes a whitelist of parameters into
+     * index.json, so `parameters.juxtapose` is frequently absent there even when
+     * the story declares it. The original tool read the index in one code path
+     * and the live DOM in another, which meant per-story thresholds were silently
+     * ignored in the addon. Reading live everywhere keeps one source of truth.
+     */
+    readLiveParams(page: Page, storyId: string): Promise<StoryParams | undefined>;
+    /** Directories whose changes invalidate every story. */
+    readonly configDirs: string[];
+    readonly storyFileGlobs: string[];
+}

package/dist/index.js

@@ -0,0 +1,259 @@
+// Storybook platform adapter.
+//
+// Everything in this file is Storybook-specific by design. If it compiles
+// against @juxtapose/core's Platform interface and nothing here leaks upward,
+// the seam holds.
+import { readFile } from 'node:fs/promises';
+import path from 'node:path';
+import { navigateToStory } from '@juxtapose/core';
+/**
+ * Phases where the story is settled enough to screenshot.
+ *
+ * An allowlist, not a denylist. Storybook's RenderPhase union is
+ * `preparing | loading | beforeEach | rendering | playing | played |
+ * afterEach | completed | finished | aborted | errored` — listing only the
+ * few we consider "still working" means any phase added later, or any
+ * transient one we forgot (`beforeEach` and `afterEach` both qualify),
+ * silently reads as ready and we screenshot mid-flight.
+ *
+ * `errored` and `aborted` are included deliberately: a story that failed to
+ * render should produce a capture showing that, which is a reviewable diff,
+ * rather than hanging until the timeout.
+ */
+const READY_PHASES = ['played', 'completed', 'finished', 'errored', 'aborted'];
+/**
+ * Phases meaning the play function has finished.
+ *
+ * Used when a story opts into `captureAfterPlay`. Narrower than READY_PHASES
+ * because the point is to wait for interactions to complete.
+ */
+const PLAYED_PHASES = ['played', 'completed', 'finished'];
+export class StorybookPlatform {
+    name = 'storybook';
+    async detect(target) {
+        if (target.origin) {
+            try {
+                const res = await fetch(new URL('index.json', withSlash(target.origin)));
+                return res.ok;
+            }
+            catch {
+                return false;
+            }
+        }
+        if (!target.buildDir)
+            return false;
+        return (await readIndex(target.buildDir)) !== null;
+    }
+    async enumerate(target) {
+        const index = target.origin
+            ? await fetchIndex(target.origin)
+            : await readIndex(target.buildDir);
+        if (!index) {
+            throw new Error(`[storybook] no index.json at ${target.origin ?? target.buildDir}. ` +
+                `Build Storybook first, or point --origin at a running dev server.`);
+        }
+        // `importPath` is relative to the project root, not the build dir.
+        const base = target.projectRoot;
+        return Object.values(index.entries)
+            .filter((e) => e.type !== 'docs')
+            .map((e) => ({
+            storyId: e.id,
+            title: e.title,
+            name: e.name,
+            componentPath: path.resolve(base, e.importPath),
+            // Storybook does not serialize arbitrary parameters into index.json,
+            // so this is almost always empty in practice — readLiveParams is what
+            // actually resolves per-story config. Kept because a custom indexer
+            // may include them, and an empty object is the correct fallback.
+            params: e.parameters?.juxtapose ?? {},
+        }))
+            .sort((a, b) => a.storyId.localeCompare(b.storyId));
+    }
+    storyUrl(baseUrl, storyId) {
+        return `${stripSlash(baseUrl)}/iframe.html?id=${encodeURIComponent(storyId)}&viewMode=story`;
+    }
+    /** URL-addressable, so showing a story is just a navigation. */
+    async showStory(page, storyId, baseUrl) {
+        await navigateToStory((b, s) => this.storyUrl(b, s))(page, storyId, baseUrl);
+    }
+    /** Blank preview URL, for warming a page before any story is selected. */
+    previewUrl(baseUrl) {
+        return `${stripSlash(baseUrl)}/iframe.html`;
+    }
+    async settle(page, ctx) {
+        await waitForRenderPhase(page, ctx);
+        await waitForLayoutClass(page);
+    }
+    /**
+     * Switch stories on a warm page by emitting on Storybook's own channel.
+     *
+     * This is the single largest optimization in the tool — ~4x per story,
+     * because it re-renders instead of reloading the bundle and re-registering
+     * the service worker. Returns false if the preview runtime isn't reachable,
+     * and the pool falls back to a navigation.
+     */
+    async switchStory(page, storyId, ctx) {
+        const outcome = await page
+            .evaluate(({ id, timeoutMs, ready, played, afterPlay }) => new Promise((resolve) => {
+            const w = window;
+            const preview = w.__STORYBOOK_PREVIEW__;
+            const channel = preview?.channel;
+            if (!channel)
+                return resolve('unsupported');
+            const isReady = (phase) => afterPlay
+                ? !!phase && played.includes(phase)
+                : !!phase && ready.includes(phase);
+            // Check the phase we may already be in before subscribing —
+            // otherwise a story that renders faster than this evaluate
+            // deadlocks waiting for an event that already fired.
+            const current = preview?.storyRenders?.find((r) => r.id === id);
+            if (current && isReady(current.phase))
+                return resolve('switched');
+            let settled = false;
+            const finish = (result) => {
+                if (settled)
+                    return;
+                settled = true;
+                clearTimeout(timer);
+                for (const ev of events)
+                    channel.removeListener(ev, onEvent);
+                resolve(result);
+            };
+            const onEvent = (...args) => {
+                const payload = args[0];
+                if (typeof payload === 'string') {
+                    if (payload === id)
+                        finish('switched');
+                    return;
+                }
+                if (payload?.storyId && payload.storyId !== id)
+                    return;
+                if (payload?.newPhase !== undefined) {
+                    if (isReady(payload.newPhase))
+                        finish('switched');
+                    return;
+                }
+                finish('switched');
+            };
+            const events = [
+                'storyRendered',
+                'storyUnchanged',
+                'storyRenderPhaseChanged',
+                'storyMissing',
+                'storyErrored',
+                'storyThrewException',
+            ];
+            const timer = setTimeout(() => finish('timeout'), timeoutMs);
+            for (const ev of events)
+                channel.on(ev, onEvent);
+            channel.emit('setCurrentStory', { storyId: id, viewMode: 'story' });
+        }), {
+            id: storyId,
+            timeoutMs: ctx.timeoutMs,
+            ready: READY_PHASES,
+            played: PLAYED_PHASES,
+            afterPlay: ctx.params.captureAfterPlay === true,
+        })
+            .catch(() => 'unsupported');
+        // A timeout still switched the story — the render just ran long. Capture
+        // it rather than falling back to a navigation that would be slower and no
+        // more correct. A genuinely broken story shows up as a visible diff.
+        return outcome === 'switched' || outcome === 'timeout';
+    }
+    /**
+     * Read parameters from the live preview.
+     *
+     * Necessary because Storybook only serializes a whitelist of parameters into
+     * index.json, so `parameters.juxtapose` is frequently absent there even when
+     * the story declares it. The original tool read the index in one code path
+     * and the live DOM in another, which meant per-story thresholds were silently
+     * ignored in the addon. Reading live everywhere keeps one source of truth.
+     */
+    async readLiveParams(page, storyId) {
+        return page
+            .evaluate((id) => {
+            const w = window;
+            const render = w.__STORYBOOK_PREVIEW__?.storyRenders?.find((r) => r.id === id);
+            return (render?.story?.parameters?.juxtapose ?? undefined);
+        }, storyId)
+            .catch(() => undefined);
+    }
+    /** Directories whose changes invalidate every story. */
+    configDirs = ['.storybook'];
+    // .svelte is included for addon-svelte-csf, which is how most Svelte
+    // projects author stories; omitting it would silently under-detect changes
+    // for that ecosystem.
+    storyFileGlobs = [
+        '**/*.stories.@(ts|tsx|js|jsx|mjs|svelte)',
+        '**/*.story.@(ts|tsx|js|jsx|mjs|svelte)',
+    ];
+}
+async function waitForRenderPhase(page, ctx) {
+    const afterPlay = ctx.params.captureAfterPlay === true;
+    await page
+        .waitForFunction(({ id, ready, played, wantPlayed }) => {
+        const w = window;
+        const render = w.__STORYBOOK_PREVIEW__?.storyRenders?.find((r) => r.id === id);
+        if (!render)
+            return false;
+        const phase = render.phase;
+        if (!phase)
+            return false;
+        return wantPlayed ? played.includes(phase) : ready.includes(phase);
+    }, {
+        id: ctx.story.storyId,
+        ready: READY_PHASES,
+        played: PLAYED_PHASES,
+        wantPlayed: afterPlay,
+    }, { timeout: ctx.timeoutMs })
+        // Timing out is not an error: screenshot what's on screen. A story that
+        // renders late should surface as a diff a human can judge, not as an
+        // exception that aborts the run.
+        .catch(() => { });
+}
+/**
+ * Wait for Storybook's layout class, which proves the decorator chain applied.
+ *
+ * Without this, a story can be "rendered" per the phase machine but not yet
+ * laid out, and the screenshot catches it mid-flow.
+ */
+async function waitForLayoutClass(page) {
+    await page
+        .waitForFunction(() => {
+        const cls = document.body?.classList;
+        return (!!cls &&
+            (cls.contains('sb-main-padded') ||
+                cls.contains('sb-main-centered') ||
+                cls.contains('sb-main-fullscreen')));
+    }, undefined, { timeout: 2000 })
+        .catch(() => { });
+}
+async function readIndex(buildDir) {
+    for (const name of ['index.json', 'stories.json']) {
+        try {
+            const raw = await readFile(path.join(buildDir, name), 'utf8');
+            const parsed = JSON.parse(raw);
+            if (parsed?.entries)
+                return parsed;
+        }
+        catch {
+            // try the next candidate
+        }
+    }
+    return null;
+}
+async function fetchIndex(origin) {
+    try {
+        const res = await fetch(new URL('index.json', withSlash(origin)));
+        if (!res.ok)
+            return null;
+        const parsed = (await res.json());
+        return parsed?.entries ? parsed : null;
+    }
+    catch {
+        return null;
+    }
+}
+const withSlash = (u) => (u.endsWith('/') ? u : u + '/');
+const stripSlash = (u) => u.replace(/\/+$/, '');
+//# 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/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@juxtapose/adapter-storybook",
+  "version": "0.2.0",
+  "type": "module",
+  "description": "Storybook platform adapter for juxtapose visual testing.",
+  "publishConfig": {
+    "access": "public"
+  },
+  "license": "MIT",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": "./dist/index.js",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@juxtapose/core": "0.2.0"
+  },
+  "peerDependencies": {
+    "playwright": "^1.48.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/juxtapose-dev/juxtapose.git",
+    "directory": "packages/adapter-storybook"
+  },
+  "peerDependenciesMeta": {
+    "playwright": {
+      "optional": true
+    }
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json"
+  }
+}