pagiera 0.2.0-alpha.33

package/dist/internal/lib/data/source.d.ts

@@ -0,0 +1,54 @@
+import { type DataSource, type RequestContext } from "@/lib/editor/types";
+export declare const MAX_ROWS = 200;
+export declare class DataSourceError extends Error {
+    readonly status?: number | undefined;
+    constructor(message: string, status?: number | undefined);
+}
+export declare function assertFetchableUrl(raw: string): URL;
+/**
+ * Walks a dotted path such as `data.items` or `results.0.tags`. An empty path
+ * returns the payload itself, which is what a bare JSON array needs.
+ */
+export declare function selectPath(payload: unknown, path: string): unknown;
+export type SourceResult = {
+    rows: Array<Record<string, unknown>>;
+    keys: string[];
+};
+/**
+ * Requests a source and normalizes it to rows. A root object becomes one row
+ * for Request; an array stays multiple rows for Repeat.
+ */
+export type LoadOptions = {
+    /**
+     * Seconds to cache the response for. `false` bypasses the cache — only for
+     * the editor's Test button; on a rendered route it would force an
+     * otherwise-static page to become dynamic on every request.
+     */
+    revalidate?: number | false;
+    /** Supplies `{{query.…}}` / `{{page.…}}` values for this request. */
+    context?: RequestContext;
+};
+export declare const DEFAULT_REVALIDATE = 60;
+export declare function loadSource(source: DataSource, { revalidate, context }?: LoadOptions): Promise<SourceResult>;
+/** Reads one binding path off a row and flattens it to something renderable. */
+export declare function readBinding(row: Record<string, unknown>, path: string): string;
+/**
+ * Resolves `{{query.id}}`, `{{params.slug}}` and `{{page.slug}}`.
+ *
+ * Only these two namespaces exist: an unknown token becomes an empty string
+ * rather than being left in the URL, so a typo cannot send a literal `{{…}}`
+ * to the API or accidentally expose something else.
+ */
+export declare function resolveTokens(value: string, context: RequestContext): string;
+/**
+ * Builds the final URL: tokens resolved, params appended and percent-encoded
+ * by `URLSearchParams` so a value can never break out into the query grammar.
+ */
+export declare function buildRequest(source: DataSource, context: RequestContext): {
+    url: URL;
+    headers: Record<string, string>;
+    method: "POST" | "PATCH" | "DELETE" | "GET" | "PUT";
+    body: string | undefined;
+};
+export declare const EMPTY_CONTEXT: RequestContext;
+//# sourceMappingURL=source.d.ts.map

package/dist/internal/lib/data/source.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"source.d.ts","sourceRoot":"","sources":["../../../../src/internal/lib/data/source.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,KAAK,UAAU,EAEf,KAAK,cAAc,EAGtB,MAAM,oBAAoB,CAAC;AAyB5B,eAAO,MAAM,QAAQ,MAAM,CAAC;AAK5B,qBAAa,eAAgB,SAAQ,KAAK;aACO,MAAM,CAAC,EAAE,MAAM;gBAAhD,OAAO,EAAE,MAAM,EAAkB,MAAM,CAAC,EAAE,MAAM,YAAA;CAI/D;AAED,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAyBnD;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAQlE;AA6BD,MAAM,MAAM,YAAY,GAAG;IAAE,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAAC,IAAI,EAAE,MAAM,EAAE,CAAA;CAAE,CAAC;AAEpF;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG;IACtB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC5B,qEAAqE;IACrE,OAAO,CAAC,EAAE,cAAc,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAErC,wBAAsB,UAAU,CAC5B,MAAM,EAAE,UAAU,EAClB,EAAE,UAA+B,EAAE,OAAuB,EAAE,GAAE,WAAgB,GAC/E,OAAO,CAAC,YAAY,CAAC,CAkEvB;AAED,gFAAgF;AAChF,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAK9E;AAID;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,GAAG,MAAM,CAS5E;AAWD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,cAAc;;;;;EAgCvE;AAED,eAAO,MAAM,aAAa,EAAE,cAA8D,CAAC"}

package/dist/internal/lib/data/source.js

@@ -0,0 +1,229 @@
+import { sendsBody, } from "@/lib/editor/types";
+/**
+ * Fetching an author-supplied URL from our server is a server-side request
+ * forgery vector: without checks it can reach cloud metadata endpoints, admin
+ * services on localhost, or anything else inside the network perimeter. Every
+ * hop is validated against this list, and redirects are followed by hand so a
+ * public URL cannot bounce into private space.
+ */
+const BLOCKED_HOSTS = new Set([
+    "localhost",
+    "127.0.0.1",
+    "0.0.0.0",
+    "::1",
+    "[::1]",
+    "metadata.google.internal",
+    "metadata.goog",
+]);
+const PRIVATE_IPV4 = /^(10\.|127\.|0\.|169\.254\.|192\.168\.|172\.(1[6-9]|2\d|3[01])\.)/;
+/** Hostnames that only resolve inside a private network. */
+const PRIVATE_SUFFIXES = [".local", ".internal", ".localdomain", ".home.arpa"];
+export const MAX_ROWS = 200;
+const MAX_BYTES = 2000000;
+const TIMEOUT_MS = 8000;
+const MAX_REDIRECTS = 3;
+export class DataSourceError extends Error {
+    constructor(message, status) {
+        super(message);
+        this.status = status;
+        this.name = "DataSourceError";
+    }
+}
+export function assertFetchableUrl(raw) {
+    let url;
+    try {
+        url = new URL(raw);
+    }
+    catch {
+        throw new DataSourceError("That is not a valid URL.");
+    }
+    if (url.protocol !== "https:" && url.protocol !== "http:") {
+        throw new DataSourceError("Only http and https URLs can be requested.");
+    }
+    const host = url.hostname.toLowerCase();
+    if (BLOCKED_HOSTS.has(host) || PRIVATE_IPV4.test(host)) {
+        throw new DataSourceError(`Requests to ${host} are not allowed.`);
+    }
+    if (PRIVATE_SUFFIXES.some((suffix) => host.endsWith(suffix))) {
+        throw new DataSourceError(`Requests to ${host} are not allowed.`);
+    }
+    // Bracketed IPv6 literals: anything link-local or unique-local.
+    if (host.startsWith("[") && /^\[(fe80|fc|fd)/i.test(host)) {
+        throw new DataSourceError("Requests to private addresses are not allowed.");
+    }
+    return url;
+}
+/**
+ * Walks a dotted path such as `data.items` or `results.0.tags`. An empty path
+ * returns the payload itself, which is what a bare JSON array needs.
+ */
+export function selectPath(payload, path) {
+    const steps = path.split(".").map((s) => s.trim()).filter(Boolean);
+    let cursor = payload;
+    for (const step of steps) {
+        if (cursor === null || typeof cursor !== "object")
+            return undefined;
+        cursor = cursor[step];
+    }
+    return cursor;
+}
+/** Reads a body with a hard cap so a huge response cannot exhaust memory. */
+async function readCapped(response) {
+    const reader = response.body?.getReader();
+    if (!reader)
+        return "";
+    const chunks = [];
+    let total = 0;
+    while (true) {
+        const { done, value } = await reader.read();
+        if (done)
+            break;
+        total += value.byteLength;
+        if (total > MAX_BYTES) {
+            await reader.cancel();
+            throw new DataSourceError("That response is too large (over 2 MB).");
+        }
+        chunks.push(value);
+    }
+    return new TextDecoder().decode(chunks.reduce((acc, chunk) => {
+        const merged = new Uint8Array(acc.length + chunk.length);
+        merged.set(acc);
+        merged.set(chunk, acc.length);
+        return merged;
+    }, new Uint8Array()));
+}
+export const DEFAULT_REVALIDATE = 60;
+export async function loadSource(source, { revalidate = DEFAULT_REVALIDATE, context = EMPTY_CONTEXT } = {}) {
+    const request = buildRequest(source, context);
+    let target = request.url;
+    let response;
+    for (let hop = 0; hop <= MAX_REDIRECTS; hop++) {
+        response = await fetch(target, {
+            // Redirects are followed by hand so each hop is validated too.
+            redirect: "manual",
+            method: request.method,
+            headers: request.headers,
+            body: request.body,
+            signal: AbortSignal.timeout(TIMEOUT_MS),
+            // Only GET responses are cacheable; anything with side effects is
+            // fetched fresh every time.
+            ...(revalidate === false || request.method !== "GET"
+                ? { cache: "no-store" }
+                : { next: { revalidate } }),
+        });
+        if (response.status < 300 || response.status >= 400)
+            break;
+        const location = response.headers.get("location");
+        if (!location)
+            break;
+        target = assertFetchableUrl(new URL(location, target).toString());
+        response = undefined;
+    }
+    if (!response)
+        throw new DataSourceError("Too many redirects.");
+    if (!response.ok) {
+        throw new DataSourceError(`The API replied ${response.status}.`, response.status);
+    }
+    const text = await readCapped(response);
+    let payload;
+    try {
+        payload = JSON.parse(text);
+    }
+    catch {
+        throw new DataSourceError("The response was not JSON.");
+    }
+    const selected = selectPath(payload, source.path);
+    const selectedRows = Array.isArray(selected)
+        ? selected
+        : selected !== null && typeof selected === "object"
+            ? [selected]
+            : undefined;
+    if (!selectedRows) {
+        throw new DataSourceError(source.path
+            ? `"${source.path}" is not a list in that response.`
+            : "That response is neither an object nor a list.");
+    }
+    const rows = selectedRows
+        .slice(0, MAX_ROWS)
+        .map((row) => row !== null && typeof row === "object" && !Array.isArray(row)
+        ? row
+        : { value: row });
+    // Union of the keys across the sample, so binding menus list everything.
+    const keys = [...new Set(rows.flatMap((row) => Object.keys(row)))].sort();
+    return { rows, keys };
+}
+/** Reads one binding path off a row and flattens it to something renderable. */
+export function readBinding(row, path) {
+    const value = selectPath(row, path);
+    if (value === null || value === undefined)
+        return "";
+    if (typeof value === "object")
+        return "";
+    return String(value);
+}
+/* ------------------------------------------------------------------ tokens */
+/**
+ * Resolves `{{query.id}}`, `{{params.slug}}` and `{{page.slug}}`.
+ *
+ * Only these two namespaces exist: an unknown token becomes an empty string
+ * rather than being left in the URL, so a typo cannot send a literal `{{…}}`
+ * to the API or accidentally expose something else.
+ */
+export function resolveTokens(value, context) {
+    return value.replace(/\{\{\s*([a-zA-Z0-9_.]+)\s*\}\}/g, (_, token) => {
+        const [namespace, ...rest] = token.split(".");
+        const key = rest.join(".");
+        if (namespace === "query")
+            return context.query[key] ?? "";
+        if (namespace === "params")
+            return context.params[key] ?? "";
+        if (namespace === "page" && key === "slug")
+            return context.page.slug;
+        return "";
+    });
+}
+/** Header names and values must not be able to inject extra headers. */
+function safeHeader(pair, context) {
+    const name = pair.key.trim();
+    if (!/^[A-Za-z0-9!#$%&'*+.^_`|~-]+$/.test(name))
+        return null;
+    // Strip anything that could terminate the header line.
+    const value = resolveTokens(pair.value, context).replace(/[\r\n\0]/g, "").trim();
+    return value ? [name, value] : null;
+}
+/**
+ * Builds the final URL: tokens resolved, params appended and percent-encoded
+ * by `URLSearchParams` so a value can never break out into the query grammar.
+ */
+export function buildRequest(source, context) {
+    const url = assertFetchableUrl(resolveTokens(source.url, context));
+    for (const pair of source.params ?? []) {
+        const key = pair.key.trim();
+        if (!key)
+            continue;
+        const value = resolveTokens(pair.value, context);
+        // An empty optional filter is dropped rather than sent as `key=`.
+        if (value === "")
+            continue;
+        url.searchParams.set(key, value);
+    }
+    const method = source.method ?? "GET";
+    const headers = {
+        accept: "application/json,text/plain;q=0.9,*/*;q=0.8",
+    };
+    let body;
+    if (sendsBody(method) && source.body?.trim()) {
+        body = resolveTokens(source.body, context);
+        headers["content-type"] = "application/json";
+    }
+    // Author headers last, so they can override the defaults above.
+    for (const pair of source.headers ?? []) {
+        const safe = safeHeader(pair, context);
+        if (safe)
+            headers[safe[0]] = safe[1];
+    }
+    // Re-check after tokens: a token could have rewritten the host.
+    return { url: assertFetchableUrl(url.toString()), headers, method, body };
+}
+export const EMPTY_CONTEXT = { query: {}, params: {}, page: { slug: "" } };
+//# sourceMappingURL=source.js.map

package/dist/internal/lib/data/source.js.map

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

package/dist/internal/lib/editor/ai-types.d.ts

@@ -0,0 +1,44 @@
+import type { CanvasElement, ElementStyle, ElementType, RootStyle, StyleKey } from "./types";
+type AiElementExtras = {
+    styleBindings?: Partial<Record<StyleKey, string>>;
+    interaction?: CanvasElement["interaction"];
+    pressStyle?: Partial<ElementStyle>;
+    loop?: CanvasElement["loop"];
+    draggable?: boolean;
+};
+export type AiDesignOperation = {
+    kind: "add";
+    ref: string;
+    type: ElementType;
+    parentId?: string | null;
+    content?: string;
+    src?: string;
+    href?: string;
+    style?: Partial<ElementStyle>;
+    tabletStyle?: Partial<ElementStyle>;
+    mobileStyle?: Partial<ElementStyle>;
+    hoverStyle?: Partial<ElementStyle>;
+} & AiElementExtras | {
+    kind: "update";
+    id: string;
+    content?: string;
+    src?: string;
+    href?: string;
+    style?: Partial<ElementStyle>;
+    tabletStyle?: Partial<ElementStyle>;
+    mobileStyle?: Partial<ElementStyle>;
+    hoverStyle?: Partial<ElementStyle>;
+} & AiElementExtras | {
+    kind: "remove";
+    id: string;
+} | {
+    kind: "page";
+    style: Partial<RootStyle>;
+};
+export type AiDesignPlan = {
+    message: string;
+    steps: string[];
+    operations: AiDesignOperation[];
+};
+export {};
+//# sourceMappingURL=ai-types.d.ts.map

package/dist/internal/lib/editor/ai-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-types.d.ts","sourceRoot":"","sources":["../../../../src/internal/lib/editor/ai-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAE7F,KAAK,eAAe,GAAG;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAClD,WAAW,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IACnC,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GACvB;IACI,IAAI,EAAE,KAAK,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,WAAW,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CACtC,GAAG,eAAe,GACnB;IACI,IAAI,EAAE,QAAQ,CAAC;IACf,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CACtC,GAAG,eAAe,GACnB;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GAC9B;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,CAAA;CAAE,CAAC;AAElD,MAAM,MAAM,YAAY,GAAG;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,UAAU,EAAE,iBAAiB,EAAE,CAAC;CACnC,CAAC"}

package/dist/internal/lib/editor/ai-types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ai-types.js.map

package/dist/internal/lib/editor/ai-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-types.js","sourceRoot":"","sources":["../../../../src/internal/lib/editor/ai-types.ts"],"names":[],"mappings":""}

package/dist/internal/lib/editor/arrange.d.ts

@@ -0,0 +1,12 @@
+import type { Breakpoint, CanvasElement } from "./types";
+export type AlignAction = "left" | "center-x" | "right" | "top" | "center-y" | "bottom";
+export type DistributeAction = "horizontal" | "vertical";
+/**
+ * Aligns the selection against its own bounding box. Only meaningful for
+ * elements positioned by x/y, so callers should restrict it to siblings inside
+ * an absolute parent.
+ */
+export declare function alignElements(elements: CanvasElement[], ids: string[], action: AlignAction, breakpoint: Breakpoint): CanvasElement[];
+/** Evens out the gaps between the outermost two elements of the selection. */
+export declare function distributeElements(elements: CanvasElement[], ids: string[], action: DistributeAction, breakpoint: Breakpoint): CanvasElement[];
+//# sourceMappingURL=arrange.d.ts.map

package/dist/internal/lib/editor/arrange.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrange.d.ts","sourceRoot":"","sources":["../../../../src/internal/lib/editor/arrange.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAEzD,MAAM,MAAM,WAAW,GACjB,MAAM,GACN,UAAU,GACV,OAAO,GACP,KAAK,GACL,UAAU,GACV,QAAQ,CAAC;AAEf,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG,UAAU,CAAC;AAiBzD;;;;GAIG;AACH,wBAAgB,aAAa,CACzB,QAAQ,EAAE,aAAa,EAAE,EACzB,GAAG,EAAE,MAAM,EAAE,EACb,MAAM,EAAE,WAAW,EACnB,UAAU,EAAE,UAAU,GACvB,aAAa,EAAE,CAiCjB;AAED,8EAA8E;AAC9E,wBAAgB,kBAAkB,CAC9B,QAAQ,EAAE,aAAa,EAAE,EACzB,GAAG,EAAE,MAAM,EAAE,EACb,MAAM,EAAE,gBAAgB,EACxB,UAAU,EAAE,UAAU,GACvB,aAAa,EAAE,CA4BjB"}

package/dist/internal/lib/editor/arrange.js

@@ -0,0 +1,72 @@
+import { applyStyle, resolveStyle } from "./style";
+function boxesOf(elements, ids, breakpoint) {
+    return elements
+        .filter((el) => ids.includes(el.id))
+        .map((el) => {
+        const style = resolveStyle(el, breakpoint);
+        return { id: el.id, x: style.x, y: style.y, w: style.w, h: style.h };
+    });
+}
+/**
+ * Aligns the selection against its own bounding box. Only meaningful for
+ * elements positioned by x/y, so callers should restrict it to siblings inside
+ * an absolute parent.
+ */
+export function alignElements(elements, ids, action, breakpoint) {
+    const boxes = boxesOf(elements, ids, breakpoint);
+    if (boxes.length < 2)
+        return elements;
+    const minX = Math.min(...boxes.map((b) => b.x));
+    const maxX = Math.max(...boxes.map((b) => b.x + b.w));
+    const minY = Math.min(...boxes.map((b) => b.y));
+    const maxY = Math.max(...boxes.map((b) => b.y + b.h));
+    const midX = (minX + maxX) / 2;
+    const midY = (minY + maxY) / 2;
+    const patchFor = (box) => {
+        switch (action) {
+            case "left":
+                return { x: minX };
+            case "right":
+                return { x: maxX - box.w };
+            case "center-x":
+                return { x: midX - box.w / 2 };
+            case "top":
+                return { y: minY };
+            case "bottom":
+                return { y: maxY - box.h };
+            case "center-y":
+                return { y: midY - box.h / 2 };
+        }
+    };
+    const byId = new Map(boxes.map((b) => [b.id, b]));
+    return elements.map((el) => {
+        const box = byId.get(el.id);
+        return box ? applyStyle(el, breakpoint, patchFor(box)) : el;
+    });
+}
+/** Evens out the gaps between the outermost two elements of the selection. */
+export function distributeElements(elements, ids, action, breakpoint) {
+    const boxes = boxesOf(elements, ids, breakpoint);
+    if (boxes.length < 3)
+        return elements;
+    const horizontal = action === "horizontal";
+    const sorted = [...boxes].sort((a, b) => horizontal ? a.x - b.x : a.y - b.y);
+    const first = sorted[0];
+    const last = sorted[sorted.length - 1];
+    const span = horizontal
+        ? last.x + last.w - first.x
+        : last.y + last.h - first.y;
+    const used = sorted.reduce((sum, b) => sum + (horizontal ? b.w : b.h), 0);
+    const gap = (span - used) / (sorted.length - 1);
+    const patches = new Map();
+    let cursor = horizontal ? first.x : first.y;
+    for (const box of sorted) {
+        patches.set(box.id, horizontal ? { x: cursor } : { y: cursor });
+        cursor += (horizontal ? box.w : box.h) + gap;
+    }
+    return elements.map((el) => {
+        const patch = patches.get(el.id);
+        return patch ? applyStyle(el, breakpoint, patch) : el;
+    });
+}
+//# sourceMappingURL=arrange.js.map

package/dist/internal/lib/editor/arrange.js.map

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

package/dist/internal/lib/editor/cascade.d.ts

@@ -0,0 +1,39 @@
+import { type BreakpointDefinition } from "./types";
+/**
+ * The breakpoint layout of a page: which artboards exist and which one holds
+ * the shared values.
+ *
+ * Styles live in two places — `element.base` carries the base breakpoint's
+ * values, and `element.overrides[id]` carries the deltas for every other one.
+ * Which overrides apply to a given artboard depends entirely on where it sits
+ * relative to the base, so that ordering is computed here rather than being
+ * hard-coded to desktop → tablet → mobile.
+ */
+export type Cascade = {
+    breakpoints: BreakpointDefinition[];
+    /** Whose values live in `element.base`. */
+    baseId: string;
+};
+export declare const DEFAULT_CASCADE: Cascade;
+/** Builds a cascade from whatever the page has stored, filling the gaps. */
+export declare function cascadeOf(breakpoints: BreakpointDefinition[] | undefined, baseId: string | undefined): Cascade;
+export declare function baseOf(cascade: Cascade): BreakpointDefinition;
+/**
+ * The overrides to apply, in order, to reach `targetId` from the base.
+ *
+ * Narrower artboards inherit downward from the base and wider ones inherit
+ * upward, so a value set on the base reaches both directions until something
+ * closer to the target overrides it.
+ */
+export declare function overrideChain(cascade: Cascade, targetId: string): string[];
+/**
+ * Media queries for the published page, in the order they must appear so that
+ * later rules win. Narrower artboards become `max-width`, wider ones
+ * `min-width`; the base itself needs no query.
+ */
+export declare function mediaPlan(cascade: Cascade): Array<{
+    id: string;
+    query: string;
+}>;
+export declare function chainFor(cascade: Cascade, targetId: string): string[];
+//# sourceMappingURL=cascade.d.ts.map

package/dist/internal/lib/editor/cascade.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cascade.d.ts","sourceRoot":"","sources":["../../../../src/internal/lib/editor/cascade.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,KAAK,oBAAoB,EAE5B,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;GASG;AACH,MAAM,MAAM,OAAO,GAAG;IAClB,WAAW,EAAE,oBAAoB,EAAE,CAAC;IACpC,2CAA2C;IAC3C,MAAM,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,OAG7B,CAAC;AAEF,4EAA4E;AAC5E,wBAAgB,SAAS,CACrB,WAAW,EAAE,oBAAoB,EAAE,GAAG,SAAS,EAC/C,MAAM,EAAE,MAAM,GAAG,SAAS,GAC3B,OAAO,CAIT;AAMD,wBAAgB,MAAM,CAAC,OAAO,EAAE,OAAO,GAAG,oBAAoB,CAK7D;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,CAoB1E;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CACrB,OAAO,EAAE,OAAO,GACjB,KAAK,CAAC;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAyBtC;AAKD,wBAAgB,QAAQ,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,CAYrE"}

package/dist/internal/lib/editor/cascade.js

@@ -0,0 +1,86 @@
+import { DEFAULT_BREAKPOINTS, } from "./types";
+export const DEFAULT_CASCADE = {
+    breakpoints: DEFAULT_BREAKPOINTS,
+    baseId: "desktop",
+};
+/** Builds a cascade from whatever the page has stored, filling the gaps. */
+export function cascadeOf(breakpoints, baseId) {
+    const list = breakpoints?.length ? breakpoints : DEFAULT_BREAKPOINTS;
+    const base = list.find((item) => item.id === baseId) ?? widest(list);
+    return { breakpoints: list, baseId: base.id };
+}
+function widest(list) {
+    return list.reduce((a, b) => (b.width > a.width ? b : a), list[0]);
+}
+export function baseOf(cascade) {
+    return (cascade.breakpoints.find((item) => item.id === cascade.baseId) ??
+        widest(cascade.breakpoints));
+}
+/**
+ * The overrides to apply, in order, to reach `targetId` from the base.
+ *
+ * Narrower artboards inherit downward from the base and wider ones inherit
+ * upward, so a value set on the base reaches both directions until something
+ * closer to the target overrides it.
+ */
+export function overrideChain(cascade, targetId) {
+    const base = baseOf(cascade);
+    if (targetId === base.id)
+        return [];
+    const target = cascade.breakpoints.find((item) => item.id === targetId);
+    if (!target)
+        return [];
+    const goingNarrower = target.width < base.width;
+    const between = cascade.breakpoints.filter((item) => {
+        if (item.id === base.id)
+            return false;
+        return goingNarrower
+            ? item.width < base.width && item.width >= target.width
+            : item.width > base.width && item.width <= target.width;
+    });
+    // Apply from the artboard nearest the base outward, so the one closest to
+    // the target has the last word.
+    between.sort((a, b) => (goingNarrower ? b.width - a.width : a.width - b.width));
+    return between.map((item) => item.id);
+}
+/**
+ * Media queries for the published page, in the order they must appear so that
+ * later rules win. Narrower artboards become `max-width`, wider ones
+ * `min-width`; the base itself needs no query.
+ */
+export function mediaPlan(cascade) {
+    const base = baseOf(cascade);
+    // An artboard governs from its own width up to just below the next wider
+    // one — the same reading the canvas gives, where a 1000px window falls to
+    // the nearest artboard at or below it.
+    const narrower = cascade.breakpoints
+        .filter((item) => item.id !== base.id && item.width < base.width)
+        .sort((a, b) => b.width - a.width)
+        .map((item) => {
+        const ceiling = cascade.breakpoints
+            .filter((other) => other.width > item.width)
+            .reduce((lowest, other) => Math.min(lowest, other.width), Number.POSITIVE_INFINITY);
+        return { id: item.id, query: `(max-width: ${ceiling - 1}px)` };
+    });
+    const wider = cascade.breakpoints
+        .filter((item) => item.id !== base.id && item.width > base.width)
+        .sort((a, b) => a.width - b.width)
+        .map((item) => ({ id: item.id, query: `(min-width: ${item.width}px)` }));
+    return [...narrower, ...wider];
+}
+/** Memoised chains — resolution runs per element, the chain does not. */
+const chainCache = new WeakMap();
+export function chainFor(cascade, targetId) {
+    let byTarget = chainCache.get(cascade);
+    if (!byTarget) {
+        byTarget = new Map();
+        chainCache.set(cascade, byTarget);
+    }
+    const cached = byTarget.get(targetId);
+    if (cached)
+        return cached;
+    const chain = overrideChain(cascade, targetId);
+    byTarget.set(targetId, chain);
+    return chain;
+}
+//# sourceMappingURL=cascade.js.map

package/dist/internal/lib/editor/cascade.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cascade.js","sourceRoot":"","sources":["../../../../src/internal/lib/editor/cascade.ts"],"names":[],"mappings":"AAAA,OAAO,EAEH,mBAAmB,GACtB,MAAM,SAAS,CAAC;AAkBjB,MAAM,CAAC,MAAM,eAAe,GAAY;IACpC,WAAW,EAAE,mBAAmB;IAChC,MAAM,EAAE,SAAS;CACpB,CAAC;AAEF,4EAA4E;AAC5E,MAAM,UAAU,SAAS,CACrB,WAA+C,EAC/C,MAA0B;IAE1B,MAAM,IAAI,GAAG,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,mBAAmB,CAAC;IACrE,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,MAAM,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC;IACrE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC;AAClD,CAAC;AAED,SAAS,MAAM,CAAC,IAA4B;IACxC,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,OAAgB;IACnC,OAAO,CACH,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,OAAO,CAAC,MAAM,CAAC;QAC9D,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAC9B,CAAC;AACN,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,aAAa,CAAC,OAAgB,EAAE,QAAgB;IAC5D,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IAC7B,IAAI,QAAQ,KAAK,IAAI,CAAC,EAAE;QAAE,OAAO,EAAE,CAAC;IAEpC,MAAM,MAAM,GAAG,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC;IACxE,IAAI,CAAC,MAAM;QAAE,OAAO,EAAE,CAAC;IAEvB,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;IAEhD,MAAM,OAAO,GAAG,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE;QAChD,IAAI,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE;YAAE,OAAO,KAAK,CAAC;QACtC,OAAO,aAAa;YAChB,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK;YACvD,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,0EAA0E;IAC1E,gCAAgC;IAChC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;IAChF,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,SAAS,CACrB,OAAgB;IAEhB,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IAE7B,yEAAyE;IACzE,0EAA0E;IAC1E,uCAAuC;IACvC,MAAM,QAAQ,GAAG,OAAO,CAAC,WAAW;SAC/B,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;SAChE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC;SACjC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QACV,MAAM,OAAO,GAAG,OAAO,CAAC,WAAW;aAC9B,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;aAC3C,MAAM,CACH,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,EAChD,MAAM,CAAC,iBAAiB,CAC3B,CAAC;QACN,OAAO,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,eAAe,OAAO,GAAG,CAAC,KAAK,EAAE,CAAC;IACnE,CAAC,CAAC,CAAC;IAEP,MAAM,KAAK,GAAG,OAAO,CAAC,WAAW;SAC5B,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;SAChE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC;SACjC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,eAAe,IAAI,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC;IAE7E,OAAO,CAAC,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAC,CAAC;AACnC,CAAC;AAED,yEAAyE;AACzE,MAAM,UAAU,GAAG,IAAI,OAAO,EAAkC,CAAC;AAEjE,MAAM,UAAU,QAAQ,CAAC,OAAgB,EAAE,QAAgB;IACvD,IAAI,QAAQ,GAAG,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACvC,IAAI,CAAC,QAAQ,EAAE,CAAC;QACZ,QAAQ,GAAG,IAAI,GAAG,EAAE,CAAC;QACrB,UAAU,CAAC,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IACtC,CAAC;IACD,MAAM,MAAM,GAAG,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACtC,IAAI,MAAM;QAAE,OAAO,MAAM,CAAC;IAE1B,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IAC/C,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IAC9B,OAAO,KAAK,CAAC;AACjB,CAAC"}

package/dist/internal/lib/editor/icon.d.ts

@@ -0,0 +1,6 @@
+import type React from "react";
+import type { CanvasElement } from "./types";
+export declare function IconGlyph({ element }: {
+    element: CanvasElement;
+}): React.JSX.Element;
+//# sourceMappingURL=icon.d.ts.map

package/dist/internal/lib/editor/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../src/internal/lib/editor/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAW7C,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,aAAa,CAAA;CAAE,qBAEhE"}

package/dist/internal/lib/editor/icon.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const paths = {
+    star: _jsx("path", { d: "m12 2.8 2.8 5.7 6.2.9-4.5 4.4 1.1 6.2-5.6-2.9L6.4 20l1.1-6.2L3 9.4l6.2-.9L12 2.8Z" }),
+    heart: _jsx("path", { d: "M20.8 5.8c-2.2-2.2-5.7-2.2-7.9 0L12 6.7l-.9-.9a5.6 5.6 0 0 0-7.9 7.9L12 22l8.8-8.3a5.6 5.6 0 0 0 0-7.9Z" }),
+    "arrow-right": _jsxs(_Fragment, { children: [_jsx("path", { d: "M5 12h14" }), _jsx("path", { d: "m14 7 5 5-5 5" })] }),
+    check: _jsx("path", { d: "m5 12 4 4L19 6" }),
+    menu: _jsxs(_Fragment, { children: [_jsx("path", { d: "M4 7h16" }), _jsx("path", { d: "M4 12h16" }), _jsx("path", { d: "M4 17h16" })] }),
+    search: _jsxs(_Fragment, { children: [_jsx("circle", { cx: "11", cy: "11", r: "7" }), _jsx("path", { d: "m20 20-4-4" })] }),
+};
+export function IconGlyph({ element }) {
+    return _jsx("svg", { viewBox: "0 0 24 24", width: "100%", height: "100%", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: paths[element.iconName ?? "star"] });
+}
+//# sourceMappingURL=icon.js.map

package/dist/internal/lib/editor/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../../src/internal/lib/editor/icon.tsx"],"names":[],"mappings":";AAGA,MAAM,KAAK,GAAoE;IAC3E,IAAI,EAAE,eAAM,CAAC,EAAC,mFAAmF,GAAG;IACpG,KAAK,EAAE,eAAM,CAAC,EAAC,yGAAyG,GAAG;IAC3H,aAAa,EAAE,8BAAE,eAAM,CAAC,EAAC,UAAU,GAAG,EAAA,eAAM,CAAC,EAAC,eAAe,GAAG,IAAG;IACnE,KAAK,EAAE,eAAM,CAAC,EAAC,gBAAgB,GAAG;IAClC,IAAI,EAAE,8BAAE,eAAM,CAAC,EAAC,SAAS,GAAG,EAAA,eAAM,CAAC,EAAC,UAAU,GAAG,EAAA,eAAM,CAAC,EAAC,UAAU,GAAG,IAAG;IACzE,MAAM,EAAE,8BAAE,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,GAAG,EAAA,eAAM,CAAC,EAAC,YAAY,GAAG,IAAG;CACvE,CAAC;AAEF,MAAM,UAAU,SAAS,CAAC,EAAE,OAAO,EAA8B;IAC7D,OAAO,cAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,iBAAa,MAAM,YAAE,KAAK,CAAC,OAAO,CAAC,QAAQ,IAAI,MAAM,CAAC,GAAO,CAAC;AAC3N,CAAC"}

package/dist/internal/lib/editor/presets.d.ts

@@ -0,0 +1,10 @@
+import type { CanvasElement } from "./types";
+export type ComponentPreset = {
+    id: string;
+    name: string;
+    category: "Navigation" | "Hero" | "Footer";
+    description: string;
+    create: () => CanvasElement[];
+};
+export declare const COMPONENT_PRESETS: ComponentPreset[];
+//# sourceMappingURL=presets.d.ts.map