@lapismd/mira 0.0.4 → 0.1.0

package/dist/internal/codemirror/markdown/authoring.test.js

@@ -1,222 +0,0 @@
-import { CompletionContext, } from "@codemirror/autocomplete";
-import { EditorSelection, EditorState, } from "@codemirror/state";
-import { EditorView } from "@codemirror/view";
-import { afterEach, describe, expect, it, vi } from "vitest";
-import { convertHtmlToMarkdown, createMarkdownCompletionSources, createMarkdownInputHandlerExtensions, createMarkdownSmartPasteExtension, } from ".";
-const files = [
-    {
-        extension: "md",
-        kind: "markdown",
-        name: "project.md",
-        path: "notes/project.md",
-    },
-    {
-        extension: "png",
-        kind: "image",
-        name: "diagram.png",
-        path: "assets/diagram.png",
-    },
-];
-const adapter = {
-    getHeadings(file) {
-        return file.path === "notes/project.md"
-            ? [{ id: "next-steps", level: 2, text: "Next Steps" }]
-            : [];
-    },
-    listFiles: () => files,
-    resolveLink({ href }) {
-        const normalized = href.replace(/\.md$/i, "");
-        return (files.find((file) => file.path.replace(/\.md$/i, "") === normalized ||
-            file.name?.replace(/\.md$/i, "") === normalized ||
-            file.path.replace(/\.md$/i, "").endsWith(`/${normalized}`)) ?? null);
-    },
-};
-afterEach(() => {
-    document.body.replaceChildren();
-});
-describe("Markdown completions", () => {
-    it("formats file and embed targets through the portable adapter", async () => {
-        const sources = createMarkdownCompletionSources({
-            fileAdapter: adapter,
-            sourcePath: "notes/today.md",
-        });
-        const file = await firstResult(sources, "[[pro");
-        expect(file.options.map((option) => option.label)).toContain("project.md");
-        expect(applyCompletion("[[pro", file, "project.md")).toBe("[[project]]");
-        const embed = await firstResult(sources, "![[dia");
-        expect(embed.options.map((option) => option.label)).toContain("diagram.png");
-        expect(applyCompletion("![[dia", embed, "diagram.png")).toBe("![[diagram.png]]");
-    });
-    it("completes headings while preserving existing display text", async () => {
-        const sources = createMarkdownCompletionSources({
-            fileAdapter: adapter,
-            sourcePath: "notes/today.md",
-        });
-        const doc = "[[project#Ne|Alias]]";
-        const position = doc.indexOf("|");
-        const result = await firstResult(sources, doc, position);
-        expect(result.options.map((option) => option.label)).toContain("Next Steps");
-        expect(applyCompletion(doc, result, "Next Steps", position)).toBe("[[project#Next Steps|Alias]]");
-    });
-    it("resolves a unique basename from listFiles when resolveLink cannot", async () => {
-        const sources = createMarkdownCompletionSources({
-            fileAdapter: {
-                ...adapter,
-                resolveLink: () => null,
-            },
-            sourcePath: "notes/today.md",
-        });
-        const result = await firstResult(sources, "[[project#Ne");
-        expect(applyCompletion("[[project#Ne", result, "Next Steps")).toBe("[[project#Next Steps]]");
-    });
-    it("completes display text without losing the selected target", async () => {
-        const sources = createMarkdownCompletionSources({
-            fileAdapter: adapter,
-            sourcePath: "notes/today.md",
-        });
-        const result = await firstResult(sources, "[[project|Shown");
-        expect(applyCompletion("[[project|Shown", result, "Shown")).toBe("[[project|Shown]]");
-    });
-    it("lets consumers replace the link formatter", async () => {
-        const formatLink = vi.fn((target) => `${target.embed ? "embed" : "link"}:${target.targetPath}`);
-        const sources = createMarkdownCompletionSources({
-            config: { formatLink },
-            fileAdapter: adapter,
-            sourcePath: "notes/today.md",
-        });
-        const result = await firstResult(sources, "[[pro");
-        expect(applyCompletion("[[pro", result, "project.md")).toBe("link:notes/project.md");
-        expect(formatLink).toHaveBeenCalled();
-    });
-});
-describe("Markdown input handlers", () => {
-    it("scaffolds code fences and frontmatter by default", () => {
-        expect(runInputHandler("``", "`")).toEqual({
-            doc: "```\n```",
-            selection: 3,
-        });
-        expect(runInputHandler("--", "-")).toEqual({
-            doc: "---\n\n---",
-            selection: 4,
-        });
-    });
-    it("keeps ellipsis substitution opt-in", () => {
-        expect(runInputHandler("..", ".")).toEqual({
-            doc: "..",
-            selection: 2,
-        });
-        expect(runInputHandler("..", ".", { ellipsis: true })).toEqual({
-            doc: "…",
-            selection: 1,
-        });
-    });
-});
-describe("Markdown smart paste", () => {
-    it("converts rich HTML to Markdown", async () => {
-        const markdown = await convertHtmlToMarkdown("<h2>Plan</h2><ul><li>First</li><li>Second</li></ul>");
-        expect(markdown).toContain("## Plan");
-        expect(markdown).toContain("* First");
-        expect(markdown).toContain("* Second");
-    });
-    it("wraps the current selection when a URL is pasted", () => {
-        const view = createView("Read Mira", 5, 9, [
-            createMarkdownSmartPasteExtension(),
-        ]);
-        const event = pasteEvent({
-            "text/plain": "https://mira.example/docs",
-        });
-        view.contentDOM.dispatchEvent(event);
-        expect(event.defaultPrevented).toBe(true);
-        expect(view.state.doc.toString()).toBe("Read [Mira](https://mira.example/docs)");
-        view.destroy();
-    });
-    it("supports an application-supplied HTML converter", async () => {
-        const view = createView("", 0, 0, [
-            createMarkdownSmartPasteExtension({
-                convertHtml: async () => "**converted**",
-            }),
-        ]);
-        const event = pasteEvent({
-            "text/html": "<strong>converted</strong>",
-            "text/plain": "converted",
-        });
-        view.contentDOM.dispatchEvent(event);
-        await vi.waitFor(() => expect(view.state.doc.toString()).toBe("**converted**"));
-        expect(event.defaultPrevented).toBe(true);
-        view.destroy();
-    });
-});
-async function firstResult(sources, doc, position = doc.length) {
-    const state = EditorState.create({ doc });
-    const context = new CompletionContext(state, position, true);
-    for (const source of sources) {
-        const result = await source(context);
-        if (result) {
-            return result;
-        }
-    }
-    throw new Error(`No completion matched ${doc}`);
-}
-function applyCompletion(doc, result, label, position = doc.length) {
-    const option = result.options.find((item) => item.label === label);
-    if (!option || typeof option.apply !== "function") {
-        throw new Error(`Missing completion ${label}`);
-    }
-    const state = EditorState.create({
-        doc,
-        selection: EditorSelection.cursor(position),
-    });
-    const view = mockView(state);
-    option.apply(view, option, result.from, result.to ?? position);
-    return view.state.doc.toString();
-}
-function runInputHandler(doc, text, config = {}) {
-    const state = EditorState.create({
-        doc,
-        selection: EditorSelection.cursor(doc.length),
-        extensions: createMarkdownInputHandlerExtensions(config),
-    });
-    const view = mockView(state);
-    const handled = state.facet(EditorView.inputHandler).some((handler) => handler(view, doc.length, doc.length, text, () => view.state.update({
-        changes: { from: doc.length, insert: text, to: doc.length },
-    })));
-    return {
-        doc: view.state.doc.toString(),
-        selection: handled ? view.state.selection.main.anchor : doc.length,
-    };
-}
-function mockView(initialState) {
-    let state = initialState;
-    return {
-        dispatch(spec) {
-            state = state.update(spec).state;
-        },
-        get state() {
-            return state;
-        },
-    };
-}
-function createView(doc, from, to, extensions) {
-    const parent = document.createElement("div");
-    document.body.append(parent);
-    return new EditorView({
-        parent,
-        state: EditorState.create({
-            doc,
-            extensions,
-            selection: EditorSelection.range(from, to),
-        }),
-    });
-}
-function pasteEvent(data) {
-    const event = new Event("paste", { bubbles: true, cancelable: true });
-    Object.defineProperty(event, "clipboardData", {
-        value: {
-            getData(type) {
-                return data[type] ?? "";
-            },
-            items: [],
-        },
-    });
-    return event;
-}

package/dist/internal/codemirror/markdown/index.test.d.ts

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

package/dist/internal/codemirror/markdown/index.test.d.ts.map

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

package/dist/internal/codemirror/markdown/index.test.js

@@ -1,158 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { syntaxTree } from "@codemirror/language";
-import { EditorState } from "@codemirror/state";
-import { EditorView } from "@codemirror/view";
-import { createMarkdownCodeMirrorExtensions } from ".";
-describe("createMarkdownCodeMirrorExtensions", () => {
-    it("returns markdown language and decoration extensions", () => {
-        expect(createMarkdownCodeMirrorExtensions()).toHaveLength(3);
-    });
-    it("parses Lapis-style grid tables", () => {
-        const state = EditorState.create({
-            doc: [
-                "+---------+----------+",
-                "| Feature | Behavior |",
-                "+=========+==========+",
-                "| Menus   | Actions  |",
-                "+---------+----------+",
-            ].join("\n"),
-            extensions: createMarkdownCodeMirrorExtensions(),
-        });
-        expect(syntaxTree(state).toString()).toContain("GridTable");
-    });
-    it("starts a list after a lazy blockquote before parsing its indented quote", () => {
-        const state = EditorState.create({
-            doc: [
-                "- Unordered parent",
-                "  > Quoted paragraph",
-                "  > > Nested quote keeps a second quote guide.",
-                "3. Blockquote inside a list item:",
-                "",
-                "    > Skip a line and indent the quote markers four spaces.",
-                "    > The rendered blockquote stays attached to its first source line.",
-            ].join("\n"),
-            extensions: createMarkdownCodeMirrorExtensions(),
-        });
-        const tree = syntaxTree(state).toString();
-        expect(tree).toContain("BulletList(ListItem(ListMark,Paragraph,Blockquote(QuoteMark,Paragraph,QuoteMark,Blockquote");
-        expect(tree).toContain("OrderedList(ListItem(ListMark,Paragraph,Blockquote(QuoteMark,Paragraph(QuoteMark))))");
-        expect(tree).not.toContain("CodeBlock");
-    });
-    it("marks quoted task delimiters for source-mode styling", async () => {
-        const parent = document.createElement("div");
-        document.body.append(parent);
-        const view = new EditorView({
-            doc: "  >   - [ ] Quoted checklist child",
-            extensions: createMarkdownCodeMirrorExtensions({ sourceMode: true }),
-            parent,
-        });
-        await new Promise((resolve) => requestAnimationFrame(() => resolve(null)));
-        const delimiter = parent.querySelector(".cm-formatting-task");
-        expect(delimiter?.textContent).toBe("[ ]");
-        view.destroy();
-        parent.remove();
-    });
-    it.each([
-        ["justify", ["+>-----<+", "| A b C |", "+-------+"]],
-        ["center", ["+:-----:+", "|  ABC  |", "+-------+"]],
-        ["left", ["+:------+", "| ABC   |", "+------+"]],
-        ["right", ["+------:+", "|   ABC |", "+------+"]],
-        [
-            "top",
-            [
-                "+---^---+",
-                "| Larum |",
-                "| Ipsum |",
-                "|       |",
-                "|       |",
-                "+-------+",
-            ],
-        ],
-        [
-            "middle",
-            [
-                "+---x---+",
-                "|       |",
-                "| Larum |",
-                "| Ipsum |",
-                "|       |",
-                "+-------+",
-            ],
-        ],
-        [
-            "bottom",
-            [
-                "+---v---+",
-                "|       |",
-                "|       |",
-                "| Larum |",
-                "| Ipsum |",
-                "+-------+",
-            ],
-        ],
-    ])("parses Adobe %s alignment grid table separators", (_, markdown) => {
-        const state = EditorState.create({
-            doc: markdown.join("\n"),
-            extensions: createMarkdownCodeMirrorExtensions(),
-        });
-        expect(syntaxTree(state).toString()).toContain("GridTable");
-    });
-    it("parses Lapis wikilink, embed, pathlink, and tag nodes", () => {
-        const state = EditorState.create({
-            doc: [
-                "[[Project Plan#Section|Plan]]",
-                "![[Architecture Diagram#Overview|Diagram]]",
-                "[Project](notes/Project Plan.md)",
-                "#mira/editor",
-            ].join("\n"),
-            extensions: createMarkdownCodeMirrorExtensions(),
-        });
-        const tree = syntaxTree(state).toString();
-        expect(tree).toContain("WikiLink");
-        expect(tree).toContain("WikiLinkPath");
-        expect(tree).toContain("WikiLinkAnchor");
-        expect(tree).toContain("WikiLinkText");
-        expect(tree).toContain("EmbedLink");
-        expect(tree).toContain("EmbedLinkPath");
-        expect(tree).toContain("EmbedLinkAnchor");
-        expect(tree).toContain("EmbedLinkText");
-        expect(tree).toContain("PathLink");
-        expect(tree).toContain("PathLinkDestination");
-        expect(tree).toContain("Tag");
-        expect(tree).toContain("TagName");
-    });
-    it("parses single-backslash bracket math delimiters", () => {
-        const state = EditorState.create({
-            doc: ["inline \\(x + 1\\)", "\\[", "x + 1", "\\]"].join("\n"),
-            extensions: createMarkdownCodeMirrorExtensions(),
-        });
-        const tree = syntaxTree(state).toString();
-        expect(tree).toContain("InlineMathBracket");
-        expect(tree).toContain("BlockMathBracket");
-    });
-    it("parses container, leaf, and inline directives structurally", () => {
-        const state = EditorState.create({
-            doc: [
-                ':::cell[Load data]{lang="ts"}',
-                "```ts",
-                "const value = 1;",
-                "```",
-                ":::",
-                "",
-                "::badge[Stable]{tone=success}",
-                "",
-                'Use :abbr[HTML]{title="HyperText Markup Language"}.',
-            ].join("\n"),
-            extensions: createMarkdownCodeMirrorExtensions(),
-        });
-        const tree = syntaxTree(state).toString();
-        expect(tree).toContain("ContainerDirective");
-        expect(tree).toContain("LeafDirective");
-        expect(tree).toContain("InlineDirective");
-        expect(tree).toContain("DirectiveName");
-        expect(tree).toContain("DirectiveArgs");
-        expect(tree).toContain("DirectiveAttrName");
-        expect(tree).toContain("DirectiveAttrValue");
-        expect(tree).toContain("FencedCode");
-    });
-});

package/dist/internal/codemirror/markdown/showcase-fixture.test.d.ts

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

package/dist/internal/codemirror/markdown/showcase-fixture.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"showcase-fixture.test.d.ts","sourceRoot":"","sources":["../../../../src/internal/codemirror/markdown/showcase-fixture.test.ts"],"names":[],"mappings":""}

package/dist/internal/codemirror/markdown/showcase-fixture.test.js

@@ -1,50 +0,0 @@
-import { readFileSync } from "node:fs";
-import path from "node:path";
-import { ensureSyntaxTree } from "@codemirror/language";
-import { EditorState } from "@codemirror/state";
-import { describe, expect, it } from "vitest";
-import { createMarkdownCodeMirrorExtensions } from ".";
-const fixturePath = path.resolve(import.meta.dirname, "../../../../../../stories/markdown/layout/CodeMirror Layout Showcase.md");
-describe("Mira CodeMirror Layout Showcase fixture", () => {
-    it("exercises the parser extensions used by every editor mode", () => {
-        const source = readFileSync(fixturePath, "utf8");
-        const state = EditorState.create({
-            doc: source,
-            extensions: createMarkdownCodeMirrorExtensions(),
-        });
-        const tree = ensureSyntaxTree(state, state.doc.length, 1_000);
-        expect(tree).not.toBeNull();
-        const cursor = tree.cursor();
-        const names = [];
-        function walk() {
-            names.push(cursor.name);
-            if (!cursor.firstChild()) {
-                return;
-            }
-            do {
-                walk();
-            } while (cursor.nextSibling());
-            cursor.parent();
-        }
-        walk();
-        expect(names).toEqual(expect.arrayContaining([
-            "Document",
-            "ATXHeading1",
-            "ATXHeading2",
-            "Table",
-            "GridTable",
-            "Blockquote",
-            "BulletList",
-            "OrderedList",
-            "WikiLink",
-            "EmbedLink",
-            "PathLink",
-            "Tag",
-            "InlineDirective",
-            "LeafDirective",
-            "FencedCode",
-            "BlockMathDollar",
-            "InlineMathDollar",
-        ]));
-    });
-});

package/dist/internal/codemirror/rich/block-controls.test.d.ts

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

package/dist/internal/codemirror/rich/block-controls.test.d.ts.map

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