deio-scroll 1.0.0

package/dist/contracts.d.ts

@@ -0,0 +1,157 @@
+import { z } from "zod";
+import type { RecordRequest, StyleRequest } from "./types.js";
+export declare const recordRequestSchema: z.ZodObject<{
+    targetUrl: z.ZodString;
+    exportFormat: z.ZodOptional<z.ZodLiteral<"mp4">>;
+    videoConfig: z.ZodObject<{
+        framerate: z.ZodOptional<z.ZodNumber>;
+        qualityPreset: z.ZodOptional<z.ZodEnum<{
+            high: "high";
+            medium: "medium";
+            low: "low";
+        }>>;
+        viewport: z.ZodObject<{
+            width: z.ZodNumber;
+            height: z.ZodNumber;
+            deviceScaleFactor: z.ZodOptional<z.ZodNumber>;
+        }, z.core.$strip>;
+    }, z.core.$strip>;
+    animationConfig: z.ZodOptional<z.ZodObject<{
+        pixelsPerFrame: z.ZodOptional<z.ZodNumber>;
+        preRecordingDelayMs: z.ZodOptional<z.ZodNumber>;
+        removeOverlayElements: z.ZodOptional<z.ZodBoolean>;
+        pauseTriggers: z.ZodOptional<z.ZodArray<z.ZodObject<{
+            selector: z.ZodString;
+            durationMs: z.ZodNumber;
+        }, z.core.$strip>>>;
+        scrollCurve: z.ZodOptional<z.ZodObject<{
+            preset: z.ZodOptional<z.ZodEnum<{
+                linear: "linear";
+                "ease-in": "ease-in";
+                "ease-out": "ease-out";
+                "ease-in-out": "ease-in-out";
+                "ease-in-cubic": "ease-in-cubic";
+                "ease-out-cubic": "ease-out-cubic";
+                "ease-in-out-cubic": "ease-in-out-cubic";
+                custom: "custom";
+            }>>;
+            bezier: z.ZodOptional<z.ZodTuple<[z.ZodNumber, z.ZodNumber, z.ZodNumber, z.ZodNumber], null>>;
+        }, z.core.$strip>>;
+        durationMs: z.ZodOptional<z.ZodNumber>;
+        heroHoldMs: z.ZodOptional<z.ZodNumber>;
+        scrollMode: z.ZodOptional<z.ZodEnum<{
+            auto: "auto";
+            document: "document";
+            virtual: "virtual";
+        }>>;
+        virtualScrollCycles: z.ZodOptional<z.ZodNumber>;
+        virtualScrollDurationMs: z.ZodOptional<z.ZodNumber>;
+        fastMode: z.ZodOptional<z.ZodBoolean>;
+        captureMode: z.ZodOptional<z.ZodEnum<{
+            preview: "preview";
+            export: "export";
+        }>>;
+        direction: z.ZodOptional<z.ZodObject<{
+            startHoldMs: z.ZodOptional<z.ZodNumber>;
+            beats: z.ZodArray<z.ZodObject<{
+                target: z.ZodDiscriminatedUnion<[z.ZodObject<{
+                    type: z.ZodLiteral<"selector">;
+                    selector: z.ZodString;
+                    align: z.ZodOptional<z.ZodEnum<{
+                        top: "top";
+                        center: "center";
+                        bottom: "bottom";
+                    }>>;
+                    offsetPx: z.ZodOptional<z.ZodNumber>;
+                    fallbackProgress: z.ZodOptional<z.ZodNumber>;
+                }, z.core.$strip>, z.ZodObject<{
+                    type: z.ZodLiteral<"progress">;
+                    value: z.ZodNumber;
+                }, z.core.$strip>, z.ZodObject<{
+                    type: z.ZodLiteral<"page-end">;
+                }, z.core.$strip>], "type">;
+                transitionMs: z.ZodNumber;
+                curve: z.ZodOptional<z.ZodObject<{
+                    preset: z.ZodOptional<z.ZodEnum<{
+                        linear: "linear";
+                        "ease-in": "ease-in";
+                        "ease-out": "ease-out";
+                        "ease-in-out": "ease-in-out";
+                        "ease-in-cubic": "ease-in-cubic";
+                        "ease-out-cubic": "ease-out-cubic";
+                        "ease-in-out-cubic": "ease-in-out-cubic";
+                        custom: "custom";
+                    }>>;
+                    bezier: z.ZodOptional<z.ZodTuple<[z.ZodNumber, z.ZodNumber, z.ZodNumber, z.ZodNumber], null>>;
+                }, z.core.$strip>>;
+                holdMs: z.ZodOptional<z.ZodNumber>;
+                interaction: z.ZodOptional<z.ZodObject<{
+                    action: z.ZodEnum<{
+                        hover: "hover";
+                        focus: "focus";
+                        click: "click";
+                    }>;
+                    candidateId: z.ZodOptional<z.ZodString>;
+                    label: z.ZodOptional<z.ZodString>;
+                    role: z.ZodOptional<z.ZodString>;
+                    zoomScale: z.ZodOptional<z.ZodNumber>;
+                    showCursor: z.ZodOptional<z.ZodBoolean>;
+                }, z.core.$strip>>;
+            }, z.core.$strip>>;
+        }, z.core.$strip>>;
+    }, z.core.$strip>>;
+    backgroundPreset: z.ZodOptional<z.ZodEnum<{
+        none: "none";
+        gray_noise_gradient: "gray_noise_gradient";
+        paper_blue: "paper_blue";
+        red_blocks_gradient: "red_blocks_gradient";
+    }>>;
+    addShadow: z.ZodOptional<z.ZodBoolean>;
+    roundedCorners: z.ZodOptional<z.ZodBoolean>;
+    comparison: z.ZodOptional<z.ZodObject<{
+        targetUrl: z.ZodString;
+        primaryLabel: z.ZodString;
+        secondaryLabel: z.ZodString;
+        primaryLogo: z.ZodOptional<z.ZodString>;
+        secondaryLogo: z.ZodOptional<z.ZodString>;
+        primaryLogoDataUrl: z.ZodOptional<z.ZodString>;
+        secondaryLogoDataUrl: z.ZodOptional<z.ZodString>;
+        layout: z.ZodOptional<z.ZodLiteral<"side-by-side">>;
+    }, z.core.$strip>>;
+    responsiveness: z.ZodOptional<z.ZodObject<{
+        desktopLabel: z.ZodOptional<z.ZodString>;
+        mobileLabel: z.ZodOptional<z.ZodString>;
+        desktopWidth: z.ZodOptional<z.ZodNumber>;
+        desktopHeight: z.ZodOptional<z.ZodNumber>;
+        mobileWidth: z.ZodOptional<z.ZodNumber>;
+        mobileHeight: z.ZodOptional<z.ZodNumber>;
+    }, z.core.$strip>>;
+}, z.core.$strip>;
+export declare const inspectRequestSchema: z.ZodObject<{
+    targetUrl: z.ZodString;
+    viewport: z.ZodOptional<z.ZodObject<{
+        height: z.ZodNumber;
+        width: z.ZodNumber;
+    }, z.core.$strip>>;
+}, z.core.$strip>;
+export declare const styleRequestSchema: z.ZodObject<{
+    jobId: z.ZodString;
+    backgroundPreset: z.ZodOptional<z.ZodEnum<{
+        none: "none";
+        gray_noise_gradient: "gray_noise_gradient";
+        paper_blue: "paper_blue";
+        red_blocks_gradient: "red_blocks_gradient";
+    }>>;
+    addShadow: z.ZodOptional<z.ZodBoolean>;
+    roundedCorners: z.ZodOptional<z.ZodBoolean>;
+}, z.core.$strip>;
+export declare function parseRecordRequest(value: unknown): RecordRequest;
+export declare function parseInspectRequest(value: unknown): {
+    targetUrl: string;
+    viewport?: {
+        height: number;
+        width: number;
+    } | undefined;
+};
+export declare function parseStyleRequest(value: unknown): StyleRequest;
+//# sourceMappingURL=contracts.d.ts.map

package/dist/contracts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contracts.d.ts","sourceRoot":"","sources":["../src/contracts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AA0E9D,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAgD9B,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;;;;iBAG/B,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;iBAO7B,CAAC;AAEH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,OAAO,GAAG,aAAa,CAEhE;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,OAAO;;;;;;EAEjD;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,OAAO,GAAG,YAAY,CAE9D"}

package/dist/contracts.js

@@ -0,0 +1,136 @@
+import { z } from "zod";
+const httpUrl = z.string().url().refine((value) => {
+    const protocol = new URL(value).protocol;
+    return protocol === "http:" || protocol === "https:";
+}, "Only HTTP(S) URLs are supported");
+const viewportSchema = z.object({
+    width: z.number().int().min(320).max(3840),
+    height: z.number().int().min(240).max(2160),
+    deviceScaleFactor: z.number().min(0.5).max(2).optional(),
+});
+const scrollCurveSchema = z.object({
+    preset: z.enum([
+        "linear", "ease-in", "ease-out", "ease-in-out", "ease-in-cubic",
+        "ease-out-cubic", "ease-in-out-cubic", "custom",
+    ]).optional(),
+    bezier: z.tuple([z.number(), z.number(), z.number(), z.number()]).optional(),
+}).superRefine((curve, context) => {
+    if (curve.preset === "custom" && !curve.bezier) {
+        context.addIssue({ code: "custom", message: "A custom curve requires bezier control points" });
+    }
+});
+const motionTargetSchema = z.discriminatedUnion("type", [
+    z.object({
+        type: z.literal("selector"),
+        selector: z.string().min(1).max(2_000),
+        align: z.enum(["top", "center", "bottom"]).optional(),
+        offsetPx: z.number().int().min(-4_000).max(4_000).optional(),
+        fallbackProgress: z.number().min(0).max(1).optional(),
+    }),
+    z.object({ type: z.literal("progress"), value: z.number().min(0).max(1) }),
+    z.object({ type: z.literal("page-end") }),
+]);
+const interactionSchema = z.object({
+    action: z.enum(["hover", "focus", "click"]),
+    candidateId: z.string().min(1).max(80).optional(),
+    label: z.string().min(1).max(120).optional(),
+    role: z.string().min(1).max(40).optional(),
+    zoomScale: z.number().min(1).max(1.8).optional(),
+    showCursor: z.boolean().optional(),
+});
+const animationSchema = z.object({
+    pixelsPerFrame: z.number().min(0.25).max(200).optional(),
+    preRecordingDelayMs: z.number().int().min(0).max(30_000).optional(),
+    removeOverlayElements: z.boolean().optional(),
+    pauseTriggers: z.array(z.object({
+        selector: z.string().min(1).max(2_000),
+        durationMs: z.number().int().min(0).max(15_000),
+    })).max(12).optional(),
+    scrollCurve: scrollCurveSchema.optional(),
+    durationMs: z.number().int().min(1_000).max(300_000).optional(),
+    heroHoldMs: z.number().int().min(0).max(15_000).optional(),
+    scrollMode: z.enum(["auto", "document", "virtual"]).optional(),
+    virtualScrollCycles: z.number().min(0.25).max(100).optional(),
+    virtualScrollDurationMs: z.number().int().min(1_000).max(300_000).optional(),
+    fastMode: z.boolean().optional(),
+    captureMode: z.enum(["preview", "export"]).optional(),
+    direction: z.object({
+        startHoldMs: z.number().int().min(0).max(15_000).optional(),
+        beats: z.array(z.object({
+            target: motionTargetSchema,
+            transitionMs: z.number().int().min(250).max(60_000),
+            curve: scrollCurveSchema.optional(),
+            holdMs: z.number().int().min(0).max(15_000).optional(),
+            interaction: interactionSchema.optional(),
+        })).min(1).max(12),
+    }).optional(),
+}).optional();
+export const recordRequestSchema = z.object({
+    targetUrl: httpUrl,
+    exportFormat: z.literal("mp4").optional(),
+    videoConfig: z.object({
+        framerate: z.number().int().min(1).max(120).optional(),
+        qualityPreset: z.enum(["high", "medium", "low"]).optional(),
+        viewport: viewportSchema,
+    }),
+    animationConfig: animationSchema,
+    backgroundPreset: z.enum([
+        "none", "gray_noise_gradient", "paper_blue", "red_blocks_gradient",
+    ]).optional(),
+    addShadow: z.boolean().optional(),
+    roundedCorners: z.boolean().optional(),
+    comparison: z.object({
+        targetUrl: httpUrl,
+        primaryLabel: z.string().trim().min(1).max(48),
+        secondaryLabel: z.string().trim().min(1).max(48),
+        primaryLogo: z.string().trim().max(8).optional(),
+        secondaryLogo: z.string().trim().max(8).optional(),
+        primaryLogoDataUrl: z.string()
+            .refine((v) => /^data:image\/(png|jpeg|webp|svg\+xml);base64,/.test(v), "primaryLogoDataUrl must be a base64 image data URI (PNG, JPEG, WebP, or SVG)")
+            .refine((v) => v.length <= 700_000, "primaryLogoDataUrl must be smaller than 512 KB")
+            .optional(),
+        secondaryLogoDataUrl: z.string()
+            .refine((v) => /^data:image\/(png|jpeg|webp|svg\+xml);base64,/.test(v), "secondaryLogoDataUrl must be a base64 image data URI (PNG, JPEG, WebP, or SVG)")
+            .refine((v) => v.length <= 700_000, "secondaryLogoDataUrl must be smaller than 512 KB")
+            .optional(),
+        layout: z.literal("side-by-side").optional(),
+    }).optional(),
+    responsiveness: z.object({
+        desktopLabel: z.string().trim().min(1).max(48).optional(),
+        mobileLabel: z.string().trim().min(1).max(48).optional(),
+        desktopWidth: z.number().int().min(320).max(3840).optional(),
+        desktopHeight: z.number().int().min(240).max(2160).optional(),
+        mobileWidth: z.number().int().min(320).max(3840).optional(),
+        mobileHeight: z.number().int().min(240).max(2160).optional(),
+    }).optional(),
+}).superRefine((request, context) => {
+    const direction = request.animationConfig?.direction;
+    if (!direction)
+        return;
+    const duration = (direction.startHoldMs ?? 1_500) + direction.beats.reduce((total, beat) => total + beat.transitionMs + (beat.holdMs ?? 0), 0);
+    if (duration > 300_000) {
+        context.addIssue({ code: "custom", message: "The directed timeline cannot exceed 300000ms" });
+    }
+});
+export const inspectRequestSchema = z.object({
+    targetUrl: httpUrl,
+    viewport: viewportSchema.pick({ width: true, height: true }).optional(),
+});
+export const styleRequestSchema = z.object({
+    jobId: z.string().regex(/^[a-zA-Z0-9._-]+$/),
+    backgroundPreset: z.enum([
+        "none", "gray_noise_gradient", "paper_blue", "red_blocks_gradient",
+    ]).optional(),
+    addShadow: z.boolean().optional(),
+    roundedCorners: z.boolean().optional(),
+});
+export function parseRecordRequest(value) {
+    return recordRequestSchema.parse(value);
+}
+export function parseInspectRequest(value) {
+    return inspectRequestSchema.parse(value);
+}
+export function parseStyleRequest(value) {
+    return styleRequestSchema.parse(value);
+}
+//# sourceMappingURL=contracts.js.map

package/dist/contracts.js.map

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

package/dist/editor/compileVideo.d.ts

@@ -0,0 +1,21 @@
+import type { BezierControlPoints } from "../browser/curves.js";
+export declare function applyBezierCurve(linearProgress: number, bezier: BezierControlPoints): number;
+export interface CompileVideoOptions {
+    framesDir: string;
+    metadataPath: string;
+    outputPath: string;
+    durationMs: number;
+    fps: number;
+    bezier: BezierControlPoints;
+    pauses?: Array<{
+        atMs: number;
+        holdMs: number;
+    }>;
+    initialHoldFrameCount?: number;
+    width?: number;
+    height?: number;
+    preset?: string;
+    crf?: number;
+}
+export declare function compileVideoFromFrames(options: CompileVideoOptions): Promise<void>;
+//# sourceMappingURL=compileVideo.d.ts.map

package/dist/editor/compileVideo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compileVideo.d.ts","sourceRoot":"","sources":["../../src/editor/compileVideo.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEhE,wBAAgB,gBAAgB,CAC9B,cAAc,EAAE,MAAM,EACtB,MAAM,EAAE,mBAAmB,GAC1B,MAAM,CA8BR;AAED,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,mBAAmB,CAAC;IAC5B,MAAM,CAAC,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACjD,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,wBAAsB,sBAAsB,CAAC,OAAO,EAAE,mBAAmB,GAAG,OAAO,CAAC,IAAI,CAAC,CAwGxF"}

package/dist/editor/compileVideo.js

@@ -0,0 +1,104 @@
+import fs from "node:fs/promises";
+import path from "node:path";
+import { stitchFramesToVideo } from "../capture/stitchFrames.js";
+export function applyBezierCurve(linearProgress, bezier) {
+    const [x1, y1, x2, y2] = bezier;
+    if (linearProgress <= 0)
+        return 0;
+    if (linearProgress >= 1)
+        return 1;
+    const sampleX = (t) => {
+        const inv = 1 - t;
+        return 3 * inv * inv * t * x1 + 3 * inv * t * t * x2 + t * t * t;
+    };
+    const sampleY = (t) => {
+        const inv = 1 - t;
+        return 3 * inv * inv * t * y1 + 3 * inv * t * t * y2 + t * t * t;
+    };
+    const sampleDx = (t) => 3 * (1 - t) * (1 - t) * x1 +
+        6 * (1 - t) * t * (x2 - x1) +
+        3 * t * t * (1 - x2);
+    let start = 0;
+    let end = 1;
+    let param = linearProgress;
+    for (let i = 0; i < 8; i++) {
+        param = (start + end) / 2;
+        if (sampleX(param) < linearProgress)
+            start = param;
+        else
+            end = param;
+    }
+    param = (start + end) / 2;
+    const dx = sampleDx(param);
+    if (Math.abs(dx) > 1e-6)
+        param -= (sampleX(param) - linearProgress) / dx;
+    return sampleY(Math.min(1, Math.max(0, param)));
+}
+export async function compileVideoFromFrames(options) {
+    const { framesDir, metadataPath, outputPath, durationMs, fps, bezier, pauses = [], initialHoldFrameCount = 0, width, height, preset, crf, } = options;
+    const metadataContent = await fs.readFile(metadataPath, "utf-8");
+    const metadata = JSON.parse(metadataContent);
+    const maxScroll = metadata.maxScroll;
+    const sourceFrames = metadata.frames; // Array of { file, y, progress }
+    const scrollStrategy = metadata.scrollStrategy;
+    const totalOutputFrames = Math.max(1, Math.round((durationMs / 1000) * fps));
+    const holdOutputFrames = Math.min(totalOutputFrames, Math.max(0, initialHoldFrameCount));
+    const initialHoldMs = (holdOutputFrames / fps) * 1000;
+    const tempDir = await fs.mkdtemp(path.join(path.dirname(framesDir), "websiterecorder-stitch-"));
+    try {
+        const outputFrameFiles = [];
+        const sortedPauses = [...pauses].sort((a, b) => a.atMs - b.atMs);
+        for (let f = 0; f < totalOutputFrames; f++) {
+            const t = (f / fps) * 1000;
+            let scrollTime = t;
+            let isHolding = false;
+            let accumulatedPauseMs = 0;
+            for (const pause of sortedPauses) {
+                const pauseStart = pause.atMs + accumulatedPauseMs;
+                const pauseEnd = pauseStart + pause.holdMs;
+                if (t >= pauseStart && t < pauseEnd) {
+                    scrollTime = pause.atMs;
+                    isHolding = true;
+                    break;
+                }
+                else if (t >= pauseEnd) {
+                    accumulatedPauseMs += pause.holdMs;
+                }
+            }
+            if (!isHolding) {
+                scrollTime = t - accumulatedPauseMs;
+            }
+            let frameIndex = 0;
+            if (f < holdOutputFrames && initialHoldFrameCount > 0) {
+                const holdProgress = holdOutputFrames <= 1 ? 0 : f / (holdOutputFrames - 1);
+                frameIndex = Math.min(initialHoldFrameCount - 1, Math.round(holdProgress * (initialHoldFrameCount - 1)));
+            }
+            else {
+                const scrollDurationMs = Math.max(100, durationMs - initialHoldMs - accumulatedPauseMs);
+                const linearProgress = Math.min(1, Math.max(0, (scrollTime - initialHoldMs) / scrollDurationMs));
+                const easedProgress = applyBezierCurve(linearProgress, bezier);
+                const scrollFrameCount = Math.max(1, sourceFrames.length - initialHoldFrameCount);
+                frameIndex = Math.min(sourceFrames.length - 1, initialHoldFrameCount + Math.round(easedProgress * (scrollFrameCount - 1)));
+            }
+            const selectedFrame = sourceFrames[frameIndex];
+            outputFrameFiles.push(selectedFrame.file);
+        }
+        // Link/copy files to temp directory
+        for (let i = 0; i < outputFrameFiles.length; i++) {
+            const srcPath = path.join(framesDir, outputFrameFiles[i]);
+            const destPath = path.join(tempDir, `frame-${String(i).padStart(6, "0")}.jpg`);
+            await fs.link(srcPath, destPath).catch(() => fs.copyFile(srcPath, destPath));
+        }
+        // Stitch
+        await stitchFramesToVideo(tempDir, outputPath, fps, {
+            width,
+            height,
+            preset,
+            crf,
+        });
+    }
+    finally {
+        await fs.rm(tempDir, { recursive: true, force: true }).catch(() => undefined);
+    }
+}
+//# sourceMappingURL=compileVideo.js.map

package/dist/editor/compileVideo.js.map

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

package/dist/editor/composeComparison.d.ts

@@ -0,0 +1,30 @@
+interface ComposeComparisonOptions {
+    primaryPath: string;
+    secondaryPath: string;
+    outputPath: string;
+    width: number;
+    height: number;
+    fps: number;
+    durationMs: number;
+    primaryLabel: string;
+    secondaryLabel: string;
+    primaryLogo?: string;
+    secondaryLogo?: string;
+    /** Base64 data URI (PNG/JPEG/WebP/SVG) — when present, rendered as an image badge instead of text. */
+    primaryLogoDataUrl?: string;
+    /** Base64 data URI (PNG/JPEG/WebP/SVG) — when present, rendered as an image badge instead of text. */
+    secondaryLogoDataUrl?: string;
+    signal?: AbortSignal;
+}
+/**
+ * Presents two captures as equal cards on one editorial canvas. Both websites
+ * are still recorded at the selected full viewport; composition happens only
+ * after capture, so the comparison never changes either responsive breakpoint.
+ *
+ * When primaryLogoDataUrl / secondaryLogoDataUrl are provided, the image is
+ * decoded and placed as a scaled overlay in the header bar instead of the
+ * coloured text badge. The text label beside it is always shown.
+ */
+export declare function composeComparison(options: ComposeComparisonOptions): Promise<void>;
+export {};
+//# sourceMappingURL=composeComparison.d.ts.map

package/dist/editor/composeComparison.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"composeComparison.d.ts","sourceRoot":"","sources":["../../src/editor/composeComparison.ts"],"names":[],"mappings":"AAIA,UAAU,wBAAwB;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sGAAsG;IACtG,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,sGAAsG;IACtG,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED;;;;;;;;GAQG;AACH,wBAAsB,iBAAiB,CAAC,OAAO,EAAE,wBAAwB,iBAmQxE"}