@lapismd/mira-editor 0.0.1

package/dist/index.test.js

@@ -0,0 +1,179 @@
+import { describe, expect, it } from "vitest";
+import BoldIcon from "@lucide/svelte/icons/bold";
+import MiraEditor from ".";
+import packageManifest from "../package.json";
+import { createMiraEditorExtensions, defaultMiraEditorEditMode, MiraFeature, resolveMiraEditorBlockControls, resolveMiraEditorEditMode, resolveMiraEditorFeatures, resolveMiraEditorModes, resolveMiraEditorSlashCommands, resolveMiraEditorToolbarActions, resolveMiraEditorToolbarDefinitions, resolveMiraEditorToolbarItems, } from "./features";
+import { MIRA_EDITOR_VERSION } from "./version";
+describe("Mira Editor feature resolution", () => {
+    it("keeps the public version synchronized with the package manifest", () => {
+        expect(MIRA_EDITOR_VERSION).toBe(packageManifest.version);
+    });
+    it("exports the Svelte editor from the package root", () => {
+        expect(MiraEditor).toBeTruthy();
+    });
+    it("enables the onboarding feature set by default", () => {
+        const features = resolveMiraEditorFeatures();
+        expect(features[MiraFeature.Toolbar]).toBe(true);
+        expect(features[MiraFeature.Mermaid]).toBe(true);
+        expect(features[MiraFeature.SlashCommands]).toBe(true);
+        expect(features[MiraFeature.BlockControls]).toBe(true);
+        expect(features[MiraFeature.LivePreviewMode]).toBe(true);
+    });
+    it("filters toolbar items by feature flags", () => {
+        expect(resolveMiraEditorToolbarItems({
+            features: {
+                [MiraFeature.Mermaid]: false,
+                [MiraFeature.Tables]: false,
+            },
+        })).not.toEqual(expect.arrayContaining(["mermaid", "table"]));
+    });
+    it("keeps block controls compatible and filters contextual items by feature", () => {
+        expect(resolveMiraEditorBlockControls()).toBe(true);
+        expect(resolveMiraEditorBlockControls({
+            featureConfigs: {
+                [MiraFeature.BlockControls]: { toolbar: true },
+            },
+            features: {
+                [MiraFeature.Headings]: false,
+                [MiraFeature.Images]: false,
+            },
+        })).toMatchObject({
+            enabled: true,
+            toolbar: {
+                items: expect.not.arrayContaining([
+                    "heading1",
+                    "heading2",
+                    "heading3",
+                    "image",
+                ]),
+            },
+        });
+        expect(resolveMiraEditorBlockControls({
+            features: { [MiraFeature.BlockControls]: false },
+        })).toBe(false);
+    });
+    it("includes every smart action in the default toolbar", () => {
+        expect(resolveMiraEditorToolbarItems()).toEqual(expect.arrayContaining([
+            "heading",
+            "bold",
+            "italic",
+            "strikethrough",
+            "inlineCode",
+            "quote",
+            "bulletList",
+            "numberedList",
+            "taskList",
+            "link",
+        ]));
+    });
+    it("filters new smart actions through their owning features", () => {
+        expect(resolveMiraEditorToolbarItems({
+            features: {
+                [MiraFeature.Formatting]: false,
+                [MiraFeature.Code]: false,
+                [MiraFeature.Lists]: false,
+            },
+        })).not.toEqual(expect.arrayContaining(["strikethrough", "inlineCode", "numberedList"]));
+    });
+    it("maps mode features to available modes", () => {
+        expect(resolveMiraEditorModes({
+            [MiraFeature.SourceMode]: false,
+            [MiraFeature.SplitMode]: false,
+        })).toEqual(["live-preview", "preview"]);
+    });
+    it("resolves the configurable default edit mode", () => {
+        expect(defaultMiraEditorEditMode).toBe("live-preview");
+        expect(resolveMiraEditorEditMode("source", [
+            "source",
+            "live-preview",
+            "preview",
+        ])).toBe("source");
+        expect(resolveMiraEditorEditMode("source", ["live-preview", "preview"])).toBe("live-preview");
+        expect(resolveMiraEditorEditMode("live-preview", ["source", "preview"])).toBe("source");
+    });
+    it("merges configured and direct toolbar actions", () => {
+        const configured = {
+            id: "configured",
+            label: "Configured action",
+            icon: BoldIcon,
+            run: () => undefined,
+        };
+        const direct = {
+            id: "direct",
+            label: "Direct action",
+            icon: BoldIcon,
+            run: () => undefined,
+        };
+        expect(resolveMiraEditorToolbarActions({
+            featureConfigs: {
+                [MiraFeature.Toolbar]: {
+                    actions: [configured],
+                },
+            },
+            toolbarActions: [direct],
+        })).toEqual([configured, direct]);
+    });
+    it("merges configured and direct toolbar groups", () => {
+        const configured = {
+            id: "configured",
+            items: [],
+        };
+        const direct = {
+            id: "direct",
+            align: "end",
+            items: [],
+        };
+        expect(resolveMiraEditorToolbarDefinitions({
+            featureConfigs: {
+                [MiraFeature.Toolbar]: {
+                    toolbars: [configured],
+                },
+            },
+            toolbars: [direct],
+        })).toEqual([configured, direct]);
+    });
+    it("adds Mermaid by default and omits it when disabled", () => {
+        expect(createMiraEditorExtensions().some((extension) => extension.name === "mermaid")).toBe(true);
+        expect(createMiraEditorExtensions({
+            features: {
+                [MiraFeature.Mermaid]: false,
+            },
+        })).not.toEqual(expect.arrayContaining([expect.objectContaining({ name: "mermaid" })]));
+    });
+    it("adds slash commands by default and filters them by feature flags", () => {
+        expect(createMiraEditorExtensions().some((extension) => extension.name === "default-slash-commands")).toBe(true);
+        expect(resolveMiraEditorSlashCommands({
+            features: {
+                [MiraFeature.Tables]: false,
+            },
+        }).map((command) => command.id)).not.toContain("table");
+    });
+    it("uses markdown templates for default slash command cursor placement", () => {
+        expect(resolveMiraEditorSlashCommands().find((command) => command.id === "heading1")?.insert).toEqual({
+            markdown: "# ",
+            selection: 2,
+        });
+    });
+    it("supports custom slash commands", () => {
+        expect(resolveMiraEditorSlashCommands({
+            featureConfigs: {
+                [MiraFeature.SlashCommands]: {
+                    disableDefaultCommands: true,
+                    commands: [
+                        {
+                            id: "custom",
+                            label: "Custom",
+                            insert: "custom",
+                        },
+                    ],
+                },
+            },
+        })).toEqual([
+            {
+                id: "custom",
+                label: "Custom",
+                insert: "custom",
+            },
+        ]);
+    });
+});

package/dist/mira-editor-about-dialog.svelte

@@ -0,0 +1,28 @@
+<script lang="ts">
+  import * as Dialog from "@lapismd/mira/ui/dialog";
+  import miraLogo from "./assets/logo.png";
+  import { MIRA_EDITOR_VERSION } from "./version";
+
+  let { open = $bindable(false) }: { open?: boolean } = $props();
+</script>
+
+<Dialog.Root bind:open>
+  <Dialog.Content class="mira-editor-about-dialog">
+    <Dialog.Header class="mira-editor-about-dialog__header">
+      <Dialog.Title>About Mira</Dialog.Title>
+      <Dialog.Description>Mira Markdown Editor</Dialog.Description>
+    </Dialog.Header>
+    <div class="mira-editor-about-dialog__logo-viewport">
+      <img
+        class="mira-editor-about-dialog__logo-image"
+        src={miraLogo}
+        alt="Mira MDE logo"
+        width="960"
+        height="337"
+      />
+    </div>
+    <p class="mira-editor-about-dialog__version">
+      Version {MIRA_EDITOR_VERSION}
+    </p>
+  </Dialog.Content>
+</Dialog.Root>

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

@@ -0,0 +1,7 @@
+type $$ComponentProps = {
+    open?: boolean;
+};
+declare const MiraEditorAboutDialog: import("svelte").Component<$$ComponentProps, {}, "open">;
+type MiraEditorAboutDialog = ReturnType<typeof MiraEditorAboutDialog>;
+export default MiraEditorAboutDialog;
+//# sourceMappingURL=mira-editor-about-dialog.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mira-editor-about-dialog.svelte.d.ts","sourceRoot":"","sources":["../src/mira-editor-about-dialog.svelte.ts"],"names":[],"mappings":"AAOC,KAAK,gBAAgB,GAAI;IAAE,IAAI,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AA0B7C,QAAA,MAAM,qBAAqB,0DAAwC,CAAC;AACpE,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC;AACtE,eAAe,qBAAqB,CAAC"}