@noego/wood 0.0.1

package/dist/stick/index.cjs

@@ -0,0 +1,276 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stick_exports = {};
+__export(stick_exports, {
+  BrowserLaunchError: () => BrowserLaunchError,
+  ImageRenderer: () => ImageRenderer,
+  PlaywrightNotInstalledError: () => PlaywrightNotInstalledError,
+  RenderError: () => RenderError,
+  RenderTimeoutError: () => RenderTimeoutError,
+  createImageRenderer: () => createImageRenderer
+});
+module.exports = __toCommonJS(stick_exports);
+var import_allow_cli = require("./allow_cli.cjs");
+var fs = __toESM(require("fs"), 1);
+var path = __toESM(require("path"), 1);
+var import_template_resolver = require("./template_resolver.cjs");
+class PlaywrightNotInstalledError extends Error {
+  constructor() {
+    super(
+      "ImageRenderer requires Playwright. Install it with:\n  npm install playwright\n  npx playwright install chromium"
+    );
+    this.name = "PlaywrightNotInstalledError";
+  }
+}
+class BrowserLaunchError extends Error {
+  constructor(message, cause) {
+    super(message);
+    this.cause = cause;
+    this.name = "BrowserLaunchError";
+  }
+}
+class RenderTimeoutError extends Error {
+  constructor(timeoutMs) {
+    super(`Render timed out after ${timeoutMs}ms`);
+    this.name = "RenderTimeoutError";
+  }
+}
+class RenderError extends Error {
+  constructor(message, cause) {
+    super(message);
+    this.cause = cause;
+    this.name = "RenderError";
+  }
+}
+async function loadPlaywright() {
+  try {
+    const playwright = await import("playwright");
+    return playwright;
+  } catch {
+    throw new PlaywrightNotInstalledError();
+  }
+}
+function getContentType(filePath) {
+  const ext = path.extname(filePath).toLowerCase();
+  const types = {
+    ".png": "image/png",
+    ".jpg": "image/jpeg",
+    ".jpeg": "image/jpeg",
+    ".gif": "image/gif",
+    ".svg": "image/svg+xml",
+    ".webp": "image/webp",
+    ".css": "text/css",
+    ".js": "application/javascript",
+    ".json": "application/json",
+    ".woff": "font/woff",
+    ".woff2": "font/woff2",
+    ".ttf": "font/ttf"
+  };
+  return types[ext] || "application/octet-stream";
+}
+class ImageRenderer {
+  constructor(browser, staticRenderer, config) {
+    this.browser = browser;
+    this.staticRenderer = staticRenderer;
+    this.config = {
+      outputDir: config.outputDir,
+      width: config.width ?? 1920,
+      height: config.height ?? 1080,
+      deviceScaleFactor: config.deviceScaleFactor ?? 1,
+      format: config.format ?? "png",
+      quality: config.quality ?? 80,
+      waitUntil: config.waitUntil ?? "networkidle",
+      timeoutMs: config.timeoutMs ?? 1e4,
+      template: config.template,
+      assets: config.assets
+    };
+  }
+  /**
+   * Capture a view by dot-path key and save to outputDir
+   */
+  async capture(name, viewKey, options) {
+    const { view, layout, wood } = options ?? {};
+    const html = await this.staticRenderer.renderToPage({
+      viewKey,
+      data: { view, layout },
+      wood,
+      template: this.config.template
+    });
+    return this.captureHtmlInternal(name, html, options);
+  }
+  /**
+   * Capture raw HTML and save to outputDir
+   */
+  async captureHtml(name, html, options) {
+    return this.captureHtmlInternal(name, html, options);
+  }
+  /**
+   * Internal method to capture HTML to image
+   */
+  async captureHtmlInternal(name, html, options) {
+    const width = options?.width ?? this.config.width;
+    const height = options?.height ?? this.config.height;
+    let context;
+    let page;
+    try {
+      context = await this.browser.newContext({
+        viewport: { width, height },
+        deviceScaleFactor: this.config.deviceScaleFactor
+      });
+      page = await context.newPage();
+      const FAKE_BASE_URL = "http://stick-renderer/";
+      await page.route(FAKE_BASE_URL, async (route) => {
+        await route.fulfill({
+          body: html,
+          contentType: "text/html"
+        });
+      });
+      if (this.config.assets) {
+        for (const [urlPath, fsPaths] of Object.entries(this.config.assets)) {
+          await page.route(`**${urlPath}/**`, async (route) => {
+            const url = new URL(route.request().url());
+            const relativePath = url.pathname.replace(urlPath, "");
+            for (const fsPath of fsPaths) {
+              const filePath = path.join(fsPath, relativePath);
+              try {
+                const body = await fs.promises.readFile(filePath);
+                const contentType = getContentType(filePath);
+                await route.fulfill({ body, contentType });
+                return;
+              } catch {
+              }
+            }
+            await route.abort("filenotfound");
+          });
+        }
+      }
+      const waitUntilMapping = {
+        "load": "load",
+        "domcontentloaded": "domcontentloaded",
+        "networkidle": "networkidle"
+      };
+      try {
+        await page.goto(FAKE_BASE_URL, {
+          waitUntil: waitUntilMapping[this.config.waitUntil],
+          timeout: this.config.timeoutMs
+        });
+      } catch (error) {
+        if (error instanceof Error && error.message.includes("timeout")) {
+          throw new RenderTimeoutError(this.config.timeoutMs);
+        }
+        throw new RenderError(
+          "Failed to render HTML content",
+          error instanceof Error ? error : void 0
+        );
+      }
+      if (options?.beforeCapture) {
+        await options.beforeCapture(page);
+      }
+      const screenshotOptions = {
+        type: this.config.format,
+        fullPage: options?.fullPage ?? true
+      };
+      if (this.config.format === "jpeg") {
+        screenshotOptions.quality = this.config.quality;
+      }
+      const screenshot = await page.screenshot(screenshotOptions);
+      const buffer = Buffer.from(screenshot);
+      const filename = `${name}@${width}x${height}.${this.config.format}`;
+      const outputPath = path.join(this.config.outputDir, filename);
+      await fs.promises.mkdir(this.config.outputDir, { recursive: true });
+      await fs.promises.writeFile(outputPath, buffer);
+      return { buffer, path: outputPath };
+    } finally {
+      if (page) {
+        await page.close().catch(() => {
+        });
+      }
+      if (context) {
+        await context.close().catch(() => {
+        });
+      }
+    }
+  }
+  /**
+   * Close browser and clean up resources
+   */
+  async close() {
+    if (this.browser) {
+      await this.browser.close().catch(() => {
+      });
+    }
+  }
+}
+async function createImageRenderer(config) {
+  const resolvedTemplate = (0, import_template_resolver.resolveImageRendererTemplate)({
+    template: config.template,
+    componentDir: config.componentDir
+  });
+  const resolvedConfig = {
+    ...config,
+    template: resolvedTemplate
+  };
+  const playwright = await loadPlaywright();
+  let browser;
+  try {
+    browser = await playwright.chromium.launch({
+      headless: true
+    });
+  } catch (error) {
+    throw new BrowserLaunchError(
+      "Failed to launch Chromium. Ensure it is installed with: npx playwright install chromium",
+      error instanceof Error ? error : void 0
+    );
+  }
+  let staticRenderer;
+  if (resolvedConfig.staticRenderer) {
+    staticRenderer = resolvedConfig.staticRenderer;
+  } else if (resolvedConfig.viewsConfig && resolvedConfig.componentDir) {
+    const { createWoodStaticRenderer } = await import("./static_renderer.cjs");
+    staticRenderer = createWoodStaticRenderer({
+      viewsConfig: resolvedConfig.viewsConfig,
+      componentDir: resolvedConfig.componentDir
+    });
+  } else {
+    throw new Error(
+      "ImageRendererConfig requires either staticRenderer or both viewsConfig and componentDir"
+    );
+  }
+  return new ImageRenderer(browser, staticRenderer, resolvedConfig);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BrowserLaunchError,
+  ImageRenderer,
+  PlaywrightNotInstalledError,
+  RenderError,
+  RenderTimeoutError,
+  createImageRenderer
+});
+//# sourceMappingURL=index.cjs.map

package/dist/stick/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/stick/index.ts"],"sourcesContent":["import './allow_cli.cjs';\n// Type-only import — erased at runtime, won't trigger module loading\nimport type { WoodStaticRenderer } from './static_renderer.cjs';\nimport * as fs from 'fs';\nimport * as path from 'path';\nimport { resolveImageRendererTemplate } from './template_resolver.cjs';\n\nexport type { WoodStaticRenderer };\nexport type {\n    WoodStaticRendererConfig,\n    WoodRenderOptions,\n    WoodRenderToPageOptions,\n    WoodRenderResult,\n} from './static_renderer';\n\n// ─────────────────────────────────────────────────────────────\n// Error Classes\n// ─────────────────────────────────────────────────────────────\n\nexport class PlaywrightNotInstalledError extends Error {\n    name = 'PlaywrightNotInstalledError' as const;\n    constructor() {\n        super(\n            'ImageRenderer requires Playwright. Install it with:\\n' +\n            '  npm install playwright\\n' +\n            '  npx playwright install chromium'\n        );\n    }\n}\n\nexport class BrowserLaunchError extends Error {\n    name = 'BrowserLaunchError' as const;\n    constructor(message: string, public cause?: Error) {\n        super(message);\n    }\n}\n\nexport class RenderTimeoutError extends Error {\n    name = 'RenderTimeoutError' as const;\n    constructor(timeoutMs: number) {\n        super(`Render timed out after ${timeoutMs}ms`);\n    }\n}\n\nexport class RenderError extends Error {\n    name = 'RenderError' as const;\n    constructor(message: string, public cause?: Error) {\n        super(message);\n    }\n}\n\n// ─────────────────────────────────────────────────────────────\n// Types\n// ─────────────────────────────────────────────────────────────\n\nexport interface ImageRendererConfig {\n    /** Output directory for screenshots */\n    outputDir: string;\n    /** Default width (default: 1920) */\n    width?: number;\n    /** Default height (default: 1080) */\n    height?: number;\n    /** Device scale factor for retina (default: 1) */\n    deviceScaleFactor?: number;\n    /** Image format (default: 'png') */\n    format?: 'png' | 'jpeg';\n    /** JPEG quality 0-100 (default: 80) */\n    quality?: number;\n    /** Wait condition (default: 'networkidle') */\n    waitUntil?: 'load' | 'domcontentloaded' | 'networkidle';\n    /** Timeout in ms (default: 10000) */\n    timeoutMs?: number;\n    /** Custom HTML template with {{{HEAD}}}, {{{CSS}}}, {{{APP}}} placeholders */\n    template?: string;\n\n    // Static renderer config (one of these)\n    /** Pre-created WoodStaticRenderer instance */\n    staticRenderer?: WoodStaticRenderer;\n    /** OR: Path to views.yaml */\n    viewsConfig?: string;\n    /**\n     * Component directory (required if viewsConfig provided).\n     * When template is omitted, stick auto-loads <componentDir>/index.html and\n     * inlines <componentDir>/styles.css when present.\n     */\n    componentDir?: string;\n    /** Asset path mappings (e.g., { '/images': ['public/images'] }) */\n    assets?: Record<string, string[]>;\n}\n\nexport interface CaptureOptions {\n    /** View component data */\n    view?: any;\n    /** Layout data (one object per layout) */\n    layout?: any[];\n    /** Wood bridge object passed as a prop to layouts and views */\n    wood?: any;\n    /** Override width */\n    width?: number;\n    /** Override height */\n    height?: number;\n    /** Capture full page (default: true) */\n    fullPage?: boolean;\n    /** Callback executed after page load, before screenshot. Receives the Playwright page object. */\n    beforeCapture?: (page: any) => Promise<void>;\n}\n\nexport interface CaptureHtmlOptions {\n    /** Override width */\n    width?: number;\n    /** Override height */\n    height?: number;\n    /** Capture full page (default: true) */\n    fullPage?: boolean;\n    /** Callback executed after page load, before screenshot. Receives the Playwright page object. */\n    beforeCapture?: (page: any) => Promise<void>;\n}\n\ninterface CaptureResult {\n    /** Raw image buffer */\n    buffer: Buffer;\n    /** Path where image was saved */\n    path: string;\n}\n\n// ─────────────────────────────────────────────────────────────\n// Playwright Loader\n// ─────────────────────────────────────────────────────────────\n\ntype PlaywrightModule = typeof import('playwright');\n\nasync function loadPlaywright(): Promise<PlaywrightModule> {\n    try {\n        const playwright = await import('playwright');\n        return playwright;\n    } catch {\n        throw new PlaywrightNotInstalledError();\n    }\n}\n\n// ─────────────────────────────────────────────────────────────\n// Content Type Helper\n// ─────────────────────────────────────────────────────────────\n\nfunction getContentType(filePath: string): string {\n    const ext = path.extname(filePath).toLowerCase();\n    const types: Record<string, string> = {\n        '.png': 'image/png',\n        '.jpg': 'image/jpeg',\n        '.jpeg': 'image/jpeg',\n        '.gif': 'image/gif',\n        '.svg': 'image/svg+xml',\n        '.webp': 'image/webp',\n        '.css': 'text/css',\n        '.js': 'application/javascript',\n        '.json': 'application/json',\n        '.woff': 'font/woff',\n        '.woff2': 'font/woff2',\n        '.ttf': 'font/ttf',\n    };\n    return types[ext] || 'application/octet-stream';\n}\n\n// ─────────────────────────────────────────────────────────────\n// ImageRenderer Class\n// ─────────────────────────────────────────────────────────────\n\nexport class ImageRenderer {\n    private browser: any;\n    private staticRenderer: WoodStaticRenderer;\n    private config: Required<Omit<ImageRendererConfig, 'staticRenderer' | 'viewsConfig' | 'componentDir' | 'template' | 'assets'>> & {\n        outputDir: string;\n        template?: string;\n        assets?: Record<string, string[]>;\n    };\n\n    constructor(\n        browser: any,\n        staticRenderer: WoodStaticRenderer,\n        config: ImageRendererConfig\n    ) {\n        this.browser = browser;\n        this.staticRenderer = staticRenderer;\n        this.config = {\n            outputDir: config.outputDir,\n            width: config.width ?? 1920,\n            height: config.height ?? 1080,\n            deviceScaleFactor: config.deviceScaleFactor ?? 1,\n            format: config.format ?? 'png',\n            quality: config.quality ?? 80,\n            waitUntil: config.waitUntil ?? 'networkidle',\n            timeoutMs: config.timeoutMs ?? 10000,\n            template: config.template,\n            assets: config.assets,\n        };\n    }\n\n    /**\n     * Capture a view by dot-path key and save to outputDir\n     */\n    async capture(\n        name: string,\n        viewKey: string,\n        options?: CaptureOptions\n    ): Promise<CaptureResult> {\n        const { view, layout, wood } = options ?? {};\n        const html = await this.staticRenderer.renderToPage({\n            viewKey,\n            data: { view, layout },\n            wood,\n            template: this.config.template,\n        });\n\n        return this.captureHtmlInternal(name, html, options);\n    }\n\n    /**\n     * Capture raw HTML and save to outputDir\n     */\n    async captureHtml(\n        name: string,\n        html: string,\n        options?: CaptureHtmlOptions\n    ): Promise<CaptureResult> {\n        return this.captureHtmlInternal(name, html, options);\n    }\n\n    /**\n     * Internal method to capture HTML to image\n     */\n    private async captureHtmlInternal(\n        name: string,\n        html: string,\n        options?: CaptureHtmlOptions\n    ): Promise<CaptureResult> {\n        const width = options?.width ?? this.config.width;\n        const height = options?.height ?? this.config.height;\n\n        let context: any;\n        let page: any;\n\n        try {\n            context = await this.browser.newContext({\n                viewport: { width, height },\n                deviceScaleFactor: this.config.deviceScaleFactor,\n            });\n\n            page = await context.newPage();\n\n            // Route Interception Strategy:\n            // We use page.goto() with a fake URL instead of page.setContent() because\n            // setContent() has no base URL, so relative paths can't resolve.\n            const FAKE_BASE_URL = 'http://stick-renderer/';\n\n            await page.route(FAKE_BASE_URL, async (route: any) => {\n                await route.fulfill({\n                    body: html,\n                    contentType: 'text/html',\n                });\n            });\n\n            // Asset route interception\n            if (this.config.assets) {\n                for (const [urlPath, fsPaths] of Object.entries(this.config.assets)) {\n                    await page.route(`**${urlPath}/**`, async (route: any) => {\n                        const url = new URL(route.request().url());\n                        const relativePath = url.pathname.replace(urlPath, '');\n\n                        for (const fsPath of fsPaths) {\n                            const filePath = path.join(fsPath, relativePath);\n                            try {\n                                const body = await fs.promises.readFile(filePath);\n                                const contentType = getContentType(filePath);\n                                await route.fulfill({ body, contentType });\n                                return;\n                            } catch {\n                                // File not found in this path, try the next one\n                            }\n                        }\n\n                        await route.abort('filenotfound');\n                    });\n                }\n            }\n\n            const waitUntilMapping = {\n                'load': 'load',\n                'domcontentloaded': 'domcontentloaded',\n                'networkidle': 'networkidle',\n            } as const;\n\n            try {\n                await page.goto(FAKE_BASE_URL, {\n                    waitUntil: waitUntilMapping[this.config.waitUntil],\n                    timeout: this.config.timeoutMs,\n                });\n            } catch (error) {\n                if (error instanceof Error && error.message.includes('timeout')) {\n                    throw new RenderTimeoutError(this.config.timeoutMs);\n                }\n                throw new RenderError(\n                    'Failed to render HTML content',\n                    error instanceof Error ? error : undefined\n                );\n            }\n\n            if (options?.beforeCapture) {\n                await options.beforeCapture(page);\n            }\n\n            const screenshotOptions: {\n                type: 'png' | 'jpeg';\n                quality?: number;\n                fullPage: boolean;\n            } = {\n                type: this.config.format,\n                fullPage: options?.fullPage ?? true,\n            };\n\n            if (this.config.format === 'jpeg') {\n                screenshotOptions.quality = this.config.quality;\n            }\n\n            const screenshot = await page.screenshot(screenshotOptions);\n            const buffer = Buffer.from(screenshot);\n\n            const filename = `${name}@${width}x${height}.${this.config.format}`;\n            const outputPath = path.join(this.config.outputDir, filename);\n\n            await fs.promises.mkdir(this.config.outputDir, { recursive: true });\n            await fs.promises.writeFile(outputPath, buffer);\n\n            return { buffer, path: outputPath };\n\n        } finally {\n            if (page) {\n                await page.close().catch(() => {});\n            }\n            if (context) {\n                await context.close().catch(() => {});\n            }\n        }\n    }\n\n    /**\n     * Close browser and clean up resources\n     */\n    async close(): Promise<void> {\n        if (this.browser) {\n            await this.browser.close().catch(() => {});\n        }\n    }\n}\n\n// ─────────────────────────────────────────────────────────────\n// Factory Function\n// ─────────────────────────────────────────────────────────────\n\nexport async function createImageRenderer(\n    config: ImageRendererConfig\n): Promise<ImageRenderer> {\n    const resolvedTemplate = resolveImageRendererTemplate({\n        template: config.template,\n        componentDir: config.componentDir,\n    });\n    const resolvedConfig: ImageRendererConfig = {\n        ...config,\n        template: resolvedTemplate,\n    };\n\n    const playwright = await loadPlaywright();\n\n    let browser: any;\n    try {\n        browser = await playwright.chromium.launch({\n            headless: true,\n        });\n    } catch (error) {\n        throw new BrowserLaunchError(\n            'Failed to launch Chromium. Ensure it is installed with: npx playwright install chromium',\n            error instanceof Error ? error : undefined\n        );\n    }\n\n    let staticRenderer: WoodStaticRenderer;\n    if (resolvedConfig.staticRenderer) {\n        staticRenderer = resolvedConfig.staticRenderer;\n    } else if (resolvedConfig.viewsConfig && resolvedConfig.componentDir) {\n        const { createWoodStaticRenderer } = await import('./static_renderer.cjs');\n        staticRenderer = createWoodStaticRenderer({\n            viewsConfig: resolvedConfig.viewsConfig,\n            componentDir: resolvedConfig.componentDir,\n        });\n    } else {\n        throw new Error(\n            'ImageRendererConfig requires either staticRenderer or both viewsConfig and componentDir'\n        );\n    }\n\n    return new ImageRenderer(browser, staticRenderer, resolvedConfig);\n}\n"],"mappings":"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","names":[]}

package/dist/stick/index.d.cts

@@ -0,0 +1,111 @@
+import { WoodStaticRenderer } from './static_renderer.cjs';
+export { WoodRenderOptions, WoodRenderResult, WoodRenderToPageOptions, WoodStaticRendererConfig } from './static_renderer.cjs';
+import '../types/views.cjs';
+
+declare class PlaywrightNotInstalledError extends Error {
+    name: "PlaywrightNotInstalledError";
+    constructor();
+}
+declare class BrowserLaunchError extends Error {
+    cause?: Error | undefined;
+    name: "BrowserLaunchError";
+    constructor(message: string, cause?: Error | undefined);
+}
+declare class RenderTimeoutError extends Error {
+    name: "RenderTimeoutError";
+    constructor(timeoutMs: number);
+}
+declare class RenderError extends Error {
+    cause?: Error | undefined;
+    name: "RenderError";
+    constructor(message: string, cause?: Error | undefined);
+}
+interface ImageRendererConfig {
+    /** Output directory for screenshots */
+    outputDir: string;
+    /** Default width (default: 1920) */
+    width?: number;
+    /** Default height (default: 1080) */
+    height?: number;
+    /** Device scale factor for retina (default: 1) */
+    deviceScaleFactor?: number;
+    /** Image format (default: 'png') */
+    format?: 'png' | 'jpeg';
+    /** JPEG quality 0-100 (default: 80) */
+    quality?: number;
+    /** Wait condition (default: 'networkidle') */
+    waitUntil?: 'load' | 'domcontentloaded' | 'networkidle';
+    /** Timeout in ms (default: 10000) */
+    timeoutMs?: number;
+    /** Custom HTML template with {{{HEAD}}}, {{{CSS}}}, {{{APP}}} placeholders */
+    template?: string;
+    /** Pre-created WoodStaticRenderer instance */
+    staticRenderer?: WoodStaticRenderer;
+    /** OR: Path to views.yaml */
+    viewsConfig?: string;
+    /**
+     * Component directory (required if viewsConfig provided).
+     * When template is omitted, stick auto-loads <componentDir>/index.html and
+     * inlines <componentDir>/styles.css when present.
+     */
+    componentDir?: string;
+    /** Asset path mappings (e.g., { '/images': ['public/images'] }) */
+    assets?: Record<string, string[]>;
+}
+interface CaptureOptions {
+    /** View component data */
+    view?: any;
+    /** Layout data (one object per layout) */
+    layout?: any[];
+    /** Wood bridge object passed as a prop to layouts and views */
+    wood?: any;
+    /** Override width */
+    width?: number;
+    /** Override height */
+    height?: number;
+    /** Capture full page (default: true) */
+    fullPage?: boolean;
+    /** Callback executed after page load, before screenshot. Receives the Playwright page object. */
+    beforeCapture?: (page: any) => Promise<void>;
+}
+interface CaptureHtmlOptions {
+    /** Override width */
+    width?: number;
+    /** Override height */
+    height?: number;
+    /** Capture full page (default: true) */
+    fullPage?: boolean;
+    /** Callback executed after page load, before screenshot. Receives the Playwright page object. */
+    beforeCapture?: (page: any) => Promise<void>;
+}
+interface CaptureResult {
+    /** Raw image buffer */
+    buffer: Buffer;
+    /** Path where image was saved */
+    path: string;
+}
+declare class ImageRenderer {
+    private browser;
+    private staticRenderer;
+    private config;
+    constructor(browser: any, staticRenderer: WoodStaticRenderer, config: ImageRendererConfig);
+    /**
+     * Capture a view by dot-path key and save to outputDir
+     */
+    capture(name: string, viewKey: string, options?: CaptureOptions): Promise<CaptureResult>;
+    /**
+     * Capture raw HTML and save to outputDir
+     */
+    captureHtml(name: string, html: string, options?: CaptureHtmlOptions): Promise<CaptureResult>;
+    /**
+     * Internal method to capture HTML to image
+     */
+    private captureHtmlInternal;
+    /**
+     * Close browser and clean up resources
+     */
+    close(): Promise<void>;
+}
+declare function createImageRenderer(config: ImageRendererConfig): Promise<ImageRenderer>;
+
+export { BrowserLaunchError, type CaptureHtmlOptions, type CaptureOptions, ImageRenderer, type ImageRendererConfig, PlaywrightNotInstalledError, RenderError, RenderTimeoutError, WoodStaticRenderer, createImageRenderer };

package/dist/stick/index.d.ts

@@ -0,0 +1,111 @@
+import { WoodStaticRenderer } from './static_renderer.js';
+export { WoodRenderOptions, WoodRenderResult, WoodRenderToPageOptions, WoodStaticRendererConfig } from './static_renderer.js';
+import '../types/views.js';
+
+declare class PlaywrightNotInstalledError extends Error {
+    name: "PlaywrightNotInstalledError";
+    constructor();
+}
+declare class BrowserLaunchError extends Error {
+    cause?: Error | undefined;
+    name: "BrowserLaunchError";
+    constructor(message: string, cause?: Error | undefined);
+}
+declare class RenderTimeoutError extends Error {
+    name: "RenderTimeoutError";
+    constructor(timeoutMs: number);
+}
+declare class RenderError extends Error {
+    cause?: Error | undefined;
+    name: "RenderError";
+    constructor(message: string, cause?: Error | undefined);
+}
+interface ImageRendererConfig {
+    /** Output directory for screenshots */
+    outputDir: string;
+    /** Default width (default: 1920) */
+    width?: number;
+    /** Default height (default: 1080) */
+    height?: number;
+    /** Device scale factor for retina (default: 1) */
+    deviceScaleFactor?: number;
+    /** Image format (default: 'png') */
+    format?: 'png' | 'jpeg';
+    /** JPEG quality 0-100 (default: 80) */
+    quality?: number;
+    /** Wait condition (default: 'networkidle') */
+    waitUntil?: 'load' | 'domcontentloaded' | 'networkidle';
+    /** Timeout in ms (default: 10000) */
+    timeoutMs?: number;
+    /** Custom HTML template with {{{HEAD}}}, {{{CSS}}}, {{{APP}}} placeholders */
+    template?: string;
+    /** Pre-created WoodStaticRenderer instance */
+    staticRenderer?: WoodStaticRenderer;
+    /** OR: Path to views.yaml */
+    viewsConfig?: string;
+    /**
+     * Component directory (required if viewsConfig provided).
+     * When template is omitted, stick auto-loads <componentDir>/index.html and
+     * inlines <componentDir>/styles.css when present.
+     */
+    componentDir?: string;
+    /** Asset path mappings (e.g., { '/images': ['public/images'] }) */
+    assets?: Record<string, string[]>;
+}
+interface CaptureOptions {
+    /** View component data */
+    view?: any;
+    /** Layout data (one object per layout) */
+    layout?: any[];
+    /** Wood bridge object passed as a prop to layouts and views */
+    wood?: any;
+    /** Override width */
+    width?: number;
+    /** Override height */
+    height?: number;
+    /** Capture full page (default: true) */
+    fullPage?: boolean;
+    /** Callback executed after page load, before screenshot. Receives the Playwright page object. */
+    beforeCapture?: (page: any) => Promise<void>;
+}
+interface CaptureHtmlOptions {
+    /** Override width */
+    width?: number;
+    /** Override height */
+    height?: number;
+    /** Capture full page (default: true) */
+    fullPage?: boolean;
+    /** Callback executed after page load, before screenshot. Receives the Playwright page object. */
+    beforeCapture?: (page: any) => Promise<void>;
+}
+interface CaptureResult {
+    /** Raw image buffer */
+    buffer: Buffer;
+    /** Path where image was saved */
+    path: string;
+}
+declare class ImageRenderer {
+    private browser;
+    private staticRenderer;
+    private config;
+    constructor(browser: any, staticRenderer: WoodStaticRenderer, config: ImageRendererConfig);
+    /**
+     * Capture a view by dot-path key and save to outputDir
+     */
+    capture(name: string, viewKey: string, options?: CaptureOptions): Promise<CaptureResult>;
+    /**
+     * Capture raw HTML and save to outputDir
+     */
+    captureHtml(name: string, html: string, options?: CaptureHtmlOptions): Promise<CaptureResult>;
+    /**
+     * Internal method to capture HTML to image
+     */
+    private captureHtmlInternal;
+    /**
+     * Close browser and clean up resources
+     */
+    close(): Promise<void>;
+}
+declare function createImageRenderer(config: ImageRendererConfig): Promise<ImageRenderer>;
+
+export { BrowserLaunchError, type CaptureHtmlOptions, type CaptureOptions, ImageRenderer, type ImageRendererConfig, PlaywrightNotInstalledError, RenderError, RenderTimeoutError, WoodStaticRenderer, createImageRenderer };