@drawnagency/primitives 0.1.0 → 0.2.0

package/dist/media/queue.js

@@ -1,116 +0,0 @@
-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.js

@@ -1,50 +0,0 @@
-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.js

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

package/dist/media/utils.js

@@ -1,41 +0,0 @@
-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.js

@@ -1,44 +0,0 @@
-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.js

@@ -1,73 +0,0 @@
-"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.js

@@ -1,19 +0,0 @@
-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.js

@@ -1,22 +0,0 @@
-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/media-grid-options.js

@@ -1,7 +0,0 @@
-import { z } from "zod";
-export const MediaGridOptionsSchema = z.object({
-    square: z.boolean().optional(),
-    border: z.boolean().optional(),
-    crop: z.boolean().optional(),
-    showCaptions: z.boolean().optional(),
-}).default({});

package/dist/schemas/media.js

@@ -1,28 +0,0 @@
-import { z } from "zod";
-export const VariantSchema = z.object({
-    width: z.number().int().positive(),
-    height: z.number().int().positive(),
-    size: z.number().int().nonnegative(),
-});
-export const MediaItemSchema = z.object({
-    id: z.string(),
-    hash: z.string(),
-    kind: z.enum(["image", "animated", "video"]),
-    originalName: z.string(),
-    width: z.number().int().positive(),
-    height: z.number().int().positive(),
-    mimeType: z.string(),
-    size: z.number().int().nonnegative(),
-    folder: z.string(),
-    variants: z.array(VariantSchema),
-    alt: z.string().default(""),
-});
-export const ImageManifestSchema = z.object({
-    images: z.record(z.string(), MediaItemSchema),
-});
-export const MediaConfigSchema = z.object({
-    adapter: z.enum(["github"]).default("github"),
-    sizes: z.array(z.number()).default([640, 1080, 1920]),
-    maxFileSize: z.number().default(5242880),
-    quality: z.number().min(1).max(100).default(85),
-});

package/dist/schemas/sections.js

@@ -1,12 +0,0 @@
-import { z } from "zod";
-import { getAllSchemas } from "../lib/registry";
-export function getSectionContentSchema() {
-    const schemas = getAllSchemas();
-    if (schemas.length < 2) {
-        throw new Error("At least 2 section schemas must be registered before validation");
-    }
-    return z.union(schemas);
-}
-export function getSectionSchema() {
-    return z.object({ id: z.string() }).and(getSectionContentSchema());
-}

package/dist/schemas/shared.js

@@ -1,71 +0,0 @@
-import { z } from "zod";
-// --- Text ---
-const TextHeadingLine = z.object({
-    type: z.literal("heading"),
-    text: z.string(),
-});
-const TextParagraphLine = z.object({
-    type: z.enum(["paragraph", "paragraph_large"]),
-    text: z.string(),
-});
-const TextLabelValueLine = z.object({
-    type: z.literal("label_value"),
-    label: z.string(),
-    text: z.string(),
-});
-const TextListItemLine = z.object({
-    type: z.enum(["list_item_unordered", "list_item_ordered"]),
-    text: z.string(),
-});
-export const TextLineSchema = z.discriminatedUnion("type", [
-    TextHeadingLine,
-    TextParagraphLine,
-    TextLabelValueLine,
-    TextListItemLine,
-]);
-// --- Media References ---
-const BaseMediaRef = z.object({
-    imageId: z.string().default(""),
-    caption: z.union([z.string(), z.array(z.string())]).optional(),
-    background: z.string().optional(),
-    invertFrom: z.string().optional(),
-    border: z.boolean().optional(),
-    objectFit: z.enum(["cover", "contain"]).optional(),
-});
-const ImageRef = BaseMediaRef.extend({
-    type: z.literal("image"),
-});
-const VideoRef = BaseMediaRef.extend({
-    type: z.literal("video"),
-    poster: z.string().optional(),
-    autoplay: z.boolean().optional(),
-    loop: z.boolean().optional(),
-    muted: z.boolean().optional(),
-});
-const DoDontImageRef = BaseMediaRef.extend({
-    type: z.literal("doDontImage"),
-    doDont: z.enum(["do", "dont"]),
-});
-const LinkedImageRef = BaseMediaRef.extend({
-    type: z.literal("linkedImage"),
-    href: z.string(),
-    target: z.string().optional(),
-    linkText: z.string().optional(),
-});
-export const MediaReferenceSchema = z.discriminatedUnion("type", [
-    ImageRef, VideoRef, DoDontImageRef, LinkedImageRef,
-]);
-// --- Colors ---
-export const HexColorSchema = z
-    .string()
-    .regex(/^#[0-9a-fA-F]{6}$/, "must be a 6-digit hex color");
-export const ColorSpaceSchema = z.object({
-    hex: HexColorSchema.optional(),
-    rgb: z.string().optional(),
-    cmyk: z.string().optional(),
-    pantone: z.string().optional(),
-}).refine((data) => data.hex !== undefined || data.rgb !== undefined || data.cmyk !== undefined || data.pantone !== undefined, { message: "At least one color space must be defined" });
-export const ColorItemSchema = z.object({
-    name: z.string().optional(),
-    spaces: z.array(ColorSpaceSchema).min(1),
-});

package/dist/schemas/site-config.js

@@ -1,26 +0,0 @@
-import { z } from "zod";
-import { MediaConfigSchema } from "./media";
-import { HexColorSchema } from "./shared";
-export const SectionMetaSchema = z.object({
-    type: z.string(),
-    status: z.enum(["draft", "published", "archived"]),
-    access: z.array(z.string()),
-});
-export const IndexSchema = z.object({
-    siteId: z.string(),
-    order: z.array(z.string()),
-    sections: z.record(z.string(), SectionMetaSchema),
-}).refine((data) => data.order.every((id) => id in data.sections), { message: "All order entries must have a corresponding section in sections" });
-export const SiteConfigSchema = z.object({
-    siteName: z.string().default("Brand Portal"),
-    primaryColor: HexColorSchema.default("#009ca6"),
-    primaryContrast: HexColorSchema.default("#f0f0f0"),
-    darkMode: z.enum(["light", "dark", "optional"]).default("light"),
-    headingFont: z.string().default("system-ui"),
-    bodyFont: z.string().default("system-ui"),
-    googleFontsUrl: z.string()
-        .refine(url => url.startsWith("https://fonts.googleapis.com/"), "Must be a Google Fonts URL")
-        .nullable()
-        .default(null),
-    media: MediaConfigSchema.default(MediaConfigSchema.parse({})),
-});