@motionscript/code 0.1.0 → 0.1.1-alpha.0

package/dist/render.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../src/render.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAuD,MAAM,mBAAmB,CAAC;AACzG,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACxD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC,OAAO,KAAK,EAAE,UAAU,EAAE,oBAAoB,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AA+CzD,gFAAgF;AAChF,MAAM,WAAW,aAAa;IAC1B,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,OAAO,EAAE,WAAW,CAAC;IACrB,YAAY,EAAE,iBAAiB,CAAC;IAChC,uFAAuF;IACvF,IAAI,EAAE,UAAU,CAAC;IACjB,EAAE,EAAE,UAAU,CAAC;IACf,IAAI,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAClC,sGAAsG;IACtG,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACrC,+GAA+G;IAC/G,eAAe,EAAE,OAAO,CAAC;IACzB,wFAAwF;IACxF,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACjC,qFAAqF;IACrF,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,2GAA2G;AAC3G,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,aAAa,CAAC,CAAC;AAEvE;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,GAAG,IAAI,CAiIrE"}
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../src/render.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAuD,MAAM,mBAAmB,CAAC;AACzG,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACxD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC,OAAO,KAAK,EAAE,UAAU,EAAE,oBAAoB,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAwCzD,qDAAqD;AACrD,MAAM,WAAW,aAAa;IAC1B,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,OAAO,EAAE,WAAW,CAAC;IACrB,YAAY,EAAE,iBAAiB,CAAC;IAChC,IAAI,EAAE,UAAU,CAAC;IACjB,EAAE,EAAE,UAAU,CAAC;IACf,IAAI,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAClC,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACrC,6DAA6D;IAC7D,eAAe,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACjC,yDAAyD;IACzD,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,8EAA8E;AAC9E,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,aAAa,CAAC,CAAC;AAEvE,mGAAmG;AACnG,wBAAgB,QAAQ,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,GAAG,IAAI,CAuHrE"}

package/dist/render.js

@@ -1,12 +1,8 @@
 import { Graphics2D, parseColor, lerpNumber } from "@motionscript/sdk";
 import { windowProgress, moveProgress } from "./transitions.js";
-/** Colour of a token the grammar had no opinion about. */
 const DEFAULT_TOKEN_COLOR = [0.82, 0.84, 0.86, 1];
-/** Gutter line-number colour: a muted version of the standard text colour. */
 const LINE_NUMBER_COLOR = [0.45, 0.5, 0.55, 1];
-// `parseColor` walks a CSS string; a listing asks for the same handful of theme
-// colours on every token of every frame, so the parse is memoized. Module-level,
-// because the answer depends only on the string.
+// A listing asks for the same few theme colours on every token of every frame.
 const colorCache = new Map();
 function tokenColor(css) {
     if (!css)
@@ -30,10 +26,7 @@ function lerpColor(from, to, t) {
         from[3] + (to[3] - from[3]) * t,
     ];
 }
-// Opacity multiplier for a line's number under the active highlight. The
-// number stays bright only when the WHOLE line is highlighted, so we take the
-// min token opacity on the line. Returns 1 (no dimming) when no highlight is
-// active, so an edit's entries don't drag the number down.
+// A number stays bright only when the whole line is highlighted, so it takes the line's minimum token opacity.
 function lineHighlightOpacity(line, stateById, highlightActive) {
     if (!highlightActive)
         return 1;
@@ -47,13 +40,7 @@ function lineHighlightOpacity(line, stateById, highlightActive) {
     }
     return min;
 }
-/**
- * Draw one frame of a code listing: the settled structure, or — mid
- * structural edit — the two structures it is interpolating between (what
- * stays reflows, what is leaving fades out where it was, what is arriving
- * fades/slides in where it lands). Pure over `state`; touches nothing but
- * `draw`.
- */
+/** Draws the settled structure, or mid-edit the two it interpolates between. Pure over `state`. */
 export function drawCode(draw, state) {
     const { tokenLines, metrics, advanceCache, from, to, edit, tokenStates: dim } = state;
     const progress = edit ? edit.progress : 1;
@@ -63,8 +50,6 @@ export function drawCode(draw, state) {
     const blockW = edit ? lerpNumber(from.blockW, to.blockW, pMove) : to.blockW;
     const gutter = edit ? lerpNumber(from.gutter, to.gutter, pMove) : to.gutter;
     const gutterGap = to.gutterGap || from.gutterGap;
-    // Right edge of the line-number column: one gap to the left of where the
-    // code text begins.
     const numberRight = -blockW / 2 + metrics.padding.left + gutter - gutterGap;
     drawRowBands(draw, state, Math.max(blockW, state.boxW ?? 0), pMove);
     const drawNumber = (label, y, opacity) => {
@@ -106,8 +91,7 @@ export function drawCode(draw, state) {
         })
             .fill([{ type: "solid", color, opacity }]));
     };
-    // What survived the edit, and what it brought with it — drawn from the
-    // structure the edit lands on.
+    // Survivors and arrivals, from the structure the edit lands on.
     for (let i = 0; i < tokenLines.length; i++) {
         const line = tokenLines[i];
         const toIndex = to.lineIndex.get(line.id);
@@ -118,10 +102,7 @@ export function drawCode(draw, state) {
         let rowY = toY;
         let rowAlpha = 1;
         if (edit && entering) {
-            // A wholly new row fades as one piece, in the place it lands — the
-            // line arrives, it does not travel to get there, and it is not a
-            // spray of glyphs each finding its own way in. See
-            // `StructuralTransition.enteringLineIds`.
+            // A new row fades as one piece where it lands (see `enteringLineIds`).
             rowAlpha = pIn;
         }
         else if (edit) {
@@ -138,8 +119,7 @@ export function drawCode(draw, state) {
             let color = tokenColor(token.color);
             if (edit && !entering) {
                 if (edit.addedIds.has(token.id)) {
-                    // Spliced into a row that already existed: the reflow
-                    // already opened the space, so this only has to appear.
+                    // Spliced into an existing row: the reflow opened the space already.
                     alpha = pIn;
                 }
                 else {
@@ -154,8 +134,7 @@ export function drawCode(draw, state) {
             drawToken(token.content, x, rowY, color, alpha * (dim.get(token.id)?.opacity ?? 1));
         }
     }
-    // What the edit takes away, drawn from the structure it is leaving — it
-    // has no place in the new one, which is the whole reason it is fading.
+    // What the edit takes away, from the structure it is leaving.
     if (edit && pOut < 1) {
         for (let i = 0; i < edit.from.length; i++) {
             const line = edit.from[i];
@@ -163,9 +142,7 @@ export function drawCode(draw, state) {
             if (fromIndex === undefined)
                 continue;
             const toIndex = to.lineIndex.get(line.id);
-            // A row that survived the edit is still moving, so its outgoing
-            // tokens travel with it; a deleted row stays where it was and
-            // dissolves while the rows below close over it.
+            // A surviving row's outgoing tokens travel with it; a deleted row dissolves in place.
             const y = toIndex === undefined
                 ? from.lineY[fromIndex]
                 : lerpNumber(from.lineY[fromIndex], to.lineY[toIndex], pMove);
@@ -201,11 +178,7 @@ function bandEdges(band, state, pMove) {
         return null;
     return { top: (first ?? last) + half, bottom: (last ?? first) - half };
 }
-/**
- * Draw the row bands, under the text and across the whole block. A band rides
- * its rows through a structural edit; between two sets, bands paired by position
- * slide and recolour while an unpaired one fades.
- */
+/** Bands ride their rows through an edit; between two sets, those paired by position slide and recolour and an unpaired one fades. */
 function drawRowBands(draw, state, width, pMove) {
     const { rowBands = [], rowsEdit = null } = state;
     const paint = (top, bottom, color, radius, opacity) => {
@@ -241,22 +214,9 @@ function drawRowBands(draw, state, width, pMove) {
     }
 }
 /**
- * Draw the gutter — one number per *slot*, not one per row.
- *
- * That distinction is the whole of it. A line number is an ordinal of the
- * block: "3" means the third line, and it is there for exactly as long as the
- * listing has a third line. Drawing it alongside the row it labels — the
- * obvious thing, since that is where it appears — tied it to the row's identity
- * instead, so a line rewritten past the point the diff could pair it took its
- * number down with it and brought an identical one back up. The number blinked
- * although it had never gone away, and every substantially rewritten line did
- * it at once.
- *
- * Numbering the slots means only the numbers at the end move at all: those the
- * block grew to reach fade in, those it shrank past fade out, and every number
- * both structures have simply travels to its new row height. Which is also the
- * honest reading of the edit — inserting a line in the middle does not make a
- * new number appear there, it makes the block one line longer.
+ * One number per slot, not per row: "3" lasts as long as the listing has a third
+ * line. Tied to a row's identity, a line rewritten past what the diff could pair
+ * would take its number down and bring an identical one back up (a blink).
  */
 function drawLineNumbers(state, drawNumber, pMove, pIn, pOut) {
     const { tokenLines, from, to, edit, tokenStates: dim, highlightActive } = state;
@@ -265,8 +225,7 @@ function drawLineNumbers(state, drawNumber, pMove, pIn, pOut) {
     for (let i = 0; i < Math.max(fromCount, toCount); i++) {
         const inFrom = i < fromCount;
         const inTo = i < toCount;
-        // Highlight dimming follows whatever content occupies the slot, which
-        // is the new listing wherever there is one.
+        // Dimming follows the content in the slot: the new listing where there is one.
         const line = inTo ? tokenLines[i] : edit?.from[i];
         const dimming = line ? lineHighlightOpacity(line, dim, highlightActive) : 1;
         if (!edit)

package/dist/render.js.map

@@ -1 +1 @@
-{"version":3,"file":"render.js","sourceRoot":"","sources":["../src/render.ts"],"names":[],"mappings":"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","sourcesContent":["import { RenderContext2D, Graphics2D, NormalizedColor, parseColor, lerpNumber } from \"@motionscript/sdk\";\nimport type { CodeLayout, CodeMetrics } from \"./layout\";\nimport type { IdLine } from \"./tokens\";\nimport { windowProgress, moveProgress } from \"./transitions\";\nimport type { TokenState, StructuralTransition, RowBand, RowsTransition } from \"./transitions\";\nimport type { TokenAdvanceCache } from \"./measure-cache\";\n\n/** Colour of a token the grammar had no opinion about. */\nconst DEFAULT_TOKEN_COLOR: NormalizedColor = [0.82, 0.84, 0.86, 1];\n/** Gutter line-number colour: a muted version of the standard text colour. */\nconst LINE_NUMBER_COLOR: NormalizedColor = [0.45, 0.5, 0.55, 1];\n\n// `parseColor` walks a CSS string; a listing asks for the same handful of theme\n// colours on every token of every frame, so the parse is memoized. Module-level,\n// because the answer depends only on the string.\nconst colorCache = new Map<string, NormalizedColor>();\nfunction tokenColor(css: string | undefined): NormalizedColor {\n    if (!css) return DEFAULT_TOKEN_COLOR;\n    let hit = colorCache.get(css);\n    if (!hit) {\n        hit = parseColor(css);\n        colorCache.set(css, hit);\n    }\n    return hit;\n}\n\nfunction lerpColor(from: NormalizedColor, to: NormalizedColor, t: number): NormalizedColor {\n    if (t <= 0) return from;\n    if (t >= 1) return to;\n    return [\n        from[0] + (to[0] - from[0]) * t,\n        from[1] + (to[1] - from[1]) * t,\n        from[2] + (to[2] - from[2]) * t,\n        from[3] + (to[3] - from[3]) * t,\n    ];\n}\n\n// Opacity multiplier for a line's number under the active highlight. The\n// number stays bright only when the WHOLE line is highlighted, so we take the\n// min token opacity on the line. Returns 1 (no dimming) when no highlight is\n// active, so an edit's entries don't drag the number down.\nfunction lineHighlightOpacity(line: IdLine, stateById: Map<number, TokenState>, highlightActive: boolean): number {\n    if (!highlightActive) return 1;\n    let min = 1;\n    for (const tok of line.tokens) {\n        if (tok.content.length === 0) continue;\n        const op = stateById.get(tok.id)?.opacity ?? 1;\n        if (op < min) min = op;\n    }\n    return min;\n}\n\n/** Everything a `Code` node's own instance state supplies to draw one frame. */\nexport interface DrawCodeState {\n    tokenLines: IdLine[];\n    metrics: CodeMetrics;\n    advanceCache: TokenAdvanceCache;\n    /** The one or two layouts this frame draws from — see `frameLayout` in `layout.ts`. */\n    from: CodeLayout;\n    to: CodeLayout;\n    edit: StructuralTransition | null;\n    /** Per-token opacity from `resolveTokenStates` (persistent highlight + any active dim transition). */\n    tokenStates: Map<number, TokenState>;\n    /** Whether a highlight (persistent dim, or a highlight()/resetHighlight() cross-fade) is currently engaged. */\n    highlightActive: boolean;\n    /** The settled row bands, and the change between two sets of them in flight, if any. */\n    rowBands?: RowBand[];\n    rowsEdit?: RowsTransition | null;\n    /** The node's laid-out width, which a band spans when it is wider than the block. */\n    boxW?: number;\n}\n\n/** What a frame is drawn onto: somewhere to draw, and the face's measurements. A render context is one. */\nexport type CodeCanvas = Pick<RenderContext2D, \"draw\" | \"measureText\">;\n\n/**\n * Draw one frame of a code listing: the settled structure, or — mid\n * structural edit — the two structures it is interpolating between (what\n * stays reflows, what is leaving fades out where it was, what is arriving\n * fades/slides in where it lands). Pure over `state`; touches nothing but\n * `draw`.\n */\nexport function drawCode(draw: CodeCanvas, state: DrawCodeState): void {\n    const { tokenLines, metrics, advanceCache, from, to, edit, tokenStates: dim } = state;\n\n    const progress = edit ? edit.progress : 1;\n    const pOut = edit ? windowProgress(edit.phases.out, progress) : 1;\n    const pMove = moveProgress(edit);\n    const pIn = edit ? windowProgress(edit.phases.in, progress) : 1;\n\n    const blockW = edit ? lerpNumber(from.blockW, to.blockW, pMove) : to.blockW;\n    const gutter = edit ? lerpNumber(from.gutter, to.gutter, pMove) : to.gutter;\n    const gutterGap = to.gutterGap || from.gutterGap;\n    // Right edge of the line-number column: one gap to the left of where the\n    // code text begins.\n    const numberRight = -blockW / 2 + metrics.padding.left + gutter - gutterGap;\n\n    drawRowBands(draw, state, Math.max(blockW, state.boxW ?? 0), pMove);\n\n    const drawNumber = (label: string, y: number, opacity: number): void => {\n        if (opacity <= 0) return;\n        const labelW = advanceCache.advance(draw, label, metrics.fontSize, metrics.fontFamily, 0);\n        draw.draw(new Graphics2D()\n            .text({\n                text: label,\n                fontSize: metrics.fontSize,\n                fontFamily: metrics.fontFamily,\n                lineHeight: metrics.lineHeight,\n                x: numberRight - labelW / 2,\n                y,\n                textAlign: 'left',\n            })\n            .fill([{ type: \"solid\", color: LINE_NUMBER_COLOR, opacity }]));\n    };\n\n    const drawToken = (text: string, x: number, y: number, color: NormalizedColor, opacity: number): void => {\n        if (opacity <= 0 || text.length === 0) return;\n        const width = advanceCache.advance(draw, text, metrics.fontSize, metrics.fontFamily, metrics.letterSpacing);\n        draw.draw(new Graphics2D()\n            .text({\n                text,\n                fontSize: metrics.fontSize,\n                fontFamily: metrics.fontFamily,\n                lineHeight: metrics.lineHeight,\n                letterSpacing: metrics.letterSpacing,\n                // The renderer centres a single-token block on the (x, y) it is\n                // given, so every token is anchored at the centre of its cell\n                // rather than at its left edge. Passing lineHeight makes the\n                // block's height deterministic (fontSize × lineHeight) rather\n                // than the font's natural metrics, so the vertical centre\n                // lands exactly on the slot centre.\n                x: x + width / 2,\n                y,\n                textAlign: 'left',\n            })\n            .fill([{ type: \"solid\", color, opacity }]));\n    };\n\n    // What survived the edit, and what it brought with it — drawn from the\n    // structure the edit lands on.\n    for (let i = 0; i < tokenLines.length; i++) {\n        const line = tokenLines[i];\n        const toIndex = to.lineIndex.get(line.id);\n        if (toIndex === undefined) continue;\n        const toY = to.lineY[toIndex];\n\n        const entering = edit?.enteringLineIds.has(line.id) ?? false;\n        let rowY = toY;\n        let rowAlpha = 1;\n        if (edit && entering) {\n            // A wholly new row fades as one piece, in the place it lands — the\n            // line arrives, it does not travel to get there, and it is not a\n            // spray of glyphs each finding its own way in. See\n            // `StructuralTransition.enteringLineIds`.\n            rowAlpha = pIn;\n        } else if (edit) {\n            const fromIndex = from.lineIndex.get(line.id);\n            if (fromIndex !== undefined) rowY = lerpNumber(from.lineY[fromIndex], toY, pMove);\n        }\n\n        for (const token of line.tokens) {\n            const box = to.tokens.get(token.id);\n            if (!box) continue;\n\n            let x = box.x;\n            let alpha = rowAlpha;\n            let color = tokenColor(token.color);\n\n            if (edit && !entering) {\n                if (edit.addedIds.has(token.id)) {\n                    // Spliced into a row that already existed: the reflow\n                    // already opened the space, so this only has to appear.\n                    alpha = pIn;\n                } else {\n                    const was = from.tokens.get(token.id);\n                    if (was) x = lerpNumber(was.x, box.x, pMove);\n                    if (edit.fromColorById.has(token.id)) {\n                        color = lerpColor(tokenColor(edit.fromColorById.get(token.id)), color, pMove);\n                    }\n                }\n            }\n\n            drawToken(token.content, x, rowY, color, alpha * (dim.get(token.id)?.opacity ?? 1));\n        }\n    }\n\n    // What the edit takes away, drawn from the structure it is leaving — it\n    // has no place in the new one, which is the whole reason it is fading.\n    if (edit && pOut < 1) {\n        for (let i = 0; i < edit.from.length; i++) {\n            const line = edit.from[i];\n            const fromIndex = from.lineIndex.get(line.id);\n            if (fromIndex === undefined) continue;\n            const toIndex = to.lineIndex.get(line.id);\n            // A row that survived the edit is still moving, so its outgoing\n            // tokens travel with it; a deleted row stays where it was and\n            // dissolves while the rows below close over it.\n            const y = toIndex === undefined\n                ? from.lineY[fromIndex]\n                : lerpNumber(from.lineY[fromIndex], to.lineY[toIndex], pMove);\n\n            for (const token of line.tokens) {\n                if (!edit.removedIds.has(token.id)) continue;\n                const box = from.tokens.get(token.id);\n                if (!box) continue;\n                drawToken(token.content, box.x, y, tokenColor(token.color), 1 - pOut);\n            }\n        }\n    }\n\n    if (metrics.showLineNumbers) drawLineNumbers(state, drawNumber, pMove, pIn, pOut);\n}\n\n/** A band's top and bottom edge this frame, or `null` when neither of its rows is in the listing any more. */\nfunction bandEdges(band: RowBand, state: DrawCodeState, pMove: number): { top: number; bottom: number } | null {\n    const { from, to, metrics } = state;\n    const half = (metrics.fontSize * metrics.lineHeight) / 2;\n    const centre = (id: number): number | null => {\n        const toIndex = to.lineIndex.get(id);\n        const fromIndex = from.lineIndex.get(id);\n        if (toIndex !== undefined && fromIndex !== undefined) return lerpNumber(from.lineY[fromIndex], to.lineY[toIndex], pMove);\n        if (toIndex !== undefined) return to.lineY[toIndex];\n        return fromIndex === undefined ? null : from.lineY[fromIndex];\n    };\n    const first = centre(band.startId);\n    const last = centre(band.endId);\n    if (first === null && last === null) return null;\n    return { top: (first ?? last as number) + half, bottom: (last ?? first as number) - half };\n}\n\n/**\n * Draw the row bands, under the text and across the whole block. A band rides\n * its rows through a structural edit; between two sets, bands paired by position\n * slide and recolour while an unpaired one fades.\n */\nfunction drawRowBands(draw: CodeCanvas, state: DrawCodeState, width: number, pMove: number): void {\n    const { rowBands = [], rowsEdit = null } = state;\n    const paint = (top: number, bottom: number, color: NormalizedColor, radius: number, opacity: number): void => {\n        if (opacity <= 0 || top <= bottom) return;\n        draw.draw(new Graphics2D()\n            .rect({ x: 0, y: (top + bottom) / 2, width, height: top - bottom, cornerRadius: radius })\n            .fill([{ type: \"solid\", color, opacity }]));\n    };\n\n    if (!rowsEdit) {\n        for (const band of rowBands) {\n            const edges = bandEdges(band, state, pMove);\n            if (edges) paint(edges.top, edges.bottom, band.color, band.radius, 1);\n        }\n        return;\n    }\n\n    const p = rowsEdit.progress;\n    for (let i = 0; i < Math.max(rowsEdit.from.length, rowsEdit.to.length); i++) {\n        const was = rowsEdit.from[i];\n        const next = rowsEdit.to[i];\n        const a = was ? bandEdges(was, state, pMove) : null;\n        const b = next ? bandEdges(next, state, pMove) : null;\n        if (a && b) {\n            paint(\n                lerpNumber(a.top, b.top, p), lerpNumber(a.bottom, b.bottom, p),\n                lerpColor(was.color, next.color, p), lerpNumber(was.radius, next.radius, p), 1,\n            );\n        } else if (a) {\n            paint(a.top, a.bottom, was.color, was.radius, 1 - p);\n        } else if (b) {\n            paint(b.top, b.bottom, next.color, next.radius, p);\n        }\n    }\n}\n\n/**\n * Draw the gutter — one number per *slot*, not one per row.\n *\n * That distinction is the whole of it. A line number is an ordinal of the\n * block: \"3\" means the third line, and it is there for exactly as long as the\n * listing has a third line. Drawing it alongside the row it labels — the\n * obvious thing, since that is where it appears — tied it to the row's identity\n * instead, so a line rewritten past the point the diff could pair it took its\n * number down with it and brought an identical one back up. The number blinked\n * although it had never gone away, and every substantially rewritten line did\n * it at once.\n *\n * Numbering the slots means only the numbers at the end move at all: those the\n * block grew to reach fade in, those it shrank past fade out, and every number\n * both structures have simply travels to its new row height. Which is also the\n * honest reading of the edit — inserting a line in the middle does not make a\n * new number appear there, it makes the block one line longer.\n */\nfunction drawLineNumbers(\n    state: DrawCodeState,\n    drawNumber: (label: string, y: number, opacity: number) => void,\n    pMove: number,\n    pIn: number,\n    pOut: number,\n): void {\n    const { tokenLines, from, to, edit, tokenStates: dim, highlightActive } = state;\n\n    const toCount = tokenLines.length;\n    const fromCount = edit ? edit.from.length : toCount;\n\n    for (let i = 0; i < Math.max(fromCount, toCount); i++) {\n        const inFrom = i < fromCount;\n        const inTo = i < toCount;\n        // Highlight dimming follows whatever content occupies the slot, which\n        // is the new listing wherever there is one.\n        const line = inTo ? tokenLines[i] : edit?.from[i];\n        const dimming = line ? lineHighlightOpacity(line, dim, highlightActive) : 1;\n\n        if (!edit) drawNumber(String(i + 1), to.lineY[i], dimming);\n        else if (inFrom && inTo) drawNumber(String(i + 1), lerpNumber(from.lineY[i], to.lineY[i], pMove), dimming);\n        else if (inTo) drawNumber(String(i + 1), to.lineY[i], pIn * dimming);\n        else drawNumber(String(i + 1), from.lineY[i], (1 - pOut) * dimming);\n    }\n}\n"]}
+{"version":3,"file":"render.js","sourceRoot":"","sources":["../src/render.ts"],"names":[],"mappings":"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","sourcesContent":["import { RenderContext2D, Graphics2D, NormalizedColor, parseColor, lerpNumber } from \"@motionscript/sdk\";\nimport type { CodeLayout, CodeMetrics } from \"./layout\";\nimport type { IdLine } from \"./tokens\";\nimport { windowProgress, moveProgress } from \"./transitions\";\nimport type { TokenState, StructuralTransition, RowBand, RowsTransition } from \"./transitions\";\nimport type { TokenAdvanceCache } from \"./measure-cache\";\n\nconst DEFAULT_TOKEN_COLOR: NormalizedColor = [0.82, 0.84, 0.86, 1];\nconst LINE_NUMBER_COLOR: NormalizedColor = [0.45, 0.5, 0.55, 1];\n\n// A listing asks for the same few theme colours on every token of every frame.\nconst colorCache = new Map<string, NormalizedColor>();\nfunction tokenColor(css: string | undefined): NormalizedColor {\n    if (!css) return DEFAULT_TOKEN_COLOR;\n    let hit = colorCache.get(css);\n    if (!hit) {\n        hit = parseColor(css);\n        colorCache.set(css, hit);\n    }\n    return hit;\n}\n\nfunction lerpColor(from: NormalizedColor, to: NormalizedColor, t: number): NormalizedColor {\n    if (t <= 0) return from;\n    if (t >= 1) return to;\n    return [\n        from[0] + (to[0] - from[0]) * t,\n        from[1] + (to[1] - from[1]) * t,\n        from[2] + (to[2] - from[2]) * t,\n        from[3] + (to[3] - from[3]) * t,\n    ];\n}\n\n// A number stays bright only when the whole line is highlighted, so it takes the line's minimum token opacity.\nfunction lineHighlightOpacity(line: IdLine, stateById: Map<number, TokenState>, highlightActive: boolean): number {\n    if (!highlightActive) return 1;\n    let min = 1;\n    for (const tok of line.tokens) {\n        if (tok.content.length === 0) continue;\n        const op = stateById.get(tok.id)?.opacity ?? 1;\n        if (op < min) min = op;\n    }\n    return min;\n}\n\n/** What a `Code` node supplies to draw one frame. */\nexport interface DrawCodeState {\n    tokenLines: IdLine[];\n    metrics: CodeMetrics;\n    advanceCache: TokenAdvanceCache;\n    from: CodeLayout;\n    to: CodeLayout;\n    edit: StructuralTransition | null;\n    tokenStates: Map<number, TokenState>;\n    /** A persistent dim or a highlight cross-fade is engaged. */\n    highlightActive: boolean;\n    rowBands?: RowBand[];\n    rowsEdit?: RowsTransition | null;\n    /** A band spans this when it is wider than the block. */\n    boxW?: number;\n}\n\n/** Somewhere to draw and the face's measurements; a render context is one. */\nexport type CodeCanvas = Pick<RenderContext2D, \"draw\" | \"measureText\">;\n\n/** Draws the settled structure, or mid-edit the two it interpolates between. Pure over `state`. */\nexport function drawCode(draw: CodeCanvas, state: DrawCodeState): void {\n    const { tokenLines, metrics, advanceCache, from, to, edit, tokenStates: dim } = state;\n\n    const progress = edit ? edit.progress : 1;\n    const pOut = edit ? windowProgress(edit.phases.out, progress) : 1;\n    const pMove = moveProgress(edit);\n    const pIn = edit ? windowProgress(edit.phases.in, progress) : 1;\n\n    const blockW = edit ? lerpNumber(from.blockW, to.blockW, pMove) : to.blockW;\n    const gutter = edit ? lerpNumber(from.gutter, to.gutter, pMove) : to.gutter;\n    const gutterGap = to.gutterGap || from.gutterGap;\n    const numberRight = -blockW / 2 + metrics.padding.left + gutter - gutterGap;\n\n    drawRowBands(draw, state, Math.max(blockW, state.boxW ?? 0), pMove);\n\n    const drawNumber = (label: string, y: number, opacity: number): void => {\n        if (opacity <= 0) return;\n        const labelW = advanceCache.advance(draw, label, metrics.fontSize, metrics.fontFamily, 0);\n        draw.draw(new Graphics2D()\n            .text({\n                text: label,\n                fontSize: metrics.fontSize,\n                fontFamily: metrics.fontFamily,\n                lineHeight: metrics.lineHeight,\n                x: numberRight - labelW / 2,\n                y,\n                textAlign: 'left',\n            })\n            .fill([{ type: \"solid\", color: LINE_NUMBER_COLOR, opacity }]));\n    };\n\n    const drawToken = (text: string, x: number, y: number, color: NormalizedColor, opacity: number): void => {\n        if (opacity <= 0 || text.length === 0) return;\n        const width = advanceCache.advance(draw, text, metrics.fontSize, metrics.fontFamily, metrics.letterSpacing);\n        draw.draw(new Graphics2D()\n            .text({\n                text,\n                fontSize: metrics.fontSize,\n                fontFamily: metrics.fontFamily,\n                lineHeight: metrics.lineHeight,\n                letterSpacing: metrics.letterSpacing,\n                // The renderer centres a single-token block on the (x, y) it is\n                // given, so every token is anchored at the centre of its cell\n                // rather than at its left edge. Passing lineHeight makes the\n                // block's height deterministic (fontSize × lineHeight) rather\n                // than the font's natural metrics, so the vertical centre\n                // lands exactly on the slot centre.\n                x: x + width / 2,\n                y,\n                textAlign: 'left',\n            })\n            .fill([{ type: \"solid\", color, opacity }]));\n    };\n\n    // Survivors and arrivals, from the structure the edit lands on.\n    for (let i = 0; i < tokenLines.length; i++) {\n        const line = tokenLines[i];\n        const toIndex = to.lineIndex.get(line.id);\n        if (toIndex === undefined) continue;\n        const toY = to.lineY[toIndex];\n\n        const entering = edit?.enteringLineIds.has(line.id) ?? false;\n        let rowY = toY;\n        let rowAlpha = 1;\n        if (edit && entering) {\n            // A new row fades as one piece where it lands (see `enteringLineIds`).\n            rowAlpha = pIn;\n        } else if (edit) {\n            const fromIndex = from.lineIndex.get(line.id);\n            if (fromIndex !== undefined) rowY = lerpNumber(from.lineY[fromIndex], toY, pMove);\n        }\n\n        for (const token of line.tokens) {\n            const box = to.tokens.get(token.id);\n            if (!box) continue;\n\n            let x = box.x;\n            let alpha = rowAlpha;\n            let color = tokenColor(token.color);\n\n            if (edit && !entering) {\n                if (edit.addedIds.has(token.id)) {\n                    // Spliced into an existing row: the reflow opened the space already.\n                    alpha = pIn;\n                } else {\n                    const was = from.tokens.get(token.id);\n                    if (was) x = lerpNumber(was.x, box.x, pMove);\n                    if (edit.fromColorById.has(token.id)) {\n                        color = lerpColor(tokenColor(edit.fromColorById.get(token.id)), color, pMove);\n                    }\n                }\n            }\n\n            drawToken(token.content, x, rowY, color, alpha * (dim.get(token.id)?.opacity ?? 1));\n        }\n    }\n\n    // What the edit takes away, from the structure it is leaving.\n    if (edit && pOut < 1) {\n        for (let i = 0; i < edit.from.length; i++) {\n            const line = edit.from[i];\n            const fromIndex = from.lineIndex.get(line.id);\n            if (fromIndex === undefined) continue;\n            const toIndex = to.lineIndex.get(line.id);\n            // A surviving row's outgoing tokens travel with it; a deleted row dissolves in place.\n            const y = toIndex === undefined\n                ? from.lineY[fromIndex]\n                : lerpNumber(from.lineY[fromIndex], to.lineY[toIndex], pMove);\n\n            for (const token of line.tokens) {\n                if (!edit.removedIds.has(token.id)) continue;\n                const box = from.tokens.get(token.id);\n                if (!box) continue;\n                drawToken(token.content, box.x, y, tokenColor(token.color), 1 - pOut);\n            }\n        }\n    }\n\n    if (metrics.showLineNumbers) drawLineNumbers(state, drawNumber, pMove, pIn, pOut);\n}\n\n/** A band's top and bottom edge this frame, or `null` when neither of its rows is in the listing any more. */\nfunction bandEdges(band: RowBand, state: DrawCodeState, pMove: number): { top: number; bottom: number } | null {\n    const { from, to, metrics } = state;\n    const half = (metrics.fontSize * metrics.lineHeight) / 2;\n    const centre = (id: number): number | null => {\n        const toIndex = to.lineIndex.get(id);\n        const fromIndex = from.lineIndex.get(id);\n        if (toIndex !== undefined && fromIndex !== undefined) return lerpNumber(from.lineY[fromIndex], to.lineY[toIndex], pMove);\n        if (toIndex !== undefined) return to.lineY[toIndex];\n        return fromIndex === undefined ? null : from.lineY[fromIndex];\n    };\n    const first = centre(band.startId);\n    const last = centre(band.endId);\n    if (first === null && last === null) return null;\n    return { top: (first ?? last as number) + half, bottom: (last ?? first as number) - half };\n}\n\n/** Bands ride their rows through an edit; between two sets, those paired by position slide and recolour and an unpaired one fades. */\nfunction drawRowBands(draw: CodeCanvas, state: DrawCodeState, width: number, pMove: number): void {\n    const { rowBands = [], rowsEdit = null } = state;\n    const paint = (top: number, bottom: number, color: NormalizedColor, radius: number, opacity: number): void => {\n        if (opacity <= 0 || top <= bottom) return;\n        draw.draw(new Graphics2D()\n            .rect({ x: 0, y: (top + bottom) / 2, width, height: top - bottom, cornerRadius: radius })\n            .fill([{ type: \"solid\", color, opacity }]));\n    };\n\n    if (!rowsEdit) {\n        for (const band of rowBands) {\n            const edges = bandEdges(band, state, pMove);\n            if (edges) paint(edges.top, edges.bottom, band.color, band.radius, 1);\n        }\n        return;\n    }\n\n    const p = rowsEdit.progress;\n    for (let i = 0; i < Math.max(rowsEdit.from.length, rowsEdit.to.length); i++) {\n        const was = rowsEdit.from[i];\n        const next = rowsEdit.to[i];\n        const a = was ? bandEdges(was, state, pMove) : null;\n        const b = next ? bandEdges(next, state, pMove) : null;\n        if (a && b) {\n            paint(\n                lerpNumber(a.top, b.top, p), lerpNumber(a.bottom, b.bottom, p),\n                lerpColor(was.color, next.color, p), lerpNumber(was.radius, next.radius, p), 1,\n            );\n        } else if (a) {\n            paint(a.top, a.bottom, was.color, was.radius, 1 - p);\n        } else if (b) {\n            paint(b.top, b.bottom, next.color, next.radius, p);\n        }\n    }\n}\n\n/**\n * One number per slot, not per row: \"3\" lasts as long as the listing has a third\n * line. Tied to a row's identity, a line rewritten past what the diff could pair\n * would take its number down and bring an identical one back up (a blink).\n */\nfunction drawLineNumbers(\n    state: DrawCodeState,\n    drawNumber: (label: string, y: number, opacity: number) => void,\n    pMove: number,\n    pIn: number,\n    pOut: number,\n): void {\n    const { tokenLines, from, to, edit, tokenStates: dim, highlightActive } = state;\n\n    const toCount = tokenLines.length;\n    const fromCount = edit ? edit.from.length : toCount;\n\n    for (let i = 0; i < Math.max(fromCount, toCount); i++) {\n        const inFrom = i < fromCount;\n        const inTo = i < toCount;\n        // Dimming follows the content in the slot: the new listing where there is one.\n        const line = inTo ? tokenLines[i] : edit?.from[i];\n        const dimming = line ? lineHighlightOpacity(line, dim, highlightActive) : 1;\n\n        if (!edit) drawNumber(String(i + 1), to.lineY[i], dimming);\n        else if (inFrom && inTo) drawNumber(String(i + 1), lerpNumber(from.lineY[i], to.lineY[i], pMove), dimming);\n        else if (inTo) drawNumber(String(i + 1), to.lineY[i], pIn * dimming);\n        else drawNumber(String(i + 1), from.lineY[i], (1 - pOut) * dimming);\n    }\n}\n"]}

package/dist/style.d.ts

@@ -1,68 +1,22 @@
 import { Highlighter, Tag } from "@lezer/highlight";
-/**
- * A single style rule: map one or more Lezer highlight {@link Tag}s to a color.
- * This mirrors a `@codemirror/language` HighlightStyle entry, but instead of
- * emitting CSS class names it carries the color directly — we render to a canvas,
- * not the DOM, so there is no stylesheet to resolve against.
- */
+/** Lezer highlight {@link Tag}s mapped to a color; a canvas has no stylesheet, so the color is carried directly. */
 export interface CodeStyleRule {
     tag: Tag | readonly Tag[];
     color: string;
 }
-/**
- * A code theme: an ordered list of tag→color rules plus a fallback color for any
- * text the parser produces no highlight tag for (operators, punctuation, plain
- * identifiers in some grammars, etc.). Pass a custom one via the Code node's
- * `theme` prop to recolor highlighting without touching the highlighter wiring.
- *
- * @remarks
- * Later rules win when several match the same tag, matching how
- * `@lezer/highlight`'s {@link tagHighlighter} resolves precedence.
- */
+/** Ordered tag rules plus a fallback color; later rules win when several match a tag, as in {@link tagHighlighter}. */
 export interface CodeHighlightStyle {
-    /** Stable name, used to register the style and to refer to it from a `theme` prop. */
+    /** Registers the style and names it in a `theme` prop. */
     name: string;
-    /** Color applied to text with no matching tag. */
+    /** For text with no matching tag. */
     defaultColor: string;
     rules: CodeStyleRule[];
 }
-/**
- * Motion Canvas's default highlight palette (a Nord-derived theme), ported from
- * `@motion-canvas/2d`'s DefaultHighlightStyle so highlighting matches Motion
- * Canvas token-for-token. Colors and tag groupings are kept identical; only the
- * shape changes (color strings in place of CSS rules).
- */
 export declare const DefaultHighlightStyle: CodeHighlightStyle;
-/**
- * GitHub Dark highlight palette, adapted from `@uiw/codemirror-theme-github`.
- * `defaultColor` is GitHub's editor foreground (`#c9d1d9`), used for any text the
- * parser tags don't cover. DOM-only style props (backgroundColor, textDecoration,
- * fontWeight, fontStyle) are dropped — we only color tokens on the canvas.
- */
 export declare const GithubDarkStyle: CodeHighlightStyle;
-/**
- * GitHub Light highlight palette, adapted from `@uiw/codemirror-theme-github`.
- * `defaultColor` is GitHub's editor foreground (`#24292e`). See {@link GithubDarkStyle}
- * for the note on dropped DOM-only style props.
- */
 export declare const GithubLightStyle: CodeHighlightStyle;
-/**
- * VS Code Dark+ highlight palette, adapted from the `@uiw/codemirror-theme-vscode`
- * snippet. `defaultColor` is VS Code's editor foreground (`#9cdcfe`). DOM-only
- * style props are dropped; later rules win, matching {@link tagHighlighter}.
- */
 export declare const VscodeDarkStyle: CodeHighlightStyle;
-/**
- * VS Code Light+ highlight palette, adapted from the `@uiw/codemirror-theme-vscode`
- * snippet. `defaultColor` is VS Code's editor foreground (`#383a42`). See
- * {@link VscodeDarkStyle} for the note on dropped DOM-only style props.
- */
 export declare const VscodeLightStyle: CodeHighlightStyle;
-/**
- * The built-in themes, keyed by their string name. {@link CodeThemeName} is the
- * union of these keys — pass one of those strings (or any {@link CodeHighlightStyle}
- * object) to a Code node's `theme` prop.
- */
 export declare const BUILTIN_THEMES: {
     "motion-canvas-default": CodeHighlightStyle;
     "github-dark": CodeHighlightStyle;
@@ -72,17 +26,8 @@ export declare const BUILTIN_THEMES: {
 };
 /** Names of the built-in themes, e.g. `'github-dark' | 'github-light'`. */
 export type CodeThemeName = keyof typeof BUILTIN_THEMES;
-/**
- * What a Code node's `theme` prop accepts: a built-in theme name (with
- * autocomplete), any other registered theme name, or a {@link CodeHighlightStyle}
- * object passed inline. The `string & {}` keeps the literal-name suggestions while
- * still allowing arbitrary registered names.
- */
+/** A built-in name, any registered name, or a style inline; `string & {}` keeps the autocomplete for the built-in names. */
 export type CodeTheme = CodeThemeName | (string & {}) | CodeHighlightStyle;
-/**
- * Compile a {@link CodeHighlightStyle} into a `@lezer/highlight` {@link Highlighter}
- * whose "class" output is the literal color string for each tag. Cached per style
- * object so repeated lookups (every tokenize) don't rebuild the matcher.
- */
+/** A {@link Highlighter} whose "class" output is the color string for each tag. */
 export declare function compileStyle(style: CodeHighlightStyle): Highlighter;
 //# sourceMappingURL=style.d.ts.map

package/dist/style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../src/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,GAAG,EAA6B,MAAM,kBAAkB,CAAC;AAE/E;;;;;GAKG;AACH,MAAM,WAAW,aAAa;IAC1B,GAAG,EAAE,GAAG,GAAG,SAAS,GAAG,EAAE,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;;GASG;AACH,MAAM,WAAW,kBAAkB;IAC/B,sFAAsF;IACtF,IAAI,EAAE,MAAM,CAAC;IACb,kDAAkD;IAClD,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,aAAa,EAAE,CAAC;CAC1B;AAED;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,EAAE,kBAwCnC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,eAAe,EAAE,kBAiB7B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,kBAkB9B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,eAAe,EAAE,kBAgC7B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,kBAgC9B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,cAAc;;;;;;CAQmB,CAAC;AAE/C,2EAA2E;AAC3E,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,cAAc,CAAC;AAExD;;;;;GAKG;AACH,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,GAAG,kBAAkB,CAAC;AAU3E;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,kBAAkB,GAAG,WAAW,CAQnE"}
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../src/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,GAAG,EAA6B,MAAM,kBAAkB,CAAC;AAE/E,oHAAoH;AACpH,MAAM,WAAW,aAAa;IAC1B,GAAG,EAAE,GAAG,GAAG,SAAS,GAAG,EAAE,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,uHAAuH;AACvH,MAAM,WAAW,kBAAkB;IAC/B,0DAA0D;IAC1D,IAAI,EAAE,MAAM,CAAC;IACb,qCAAqC;IACrC,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,aAAa,EAAE,CAAC;CAC1B;AAID,eAAO,MAAM,qBAAqB,EAAE,kBAwCnC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,kBAiB7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,kBAkB9B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,kBAgC7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,kBAgC9B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;CAQmB,CAAC;AAE/C,2EAA2E;AAC3E,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,cAAc,CAAC;AAExD,4HAA4H;AAC5H,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,GAAG,kBAAkB,CAAC;AAQ3E,mFAAmF;AACnF,wBAAgB,YAAY,CAAC,KAAK,EAAE,kBAAkB,GAAG,WAAW,CAQnE"}

package/dist/style.js

@@ -1,10 +1,6 @@
 import { tagHighlighter, tags as t } from "@lezer/highlight";
-/**
- * Motion Canvas's default highlight palette (a Nord-derived theme), ported from
- * `@motion-canvas/2d`'s DefaultHighlightStyle so highlighting matches Motion
- * Canvas token-for-token. Colors and tag groupings are kept identical; only the
- * shape changes (color strings in place of CSS rules).
- */
+// The default palette is ported from `@motion-canvas/2d`; the GitHub and VS Code ones are adapted from
+// `@uiw/codemirror-theme-github` and `-vscode`, with their DOM-only style props dropped.
 export const DefaultHighlightStyle = {
     name: "motion-canvas-default",
     defaultColor: "#d8dee9",
@@ -46,12 +42,6 @@ export const DefaultHighlightStyle = {
         { tag: t.invalid, color: "#434c5e" },
     ],
 };
-/**
- * GitHub Dark highlight palette, adapted from `@uiw/codemirror-theme-github`.
- * `defaultColor` is GitHub's editor foreground (`#c9d1d9`), used for any text the
- * parser tags don't cover. DOM-only style props (backgroundColor, textDecoration,
- * fontWeight, fontStyle) are dropped — we only color tokens on the canvas.
- */
 export const GithubDarkStyle = {
     name: "github-dark",
     defaultColor: "#c9d1d9",
@@ -70,11 +60,6 @@ export const GithubDarkStyle = {
         { tag: t.invalid, color: "#f97583" },
     ],
 };
-/**
- * GitHub Light highlight palette, adapted from `@uiw/codemirror-theme-github`.
- * `defaultColor` is GitHub's editor foreground (`#24292e`). See {@link GithubDarkStyle}
- * for the note on dropped DOM-only style props.
- */
 export const GithubLightStyle = {
     name: "github-light",
     defaultColor: "#24292e",
@@ -94,11 +79,6 @@ export const GithubLightStyle = {
         { tag: t.invalid, color: "#cb2431" },
     ],
 };
-/**
- * VS Code Dark+ highlight palette, adapted from the `@uiw/codemirror-theme-vscode`
- * snippet. `defaultColor` is VS Code's editor foreground (`#9cdcfe`). DOM-only
- * style props are dropped; later rules win, matching {@link tagHighlighter}.
- */
 export const VscodeDarkStyle = {
     name: "vscode-dark",
     defaultColor: "#9cdcfe",
@@ -132,11 +112,6 @@ export const VscodeDarkStyle = {
         { tag: t.invalid, color: "#ff0000" },
     ],
 };
-/**
- * VS Code Light+ highlight palette, adapted from the `@uiw/codemirror-theme-vscode`
- * snippet. `defaultColor` is VS Code's editor foreground (`#383a42`). See
- * {@link VscodeDarkStyle} for the note on dropped DOM-only style props.
- */
 export const VscodeLightStyle = {
     name: "vscode-light",
     defaultColor: "#383a42",
@@ -170,11 +145,6 @@ export const VscodeLightStyle = {
         { tag: t.invalid, color: "#e45649" },
     ],
 };
-/**
- * The built-in themes, keyed by their string name. {@link CodeThemeName} is the
- * union of these keys — pass one of those strings (or any {@link CodeHighlightStyle}
- * object) to a Code node's `theme` prop.
- */
 export const BUILTIN_THEMES = {
     // Literal keys (not computed from `.name`) so `keyof` yields a string-literal
     // union for CodeThemeName; these must stay in sync with each style's `name`.
@@ -184,18 +154,12 @@ export const BUILTIN_THEMES = {
     "vscode-dark": VscodeDarkStyle,
     "vscode-light": VscodeLightStyle,
 };
-// Cache one compiled Highlighter per style *object*. Compiling builds a tag-rule
-// matcher; the parsed result is pure data so it's safe to share across Code nodes.
-// Keyed by the object rather than its `name`: two styles may share a name (an
+// One compiled Highlighter per style *object*, keyed by the object rather than its `name`: two styles may share a name (an
 // inline theme, or one re-registered under the same name with new colours), and
 // the second must not colour with the first one's rules. A WeakMap, so a style
 // nothing refers to any more takes its matcher with it.
 const compiledByStyle = new WeakMap();
-/**
- * Compile a {@link CodeHighlightStyle} into a `@lezer/highlight` {@link Highlighter}
- * whose "class" output is the literal color string for each tag. Cached per style
- * object so repeated lookups (every tokenize) don't rebuild the matcher.
- */
+/** A {@link Highlighter} whose "class" output is the color string for each tag. */
 export function compileStyle(style) {
     const cached = compiledByStyle.get(style);
     if (cached)

package/dist/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sourceRoot":"","sources":["../src/style.ts"],"names":[],"mappings":"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","sourcesContent":["import { Highlighter, Tag, tagHighlighter, tags as t } from \"@lezer/highlight\";\n\n/**\n * A single style rule: map one or more Lezer highlight {@link Tag}s to a color.\n * This mirrors a `@codemirror/language` HighlightStyle entry, but instead of\n * emitting CSS class names it carries the color directly — we render to a canvas,\n * not the DOM, so there is no stylesheet to resolve against.\n */\nexport interface CodeStyleRule {\n    tag: Tag | readonly Tag[];\n    color: string;\n}\n\n/**\n * A code theme: an ordered list of tag→color rules plus a fallback color for any\n * text the parser produces no highlight tag for (operators, punctuation, plain\n * identifiers in some grammars, etc.). Pass a custom one via the Code node's\n * `theme` prop to recolor highlighting without touching the highlighter wiring.\n *\n * @remarks\n * Later rules win when several match the same tag, matching how\n * `@lezer/highlight`'s {@link tagHighlighter} resolves precedence.\n */\nexport interface CodeHighlightStyle {\n    /** Stable name, used to register the style and to refer to it from a `theme` prop. */\n    name: string;\n    /** Color applied to text with no matching tag. */\n    defaultColor: string;\n    rules: CodeStyleRule[];\n}\n\n/**\n * Motion Canvas's default highlight palette (a Nord-derived theme), ported from\n * `@motion-canvas/2d`'s DefaultHighlightStyle so highlighting matches Motion\n * Canvas token-for-token. Colors and tag groupings are kept identical; only the\n * shape changes (color strings in place of CSS rules).\n */\nexport const DefaultHighlightStyle: CodeHighlightStyle = {\n    name: \"motion-canvas-default\",\n    defaultColor: \"#d8dee9\",\n    rules: [\n        { tag: t.keyword, color: \"#5e81ac\" },\n        { tag: [t.name, t.deleted, t.character, t.propertyName, t.macroName], color: \"#88c0d0\" },\n        { tag: [t.variableName], color: \"#8fbcbb\" },\n        { tag: [t.function(t.variableName)], color: \"#8fbcbb\" },\n        { tag: [t.labelName], color: \"#81a1c1\" },\n        { tag: [t.color, t.constant(t.name), t.standard(t.name)], color: \"#5e81ac\" },\n        { tag: [t.definition(t.name), t.separator], color: \"#a3be8c\" },\n        { tag: [t.brace], color: \"#8fbcbb\" },\n        { tag: [t.annotation], color: \"#d30102\" },\n        { tag: [t.number, t.changed, t.annotation, t.modifier, t.self, t.namespace], color: \"#b48ead\" },\n        { tag: [t.typeName, t.className], color: \"#ECEFF4\" },\n        { tag: [t.operator, t.operatorKeyword], color: \"#a3be8c\" },\n        { tag: [t.tagName], color: \"#b48ead\" },\n        { tag: [t.squareBracket], color: \"#ECEFF4\" },\n        { tag: [t.angleBracket], color: \"#ECEFF4\" },\n        { tag: [t.attributeName], color: \"#eceff4\" },\n        { tag: [t.regexp], color: \"#5e81ac\" },\n        { tag: [t.quote], color: \"#b48ead\" },\n        { tag: [t.string], color: \"#a3be8c\" },\n        { tag: t.link, color: \"#a3be8c\" },\n        { tag: [t.url, t.escape, t.special(t.string)], color: \"#8fbcbb\" },\n        { tag: [t.meta], color: \"#88c0d0\" },\n        { tag: [t.monospace], color: \"#d8dee9\" },\n        { tag: [t.comment], color: \"#4c566a\" },\n        { tag: t.strong, color: \"#5e81ac\" },\n        { tag: t.emphasis, color: \"#5e81ac\" },\n        { tag: t.heading, color: \"#5e81ac\" },\n        { tag: t.special(t.heading1), color: \"#5e81ac\" },\n        { tag: t.heading1, color: \"#5e81ac\" },\n        { tag: [t.heading2, t.heading3, t.heading4], color: \"#5e81ac\" },\n        { tag: [t.heading5, t.heading6], color: \"#5e81ac\" },\n        { tag: [t.atom, t.bool, t.special(t.variableName)], color: \"#d08770\" },\n        { tag: [t.processingInstruction, t.inserted], color: \"#8fbcbb\" },\n        { tag: [t.contentSeparator], color: \"#ebcb8b\" },\n        { tag: t.invalid, color: \"#434c5e\" },\n    ],\n};\n\n/**\n * GitHub Dark highlight palette, adapted from `@uiw/codemirror-theme-github`.\n * `defaultColor` is GitHub's editor foreground (`#c9d1d9`), used for any text the\n * parser tags don't cover. DOM-only style props (backgroundColor, textDecoration,\n * fontWeight, fontStyle) are dropped — we only color tokens on the canvas.\n */\nexport const GithubDarkStyle: CodeHighlightStyle = {\n    name: \"github-dark\",\n    defaultColor: \"#c9d1d9\",\n    rules: [\n        { tag: [t.standard(t.tagName), t.tagName], color: \"#7ee787\" },\n        { tag: [t.comment, t.bracket], color: \"#8b949e\" },\n        { tag: [t.className, t.propertyName], color: \"#d2a8ff\" },\n        { tag: [t.variableName, t.attributeName, t.number, t.operator], color: \"#79c0ff\" },\n        { tag: [t.keyword, t.typeName, t.typeOperator], color: \"#ff7b72\" },\n        { tag: [t.string, t.meta, t.regexp], color: \"#a5d6ff\" },\n        { tag: [t.name, t.quote], color: \"#7ee787\" },\n        { tag: [t.heading, t.strong], color: \"#d2a8ff\" },\n        { tag: [t.emphasis], color: \"#d2a8ff\" },\n        { tag: [t.deleted], color: \"#ffdcd7\" },\n        { tag: [t.atom, t.bool, t.special(t.variableName)], color: \"#ffab70\" },\n        { tag: t.invalid, color: \"#f97583\" },\n    ],\n};\n\n/**\n * GitHub Light highlight palette, adapted from `@uiw/codemirror-theme-github`.\n * `defaultColor` is GitHub's editor foreground (`#24292e`). See {@link GithubDarkStyle}\n * for the note on dropped DOM-only style props.\n */\nexport const GithubLightStyle: CodeHighlightStyle = {\n    name: \"github-light\",\n    defaultColor: \"#24292e\",\n    rules: [\n        { tag: [t.standard(t.tagName), t.tagName], color: \"#116329\" },\n        { tag: [t.comment, t.bracket], color: \"#6a737d\" },\n        { tag: [t.className, t.propertyName], color: \"#6f42c1\" },\n        { tag: [t.variableName, t.attributeName, t.number, t.operator], color: \"#005cc5\" },\n        { tag: [t.keyword, t.typeName, t.typeOperator], color: \"#d73a49\" },\n        { tag: [t.string, t.meta, t.regexp], color: \"#032f62\" },\n        { tag: [t.name, t.quote], color: \"#22863a\" },\n        { tag: [t.heading, t.strong], color: \"#24292e\" },\n        { tag: [t.emphasis], color: \"#24292e\" },\n        { tag: [t.deleted], color: \"#b31d28\" },\n        { tag: [t.atom, t.bool, t.special(t.variableName)], color: \"#e36209\" },\n        { tag: [t.url, t.escape, t.regexp, t.link], color: \"#032f62\" },\n        { tag: t.invalid, color: \"#cb2431\" },\n    ],\n};\n\n/**\n * VS Code Dark+ highlight palette, adapted from the `@uiw/codemirror-theme-vscode`\n * snippet. `defaultColor` is VS Code's editor foreground (`#9cdcfe`). DOM-only\n * style props are dropped; later rules win, matching {@link tagHighlighter}.\n */\nexport const VscodeDarkStyle: CodeHighlightStyle = {\n    name: \"vscode-dark\",\n    defaultColor: \"#9cdcfe\",\n    rules: [\n        {\n            tag: [\n                t.keyword, t.operatorKeyword, t.modifier, t.color,\n                t.constant(t.name), t.standard(t.name), t.standard(t.tagName),\n                t.special(t.brace), t.atom, t.bool, t.special(t.variableName),\n            ],\n            color: \"#569cd6\",\n        },\n        { tag: [t.controlKeyword, t.moduleKeyword], color: \"#c586c0\" },\n        {\n            tag: [\n                t.name, t.deleted, t.character, t.macroName, t.propertyName,\n                t.variableName, t.labelName, t.definition(t.name),\n            ],\n            color: \"#9cdcfe\",\n        },\n        { tag: t.heading, color: \"#9cdcfe\" },\n        { tag: [t.typeName, t.className, t.tagName, t.changed, t.annotation, t.self, t.namespace], color: \"#4ec9b0\" },\n        { tag: [t.function(t.variableName), t.function(t.propertyName)], color: \"#dcdcaa\" },\n        { tag: [t.number], color: \"#b5cea8\" },\n        { tag: [t.operator, t.punctuation, t.separator, t.url, t.escape], color: \"#d4d4d4\" },\n        { tag: [t.regexp], color: \"#d16969\" },\n        { tag: [t.special(t.string), t.processingInstruction, t.string, t.inserted], color: \"#ce9178\" },\n        { tag: [t.angleBracket], color: \"#808080\" },\n        { tag: [t.meta, t.comment], color: \"#6a9955\" },\n        { tag: t.link, color: \"#6a9955\" },\n        { tag: t.invalid, color: \"#ff0000\" },\n    ],\n};\n\n/**\n * VS Code Light+ highlight palette, adapted from the `@uiw/codemirror-theme-vscode`\n * snippet. `defaultColor` is VS Code's editor foreground (`#383a42`). See\n * {@link VscodeDarkStyle} for the note on dropped DOM-only style props.\n */\nexport const VscodeLightStyle: CodeHighlightStyle = {\n    name: \"vscode-light\",\n    defaultColor: \"#383a42\",\n    rules: [\n        {\n            tag: [\n                t.keyword, t.operatorKeyword, t.modifier, t.color,\n                t.constant(t.name), t.standard(t.name), t.standard(t.tagName),\n                t.special(t.brace), t.atom, t.bool, t.special(t.variableName),\n            ],\n            color: \"#0000ff\",\n        },\n        { tag: [t.moduleKeyword, t.controlKeyword], color: \"#af00db\" },\n        {\n            tag: [\n                t.name, t.deleted, t.character, t.macroName, t.propertyName,\n                t.variableName, t.labelName, t.definition(t.name),\n            ],\n            color: \"#0070c1\",\n        },\n        { tag: t.heading, color: \"#0070c1\" },\n        { tag: [t.typeName, t.className, t.tagName, t.changed, t.annotation, t.self, t.namespace], color: \"#267f99\" },\n        { tag: [t.function(t.variableName), t.function(t.propertyName)], color: \"#795e26\" },\n        { tag: [t.number], color: \"#098658\" },\n        { tag: [t.operator, t.punctuation, t.separator, t.url, t.escape], color: \"#383a42\" },\n        { tag: [t.regexp], color: \"#af00db\" },\n        { tag: [t.special(t.string), t.processingInstruction, t.string, t.inserted], color: \"#a31515\" },\n        { tag: [t.angleBracket], color: \"#383a42\" },\n        { tag: [t.meta, t.comment], color: \"#008000\" },\n        { tag: t.link, color: \"#4078f2\" },\n        { tag: t.invalid, color: \"#e45649\" },\n    ],\n};\n\n/**\n * The built-in themes, keyed by their string name. {@link CodeThemeName} is the\n * union of these keys — pass one of those strings (or any {@link CodeHighlightStyle}\n * object) to a Code node's `theme` prop.\n */\nexport const BUILTIN_THEMES = {\n    // Literal keys (not computed from `.name`) so `keyof` yields a string-literal\n    // union for CodeThemeName; these must stay in sync with each style's `name`.\n    \"motion-canvas-default\": DefaultHighlightStyle,\n    \"github-dark\": GithubDarkStyle,\n    \"github-light\": GithubLightStyle,\n    \"vscode-dark\": VscodeDarkStyle,\n    \"vscode-light\": VscodeLightStyle,\n} satisfies Record<string, CodeHighlightStyle>;\n\n/** Names of the built-in themes, e.g. `'github-dark' | 'github-light'`. */\nexport type CodeThemeName = keyof typeof BUILTIN_THEMES;\n\n/**\n * What a Code node's `theme` prop accepts: a built-in theme name (with\n * autocomplete), any other registered theme name, or a {@link CodeHighlightStyle}\n * object passed inline. The `string & {}` keeps the literal-name suggestions while\n * still allowing arbitrary registered names.\n */\nexport type CodeTheme = CodeThemeName | (string & {}) | CodeHighlightStyle;\n\n// Cache one compiled Highlighter per style *object*. Compiling builds a tag-rule\n// matcher; the parsed result is pure data so it's safe to share across Code nodes.\n// Keyed by the object rather than its `name`: two styles may share a name (an\n// inline theme, or one re-registered under the same name with new colours), and\n// the second must not colour with the first one's rules. A WeakMap, so a style\n// nothing refers to any more takes its matcher with it.\nconst compiledByStyle = new WeakMap<CodeHighlightStyle, Highlighter>();\n\n/**\n * Compile a {@link CodeHighlightStyle} into a `@lezer/highlight` {@link Highlighter}\n * whose \"class\" output is the literal color string for each tag. Cached per style\n * object so repeated lookups (every tokenize) don't rebuild the matcher.\n */\nexport function compileStyle(style: CodeHighlightStyle): Highlighter {\n    const cached = compiledByStyle.get(style);\n    if (cached) return cached;\n    const highlighter = tagHighlighter(\n        style.rules.map(rule => ({ tag: rule.tag, class: rule.color })),\n    );\n    compiledByStyle.set(style, highlighter);\n    return highlighter;\n}\n"]}
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../src/style.ts"],"names":[],"mappings":"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","sourcesContent":["import { Highlighter, Tag, tagHighlighter, tags as t } from \"@lezer/highlight\";\n\n/** Lezer highlight {@link Tag}s mapped to a color; a canvas has no stylesheet, so the color is carried directly. */\nexport interface CodeStyleRule {\n    tag: Tag | readonly Tag[];\n    color: string;\n}\n\n/** Ordered tag rules plus a fallback color; later rules win when several match a tag, as in {@link tagHighlighter}. */\nexport interface CodeHighlightStyle {\n    /** Registers the style and names it in a `theme` prop. */\n    name: string;\n    /** For text with no matching tag. */\n    defaultColor: string;\n    rules: CodeStyleRule[];\n}\n\n// The default palette is ported from `@motion-canvas/2d`; the GitHub and VS Code ones are adapted from\n// `@uiw/codemirror-theme-github` and `-vscode`, with their DOM-only style props dropped.\nexport const DefaultHighlightStyle: CodeHighlightStyle = {\n    name: \"motion-canvas-default\",\n    defaultColor: \"#d8dee9\",\n    rules: [\n        { tag: t.keyword, color: \"#5e81ac\" },\n        { tag: [t.name, t.deleted, t.character, t.propertyName, t.macroName], color: \"#88c0d0\" },\n        { tag: [t.variableName], color: \"#8fbcbb\" },\n        { tag: [t.function(t.variableName)], color: \"#8fbcbb\" },\n        { tag: [t.labelName], color: \"#81a1c1\" },\n        { tag: [t.color, t.constant(t.name), t.standard(t.name)], color: \"#5e81ac\" },\n        { tag: [t.definition(t.name), t.separator], color: \"#a3be8c\" },\n        { tag: [t.brace], color: \"#8fbcbb\" },\n        { tag: [t.annotation], color: \"#d30102\" },\n        { tag: [t.number, t.changed, t.annotation, t.modifier, t.self, t.namespace], color: \"#b48ead\" },\n        { tag: [t.typeName, t.className], color: \"#ECEFF4\" },\n        { tag: [t.operator, t.operatorKeyword], color: \"#a3be8c\" },\n        { tag: [t.tagName], color: \"#b48ead\" },\n        { tag: [t.squareBracket], color: \"#ECEFF4\" },\n        { tag: [t.angleBracket], color: \"#ECEFF4\" },\n        { tag: [t.attributeName], color: \"#eceff4\" },\n        { tag: [t.regexp], color: \"#5e81ac\" },\n        { tag: [t.quote], color: \"#b48ead\" },\n        { tag: [t.string], color: \"#a3be8c\" },\n        { tag: t.link, color: \"#a3be8c\" },\n        { tag: [t.url, t.escape, t.special(t.string)], color: \"#8fbcbb\" },\n        { tag: [t.meta], color: \"#88c0d0\" },\n        { tag: [t.monospace], color: \"#d8dee9\" },\n        { tag: [t.comment], color: \"#4c566a\" },\n        { tag: t.strong, color: \"#5e81ac\" },\n        { tag: t.emphasis, color: \"#5e81ac\" },\n        { tag: t.heading, color: \"#5e81ac\" },\n        { tag: t.special(t.heading1), color: \"#5e81ac\" },\n        { tag: t.heading1, color: \"#5e81ac\" },\n        { tag: [t.heading2, t.heading3, t.heading4], color: \"#5e81ac\" },\n        { tag: [t.heading5, t.heading6], color: \"#5e81ac\" },\n        { tag: [t.atom, t.bool, t.special(t.variableName)], color: \"#d08770\" },\n        { tag: [t.processingInstruction, t.inserted], color: \"#8fbcbb\" },\n        { tag: [t.contentSeparator], color: \"#ebcb8b\" },\n        { tag: t.invalid, color: \"#434c5e\" },\n    ],\n};\n\nexport const GithubDarkStyle: CodeHighlightStyle = {\n    name: \"github-dark\",\n    defaultColor: \"#c9d1d9\",\n    rules: [\n        { tag: [t.standard(t.tagName), t.tagName], color: \"#7ee787\" },\n        { tag: [t.comment, t.bracket], color: \"#8b949e\" },\n        { tag: [t.className, t.propertyName], color: \"#d2a8ff\" },\n        { tag: [t.variableName, t.attributeName, t.number, t.operator], color: \"#79c0ff\" },\n        { tag: [t.keyword, t.typeName, t.typeOperator], color: \"#ff7b72\" },\n        { tag: [t.string, t.meta, t.regexp], color: \"#a5d6ff\" },\n        { tag: [t.name, t.quote], color: \"#7ee787\" },\n        { tag: [t.heading, t.strong], color: \"#d2a8ff\" },\n        { tag: [t.emphasis], color: \"#d2a8ff\" },\n        { tag: [t.deleted], color: \"#ffdcd7\" },\n        { tag: [t.atom, t.bool, t.special(t.variableName)], color: \"#ffab70\" },\n        { tag: t.invalid, color: \"#f97583\" },\n    ],\n};\n\nexport const GithubLightStyle: CodeHighlightStyle = {\n    name: \"github-light\",\n    defaultColor: \"#24292e\",\n    rules: [\n        { tag: [t.standard(t.tagName), t.tagName], color: \"#116329\" },\n        { tag: [t.comment, t.bracket], color: \"#6a737d\" },\n        { tag: [t.className, t.propertyName], color: \"#6f42c1\" },\n        { tag: [t.variableName, t.attributeName, t.number, t.operator], color: \"#005cc5\" },\n        { tag: [t.keyword, t.typeName, t.typeOperator], color: \"#d73a49\" },\n        { tag: [t.string, t.meta, t.regexp], color: \"#032f62\" },\n        { tag: [t.name, t.quote], color: \"#22863a\" },\n        { tag: [t.heading, t.strong], color: \"#24292e\" },\n        { tag: [t.emphasis], color: \"#24292e\" },\n        { tag: [t.deleted], color: \"#b31d28\" },\n        { tag: [t.atom, t.bool, t.special(t.variableName)], color: \"#e36209\" },\n        { tag: [t.url, t.escape, t.regexp, t.link], color: \"#032f62\" },\n        { tag: t.invalid, color: \"#cb2431\" },\n    ],\n};\n\nexport const VscodeDarkStyle: CodeHighlightStyle = {\n    name: \"vscode-dark\",\n    defaultColor: \"#9cdcfe\",\n    rules: [\n        {\n            tag: [\n                t.keyword, t.operatorKeyword, t.modifier, t.color,\n                t.constant(t.name), t.standard(t.name), t.standard(t.tagName),\n                t.special(t.brace), t.atom, t.bool, t.special(t.variableName),\n            ],\n            color: \"#569cd6\",\n        },\n        { tag: [t.controlKeyword, t.moduleKeyword], color: \"#c586c0\" },\n        {\n            tag: [\n                t.name, t.deleted, t.character, t.macroName, t.propertyName,\n                t.variableName, t.labelName, t.definition(t.name),\n            ],\n            color: \"#9cdcfe\",\n        },\n        { tag: t.heading, color: \"#9cdcfe\" },\n        { tag: [t.typeName, t.className, t.tagName, t.changed, t.annotation, t.self, t.namespace], color: \"#4ec9b0\" },\n        { tag: [t.function(t.variableName), t.function(t.propertyName)], color: \"#dcdcaa\" },\n        { tag: [t.number], color: \"#b5cea8\" },\n        { tag: [t.operator, t.punctuation, t.separator, t.url, t.escape], color: \"#d4d4d4\" },\n        { tag: [t.regexp], color: \"#d16969\" },\n        { tag: [t.special(t.string), t.processingInstruction, t.string, t.inserted], color: \"#ce9178\" },\n        { tag: [t.angleBracket], color: \"#808080\" },\n        { tag: [t.meta, t.comment], color: \"#6a9955\" },\n        { tag: t.link, color: \"#6a9955\" },\n        { tag: t.invalid, color: \"#ff0000\" },\n    ],\n};\n\nexport const VscodeLightStyle: CodeHighlightStyle = {\n    name: \"vscode-light\",\n    defaultColor: \"#383a42\",\n    rules: [\n        {\n            tag: [\n                t.keyword, t.operatorKeyword, t.modifier, t.color,\n                t.constant(t.name), t.standard(t.name), t.standard(t.tagName),\n                t.special(t.brace), t.atom, t.bool, t.special(t.variableName),\n            ],\n            color: \"#0000ff\",\n        },\n        { tag: [t.moduleKeyword, t.controlKeyword], color: \"#af00db\" },\n        {\n            tag: [\n                t.name, t.deleted, t.character, t.macroName, t.propertyName,\n                t.variableName, t.labelName, t.definition(t.name),\n            ],\n            color: \"#0070c1\",\n        },\n        { tag: t.heading, color: \"#0070c1\" },\n        { tag: [t.typeName, t.className, t.tagName, t.changed, t.annotation, t.self, t.namespace], color: \"#267f99\" },\n        { tag: [t.function(t.variableName), t.function(t.propertyName)], color: \"#795e26\" },\n        { tag: [t.number], color: \"#098658\" },\n        { tag: [t.operator, t.punctuation, t.separator, t.url, t.escape], color: \"#383a42\" },\n        { tag: [t.regexp], color: \"#af00db\" },\n        { tag: [t.special(t.string), t.processingInstruction, t.string, t.inserted], color: \"#a31515\" },\n        { tag: [t.angleBracket], color: \"#383a42\" },\n        { tag: [t.meta, t.comment], color: \"#008000\" },\n        { tag: t.link, color: \"#4078f2\" },\n        { tag: t.invalid, color: \"#e45649\" },\n    ],\n};\n\nexport const BUILTIN_THEMES = {\n    // Literal keys (not computed from `.name`) so `keyof` yields a string-literal\n    // union for CodeThemeName; these must stay in sync with each style's `name`.\n    \"motion-canvas-default\": DefaultHighlightStyle,\n    \"github-dark\": GithubDarkStyle,\n    \"github-light\": GithubLightStyle,\n    \"vscode-dark\": VscodeDarkStyle,\n    \"vscode-light\": VscodeLightStyle,\n} satisfies Record<string, CodeHighlightStyle>;\n\n/** Names of the built-in themes, e.g. `'github-dark' | 'github-light'`. */\nexport type CodeThemeName = keyof typeof BUILTIN_THEMES;\n\n/** A built-in name, any registered name, or a style inline; `string & {}` keeps the autocomplete for the built-in names. */\nexport type CodeTheme = CodeThemeName | (string & {}) | CodeHighlightStyle;\n\n// One compiled Highlighter per style *object*, keyed by the object rather than its `name`: two styles may share a name (an\n// inline theme, or one re-registered under the same name with new colours), and\n// the second must not colour with the first one's rules. A WeakMap, so a style\n// nothing refers to any more takes its matcher with it.\nconst compiledByStyle = new WeakMap<CodeHighlightStyle, Highlighter>();\n\n/** A {@link Highlighter} whose \"class\" output is the color string for each tag. */\nexport function compileStyle(style: CodeHighlightStyle): Highlighter {\n    const cached = compiledByStyle.get(style);\n    if (cached) return cached;\n    const highlighter = tagHighlighter(\n        style.rules.map(rule => ({ tag: rule.tag, class: rule.color })),\n    );\n    compiledByStyle.set(style, highlighter);\n    return highlighter;\n}\n"]}

package/dist/tokens.d.ts

@@ -1,4 +1,5 @@
 import { CodeTheme } from "./style.js";
+/** A highlighter token with a stable identity: animation state is keyed by `id`, so concurrent edits at different positions don't clobber each other. */
 export interface IdToken {
     id: number;
     content: string;
@@ -11,14 +12,4 @@ export interface IdLine {
 export declare function makeIdToken(content: string, color?: string): IdToken;
 export declare function makeIdLine(tokens: IdToken[]): IdLine;
 export declare function tokenizeCodeToIdLines(code: string, language: string, theme: CodeTheme): IdLine[];
-/**
- * Split `tokens` at character offset `col` (relative to the joined content of
- * the tokens). If `col` falls inside a token, that token is split into two new
- * tokens with fresh ids (the original id is discarded — it didn't exist as a
- * single unit on either side of the cut).
- */
-export declare function splitTokensAt(tokens: IdToken[], col: number): {
-    before: IdToken[];
-    after: IdToken[];
-};
 //# sourceMappingURL=tokens.d.ts.map

package/dist/tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAMpC,MAAM,WAAW,OAAO;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAID,MAAM,WAAW,MAAM;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,OAAO,EAAE,CAAC;CACrB;AAQD,wBAAgB,WAAW,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAEpE;AAED,wBAAgB,UAAU,CAAC,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,CAEpD;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,GAAG,MAAM,EAAE,CAchG;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CACzB,MAAM,EAAE,OAAO,EAAE,EACjB,GAAG,EAAE,MAAM,GACZ;IAAE,MAAM,EAAE,OAAO,EAAE,CAAC;IAAC,KAAK,EAAE,OAAO,EAAE,CAAA;CAAE,CAmBzC"}
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,yJAAyJ;AACzJ,MAAM,WAAW,OAAO;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,MAAM;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,OAAO,EAAE,CAAC;CACrB;AAKD,wBAAgB,WAAW,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAEpE;AAED,wBAAgB,UAAU,CAAC,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,CAEpD;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,GAAG,MAAM,EAAE,CAUhG"}