@storyshelf/runner-playwright 0.1.0

package/README.md

@@ -0,0 +1,25 @@
+# @storyshelf/runner-playwright
+
+A **pure** `CaptureRunner` implementation for StoryShelf: renders screenshots of Storybook stories **in-process** with Playwright. It serves an already-extracted Storybook directory over a local HTTP server, launches Chromium, renders every story at each configured viewport, and returns the screenshot buffers. It performs **no** database, storage, or build-state management — that is core's capture orchestrator's job (ADR 0015).
+
+## Install
+
+```sh
+nub add @storyshelf/runner-playwright
+```
+
+## Usage
+
+```ts
+import { createPlaywrightCaptureRunner } from "@storyshelf/runner-playwright";
+
+const capture = createPlaywrightCaptureRunner();
+```
+
+Supply it to `createShelfRouter({ capture, config: { scratchDir } })` — the router builds the orchestrator that loads the build, extracts the uploaded archive into `scratchDir`, discovers stories, calls `capture.render(...)`, and persists. `server` is the assembly point that hard-wires this renderer today (`storyshelf-server serve`, passing `--data-dir` as `scratchDir`). A future alternative (e.g. a remote runner offloading capture to a worker fleet) implements the same pure `CaptureRunner` interface from `@storyshelf/core/adapters/capture-runner` as its own package and is swapped in at the `serve` assembly site — the router, orchestrator, and pipeline never change.
+
+## How it fits
+
+Core's capture logic is browser-agnostic: the **orchestrator** (`@storyshelf/core/capture`) owns loading, extraction, discovery, and persistence, and delegates only the actual screenshotting to this package's `render(input) => RenderResult`. This package supplies the pure renderer and the ephemeral Storybook static server it needs. It is the only place that depends on `playwright`.
+
+See `docs/architecture.md` for the capture workflow and `docs/testing.md` for the gated browser integration suite.

package/dist/capture-runner.d.mts

@@ -0,0 +1,9 @@
+import __tsdown_shims_path from 'node:path';
+import __tsdown_shims_url from 'node:url';
+import { CaptureRunner } from "@storyshelf/core";
+import "pino";
+//#region src/capture-runner.d.ts
+declare function createPlaywrightCaptureRunner(): CaptureRunner;
+//#endregion
+export { createPlaywrightCaptureRunner };
+//# sourceMappingURL=capture-runner.d.mts.map

package/dist/capture-runner.mjs

@@ -0,0 +1,116 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+import { createStaticServer } from "./static-server.mjs";
+import { chromium } from "playwright";
+import { StorybookAdapter } from "@storyshelf/core";
+//#region src/capture-runner.ts
+const activeRuns = /* @__PURE__ */ new Map();
+function createPlaywrightCaptureRunner() {
+	return {
+		metadata: {
+			name: "Playwright",
+			version: "0.1.0",
+			description: "Playwright capture runner",
+			kind: "playwright"
+		},
+		async render(input) {
+			const active = {
+				cancelled: false,
+				browser: null
+			};
+			activeRuns.set(input.buildId, active);
+			try {
+				return await renderAll(input, active);
+			} finally {
+				activeRuns.delete(input.buildId);
+			}
+		},
+		async cancel(buildId) {
+			const active = activeRuns.get(buildId);
+			if (!active) return;
+			active.cancelled = true;
+			await closeBrowser(active.browser);
+		}
+	};
+}
+async function closeBrowser(browser) {
+	if (!browser) return;
+	try {
+		await browser.close();
+	} catch {}
+}
+async function renderAll(input, active) {
+	const server = await createStaticServer(input.storybookDir);
+	const browser = await chromium.launch();
+	active.browser = browser;
+	const ctx = {
+		browser,
+		adapter: new StorybookAdapter(),
+		baseUrl: server.url
+	};
+	const captures = [];
+	const failures = [];
+	try {
+		const tasks = input.viewports.flatMap((viewport) => input.stories.map(async (story) => {
+			if (active.cancelled) throw new Error("Capture cancelled");
+			try {
+				const screenshot = await captureScreenshot(ctx, story, viewport);
+				captures.push({
+					story,
+					viewportName: viewport.name,
+					screenshot
+				});
+			} catch (error) {
+				failures.push({
+					storyId: story.id,
+					viewportName: viewport.name,
+					error: messageOf(error)
+				});
+				input.logger?.error({
+					storyId: story.id,
+					viewport: viewport.name,
+					err: error
+				}, "render failed for story");
+			}
+		}));
+		await Promise.all(tasks);
+		return {
+			captures,
+			failures
+		};
+	} finally {
+		active.browser = null;
+		await Promise.all([safeCloseBrowser(browser), safeCloseServer(server)]);
+	}
+}
+function messageOf(error) {
+	return error instanceof Error ? error.message : String(error);
+}
+async function safeCloseBrowser(browser) {
+	try {
+		await browser.close();
+	} catch {}
+}
+async function safeCloseServer(server) {
+	try {
+		await server.close();
+	} catch {}
+}
+async function captureScreenshot(ctx, story, viewport) {
+	const page = await ctx.browser.newPage({ viewport: {
+		width: viewport.width,
+		height: viewport.height
+	} });
+	try {
+		await page.goto(ctx.adapter.buildUrl(ctx.baseUrl, story.id), { waitUntil: "networkidle" });
+		if (ctx.adapter.screenshotSelector) await page.waitForSelector(ctx.adapter.screenshotSelector);
+		return await page.screenshot();
+	} finally {
+		await page.close();
+	}
+}
+//#endregion
+export { createPlaywrightCaptureRunner };
+
+//# sourceMappingURL=capture-runner.mjs.map

package/dist/capture-runner.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"capture-runner.mjs","names":[],"sources":["../src/capture-runner.ts"],"sourcesContent":["import { chromium, type Browser } from \"playwright\";\nimport type { Logger } from \"pino\";\n\nimport {\n  StorybookAdapter,\n  type CaptureRunner,\n  type RenderResult,\n  type RenderedSnapshot,\n  type StoryEntry,\n  type StorySourceAdapter,\n  type Viewport,\n} from \"@storyshelf/core\";\n\ndeclare const __PKG_VERSION__: string;\n\nimport { createStaticServer } from \"./static-server.ts\";\n\ninterface ScreenshotContext {\n  browser: Browser;\n  adapter: StorySourceAdapter;\n  baseUrl: string;\n}\n\n/** A render that may currently be in flight, so that `cancel` can abort it. */\ninterface ActiveRun {\n  cancelled: boolean;\n  browser: Browser | null;\n}\n\nconst activeRuns = new Map<string, ActiveRun>();\n\nexport interface PlaywrightRenderInput {\n  buildId: string;\n  storybookDir: string;\n  stories: StoryEntry[];\n  viewports: Viewport[];\n  logger?: Logger;\n}\n\nexport function createPlaywrightCaptureRunner(): CaptureRunner {\n  return {\n    metadata: {\n      name: \"Playwright\",\n      version: typeof __PKG_VERSION__ === \"undefined\" ? \"0.0.0\" : __PKG_VERSION__, // oxlint-disable-line unicorn/no-typeof-undefined\n      description: \"Playwright capture runner\",\n      kind: \"playwright\",\n    },\n    async render(input: PlaywrightRenderInput) {\n      const active: ActiveRun = { cancelled: false, browser: null };\n      activeRuns.set(input.buildId, active);\n      try {\n        return await renderAll(input, active);\n      } finally {\n        activeRuns.delete(input.buildId);\n      }\n    },\n    async cancel(buildId) {\n      const active = activeRuns.get(buildId);\n      if (!active) {\n        return;\n      }\n      active.cancelled = true;\n      await closeBrowser(active.browser);\n    },\n  };\n}\n\nasync function closeBrowser(browser: Browser | null): Promise<void> {\n  if (!browser) {\n    return;\n  }\n  try {\n    await browser.close();\n  } catch {\n    // The run's own `finally` performs final cleanup; cancel must never throw.\n  }\n}\n\nasync function renderAll(input: PlaywrightRenderInput, active: ActiveRun): Promise<RenderResult> {\n  const server = await createStaticServer(input.storybookDir);\n  const browser = await chromium.launch();\n  active.browser = browser;\n  const adapter = new StorybookAdapter();\n  const ctx: ScreenshotContext = { browser, adapter, baseUrl: server.url };\n  const captures: RenderedSnapshot[] = [];\n  const failures: RenderResult[\"failures\"] = [];\n  try {\n    const tasks = input.viewports.flatMap((viewport) =>\n      input.stories.map(async (story) => {\n        if (active.cancelled) {\n          throw new Error(\"Capture cancelled\");\n        }\n        try {\n          const screenshot = await captureScreenshot(ctx, story, viewport);\n          captures.push({ story, viewportName: viewport.name, screenshot });\n        } catch (error) {\n          failures.push({ storyId: story.id, viewportName: viewport.name, error: messageOf(error) });\n          input.logger?.error({ storyId: story.id, viewport: viewport.name, err: error }, \"render failed for story\");\n        }\n      }),\n    );\n    await Promise.all(tasks);\n    return { captures, failures };\n  } finally {\n    active.browser = null;\n    await Promise.all([safeCloseBrowser(browser), safeCloseServer(server)]);\n  }\n}\n\nfunction messageOf(error: unknown): string {\n  return error instanceof Error ? error.message : String(error);\n}\n\nasync function safeCloseBrowser(browser: Browser): Promise<void> {\n  try {\n    await browser.close();\n  } catch {\n    // Already closed by `cancel`; the run must complete without throwing.\n  }\n}\n\nasync function safeCloseServer(server: { close(): Promise<void> }): Promise<void> {\n  try {\n    await server.close();\n  } catch {\n    // Best-effort; teardown must never mask a render result.\n  }\n}\n\nasync function captureScreenshot(ctx: ScreenshotContext, story: StoryEntry, viewport: Viewport): Promise<Buffer> {\n  const page = await ctx.browser.newPage({ viewport: { width: viewport.width, height: viewport.height } });\n  try {\n    await page.goto(ctx.adapter.buildUrl(ctx.baseUrl, story.id), { waitUntil: \"networkidle\" });\n    if (ctx.adapter.screenshotSelector) {\n      await page.waitForSelector(ctx.adapter.screenshotSelector);\n    }\n    return await page.screenshot();\n  } finally {\n    await page.close();\n  }\n}\n"],"mappings":";;;;;;;AA6BA,MAAM,6BAAa,IAAI,IAAuB;AAU9C,SAAgB,gCAA+C;CAC7D,OAAO;EACL,UAAU;GACR,MAAM;GACN,SAAA;GACA,aAAa;GACb,MAAM;EACR;EACA,MAAM,OAAO,OAA8B;GACzC,MAAM,SAAoB;IAAE,WAAW;IAAO,SAAS;GAAK;GAC5D,WAAW,IAAI,MAAM,SAAS,MAAM;GACpC,IAAI;IACF,OAAO,MAAM,UAAU,OAAO,MAAM;GACtC,UAAU;IACR,WAAW,OAAO,MAAM,OAAO;GACjC;EACF;EACA,MAAM,OAAO,SAAS;GACpB,MAAM,SAAS,WAAW,IAAI,OAAO;GACrC,IAAI,CAAC,QACH;GAEF,OAAO,YAAY;GACnB,MAAM,aAAa,OAAO,OAAO;EACnC;CACF;AACF;AAEA,eAAe,aAAa,SAAwC;CAClE,IAAI,CAAC,SACH;CAEF,IAAI;EACF,MAAM,QAAQ,MAAM;CACtB,QAAQ,CAER;AACF;AAEA,eAAe,UAAU,OAA8B,QAA0C;CAC/F,MAAM,SAAS,MAAM,mBAAmB,MAAM,YAAY;CAC1D,MAAM,UAAU,MAAM,SAAS,OAAO;CACtC,OAAO,UAAU;CAEjB,MAAM,MAAyB;EAAE;EAAS,SAAA,IADtB,iBAC4B;EAAG,SAAS,OAAO;CAAI;CACvE,MAAM,WAA+B,CAAC;CACtC,MAAM,WAAqC,CAAC;CAC5C,IAAI;EACF,MAAM,QAAQ,MAAM,UAAU,SAAS,aACrC,MAAM,QAAQ,IAAI,OAAO,UAAU;GACjC,IAAI,OAAO,WACT,MAAM,IAAI,MAAM,mBAAmB;GAErC,IAAI;IACF,MAAM,aAAa,MAAM,kBAAkB,KAAK,OAAO,QAAQ;IAC/D,SAAS,KAAK;KAAE;KAAO,cAAc,SAAS;KAAM;IAAW,CAAC;GAClE,SAAS,OAAO;IACd,SAAS,KAAK;KAAE,SAAS,MAAM;KAAI,cAAc,SAAS;KAAM,OAAO,UAAU,KAAK;IAAE,CAAC;IACzF,MAAM,QAAQ,MAAM;KAAE,SAAS,MAAM;KAAI,UAAU,SAAS;KAAM,KAAK;IAAM,GAAG,yBAAyB;GAC3G;EACF,CAAC,CACH;EACA,MAAM,QAAQ,IAAI,KAAK;EACvB,OAAO;GAAE;GAAU;EAAS;CAC9B,UAAU;EACR,OAAO,UAAU;EACjB,MAAM,QAAQ,IAAI,CAAC,iBAAiB,OAAO,GAAG,gBAAgB,MAAM,CAAC,CAAC;CACxE;AACF;AAEA,SAAS,UAAU,OAAwB;CACzC,OAAO,iBAAiB,QAAQ,MAAM,UAAU,OAAO,KAAK;AAC9D;AAEA,eAAe,iBAAiB,SAAiC;CAC/D,IAAI;EACF,MAAM,QAAQ,MAAM;CACtB,QAAQ,CAER;AACF;AAEA,eAAe,gBAAgB,QAAmD;CAChF,IAAI;EACF,MAAM,OAAO,MAAM;CACrB,QAAQ,CAER;AACF;AAEA,eAAe,kBAAkB,KAAwB,OAAmB,UAAqC;CAC/G,MAAM,OAAO,MAAM,IAAI,QAAQ,QAAQ,EAAE,UAAU;EAAE,OAAO,SAAS;EAAO,QAAQ,SAAS;CAAO,EAAE,CAAC;CACvG,IAAI;EACF,MAAM,KAAK,KAAK,IAAI,QAAQ,SAAS,IAAI,SAAS,MAAM,EAAE,GAAG,EAAE,WAAW,cAAc,CAAC;EACzF,IAAI,IAAI,QAAQ,oBACd,MAAM,KAAK,gBAAgB,IAAI,QAAQ,kBAAkB;EAE3D,OAAO,MAAM,KAAK,WAAW;CAC/B,UAAU;EACR,MAAM,KAAK,MAAM;CACnB;AACF"}

package/dist/index.d.mts

@@ -0,0 +1,4 @@
+import __tsdown_shims_path from 'node:path';
+import __tsdown_shims_url from 'node:url';
+import { createPlaywrightCaptureRunner } from "./capture-runner.mjs";
+export { createPlaywrightCaptureRunner };

package/dist/index.mjs

@@ -0,0 +1,5 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+import { createPlaywrightCaptureRunner } from "./capture-runner.mjs";
+export { createPlaywrightCaptureRunner };

package/dist/static-server.mjs

@@ -0,0 +1,83 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+import { createReadStream } from "node:fs";
+import { stat } from "node:fs/promises";
+import { createServer } from "node:http";
+import { extname, join, normalize, sep } from "node:path";
+//#region src/static-server.ts
+const MIME_TYPES = {
+	".css": "text/css; charset=utf-8",
+	".html": "text/html; charset=utf-8",
+	".ico": "image/x-icon",
+	".jpeg": "image/jpeg",
+	".jpg": "image/jpeg",
+	".js": "text/javascript; charset=utf-8",
+	".json": "application/json; charset=utf-8",
+	".map": "application/json; charset=utf-8",
+	".mjs": "text/javascript; charset=utf-8",
+	".png": "image/png",
+	".svg": "image/svg+xml"
+};
+function mimeFor(file) {
+	return MIME_TYPES[extname(file).toLowerCase()] ?? "application/octet-stream";
+}
+function sendNotFound(res) {
+	res.writeHead(404, { "content-type": "text/plain" });
+	res.end("Not found");
+}
+async function resolveFile(root, urlPath) {
+	const clean = (urlPath.split("?")[0] ?? "/").replace(/^\/+/u, "");
+	const target = normalize(join(root, clean === "" ? "index.html" : clean));
+	if (target !== root && !target.startsWith(root + sep)) return null;
+	const info = await stat(target).catch(() => null);
+	if (!info) return null;
+	if (info.isDirectory()) return resolveFile(root, `${clean}/index.html`);
+	return info.isFile() ? target : null;
+}
+async function handleRequest(root, url, res) {
+	const file = await resolveFile(root, url);
+	if (!file) {
+		sendNotFound(res);
+		return;
+	}
+	res.writeHead(200, { "content-type": mimeFor(file) });
+	createReadStream(file).pipe(res);
+}
+async function listen(server) {
+	return await new Promise((resolve, reject) => {
+		server.once("error", reject);
+		server.listen(0, "127.0.0.1", () => {
+			const address = server.address();
+			resolve(typeof address === "object" && address !== null ? address.port : 0);
+		});
+	});
+}
+async function closeServer(server) {
+	await new Promise((resolve, reject) => {
+		server.close((error) => {
+			if (error) reject(error);
+			else resolve();
+		});
+	});
+}
+async function createStaticServer(rootDir) {
+	const root = normalize(rootDir);
+	const info = await stat(root).catch(() => null);
+	if (!info || !info.isDirectory()) throw new Error(`Storybook directory not found: ${rootDir}. Upload the built Storybook before capturing.`);
+	const server = createServer((req, res) => {
+		handleRequest(root, req.url ?? "/", res).catch(() => {
+			sendNotFound(res);
+		});
+	});
+	return {
+		url: `http://127.0.0.1:${await listen(server)}`,
+		close: async () => {
+			await closeServer(server);
+		}
+	};
+}
+//#endregion
+export { createStaticServer };
+
+//# sourceMappingURL=static-server.mjs.map

package/dist/static-server.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"static-server.mjs","names":[],"sources":["../src/static-server.ts"],"sourcesContent":["import { createReadStream } from \"node:fs\";\nimport { stat } from \"node:fs/promises\";\nimport { createServer, type Server, type ServerResponse } from \"node:http\";\nimport { extname, join, normalize, sep } from \"node:path\";\n\nexport interface StaticServer {\n  url: string;\n  close(): Promise<void>;\n}\n\nconst MIME_TYPES: Record<string, string> = {\n  \".css\": \"text/css; charset=utf-8\",\n  \".html\": \"text/html; charset=utf-8\",\n  \".ico\": \"image/x-icon\",\n  \".jpeg\": \"image/jpeg\",\n  \".jpg\": \"image/jpeg\",\n  \".js\": \"text/javascript; charset=utf-8\",\n  \".json\": \"application/json; charset=utf-8\",\n  \".map\": \"application/json; charset=utf-8\",\n  \".mjs\": \"text/javascript; charset=utf-8\",\n  \".png\": \"image/png\",\n  \".svg\": \"image/svg+xml\",\n};\n\nfunction mimeFor(file: string): string {\n  return MIME_TYPES[extname(file).toLowerCase()] ?? \"application/octet-stream\";\n}\n\nfunction sendNotFound(res: ServerResponse): void {\n  res.writeHead(404, { \"content-type\": \"text/plain\" });\n  res.end(\"Not found\");\n}\n\nasync function resolveFile(root: string, urlPath: string): Promise<string | null> {\n  const clean = (urlPath.split(\"?\")[0] ?? \"/\").replace(/^\\/+/u, \"\");\n  const target = normalize(join(root, clean === \"\" ? \"index.html\" : clean));\n  if (target !== root && !target.startsWith(root + sep)) {\n    return null;\n  }\n  const info = await stat(target).catch(() => null);\n  if (!info) {\n    return null;\n  }\n  if (info.isDirectory()) {\n    return resolveFile(root, `${clean}/index.html`);\n  }\n  return info.isFile() ? target : null;\n}\n\nasync function handleRequest(root: string, url: string, res: ServerResponse): Promise<void> {\n  const file = await resolveFile(root, url);\n  if (!file) {\n    sendNotFound(res);\n    return;\n  }\n  res.writeHead(200, { \"content-type\": mimeFor(file) });\n  createReadStream(file).pipe(res);\n}\n\nasync function listen(server: Server): Promise<number> {\n  return await new Promise((resolve, reject) => {\n    server.once(\"error\", reject);\n    server.listen(0, \"127.0.0.1\", () => {\n      const address = server.address();\n      resolve(typeof address === \"object\" && address !== null ? address.port : 0);\n    });\n  });\n}\n\nasync function closeServer(server: Server): Promise<void> {\n  await new Promise<void>((resolve, reject) => {\n    server.close((error) => {\n      if (error) {\n        reject(error);\n      } else {\n        resolve();\n      }\n    });\n  });\n}\n\nexport async function createStaticServer(rootDir: string): Promise<StaticServer> {\n  const root = normalize(rootDir);\n  const info = await stat(root).catch(() => null);\n  if (!info || !info.isDirectory()) {\n    throw new Error(`Storybook directory not found: ${rootDir}. Upload the built Storybook before capturing.`);\n  }\n\n  const server = createServer((req, res) => {\n    handleRequest(root, req.url ?? \"/\", res).catch(() => {\n      sendNotFound(res);\n    });\n  });\n\n  const port = await listen(server);\n\n  return {\n    url: `http://127.0.0.1:${port}`,\n    close: async () => {\n      await closeServer(server);\n    },\n  };\n}\n"],"mappings":";;;;;;;;AAUA,MAAM,aAAqC;CACzC,QAAQ;CACR,SAAS;CACT,QAAQ;CACR,SAAS;CACT,QAAQ;CACR,OAAO;CACP,SAAS;CACT,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;AACV;AAEA,SAAS,QAAQ,MAAsB;CACrC,OAAO,WAAW,QAAQ,IAAI,CAAC,CAAC,YAAY,MAAM;AACpD;AAEA,SAAS,aAAa,KAA2B;CAC/C,IAAI,UAAU,KAAK,EAAE,gBAAgB,aAAa,CAAC;CACnD,IAAI,IAAI,WAAW;AACrB;AAEA,eAAe,YAAY,MAAc,SAAyC;CAChF,MAAM,SAAS,QAAQ,MAAM,GAAG,CAAC,CAAC,MAAM,IAAA,CAAK,QAAQ,SAAS,EAAE;CAChE,MAAM,SAAS,UAAU,KAAK,MAAM,UAAU,KAAK,eAAe,KAAK,CAAC;CACxE,IAAI,WAAW,QAAQ,CAAC,OAAO,WAAW,OAAO,GAAG,GAClD,OAAO;CAET,MAAM,OAAO,MAAM,KAAK,MAAM,CAAC,CAAC,YAAY,IAAI;CAChD,IAAI,CAAC,MACH,OAAO;CAET,IAAI,KAAK,YAAY,GACnB,OAAO,YAAY,MAAM,GAAG,MAAM,YAAY;CAEhD,OAAO,KAAK,OAAO,IAAI,SAAS;AAClC;AAEA,eAAe,cAAc,MAAc,KAAa,KAAoC;CAC1F,MAAM,OAAO,MAAM,YAAY,MAAM,GAAG;CACxC,IAAI,CAAC,MAAM;EACT,aAAa,GAAG;EAChB;CACF;CACA,IAAI,UAAU,KAAK,EAAE,gBAAgB,QAAQ,IAAI,EAAE,CAAC;CACpD,iBAAiB,IAAI,CAAC,CAAC,KAAK,GAAG;AACjC;AAEA,eAAe,OAAO,QAAiC;CACrD,OAAO,MAAM,IAAI,SAAS,SAAS,WAAW;EAC5C,OAAO,KAAK,SAAS,MAAM;EAC3B,OAAO,OAAO,GAAG,mBAAmB;GAClC,MAAM,UAAU,OAAO,QAAQ;GAC/B,QAAQ,OAAO,YAAY,YAAY,YAAY,OAAO,QAAQ,OAAO,CAAC;EAC5E,CAAC;CACH,CAAC;AACH;AAEA,eAAe,YAAY,QAA+B;CACxD,MAAM,IAAI,SAAe,SAAS,WAAW;EAC3C,OAAO,OAAO,UAAU;GACtB,IAAI,OACF,OAAO,KAAK;QAEZ,QAAQ;EAEZ,CAAC;CACH,CAAC;AACH;AAEA,eAAsB,mBAAmB,SAAwC;CAC/E,MAAM,OAAO,UAAU,OAAO;CAC9B,MAAM,OAAO,MAAM,KAAK,IAAI,CAAC,CAAC,YAAY,IAAI;CAC9C,IAAI,CAAC,QAAQ,CAAC,KAAK,YAAY,GAC7B,MAAM,IAAI,MAAM,kCAAkC,QAAQ,+CAA+C;CAG3G,MAAM,SAAS,cAAc,KAAK,QAAQ;EACxC,cAAc,MAAM,IAAI,OAAO,KAAK,GAAG,CAAC,CAAC,YAAY;GACnD,aAAa,GAAG;EAClB,CAAC;CACH,CAAC;CAID,OAAO;EACL,KAAK,oBAAoB,MAHR,OAAO,MAAM;EAI9B,OAAO,YAAY;GACjB,MAAM,YAAY,MAAM;EAC1B;CACF;AACF"}

package/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "@storyshelf/runner-playwright",
+  "version": "0.1.0",
+  "type": "module",
+  "description": "Pure Playwright CaptureRunner implementation for StoryShelf: renders Storybook screenshots in-process (no db/storage coupling).",
+  "author": {
+    "name": "Siddhant Gupta",
+    "url": "https://guptasiddhant.com"
+  },
+  "license": "MIT",
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/GuptaSiddhant/storyshelf.git",
+    "directory": "packages/runner-playwright"
+  },
+  "homepage": "https://github.com/GuptaSiddhant/storyshelf#readme",
+  "bugs": {
+    "url": "https://github.com/GuptaSiddhant/storyshelf/issues"
+  },
+  "publishConfig": {
+    "access": "public",
+    "exports": {
+      ".": "./dist/index.mjs",
+      "./package.json": "./package.json"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsdown",
+    "dev": "tsdown -w",
+    "fmt": "oxfmt -c ../../.oxfmtrc.json ./src",
+    "lint": "oxlint --type-aware --type-check ./src",
+    "test": "vitest run",
+    "test:integration": "RUN_INTEGRATION=1 vitest run integration.test.ts",
+    "prepublishOnly": "nub run build"
+  },
+  "dependencies": {
+    "@storyshelf/core": "workspace:*",
+    "adm-zip": "^0.6.0",
+    "pino": "^10.3.1",
+    "playwright": "^1.52.0"
+  },
+  "devDependencies": {
+    "@storyshelf/db-sqlite": "workspace:*",
+    "@storyshelf/storage-local": "workspace:*",
+    "@types/node": "catalog:",
+    "@vitest/coverage-v8": "catalog:",
+    "oxfmt": "catalog:",
+    "oxlint": "catalog:",
+    "oxlint-tsgolint": "catalog:",
+    "tsdown": "catalog:",
+    "typescript": "catalog:",
+    "vitest": "catalog:"
+  },
+  "types": "./dist/index.d.mts",
+  "exports": {
+    ".": {
+      "source": "./src/index.ts",
+      "default": "./dist/index.mjs"
+    },
+    "./package.json": "./package.json"
+  }
+}