@lapismd/mira 0.0.1

package/dist/internal/codemirror/rich/utils/tasks.test.js

@@ -0,0 +1,57 @@
+import { EditorState } from "@codemirror/state";
+import { describe, expect, it } from "vitest";
+import { getTaskMarkerRange, selectionTouchesTaskMarker } from "./tasks";
+describe("task utilities", () => {
+    it("resolves normal and custom task marker ranges", () => {
+        expect(getTaskMarkerRange("- [ ] Open task", 0)).toEqual({
+            markerStart: 0,
+            checkboxStart: 2,
+            checkboxEnd: 5,
+            markerEnd: 6,
+            taskValue: " ",
+        });
+        expect(getTaskMarkerRange("  * [/] Custom task", 10)).toEqual({
+            markerStart: 12,
+            checkboxStart: 14,
+            checkboxEnd: 17,
+            markerEnd: 18,
+            taskValue: "/",
+        });
+        expect(getTaskMarkerRange("- [?] Question task", 0)?.taskValue).toBe("?");
+        expect(getTaskMarkerRange("- [-] Cancelled task", 0)?.taskValue).toBe("-");
+    });
+    it("resolves task markers after authored blockquote prefixes", () => {
+        expect(getTaskMarkerRange("  >   - [ ] Quoted checklist child", 20)).toEqual({
+            markerStart: 26,
+            checkboxStart: 28,
+            checkboxEnd: 31,
+            markerEnd: 32,
+            taskValue: " ",
+        });
+        expect(getTaskMarkerRange("> > 1. [x] Nested task", 0)).toEqual({
+            markerStart: 4,
+            checkboxStart: 7,
+            checkboxEnd: 10,
+            markerEnd: 11,
+            taskValue: "x",
+        });
+    });
+    it("treats the task marker prefix as active for source reveal", () => {
+        for (let anchor = 0; anchor <= 6; anchor += 1) {
+            const state = EditorState.create({
+                doc: "* [/] Custom task\nParagraph",
+                selection: { anchor },
+            });
+            const taskLine = state.doc.line(1);
+            const taskRange = getTaskMarkerRange(taskLine.text, taskLine.from);
+            expect(selectionTouchesTaskMarker(state, taskLine.from, taskRange.markerEnd)).toBe(true);
+        }
+        const state = EditorState.create({
+            doc: "* [/] Custom task\nParagraph",
+            selection: { anchor: 10 },
+        });
+        const taskLine = state.doc.line(1);
+        const taskRange = getTaskMarkerRange(taskLine.text, taskLine.from);
+        expect(selectionTouchesTaskMarker(state, taskLine.from, taskRange.markerEnd)).toBe(false);
+    });
+});

package/dist/internal/codemirror/rich/widgets/list-callout.d.ts

@@ -0,0 +1,19 @@
+import { EditorView, WidgetType } from "@codemirror/view";
+import type { MiraResolvedListCallout } from "@lapismd/mira/extensions";
+type ListCalloutWidgetConfig = {
+    from: number;
+    to: number;
+    removeTo: number;
+    callout: MiraResolvedListCallout;
+    callouts: readonly MiraResolvedListCallout[];
+};
+export declare class ListCalloutWidget extends WidgetType {
+    private readonly config;
+    constructor(config: ListCalloutWidgetConfig);
+    eq(other: ListCalloutWidget): boolean;
+    toDOM(view: EditorView): HTMLElement;
+    destroy(dom: HTMLElement): void;
+    ignoreEvent(): boolean;
+}
+export {};
+//# sourceMappingURL=list-callout.d.ts.map

package/dist/internal/codemirror/rich/widgets/list-callout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-callout.d.ts","sourceRoot":"","sources":["../../../../../src/internal/codemirror/rich/widgets/list-callout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE1D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AAGxE,KAAK,uBAAuB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,uBAAuB,CAAC;IACjC,QAAQ,EAAE,SAAS,uBAAuB,EAAE,CAAC;CAC9C,CAAC;AAIF,qBAAa,iBAAkB,SAAQ,UAAU;IACnC,OAAO,CAAC,QAAQ,CAAC,MAAM;gBAAN,MAAM,EAAE,uBAAuB;IAInD,EAAE,CAAC,KAAK,EAAE,iBAAiB,GAAG,OAAO;IAarC,KAAK,CAAC,IAAI,EAAE,UAAU,GAAG,WAAW;IAyBpC,OAAO,CAAC,GAAG,EAAE,WAAW,GAAG,IAAI;IAQ/B,WAAW,IAAI,OAAO;CAGhC"}

package/dist/internal/codemirror/rich/widgets/list-callout.js

@@ -0,0 +1,58 @@
+import { EditorView, WidgetType } from "@codemirror/view";
+import { mount, unmount } from "svelte";
+import ListCalloutControl from "../../../../preview/components/list-callout-control.svelte";
+const listCalloutMounts = new WeakMap();
+export class ListCalloutWidget extends WidgetType {
+    config;
+    constructor(config) {
+        super();
+        this.config = config;
+    }
+    eq(other) {
+        return (this.config.from === other.config.from &&
+            this.config.to === other.config.to &&
+            this.config.removeTo === other.config.removeTo &&
+            equalCallouts(this.config.callout, other.config.callout) &&
+            this.config.callouts.length === other.config.callouts.length &&
+            this.config.callouts.every((callout, index) => equalCallouts(callout, other.config.callouts[index])));
+    }
+    toDOM(view) {
+        const host = document.createElement("span");
+        host.className = "mira-list-callout-widget";
+        const component = mount(ListCalloutControl, {
+            target: host,
+            props: {
+                callout: this.config.callout,
+                callouts: this.config.callouts,
+                onCalloutChange: (char) => {
+                    view.dispatch({
+                        changes: {
+                            from: this.config.from,
+                            to: char === null ? this.config.removeTo : this.config.to,
+                            insert: char ?? "",
+                        },
+                    });
+                },
+            },
+        });
+        listCalloutMounts.set(host, component);
+        return host;
+    }
+    destroy(dom) {
+        const component = listCalloutMounts.get(dom);
+        if (component) {
+            void unmount(component);
+            listCalloutMounts.delete(dom);
+        }
+    }
+    ignoreEvent() {
+        return true;
+    }
+}
+function equalCallouts(left, right) {
+    return Boolean(right &&
+        left.char === right.char &&
+        left.color === right.color &&
+        left.icon === right.icon &&
+        left.renderMarker === right.renderMarker);
+}

package/dist/internal/codemirror/rich/widgets/preview-widgets.d.ts

@@ -0,0 +1,50 @@
+import { EditorView, WidgetType } from "@codemirror/view";
+import type { MiraRichEditorOptions } from "../types";
+export declare class BlockPreviewWidget extends WidgetType {
+    private readonly config;
+    constructor(config: {
+        from: number;
+        to: number;
+        markdown: string;
+        markdownFrom?: number;
+        markdownIndentLength?: number;
+        markdownIndentedLineStarts?: number[];
+        nodeName: string;
+        options: MiraRichEditorOptions;
+    });
+    eq(other: BlockPreviewWidget): boolean;
+    get estimatedHeight(): number;
+    toDOM(view: EditorView): HTMLElement;
+    private absoluteMarkdownOffset;
+    private dispatchMarkdownReplacement;
+    private handleDoodleDividerControl;
+    destroy(dom: HTMLElement): void;
+    ignoreEvent(): boolean;
+}
+export declare class InlineMarkdownWidget extends WidgetType {
+    private readonly config;
+    constructor(config: {
+        from: number;
+        to: number;
+        markdown: string;
+        options: MiraRichEditorOptions;
+    });
+    eq(other: InlineMarkdownWidget): boolean;
+    toDOM(view: EditorView): HTMLElement;
+    destroy(dom: HTMLElement): void;
+    ignoreEvent(): boolean;
+}
+export declare class InlineMathWidget extends WidgetType {
+    private readonly config;
+    constructor(config: {
+        from: number;
+        to: number;
+        source: string;
+        options: MiraRichEditorOptions;
+    });
+    eq(other: InlineMathWidget): boolean;
+    toDOM(view: EditorView): HTMLElement;
+    destroy(dom: HTMLElement): void;
+    ignoreEvent(): boolean;
+}
+//# sourceMappingURL=preview-widgets.d.ts.map

package/dist/internal/codemirror/rich/widgets/preview-widgets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-widgets.d.ts","sourceRoot":"","sources":["../../../../../src/internal/codemirror/rich/widgets/preview-widgets.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAc1D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAUtD,qBAAa,kBAAmB,SAAQ,UAAU;IAE9C,OAAO,CAAC,QAAQ,CAAC,MAAM;gBAAN,MAAM,EAAE;QACvB,IAAI,EAAE,MAAM,CAAC;QACb,EAAE,EAAE,MAAM,CAAC;QACX,QAAQ,EAAE,MAAM,CAAC;QACjB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAC9B,0BAA0B,CAAC,EAAE,MAAM,EAAE,CAAC;QACtC,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,EAAE,qBAAqB,CAAC;KAChC;IAKM,EAAE,CAAC,KAAK,EAAE,kBAAkB,GAAG,OAAO;IAgB/C,IAAa,eAAe,IAAI,MAAM,CAErC;IAEQ,KAAK,CAAC,IAAI,EAAE,UAAU,GAAG,WAAW;IA6H7C,OAAO,CAAC,sBAAsB;IAU9B,OAAO,CAAC,2BAA2B;IAiBnC,OAAO,CAAC,0BAA0B;IAwDzB,OAAO,CAAC,GAAG,EAAE,WAAW,GAAG,IAAI;IAQ/B,WAAW,IAAI,OAAO;CAGhC;AAED,qBAAa,oBAAqB,SAAQ,UAAU;IAEhD,OAAO,CAAC,QAAQ,CAAC,MAAM;gBAAN,MAAM,EAAE;QACvB,IAAI,EAAE,MAAM,CAAC;QACb,EAAE,EAAE,MAAM,CAAC;QACX,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,EAAE,qBAAqB,CAAC;KAChC;IAKM,EAAE,CAAC,KAAK,EAAE,oBAAoB,GAAG,OAAO;IAQxC,KAAK,CAAC,IAAI,EAAE,UAAU,GAAG,WAAW;IA+CpC,OAAO,CAAC,GAAG,EAAE,WAAW,GAAG,IAAI;IAQ/B,WAAW,IAAI,OAAO;CAGhC;AAED,qBAAa,gBAAiB,SAAQ,UAAU;IAE5C,OAAO,CAAC,QAAQ,CAAC,MAAM;gBAAN,MAAM,EAAE;QACvB,IAAI,EAAE,MAAM,CAAC;QACb,EAAE,EAAE,MAAM,CAAC;QACX,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,qBAAqB,CAAC;KAChC;IAKM,EAAE,CAAC,KAAK,EAAE,gBAAgB,GAAG,OAAO;IAQpC,KAAK,CAAC,IAAI,EAAE,UAAU,GAAG,WAAW;IAwCpC,OAAO,CAAC,GAAG,EAAE,WAAW,GAAG,IAAI;IAQ/B,WAAW,IAAI,OAAO;CAGhC"}

package/dist/internal/codemirror/rich/widgets/preview-widgets.js

@@ -0,0 +1,311 @@
+import { Transaction } from "@codemirror/state";
+import { EditorView, WidgetType } from "@codemirror/view";
+import { createMarkdownGridTableWidget, createMarkdownTableWidget, } from "@lapismd/mira/tables";
+import { MarkdownPreview } from "@lapismd/mira/preview";
+import { mount, unmount } from "svelte";
+import { collectMiraDoodleDividerRules, formatMiraDoodleDividerSeed, MIRA_DOODLE_DIVIDER_CONTROL_EVENT, resolveMiraDoodleDividerController, } from "../../../doodle-dividers";
+import { shouldActivateEditablePreview, PREVIEW_INTERACTIVE_SELECTOR, } from "../utils/activation";
+import { estimateMarkdownBlockHeight } from "../utils/height-estimates";
+import { createSourceToggleButton, selectWidgetSource } from "./source-toggle";
+const previewWidgetMounts = new WeakMap();
+export class BlockPreviewWidget extends WidgetType {
+    config;
+    constructor(config) {
+        super();
+        this.config = config;
+    }
+    eq(other) {
+        return (this.config.from === other.config.from &&
+            this.config.to === other.config.to &&
+            this.config.markdown === other.config.markdown &&
+            this.config.markdownFrom === other.config.markdownFrom &&
+            this.config.markdownIndentLength === other.config.markdownIndentLength &&
+            JSON.stringify(this.config.markdownIndentedLineStarts) ===
+                JSON.stringify(other.config.markdownIndentedLineStarts) &&
+            this.config.nodeName === other.config.nodeName &&
+            this.config.options.frontmatterOpen ===
+                other.config.options.frontmatterOpen &&
+            this.config.options.readonly === other.config.options.readonly);
+    }
+    get estimatedHeight() {
+        return estimateMarkdownBlockHeight(this.config.markdown);
+    }
+    toDOM(view) {
+        const container = document.createElement("div");
+        container.className = [
+            "mira-rich-widget",
+            "mira-rich-widget--block",
+            `mira-rich-widget--${this.config.nodeName.toLowerCase()}`,
+            "markdown-rendered",
+        ].join(" ");
+        container.dataset.node = this.config.nodeName;
+        if (this.config.options.readonly) {
+            container.dataset.readonly = "true";
+        }
+        if (this.config.nodeName === "Table" ||
+            this.config.nodeName === "GridTable") {
+            const createWidget = this.config.nodeName === "GridTable"
+                ? createMarkdownGridTableWidget
+                : createMarkdownTableWidget;
+            container.append(createWidget({
+                markdown: this.config.markdown,
+                onChange: (nextMarkdown) => {
+                    this.dispatchMarkdownReplacement(view, nextMarkdown);
+                },
+                onDelete: () => {
+                    this.dispatchMarkdownReplacement(view, "");
+                },
+                onSource: () => {
+                    selectWidgetSource(view, this.config.from, this.config.to);
+                },
+            }));
+            return container;
+        }
+        container.append(createSourceToggleButton(() => {
+            selectWidgetSource(view, this.config.from, this.config.to);
+        }));
+        let pendingFrontmatterValue = "";
+        const component = mount(MarkdownPreview, {
+            target: container,
+            props: {
+                value: this.config.markdown,
+                embed: true,
+                sourcePath: this.config.options.sourcePath,
+                extensions: this.config.options.extensions ?? [],
+                linkResolver: this.config.options.linkResolver,
+                assetResolver: this.config.options.assetResolver,
+                fileAdapter: this.config.options.fileAdapter,
+                frontmatterOpen: this.config.options.frontmatterOpen ?? true,
+                frontmatterConfig: this.config.options.frontmatterConfig,
+                onChange: (replacement, from, to) => {
+                    const absoluteFrom = this.absoluteMarkdownOffset(from);
+                    const absoluteTo = this.absoluteMarkdownOffset(to);
+                    const nextValue = [
+                        view.state.doc.sliceString(0, absoluteFrom),
+                        replacement,
+                        view.state.doc.sliceString(absoluteTo),
+                    ].join("");
+                    pendingFrontmatterValue = nextValue;
+                    this.config.options.onChange?.(replacement, absoluteFrom, absoluteTo, nextValue);
+                },
+                onFrontmatterChange: (nextYaml) => {
+                    this.config.options.onFrontmatterChange?.(nextYaml, pendingFrontmatterValue || view.state.doc.toString());
+                },
+            },
+        });
+        previewWidgetMounts.set(container, component);
+        if (this.config.nodeName === "HorizontalRule") {
+            container.addEventListener(MIRA_DOODLE_DIVIDER_CONTROL_EVENT, (event) => {
+                this.handleDoodleDividerControl(view, event);
+            });
+        }
+        const selectSource = (event) => {
+            const target = event.target instanceof Element ? event.target : null;
+            const interactiveTarget = target?.closest(PREVIEW_INTERACTIVE_SELECTOR);
+            if (interactiveTarget &&
+                interactiveTarget !== container &&
+                container.contains(interactiveTarget)) {
+                return;
+            }
+            if (event.button !== 0 ||
+                event.metaKey ||
+                event.ctrlKey ||
+                event.shiftKey ||
+                event.altKey) {
+                return;
+            }
+            event.preventDefault();
+            event.stopImmediatePropagation();
+            selectWidgetSource(view, this.config.from, this.config.to);
+        };
+        container.addEventListener("pointerdown", selectSource, { capture: true });
+        container.addEventListener("mousedown", selectSource, { capture: true });
+        container.addEventListener("click", selectSource, { capture: true });
+        return container;
+    }
+    absoluteMarkdownOffset(offset) {
+        const markdownFrom = this.config.markdownFrom ?? this.config.from;
+        const indentLength = this.config.markdownIndentLength ?? 0;
+        const indentedLines = this.config.markdownIndentedLineStarts ?? [];
+        const removedIndentCount = indentedLines.filter((lineStart) => lineStart <= offset).length;
+        return markdownFrom + offset + removedIndentCount * indentLength;
+    }
+    dispatchMarkdownReplacement(view, replacement) {
+        view.dispatch({
+            changes: {
+                from: this.config.from,
+                to: this.config.to,
+                insert: replacement,
+            },
+            selection: {
+                anchor: this.config.from,
+            },
+            scrollIntoView: true,
+        });
+    }
+    handleDoodleDividerControl(view, event) {
+        const controller = resolveMiraDoodleDividerController(this.config.options.extensions);
+        const rule = collectMiraDoodleDividerRules(view.state, [
+            { from: this.config.from, to: this.config.to },
+        ]).find((candidate) => candidate.pair?.from === this.config.from &&
+            candidate.pair.to === this.config.to);
+        if (!controller || !rule?.pair) {
+            return;
+        }
+        event.preventDefault();
+        event.stopPropagation();
+        const context = {
+            sourcePath: this.config.options.sourcePath,
+            line: rule.line,
+            offset: rule.from,
+        };
+        const nextSeed = event.detail.action === "reroll"
+            ? controller.rerollSeed(rule.pair.seed, context)
+            : controller.selectVariantSeed(rule.pair.seed, event.detail.variantId, context);
+        if (nextSeed === null || nextSeed === rule.pair.seed) {
+            return;
+        }
+        const scrollTop = view.scrollDOM.scrollTop;
+        const scrollLeft = view.scrollDOM.scrollLeft;
+        view.dispatch({
+            changes: {
+                from: rule.pair.seedFrom,
+                to: rule.pair.seedTo,
+                insert: formatMiraDoodleDividerSeed(nextSeed),
+            },
+            annotations: Transaction.userEvent.of(event.detail.action === "reroll"
+                ? "input.doodle-divider.reroll"
+                : "input.doodle-divider.variant"),
+        });
+        view.focus();
+        view.scrollDOM.scrollTop = scrollTop;
+        view.scrollDOM.scrollLeft = scrollLeft;
+    }
+    destroy(dom) {
+        const component = previewWidgetMounts.get(dom);
+        if (component) {
+            void unmount(component);
+            previewWidgetMounts.delete(dom);
+        }
+    }
+    ignoreEvent() {
+        return true;
+    }
+}
+export class InlineMarkdownWidget extends WidgetType {
+    config;
+    constructor(config) {
+        super();
+        this.config = config;
+    }
+    eq(other) {
+        return (this.config.from === other.config.from &&
+            this.config.to === other.config.to &&
+            this.config.markdown === other.config.markdown);
+    }
+    toDOM(view) {
+        const container = document.createElement("span");
+        container.className = "mira-inline-markdown-widget markdown-rendered";
+        const component = mount(MarkdownPreview, {
+            target: container,
+            props: {
+                value: this.config.markdown,
+                inline: true,
+                embed: true,
+                sourcePath: this.config.options.sourcePath,
+                extensions: this.config.options.extensions ?? [],
+                linkResolver: this.config.options.linkResolver,
+                assetResolver: this.config.options.assetResolver,
+                fileAdapter: this.config.options.fileAdapter,
+                highlight: false,
+            },
+        });
+        previewWidgetMounts.set(container, component);
+        const selectSource = (event) => {
+            if (event.button !== 0 ||
+                event.metaKey ||
+                event.ctrlKey ||
+                event.shiftKey ||
+                event.altKey) {
+                return;
+            }
+            event.preventDefault();
+            event.stopImmediatePropagation();
+            view.dispatch({
+                selection: { anchor: this.config.from, head: this.config.to },
+                scrollIntoView: true,
+            });
+            view.focus();
+        };
+        container.addEventListener("pointerdown", selectSource, { capture: true });
+        container.addEventListener("mousedown", selectSource, { capture: true });
+        container.addEventListener("click", selectSource, { capture: true });
+        return container;
+    }
+    destroy(dom) {
+        const component = previewWidgetMounts.get(dom);
+        if (component) {
+            void unmount(component);
+            previewWidgetMounts.delete(dom);
+        }
+    }
+    ignoreEvent() {
+        return true;
+    }
+}
+export class InlineMathWidget extends WidgetType {
+    config;
+    constructor(config) {
+        super();
+        this.config = config;
+    }
+    eq(other) {
+        return (this.config.from === other.config.from &&
+            this.config.to === other.config.to &&
+            this.config.source === other.config.source);
+    }
+    toDOM(view) {
+        const container = document.createElement("span");
+        container.className = "mira-inline-math-widget cm-inline-math";
+        container.dataset.math = "inline";
+        const component = mount(MarkdownPreview, {
+            target: container,
+            props: {
+                value: this.config.source,
+                inline: true,
+                sourcePath: this.config.options.sourcePath,
+                extensions: this.config.options.extensions ?? [],
+                linkResolver: this.config.options.linkResolver,
+                assetResolver: this.config.options.assetResolver,
+                fileAdapter: this.config.options.fileAdapter,
+            },
+        });
+        previewWidgetMounts.set(container, component);
+        const selectSource = (event) => {
+            if (!shouldActivateEditablePreview(event)) {
+                return;
+            }
+            event.preventDefault();
+            event.stopImmediatePropagation();
+            view.dispatch({
+                selection: { anchor: this.config.from, head: this.config.to },
+                scrollIntoView: true,
+            });
+            view.focus();
+        };
+        container.addEventListener("pointerdown", selectSource, { capture: true });
+        container.addEventListener("mousedown", selectSource, { capture: true });
+        container.addEventListener("click", selectSource, { capture: true });
+        return container;
+    }
+    destroy(dom) {
+        const component = previewWidgetMounts.get(dom);
+        if (component) {
+            void unmount(component);
+            previewWidgetMounts.delete(dom);
+        }
+    }
+    ignoreEvent() {
+        return true;
+    }
+}

package/dist/internal/codemirror/rich/widgets/source-toggle.d.ts

@@ -0,0 +1,4 @@
+import { EditorView } from "@codemirror/view";
+export declare function createSourceToggleButton(onClick: () => void): HTMLButtonElement;
+export declare function selectWidgetSource(view: EditorView, from: number, to: number): void;
+//# sourceMappingURL=source-toggle.d.ts.map

package/dist/internal/codemirror/rich/widgets/source-toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"source-toggle.d.ts","sourceRoot":"","sources":["../../../../../src/internal/codemirror/rich/widgets/source-toggle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,wBAAgB,wBAAwB,CACtC,OAAO,EAAE,MAAM,IAAI,GAClB,iBAAiB,CAkBnB;AAwBD,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,UAAU,EAChB,IAAI,EAAE,MAAM,EACZ,EAAE,EAAE,MAAM,GACT,IAAI,CAMN"}

package/dist/internal/codemirror/rich/widgets/source-toggle.js

@@ -0,0 +1,47 @@
+import { EditorView } from "@codemirror/view";
+export function createSourceToggleButton(onClick) {
+    const button = document.createElement("button");
+    button.type = "button";
+    button.className =
+        "mira-rich-widget__source-toggle markdown-widget-select-control";
+    button.title = "Edit source";
+    button.setAttribute("aria-label", "Edit source");
+    button.append(createCodeXmlIcon());
+    button.addEventListener("mousedown", (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+    });
+    button.addEventListener("click", (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        onClick();
+    });
+    return button;
+}
+function createCodeXmlIcon() {
+    const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+    svg.setAttribute("aria-hidden", "true");
+    svg.setAttribute("viewBox", "0 0 24 24");
+    svg.setAttribute("fill", "none");
+    svg.setAttribute("stroke", "currentColor");
+    svg.setAttribute("stroke-width", "2");
+    svg.setAttribute("stroke-linecap", "round");
+    svg.setAttribute("stroke-linejoin", "round");
+    svg.classList.add("mira-rich-widget__source-icon", "svg-icon");
+    appendSvgPath(svg, "m18 16 4-4-4-4");
+    appendSvgPath(svg, "m6 8-4 4 4 4");
+    appendSvgPath(svg, "m14.5 4-5 16");
+    return svg;
+}
+function appendSvgPath(svg, d) {
+    const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
+    path.setAttribute("d", d);
+    svg.append(path);
+}
+export function selectWidgetSource(view, from, to) {
+    view.dispatch({
+        selection: { anchor: from, head: to },
+        scrollIntoView: true,
+    });
+    view.focus();
+}

package/dist/internal/codemirror/rich/widgets/task-checkbox.d.ts

@@ -0,0 +1,14 @@
+import { EditorView, WidgetType } from "@codemirror/view";
+export declare class TaskCheckboxWidget extends WidgetType {
+    private readonly config;
+    constructor(config: {
+        from: number;
+        value: string;
+        checked: boolean;
+    });
+    eq(other: TaskCheckboxWidget): boolean;
+    toDOM(view: EditorView): HTMLElement;
+    destroy(dom: HTMLElement): void;
+    ignoreEvent(): boolean;
+}
+//# sourceMappingURL=task-checkbox.d.ts.map

package/dist/internal/codemirror/rich/widgets/task-checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/internal/codemirror/rich/widgets/task-checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAM1D,qBAAa,kBAAmB,SAAQ,UAAU;IAE9C,OAAO,CAAC,QAAQ,CAAC,MAAM;gBAAN,MAAM,EAAE;QACvB,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,OAAO,CAAC;KAClB;IAKM,EAAE,CAAC,KAAK,EAAE,kBAAkB,GAAG,OAAO;IAQtC,KAAK,CAAC,IAAI,EAAE,UAAU,GAAG,WAAW;IA+BpC,OAAO,CAAC,GAAG,EAAE,WAAW,GAAG,IAAI;IAQ/B,WAAW,IAAI,OAAO;CAGhC"}

package/dist/internal/codemirror/rich/widgets/task-checkbox.js

@@ -0,0 +1,54 @@
+import { EditorView, WidgetType } from "@codemirror/view";
+import { mount, unmount } from "svelte";
+import TaskCheckboxControl from "../../../../preview/components/task-checkbox-control.svelte";
+const taskCheckboxMounts = new WeakMap();
+export class TaskCheckboxWidget extends WidgetType {
+    config;
+    constructor(config) {
+        super();
+        this.config = config;
+    }
+    eq(other) {
+        return (this.config.from === other.config.from &&
+            this.config.value === other.config.value &&
+            this.config.checked === other.config.checked);
+    }
+    toDOM(view) {
+        const label = document.createElement("span");
+        label.className = "task-list-label";
+        label.dataset.task = this.config.value;
+        const replaceTaskMarker = (replacement) => {
+            view.dispatch({
+                changes: {
+                    from: this.config.from + 1,
+                    to: this.config.from + 2,
+                    insert: replacement,
+                },
+            });
+        };
+        const component = mount(TaskCheckboxControl, {
+            target: label,
+            props: {
+                checkboxClass: "mira-task-checkbox cm-task-checkbox",
+                task: this.config.value,
+                checked: this.config.checked,
+                onCheckedChange: (checked) => {
+                    replaceTaskMarker(checked ? "x" : " ");
+                },
+                onTaskChange: replaceTaskMarker,
+            },
+        });
+        taskCheckboxMounts.set(label, component);
+        return label;
+    }
+    destroy(dom) {
+        const component = taskCheckboxMounts.get(dom);
+        if (component) {
+            void unmount(component);
+            taskCheckboxMounts.delete(dom);
+        }
+    }
+    ignoreEvent() {
+        return true;
+    }
+}