@lapismd/mira 0.0.1

package/dist/core/markdown-actions.test.js

@@ -0,0 +1,182 @@
+import { EditorSelection } from "@codemirror/state";
+import { redo, undo } from "@codemirror/commands";
+import { describe, expect, it } from "vitest";
+import { createBaseCodeMirrorExtensions } from "../internal/codemirror/base";
+import { createMarkdownCodeMirrorExtensions } from "../internal/codemirror/markdown";
+import { isMiraMarkdownActionActive, MiraEditorController } from ".";
+function createController(value, options = {}) {
+    return new MiraEditorController({
+        value,
+        codeMirrorExtensions: [
+            createBaseCodeMirrorExtensions({
+                lineNumbers: false,
+                readonly: options.readonly,
+            }),
+            createMarkdownCodeMirrorExtensions({ sourceMode: true }),
+        ],
+        onChange(next, change) {
+            options.onChange?.(next, change.userEvent);
+        },
+    });
+}
+function select(controller, anchor, head = anchor) {
+    controller.view.dispatch({
+        selection: EditorSelection.single(anchor, head),
+    });
+}
+function apply(value, action, anchor, head = anchor) {
+    const controller = createController(value);
+    select(controller, anchor, head);
+    expect(controller.applyMarkdownAction(action)).toBe(true);
+    return {
+        controller,
+        selection: controller.view.state.selection.main,
+        value: controller.getValue(),
+    };
+}
+describe("inline Markdown toolbar actions", () => {
+    it("reports an exact formatted selection as active", () => {
+        const controller = createController("A **bold** word");
+        select(controller, 4, 8);
+        expect(isMiraMarkdownActionActive(controller.view.state, "bold")).toBe(true);
+        expect(isMiraMarkdownActionActive(controller.view.state, "italic")).toBe(false);
+        select(controller, 5, 8);
+        expect(isMiraMarkdownActionActive(controller.view.state, "bold")).toBe(false);
+    });
+    it.each([
+        ["bold", "word", "**word**"],
+        ["italic", "word", "_word_"],
+        ["strikethrough", "word", "~~word~~"],
+        ["inlineCode", "word", "`word`"],
+    ])("wraps the current word for %s", (action, source, expected) => {
+        const result = apply(source, action, 2);
+        expect(result.value).toBe(expected);
+        expect(result.selection.anchor).toBe(2 + expected.indexOf(source) - 0);
+        expect(result.selection.empty).toBe(true);
+    });
+    it.each([
+        ["bold", "**word**", 4],
+        ["bold", "__word__", 4],
+        ["italic", "_word_", 3],
+        ["italic", "*word*", 3],
+        ["strikethrough", "~~word~~", 4],
+        ["inlineCode", "`word`", 3],
+    ])("removes enclosing %s syntax at the caret", (action, source, caret) => {
+        const result = apply(source, action, caret);
+        expect(result.value).toBe("word");
+        expect(result.selection.anchor).toBe(caret - (source.length - 4) / 2);
+    });
+    it("wraps and unwraps an exact selection while preserving its direction", () => {
+        const wrapped = apply("one two", "bold", 7, 4);
+        expect(wrapped.value).toBe("one **two**");
+        expect(wrapped.selection.anchor).toBe(9);
+        expect(wrapped.selection.head).toBe(6);
+        expect(wrapped.controller.applyMarkdownAction("bold")).toBe(true);
+        expect(wrapped.controller.getValue()).toBe("one two");
+        expect(wrapped.controller.view.state.selection.main.anchor).toBe(7);
+        expect(wrapped.controller.view.state.selection.main.head).toBe(4);
+    });
+    it("inserts empty delimiter pairs on whitespace and places the caret inside", () => {
+        const result = apply("one two", "bold", 3);
+        expect(result.value).toBe("one**** two");
+        expect(result.selection.anchor).toBe(5);
+    });
+    it("uses a longer inline-code fence when the selection contains backticks", () => {
+        const result = apply("a`b", "inlineCode", 0, 3);
+        expect(result.value).toBe("``a`b``");
+    });
+    it("preserves nested formatting when removing only the requested syntax", () => {
+        const result = apply("**bold _and italic_**", "bold", 8);
+        expect(result.value).toBe("bold _and italic_");
+    });
+    it("wraps a current word as a link, selects its target, and unlinks from the target", () => {
+        const linked = apply("Visit Mira today", "link", 8);
+        expect(linked.value).toBe("Visit [Mira](https://example.com) today");
+        expect(linked.controller.view.state.sliceDoc(linked.selection.from, linked.selection.to)).toBe("https://example.com");
+        expect(linked.controller.applyMarkdownAction("link")).toBe(true);
+        expect(linked.controller.getValue()).toBe("Visit Mira today");
+    });
+    it("creates one undoable transaction with the formatting user event", () => {
+        const changes = [];
+        const controller = createController("word", {
+            onChange(value, event) {
+                changes.push({ value, event });
+            },
+        });
+        select(controller, 2);
+        expect(controller.applyMarkdownAction("bold")).toBe(true);
+        expect(changes).toEqual([{ value: "**word**", event: "input.format" }]);
+        expect(undo(controller.view)).toBe(true);
+        expect(controller.getValue()).toBe("word");
+        expect(redo(controller.view)).toBe(true);
+        expect(controller.getValue()).toBe("**word**");
+    });
+    it("preserves the editor scroll position while restoring focus", () => {
+        const controller = createController("word");
+        const host = document.createElement("div");
+        document.body.append(host);
+        controller.mount(host);
+        select(controller, 2);
+        controller.view.scrollDOM.scrollTop = 31;
+        controller.view.scrollDOM.scrollLeft = 7;
+        expect(controller.applyMarkdownAction("bold")).toBe(true);
+        expect(controller.view.hasFocus).toBe(true);
+        expect(controller.view.scrollDOM.scrollTop).toBe(31);
+        expect(controller.view.scrollDOM.scrollLeft).toBe(7);
+        controller.destroy();
+        host.remove();
+    });
+    it("rejects authoring actions in a readonly editor", () => {
+        const controller = createController("word", { readonly: true });
+        select(controller, 2);
+        expect(controller.applyMarkdownAction("bold")).toBe(false);
+        expect(controller.getValue()).toBe("word");
+    });
+});
+describe("line Markdown toolbar actions", () => {
+    it("adds and removes exactly one H1 prefix at a caret within the line", () => {
+        const result = apply("Paragraph", "heading", 4);
+        expect(result.value).toBe("# Paragraph");
+        expect(result.selection.anchor).toBe(6);
+        expect(result.controller.applyMarkdownAction("heading")).toBe(true);
+        expect(result.controller.getValue()).toBe("Paragraph");
+        expect(result.controller.view.state.selection.main.anchor).toBe(4);
+    });
+    it("removes existing ATX and Setext heading syntax", () => {
+        expect(apply("### Heading ###", "heading", 6).value).toBe("Heading");
+        expect(apply("Heading\n=======", "heading", 3).value).toBe("Heading");
+    });
+    it("normalizes mixed selected lines to H1 and excludes a final column-zero line", () => {
+        const source = "## Existing\nPlain\nUntouched";
+        const result = apply(source, "heading", 0, source.indexOf("Untouched"));
+        expect(result.value).toBe("# Existing\n# Plain\nUntouched");
+    });
+    it("normalizes mixed blockquote lines and toggles them off together", () => {
+        const source = "> Quoted\nPlain\n\nLast";
+        const result = apply(source, "quote", 0, source.length);
+        expect(result.value).toBe("> Quoted\n> Plain\n>\n> Last");
+        expect(result.controller.applyMarkdownAction("quote")).toBe(true);
+        expect(result.controller.getValue()).toBe("Quoted\nPlain\n\nLast");
+    });
+    it("preserves list and quote ancestry when adding nested block prefixes", () => {
+        expect(apply("- Item", "quote", 4).value).toBe("- > Item");
+        expect(apply("> Item", "bulletList", 4).value).toBe("> - Item");
+        expect(apply("> - Item", "heading", 6).value).toBe("> - # Item");
+    });
+    it("normalizes and converts bullet, ordered, and task markers", () => {
+        const source = "- Bullet\n2. Ordered\n* [x] Done";
+        const tasks = apply(source, "taskList", 0, source.length);
+        expect(tasks.value).toBe("- [ ] Bullet\n- [ ] Ordered\n* [x] Done");
+        const numbered = apply(tasks.value, "numberedList", 0, tasks.value.length);
+        expect(numbered.value).toBe("1. Bullet\n1. Ordered\n1. Done");
+    });
+    it("removes custom task markers without leaving checkbox delimiters", () => {
+        const source = "- [?] Question\n- [>] Forwarded";
+        const result = apply(source, "taskList", 0, source.length);
+        expect(result.value).toBe("Question\nForwarded");
+    });
+    it("skips selected blank rows for lists but starts a list on an empty caret line", () => {
+        expect(apply("One\n\nTwo", "bulletList", 0, 8).value).toBe("- One\n\n- Two");
+        expect(apply("", "numberedList", 0).value).toBe("1. ");
+    });
+});

package/dist/extensions/doodle-dividers.d.ts

@@ -0,0 +1,44 @@
+import type { MiraExtension } from ".";
+export type MiraDoodleDividerSeedReason = "authoring" | "duplicate" | "migration" | "reroll" | "variant";
+export type MiraDoodleDividerSeedContext = {
+    sourcePath?: string;
+    line: number;
+    offset: number;
+    reason: MiraDoodleDividerSeedReason;
+};
+export type MiraDoodleDividerDrawContext = {
+    seed: number;
+    width: 1000;
+    height: 32;
+    random: () => number;
+};
+export type MiraDoodleDividerVariant = {
+    id: string;
+    draw: (context: MiraDoodleDividerDrawContext) => string | readonly string[];
+};
+export type MiraDoodleDividersOptions = {
+    variants?: readonly MiraDoodleDividerVariant[];
+    palette?: readonly string[];
+    height?: number;
+    strokeWidth?: number;
+    /** Show reroll and family-selection controls in writable Live Preview. */
+    controls?: boolean;
+    createSeed?: (context: MiraDoodleDividerSeedContext) => number;
+};
+export type MiraDoodleDividerMaterializeOptions = Pick<MiraDoodleDividersOptions, "createSeed"> & {
+    sourcePath?: string;
+};
+export declare const defaultMiraDoodleDividerPalette: readonly string[];
+export declare const defaultMiraDoodleDividerVariants: readonly MiraDoodleDividerVariant[];
+type DoodleDividerDrawing = {
+    color: string;
+    colorIndex: number;
+    paths: readonly string[];
+    variant: MiraDoodleDividerVariant;
+};
+export declare function doodleDividersExtension(options?: MiraDoodleDividersOptions): MiraExtension;
+export declare function materializeDoodleDividerSeeds(markdown: string, options?: MiraDoodleDividerMaterializeOptions): string;
+export declare function createMiraDoodleDividerRandom(seed: number): () => number;
+export declare function resolveMiraDoodleDividerDrawing(seed: number, options?: MiraDoodleDividersOptions): DoodleDividerDrawing | null;
+export {};
+//# sourceMappingURL=doodle-dividers.d.ts.map

package/dist/extensions/doodle-dividers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"doodle-dividers.d.ts","sourceRoot":"","sources":["../../src/extensions/doodle-dividers.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,aAAa,EAA6B,MAAM,GAAG,CAAC;AAQlE,MAAM,MAAM,2BAA2B,GACnC,WAAW,GACX,WAAW,GACX,WAAW,GACX,QAAQ,GACR,SAAS,CAAC;AAEd,MAAM,MAAM,4BAA4B,GAAG;IACzC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,2BAA2B,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,IAAI,CAAC;IACZ,MAAM,EAAE,EAAE,CAAC;IACX,MAAM,EAAE,MAAM,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,CAAC,OAAO,EAAE,4BAA4B,KAAK,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;CAC7E,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,QAAQ,CAAC,EAAE,SAAS,wBAAwB,EAAE,CAAC;IAC/C,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,4BAA4B,KAAK,MAAM,CAAC;CAChE,CAAC;AAEF,MAAM,MAAM,mCAAmC,GAAG,IAAI,CACpD,yBAAyB,EACzB,YAAY,CACb,GAAG;IACF,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,+BAA+B,EAAE,SAAS,MAAM,EAO5D,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,SAAS,wBAAwB,EAY7E,CAAC;AAWJ,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;IACzB,OAAO,EAAE,wBAAwB,CAAC;CACnC,CAAC;AAOF,wBAAgB,uBAAuB,CACrC,OAAO,GAAE,yBAA8B,GACtC,aAAa,CA+Df;AAED,wBAAgB,6BAA6B,CAC3C,QAAQ,EAAE,MAAM,EAChB,OAAO,GAAE,mCAAwC,GAChD,MAAM,CAmBR;AAED,wBAAgB,6BAA6B,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,MAAM,CASxE;AAED,wBAAgB,+BAA+B,CAC7C,IAAI,EAAE,MAAM,EACZ,OAAO,GAAE,yBAA8B,GACtC,oBAAoB,GAAG,IAAI,CAG7B"}