@lapismd/mira-editor 0.0.1

package/dist/mira-editor.svelte.d.ts

@@ -0,0 +1,24 @@
+import { type MiraHandle } from "@lapismd/mira";
+import type { MiraEditorSelection, MiraMarkdownActionId } from "@lapismd/mira/core";
+import { type MiraMode, type MiraTemplateSelection } from "@lapismd/mira/extensions";
+import { type Component } from "svelte";
+import type { MiraEditorProps } from "./types";
+declare const MiraEditor: Component<MiraEditorProps, {
+    focus: () => void;
+    executeCommand: (commandId: string) => boolean;
+    getCommands: () => ReturnType<MiraHandle["getCommands"]>;
+    isCommandEnabled: (commandId: string) => boolean;
+    getMarkdown: () => string;
+    setMarkdown: (markdown: string) => void;
+    getMode: () => MiraMode;
+    setMode: (nextMode: MiraMode) => void;
+    setReadonly: (nextReadonly: boolean) => void;
+    getSelection: () => MiraEditorSelection | null;
+    setSelection: (selection: MiraEditorSelection) => void;
+    insertMarkdown: (markdown: string, selection?: MiraTemplateSelection) => void;
+    applyMarkdownAction: (action: MiraMarkdownActionId) => boolean;
+    insertImage: () => void;
+}, "mode" | "value">;
+type MiraEditor = ReturnType<typeof MiraEditor>;
+export default MiraEditor;
+//# sourceMappingURL=mira-editor.svelte.d.ts.map

package/dist/mira-editor.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mira-editor.svelte.d.ts","sourceRoot":"","sources":["../src/mira-editor.svelte.ts"],"names":[],"mappings":"AAcA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,KAAK,EACR,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,oBAAoB,CAAC;AAC9B,OAAO,EAKH,KAAK,QAAQ,EACb,KAAK,qBAAqB,EAE3B,MAAM,0BAA0B,CAAC;AACpC,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAsBxD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA6Z/C,QAAA,MAAM,UAAU;iBA5JK,IAAI;gCAIa,MAAM,KAAG,OAAO;uBAI3B,UAAU,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;kCAIxB,MAAM,KAAG,OAAO;uBAI7B,MAAM;4BAIC,MAAM,KAAG,IAAI;mBAKxB,QAAQ;wBAID,QAAQ,KAAG,IAAI;gCAQP,OAAO,KAAG,IAAI;wBAKxB,mBAAmB,GAAG,IAAI;8BAIlB,mBAAmB,KAAG,IAAI;+BAKhD,MAAM,cACJ,qBAAqB,KAChC,IAAI;kCAI+B,oBAAoB,KAAG,OAAO;uBAO3C,IAAI;oBA4FyB,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/mira-editor.test.d.ts

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

package/dist/mira-editor.test.d.ts.map

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

package/dist/mira-editor.test.js

@@ -0,0 +1,208 @@
+import { mount, tick, unmount } from "svelte";
+import BoldIcon from "@lucide/svelte/icons/bold";
+import { describe, expect, it, vi } from "vitest";
+import MiraEditor from "./mira-editor.svelte";
+describe("MiraEditor extension contributions", () => {
+    it("normalizes framework block-menu actions with active block context", async () => {
+        const target = document.createElement("div");
+        document.body.append(target);
+        const run = vi.fn();
+        const component = mount(MiraEditor, {
+            target,
+            props: {
+                featureConfigs: {
+                    "block-controls": { toolbar: true },
+                },
+                mode: "source",
+                theme: "obsidian company-brand",
+                colorMode: "dark",
+                toolbarActions: [
+                    {
+                        id: "inspect-block",
+                        label: "Inspect block",
+                        icon: BoldIcon,
+                        placements: ["block-menu"],
+                        shortcut: "⌘I",
+                        run,
+                    },
+                ],
+                value: "Paragraph",
+            },
+        });
+        await tick();
+        await new Promise((resolve) => requestAnimationFrame(resolve));
+        expect(target.querySelector('[aria-label="Inspect block"]')).toBeNull();
+        target
+            .querySelector(".mira-block-toolbar-trigger")
+            ?.click();
+        await new Promise((resolve) => requestAnimationFrame(resolve));
+        const action = document.body.querySelector('[data-block-toolbar-item="mira-editor-inspect-block"]');
+        expect(action?.textContent).toContain("Inspect block");
+        expect(action?.textContent).toContain("⌘I");
+        expect(action?.querySelector("svg")).not.toBeNull();
+        const portal = action?.closest(".mira-block-toolbar-portal");
+        expect(portal?.getAttribute("data-mira-theme")).toBe("obsidian company-brand");
+        expect(portal?.getAttribute("data-mira-color-mode")).toBe("dark");
+        action?.click();
+        expect(run).toHaveBeenCalledWith(expect.objectContaining({
+            block: expect.objectContaining({ text: "Paragraph" }),
+            handle: expect.objectContaining({ role: "block" }),
+            replaceRange: expect.any(Function),
+        }));
+        await unmount(component);
+        target.remove();
+    });
+    it("exposes context-aware Markdown actions on the public handle", async () => {
+        const target = document.createElement("div");
+        document.body.append(target);
+        const component = mount(MiraEditor, {
+            target,
+            props: { value: "word", mode: "source" },
+        });
+        await tick();
+        component.setSelection({
+            anchor: { line: 0, ch: 2 },
+            head: { line: 0, ch: 2 },
+        });
+        expect(component.applyMarkdownAction("bold")).toBe(true);
+        expect(component.getMarkdown()).toBe("**word**");
+        component.setMode("preview");
+        expect(component.applyMarkdownAction("italic")).toBe(false);
+        expect(component.getMarkdown()).toBe("**word**");
+        await unmount(component);
+        target.remove();
+    });
+    it("applies targeted appearance to the shell and portaled menus", async () => {
+        const target = document.createElement("div");
+        document.body.append(target);
+        const component = mount(MiraEditor, {
+            target,
+            props: {
+                value: "# Targeted appearance",
+                theme: "obsidian company-brand",
+                colorMode: "dark",
+            },
+        });
+        await tick();
+        const shell = target.querySelector(".mira-editor");
+        expect(shell?.dataset.miraTheme).toBe("obsidian company-brand");
+        expect(shell?.dataset.miraColorMode).toBe("dark");
+        target
+            .querySelector('[aria-label="View options"]')
+            ?.click();
+        await tick();
+        const menu = document.body.querySelector('[data-slot="dropdown-menu-content"]');
+        expect(menu?.dataset.miraTheme).toBe("obsidian company-brand");
+        expect(menu?.dataset.miraColorMode).toBe("dark");
+        expect(menu?.hasAttribute("data-mira-overlay")).toBe(true);
+        await unmount(component);
+        target.remove();
+    });
+    it("runs extension commands from the toolbar and mounts extension styles", async () => {
+        const target = document.createElement("div");
+        document.body.append(target);
+        const run = vi.fn((context) => {
+            context.insertMarkdown("Extension command", 9);
+        });
+        const component = mount(MiraEditor, {
+            target,
+            props: {
+                extensions: [
+                    {
+                        name: "command-example",
+                        commands: [
+                            {
+                                id: "insert-extension-command",
+                                label: "Insert extension command",
+                                run,
+                            },
+                        ],
+                        toolbarItems: [
+                            {
+                                id: "insert-extension-command",
+                                label: "Insert extension command",
+                                command: "insert-extension-command",
+                                icon: "sparkles",
+                            },
+                        ],
+                        styles: [
+                            {
+                                id: "command-example-style",
+                                cssText: ".command-example { color: rebeccapurple; }",
+                            },
+                        ],
+                    },
+                ],
+                value: "",
+            },
+        });
+        await tick();
+        expect(component.getCommands().map((command) => command.id)).toContain("insert-extension-command");
+        expect(component.isCommandEnabled("insert-extension-command")).toBe(true);
+        expect(document.head.querySelector('[data-mira-extension-style="id:command-example-style"]')).toBeTruthy();
+        document.body
+            .querySelector('[aria-label="Insert extension command"]')
+            ?.click();
+        await tick();
+        expect(run).toHaveBeenCalledTimes(1);
+        expect(component.getMarkdown()).toBe("Extension command");
+        expect(component.getSelection()).toEqual({
+            anchor: { line: 0, ch: 9 },
+            head: { line: 0, ch: 9 },
+        });
+        unmount(component);
+        target.remove();
+        expect(document.head.querySelector('[data-mira-extension-style="id:command-example-style"]')).toBeNull();
+    });
+    it("places portable extension toolbar commands in the block menu explicitly", async () => {
+        const target = document.createElement("div");
+        document.body.append(target);
+        const run = vi.fn();
+        const component = mount(MiraEditor, {
+            target,
+            props: {
+                extensions: [
+                    {
+                        name: "block-command-example",
+                        commands: [
+                            {
+                                id: "inspect-extension-block",
+                                label: "Inspect extension block",
+                                run,
+                            },
+                        ],
+                        toolbarItems: [
+                            {
+                                id: "inspect-extension-block",
+                                label: "Inspect extension block",
+                                command: "inspect-extension-block",
+                                icon: "sparkles",
+                                placements: ["block-menu"],
+                                shortcut: "⌘E",
+                            },
+                        ],
+                    },
+                ],
+                featureConfigs: { "block-controls": { toolbar: true } },
+                mode: "source",
+                value: "Portable block",
+            },
+        });
+        await tick();
+        await new Promise((resolve) => requestAnimationFrame(resolve));
+        expect(target.querySelector('[aria-label="Inspect extension block"]')).toBeNull();
+        target
+            .querySelector(".mira-block-toolbar-trigger")
+            ?.click();
+        await new Promise((resolve) => requestAnimationFrame(resolve));
+        document.body
+            .querySelector('[data-block-toolbar-item="toolbar-inspect-extension-block"]')
+            ?.click();
+        expect(run).toHaveBeenCalledWith(expect.objectContaining({
+            block: expect.objectContaining({ text: "Portable block" }),
+            handle: expect.objectContaining({ role: "block" }),
+        }));
+        await unmount(component);
+        target.remove();
+    });
+});

package/dist/styles.css

@@ -0,0 +1,165 @@
+@import "@lapismd/mira/styles.css";
+
+.mira-editor {
+  background: var(--mira-background);
+  border: 1px solid var(--mira-border);
+  border-radius: var(--mira-radius);
+  box-sizing: border-box;
+  color: var(--mira-foreground);
+  display: flex;
+  flex-direction: column;
+  font-family: var(--mira-font-sans);
+  height: 100%;
+  min-height: 360px;
+  overflow: hidden;
+}
+
+.mira-editor__toolbar {
+  align-items: center;
+  background: var(--mira-background);
+  border-bottom: 1px solid var(--mira-border);
+  flex-wrap: nowrap;
+  gap: 0.25rem;
+  min-height: 36px;
+  overflow-x: auto;
+  overflow-y: hidden;
+  overscroll-behavior-x: contain;
+  padding: 0.2rem 0.35rem;
+  scrollbar-width: none;
+  touch-action: pan-x;
+  -webkit-overflow-scrolling: touch;
+}
+
+.mira-editor__toolbar::-webkit-scrollbar {
+  display: none;
+  height: 0;
+  width: 0;
+}
+
+.mira-editor__separator {
+  align-self: center;
+  flex: 0 0 auto;
+  height: 1.25rem;
+  min-height: 1.25rem;
+}
+
+.mira-editor__toolbar-section {
+  align-items: center;
+  flex: 0 0 auto;
+  display: flex;
+  gap: 0.15rem;
+}
+
+.mira-editor-toolbar__event-root {
+  display: contents;
+}
+
+.mira-editor-toolbar__spacer {
+  flex: 1 1 auto;
+  min-width: 0.5rem;
+}
+
+.mira-editor__icon {
+  height: 0.95rem;
+  width: 0.95rem;
+}
+
+.mira-editor-toolbar__menu-icon {
+  flex: 0 0 1rem;
+  height: 1rem;
+  width: 1rem;
+}
+
+.mira-editor-toolbar__menu-icon-placeholder {
+  flex: 0 0 1rem;
+  height: 1rem;
+  width: 1rem;
+}
+
+.mira-editor-toolbar__menu-check {
+  height: 0.9rem;
+  margin-left: auto;
+  width: 0.9rem;
+}
+
+@media (hover: none) and (pointer: coarse) {
+  .mira-editor__toolbar {
+    min-height: 52px;
+  }
+
+  .mira-editor__toolbar
+    :is(.mira-toolbar__button, .mira-toolbar__group-item, .mira-toolbar__link) {
+    height: 2.75rem;
+    width: 2.75rem;
+  }
+}
+
+.mira-editor-about-dialog {
+  width: min(32rem, calc(100% - 2rem));
+}
+
+.mira-editor-about-dialog__header {
+  text-align: center;
+}
+
+.mira-editor-about-dialog__logo-viewport {
+  aspect-ratio: 480 / 337;
+  display: block;
+  margin: 0 auto;
+  max-width: 15rem;
+  overflow: hidden;
+  width: 100%;
+}
+
+.mira-editor-about-dialog__logo-image {
+  display: block;
+  height: auto;
+  max-width: none;
+  transform: translateX(0);
+  width: 200%;
+}
+
+@media (prefers-color-scheme: dark) {
+  .mira-editor-about-dialog__logo-image {
+    transform: translateX(-50%);
+  }
+}
+
+:where(.dark, .theme-dark)
+  .mira-editor-about-dialog:not([data-mira-color-mode])
+  .mira-editor-about-dialog__logo-image,
+.mira-editor-about-dialog:where(.dark, .theme-dark)
+  .mira-editor-about-dialog__logo-image,
+.mira-editor-about-dialog[data-mira-color-mode="dark"]
+  .mira-editor-about-dialog__logo-image {
+  transform: translateX(-50%);
+}
+
+:where(.light, .theme-light)
+  .mira-editor-about-dialog:not([data-mira-color-mode])
+  .mira-editor-about-dialog__logo-image,
+.mira-editor-about-dialog:where(.light, .theme-light)
+  .mira-editor-about-dialog__logo-image,
+.mira-editor-about-dialog[data-mira-color-mode="light"]
+  .mira-editor-about-dialog__logo-image {
+  transform: translateX(0);
+}
+
+.mira-editor-about-dialog__version {
+  color: var(--mira-muted-foreground);
+  font-size: 0.875rem;
+  margin: 0;
+  text-align: center;
+}
+
+.mira-editor__editor {
+  flex: 1;
+  min-height: 0;
+}
+
+.mira-editor__editor > .mira {
+  border: 0;
+  border-radius: 0;
+  height: 100%;
+  min-height: 0;
+}

package/dist/test-setup.d.ts

@@ -0,0 +1,8 @@
+declare class TestResizeObserver {
+    observe(): void;
+    unobserve(): void;
+    disconnect(): void;
+}
+declare function emptyDomRect(): DOMRect;
+declare function emptyDomRectList(): DOMRectList;
+//# sourceMappingURL=test-setup.d.ts.map

package/dist/test-setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-setup.d.ts","sourceRoot":"","sources":["../src/test-setup.ts"],"names":[],"mappings":"AAAA,cAAM,kBAAkB;IACtB,OAAO,IAAI,IAAI;IACf,SAAS,IAAI,IAAI;IACjB,UAAU,IAAI,IAAI;CACnB;AAID,iBAAS,YAAY,IAAI,OAAO,CAY/B;AAED,iBAAS,gBAAgB,IAAI,WAAW,CAMvC"}

package/dist/test-setup.js

@@ -0,0 +1,31 @@
+"use strict";
+class TestResizeObserver {
+    observe() { }
+    unobserve() { }
+    disconnect() { }
+}
+globalThis.ResizeObserver ??= TestResizeObserver;
+function emptyDomRect() {
+    return {
+        bottom: 0,
+        height: 0,
+        left: 0,
+        right: 0,
+        top: 0,
+        width: 0,
+        x: 0,
+        y: 0,
+        toJSON: () => ({}),
+    };
+}
+function emptyDomRectList() {
+    return {
+        length: 0,
+        item: () => null,
+        [Symbol.iterator]: function* iterator() { },
+    };
+}
+if (typeof Range !== "undefined") {
+    Range.prototype.getClientRects ??= emptyDomRectList;
+    Range.prototype.getBoundingClientRect ??= emptyDomRect;
+}

package/dist/toolbar-model.d.ts

@@ -0,0 +1,32 @@
+import type { MiraMarkdownActionId } from "@lapismd/mira/core";
+import type { MiraMode } from "@lapismd/mira/extensions";
+import type { MiraEditorEditMode, MiraEditorToolbarItem } from "./features";
+export type MiraViewModeMenuItem = {
+    mode: MiraMode;
+    label: string;
+    checked: boolean;
+};
+export declare const miraEditorModeLabels: Record<MiraMode, string>;
+export declare const miraEditorToolbarItemLabels: Record<MiraEditorToolbarItem, string>;
+export declare function isMiraEditMode(mode: MiraMode): mode is "live-preview" | "source";
+export declare function resolveMiraViewModeMenuItems({ mode, modeOptions, resolvedDefaultEditMode, }: {
+    mode: MiraMode;
+    modeOptions: MiraMode[];
+    resolvedDefaultEditMode: MiraEditorEditMode;
+}): MiraViewModeMenuItem[];
+export declare function resolveMiraAlternateEditMode({ mode, modeOptions, resolvedDefaultEditMode, }: {
+    mode: MiraMode;
+    modeOptions: MiraMode[];
+    resolvedDefaultEditMode: MiraEditorEditMode;
+}): MiraMode | null;
+export declare function resolveMiraModeAfterSplit({ lastNonSplitMode, modeOptions, resolvedDefaultEditMode, }: {
+    lastNonSplitMode: MiraMode | null | undefined;
+    modeOptions: MiraMode[];
+    resolvedDefaultEditMode: MiraEditorEditMode;
+}): MiraMode;
+export declare function resolveMiraViewToggleMode(mode: MiraMode, resolvedDefaultEditMode: MiraEditorEditMode): MiraMode;
+export declare function miraViewToggleLabel(mode: MiraMode): string;
+export declare const miraViewOptionsLabel = "View options";
+export declare function templateForMiraToolbarItem(item: MiraEditorToolbarItem): string;
+export declare function markdownActionForMiraToolbarItem(item: MiraEditorToolbarItem): MiraMarkdownActionId | null;
+//# sourceMappingURL=toolbar-model.d.ts.map

package/dist/toolbar-model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-model.d.ts","sourceRoot":"","sources":["../src/toolbar-model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,KAAK,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAE5E,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAKzD,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAC9C,qBAAqB,EACrB,MAAM,CAkBP,CAAC;AAEF,wBAAgB,cAAc,CAC5B,IAAI,EAAE,QAAQ,GACb,IAAI,IAAI,cAAc,GAAG,QAAQ,CAEnC;AAED,wBAAgB,4BAA4B,CAAC,EAC3C,IAAI,EACJ,WAAW,EACX,uBAAuB,GACxB,EAAE;IACD,IAAI,EAAE,QAAQ,CAAC;IACf,WAAW,EAAE,QAAQ,EAAE,CAAC;IACxB,uBAAuB,EAAE,kBAAkB,CAAC;CAC7C,GAAG,oBAAoB,EAAE,CA6BzB;AAED,wBAAgB,4BAA4B,CAAC,EAC3C,IAAI,EACJ,WAAW,EACX,uBAAuB,GACxB,EAAE;IACD,IAAI,EAAE,QAAQ,CAAC;IACf,WAAW,EAAE,QAAQ,EAAE,CAAC;IACxB,uBAAuB,EAAE,kBAAkB,CAAC;CAC7C,GAAG,QAAQ,GAAG,IAAI,CAkBlB;AAED,wBAAgB,yBAAyB,CAAC,EACxC,gBAAgB,EAChB,WAAW,EACX,uBAAuB,GACxB,EAAE;IACD,gBAAgB,EAAE,QAAQ,GAAG,IAAI,GAAG,SAAS,CAAC;IAC9C,WAAW,EAAE,QAAQ,EAAE,CAAC;IACxB,uBAAuB,EAAE,kBAAkB,CAAC;CAC7C,GAAG,QAAQ,CAiBX;AAED,wBAAgB,yBAAyB,CACvC,IAAI,EAAE,QAAQ,EACd,uBAAuB,EAAE,kBAAkB,GAC1C,QAAQ,CAEV;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,CAE1D;AAED,eAAO,MAAM,oBAAoB,iBAAiB,CAAC;AAEnD,wBAAgB,0BAA0B,CACxC,IAAI,EAAE,qBAAqB,GAC1B,MAAM,CAmCR;AAED,wBAAgB,gCAAgC,CAC9C,IAAI,EAAE,qBAAqB,GAC1B,oBAAoB,GAAG,IAAI,CAgB7B"}

package/dist/toolbar-model.js

@@ -0,0 +1,148 @@
+export const miraEditorModeLabels = {
+    source: "Source mode",
+    "live-preview": "Live edit",
+    preview: "Reading view",
+    split: "Split",
+};
+export const miraEditorToolbarItemLabels = {
+    heading: "Heading",
+    bold: "Bold",
+    italic: "Italic",
+    strikethrough: "Strikethrough",
+    inlineCode: "Inline code",
+    quote: "Blockquote",
+    bulletList: "Bullet list",
+    numberedList: "Numbered list",
+    taskList: "Task list",
+    link: "Link",
+    image: "Image",
+    table: "Table",
+    gridTable: "Grid table",
+    code: "Code block",
+    math: "Math",
+    mermaid: "Mermaid diagram",
+};
+export function isMiraEditMode(mode) {
+    return mode === "live-preview" || mode === "source";
+}
+export function resolveMiraViewModeMenuItems({ mode, modeOptions, resolvedDefaultEditMode, }) {
+    const itemModes = [];
+    if (mode === "preview") {
+        if (modeOptions.includes("live-preview")) {
+            itemModes.push("live-preview");
+        }
+        if (modeOptions.includes("source")) {
+            itemModes.push("source");
+        }
+    }
+    else {
+        const alternateEditMode = resolveMiraAlternateEditMode({
+            mode,
+            modeOptions,
+            resolvedDefaultEditMode,
+        });
+        if (modeOptions.includes("preview")) {
+            itemModes.push("preview");
+        }
+        if (alternateEditMode) {
+            itemModes.push(alternateEditMode);
+        }
+    }
+    return itemModes.map((modeOption) => ({
+        checked: mode === modeOption,
+        label: miraEditorModeLabels[modeOption],
+        mode: modeOption,
+    }));
+}
+export function resolveMiraAlternateEditMode({ mode, modeOptions, resolvedDefaultEditMode, }) {
+    if (mode === "live-preview" && modeOptions.includes("source")) {
+        return "source";
+    }
+    if (mode === "source" && modeOptions.includes("live-preview")) {
+        return "live-preview";
+    }
+    if (mode === "split") {
+        const defaultAlternate = resolvedDefaultEditMode === "source" ? "live-preview" : "source";
+        if (modeOptions.includes(defaultAlternate)) {
+            return defaultAlternate;
+        }
+        if (modeOptions.includes(resolvedDefaultEditMode)) {
+            return resolvedDefaultEditMode;
+        }
+    }
+    return null;
+}
+export function resolveMiraModeAfterSplit({ lastNonSplitMode, modeOptions, resolvedDefaultEditMode, }) {
+    if (lastNonSplitMode &&
+        lastNonSplitMode !== "split" &&
+        modeOptions.includes(lastNonSplitMode)) {
+        return lastNonSplitMode;
+    }
+    if (modeOptions.includes(resolvedDefaultEditMode)) {
+        return resolvedDefaultEditMode;
+    }
+    if (modeOptions.includes("preview")) {
+        return "preview";
+    }
+    return (modeOptions.find((modeOption) => modeOption !== "split") ?? "live-preview");
+}
+export function resolveMiraViewToggleMode(mode, resolvedDefaultEditMode) {
+    return mode === "preview" ? resolvedDefaultEditMode : "preview";
+}
+export function miraViewToggleLabel(mode) {
+    return mode === "preview" ? "Edit" : "Reading view";
+}
+export const miraViewOptionsLabel = "View options";
+export function templateForMiraToolbarItem(item) {
+    switch (item) {
+        case "heading":
+            return "# Heading";
+        case "bold":
+            return "**strong**";
+        case "italic":
+            return "_emphasis_";
+        case "strikethrough":
+            return "~~strikethrough~~";
+        case "inlineCode":
+            return "`code`";
+        case "quote":
+            return "> Quote";
+        case "bulletList":
+            return "- List item";
+        case "numberedList":
+            return "1. List item";
+        case "taskList":
+            return "- [ ] Task";
+        case "link":
+            return "[label](https://example.com)";
+        case "image":
+            return "![alt](https://example.com/image.png)";
+        case "table":
+            return "\n| Column | Value |\n| --- | --- |\n| Item | Detail |\n";
+        case "gridTable":
+            return "\n+--------+--------+\n| Column | Value  |\n+========+========+\n| Item   | Detail |\n+--------+--------+\n";
+        case "code":
+            return '\n```ts\nconsole.log("hello");\n```\n';
+        case "math":
+            return "$E = mc^2$";
+        case "mermaid":
+            return "\n```mermaid\nflowchart TD\n  A[Start] --> B[Done]\n```\n";
+    }
+}
+export function markdownActionForMiraToolbarItem(item) {
+    switch (item) {
+        case "heading":
+        case "bold":
+        case "italic":
+        case "strikethrough":
+        case "inlineCode":
+        case "quote":
+        case "bulletList":
+        case "numberedList":
+        case "taskList":
+        case "link":
+            return item;
+        default:
+            return null;
+    }
+}

package/dist/toolbar-model.test.d.ts

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

package/dist/toolbar-model.test.d.ts.map

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