@lapismd/mira 0.0.1

package/dist/internal/codemirror/rich/theme.js

@@ -0,0 +1,268 @@
+import { EditorView } from "@codemirror/view";
+export const miraRichEditorTheme = EditorView.theme({
+    ".cm-foldGutter": {
+        display: "none",
+    },
+    ".cm-line": {
+        position: "relative",
+    },
+    ".cm-hmd-list-indent": {
+        display: "inline-flex",
+        whiteSpace: "pre",
+    },
+    ".cm-indent": {
+        display: "inline-block",
+        position: "relative",
+        whiteSpace: "pre",
+    },
+    ".cm-indent-guide::before": {
+        borderInlineStart: "var(--markdown-indentation-guide-width, var(--indentation-guide-width, 1px)) solid var(--markdown-indentation-guide-color, var(--indentation-guide-color, var(--mira-border)))",
+        content: "''",
+        insetBlock: "0",
+        insetInlineStart: "calc(50% - var(--markdown-indentation-guide-width, var(--indentation-guide-width, 1px)) / 2)",
+        pointerEvents: "none",
+        position: "absolute",
+    },
+    ".cm-indent-guide.is-active::before": {
+        borderInlineStartColor: "var(--markdown-indentation-guide-color-active, var(--indentation-guide-color-active, var(--mira-border-strong)))",
+        borderInlineStartWidth: "var(--markdown-indentation-guide-width-active, var(--indentation-guide-width-active, 1px))",
+    },
+    ".cm-plain-indent-widget": {
+        display: "inline-flex",
+    },
+    ".mira-fold-indicator": {
+        alignItems: "center",
+        display: "inline-flex",
+        height: "1rem",
+        justifyContent: "center",
+        marginInlineEnd: "0.15rem",
+        marginInlineStart: "-1.15rem",
+        position: "relative",
+        verticalAlign: "-0.1rem",
+        width: "1rem",
+    },
+    ".mira-fold-indicator__button": {
+        alignItems: "center",
+        background: "transparent",
+        border: "0",
+        borderRadius: "4px",
+        color: "var(--mira-muted-foreground)",
+        cursor: "pointer",
+        display: "inline-flex",
+        height: "1rem",
+        justifyContent: "center",
+        padding: "0",
+        width: "1rem",
+    },
+    ".mira-fold-indicator__button:hover": {
+        background: "var(--mira-accent-soft)",
+        color: "var(--mira-foreground)",
+    },
+    ".mira-fold-indicator__icon": {
+        display: "block",
+        height: "0.875rem",
+        transform: "rotate(0deg)",
+        transition: "transform 120ms ease",
+        width: "0.875rem",
+    },
+    ".mira-fold-indicator__button[data-folded='true'] .mira-fold-indicator__icon": {
+        transform: "rotate(-90deg)",
+    },
+    // Collapse hidden marks only in live preview (Lapis richEditor scope).
+    "&.cm-live-preview .cm-formatting-hidden": {
+        color: "transparent",
+        display: "inline-block",
+        height: "0",
+        lineHeight: "0",
+        overflow: "hidden",
+        width: "0",
+    },
+    // Only hide the host editor caret — nested `.mod-inline` table cell
+    // editors live under the same scroller and must keep their cursor layer.
+    "&.mira-live-preview-hide-cursor > .cm-scroller > .cm-cursorLayer": {
+        visibility: "hidden",
+    },
+    ".mira-rich-widget": {
+        background: "var(--mira-widget-background, transparent)",
+        boxSizing: "border-box",
+        color: "var(--mira-foreground)",
+        margin: "0",
+        overflow: "visible",
+        position: "relative",
+    },
+    ".mira-rich-widget--block": {
+        cursor: "default",
+        maxWidth: "100%",
+        overflowWrap: "normal",
+        whiteSpace: "normal",
+        width: "100%",
+        wordBreak: "normal",
+    },
+    ".mira-rich-widget__source-toggle": {
+        alignItems: "center",
+        background: "var(--mira-popover)",
+        border: "1px solid var(--mira-border)",
+        borderRadius: "4px",
+        boxShadow: "var(--mira-widget-shadow)",
+        color: "var(--mira-muted-foreground)",
+        cursor: "pointer",
+        display: "inline-flex",
+        height: "1.5rem",
+        insetBlockStart: "0.25rem",
+        insetInlineEnd: "0.25rem",
+        justifyContent: "center",
+        lineHeight: "1",
+        opacity: "0",
+        padding: "0",
+        position: "absolute",
+        transition: "opacity 120ms ease, color 120ms ease",
+        width: "1.5rem",
+        zIndex: "10",
+    },
+    ".mira-rich-widget__source-icon": {
+        height: "0.95rem",
+        width: "0.95rem",
+    },
+    ".mira-rich-widget:hover .mira-rich-widget__source-toggle, .mira-rich-widget:focus-within .mira-rich-widget__source-toggle": {
+        opacity: "1",
+    },
+    ".mira-rich-widget__source-toggle:hover": {
+        background: "var(--mira-accent-soft)",
+        color: "var(--mira-foreground)",
+    },
+    ".mira-table-widget-shell": {
+        display: "inline-block",
+        maxWidth: "100%",
+        position: "relative",
+    },
+    ".mira-table-widget__source-toggle": {
+        alignItems: "center",
+        background: "var(--mira-popover)",
+        border: "1px solid var(--mira-border)",
+        borderRadius: "4px",
+        boxShadow: "var(--mira-widget-shadow)",
+        color: "var(--mira-muted-foreground)",
+        cursor: "pointer",
+        display: "inline-flex",
+        height: "1.5rem",
+        insetBlockStart: "0.25rem",
+        insetInlineEnd: "0.25rem",
+        justifyContent: "center",
+        lineHeight: "1",
+        opacity: "0",
+        padding: "0",
+        position: "absolute",
+        transition: "opacity 120ms ease, color 120ms ease",
+        width: "1.5rem",
+        zIndex: "10",
+    },
+    ".mira-table-widget-shell:hover .mira-table-widget__source-toggle, .mira-table-widget-shell:focus-within .mira-table-widget__source-toggle": {
+        opacity: "1",
+    },
+    ".mira-table-widget__source-toggle svg": {
+        height: "0.95rem",
+        width: "0.95rem",
+    },
+    ".mira-table-widget__source-toggle:hover": {
+        background: "var(--mira-accent-soft)",
+        color: "var(--mira-foreground)",
+    },
+    ".mira-rich-widget .mira-markdown-preview": {
+        background: "transparent",
+        height: "auto",
+        margin: "0",
+        overflow: "visible",
+        padding: "0.1rem 0",
+    },
+    ".mira-rich-widget .markdown-rendered, .mira-rich-widget .markdown-rendered > *": {
+        marginBlockEnd: "0",
+        marginBlockStart: "0",
+    },
+    ".mira-rich-widget--table": {
+        borderColor: "transparent",
+        minHeight: "0 !important",
+    },
+    ".mira-rich-widget--table:hover": {
+        borderColor: "transparent",
+    },
+    ".cm-header": {
+        fontFamily: "var(--mira-font-sans)",
+        lineHeight: "var(--cm-block-line-height)",
+    },
+    ".cm-header-1": {
+        "--cm-block-line-height": "var(--mira-h1-line-height, 1.2)",
+        color: "var(--mira-h1-color, var(--mira-heading-color, var(--mira-foreground)))",
+        fontFamily: "var(--mira-h1-font, var(--mira-font-sans))",
+        fontSize: "var(--mira-h1-size, 1.802em)",
+        fontStyle: "var(--mira-h1-style, normal)",
+        fontVariant: "var(--mira-h1-variant, normal)",
+        fontWeight: "var(--mira-h1-weight, 700)",
+    },
+    ".cm-header-2": {
+        "--cm-block-line-height": "var(--mira-h2-line-height, 1.2)",
+        color: "var(--mira-h2-color, var(--mira-heading-color, var(--mira-foreground)))",
+        fontFamily: "var(--mira-h2-font, var(--mira-font-sans))",
+        fontSize: "var(--mira-h2-size, 1.602em)",
+        fontStyle: "var(--mira-h2-style, normal)",
+        fontVariant: "var(--mira-h2-variant, normal)",
+        fontWeight: "var(--mira-h2-weight, 600)",
+    },
+    ".cm-header-3": {
+        "--cm-block-line-height": "var(--mira-h3-line-height, 1.3)",
+        color: "var(--mira-h3-color, var(--mira-heading-color, var(--mira-foreground)))",
+        fontFamily: "var(--mira-h3-font, var(--mira-font-sans))",
+        fontSize: "var(--mira-h3-size, 1.424em)",
+        fontStyle: "var(--mira-h3-style, normal)",
+        fontVariant: "var(--mira-h3-variant, normal)",
+        fontWeight: "var(--mira-h3-weight, 600)",
+    },
+    ".cm-header-4": {
+        "--cm-block-line-height": "var(--mira-h4-line-height, 1.4)",
+        color: "var(--mira-h4-color, var(--mira-heading-color, var(--mira-foreground)))",
+        fontFamily: "var(--mira-h4-font, var(--mira-font-sans))",
+        fontSize: "var(--mira-h4-size, 1.266em)",
+        fontStyle: "var(--mira-h4-style, normal)",
+        fontVariant: "var(--mira-h4-variant, normal)",
+        fontWeight: "var(--mira-h4-weight, 600)",
+    },
+    ".cm-header-5": {
+        "--cm-block-line-height": "var(--mira-h5-line-height, 1.5)",
+        color: "var(--mira-h5-color, var(--mira-heading-color, var(--mira-foreground)))",
+        fontFamily: "var(--mira-h5-font, var(--mira-font-sans))",
+        fontSize: "var(--mira-h5-size, 1.125em)",
+        fontStyle: "var(--mira-h5-style, normal)",
+        fontVariant: "var(--mira-h5-variant, normal)",
+        fontWeight: "var(--mira-h5-weight, 600)",
+    },
+    ".cm-header-6": {
+        "--cm-block-line-height": "var(--mira-h6-line-height, 1.5)",
+        color: "var(--mira-h6-color, var(--mira-heading-color, var(--mira-foreground)))",
+        fontFamily: "var(--mira-h6-font, var(--mira-font-sans))",
+        fontSize: "var(--mira-h6-size, 1em)",
+        fontStyle: "var(--mira-h6-style, normal)",
+        fontVariant: "var(--mira-h6-variant, normal)",
+        fontWeight: "var(--mira-h6-weight, 600)",
+    },
+    ".cm-gutters .cm-gutterElement.cm-gutterHeader": {
+        display: "inline-flex",
+        alignItems: "center",
+    },
+    ".cm-gutters .cm-gutterElement.cm-gutterHeader-1": {
+        "--cm-block-line-height": "var(--mira-h1-line-height, 1.2)",
+    },
+    ".cm-gutters .cm-gutterElement.cm-gutterHeader-2": {
+        "--cm-block-line-height": "var(--mira-h2-line-height, 1.2)",
+    },
+    ".cm-gutters .cm-gutterElement.cm-gutterHeader-3": {
+        "--cm-block-line-height": "var(--mira-h3-line-height, 1.3)",
+    },
+    ".cm-gutters .cm-gutterElement.cm-gutterHeader-4": {
+        "--cm-block-line-height": "var(--mira-h4-line-height, 1.4)",
+    },
+    ".cm-gutters .cm-gutterElement.cm-gutterHeader-5": {
+        "--cm-block-line-height": "var(--mira-h5-line-height, 1.5)",
+    },
+    ".cm-gutters .cm-gutterElement.cm-gutterHeader-6": {
+        "--cm-block-line-height": "var(--mira-h6-line-height, 1.5)",
+    },
+});

package/dist/internal/codemirror/rich/types.d.ts

@@ -0,0 +1,22 @@
+import type { MiraAssetResolver, MiraExtension, MiraFileAdapter, MiraListCallout, MiraLinkResolver, MiraBlockAction, MiraBlockControlsOptions } from "@lapismd/mira/extensions";
+import type { EditorView } from "@codemirror/view";
+export type MiraRichEditorOptions = {
+    enabled?: boolean;
+    livePreview?: boolean;
+    readonly?: boolean;
+    blockControls?: boolean | MiraBlockControlsOptions;
+    blockActions?: MiraBlockAction[];
+    indentGuides?: boolean;
+    extensions?: MiraExtension[];
+    sourcePath?: string;
+    linkResolver?: MiraLinkResolver;
+    assetResolver?: MiraAssetResolver;
+    fileAdapter?: MiraFileAdapter;
+    frontmatterOpen?: boolean;
+    frontmatterConfig?: unknown;
+    listCallouts?: MiraListCallout[];
+    onChange?: (replacement: string, from: number, to: number, nextValue: string) => void;
+    onFrontmatterChange?: (nextYaml: string, nextValue: string) => void;
+    insertImage?: (view: EditorView) => void;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/internal/codemirror/rich/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/internal/codemirror/rich/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,aAAa,EACb,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,wBAAwB,EACzB,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,GAAG,wBAAwB,CAAC;IACnD,YAAY,CAAC,EAAE,eAAe,EAAE,CAAC;IACjC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,eAAe,EAAE,CAAC;IACjC,QAAQ,CAAC,EAAE,CACT,WAAW,EAAE,MAAM,EACnB,IAAI,EAAE,MAAM,EACZ,EAAE,EAAE,MAAM,EACV,SAAS,EAAE,MAAM,KACd,IAAI,CAAC;IACV,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACpE,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;CAC1C,CAAC"}

package/dist/internal/codemirror/rich/types.js

@@ -0,0 +1 @@
+export {};

package/dist/internal/codemirror/rich/utils/activation.d.ts

@@ -0,0 +1,3 @@
+export declare const PREVIEW_INTERACTIVE_SELECTOR: string;
+export declare function shouldActivateEditablePreview(event: MouseEvent): boolean;
+//# sourceMappingURL=activation.d.ts.map

package/dist/internal/codemirror/rich/utils/activation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"activation.d.ts","sourceRoot":"","sources":["../../../../../src/internal/codemirror/rich/utils/activation.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,4BAA4B,QAc7B,CAAC;AAEb,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,UAAU,GAAG,OAAO,CAcxE"}

package/dist/internal/codemirror/rich/utils/activation.js

@@ -0,0 +1,27 @@
+export const PREVIEW_INTERACTIVE_SELECTOR = [
+    "button",
+    "input",
+    "select",
+    "textarea",
+    "summary",
+    "details",
+    "audio",
+    "video",
+    "[contenteditable='true']",
+    "[role='button']",
+    "[role='checkbox']",
+    "[role='textbox']",
+    "[data-editable-markdown-ignore-click]",
+].join(", ");
+export function shouldActivateEditablePreview(event) {
+    if (event.defaultPrevented ||
+        event.button !== 0 ||
+        event.metaKey ||
+        event.ctrlKey ||
+        event.shiftKey ||
+        event.altKey) {
+        return false;
+    }
+    const target = event.target instanceof Element ? event.target : null;
+    return !target?.closest(PREVIEW_INTERACTIVE_SELECTOR);
+}

package/dist/internal/codemirror/rich/utils/code-block-lines.d.ts

@@ -0,0 +1,8 @@
+import { syntaxTree } from "@codemirror/language";
+import { type EditorState, type Extension } from "@codemirror/state";
+import { type DecorationSet } from "@codemirror/view";
+/** True for opening, body, and closing lines of a fenced code block. */
+export declare function isFencedCodeLine(state: EditorState, lineNumber: number): boolean;
+export declare function buildCodeBlockLineDecorations(state: EditorState, tree?: ReturnType<typeof syntaxTree>): DecorationSet;
+export declare function codeBlockLineDecorations(): Extension;
+//# sourceMappingURL=code-block-lines.d.ts.map

package/dist/internal/codemirror/rich/utils/code-block-lines.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block-lines.d.ts","sourceRoot":"","sources":["../../../../../src/internal/codemirror/rich/utils/code-block-lines.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,SAAS,EAEf,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAEL,KAAK,aAAa,EAKnB,MAAM,kBAAkB,CAAC;AA2E1B,wEAAwE;AACxE,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,WAAW,EAClB,UAAU,EAAE,MAAM,GACjB,OAAO,CAsBT;AAED,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,WAAW,EAClB,IAAI,GAAE,UAAU,CAAC,OAAO,UAAU,CAAqB,GACtD,aAAa,CAkEf;AAED,wBAAgB,wBAAwB,IAAI,SAAS,CAqBpD"}

package/dist/internal/codemirror/rich/utils/code-block-lines.js

@@ -0,0 +1,143 @@
+import { syntaxTree } from "@codemirror/language";
+import {} from "@codemirror/state";
+import { Decoration, ViewPlugin, } from "@codemirror/view";
+import { sortRanges } from "./ranges";
+/**
+ * Fence chrome shared by source + live-preview (Lapis HyperMD classes plus
+ * `cm-formatting-code` / start / end). Widgets stay live-preview-only; these
+ * line classes keep background + rounded first/last lines with visible markers.
+ */
+function codeLineClasses(options) {
+    const classes = [
+        "HyperMD-codeblock",
+        "HyperMD-codeblock-bg",
+        "cm-formatting-code",
+    ];
+    if (options.language === "text") {
+        classes.push("cm-formatting-code-language-text");
+    }
+    if (options.isStart) {
+        classes.push("cm-formatting-code-start");
+    }
+    if (options.isEnd) {
+        classes.push("cm-formatting-code-end");
+    }
+    return classes.join(" ");
+}
+function indentedCodeLineClasses(options) {
+    return [
+        "HyperMD-codeblock",
+        "HyperMD-codeblock-bg",
+        "cm-indented-codeblock",
+        options.isStart ? "cm-indented-codeblock-start" : "",
+        options.isEnd ? "cm-indented-codeblock-end" : "",
+    ]
+        .filter(Boolean)
+        .join(" ");
+}
+function readOpeningFence(lineText) {
+    const opening = lineText.match(/^\s*(`{3,}|~{3,})\s*([^\s`]*)/u);
+    if (!opening?.[1]) {
+        return null;
+    }
+    return {
+        character: opening[1][0],
+        language: (opening[2] ?? "").toLocaleLowerCase(),
+        length: opening[1].length,
+    };
+}
+function isClosingFence(lineText, active) {
+    const closing = lineText.match(/^\s*(`{3,}|~{3,})\s*$/u)?.[1];
+    return Boolean(closing &&
+        closing[0] === active.character &&
+        closing.length >= active.length);
+}
+/** True for opening, body, and closing lines of a fenced code block. */
+export function isFencedCodeLine(state, lineNumber) {
+    let active;
+    for (let number = 1; number <= lineNumber; number += 1) {
+        const line = state.doc.line(number);
+        const wasActive = Boolean(active);
+        if (!active) {
+            const opening = readOpeningFence(line.text);
+            if (!opening) {
+                continue;
+            }
+            active = { ...opening, startNumber: number };
+        }
+        if (number === lineNumber) {
+            return true;
+        }
+        if (wasActive && isClosingFence(line.text, active)) {
+            active = undefined;
+        }
+    }
+    return false;
+}
+export function buildCodeBlockLineDecorations(state, tree = syntaxTree(state)) {
+    const decorations = [];
+    let active;
+    for (let number = 1; number <= state.doc.lines; number += 1) {
+        const line = state.doc.line(number);
+        const wasActive = Boolean(active);
+        if (!active) {
+            const opening = readOpeningFence(line.text);
+            if (!opening) {
+                continue;
+            }
+            active = { ...opening, startNumber: number };
+        }
+        const isClosing = wasActive && isClosingFence(line.text, active);
+        decorations.push(Decoration.line({
+            class: codeLineClasses({
+                language: active.language,
+                isStart: number === active.startNumber,
+                isEnd: isClosing,
+            }),
+        }).range(line.from));
+        if (isClosing) {
+            active = undefined;
+        }
+    }
+    const decoratedIndentedLines = new Set();
+    tree.iterate({
+        from: 0,
+        to: state.doc.length,
+        enter(node) {
+            if (node.name !== "CodeBlock" || node.from >= node.to) {
+                return;
+            }
+            const start = state.doc.lineAt(node.from);
+            const end = state.doc.lineAt(Math.max(node.from, node.to - 1));
+            for (let lineNumber = start.number; lineNumber <= end.number; lineNumber += 1) {
+                if (decoratedIndentedLines.has(lineNumber)) {
+                    continue;
+                }
+                decoratedIndentedLines.add(lineNumber);
+                const line = state.doc.line(lineNumber);
+                decorations.push(Decoration.line({
+                    class: indentedCodeLineClasses({
+                        isStart: lineNumber === start.number,
+                        isEnd: lineNumber === end.number,
+                    }),
+                }).range(line.from));
+            }
+        },
+    });
+    return Decoration.set(sortRanges(decorations));
+}
+export function codeBlockLineDecorations() {
+    return ViewPlugin.fromClass(class {
+        decorations;
+        constructor(view) {
+            this.decorations = buildCodeBlockLineDecorations(view.state);
+        }
+        update(update) {
+            if (update.docChanged ||
+                update.viewportChanged ||
+                syntaxTree(update.startState) !== syntaxTree(update.state)) {
+                this.decorations = buildCodeBlockLineDecorations(update.state);
+            }
+        }
+    }, { decorations: (plugin) => plugin.decorations });
+}

package/dist/internal/codemirror/rich/utils/code-block-lines.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=code-block-lines.test.d.ts.map

package/dist/internal/codemirror/rich/utils/code-block-lines.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block-lines.test.d.ts","sourceRoot":"","sources":["../../../../../src/internal/codemirror/rich/utils/code-block-lines.test.ts"],"names":[],"mappings":""}

package/dist/internal/codemirror/rich/utils/code-block-lines.test.js

@@ -0,0 +1,82 @@
+import { ensureSyntaxTree } from "@codemirror/language";
+import { markdown } from "@codemirror/lang-markdown";
+import { EditorState } from "@codemirror/state";
+import { describe, expect, it } from "vitest";
+import { buildCodeBlockLineDecorations, isFencedCodeLine, } from "./code-block-lines";
+function lineClasses(source) {
+    const state = EditorState.create({
+        doc: source,
+    });
+    const classes = [];
+    buildCodeBlockLineDecorations(state).between(0, state.doc.length, (_from, _to, decoration) => {
+        if (decoration.spec.class) {
+            classes.push(decoration.spec.class);
+        }
+    });
+    return classes;
+}
+describe("code block line decorations", () => {
+    it("marks every explicit text-fence line for source no-wrap geometry", () => {
+        const classes = lineClasses(["```text", "A very long text diagram line", "```"].join("\n"));
+        expect(classes).toHaveLength(3);
+        expect(classes).toEqual([
+            "HyperMD-codeblock HyperMD-codeblock-bg cm-formatting-code cm-formatting-code-language-text cm-formatting-code-start",
+            "HyperMD-codeblock HyperMD-codeblock-bg cm-formatting-code cm-formatting-code-language-text",
+            "HyperMD-codeblock HyperMD-codeblock-bg cm-formatting-code cm-formatting-code-language-text cm-formatting-code-end",
+        ]);
+    });
+    it("keeps other fenced languages with code chrome and start/end radius hooks", () => {
+        const classes = lineClasses("```mermaid\nflowchart LR\n```");
+        expect(classes).toEqual([
+            "HyperMD-codeblock HyperMD-codeblock-bg cm-formatting-code cm-formatting-code-start",
+            "HyperMD-codeblock HyperMD-codeblock-bg cm-formatting-code",
+            "HyperMD-codeblock HyperMD-codeblock-bg cm-formatting-code cm-formatting-code-end",
+        ]);
+    });
+    it("detects fenced body lines for indent suppression", () => {
+        const state = EditorState.create({
+            doc: ["~~~mermaid", "  Source --> LivePreview", "~~~", "  outside"].join("\n"),
+        });
+        expect(isFencedCodeLine(state, 1)).toBe(true);
+        expect(isFencedCodeLine(state, 2)).toBe(true);
+        expect(isFencedCodeLine(state, 3)).toBe(true);
+        expect(isFencedCodeLine(state, 4)).toBe(false);
+    });
+    it("marks an indented code block as one continuous block", () => {
+        const source = [
+            "4. Preformatted text in a list item:",
+            "",
+            "        First preformatted line",
+            "        Second preformatted line",
+        ].join("\n");
+        const state = EditorState.create({
+            doc: source,
+            extensions: [markdown()],
+        });
+        const classes = lineClassesWithState(state);
+        expect(classes).toEqual([
+            "HyperMD-codeblock HyperMD-codeblock-bg cm-indented-codeblock cm-indented-codeblock-start",
+            "HyperMD-codeblock HyperMD-codeblock-bg cm-indented-codeblock cm-indented-codeblock-end",
+        ]);
+    });
+    it("gives a one-line indented code block both edge hooks", () => {
+        const state = EditorState.create({
+            doc: "    one line of preformatted code",
+            extensions: [markdown()],
+        });
+        expect(lineClassesWithState(state)).toEqual([
+            "HyperMD-codeblock HyperMD-codeblock-bg cm-indented-codeblock cm-indented-codeblock-start cm-indented-codeblock-end",
+        ]);
+    });
+});
+function lineClassesWithState(state) {
+    const classes = [];
+    const tree = ensureSyntaxTree(state, state.doc.length, 100);
+    expect(tree).not.toBeNull();
+    buildCodeBlockLineDecorations(state, tree).between(0, state.doc.length, (_from, _to, decoration) => {
+        if (decoration.spec.class) {
+            classes.push(decoration.spec.class);
+        }
+    });
+    return classes;
+}

package/dist/internal/codemirror/rich/utils/fenced-code.d.ts

@@ -0,0 +1,4 @@
+import type { RangeBoundary } from "./ranges";
+export declare function getFencedCodeLanguage(markdown: string): string;
+export declare function getFencedCodeWidgetRange(markdown: string): RangeBoundary | null;
+//# sourceMappingURL=fenced-code.d.ts.map

package/dist/internal/codemirror/rich/utils/fenced-code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fenced-code.d.ts","sourceRoot":"","sources":["../../../../../src/internal/codemirror/rich/utils/fenced-code.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAG9D;AAED,wBAAgB,wBAAwB,CACtC,QAAQ,EAAE,MAAM,GACf,aAAa,GAAG,IAAI,CAsBtB"}

package/dist/internal/codemirror/rich/utils/fenced-code.js

@@ -0,0 +1,25 @@
+export function getFencedCodeLanguage(markdown) {
+    const match = markdown.match(/^(```|~~~)\s*([^\s`]*)/);
+    return match?.[2]?.trim() ?? "";
+}
+export function getFencedCodeWidgetRange(markdown) {
+    const opening = markdown.match(/^(```|~~~)[^\n]*(?:\n|$)/);
+    if (!opening) {
+        return null;
+    }
+    const fence = opening[1] ?? "";
+    if (!fence) {
+        return null;
+    }
+    const closingIndex = markdown.lastIndexOf(`\n${fence}`);
+    if (closingIndex <= 0) {
+        return {
+            from: 0,
+            to: markdown.length,
+        };
+    }
+    return {
+        from: 0,
+        to: closingIndex + fence.length + 1,
+    };
+}

package/dist/internal/codemirror/rich/utils/fenced-code.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=fenced-code.test.d.ts.map

package/dist/internal/codemirror/rich/utils/fenced-code.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fenced-code.test.d.ts","sourceRoot":"","sources":["../../../../../src/internal/codemirror/rich/utils/fenced-code.test.ts"],"names":[],"mappings":""}

package/dist/internal/codemirror/rich/utils/fenced-code.test.js

@@ -0,0 +1,12 @@
+import { describe, expect, it } from "vitest";
+import { getFencedCodeLanguage, getFencedCodeWidgetRange } from "./fenced-code";
+describe("fenced code helpers", () => {
+    it("detects fenced code language and replacement range", () => {
+        const markdown = "```mermaid\ngraph TD\n  A --> B\n```\n";
+        expect(getFencedCodeLanguage(markdown)).toBe("mermaid");
+        expect(getFencedCodeWidgetRange(markdown)).toEqual({
+            from: 0,
+            to: markdown.trimEnd().length,
+        });
+    });
+});

package/dist/internal/codemirror/rich/utils/headings.d.ts

@@ -0,0 +1,5 @@
+import type { EditorState } from "@codemirror/state";
+import type { RangeBoundary } from "./ranges";
+export declare function getAtxHeadingMarkerRange(text: string, lineStart: number): RangeBoundary | null;
+export declare function selectionTouchesLine(state: EditorState, lineStart: number, lineEnd: number): boolean;
+//# sourceMappingURL=headings.d.ts.map

package/dist/internal/codemirror/rich/utils/headings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"headings.d.ts","sourceRoot":"","sources":["../../../../../src/internal/codemirror/rich/utils/headings.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,wBAAgB,wBAAwB,CACtC,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,MAAM,GAChB,aAAa,GAAG,IAAI,CAYtB;AAED,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,WAAW,EAClB,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,MAAM,GACd,OAAO,CAQT"}