@drawnagency/primitives 0.1.0

package/dist/media/index.js

@@ -0,0 +1,9 @@
+import { createGitHubMediaAdapter } from "./github";
+export * from "./types";
+export * from "./utils";
+export * from "./queue";
+export * from "./resolve";
+export { generateVideoPoster } from "./videoPoster";
+export function createMediaAdapter(manifest) {
+    return createGitHubMediaAdapter(manifest);
+}

package/dist/media/queue.d.ts

@@ -0,0 +1,74 @@
+import type { MediaKind } from "./types";
+export interface QueueInput {
+    buffer: ArrayBuffer;
+    originalName: string;
+    mimeType: string;
+    hash: string;
+    kind: MediaKind;
+}
+export interface QueueItem {
+    id: string;
+    originalName: string;
+    mimeType: string;
+    hash: string;
+    kind: MediaKind;
+    percent: number;
+    state: "queued" | "active" | "complete" | "error";
+    error?: string;
+    result?: {
+        variants: {
+            width: number;
+            height: number;
+            size: number;
+            blob: Blob;
+        }[];
+        primaryBlob: Blob;
+        posterBlob?: Blob;
+        width: number;
+        height: number;
+    };
+}
+export type QueueEvent = {
+    type: "queued";
+    item: QueueItem;
+} | {
+    type: "started";
+    item: QueueItem;
+} | {
+    type: "progress";
+    item: QueueItem;
+} | {
+    type: "complete";
+    item: QueueItem;
+} | {
+    type: "error";
+    item: QueueItem;
+};
+interface QueueOptions {
+    sizes: number[];
+    quality: number;
+    maxConcurrent: number;
+    createWorker: () => Worker;
+    onEvent: (event: QueueEvent) => void;
+}
+export declare class ProcessingQueue {
+    private items;
+    private pending;
+    private activeWorkers;
+    private options;
+    private nextId;
+    constructor(options: QueueOptions);
+    add(input: QueueInput): string;
+    getStatus(): {
+        active: number;
+        queued: number;
+        total: number;
+        items: QueueItem[];
+    };
+    private processNext;
+    private startProcessing;
+    private cleanupWorker;
+    destroy(): void;
+}
+export {};
+//# sourceMappingURL=queue.d.ts.map

package/dist/media/queue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"queue.d.ts","sourceRoot":"","sources":["../../src/media/queue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,WAAW,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE;QACP,QAAQ,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,IAAI,CAAA;SAAE,EAAE,CAAC;QACxE,WAAW,EAAE,IAAI,CAAC;QAClB,UAAU,CAAC,EAAE,IAAI,CAAC;QAClB,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AAED,MAAM,MAAM,UAAU,GAClB;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,IAAI,EAAE,SAAS,CAAA;CAAE,GACnC;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,SAAS,CAAA;CAAE,GACpC;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,IAAI,EAAE,SAAS,CAAA;CAAE,GACrC;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,IAAI,EAAE,SAAS,CAAA;CAAE,GACrC;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,IAAI,EAAE,SAAS,CAAA;CAAE,CAAC;AAEvC,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,MAAM,CAAC;IAC3B,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACtC;AAED,qBAAa,eAAe;IAC1B,OAAO,CAAC,KAAK,CAAgC;IAC7C,OAAO,CAAC,OAAO,CAA2C;IAC1D,OAAO,CAAC,aAAa,CAA6B;IAClD,OAAO,CAAC,OAAO,CAAe;IAC9B,OAAO,CAAC,MAAM,CAAK;gBAEP,OAAO,EAAE,YAAY;IAIjC,GAAG,CAAC,KAAK,EAAE,UAAU,GAAG,MAAM;IAkB9B,SAAS,IAAI;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,SAAS,EAAE,CAAA;KAAE;IAelF,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,eAAe;IA0DvB,OAAO,CAAC,aAAa;IAKrB,OAAO,IAAI,IAAI;CAQhB"}

package/dist/media/queue.js

@@ -0,0 +1,116 @@
+export class ProcessingQueue {
+    items = new Map();
+    pending = [];
+    activeWorkers = new Map();
+    options;
+    nextId = 0;
+    constructor(options) {
+        this.options = options;
+    }
+    add(input) {
+        const id = `media-${this.nextId++}`;
+        const item = {
+            id,
+            originalName: input.originalName,
+            mimeType: input.mimeType,
+            hash: input.hash,
+            kind: input.kind,
+            percent: 0,
+            state: "queued",
+        };
+        this.items.set(id, item);
+        this.pending.push({ input, id });
+        this.options.onEvent({ type: "queued", item: { ...item } });
+        this.processNext();
+        return id;
+    }
+    getStatus() {
+        let active = 0;
+        let queued = 0;
+        for (const item of this.items.values()) {
+            if (item.state === "active")
+                active++;
+            if (item.state === "queued")
+                queued++;
+        }
+        return {
+            active,
+            queued,
+            total: this.items.size,
+            items: Array.from(this.items.values()),
+        };
+    }
+    processNext() {
+        while (this.activeWorkers.size < this.options.maxConcurrent && this.pending.length > 0) {
+            const next = this.pending.shift();
+            this.startProcessing(next.id, next.input);
+        }
+    }
+    startProcessing(id, input) {
+        const item = this.items.get(id);
+        item.state = "active";
+        this.options.onEvent({ type: "started", item: { ...item } });
+        const worker = this.options.createWorker();
+        this.activeWorkers.set(id, worker);
+        worker.onmessage = (e) => {
+            const msg = e.data;
+            if (msg.id !== id)
+                return;
+            if (msg.type === "progress") {
+                item.percent = msg.percent;
+                this.options.onEvent({ type: "progress", item: { ...item } });
+            }
+            else if (msg.type === "complete") {
+                item.state = "complete";
+                item.percent = 100;
+                item.result = {
+                    variants: msg.variants,
+                    primaryBlob: msg.primaryBlob,
+                    posterBlob: msg.posterBlob,
+                    width: msg.width,
+                    height: msg.height,
+                };
+                this.options.onEvent({ type: "complete", item: { ...item } });
+                this.cleanupWorker(id, worker);
+                this.processNext();
+            }
+            else if (msg.type === "error") {
+                item.state = "error";
+                item.error = msg.message;
+                this.options.onEvent({ type: "error", item: { ...item } });
+                this.cleanupWorker(id, worker);
+                this.processNext();
+            }
+        };
+        worker.onerror = (e) => {
+            item.state = "error";
+            item.error = e.message || "Worker error";
+            this.options.onEvent({ type: "error", item: { ...item } });
+            this.cleanupWorker(id, worker);
+            this.processNext();
+        };
+        worker.postMessage({
+            type: "process",
+            id,
+            buffer: input.buffer,
+            originalName: input.originalName,
+            mimeType: input.mimeType,
+            hash: input.hash,
+            kind: input.kind,
+            sizes: this.options.sizes,
+            quality: this.options.quality,
+        });
+    }
+    cleanupWorker(id, worker) {
+        worker.terminate();
+        this.activeWorkers.delete(id);
+    }
+    destroy() {
+        for (const [id, worker] of this.activeWorkers) {
+            worker.terminate();
+            this.activeWorkers.delete(id);
+        }
+        this.pending = [];
+        this.items.clear();
+    }
+}

package/dist/media/resolve.d.ts

@@ -0,0 +1,14 @@
+import type { MediaManifest, ResolvedMedia } from "./types";
+export declare function resolveMedia(item: {
+    imageId?: string;
+    src?: string;
+}, manifest: MediaManifest, sizes: number[]): ResolvedMedia | null;
+/**
+ * Deep-walk section content and resolve any { imageId } references to
+ * { src, srcset } values using the media manifest.
+ *
+ * This lets view-mode section components use `item.src` and `item.srcset`
+ * without needing to know about the manifest themselves.
+ */
+export declare function resolveManifestReferences(content: unknown, manifest: MediaManifest, sizes: number[]): unknown;
+//# sourceMappingURL=resolve.d.ts.map

package/dist/media/resolve.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve.d.ts","sourceRoot":"","sources":["../../src/media/resolve.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAG5D,wBAAgB,YAAY,CAC1B,IAAI,EAAE;IAAE,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,EACxC,QAAQ,EAAE,aAAa,EACvB,KAAK,EAAE,MAAM,EAAE,GACd,aAAa,GAAG,IAAI,CAItB;AAED;;;;;;GAMG;AACH,wBAAgB,yBAAyB,CACvC,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,aAAa,EACvB,KAAK,EAAE,MAAM,EAAE,GACd,OAAO,CAsCT"}

package/dist/media/resolve.js

@@ -0,0 +1,50 @@
+import { createMediaAdapter } from "./index";
+export function resolveMedia(item, manifest, sizes) {
+    if (!item.imageId)
+        return null;
+    const adapter = createMediaAdapter(manifest);
+    return adapter.resolve(item.imageId, sizes);
+}
+/**
+ * Deep-walk section content and resolve any { imageId } references to
+ * { src, srcset } values using the media manifest.
+ *
+ * This lets view-mode section components use `item.src` and `item.srcset`
+ * without needing to know about the manifest themselves.
+ */
+export function resolveManifestReferences(content, manifest, sizes) {
+    if (Array.isArray(content)) {
+        return content.map((item) => resolveManifestReferences(item, manifest, sizes));
+    }
+    if (content !== null && typeof content === "object") {
+        const obj = content;
+        // If this object has an imageId, resolve it and merge resolved fields
+        if (typeof obj.imageId === "string") {
+            const manifestItem = manifest.images[obj.imageId];
+            const resolved = resolveMedia({ imageId: obj.imageId }, manifest, sizes);
+            const patch = {
+                alt: manifestItem?.alt ?? "",
+            };
+            if (resolved && resolved.tag === "img") {
+                patch.src = resolved.src;
+                if ("srcSet" in resolved && resolved.srcSet) {
+                    patch.srcset = resolved.srcSet;
+                }
+            }
+            else if (resolved && resolved.tag === "video") {
+                patch.src = resolved.src;
+                if (resolved.poster) {
+                    patch.poster = resolved.poster;
+                }
+            }
+            return { ...obj, ...patch };
+        }
+        // Recurse into all values
+        const result = {};
+        for (const [key, value] of Object.entries(obj)) {
+            result[key] = resolveManifestReferences(value, manifest, sizes);
+        }
+        return result;
+    }
+    return content;
+}

package/dist/media/types.d.ts

@@ -0,0 +1,42 @@
+export { VariantSchema, MediaItemSchema, ImageManifestSchema, MediaConfigSchema, type Variant, type MediaItem, type MediaManifest, type MediaConfig, } from "../schemas/media";
+import type { MediaItem } from "../schemas/media";
+export type MediaKind = "image" | "animated" | "video";
+export interface MediaFile {
+    buffer: ArrayBuffer;
+    originalName: string;
+    mimeType: string;
+}
+export interface ResolvedImage {
+    tag: "img";
+    src: string;
+    srcSet?: string;
+    sizes?: string;
+    width: number;
+    height: number;
+}
+export interface ResolvedAnimated {
+    tag: "img";
+    src: string;
+    width: number;
+    height: number;
+}
+export interface ResolvedVideo {
+    tag: "video";
+    src: string;
+    poster?: string;
+    width: number;
+    height: number;
+    autoplay: boolean;
+    loop: boolean;
+    muted: boolean;
+}
+export type ResolvedMedia = ResolvedImage | ResolvedAnimated | ResolvedVideo;
+export interface MediaAdapter {
+    hash(file: MediaFile): Promise<string>;
+    exists(hash: string): Promise<boolean>;
+    process(file: MediaFile, hash: string, sizes: number[]): Promise<MediaItem>;
+    delete(id: string): Promise<void>;
+    resolve(id: string, sizes: number[]): ResolvedMedia | null;
+    list(): Promise<MediaItem[]>;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/media/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/media/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,eAAe,EACf,mBAAmB,EACnB,iBAAiB,EACjB,KAAK,OAAO,EACZ,KAAK,SAAS,EACd,KAAK,aAAa,EAClB,KAAK,WAAW,GACjB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC;AAEvD,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,WAAW,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,KAAK,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,KAAK,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,OAAO,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,MAAM,aAAa,GAAG,aAAa,GAAG,gBAAgB,GAAG,aAAa,CAAC;AAE7E,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,IAAI,EAAE,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;IACvC,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACvC,OAAO,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAC5E,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAClC,OAAO,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,aAAa,GAAG,IAAI,CAAC;IAC3D,IAAI,IAAI,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC;CAC9B"}

package/dist/media/types.js

@@ -0,0 +1 @@
+export { VariantSchema, MediaItemSchema, ImageManifestSchema, MediaConfigSchema, } from "../schemas/media";

package/dist/media/utils.d.ts

@@ -0,0 +1,7 @@
+export declare function hashFileBuffer(buffer: ArrayBuffer): Promise<string>;
+export declare function sanitizeMediaName(name: string): string;
+export declare const MIME_TO_EXT: Record<string, string>;
+export declare const EXT_TO_MIME: Record<string, string>;
+export declare function mimeToExt(mime: string): string;
+export declare function displayFilenameExt(mime: string): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/media/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/media/utils.ts"],"names":[],"mappings":"AAAA,wBAAsB,cAAc,CAAC,MAAM,EAAE,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,CAqBzE;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAEtD;AAED,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAI9C,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAK9C,CAAC;AAEF,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAE9C;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAGvD"}

package/dist/media/utils.js

@@ -0,0 +1,41 @@
+export async function hashFileBuffer(buffer) {
+    if (typeof crypto !== "undefined" && crypto.subtle) {
+        const hashBuffer = await crypto.subtle.digest("SHA-256", buffer);
+        const hashArray = new Uint8Array(hashBuffer);
+        return Array.from(hashArray.slice(0, 8))
+            .map((b) => b.toString(16).padStart(2, "0"))
+            .join("");
+    }
+    // FNV-1a fallback: two passes with different seeds, concatenated for 16 hex chars
+    const bytes = new Uint8Array(buffer);
+    const seeds = [0x811c9dc5, 0x050c5d1f];
+    let result = "";
+    for (const seed of seeds) {
+        let h = seed;
+        for (let i = 0; i < bytes.length; i++) {
+            h ^= bytes[i];
+            h = Math.imul(h, 0x01000193);
+        }
+        result += (h >>> 0).toString(16).padStart(8, "0");
+    }
+    return result;
+}
+export function sanitizeMediaName(name) {
+    return name.replace(/\.[^.]+$/, "").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
+}
+export const MIME_TO_EXT = {
+    "image/gif": "gif", "image/apng": "apng", "image/png": "png",
+    "image/jpeg": "jpg", "image/webp": "webp", "image/svg+xml": "svg",
+    "video/mp4": "mp4", "video/webm": "webm",
+};
+export const EXT_TO_MIME = {
+    ...Object.fromEntries(Object.entries(MIME_TO_EXT).map(([mime, ext]) => [`.${ext}`, mime])),
+    ".jpeg": "image/jpeg",
+};
+export function mimeToExt(mime) {
+    return MIME_TO_EXT[mime] ?? "bin";
+}
+export function displayFilenameExt(mime) {
+    const ext = MIME_TO_EXT[mime];
+    return ext ? `.${ext}` : "";
+}

package/dist/media/videoPoster.d.ts

@@ -0,0 +1,6 @@
+export declare function generateVideoPoster(blob: Blob, quality: number): Promise<{
+    posterBlob: Blob;
+    width: number;
+    height: number;
+}>;
+//# sourceMappingURL=videoPoster.d.ts.map

package/dist/media/videoPoster.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"videoPoster.d.ts","sourceRoot":"","sources":["../../src/media/videoPoster.ts"],"names":[],"mappings":"AAAA,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,MAAM,GACd,OAAO,CAAC;IAAE,UAAU,EAAE,IAAI,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC,CAiD9D"}

package/dist/media/videoPoster.js

@@ -0,0 +1,44 @@
+export function generateVideoPoster(blob, quality) {
+    return new Promise((resolve, reject) => {
+        const video = document.createElement("video");
+        const url = URL.createObjectURL(blob);
+        video.muted = true;
+        video.preload = "auto";
+        video.src = url;
+        const cleanup = () => {
+            URL.revokeObjectURL(url);
+            video.removeAttribute("src");
+            video.load();
+        };
+        video.addEventListener("loadeddata", () => {
+            video.addEventListener("seeked", () => {
+                try {
+                    const w = video.videoWidth;
+                    const h = video.videoHeight;
+                    const canvas = document.createElement("canvas");
+                    canvas.width = w;
+                    canvas.height = h;
+                    const ctx = canvas.getContext("2d");
+                    ctx.drawImage(video, 0, 0);
+                    canvas.toBlob((posterBlob) => {
+                        cleanup();
+                        if (!posterBlob) {
+                            reject(new Error("Failed to create poster blob"));
+                            return;
+                        }
+                        resolve({ posterBlob, width: w, height: h });
+                    }, "image/webp", quality / 100);
+                }
+                catch (err) {
+                    cleanup();
+                    reject(err);
+                }
+            }, { once: true });
+            video.currentTime = isFinite(video.duration) ? Math.min(0.1, video.duration / 2) : 0;
+        }, { once: true });
+        video.addEventListener("error", () => {
+            cleanup();
+            reject(new Error("Failed to load video for poster generation"));
+        }, { once: true });
+    });
+}

package/dist/media/worker.d.ts

@@ -0,0 +1,36 @@
+interface ProcessMessage {
+    type: "process";
+    id: string;
+    buffer: ArrayBuffer;
+    originalName: string;
+    mimeType: string;
+    hash: string;
+    kind: "image" | "animated" | "video";
+    sizes: number[];
+    quality: number;
+}
+interface ProgressMessage {
+    type: "progress";
+    id: string;
+    percent: number;
+}
+interface CompleteMessage {
+    type: "complete";
+    id: string;
+    variants: {
+        width: number;
+        height: number;
+        size: number;
+        blob: Blob;
+    }[];
+    primaryBlob: Blob;
+    posterBlob?: Blob;
+    width: number;
+    height: number;
+}
+interface ErrorMessage {
+    type: "error";
+    id: string;
+    message: string;
+}
+//# sourceMappingURL=worker.d.ts.map

package/dist/media/worker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"worker.d.ts","sourceRoot":"","sources":["../../src/media/worker.ts"],"names":[],"mappings":"AAAA,UAAU,cAAc;IACtB,IAAI,EAAE,SAAS,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,WAAW,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC;IACrC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,eAAe;IACvB,IAAI,EAAE,UAAU,CAAC;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,eAAe;IACvB,IAAI,EAAE,UAAU,CAAC;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,IAAI,CAAA;KAAE,EAAE,CAAC;IACxE,WAAW,EAAE,IAAI,CAAC;IAClB,UAAU,CAAC,EAAE,IAAI,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,YAAY;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;CACjB"}

package/dist/media/worker.js

@@ -0,0 +1,73 @@
+"use strict";
+self.onmessage = async (e) => {
+    const msg = e.data;
+    if (msg.type !== "process")
+        return;
+    try {
+        const post = (data) => self.postMessage(data);
+        post({ type: "progress", id: msg.id, percent: 5 });
+        if (msg.kind === "animated" || msg.kind === "video") {
+            const primaryBlob = new Blob([msg.buffer], { type: msg.mimeType });
+            let posterBlob;
+            let width = 0;
+            let height = 0;
+            if (msg.kind === "animated") {
+                const bitmap = await createImageBitmap(primaryBlob);
+                width = bitmap.width;
+                height = bitmap.height;
+                const canvas = new OffscreenCanvas(bitmap.width, bitmap.height);
+                const ctx = canvas.getContext("2d");
+                ctx.drawImage(bitmap, 0, 0);
+                posterBlob = await canvas.convertToBlob({ type: "image/webp", quality: msg.quality / 100 });
+                bitmap.close();
+            }
+            if (msg.kind === "video") {
+                width = 0;
+                height = 0;
+            }
+            post({ type: "progress", id: msg.id, percent: 100 });
+            post({ type: "complete", id: msg.id, variants: [], primaryBlob, posterBlob, width, height });
+            return;
+        }
+        // Static image processing
+        const originalBlob = new Blob([msg.buffer], { type: msg.mimeType });
+        const bitmap = await createImageBitmap(originalBlob);
+        const origWidth = bitmap.width;
+        const origHeight = bitmap.height;
+        post({ type: "progress", id: msg.id, percent: 25 });
+        const applicableSizes = msg.sizes
+            .filter((s) => s <= origWidth)
+            .sort((a, b) => b - a);
+        if (applicableSizes.length === 0) {
+            applicableSizes.push(origWidth);
+        }
+        const variants = [];
+        const totalVariants = applicableSizes.length;
+        for (let i = 0; i < applicableSizes.length; i++) {
+            const targetWidth = applicableSizes[i];
+            const scale = targetWidth / origWidth;
+            const targetHeight = Math.round(origHeight * scale);
+            const canvas = new OffscreenCanvas(targetWidth, targetHeight);
+            const ctx = canvas.getContext("2d");
+            ctx.drawImage(bitmap, 0, 0, targetWidth, targetHeight);
+            const blob = await canvas.convertToBlob({ type: "image/webp", quality: msg.quality / 100 });
+            variants.push({ width: targetWidth, height: targetHeight, size: blob.size, blob });
+            const percent = 25 + Math.round(((i + 1) / totalVariants) * 75);
+            post({ type: "progress", id: msg.id, percent });
+        }
+        bitmap.close();
+        const primaryBlob = variants[0]?.blob ?? originalBlob;
+        post({
+            type: "complete",
+            id: msg.id,
+            variants,
+            primaryBlob,
+            width: origWidth,
+            height: origHeight,
+        });
+    }
+    catch (err) {
+        const message = err instanceof Error ? err.message : "Processing failed";
+        self.postMessage({ type: "error", id: msg.id, message });
+    }
+};

package/dist/schemas/audience.d.ts

@@ -0,0 +1,12 @@
+import { z } from "zod";
+export declare const AudienceNameSchema: z.ZodString;
+export declare const AudienceColorSchema: z.ZodNullable<z.ZodString>;
+export type AudienceName = z.infer<typeof AudienceNameSchema>;
+export type AudienceColor = z.infer<typeof AudienceColorSchema>;
+/**
+ * Convert a friendly display string into an audience slug.
+ * Lowercases, replaces non-alphanumeric runs with single dashes,
+ * strips leading/trailing dashes. Result must pass AudienceNameSchema.
+ */
+export declare function slugifyAudienceName(input: string): string;
+//# sourceMappingURL=audience.d.ts.map

package/dist/schemas/audience.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"audience.d.ts","sourceRoot":"","sources":["../../src/schemas/audience.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,eAAO,MAAM,kBAAkB,aAO5B,CAAC;AAEJ,eAAO,MAAM,mBAAmB,4BAA4B,CAAC;AAE7D,MAAM,MAAM,YAAY,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAC9D,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAEhE;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAKzD"}

package/dist/schemas/audience.js

@@ -0,0 +1,19 @@
+import { z } from "zod";
+import { HexColorSchema } from "./shared";
+export const AudienceNameSchema = z
+    .string()
+    .min(1)
+    .max(32)
+    .regex(/^[a-z0-9]([a-z0-9_-]*[a-z0-9])?$/, "lowercase alphanumeric, dashes and underscores allowed");
+export const AudienceColorSchema = HexColorSchema.nullable();
+/**
+ * Convert a friendly display string into an audience slug.
+ * Lowercases, replaces non-alphanumeric runs with single dashes,
+ * strips leading/trailing dashes. Result must pass AudienceNameSchema.
+ */
+export function slugifyAudienceName(input) {
+    return input
+        .toLowerCase()
+        .replace(/[^a-z0-9]+/g, "-")
+        .replace(/^-+|-+$/g, "");
+}

package/dist/schemas/auth.d.ts

@@ -0,0 +1,36 @@
+import { z } from "zod";
+export declare const RoleSchema: z.ZodEnum<{
+    owner: "owner";
+    editor: "editor";
+}>;
+export declare const SessionSchema: z.ZodObject<{
+    userId: z.ZodNullable<z.ZodString>;
+    email: z.ZodNullable<z.ZodString>;
+    role: z.ZodEnum<{
+        owner: "owner";
+        editor: "editor";
+    }>;
+    siteId: z.ZodString;
+}, z.core.$strip>;
+export declare const SiteUserSchema: z.ZodObject<{
+    id: z.ZodString;
+    email: z.ZodString;
+    role: z.ZodEnum<{
+        owner: "owner";
+        editor: "editor";
+    }>;
+    createdAt: z.ZodString;
+}, z.core.$strip>;
+export declare const AudienceSchema: z.ZodObject<{
+    name: z.ZodString;
+    displayName: z.ZodString;
+    color: z.ZodNullable<z.ZodString>;
+    readonly: z.ZodBoolean;
+    hasPassword: z.ZodBoolean;
+    isDefault: z.ZodBoolean;
+}, z.core.$strip>;
+export type Session = z.infer<typeof SessionSchema>;
+export type SiteUser = z.infer<typeof SiteUserSchema>;
+export type Audience = z.infer<typeof AudienceSchema>;
+export type Role = z.infer<typeof RoleSchema>;
+//# sourceMappingURL=auth.d.ts.map

package/dist/schemas/auth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth.d.ts","sourceRoot":"","sources":["../../src/schemas/auth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,eAAO,MAAM,UAAU;;;EAA8B,CAAC;AAEtD,eAAO,MAAM,aAAa;;;;;;;;iBAKxB,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;;;iBAKzB,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;;iBAOzB,CAAC;AAEH,MAAM,MAAM,OAAO,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,aAAa,CAAC,CAAC;AACpD,MAAM,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,cAAc,CAAC,CAAC;AACtD,MAAM,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,cAAc,CAAC,CAAC;AACtD,MAAM,MAAM,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,UAAU,CAAC,CAAC"}

package/dist/schemas/auth.js

@@ -0,0 +1,22 @@
+import { z } from "zod";
+export const RoleSchema = z.enum(["owner", "editor"]);
+export const SessionSchema = z.object({
+    userId: z.string().nullable(),
+    email: z.string().nullable(),
+    role: RoleSchema,
+    siteId: z.string(),
+});
+export const SiteUserSchema = z.object({
+    id: z.string(),
+    email: z.string(),
+    role: RoleSchema,
+    createdAt: z.string(),
+});
+export const AudienceSchema = z.object({
+    name: z.string(),
+    displayName: z.string(),
+    color: z.string().nullable(),
+    readonly: z.boolean(),
+    hasPassword: z.boolean(),
+    isDefault: z.boolean(),
+});

package/dist/schemas/index.d.ts

@@ -0,0 +1,8 @@
+export * from "./shared";
+export * from "./sections";
+export * from "./site-config";
+export * from "./media";
+export * from "./audience";
+export * from "./media-grid-options";
+export * from "./auth";
+//# sourceMappingURL=index.d.ts.map