@motionscript/code 0.0.0-stage → 0.1.0-alpha.0

package/dist/node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"node.js","sourceRoot":"","sources":["../src/node.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n    node,\n    RenderContext2D, RenderPass2D, Clip, EasingFunction, NodeConfig, Size2D, SizeConstraints,\n    Node2D, Node2DProps, MeasureContext2D, InsetsResolved, InsetsProps,\n    property, insetsOps, lerpNumber,\n    command, driveCommand, type AssetScope, type Command, type CommandArgs, type Node, type TweenStepper, type Vector2,\n} from \"@motionscript/core\";\nimport {\n    CodeRange,\n    rangeToCharOffsets,\n    charOffsetsToRange,\n    TokenAdvanceCache,\n    IdLine,\n    tokenizeCodeToIdLines,\n    defaultCodeDiff,\n    type CodeDiffStrategy,\n    CodeLayout,\n    CodeMetrics,\n    layoutCode,\n    metricsSignature,\n    AnimToken,\n    CodeTransition,\n    StructuralTransition,\n    makeAnim,\n    defaultCodePhases,\n    type CodePhaseStrategy,\n    resolveTokenStates,\n    moveProgress,\n    canHighlight,\n    ensureHighlighter,\n    CodeTheme,\n    DefaultHighlightStyle,\n    drawCode,\n} from \"./engine\";\n\n/**\n * A listing and nothing else — no paint slots, and no box behind the tokens.\n *\n * It did carry a `fill`/`overlay`/`stroke`/`shadow` set and the corner radius\n * that shaped them, so a block could draw its own panel. That was one node doing\n * two jobs, and the second one is a `Rect`'s: a listing set on a card is a `Code`\n * inside a hugging `Rect`, which tracks the block's size for the same reason\n * every other hugging container tracks its child's. What is left here is the\n * listing — its source, how it is coloured, the face it is set in, and the space\n * it keeps around itself.\n */\nexport interface CodeProps extends Node2DProps {\n    code: string;\n    language: string;\n    fontSize: number;\n    fontFamily: string;\n    /** A built-in/registered theme name (e.g. `'github-dark'`), or a {@link CodeHighlightStyle} object. */\n    theme: CodeTheme;\n    lineHeight: number;\n    letterSpacing: number;\n    showLineNumbers: boolean;\n    lineNumberGap: number;\n    padding: InsetsProps;\n}\n\n/**\n * Construction-time-only options: pluggable engine behavior, set once when\n * the node is created. Deliberately *not* part of {@link CodeProps} — every\n * `@property` field accepts either a value or a zero-arg reactive binding\n * (`value | (() => value)`, see `PropInputs`), and the node's own reactive\n * write path (`_writeProp`) treats any function value as the latter. A\n * strategy *is* a function, so it can't be told apart from a binding that\n * computes one — it has to stay outside the reactive prop system entirely.\n */\nexport interface CodeStrategies {\n    /** Decides which token became which across an edit. Defaults to `defaultCodeDiff`. */\n    diffStrategy?: CodeDiffStrategy;\n    /** Decides when (in normalized transition time) each part of an edit happens. Defaults to `defaultCodePhases`. */\n    phaseStrategy?: CodePhaseStrategy;\n}\n\n@node({\n  key: \"code\",\n  parentKey: \"node\",\n  forkable: true,\n  layout: {\n    defaultWidthMode: \"hug\",\n    defaultHeightMode: \"hug\",\n    acceptsChildren: false,\n  },\n})\nexport class Code extends Node2D<CodeProps> {\n\n    @property({ default: \"\" }) declare readonly code: string;\n    @property({ default: \"typescript\" }) declare readonly language: string;\n    @property({ default: \"Fira Mono\" }) declare readonly fontFamily: string;\n    @property({ default: DefaultHighlightStyle.name }) declare readonly theme: CodeTheme;\n    @property({ default: 16 }) declare readonly fontSize: number;\n    @property({ default: 1.6 }) declare readonly lineHeight: number;\n    // Extra horizontal space added after every glyph (in px), like CSS\n    // letter-spacing. Folded into the advance a token is measured at, so\n    // measurement and drawing stay in lockstep.\n    @property({ default: 1.1 }) declare readonly letterSpacing: number;\n    @property({ default: false }) declare readonly showLineNumbers: boolean;\n    // Horizontal gap between the line-number column and the code text, expressed\n    // in space-widths (so it scales with fontSize). Only applies when\n    // showLineNumbers is on.\n    @property({ default: 2 }) declare readonly lineNumberGap: number;\n    @property({ default: 0, mapper: insetsOps.resolve, tween: insetsOps.lerp }) declare readonly padding: InsetsResolved;\n\n    /** The settled structure. During an edit, the structure the edit lands on. */\n    private tokenLines: IdLine[] = [];\n    private tokenized: boolean = false;\n\n    private transitions: CodeTransition[] = [];\n\n    // Caches expensive scope.measureText() calls; cleared when the font\n    // signature (fontSize|fontFamily) changes. See TokenAdvanceCache.\n    private advanceCache = new TokenAdvanceCache();\n\n    // Layout cache for *settled* frames. Bumped whenever tokenLines is\n    // reassigned, so a cache hit only ever happens on identical content. Frames\n    // inside a structural edit are served from that edit's own two cached\n    // layouts instead (see StructuralTransition).\n    private structureVersion = 0;\n    private layoutCacheKey: string | null = null;\n    private layoutCache: CodeLayout | null = null;\n\n    // Persistent dim state set by highlight() — applied during render to all\n    // tokens whose id is NOT in the highlight set. null means \"not highlighting\".\n    private highlightDimOpacity: number | null = null;\n    private highlightedIds: Set<number> = new Set();\n\n    /**\n     * Which token became which across an edit, and when each part of that\n     * edit happens. Construction-time-only (see {@link CodeStrategies}) —\n     * resolved once here rather than left as `?? defaultX` at every call site.\n     */\n    private readonly diffStrategy: CodeDiffStrategy;\n    private readonly phaseStrategy: CodePhaseStrategy;\n\n    constructor(props: NodeConfig<Code, CodeProps> & CodeStrategies) {\n        super(props);\n        this.diffStrategy = props.diffStrategy ?? defaultCodeDiff;\n        this.phaseStrategy = props.phaseStrategy ?? defaultCodePhases;\n        this.applyProp(\"width\", props.width ?? \"hug\");\n        this.applyProp(\"height\", props.height ?? \"hug\");\n\n        // Best-effort, for a highlighter constructed outside the asset pipeline\n        // entirely (a bare `new Code(...)` in a test or a headless measure). On\n        // the timeline the authoritative load is the one `declareAssets` declares,\n        // which `AssetManager.loadAt` awaits *before* this node is laid out — so\n        // there the tokens are right the first time rather than upgrading later.\n        // (Theme is a synchronous color style; only the language parser loads.)\n        ensureHighlighter(undefined, [this.language]).catch(() => { });\n        this.tokenize();\n    }\n\n    set(props: { [K in keyof CodeProps]?: CodeProps[K] | (() => CodeProps[K]) }): void {\n        super.set(props);\n        if (props.code !== undefined || props.language !== undefined || props.theme !== undefined) {\n            this.tokenized = false;\n        }\n    }\n\n    private tokenize(): void {\n        this.setLines(tokenizeCodeToIdLines(this.code, this.language, this.theme));\n        // Only consider ourselves tokenized once we actually highlighted; while\n        // the language is still loading we keep retrying on each render.\n        this.tokenized = canHighlight(this.language, this.theme);\n    }\n\n    /**\n     * Swap in a new settled structure, invalidating the layout cache.\n     *\n     * The one place `tokenLines` is written, because the cache key is a version\n     * counter rather than a hash of the content — a write that skipped the bump\n     * would keep serving the previous frame's geometry for the new listing.\n     */\n    private setLines(lines: IdLine[]): void {\n        if (this.tokenLines === lines) return;\n        this.tokenLines = lines;\n        this.structureVersion++;\n        this.layoutCache = null;\n        this.layoutCacheKey = null;\n    }\n\n    /**\n     * The monospaced face this block measures and draws with, and the syntax\n     * grammar it tokenizes with.\n     *\n     * Both belong to *layout*: token x positions are measured against the face,\n     * and how many tokens there are depends on the grammar. Declared here, the\n     * grammar goes on the timeline as an ordinary asset: `AssetManager.loadAt`\n     * waits for it before the frame is laid out, so the first measurement is the\n     * right one. Nothing is freed on eviction — parsers are cheap to keep\n     * resident. The loader touches no node: `renderContent` re-tokenizes once\n     * the grammar is there.\n     */\n    override declareAssets(assets: AssetScope): void {\n        super.declareAssets(assets);\n        assets.font(this.fontFamily);\n        assets.loader(`shiki:lang:${this.language}`, grammarLoader(this.language), { gate: \"layout\" });\n    }\n\n    // ── Geometry ────────────────────────────────────────────────────────────\n\n    private metrics(): CodeMetrics {\n        return {\n            fontSize: this.fontSize,\n            fontFamily: this.fontFamily,\n            lineHeight: this.lineHeight,\n            letterSpacing: this.letterSpacing,\n            padding: this.padding,\n            showLineNumbers: this.showLineNumbers,\n            lineNumberGap: this.lineNumberGap,\n        };\n    }\n\n    /** The structural edit currently in flight, if any. */\n    private activeEdit(): StructuralTransition | null {\n        for (let i = this.transitions.length - 1; i >= 0; i--) {\n            const tr = this.transitions[i];\n            if (tr.kind === \"structural\") return tr;\n        }\n        return null;\n    }\n\n    private settledLayout(m: CodeMetrics, scope: MeasureContext2D | RenderContext2D): CodeLayout {\n        const key = `${this.structureVersion}|${metricsSignature(m)}|${this.advanceCache.signature(m.fontSize, m.fontFamily)}`;\n        if (this.layoutCache && this.layoutCacheKey === key) return this.layoutCache;\n        const layout = layoutCode(this.tokenLines, m, this.advanceCache, scope);\n        this.layoutCache = layout;\n        this.layoutCacheKey = key;\n        return layout;\n    }\n\n    /**\n     * The one or two layouts this frame is drawn from.\n     *\n     * A settled frame has one. A frame inside an edit has two — where every\n     * token was, and where it is going — and the frame is a point between them.\n     * That is the whole reason an insert no longer piles its glyphs at the left\n     * margin: a token's destination is *computed*, not approximated by collapsing\n     * the advance of everything around it.\n     *\n     * Both endpoints are fixed for the edit's duration, so they are built once\n     * and cached on the transition rather than rebuilt per frame.\n     */\n    private frameLayout(scope: MeasureContext2D | RenderContext2D): {\n        from: CodeLayout;\n        to: CodeLayout;\n        edit: StructuralTransition | null;\n    } {\n        const m = this.metrics();\n        const edit = this.activeEdit();\n        if (!edit) {\n            const layout = this.settledLayout(m, scope);\n            return { from: layout, to: layout, edit: null };\n        }\n        const key = `${metricsSignature(m)}|${this.advanceCache.signature(m.fontSize, m.fontFamily)}`;\n        if (edit.layoutKey !== key || !edit.fromLayout || !edit.toLayout) {\n            edit.fromLayout = layoutCode(edit.from, m, this.advanceCache, scope);\n            edit.toLayout = layoutCode(edit.to, m, this.advanceCache, scope);\n            edit.layoutKey = key;\n        }\n        return { from: edit.fromLayout, to: edit.toLayout, edit };\n    }\n\n    override measure(constraints: SizeConstraints, scope: MeasureContext2D): Partial<Size2D> {\n        this.advanceCache.sync(this.advanceCache.signature(this.fontSize, this.fontFamily));\n        const wm = this.width;\n        const hm = this.height;\n\n        const { from, to, edit } = this.frameLayout(scope);\n        const t = moveProgress(edit);\n        const innerW = edit ? lerpNumber(from.innerW, to.innerW, t) : to.innerW;\n        const innerH = edit ? lerpNumber(from.innerH, to.innerH, t) : to.innerH;\n\n        const resolvedW = typeof wm === \"number\"\n            ? wm\n            : wm === \"hug\"\n                ? innerW + this.padding.left + this.padding.right\n                : constraints.maxWidth ?? 0;\n\n        const resolvedH = typeof hm === \"number\"\n            ? hm\n            : hm === \"hug\"\n                ? innerH + this.padding.top + this.padding.bottom\n                : constraints.maxHeight ?? 0;\n\n        return { width: resolvedW, height: resolvedH };\n    }\n\n    protected override renderContent(ctx: RenderPass2D): void {\n        // Refuse the ambient `<DefaultTextStyle>` / theme typography defaults for\n        // everything drawn inside this node.\n        //\n        // Those defaults describe the *document's* prose — a display face, a\n        // heading weight, a paragraph line-height — and a code block is not prose.\n        // Its own props are the vocabulary: `fontFamily` defaults to a monospaced\n        // face because column alignment depends on it, `letterSpacing` and\n        // `lineHeight` are tuned against that face, and every token is laid out at\n        // an x measured from those exact values. A scene-wide serif family or a\n        // 700 weight arriving through the draw scope would shape glyphs the\n        // geometry was never measured for, and the block would come apart\n        // column-by-column rather than merely look different.\n        ctx.pushTextStyle(null);\n        try {\n            // Keep retrying until the language+theme have actually loaded, so a frame\n            // that rendered as plain text upgrades to full highlighting the moment the\n            // asset loader resolves. Never mid-edit: re-tokenizing mints fresh ids,\n            // and an in-flight transition is keyed by the ones it captured.\n            if (!this.tokenized && !this.activeEdit() && canHighlight(this.language, this.theme)) {\n                this.tokenize();\n            }\n            super.renderContent(ctx);\n        } finally {\n            ctx.popTextStyle();\n        }\n    }\n\n    protected override renderSelf(ctx: RenderContext2D): void {\n        this.drawSelf(ctx);\n    }\n\n    /** A listing holds a listing — `append`/`insert`/`erase` are how it grows. */\n    protected override acceptsChild(_child: Node): boolean {\n        return false;\n    }\n\n    /**\n     * The node's laid-out rect as a clip outline, so `clip` and any backdrop\n     * effect are confined to the block rather than to nothing — a listing set on\n     * a card is exactly where a backdrop blur is asked for.\n     */\n    protected override clipSelf(): Clip {\n        return new Clip().rect({\n            width: this.layoutBounds.width,\n            height: this.layoutBounds.height,\n        });\n    }\n\n    /**\n     * A listing is grabbed by its **text**, line by ragged line, rather than by\n     * the rectangle the lines were laid out in.\n     *\n     * The default narrows a node's grab region to the outline it declares, and\n     * this node's outline is a box it no longer paints anything into. Code is\n     * mostly whitespace: a ten-line snippet with one long line is a rectangle\n     * that is largely empty, and in an editor every one of those empty pixels\n     * swallows a click meant for whatever sits behind or beneath it. Short of the\n     * text itself there is nothing there to have clicked.\n     *\n     * So the region is the union of the lines' own extents — each a line-height\n     * slot as wide as that line's ink — plus the gutter where line numbers are\n     * showing, since those are drawn glyphs too.\n     *\n     * Answered from the **cached** layout, which is what the last frame drew\n     * from, because a hit test arrives with no measurement scope and text cannot\n     * be measured without one. Where there is no usable cache — before the first\n     * frame, or mid-edit, when the geometry is an interpolation of two structures\n     * held on the transition — the box is the honest answer rather than a\n     * silhouette measured against stale metrics.\n     */\n    protected override hitTestSelf(local: Vector2, tolerance: number): boolean {\n        const layout = this.hitLayout();\n        if (!layout) return super.hitTestSelf(local, tolerance);\n\n        // Never *wider* than the box: `hug` sizes to the ink, but a fixed width\n        // narrower than the longest line would otherwise be hit outside itself.\n        if (!super.hitTestSelf(local, tolerance)) return false;\n\n        const half = (this.fontSize * this.lineHeight) / 2;\n        // Line numbers sit in the gutter, to the left of every line's own start,\n        // so a numbered blank line is still grabbable — by its number.\n        const gutter = this.showLineNumbers ? layout.gutter : 0;\n        const left = layout.startX - gutter - tolerance;\n        for (let i = 0; i < layout.lineY.length; i++) {\n            const width = (layout.lineW[i] ?? 0) + gutter;\n            if (width <= 0) continue;\n            if (Math.abs(local.y - layout.lineY[i]) > half + tolerance) continue;\n            if (local.x >= left && local.x <= layout.startX + (layout.lineW[i] ?? 0) + tolerance) {\n                return true;\n            }\n        }\n        return false;\n    }\n\n    /**\n     * The layout a hit test may be answered from: the settled cache, and only\n     * while it still matches the node's current metrics.\n     *\n     * The key is the one {@link settledLayout} writes minus its scope-dependent\n     * half — every input to it (`metricsSignature`, the advance cache's own\n     * signature) is readable without a measurer, which is precisely what makes\n     * the check possible here.\n     */\n    private hitLayout(): CodeLayout | null {\n        if (!this.layoutCache || this.activeEdit()) return null;\n        const m = this.metrics();\n        const key = `${this.structureVersion}|${metricsSignature(m)}|${this.advanceCache.signature(m.fontSize, m.fontFamily)}`;\n        return this.layoutCacheKey === key ? this.layoutCache : null;\n    }\n\n    // ── Editing commands ────────────────────────────────────────────────────\n\n    /**\n     * Append `code` to the end of the listing.\n     *\n     * Stated as *what the source becomes*; {@link editTo} works out the rest —\n     * which is why appending a line that closes a block re-highlights the lines\n     * above it, instead of colouring the new text as its own program.\n     */\n    @command({ args: [{ key: \"code\", kind: \"text\", multiline: true }] })\n    append(args: CommandArgs<{ code: string }> & { duration: number }): Command<Record<string, never>> {\n        const { code } = args.data as { code: string };\n        return this.editTo(this.joinedSource() + code, args.duration, args.easing);\n    }\n\n    /** Insert `code` above the listing. */\n    @command({ args: [{ key: \"code\", kind: \"text\", multiline: true }] })\n    prepend(args: CommandArgs<{ code: string }> & { duration: number }): Command<Record<string, never>> {\n        const { code } = args.data as { code: string };\n        return this.editTo(code + this.joinedSource(), args.duration, args.easing);\n    }\n\n    /**\n     * Insert `code` at the given (line, col). Both are 1-indexed; col is the\n     * column BEFORE which the new content is inserted (col=1 means start of\n     * line). If `code` contains newlines, new lines are created in the middle\n     * of the existing line.\n     */\n    @command({\n        args: [\n            // Two controls, one argument: the method takes a `[line, col]`\n            // tuple, so the pair a host draws is declared *inside* the value it\n            // composes into rather than flattened beside it.\n            {\n                key: \"position\", kind: \"point\", properties: {\n                    line: { kind: \"number\", default: 1, min: 1, step: 1 },\n                    col: { kind: \"number\", default: 1, min: 1, step: 1 },\n                },\n            },\n            { key: \"code\", kind: \"text\", default: \"\", multiline: true },\n        ],\n    })\n    insert(\n        args: CommandArgs<{ position: [number, number]; code: string }> & { duration: number },\n    ): Command<Record<string, never>> {\n        const { position, code } = args.data as { position: [number, number]; code: string };\n        const source = this.joinedSource();\n        const offset = this.offsetAt(position);\n        return this.editTo(source.slice(0, offset) + code + source.slice(offset), args.duration, args.easing);\n    }\n\n    /**\n     * Erase the code in `codeRange`.\n     *\n     * Named `erase` rather than `remove` because a `Code` is also a node, and\n     * `Node.remove(child)` takes a child out of the tree. Two methods spelled\n     * the same on one object, doing entirely different things, is worse than one\n     * of them having a slightly less obvious name.\n     *\n     * A range that covers whole lines takes their line breaks with it, so the\n     * rows below close up; a range inside a line takes only the characters, and\n     * the rest of the line reflows around the hole.\n     */\n    @command({ key: \"remove\", args: [{ key: \"target\", kind: \"selector\" }] })\n    erase(\n        args: CommandArgs<{ target: CodeRange }> & { duration: number },\n    ): Command<Record<string, never>> {\n        const { target: codeRange } = args.data as { target: CodeRange };\n        const { duration, easing } = args;\n        const source = this.joinedSource();\n        let { start, end } = rangeToCharOffsets(codeRange, this.lineLengths());\n        // `lines(2)` resolves to the *characters* of line 2, not to the row —\n        // taking those alone would leave an empty line behind where an editor\n        // would have closed the gap. This is also what makes a blank row\n        // removable at all: it has no characters, so its range is empty, and\n        // \"delete nothing\" is not what `lines(2)` was asking for.\n        const atLineStart = start === 0 || source[start - 1] === \"\\n\";\n        const atLineEnd = end === source.length || source[end] === \"\\n\";\n        if (atLineStart && atLineEnd) {\n            if (end < source.length) end += 1;\n            else if (start > 0) start -= 1;\n        } else if (end <= start) {\n            return driveCommand(duration, () => { });\n        }\n        if (end <= start) return driveCommand(duration, () => { });\n        return this.editTo(source.slice(0, start) + source.slice(end), duration, easing);\n    }\n\n    /** Replace the code in `codeRange` with `replacement`. */\n    @command({ args: [{ key: \"target\", kind: \"selector\" }, { key: \"replacement\", kind: \"text\", default: \"\", multiline: true }] })\n    replace(\n        args: CommandArgs<{ target: CodeRange; replacement: string }> & { duration: number },\n    ): Command<Record<string, never>> {\n        const { target: codeRange, replacement } = args.data as { target: CodeRange; replacement: string };\n        const source = this.joinedSource();\n        const { start, end } = rangeToCharOffsets(codeRange, this.lineLengths());\n        return this.editTo(source.slice(0, start) + replacement + source.slice(end), args.duration, args.easing);\n    }\n\n    /**\n     * Highlight a range of code — or several at once (e.g.\n     * `CodeRanges.lines(2).word(5, 1, 3)`) — highlighted as one set: tokens\n     * within any of the ranges stay at opacity 1, tokens outside dim to\n     * `dim`. Persistent — call resetHighlight() to undo, or call highlight()\n     * again with a different range to cross-fade.\n     */\n    @command({ args: [{ key: \"target\", kind: \"selector\" }, { key: \"dim\", kind: \"number\", default: 0.4, min: 0, max: 1, step: 0.01, scale: 100, unit: \"%\" }] })\n    highlight(\n        args: CommandArgs<{ target: CodeRange | Iterable<CodeRange>; dim?: number }> & { duration: number },\n    ): Command<Record<string, never>> {\n        const { target: codeRange, dim } = args.data as { target: CodeRange | Iterable<CodeRange>; dim?: number };\n        const { duration, easing } = args;\n        const toDim = dim ?? 0.4;\n        const matchIds = this.tokenIdsInRanges(normalizeCodeRanges(codeRange));\n        if (matchIds.size === 0) return driveCommand(duration, () => { });\n\n        const fromDim = this.highlightDimOpacity ?? 1;\n        const hadPrevious = this.highlightedIds.size > 0;\n        const previousIds = this.highlightedIds;\n\n        const animTokens: AnimToken[] = [];\n        for (const line of this.tokenLines) {\n            for (const tok of line.tokens) {\n                const wasHighlighted = !hadPrevious || previousIds.has(tok.id);\n                const isHighlighted = matchIds.has(tok.id);\n                const fromOp = wasHighlighted ? 1 : fromDim;\n                const toOp = isHighlighted ? 1 : toDim;\n                if (fromOp === toOp) continue;\n                animTokens.push(makeAnim(tok.id, { keys: [0, 1], values: [fromOp, toOp] }));\n            }\n        }\n\n        // Which tokens are dimmed is state the *next* highlight reads to know\n        // what it is cross-fading from, so it is committed at the end and put\n        // back below it — a `finally` could only ever have run forwards.\n        return this.runDim(animTokens, duration, easing, (done) => {\n            this.highlightDimOpacity = done ? toDim : (hadPrevious ? fromDim : null);\n            this.highlightedIds = done ? matchIds : previousIds;\n        });\n    }\n\n    /**\n     * Fade all dimmed tokens back to opacity 1 and clear the persistent\n     * highlight state.\n     */\n    @command()\n    resetHighlight(args: CommandArgs<Record<string, never>> & { duration: number }): Command<Record<string, never>> {\n        const { duration, easing } = args;\n        if (this.highlightDimOpacity === null) return driveCommand(duration, () => { });\n\n        const fromDim = this.highlightDimOpacity;\n        const previousIds = this.highlightedIds;\n\n        const animTokens: AnimToken[] = [];\n        for (const line of this.tokenLines) {\n            for (const tok of line.tokens) {\n                const fromOp = previousIds.has(tok.id) ? 1 : fromDim;\n                if (fromOp === 1) continue;\n                animTokens.push(makeAnim(tok.id, { keys: [0, 1], values: [fromOp, 1] }));\n            }\n        }\n\n        return this.runDim(animTokens, duration, easing, (done) => {\n            this.highlightDimOpacity = done ? null : fromDim;\n            this.highlightedIds = done ? new Set() : previousIds;\n        });\n    }\n\n    /**\n     * Animate the listing to a new source.\n     *\n     * The engine behind every editing command, and behind `to({ code })`. Every\n     * edit is expressed as the source it produces, tokenized, and then *diffed*\n     * against what is on screen — so a token that survived the edit keeps its\n     * identity and simply travels to its new column, and only what genuinely\n     * changed is faded.\n     *\n     * The result runs in three phases (see `phaseStrategy`): what is leaving\n     * fades out, what stays reflows, and only then does what is new arrive.\n     * Playing them together is what made a replacement read as a cross-dissolve\n     * of two unrelated listings rather than as an edit being made.\n     */\n    private editTo(next: string, duration: number, easing?: EasingFunction): Command<Record<string, never>> {\n        const from = this.tokenLines;\n        const fromCode = this.joinedSource();\n        if (next === fromCode) return driveCommand(duration, () => { });\n\n        const edit = this.diffStrategy(from, tokenizeCodeToIdLines(next, this.language, this.theme));\n\n        const transition: StructuralTransition = {\n            kind: \"structural\",\n            from,\n            to: edit.lines,\n            removedIds: edit.removedIds,\n            addedIds: edit.addedIds,\n            enteringLineIds: edit.newLineIds,\n            fromColorById: edit.fromColorById,\n            phases: this.phaseStrategy(edit.removedIds.size > 0, edit.addedIds.size > 0),\n            progress: 0,\n            layoutKey: null,\n            fromLayout: null,\n            toLayout: null,\n        };\n\n        // A tokenize triggered by the grammar landing mid-edit would mint fresh\n        // ids underneath this transition, and the transition is keyed by the ones\n        // it captured — so the retry in `onRender` is gated on there being no edit\n        // in flight, which means this flag has to be honest now rather than once\n        // the edit settles.\n        this.tokenized = canHighlight(this.language, this.theme);\n\n        return driveCommand(duration, (t) => {\n            const running = t > 0 && t < 1;\n            const index = this.transitions.indexOf(transition);\n            if (running && index < 0) this.transitions.push(transition);\n            else if (!running && index >= 0) this.transitions.splice(index, 1);\n\n            transition.progress = easing ? easing(t) : t;\n\n            // The settle, in both directions: asked for a time before the edit\n            // starts, the listing is what preceded it; at or past the end, the\n            // result. A `finally` could only ever have run forwards.\n            if (t <= 0) {\n                this.setLines(from);\n                this._writeProp(\"code\", fromCode);\n            } else {\n                this.setLines(edit.lines);\n                this._writeProp(\"code\", next);\n            }\n        });\n    }\n\n    /**\n     * Put a dim transition on the stack, drive its progress, take it off and\n     * commit at the end.\n     *\n     * A {@link Command} rather than a generator, which is what makes a listing\n     * scrubbable: membership is a function of `t` (on the stack for `0 < t < 1`,\n     * off it outside), `settle(done)` replaces the `finally` and takes *which\n     * way*, and `progress` is assigned from `t` rather than accumulated.\n     */\n    private runDim(\n        tokens: AnimToken[],\n        duration: number,\n        easing?: EasingFunction,\n        settle?: (done: boolean) => void,\n    ): Command<Record<string, never>> {\n        const transition = { kind: \"dim\" as const, tokens, progress: 0 };\n\n        return driveCommand(duration, (t) => {\n            const running = t > 0 && t < 1;\n            const index = this.transitions.indexOf(transition);\n            if (running && index < 0) this.transitions.push(transition);\n            else if (!running && index >= 0) this.transitions.splice(index, 1);\n\n            transition.progress = easing ? easing(t) : t;\n            settle?.(t >= 1);\n        });\n    }\n\n    /**\n     * Route a tweened `code` through the diff engine.\n     *\n     * `to({ code })` is the form an author reaches for first — it is how every\n     * other prop is animated — and a bare string prop would otherwise land in the\n     * generic tween's discrete-snap bucket and simply cut at the end. Intercepted\n     * here it becomes the same three-phase edit the named commands produce, while\n     * the rest of the step's props tween alongside it untouched.\n     */\n    override _prepareStep(\n        to: Partial<CodeProps>,\n        duration: number,\n        easing?: EasingFunction,\n    ): TweenStepper {\n        const next = to.code;\n        if (typeof next !== \"string\" || next === this.joinedSource()) {\n            return super._prepareStep(to, duration, easing);\n        }\n\n        const rest: Partial<CodeProps> = { ...to };\n        delete rest.code;\n        // Prepared before the edit, so a step that also moves `fontSize` has\n        // snapshotted its own start value against the listing that is still on\n        // screen.\n        const others = super._prepareStep(rest, duration, easing);\n        const edit = this.editTo(next, duration, easing)._stepper();\n\n        return {\n            seek: (elapsed: number) => {\n                others.seek(elapsed);\n                edit.seek(elapsed);\n            },\n            advance: (dt: number): boolean => {\n                const othersDone = others.advance(dt);\n                const editDone = edit.advance(dt);\n                return othersDone && editDone;\n            },\n        };\n    }\n\n    // ── Source queries ──────────────────────────────────────────────────────\n\n    /**\n     * Find every range matching the literal string `text` in the current\n     * source. Multi-line matches are supported.\n     */\n    findAllRanges(text: string): CodeRange[] {\n        const ranges: CodeRange[] = [];\n        if (!text) return ranges;\n        const source = this.joinedSource();\n        const lineLens = this.lineLengths();\n        let from = 0;\n        while (true) {\n            const idx = source.indexOf(text, from);\n            if (idx === -1) break;\n            ranges.push(charOffsetsToRange(idx, idx + text.length, lineLens));\n            from = idx + Math.max(1, text.length);\n        }\n        return ranges;\n    }\n\n    /** Find the `index`th range matching `text`. Returns null if not found. */\n    findRangeAt(text: string, index: number): CodeRange | null {\n        const all = this.findAllRanges(text);\n        return all[index] ?? null;\n    }\n\n    /** Find the first range matching `text`. Returns null if not found. */\n    findFirstRange(text: string): CodeRange | null {\n        return this.findRangeAt(text, 0);\n    }\n\n    private joinedSource(): string {\n        return this.tokenLines\n            .map(line => line.tokens.map(t => t.content).join(''))\n            .join('\\n');\n    }\n\n    private lineLengths(): number[] {\n        return this.tokenLines.map(line =>\n            line.tokens.reduce((acc, t) => acc + t.content.length, 0),\n        );\n    }\n\n    /** Character offset of a 1-indexed (line, col), clamped into the document. */\n    private offsetAt(position: [number, number]): number {\n        const lens = this.lineLengths();\n        if (lens.length === 0) return 0;\n        const [rawLine, rawCol] = position;\n        const li = Math.max(0, Math.min(lens.length - 1, rawLine - 1));\n        let offset = 0;\n        for (let k = 0; k < li; k++) offset += lens[k] + 1;\n        return offset + Math.max(0, Math.min(lens[li], rawCol - 1));\n    }\n\n    /**\n     * Resolve one or more CodeRanges to the set of token ids whose content\n     * overlaps any of them. Tokens that partially overlap are included.\n     */\n    private tokenIdsInRanges(codeRanges: CodeRange[]): Set<number> {\n        const result = new Set<number>();\n        const lineLens = this.lineLengths();\n        if (lineLens.length === 0) return result;\n        const offsets = codeRanges\n            .map(r => rangeToCharOffsets(r, lineLens))\n            .filter(({ start, end }) => end > start);\n        if (offsets.length === 0) return result;\n\n        // Walk tokens with running offsets in the joined string, testing each\n        // token against every requested range's offsets.\n        let off = 0;\n        for (let li = 0; li < this.tokenLines.length; li++) {\n            const line = this.tokenLines[li];\n            for (const tok of line.tokens) {\n                const tStart = off;\n                const tEnd = off + tok.content.length;\n                if (offsets.some(({ start, end }) => tEnd > start && tStart < end)) result.add(tok.id);\n                off = tEnd;\n            }\n            if (li < this.tokenLines.length - 1) off += 1; // newline\n        }\n        return result;\n    }\n\n    // ── Drawing ─────────────────────────────────────────────────────────────\n\n    /**\n     * Thin delegator: everything about *how* a frame is painted (settled or\n     * mid structural-edit, entry/exit motion, colour cross-fade) lives in\n     * `drawCode` (the engine's `render.ts`) as a pure function over plain\n     * state — this just gathers that state from the node's own instance\n     * fields and caches.\n     */\n    protected drawSelf(draw: RenderContext2D): void {\n        this.advanceCache.sync(this.advanceCache.signature(this.fontSize, this.fontFamily));\n        drawCode(draw, {\n            tokenLines: this.tokenLines,\n            metrics: this.metrics(),\n            advanceCache: this.advanceCache,\n            ...this.frameLayout(draw),\n            tokenStates: resolveTokenStates(this.tokenLines, this.transitions, this.highlightDimOpacity, this.highlightedIds),\n            highlightActive: this.highlightDimOpacity !== null || this.transitions.some(tr => tr.kind === \"dim\"),\n        });\n    }\n}\n\n/**\n * Normalize `highlight()`'s `codeRange` argument to a plain array: a single\n * `CodeRange` (a plain object, not iterable) becomes a one-element array; a\n * `CodeRangeChain`/plain array of ranges spreads as-is. `CodeRange` and\n * `CodeRangeChain` are distinguished by iterability, not `instanceof` — a\n * bare array of `CodeRange`s (no chain) works the same way.\n */\nfunction normalizeCodeRanges(codeRange: CodeRange | Iterable<CodeRange>): CodeRange[] {\n    const maybeIterable = codeRange as Partial<Iterable<CodeRange>>;\n    if (typeof maybeIterable[Symbol.iterator] === \"function\") {\n        return [...(codeRange as Iterable<CodeRange>)];\n    }\n    return [codeRange as CodeRange];\n}\n\nconst grammarLoaders = new Map<string, () => Promise<void>>();\n\n// One function per language: blocks sharing a grammar declare one key, and a\n// second load function for a key already declared is ignored with a warning.\nfunction grammarLoader(language: string): () => Promise<void> {\n    let load = grammarLoaders.get(language);\n    if (load === undefined) {\n        load = () => ensureHighlighter(undefined, [language]);\n        grammarLoaders.set(language, load);\n    }\n    return load;\n}\n\n"]}

package/dist/nodes.d.ts

@@ -0,0 +1,18 @@
+import { Code } from "./node.js";
+/**
+ * Every node type this package publishes.
+ *
+ * A host registers these by handing the array to an engine —
+ * `new Engine(platform, { nodes: NODES })` — which reads each class's `@node()`
+ * key. The decorator only *declares* that key: nothing is registered by the mere
+ * act of importing a module, so a registry holds exactly what its owner asked
+ * for and two engines in one process can differ about it.
+ *
+ * Listing class **values** is also what survives bundling. This package declares
+ * `sideEffects: false`, which licenses a bundler to drop a module nothing
+ * imports a value from, and a document names a node type by string — so
+ * `import "./node.js"` for its side effect is exactly what gets shaken out, where an
+ * array of bindings is a data dependency that cannot be.
+ */
+export declare const NODES: (typeof Code)[];
+//# sourceMappingURL=nodes.d.ts.map

package/dist/nodes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nodes.d.ts","sourceRoot":"","sources":["../src/nodes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,KAAK,iBAAS,CAAC"}

package/dist/nodes.js

@@ -0,0 +1,18 @@
+import { Code } from "./node.js";
+/**
+ * Every node type this package publishes.
+ *
+ * A host registers these by handing the array to an engine —
+ * `new Engine(platform, { nodes: NODES })` — which reads each class's `@node()`
+ * key. The decorator only *declares* that key: nothing is registered by the mere
+ * act of importing a module, so a registry holds exactly what its owner asked
+ * for and two engines in one process can differ about it.
+ *
+ * Listing class **values** is also what survives bundling. This package declares
+ * `sideEffects: false`, which licenses a bundler to drop a module nothing
+ * imports a value from, and a document names a node type by string — so
+ * `import "./node.js"` for its side effect is exactly what gets shaken out, where an
+ * array of bindings is a data dependency that cannot be.
+ */
+export const NODES = [Code];
+//# sourceMappingURL=nodes.js.map

package/dist/nodes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nodes.js","sourceRoot":"","sources":["../src/nodes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC,CAAC","sourcesContent":["import { Code } from \"./node\";\n\n/**\n * Every node type this package publishes.\n *\n * A host registers these by handing the array to an engine —\n * `new Engine(platform, { nodes: NODES })` — which reads each class's `@node()`\n * key. The decorator only *declares* that key: nothing is registered by the mere\n * act of importing a module, so a registry holds exactly what its owner asked\n * for and two engines in one process can differ about it.\n *\n * Listing class **values** is also what survives bundling. This package declares\n * `sideEffects: false`, which licenses a bundler to drop a module nothing\n * imports a value from, and a document names a node type by string — so\n * `import \"./node\"` for its side effect is exactly what gets shaken out, where an\n * array of bindings is a data dependency that cannot be.\n */\nexport const NODES = [Code];\n"]}

package/dist/render.d.ts

@@ -0,0 +1,28 @@
+import { RenderContext2D } from "@motionscript/core";
+import type { CodeLayout, CodeMetrics } from "./layout.js";
+import type { IdLine } from "./tokens.js";
+import type { TokenState, StructuralTransition } from "./transitions.js";
+import type { TokenAdvanceCache } from "./measure-cache.js";
+/** Everything a `Code` node's own instance state supplies to draw one frame. */
+export interface DrawCodeState {
+    tokenLines: IdLine[];
+    metrics: CodeMetrics;
+    advanceCache: TokenAdvanceCache;
+    /** The one or two layouts this frame draws from — see `frameLayout` in `layout.ts`. */
+    from: CodeLayout;
+    to: CodeLayout;
+    edit: StructuralTransition | null;
+    /** Per-token opacity from `resolveTokenStates` (persistent highlight + any active dim transition). */
+    tokenStates: Map<number, TokenState>;
+    /** Whether a highlight (persistent dim, or a highlight()/resetHighlight() cross-fade) is currently engaged. */
+    highlightActive: boolean;
+}
+/**
+ * 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`.
+ */
+export declare function drawCode(draw: RenderContext2D, state: DrawCodeState): void;
+//# sourceMappingURL=render.d.ts.map

package/dist/render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../src/render.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAuD,MAAM,oBAAoB,CAAC;AAC1G,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,MAAM,eAAe,CAAC;AACtE,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;CAC5B;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,aAAa,GAAG,IAAI,CA+H1E"}

package/dist/render.js

@@ -0,0 +1,223 @@
+import { Graphics2D, parseColor, lerpNumber } from "@motionscript/core";
+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.
+const colorCache = new Map();
+function tokenColor(css) {
+    if (!css)
+        return DEFAULT_TOKEN_COLOR;
+    let hit = colorCache.get(css);
+    if (!hit) {
+        hit = parseColor(css);
+        colorCache.set(css, hit);
+    }
+    return hit;
+}
+function lerpColor(from, to, t) {
+    if (t <= 0)
+        return from;
+    if (t >= 1)
+        return to;
+    return [
+        from[0] + (to[0] - from[0]) * t,
+        from[1] + (to[1] - from[1]) * t,
+        from[2] + (to[2] - from[2]) * 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.
+function lineHighlightOpacity(line, stateById, highlightActive) {
+    if (!highlightActive)
+        return 1;
+    let min = 1;
+    for (const tok of line.tokens) {
+        if (tok.content.length === 0)
+            continue;
+        const op = stateById.get(tok.id)?.opacity ?? 1;
+        if (op < min)
+            min = op;
+    }
+    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`.
+ */
+export function drawCode(draw, state) {
+    const { tokenLines, metrics, advanceCache, from, to, edit, tokenStates: dim } = state;
+    const progress = edit ? edit.progress : 1;
+    const pOut = edit ? windowProgress(edit.phases.out, progress) : 1;
+    const pMove = moveProgress(edit);
+    const pIn = edit ? windowProgress(edit.phases.in, progress) : 1;
+    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;
+    const drawNumber = (label, y, opacity) => {
+        if (opacity <= 0)
+            return;
+        const labelW = advanceCache.advance(draw, label, metrics.fontSize, metrics.fontFamily, 0);
+        draw.draw(new Graphics2D()
+            .text({
+            text: label,
+            fontSize: metrics.fontSize,
+            fontFamily: metrics.fontFamily,
+            lineHeight: metrics.lineHeight,
+            x: numberRight - labelW / 2,
+            y,
+            textAlign: 'left',
+        })
+            .fill([{ type: "solid", color: LINE_NUMBER_COLOR, opacity }]));
+    };
+    const drawToken = (text, x, y, color, opacity) => {
+        if (opacity <= 0 || text.length === 0)
+            return;
+        const width = advanceCache.advance(draw, text, metrics.fontSize, metrics.fontFamily, metrics.letterSpacing);
+        draw.draw(new Graphics2D()
+            .text({
+            text,
+            fontSize: metrics.fontSize,
+            fontFamily: metrics.fontFamily,
+            lineHeight: metrics.lineHeight,
+            letterSpacing: metrics.letterSpacing,
+            // The renderer centres a single-token block on the (x, y) it is
+            // given, so every token is anchored at the centre of its cell
+            // rather than at its left edge. Passing lineHeight makes the
+            // block's height deterministic (fontSize × lineHeight) rather
+            // than the font's natural metrics, so the vertical centre
+            // lands exactly on the slot centre.
+            x: x + width / 2,
+            y,
+            textAlign: 'left',
+        })
+            .fill([{ type: "solid", color, opacity }]));
+    };
+    // What survived the edit, and what it brought with it — drawn 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);
+        if (toIndex === undefined)
+            continue;
+        const toY = to.lineY[toIndex];
+        const entering = edit?.enteringLineIds.has(line.id) ?? false;
+        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`.
+            rowAlpha = pIn;
+        }
+        else if (edit) {
+            const fromIndex = from.lineIndex.get(line.id);
+            if (fromIndex !== undefined)
+                rowY = lerpNumber(from.lineY[fromIndex], toY, pMove);
+        }
+        for (const token of line.tokens) {
+            const box = to.tokens.get(token.id);
+            if (!box)
+                continue;
+            let x = box.x;
+            let alpha = rowAlpha;
+            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.
+                    alpha = pIn;
+                }
+                else {
+                    const was = from.tokens.get(token.id);
+                    if (was)
+                        x = lerpNumber(was.x, box.x, pMove);
+                    if (edit.fromColorById.has(token.id)) {
+                        color = lerpColor(tokenColor(edit.fromColorById.get(token.id)), color, pMove);
+                    }
+                }
+            }
+            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.
+    if (edit && pOut < 1) {
+        for (let i = 0; i < edit.from.length; i++) {
+            const line = edit.from[i];
+            const fromIndex = from.lineIndex.get(line.id);
+            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.
+            const y = toIndex === undefined
+                ? from.lineY[fromIndex]
+                : lerpNumber(from.lineY[fromIndex], to.lineY[toIndex], pMove);
+            for (const token of line.tokens) {
+                if (!edit.removedIds.has(token.id))
+                    continue;
+                const box = from.tokens.get(token.id);
+                if (!box)
+                    continue;
+                drawToken(token.content, box.x, y, tokenColor(token.color), 1 - pOut);
+            }
+        }
+    }
+    if (metrics.showLineNumbers)
+        drawLineNumbers(state, drawNumber, pMove, pIn, pOut);
+}
+/**
+ * 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.
+ */
+function drawLineNumbers(state, drawNumber, pMove, pIn, pOut) {
+    const { tokenLines, from, to, edit, tokenStates: dim, highlightActive } = state;
+    const toCount = tokenLines.length;
+    const fromCount = edit ? edit.from.length : toCount;
+    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.
+        const line = inTo ? tokenLines[i] : edit?.from[i];
+        const dimming = line ? lineHighlightOpacity(line, dim, highlightActive) : 1;
+        if (!edit)
+            drawNumber(String(i + 1), to.lineY[i], dimming);
+        else if (inFrom && inTo)
+            drawNumber(String(i + 1), lerpNumber(from.lineY[i], to.lineY[i], pMove), dimming);
+        else if (inTo)
+            drawNumber(String(i + 1), to.lineY[i], pIn * dimming);
+        else
+            drawNumber(String(i + 1), from.lineY[i], (1 - pOut) * dimming);
+    }
+}
+//# sourceMappingURL=render.js.map

package/dist/render.js.map

@@ -0,0 +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/core\";\nimport type { CodeLayout, CodeMetrics } from \"./layout\";\nimport type { IdLine } from \"./tokens\";\nimport { windowProgress, moveProgress } from \"./transitions\";\nimport type { TokenState, StructuralTransition } 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}\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: RenderContext2D, 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    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/**\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"]}

package/dist/style.d.ts

@@ -0,0 +1,88 @@
+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.
+ */
+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.
+ */
+export interface CodeHighlightStyle {
+    /** Stable name, used as the highlighter cache key. */
+    name: string;
+    /** Color applied to 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;
+    "github-light": CodeHighlightStyle;
+    "vscode-dark": CodeHighlightStyle;
+    "vscode-light": CodeHighlightStyle;
+};
+/** 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.
+ */
+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 by style
+ * name so repeated lookups (every tokenize) don't rebuild the matcher.
+ */
+export declare function compileStyle(style: CodeHighlightStyle): Highlighter;
+//# sourceMappingURL=style.d.ts.map

package/dist/style.d.ts.map

@@ -0,0 +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,sDAAsD;IACtD,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;AAM3E;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,kBAAkB,GAAG,WAAW,CAQnE"}