agent-screenplay 0.0.0-stage → 0.1.1

package/dist/render/render.js

@@ -0,0 +1,259 @@
+import fs from "node:fs";
+import path from "node:path";
+import { spawn } from "node:child_process";
+import { createCanvas } from "@napi-rs/canvas";
+import { captureMismatch } from "../scenario/fingerprint.js";
+import { cursorAt, locate, OVERLAY_DELAY, planTake } from "../direct/plan.js";
+import { ffmpegPath, runFfmpeg } from "../ffmpeg.js";
+import { buildStaticLayer, clamp01, computeLayout, drawCapture, drawCard } from "./compose.js";
+import { openSource } from "./sources.js";
+import { loadFonts, paintBackground, resolveStyle, FONT } from "./style.js";
+const FADE = 0.4;
+/** How far past the capture's own pixels the camera may magnify before the picture turns soft. */
+const MAX_UPSCALE = 1.15;
+/**
+ * Automatic zooms stop where the capture runs out of pixels. A small window (a calculator,
+ * a settings panel) is already enlarged to fill the video, so zooming further only blurs it
+ * and crops what it shows; a large window or a website keeps the full zoom.
+ */
+export function zoomCeiling(maxZoom, take, shownWidth) {
+    const native = (take.width * (take.scale || 1)) / shownWidth;
+    return Math.max(1, Math.min(maxZoom, MAX_UPSCALE * native));
+}
+export async function renderTake(loaded, take, opts) {
+    const started = Date.now();
+    const log = opts.log ?? (() => { });
+    const { scenario } = loaded;
+    checkStepsMatch(loaded, take);
+    loadFonts();
+    const style = await resolveStyle(scenario.style, loaded.dir);
+    const OW = scenario.output?.width ?? 1920;
+    const OH = scenario.output?.height ?? 1080;
+    const fps = scenario.output?.fps ?? 30;
+    const layout = computeLayout(OW, OH, take.width, take.height, style);
+    const plan = planTake(take, scenario, {
+        fps,
+        audio: opts.audio,
+        autoZoom: style.autoZoom,
+        maxZoom: zoomCeiling(style.maxZoom, take, layout.content.w),
+        captions: style.captions,
+    });
+    const staticLayer = buildStaticLayer(layout, style, take.target.kind === "web" ? take.target.url : undefined);
+    const bgLayer = createCanvas(OW, OH);
+    paintBackground(bgLayer.getContext("2d"), style.background, OW, OH);
+    fs.mkdirSync(path.dirname(loaded.outputs.mp4), { recursive: true });
+    const voiceFile = plan.voice.length ? await buildVoiceTrack(plan, loaded.takeDir) : undefined;
+    const canvas = createCanvas(OW, OH);
+    const ctx = canvas.getContext("2d");
+    const source = openSource(take, loaded.takeDir);
+    const keyframes = pickStoryboardTimes(plan, take);
+    const thumbs = [];
+    const args = [
+        "-hide_banner",
+        "-loglevel",
+        "error",
+        "-y",
+        "-f",
+        "rawvideo",
+        "-pix_fmt",
+        "rgba",
+        "-s",
+        `${OW}x${OH}`,
+        "-framerate",
+        String(fps),
+        "-i",
+        "pipe:0",
+    ];
+    if (voiceFile)
+        args.push("-i", voiceFile);
+    args.push("-map", "0:v");
+    if (voiceFile)
+        args.push("-map", "1:a", "-c:a", "aac", "-b:a", "192k");
+    args.push("-c:v", "libx264", "-preset", "medium", "-crf", "17", "-pix_fmt", "yuv420p", "-movflags", "+faststart", "-t", plan.duration.toFixed(3), loaded.outputs.mp4);
+    const enc = spawn(ffmpegPath(), args);
+    let encErr = "";
+    enc.stderr.on("data", (d) => (encErr += d.toString()));
+    const encDone = new Promise((resolve, reject) => {
+        enc.on("error", reject);
+        enc.on("close", (code) => (code === 0 ? resolve() : reject(new Error(`ffmpeg encoding failed: ${encErr.slice(-1500)}`))));
+    });
+    try {
+        let lastLog = 0;
+        for (let f = 0; f < plan.frameCount; f++) {
+            const o = f / fps;
+            const loc = locate(plan, o);
+            const prev = plan.pieces[loc.index - 1];
+            const next = plan.pieces[loc.index + 1];
+            if (loc.piece.kind === "card") {
+                const card = loc.piece.card;
+                const u = o - loc.piece.o0;
+                if (u < FADE && prev?.kind === "capture") {
+                    await drawCaptureAt(prev.s1, o, f);
+                    drawCard(ctx, layout, style, bgLayer, card, u, clamp01(u / FADE));
+                }
+                else
+                    drawCard(ctx, layout, style, bgLayer, card, u);
+            }
+            else {
+                await drawCaptureAt(loc.s, o, f);
+                const u = o - loc.piece.o0;
+                if (u < FADE && prev?.kind === "card") {
+                    drawCard(ctx, layout, style, bgLayer, prev.card, prev.o1 - prev.o0 + u, 1 - clamp01(u / FADE));
+                }
+                void next;
+            }
+            for (const kf of keyframes) {
+                if (Math.round(kf.o * fps) === f) {
+                    const t = createCanvas(480, Math.round((480 * OH) / OW));
+                    t.getContext("2d").drawImage(canvas, 0, 0, t.width, t.height);
+                    thumbs.push({ canvas: t, label: kf.label, o });
+                }
+            }
+            const data = canvas.data();
+            if (!enc.stdin.write(data))
+                await new Promise((r) => enc.stdin.once("drain", () => r()));
+            if (opts.onProgress && (f === 0 || f % 10 === 0))
+                opts.onProgress(f / plan.frameCount);
+            if (Date.now() - lastLog > 3000) {
+                lastLog = Date.now();
+                log(`Rendering ${Math.round((100 * f) / plan.frameCount)}%`);
+            }
+        }
+        enc.stdin.end();
+        await encDone;
+    }
+    finally {
+        source.close();
+        if (!enc.killed && enc.exitCode === null)
+            enc.stdin.end();
+    }
+    const storyboard = writeStoryboard(thumbs, loaded.outputs.storyboard, loaded.name, plan.duration);
+    let gif;
+    if (opts.gif || scenario.output?.gif) {
+        log("Writing GIF");
+        gif = loaded.outputs.gif;
+        await runFfmpeg([
+            "-i",
+            loaded.outputs.mp4,
+            "-vf",
+            "fps=15,scale=960:-1:flags=lanczos,split[a][b];[a]palettegen=stats_mode=diff[p];[b][p]paletteuse=dither=bayer:bayer_scale=4:diff_mode=rectangle",
+            gif,
+        ]);
+    }
+    return {
+        mp4: loaded.outputs.mp4,
+        gif,
+        storyboard,
+        duration: plan.duration,
+        frames: plan.frameCount,
+        seconds: (Date.now() - started) / 1000,
+    };
+    async function drawCaptureAt(s, o, f) {
+        const frame = await source.frameAt(s);
+        const camera = plan.cameras[Math.min(f, plan.cameras.length - 1)];
+        const st = { o, camera, ripples: [], annotations: [] };
+        // Cursor: hidden while typing, like the system pointer.
+        let alpha = 1;
+        for (const [a, b] of plan.typing) {
+            if (o > a + 0.15 && o < b + 0.6)
+                alpha = Math.min(alpha, 1 - clamp01((o - a - 0.15) / 0.2) + clamp01((o - b) / 0.6));
+        }
+        let press = 1;
+        for (const c of plan.clicks) {
+            const d = o - c;
+            if (d > -0.08 && d < 0.3)
+                press = Math.min(press, 1 - 0.16 * Math.sin(Math.PI * clamp01((d + 0.08) / 0.38)));
+            if (d >= 0 && d < 0.55)
+                st.ripples.push({ p: cursorAt(plan.movements, take.cursorStart, s), u: d / 0.55 });
+        }
+        st.cursor = { p: cursorAt(plan.movements, take.cursorStart, s), alpha: clamp01(alpha), press };
+        for (const a of plan.annotations) {
+            if (o >= a.o0 && o < a.o1 + 0.3)
+                st.annotations.push({ a, inU: clamp01((o - a.o0) / 0.35), outU: clamp01((o - a.o1) / 0.3) });
+        }
+        for (const c of plan.captions) {
+            if (o >= c.o0 && o < c.o1 + 0.25) {
+                st.caption = { c, alpha: Math.min(clamp01((o - c.o0) / 0.2), 1 - clamp01((o - c.o1) / 0.25)) };
+            }
+        }
+        drawCapture(ctx, layout, style, staticLayer, frame, take.width, take.height, st);
+    }
+}
+/** The take must come from the same actions as the scenario: only editing choices may change. */
+function checkStepsMatch(loaded, take) {
+    const why = captureMismatch(loaded.scenario, take.inputs, take.steps.map((s) => s.kind));
+    if (why) {
+        throw new Error(`The recording no longer matches the scenario: ${why}. Only narration (say), callout text, card text, zoom, style, voice and output can change without filming again. Run \`screenplay record\` again.`);
+    }
+}
+function pickStoryboardTimes(plan, take) {
+    const out = [];
+    for (const st of take.steps) {
+        const t = plan.stepTimes[st.index];
+        if (!t)
+            continue;
+        let o;
+        if (st.card)
+            o = t.o0 + Math.min(1.2, (t.o1 - t.o0) / 2);
+        else if (st.kind === "callout" || st.kind === "highlight")
+            o = Math.min(t.o1 - 0.05, t.o0 + OVERLAY_DELAY + 0.7);
+        else if (t.oAction !== undefined)
+            o = Math.min(t.o1 - 0.05, t.oAction + (st.kind === "type" ? 0.9 : 0.35));
+        else
+            o = (t.o0 + t.o1) / 2;
+        out.push({ o: Math.max(0, Math.min(plan.duration - 1 / plan.fps, o)), label: `${st.index + 1} · ${st.label}` });
+    }
+    if (out.length <= 16)
+        return out;
+    const step = out.length / 16;
+    return Array.from({ length: 16 }, (_, i) => out[Math.floor(i * step)]);
+}
+function writeStoryboard(thumbs, file, name, duration) {
+    const cols = Math.min(4, Math.max(1, thumbs.length));
+    const rows = Math.max(1, Math.ceil(thumbs.length / cols));
+    const tw = 480;
+    const th = thumbs[0]?.canvas.height ?? 270;
+    const gap = 16;
+    const labelH = 44;
+    const headH = 56;
+    const W = cols * tw + (cols + 1) * gap;
+    const H = headH + rows * (th + labelH) + (rows + 1) * gap;
+    const c = createCanvas(W, H);
+    const ctx = c.getContext("2d");
+    ctx.fillStyle = "#111114";
+    ctx.fillRect(0, 0, W, H);
+    ctx.fillStyle = "#ffffff";
+    ctx.font = `600 22px ${FONT}`;
+    ctx.textBaseline = "middle";
+    ctx.fillText(`${name} — ${fmtTime(duration)} — storyboard`, gap, headH / 2 + 4);
+    thumbs.forEach((t, i) => {
+        const x = gap + (i % cols) * (tw + gap);
+        const y = headH + gap + Math.floor(i / cols) * (th + labelH + gap);
+        ctx.drawImage(t.canvas, x, y);
+        ctx.fillStyle = "#d4d4d8";
+        ctx.font = `500 15px ${FONT}`;
+        ctx.fillText(`${fmtTime(t.o)}  ${t.label}`.slice(0, 62), x + 2, y + th + 22, tw - 4);
+    });
+    fs.writeFileSync(file, c.toBuffer("image/png"));
+    return file;
+}
+function fmtTime(s) {
+    const m = Math.floor(s / 60);
+    const r = s - m * 60;
+    return `${m}:${r.toFixed(1).padStart(4, "0")}`;
+}
+async function buildVoiceTrack(plan, takeDir) {
+    const out = path.join(takeDir, "voice.wav");
+    const inputs = [];
+    const filters = [];
+    plan.voice.forEach((v, i) => {
+        inputs.push("-i", v.file);
+        const ms = Math.round(v.at * 1000);
+        filters.push(`[${i}:a]aresample=48000,adelay=${ms}|${ms}[a${i}]`);
+    });
+    const mix = plan.voice.map((_, i) => `[a${i}]`).join("");
+    filters.push(`${mix}amix=inputs=${plan.voice.length}:normalize=0:dropout_transition=0,apad,atrim=0:${plan.duration.toFixed(3)}[out]`);
+    await runFfmpeg([...inputs, "-filter_complex", filters.join(";"), "-map", "[out]", "-ac", "2", "-ar", "48000", out]);
+    return out;
+}
+//# sourceMappingURL=render.js.map

package/dist/render/render.js.map

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

package/dist/render/sources.d.ts

@@ -0,0 +1,15 @@
+import { type Canvas, type Image } from "@napi-rs/canvas";
+import type { Take } from "../take.js";
+/** Gives the captured image at a recording time. Calls must come in increasing time order for video sources. */
+export interface FrameSource {
+    /** Image plus the region of it that holds the filmed area. */
+    frameAt(s: number): Promise<{
+        image: Image | Canvas;
+        sx: number;
+        sy: number;
+        sw: number;
+        sh: number;
+    }>;
+    close(): void;
+}
+export declare function openSource(take: Take, takeDir: string): FrameSource;

package/dist/render/sources.js

@@ -0,0 +1,146 @@
+import fs from "node:fs";
+import path from "node:path";
+import { spawn } from "node:child_process";
+import { createCanvas, loadImage } from "@napi-rs/canvas";
+import { ffmpegPath } from "../ffmpeg.js";
+export function openSource(take, takeDir) {
+    if (take.source.kind === "frames")
+        return new FramesReader(take, takeDir);
+    return new VideoReader(take, takeDir);
+}
+class FramesReader {
+    frames;
+    dir;
+    cacheName = "";
+    cacheImage;
+    idx = 0;
+    constructor(take, takeDir) {
+        if (take.source.kind !== "frames")
+            throw new Error("not a frames source");
+        this.frames = take.source.frames;
+        this.dir = path.join(takeDir, take.source.dir);
+    }
+    async frameAt(s) {
+        const fr = this.frames;
+        // Search from the last index; jump back with a binary search when time goes backwards.
+        if (this.idx >= fr.length || fr[this.idx][0] > s)
+            this.idx = 0;
+        let lo = this.idx, hi = fr.length - 1, best = 0;
+        if (fr[0][0] > s)
+            best = 0;
+        else {
+            while (lo <= hi) {
+                const mid = (lo + hi) >> 1;
+                if (fr[mid][0] <= s) {
+                    best = mid;
+                    lo = mid + 1;
+                }
+                else
+                    hi = mid - 1;
+            }
+        }
+        this.idx = best;
+        const name = fr[best][1];
+        if (name !== this.cacheName || !this.cacheImage) {
+            this.cacheImage = await loadImage(fs.readFileSync(path.join(this.dir, name)));
+            this.cacheName = name;
+        }
+        const img = this.cacheImage;
+        return { image: img, sx: 0, sy: 0, sw: img.width, sh: img.height };
+    }
+    close() { }
+}
+/** Decodes a captured video sequentially with ffmpeg, as raw RGBA frames. */
+class VideoReader {
+    proc;
+    buf = [];
+    bufLen = 0;
+    frameSize;
+    width;
+    height;
+    fps;
+    offset;
+    crop;
+    current = -1;
+    canvas;
+    ended = false;
+    waiters = [];
+    constructor(take, takeDir) {
+        if (take.source.kind !== "video")
+            throw new Error("not a video source");
+        const src = take.source;
+        this.fps = src.fps;
+        this.offset = src.offset;
+        this.crop = src.crop;
+        this.width = src.crop.width;
+        this.height = src.crop.height;
+        this.frameSize = this.width * this.height * 4;
+        this.canvas = createCanvas(this.width, this.height);
+        const file = path.join(takeDir, src.file);
+        this.proc = spawn(ffmpegPath(), [
+            "-v",
+            "error",
+            "-i",
+            file,
+            "-vf",
+            `crop=${this.width}:${this.height}:${this.crop.x}:${this.crop.y},fps=${this.fps}`,
+            "-f",
+            "rawvideo",
+            "-pix_fmt",
+            "rgba",
+            "pipe:1",
+        ]);
+        this.proc.stdout.on("data", (d) => {
+            this.buf.push(d);
+            this.bufLen += d.length;
+            if (this.bufLen > this.frameSize * 4)
+                this.proc?.stdout.pause();
+            this.wake();
+        });
+        this.proc.stdout.on("end", () => {
+            this.ended = true;
+            this.wake();
+        });
+    }
+    wake() {
+        const w = this.waiters;
+        this.waiters = [];
+        w.forEach((f) => f());
+    }
+    async readFrame() {
+        while (this.bufLen < this.frameSize) {
+            if (this.ended)
+                return undefined;
+            this.proc?.stdout.resume();
+            await new Promise((r) => this.waiters.push(r));
+        }
+        const all = Buffer.concat(this.buf, this.bufLen);
+        const frame = all.subarray(0, this.frameSize);
+        const rest = all.subarray(this.frameSize);
+        this.buf = rest.length ? [Buffer.from(rest)] : [];
+        this.bufLen = rest.length;
+        if (this.bufLen < this.frameSize * 2)
+            this.proc?.stdout.resume();
+        return Buffer.from(frame);
+    }
+    async frameAt(s) {
+        const want = Math.max(0, Math.floor((s - this.offset) * this.fps));
+        while (this.current < want) {
+            const data = await this.readFrame();
+            if (!data)
+                break;
+            this.current++;
+            if (this.current >= want - 1 || this.current === 0) {
+                const ctx = this.canvas.getContext("2d");
+                const img = ctx.createImageData(this.width, this.height);
+                img.data.set(data);
+                ctx.putImageData(img, 0, 0);
+            }
+        }
+        return { image: this.canvas, sx: 0, sy: 0, sw: this.width, sh: this.height };
+    }
+    close() {
+        this.proc?.kill("SIGKILL");
+    }
+}
+//# sourceMappingURL=sources.js.map

package/dist/render/sources.js.map

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

package/dist/render/style.d.ts

@@ -0,0 +1,41 @@
+import { type SKRSContext2D, type Image } from "@napi-rs/canvas";
+import type { Style } from "../scenario/schema.js";
+import { type Blob } from "./presets.js";
+/** @deprecated kept for imports; see presets.ts. */
+export declare const PRESETS: Record<string, import("./presets.js").Preset>;
+export interface ResolvedStyle {
+    background: {
+        kind: "gradient";
+        stops: string[];
+        angle: number;
+    } | {
+        kind: "mesh";
+        base: string;
+        blobs: Blob[];
+        grain: number;
+    } | {
+        kind: "color";
+        color: string;
+    } | {
+        kind: "image";
+        image: Image;
+    };
+    darkBackground: boolean;
+    padding: number;
+    radius: number;
+    shadow: boolean;
+    cursor: "macos" | "dot" | "none";
+    cursorSize: number;
+    maxZoom: number;
+    autoZoom: boolean;
+    captions: boolean;
+    accent: string;
+    frame: "none" | "browser";
+}
+export declare function resolveStyle(style: Style | undefined, baseDir: string): Promise<ResolvedStyle>;
+export declare function isDarkColor(c: string): boolean;
+export declare function paintBackground(ctx: SKRSContext2D, bg: ResolvedStyle["background"], w: number, h: number): void;
+export declare function rgba(hex: string, a: number): string;
+export declare const FONT = "Inter";
+export declare function loadFonts(): void;
+export declare function roundRect(ctx: SKRSContext2D, x: number, y: number, w: number, h: number, r: number, newPath?: boolean): void;

package/dist/render/style.js

@@ -0,0 +1,151 @@
+import fs from "node:fs";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import { GlobalFonts, createCanvas, loadImage } from "@napi-rs/canvas";
+import { ALL_PRESETS, DEFAULT_BACKGROUND, NOISE_TILE, noiseValues } from "./presets.js";
+/** @deprecated kept for imports; see presets.ts. */
+export const PRESETS = ALL_PRESETS;
+export async function resolveStyle(style, baseDir) {
+    const s = style ?? {};
+    const bg = s.background ?? DEFAULT_BACKGROUND;
+    let background;
+    let dark = true;
+    if (typeof bg === "object") {
+        background = { kind: "gradient", stops: bg.gradient, angle: bg.angle ?? 135 };
+        dark = bg.gradient.filter(isDarkColor).length * 2 >= bg.gradient.length;
+    }
+    else if (ALL_PRESETS[bg]) {
+        const p = ALL_PRESETS[bg];
+        background = p.kind === "mesh" ? { kind: "mesh", base: p.base, blobs: p.blobs, grain: p.grain } : { kind: "gradient", stops: p.stops, angle: p.angle };
+        dark = p.dark;
+    }
+    else if (/^(#|rgb|hsl)/i.test(bg)) {
+        background = { kind: "color", color: bg };
+        dark = isDarkColor(bg);
+    }
+    else {
+        const file = path.resolve(baseDir, bg);
+        if (!fs.existsSync(file)) {
+            throw new Error(`Background "${bg}" is not a preset (${Object.keys(ALL_PRESETS).join(", ")}), a color, or an existing image.`);
+        }
+        background = { kind: "image", image: await loadImage(fs.readFileSync(file)) };
+    }
+    return {
+        background,
+        darkBackground: dark,
+        padding: s.padding ?? 72,
+        radius: s.radius ?? 14,
+        shadow: s.shadow ?? true,
+        cursor: s.cursor ?? "macos",
+        cursorSize: s.cursorSize ?? 1,
+        maxZoom: s.maxZoom ?? 1.9,
+        autoZoom: s.autoZoom ?? true,
+        captions: s.captions ?? true,
+        accent: s.accent ?? "#3b82f6",
+        frame: s.frame ?? "none",
+    };
+}
+export function isDarkColor(c) {
+    const short = /^#([0-9a-f])([0-9a-f])([0-9a-f])$/i.exec(c);
+    const hex = short ? short.slice(1).map((d) => d + d).join("") : /^#([0-9a-f]{6})$/i.exec(c)?.[1];
+    if (!hex)
+        return true;
+    const n = parseInt(hex, 16);
+    const r = (n >> 16) & 255, g = (n >> 8) & 255, b = n & 255;
+    return 0.299 * r + 0.587 * g + 0.114 * b < 140;
+}
+export function paintBackground(ctx, bg, w, h) {
+    if (bg.kind === "color") {
+        ctx.fillStyle = bg.color;
+        ctx.fillRect(0, 0, w, h);
+        return;
+    }
+    if (bg.kind === "mesh") {
+        paintMesh(ctx, bg, w, h);
+        return;
+    }
+    if (bg.kind === "image") {
+        const img = bg.image;
+        const k = Math.max(w / img.width, h / img.height);
+        const iw = img.width * k, ih = img.height * k;
+        ctx.drawImage(img, (w - iw) / 2, (h - ih) / 2, iw, ih);
+        return;
+    }
+    const a = (bg.angle * Math.PI) / 180;
+    const r = Math.hypot(w, h) / 2;
+    const cx = w / 2, cy = h / 2;
+    // CSS convention: 0deg points up, 90deg points right.
+    const dx = Math.sin(a) * r, dy = -Math.cos(a) * r;
+    const g = ctx.createLinearGradient(cx - dx, cy - dy, cx + dx, cy + dy);
+    bg.stops.forEach((c, i) => g.addColorStop(i / Math.max(1, bg.stops.length - 1), c));
+    ctx.fillStyle = g;
+    ctx.fillRect(0, 0, w, h);
+    // A soft light from the top left gives the flat gradient some depth.
+    const glow = ctx.createRadialGradient(w * 0.2, h * 0.1, 0, w * 0.2, h * 0.1, Math.max(w, h) * 0.8);
+    glow.addColorStop(0, "rgba(255,255,255,0.18)");
+    glow.addColorStop(1, "rgba(255,255,255,0)");
+    ctx.fillStyle = glow;
+    ctx.fillRect(0, 0, w, h);
+}
+/** Color fields over a base color, then grain. The editor's preview draws the same thing in CSS. */
+function paintMesh(ctx, bg, w, h) {
+    ctx.fillStyle = bg.base;
+    ctx.fillRect(0, 0, w, h);
+    const side = Math.max(w, h);
+    for (const b of bg.blobs) {
+        const cx = b.x * w, cy = b.y * h, r = b.r * side;
+        const g = ctx.createRadialGradient(cx, cy, 0, cx, cy, r);
+        g.addColorStop(0, rgba(b.color, b.alpha));
+        g.addColorStop(0.4, rgba(b.color, b.alpha * 0.6));
+        g.addColorStop(1, rgba(b.color, 0));
+        ctx.fillStyle = g;
+        ctx.fillRect(0, 0, w, h);
+    }
+    if (bg.grain > 0) {
+        const tile = createCanvas(NOISE_TILE, NOISE_TILE);
+        const tctx = tile.getContext("2d");
+        const img = tctx.createImageData(NOISE_TILE, NOISE_TILE);
+        const v = noiseValues();
+        for (let i = 0; i < v.length; i++) {
+            img.data[i * 4] = img.data[i * 4 + 1] = img.data[i * 4 + 2] = v[i];
+            img.data[i * 4 + 3] = Math.round(bg.grain * 255);
+        }
+        tctx.putImageData(img, 0, 0);
+        const k = Math.max(1, Math.round(h / 1080));
+        for (let y = 0; y < h; y += NOISE_TILE * k)
+            for (let x = 0; x < w; x += NOISE_TILE * k)
+                ctx.drawImage(tile, x, y, NOISE_TILE * k, NOISE_TILE * k);
+    }
+}
+export function rgba(hex, a) {
+    const n = parseInt(hex.slice(1), 16);
+    return `rgba(${(n >> 16) & 255},${(n >> 8) & 255},${n & 255},${Math.max(0, Math.min(1, a)).toFixed(3)})`;
+}
+let fontsLoaded = false;
+export const FONT = "Inter";
+export function loadFonts() {
+    if (fontsLoaded)
+        return;
+    const here = path.dirname(fileURLToPath(import.meta.url));
+    const dir = [path.resolve(here, "../../assets/fonts"), path.resolve(here, "../../../assets/fonts")].find((d) => fs.existsSync(d));
+    if (dir) {
+        for (const f of ["Inter-Regular.ttf", "Inter-Medium.ttf", "Inter-SemiBold.ttf", "Inter-Bold.ttf"]) {
+            const p = path.join(dir, f);
+            if (fs.existsSync(p))
+                GlobalFonts.registerFromPath(p, FONT);
+        }
+    }
+    fontsLoaded = true;
+}
+export function roundRect(ctx, x, y, w, h, r, newPath = true) {
+    const rr = Math.max(0, Math.min(r, w / 2, h / 2));
+    if (newPath)
+        ctx.beginPath();
+    ctx.moveTo(x + rr, y);
+    ctx.arcTo(x + w, y, x + w, y + h, rr);
+    ctx.arcTo(x + w, y + h, x, y + h, rr);
+    ctx.arcTo(x, y + h, x, y, rr);
+    ctx.arcTo(x, y, x + w, y, rr);
+    ctx.closePath();
+}
+//# sourceMappingURL=style.js.map