@12ui/design 0.2.75 → 0.2.77

package/dist/scene/media-query.js

@@ -0,0 +1,208 @@
+/**
+ * Media queries decided against a fixed frame: the source image's size, which
+ * is the page frame `#stage` holds in a scene. Only the frame's own features
+ * (width, height, aspect ratio, orientation) are decided. Everything that
+ * depends on the viewer instead of the frame (colour scheme, hover, pointer,
+ * resolution, an unknown feature or media type) is `undefined`: the caller
+ * keeps that block as written and lets the browser decide it.
+ */
+const and = (values) => (values.includes(false) ? false : values.every((value) => value === true) ? true : undefined);
+const or = (values) => (values.includes(true) ? true : values.every((value) => value === false) ? false : undefined);
+const not = (value) => (value === undefined ? undefined : !value);
+const ROOT_FONT_PX = 16;
+/** A media-query length in px; undefined for units the frame does not fix. */
+const lengthPx = (text) => {
+    const match = /^(-?(?:\d+\.?\d*|\.\d+))(px|em|rem)?$/u.exec(text.trim());
+    if (!match)
+        return undefined;
+    const value = Number(match[1]);
+    if (!match[2])
+        return value === 0 ? 0 : undefined;
+    return match[2] === 'px' ? value : value * ROOT_FONT_PX;
+};
+const ratio = (text) => {
+    const match = /^(\d+\.?\d*|\.\d+)\s*(?:\/\s*(\d+\.?\d*|\.\d+))?$/u.exec(text.trim());
+    if (!match)
+        return undefined;
+    const value = Number(match[1]) / Number(match[2] ?? 1);
+    return Number.isFinite(value) ? value : undefined;
+};
+const RANGE_FEATURES = {
+    width: { measure: (frame) => frame.width, parse: lengthPx },
+    height: { measure: (frame) => frame.height, parse: lengthPx },
+    'device-width': { measure: (frame) => frame.width, parse: lengthPx },
+    'device-height': { measure: (frame) => frame.height, parse: lengthPx },
+    'aspect-ratio': { measure: (frame) => frame.width / frame.height, parse: ratio },
+    'device-aspect-ratio': { measure: (frame) => frame.width / frame.height, parse: ratio },
+};
+const compare = (left, operator, right) => {
+    switch (operator) {
+        case '<': return left < right;
+        case '<=': return left <= right;
+        case '>': return left > right;
+        case '>=': return left >= right;
+        default: return left === right;
+    }
+};
+/** One `( ... )` feature: `name: value`, `name`, or the level-4 range forms. */
+const evaluateFeature = (text, frame) => {
+    const body = text.trim();
+    const range = /^(.+?)\s*(<=|>=|<|>|=)\s*(.+?)(?:\s*(<=|>=|<|>|=)\s*(.+))?$/u.exec(body);
+    if (range && !body.includes(':')) {
+        const [, first, op1, second, op2, third] = range;
+        const named = (value) => RANGE_FEATURES[value.trim()];
+        if (third !== undefined && op2 !== undefined) {
+            const feature = named(second);
+            const low = feature?.parse(first);
+            const high = feature?.parse(third);
+            if (!feature || low === undefined || high === undefined)
+                return undefined;
+            const measured = feature.measure(frame);
+            return compare(low, op1, measured) && compare(measured, op2, high);
+        }
+        const left = named(first);
+        if (left) {
+            const value = left.parse(second);
+            return value === undefined ? undefined : compare(left.measure(frame), op1, value);
+        }
+        const right = named(second);
+        const value = right?.parse(first);
+        return right && value !== undefined ? compare(value, op1, right.measure(frame)) : undefined;
+    }
+    const colon = body.indexOf(':');
+    const name = (colon < 0 ? body : body.slice(0, colon)).trim();
+    const valueText = colon < 0 ? undefined : body.slice(colon + 1).trim();
+    if (name === 'orientation') {
+        if (valueText === undefined)
+            return true;
+        const portrait = frame.height >= frame.width;
+        return valueText === 'portrait' ? portrait : valueText === 'landscape' ? !portrait : undefined;
+    }
+    const prefix = /^(min|max)-/u.exec(name)?.[1];
+    const feature = RANGE_FEATURES[prefix ? name.slice(prefix.length + 1) : name];
+    if (!feature)
+        return undefined;
+    if (valueText === undefined)
+        return prefix ? undefined : feature.measure(frame) !== 0;
+    const value = feature.parse(valueText);
+    if (value === undefined)
+        return undefined;
+    return compare(feature.measure(frame), prefix === 'min' ? '>=' : prefix === 'max' ? '<=' : '=', value);
+};
+/** Splits a query into bare words and the raw text of each top-level `( ... )`. */
+const tokenize = (text) => {
+    const tokens = [];
+    let index = 0;
+    while (index < text.length) {
+        const char = text[index];
+        if (/\s/u.test(char)) {
+            index += 1;
+            continue;
+        }
+        if (char === '(') {
+            let depth = 0;
+            let end = index;
+            for (; end < text.length; end += 1) {
+                if (text[end] === '(')
+                    depth += 1;
+                if (text[end] === ')') {
+                    depth -= 1;
+                    if (depth === 0)
+                        break;
+                }
+            }
+            if (depth !== 0)
+                return undefined;
+            tokens.push({ kind: 'group', value: text.slice(index + 1, end) });
+            index = end + 1;
+            continue;
+        }
+        const word = /^[^\s()]+/u.exec(text.slice(index))[0];
+        tokens.push({ kind: 'word', value: word });
+        index += word.length;
+    }
+    return tokens;
+};
+/** A condition: `not <in-parens>`, or in-parens joined by all-`and` or all-`or`. */
+const evaluateCondition = (tokens, frame) => {
+    if (tokens.length === 0)
+        return undefined;
+    const first = tokens[0];
+    if (first.kind === 'word' && first.value === 'not') {
+        return tokens.length === 2 ? not(evaluateInParens(tokens[1], frame)) : undefined;
+    }
+    const operands = [];
+    const joiners = new Set();
+    for (const [index, token] of tokens.entries()) {
+        if (index % 2 === 0)
+            operands.push(evaluateInParens(token, frame));
+        else if (token.kind === 'word' && (token.value === 'and' || token.value === 'or'))
+            joiners.add(token.value);
+        else
+            return undefined;
+    }
+    if (tokens.length % 2 === 0 || joiners.size > 1)
+        return undefined;
+    return joiners.has('or') ? or(operands) : and(operands);
+};
+const evaluateInParens = (token, frame) => {
+    if (token.kind !== 'group')
+        return undefined;
+    const inner = token.value.trim();
+    if (inner.startsWith('(') || /^not\s*\(/u.test(inner)) {
+        const nested = tokenize(inner);
+        return nested ? evaluateCondition(nested, frame) : undefined;
+    }
+    return evaluateFeature(inner, frame);
+};
+const MATCHING_MEDIA_TYPES = new Set(['all', 'screen']);
+/** One query of a comma list: `[not|only] type [and condition]`, or a bare condition. */
+const evaluateQuery = (query, frame) => {
+    const tokens = tokenize(query.trim());
+    if (!tokens || tokens.length === 0)
+        return undefined;
+    const first = tokens[0];
+    if (first.kind === 'group' || (first.value === 'not' && tokens[1]?.kind === 'group')) {
+        return evaluateCondition(tokens, frame);
+    }
+    let rest = tokens;
+    let negate = false;
+    if (first.value === 'not' || first.value === 'only') {
+        negate = first.value === 'not';
+        rest = tokens.slice(1);
+    }
+    const type = rest[0];
+    if (type?.kind !== 'word')
+        return undefined;
+    const typeTruth = MATCHING_MEDIA_TYPES.has(type.value) ? true : undefined;
+    let result = typeTruth;
+    if (rest.length > 1) {
+        if (rest[1]?.kind !== 'word' || rest[1].value !== 'and')
+            return undefined;
+        result = and([typeTruth, evaluateCondition(rest.slice(2), frame)]);
+    }
+    return negate ? not(result) : result;
+};
+/**
+ * Whether a media query list applies at the frame. Comma-separated queries
+ * match when any one does. Case-insensitive, as CSS is.
+ */
+export const mediaQueryMatchesFrame = (list, frame) => {
+    const queries = [];
+    let depth = 0;
+    let start = 0;
+    const text = list.toLowerCase();
+    for (let index = 0; index < text.length; index += 1) {
+        if (text[index] === '(')
+            depth += 1;
+        if (text[index] === ')')
+            depth -= 1;
+        if (text[index] === ',' && depth === 0) {
+            queries.push(text.slice(start, index));
+            start = index + 1;
+        }
+    }
+    queries.push(text.slice(start));
+    return or(queries.map((query) => evaluateQuery(query, frame)));
+};
+//# sourceMappingURL=media-query.js.map

package/dist/scene/media-query.js.map

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

package/dist/scene/page-css.d.ts

@@ -0,0 +1,38 @@
+import { type Frame } from './media-query.js';
+/** The value inside a `url(...)` piece, unquoted. */
+export declare const urlValue: (piece: string) => string;
+/** Every `url(...)` value in the CSS, in order. */
+export declare const cssUrls: (css: string) => string[];
+/**
+ * Every `url(...)` value with the prelude of the block it sits in: the selector
+ * of its rule (`.generated-screen`), an at-rule (`@font-face`), or '' for a
+ * declaration list such as a style attribute.
+ */
+export declare const cssUrlsInRules: (css: string) => Array<{
+    value: string;
+    rule: string;
+}>;
+/** Rewrites each `url(...)` whose value `replace` maps to a string (the whole token is replaced). */
+export declare const replaceCssUrls: (css: string, replace: (value: string) => string | undefined) => string;
+/**
+ * Viewport units in code (never in strings, comments or url()) become pixels of
+ * the frame: `100vh` is the source height, `50vw` half the source width.
+ */
+export declare const viewportUnitsToPx: (css: string, frame: Frame) => string;
+export type MediaDecisions = {
+    /** Blocks that apply at the frame: their rules stay, unwrapped. */
+    applied: string[];
+    /** Blocks that do not apply at the frame: removed. */
+    removed: string[];
+    /** Blocks the frame does not decide (they depend on the viewer): kept as written. */
+    undecided: string[];
+};
+export declare const emptyMediaDecisions: () => MediaDecisions;
+/**
+ * Decides every `@media` block at the frame: one that applies is unwrapped in
+ * place (cascade order is unchanged), one that does not is removed, and one the
+ * frame cannot decide stays as written. `@supports` and `@layer` bodies are
+ * decided the same way; other at-rules are left alone.
+ */
+export declare const resolveMediaAtFrame: (css: string, frame: Frame, decisions: MediaDecisions) => string;
+//# sourceMappingURL=page-css.d.ts.map

package/dist/scene/page-css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-css.d.ts","sourceRoot":"","sources":["../../src/scene/page-css.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAsEtE,qDAAqD;AACrD,eAAO,MAAM,QAAQ,GAAI,OAAO,MAAM,KAAG,MAIxC,CAAC;AAEF,mDAAmD;AACnD,eAAO,MAAM,OAAO,GAAI,KAAK,MAAM,KAAG,MAAM,EAAqD,CAAC;AAElG;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,KAAK,MAAM,KAAG,KAAK,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAsBjF,CAAC;AAEF,qGAAqG;AACrG,eAAO,MAAM,cAAc,GAAI,KAAK,MAAM,EAAE,SAAS,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,KAAG,MAMlF,CAAC;AAMZ;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,KAAK,MAAM,EAAE,OAAO,KAAK,KAAG,MAYnD,CAAC;AAEZ,MAAM,MAAM,cAAc,GAAG;IAC3B,mEAAmE;IACnE,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,sDAAsD;IACtD,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,qFAAqF;IACrF,SAAS,EAAE,MAAM,EAAE,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,mBAAmB,QAAO,cAA+D,CAAC;AAkBvG;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,GAAI,KAAK,MAAM,EAAE,OAAO,KAAK,EAAE,WAAW,cAAc,KAAG,MAsC1F,CAAC"}

package/dist/scene/page-css.js

@@ -0,0 +1,210 @@
+import { mediaQueryMatchesFrame } from './media-query.js';
+const stringEnd = (css, start) => {
+    const quote = css[start];
+    for (let index = start + 1; index < css.length; index += 1) {
+        if (css[index] === '\\') {
+            index += 1;
+            continue;
+        }
+        if (css[index] === quote || css[index] === '\n')
+            return index + 1;
+    }
+    return css.length;
+};
+const lex = (css) => {
+    const pieces = [];
+    let codeStart = 0;
+    const push = (kind, start, end) => {
+        if (codeStart < start)
+            pieces.push({ kind: 'code', start: codeStart, end: start });
+        pieces.push({ kind, start, end });
+        codeStart = end;
+    };
+    let index = 0;
+    while (index < css.length) {
+        const char = css[index];
+        if (char === '/' && css[index + 1] === '*') {
+            const close = css.indexOf('*/', index + 2);
+            const end = close < 0 ? css.length : close + 2;
+            push('comment', index, end);
+            index = end;
+        }
+        else if (char === '"' || char === "'") {
+            const end = stringEnd(css, index);
+            push('string', index, end);
+            index = end;
+        }
+        else if ((char === 'u' || char === 'U') && /^url\(/iu.test(css.slice(index, index + 4))
+            && !/[\w-]/u.test(css[index - 1] ?? '')) {
+            let inner = index + 4;
+            while (/\s/u.test(css[inner] ?? ''))
+                inner += 1;
+            let end;
+            if (css[inner] === '"' || css[inner] === "'") {
+                let after = stringEnd(css, inner);
+                while (/\s/u.test(css[after] ?? ''))
+                    after += 1;
+                end = css[after] === ')' ? after + 1 : after;
+            }
+            else {
+                const close = css.indexOf(')', inner);
+                end = close < 0 ? css.length : close + 1;
+            }
+            push('url', index, end);
+            index = end;
+        }
+        else {
+            index += 1;
+        }
+    }
+    if (codeStart < css.length)
+        pieces.push({ kind: 'code', start: codeStart, end: css.length });
+    return pieces;
+};
+/** The CSS with every string, comment and url() blanked to spaces, so indices line up. */
+const maskOf = (css, pieces = lex(css)) => pieces
+    .map((piece) => (piece.kind === 'code' ? css.slice(piece.start, piece.end) : ' '.repeat(piece.end - piece.start)))
+    .join('');
+/** The value inside a `url(...)` piece, unquoted. */
+export const urlValue = (piece) => {
+    const inner = piece.slice(4, piece.endsWith(')') ? -1 : undefined).trim();
+    const quote = inner[0];
+    return (quote === '"' || quote === "'") && inner.endsWith(quote) ? inner.slice(1, -1) : inner;
+};
+/** Every `url(...)` value in the CSS, in order. */
+export const cssUrls = (css) => cssUrlsInRules(css).map((entry) => entry.value);
+/**
+ * Every `url(...)` value with the prelude of the block it sits in: the selector
+ * of its rule (`.generated-screen`), an at-rule (`@font-face`), or '' for a
+ * declaration list such as a style attribute.
+ */
+export const cssUrlsInRules = (css) => {
+    const found = [];
+    const stack = [];
+    let preludeStart = 0;
+    for (const piece of lex(css)) {
+        if (piece.kind === 'url') {
+            found.push({ value: urlValue(css.slice(piece.start, piece.end)), rule: stack.at(-1) ?? '' });
+            continue;
+        }
+        if (piece.kind !== 'code')
+            continue;
+        for (let index = piece.start; index < piece.end; index += 1) {
+            const char = css[index];
+            if (char === '{') {
+                stack.push(css.slice(preludeStart, index).trim().replace(/\s+/gu, ' '));
+                preludeStart = index + 1;
+            }
+            else if (char === '}' || char === ';') {
+                if (char === '}')
+                    stack.pop();
+                preludeStart = index + 1;
+            }
+        }
+    }
+    return found;
+};
+/** Rewrites each `url(...)` whose value `replace` maps to a string (the whole token is replaced). */
+export const replaceCssUrls = (css, replace) => lex(css)
+    .map((piece) => {
+    const text = css.slice(piece.start, piece.end);
+    if (piece.kind !== 'url')
+        return text;
+    return replace(urlValue(text)) ?? text;
+})
+    .join('');
+const formatPx = (value) => `${Number(value.toFixed(3))}px`;
+const VIEWPORT_UNIT = /(?<![\w.])(?<!\w-)(\d*\.?\d+(?:e[+-]?\d+)?)([sld]?)(vw|vh|vi|vb|vmin|vmax)(?![\w-])/giu;
+/**
+ * Viewport units in code (never in strings, comments or url()) become pixels of
+ * the frame: `100vh` is the source height, `50vw` half the source width.
+ */
+export const viewportUnitsToPx = (css, frame) => lex(css)
+    .map((piece) => {
+    const text = css.slice(piece.start, piece.end);
+    if (piece.kind !== 'code')
+        return text;
+    return text.replace(VIEWPORT_UNIT, (_match, number, _variant, unit) => {
+        const lower = unit.toLowerCase();
+        const basis = lower === 'vw' || lower === 'vi' ? frame.width
+            : lower === 'vh' || lower === 'vb' ? frame.height
+                : lower === 'vmin' ? Math.min(frame.width, frame.height) : Math.max(frame.width, frame.height);
+        return formatPx((Number(number) * basis) / 100);
+    });
+})
+    .join('');
+export const emptyMediaDecisions = () => ({ applied: [], removed: [], undecided: [] });
+/** Index of the `}` closing the block whose `{` is at `open`, in the masked text. */
+const matchingBrace = (mask, open) => {
+    let depth = 0;
+    for (let index = open; index < mask.length; index += 1) {
+        if (mask[index] === '{')
+            depth += 1;
+        if (mask[index] === '}') {
+            depth -= 1;
+            if (depth === 0)
+                return index;
+        }
+    }
+    return mask.length;
+};
+/** At-rules whose bodies hold rules, so `@media` inside them is decided too. */
+const RULE_CONTAINERS = new Set(['supports', 'layer']);
+/**
+ * Decides every `@media` block at the frame: one that applies is unwrapped in
+ * place (cascade order is unchanged), one that does not is removed, and one the
+ * frame cannot decide stays as written. `@supports` and `@layer` bodies are
+ * decided the same way; other at-rules are left alone.
+ */
+export const resolveMediaAtFrame = (css, frame, decisions) => {
+    const mask = maskOf(css);
+    let output = '';
+    let copied = 0;
+    let depth = 0;
+    for (let index = 0; index < mask.length; index += 1) {
+        const char = mask[index];
+        if (char === '{') {
+            depth += 1;
+            continue;
+        }
+        if (char === '}') {
+            depth -= 1;
+            continue;
+        }
+        if (char !== '@' || depth !== 0)
+            continue;
+        const name = /^@([a-z-]+)/iu.exec(mask.slice(index, index + 40))?.[1]?.toLowerCase();
+        if (name !== 'media' && !RULE_CONTAINERS.has(name ?? ''))
+            continue;
+        const open = mask.indexOf('{', index);
+        const statementEnd = mask.indexOf(';', index);
+        if (open < 0 || (statementEnd >= 0 && statementEnd < open))
+            continue;
+        const close = matchingBrace(mask, open);
+        const prelude = css.slice(index + 1 + name.length, open).trim();
+        const body = css.slice(open + 1, close);
+        output += css.slice(copied, index);
+        if (name === 'media') {
+            const applies = mediaQueryMatchesFrame(prelude, frame);
+            const label = `@media ${prelude.replace(/\s+/gu, ' ')}`;
+            if (applies === true) {
+                decisions.applied.push(label);
+                output += resolveMediaAtFrame(body, frame, decisions);
+            }
+            else if (applies === false) {
+                decisions.removed.push(label);
+            }
+            else {
+                decisions.undecided.push(label);
+                output += css.slice(index, close + 1);
+            }
+        }
+        else {
+            output += `${css.slice(index, open + 1)}${resolveMediaAtFrame(body, frame, decisions)}}`;
+        }
+        copied = Math.min(close + 1, css.length);
+        index = copied - 1;
+    }
+    return output + css.slice(copied);
+};
+//# sourceMappingURL=page-css.js.map

package/dist/scene/page-css.js.map

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

package/dist/scene/page-images.d.ts

@@ -0,0 +1,33 @@
+/**
+ * The images a converted page paints, named the way `12ui scene merge` prints
+ * them and `--drop` takes them back: a page-relative file path, `inline:<sha>`
+ * for a data URI, or the URL of a remote image.
+ */
+export type Box = [number, number, number, number];
+export type ImageRef = {
+    ref: string;
+    kind: 'file' | 'inline' | 'remote';
+    /** The value as written in the page (a data URI is not repeated in output). */
+    value: string;
+};
+export type PageImage = ImageRef & {
+    usedBy: string[];
+    box?: Box;
+};
+/** Classifies one reference; undefined for fragments and empty values, which load nothing. */
+export declare const classifyRef: (value: string) => ImageRef | undefined;
+/** The URLs of a srcset, without their descriptors. */
+export declare const srcsetUrls: (srcset: string) => string[];
+/** Image references of a CSS text (`url()` values), classified. */
+export declare const cssImageRefs: (css: string) => ImageRef[];
+/** The same references, each with the selector (or at-rule) of the rule that holds it. */
+export declare const cssImageRefsInRules: (css: string) => Array<ImageRef & {
+    rule: string;
+}>;
+/** Replaces every `url()` naming a dropped image with `none`, which keeps a shorthand valid. */
+export declare const dropCssImages: (css: string, dropped: ReadonlySet<string>) => string;
+/** Whether a reference is an image (not a font file or stylesheet loaded through url()). */
+export declare const isImageRef: (ref: ImageRef) => boolean;
+/** The source box as printed: x0,y0,x1,y1 in source pixels, like `scene colors --box`. */
+export declare const formatBox: (box: Box) => string;
+//# sourceMappingURL=page-images.d.ts.map

package/dist/scene/page-images.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-images.d.ts","sourceRoot":"","sources":["../../src/scene/page-images.ts"],"names":[],"mappings":"AAIA;;;;GAIG;AAEH,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAEnD,MAAM,MAAM,QAAQ,GAAG;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACnC,+EAA+E;IAC/E,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG;IAAE,MAAM,EAAE,MAAM,EAAE,CAAC;IAAC,GAAG,CAAC,EAAE,GAAG,CAAA;CAAE,CAAC;AAInE,8FAA8F;AAC9F,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,KAAG,QAAQ,GAAG,SAWtD,CAAC;AAEF,uDAAuD;AACvD,eAAO,MAAM,UAAU,GAAI,QAAQ,MAAM,KAAG,MAAM,EAGhC,CAAC;AAEnB,mEAAmE;AACnE,eAAO,MAAM,YAAY,GAAI,KAAK,MAAM,KAAG,QAAQ,EAEG,CAAC;AAEvD,0FAA0F;AAC1F,eAAO,MAAM,mBAAmB,GAAI,KAAK,MAAM,KAAG,KAAK,CAAC,QAAQ,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAI/E,CAAC;AAEL,gGAAgG;AAChG,eAAO,MAAM,aAAa,GAAI,KAAK,MAAM,EAAE,SAAS,WAAW,CAAC,MAAM,CAAC,KAAG,MAGxE,CAAC;AAKH,4FAA4F;AAC5F,eAAO,MAAM,UAAU,GAAI,KAAK,QAAQ,KAAG,OAI1C,CAAC;AAEF,0FAA0F;AAC1F,eAAO,MAAM,SAAS,GAAI,KAAK,GAAG,KAAG,MAAgE,CAAC"}

package/dist/scene/page-images.js

@@ -0,0 +1,53 @@
+import { createHash } from 'node:crypto';
+import { cssUrls, cssUrlsInRules, replaceCssUrls } from './page-css.js';
+const REMOTE = /^(?:[a-z][a-z0-9+.-]*:)?\/\//iu;
+/** Classifies one reference; undefined for fragments and empty values, which load nothing. */
+export const classifyRef = (value) => {
+    const trimmed = value.trim();
+    if (!trimmed || trimmed.startsWith('#'))
+        return undefined;
+    if (/^data:/iu.test(trimmed)) {
+        return { ref: `inline:${createHash('sha256').update(trimmed).digest('hex').slice(0, 12)}`, kind: 'inline', value: trimmed };
+    }
+    if (REMOTE.test(trimmed) || /^[a-z][a-z0-9+.-]*:/iu.test(trimmed))
+        return { ref: trimmed, kind: 'remote', value: trimmed };
+    const withoutQuery = trimmed.split(/[?#]/u)[0];
+    let decoded = withoutQuery;
+    try {
+        decoded = decodeURIComponent(withoutQuery);
+    }
+    catch { /* keep the raw path */ }
+    return { ref: decoded.replace(/^\/+/u, ''), kind: 'file', value: trimmed };
+};
+/** The URLs of a srcset, without their descriptors. */
+export const srcsetUrls = (srcset) => srcset
+    .split(',')
+    .map((candidate) => candidate.trim().split(/\s+/u)[0] ?? '')
+    .filter(Boolean);
+/** Image references of a CSS text (`url()` values), classified. */
+export const cssImageRefs = (css) => cssUrls(css)
+    .map(classifyRef)
+    .filter((ref) => ref !== undefined);
+/** The same references, each with the selector (or at-rule) of the rule that holds it. */
+export const cssImageRefsInRules = (css) => cssUrlsInRules(css)
+    .flatMap(({ value, rule }) => {
+    const ref = classifyRef(value);
+    return ref ? [{ ...ref, rule }] : [];
+});
+/** Replaces every `url()` naming a dropped image with `none`, which keeps a shorthand valid. */
+export const dropCssImages = (css, dropped) => replaceCssUrls(css, (value) => {
+    const ref = classifyRef(value);
+    return ref && dropped.has(ref.ref) ? 'none' : undefined;
+});
+const FONT_FILE = /\.(?:woff2?|ttf|otf|eot)$/iu;
+const STYLESHEET_FILE = /\.css$/iu;
+/** Whether a reference is an image (not a font file or stylesheet loaded through url()). */
+export const isImageRef = (ref) => {
+    if (ref.kind === 'inline')
+        return /^data:image\//iu.test(ref.value);
+    const path = ref.kind === 'file' ? ref.ref : ref.value.split(/[?#]/u)[0];
+    return !FONT_FILE.test(path) && !STYLESHEET_FILE.test(path);
+};
+/** The source box as printed: x0,y0,x1,y1 in source pixels, like `scene colors --box`. */
+export const formatBox = (box) => box.map((value) => Number(value.toFixed(1))).join(',');
+//# sourceMappingURL=page-images.js.map

package/dist/scene/page-images.js.map

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

package/dist/scene/page-merge.d.ts

@@ -0,0 +1,41 @@
+import type { Frame } from './media-query.js';
+import { type MediaDecisions } from './page-css.js';
+import { type Box, type PageImage } from './page-images.js';
+/**
+ * A converted page made ready for a scene's `#stage`, which holds the page at
+ * its source frame: `@media` decided at that frame, viewport units in frame
+ * pixels, the API engine's hidden layout bands removed, remote scripts removed,
+ * and the images the agent names with `--drop` taken out. Pure: HTML in, HTML
+ * pieces and facts out. `scene-merge.ts` does the reading and writing.
+ */
+export type MergeEngine = 'codex' | 'api';
+export type MergedPage = {
+    /** The page's stylesheets and style elements, for the scene's <head>. */
+    head: string;
+    /** The page's <body> content, for #stage. */
+    body: string;
+    images: PageImage[];
+    dropped: string[];
+    /** Page-relative files the merged page loads, to copy beside the scene's index.html. */
+    files: string[];
+    /** Remote font stylesheets (fonts.googleapis.com) the page links. */
+    fonts: string[];
+    /** Other remote resources the page loads; capture blocks them. */
+    remote: string[];
+    removedScripts: string[];
+    media: MediaDecisions;
+    bands?: {
+        shown: string[];
+        removed: string[];
+    };
+    /** Head elements and <body> attributes that do not carry into the scene. */
+    notCarried: string[];
+};
+export declare const mergePage: (input: {
+    html: string;
+    frame: Frame;
+    engine: MergeEngine;
+    boxes: ReadonlyMap<string, Box>;
+    drop: readonly string[];
+}) => MergedPage;
+//# sourceMappingURL=page-merge.d.ts.map

package/dist/scene/page-merge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-merge.d.ts","sourceRoot":"","sources":["../../src/scene/page-merge.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAG9C,OAAO,EAA+D,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AACjH,OAAO,EAEL,KAAK,GAAG,EAAiB,KAAK,SAAS,EACxC,MAAM,kBAAkB,CAAC;AAG1B;;;;;;GAMG;AAEH,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,KAAK,CAAC;AAE1C,MAAM,MAAM,UAAU,GAAG;IACvB,yEAAyE;IACzE,IAAI,EAAE,MAAM,CAAC;IACb,6CAA6C;IAC7C,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,wFAAwF;IACxF,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,qEAAqE;IACrE,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,kEAAkE;IAClE,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,KAAK,EAAE,cAAc,CAAC;IACtB,KAAK,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,EAAE,CAAC;QAAC,OAAO,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC;IAC/C,4EAA4E;IAC5E,UAAU,EAAE,MAAM,EAAE,CAAC;CACtB,CAAC;AAkDF,eAAO,MAAM,SAAS,GAAI,OAAO;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,WAAW,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAChC,IAAI,EAAE,SAAS,MAAM,EAAE,CAAC;CACzB,KAAG,UAyIH,CAAC"}