@lapismd/mira 0.0.4 → 0.1.0

package/dist/preview/editable-markdown-preview/serialized-writer.d.ts

@@ -1,10 +1,5 @@
-export type SerializedMarkdownWriterState = {
-    dirty: boolean;
-    saving: boolean;
-    error: Error | null;
-    value: string;
-    persistedValue: string;
-};
+import type { MiraMarkdownRecoveryLease, MiraMarkdownTextState } from "../../extensions/markdown-editing";
+export type SerializedMarkdownWriterState = MiraMarkdownTextState;
 type Options = {
     value: string;
     write: (value: string) => void | Promise<void>;
@@ -20,10 +15,17 @@ export declare class SerializedMarkdownWriter {
     private value;
     private persistedValue;
     private saving;
+    private protections;
+    private recoveries;
+    private readonly listeners;
+    private destroyed;
     private error;
     constructor(options: Options);
     get state(): SerializedMarkdownWriterState;
-    update(value: string): void;
+    update(value: string): boolean;
+    subscribe(listener: (state: SerializedMarkdownWriterState) => void): () => void;
+    protectRecovery(): Promise<MiraMarkdownRecoveryLease>;
+    protect(): Promise<() => void>;
     replaceExternal(value: string): boolean;
     flush(): Promise<boolean>;
     destroy(): void;

package/dist/preview/editable-markdown-preview/serialized-writer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"serialized-writer.d.ts","sourceRoot":"","sources":["../../../src/preview/editable-markdown-preview/serialized-writer.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,6BAA6B,GAAG;IAC1C,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,KAAK,OAAO,GAAG;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,6BAA6B,KAAK,IAAI,CAAC;CAChE,CAAC;AAEF,qBAAa,wBAAwB;IACnC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAmB;IAEzC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAS;IAE/B,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC,CAA2B;IAE1D,OAAO,CAAC,KAAK,CAA8C;IAE3D,OAAO,CAAC,YAAY,CAAiC;IAErD,OAAO,CAAC,KAAK,CAAS;IAEtB,OAAO,CAAC,cAAc,CAAS;IAE/B,OAAO,CAAC,MAAM,CAAS;IAEvB,OAAO,CAAC,KAAK,CAAsB;gBAEvB,OAAO,EAAE,OAAO;IAS5B,IAAI,KAAK,IAAI,6BAA6B,CAQzC;IAED,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAO3B,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IAYjC,KAAK,IAAI,OAAO,CAAC,OAAO,CAAC;IAkB/B,OAAO,IAAI,IAAI;IAOf,OAAO,CAAC,QAAQ;YAYF,WAAW;IA0BzB,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,IAAI;CAGb"}
+{"version":3,"file":"serialized-writer.d.ts","sourceRoot":"","sources":["../../../src/preview/editable-markdown-preview/serialized-writer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,yBAAyB,EACzB,qBAAqB,EACtB,MAAM,mCAAmC,CAAC;AAC3C,MAAM,MAAM,6BAA6B,GAAG,qBAAqB,CAAC;AAElE,KAAK,OAAO,GAAG;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,6BAA6B,KAAK,IAAI,CAAC;CAChE,CAAC;AAEF,qBAAa,wBAAwB;IACnC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAmB;IAEzC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAS;IAE/B,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC,CAA2B;IAE1D,OAAO,CAAC,KAAK,CAA8C;IAE3D,OAAO,CAAC,YAAY,CAAiC;IAErD,OAAO,CAAC,KAAK,CAAS;IAEtB,OAAO,CAAC,cAAc,CAAS;IAE/B,OAAO,CAAC,MAAM,CAAS;IAEvB,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,QAAQ,CAAC,SAAS,CAEtB;IAEJ,OAAO,CAAC,SAAS,CAAS;IAE1B,OAAO,CAAC,KAAK,CAAsB;gBAEvB,OAAO,EAAE,OAAO;IAS5B,IAAI,KAAK,IAAI,6BAA6B,CASzC;IAED,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IAQ9B,SAAS,CACP,QAAQ,EAAE,CAAC,KAAK,EAAE,6BAA6B,KAAK,IAAI,GACvD,MAAM,IAAI;IAQP,eAAe,IAAI,OAAO,CAAC,yBAAyB,CAAC;IA2CrD,OAAO,IAAI,OAAO,CAAC,MAAM,IAAI,CAAC;IAoBpC,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IAiBjC,KAAK,IAAI,OAAO,CAAC,OAAO,CAAC;IA0B/B,OAAO,IAAI,IAAI;IASf,OAAO,CAAC,QAAQ;YAYF,WAAW;IA2BzB,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,IAAI;CAIb"}

package/dist/preview/editable-markdown-preview/serialized-writer.js

@@ -7,6 +7,10 @@ export class SerializedMarkdownWriter {
     value;
     persistedValue;
     saving = false;
+    protections = 0;
+    recoveries = 0;
+    listeners = new Set();
+    destroyed = false;
     error = null;
     constructor(options) {
         this.value = options.value;
@@ -18,6 +22,7 @@ export class SerializedMarkdownWriter {
     }
     get state() {
         return {
+            readonly: this.protections > 0 || this.destroyed,
             dirty: this.value !== this.persistedValue,
             saving: this.saving,
             error: this.error,
@@ -26,13 +31,92 @@ export class SerializedMarkdownWriter {
         };
     }
     update(value) {
+        if (this.protections > 0 || this.destroyed)
+            return false;
         this.value = value;
-        this.error = null;
         this.schedule();
         this.emit();
+        return true;
+    }
+    subscribe(listener) {
+        this.listeners.add(listener);
+        listener(this.state);
+        return () => {
+            this.listeners.delete(listener);
+        };
+    }
+    async protectRecovery() {
+        this.protections++;
+        this.recoveries++;
+        let active = true;
+        const release = () => {
+            if (!active)
+                return;
+            active = false;
+            this.protections--;
+            this.recoveries--;
+            this.emit();
+        };
+        const assertHeld = () => {
+            if (!active)
+                throw new Error("Markdown recovery lease expired");
+            if (this.saving)
+                throw new Error("Markdown recovery must settle persistence first");
+        };
+        try {
+            this.clearTimer();
+            this.emit();
+            const flight = this.flushPromise;
+            if (flight)
+                await flight;
+            return {
+                acceptLocal: () => {
+                    assertHeld();
+                    this.persistedValue = this.value;
+                    this.error = null;
+                    this.emit();
+                },
+                useExternal: (value) => {
+                    assertHeld();
+                    this.value = value;
+                    this.persistedValue = value;
+                    this.error = null;
+                    this.emit();
+                },
+                release,
+            };
+        }
+        catch (error) {
+            release();
+            throw error;
+        }
+    }
+    async protect() {
+        this.protections++;
+        this.emit();
+        let released = false;
+        const release = () => {
+            if (released)
+                return;
+            released = true;
+            this.protections--;
+            this.emit();
+        };
+        try {
+            if (!(await this.flush()))
+                throw this.error ?? new Error("Unable to protect unsaved Markdown");
+            return release;
+        }
+        catch (error) {
+            release();
+            throw error;
+        }
     }
     replaceExternal(value) {
-        if (this.state.dirty || this.saving) {
+        if (this.recoveries > 0 ||
+            this.state.dirty ||
+            this.saving ||
+            this.error !== null) {
             return false;
         }
         this.value = value;
@@ -43,6 +127,8 @@ export class SerializedMarkdownWriter {
     }
     async flush() {
         this.clearTimer();
+        if (this.recoveries > 0)
+            return false;
         if (this.flushPromise) {
             const saved = await this.flushPromise;
             if (!saved) {
@@ -50,7 +136,14 @@ export class SerializedMarkdownWriter {
             }
             return this.state.dirty ? this.flush() : true;
         }
-        this.flushPromise = this.flushLatest();
+        // Reserve the flight before notifying subscribers, which may request recovery.
+        let resolve;
+        let reject;
+        this.flushPromise = new Promise((done, fail) => {
+            resolve = done;
+            reject = fail;
+        });
+        void this.flushLatest().then(resolve, reject);
         try {
             return await this.flushPromise;
         }
@@ -59,14 +152,16 @@ export class SerializedMarkdownWriter {
         }
     }
     destroy() {
+        this.destroyed = true;
         this.clearTimer();
-        if (this.state.dirty) {
+        this.emit();
+        if (this.state.dirty || this.error !== null) {
             void this.flush();
         }
     }
     schedule() {
         this.clearTimer();
-        if (!this.state.dirty) {
+        if (!this.state.dirty && this.error === null) {
             return;
         }
         this.timer = setTimeout(() => {
@@ -75,7 +170,9 @@ export class SerializedMarkdownWriter {
         }, this.delay);
     }
     async flushLatest() {
-        while (this.value !== this.persistedValue) {
+        while (this.value !== this.persistedValue || this.error !== null) {
+            if (this.recoveries > 0)
+                return false;
             const snapshot = this.value;
             this.saving = true;
             this.error = null;
@@ -105,5 +202,7 @@ export class SerializedMarkdownWriter {
     }
     emit() {
         this.onStateChange?.(this.state);
+        for (const listener of this.listeners)
+            listener(this.state);
     }
 }

package/dist/preview/editable-markdown-preview.svelte

@@ -84,12 +84,14 @@
     | ((replacement: string, from: number, to: number) => void)
     | undefined = $state(undefined);
 
-  const writeMarkdown = $derived(
-    fileAdapter.writeMarkdown &&
-      (file.kind === undefined || file.kind === "markdown")
-      ? (nextValue: string) => fileAdapter.writeMarkdown?.(file, nextValue)
-      : undefined,
-  );
+  const writeMarkdown = $derived.by(() => {
+    const adapter = fileAdapter,
+      target = file;
+    return adapter.writeMarkdown &&
+      (target.kind === undefined || target.kind === "markdown")
+      ? (nextValue: string) => adapter.writeMarkdown?.(target, nextValue)
+      : undefined;
+  });
 
   $effect(() => {
     const currentFile = file;

package/dist/preview/editable-markdown-preview.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editable-markdown-preview.svelte.d.ts","sourceRoot":"","sources":["../../src/preview/editable-markdown-preview.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACR,iBAAiB,EACjB,aAAa,EACb,eAAe,EACf,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,2BAA2B,EAC3B,yBAAyB,EACzB,sBAAsB,EACvB,MAAM,0BAA0B,CAAC;AACpC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAKtE,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,WAAW,CAAC;IAClB,WAAW,EAAE,eAAe,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAC7B,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,SAAS,CAAC,EAAE,2BAA2B,CAAC;IACxC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAChC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,eAAe,EAAE,CAAC;IACjC,WAAW,CAAC,EAAE,yBAAyB,CAAC;IACxC,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACrE,CAAC;AAoHJ,QAAA,MAAM,uBAAuB;iBArBF,OAAO,CAAC,OAAO,CAAC;gBAIjB,OAAO,CAAC,OAAO,CAAC;aAiB2B,CAAC;AACtE,KAAK,uBAAuB,GAAG,UAAU,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAC1E,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"editable-markdown-preview.svelte.d.ts","sourceRoot":"","sources":["../../src/preview/editable-markdown-preview.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACR,iBAAiB,EACjB,aAAa,EACb,eAAe,EACf,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,2BAA2B,EAC3B,yBAAyB,EACzB,sBAAsB,EACvB,MAAM,0BAA0B,CAAC;AACpC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAKtE,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,WAAW,CAAC;IAClB,WAAW,EAAE,eAAe,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAC7B,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,SAAS,CAAC,EAAE,2BAA2B,CAAC;IACxC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAChC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,eAAe,EAAE,CAAC;IACjC,WAAW,CAAC,EAAE,yBAAyB,CAAC;IACxC,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACrE,CAAC;AAsHJ,QAAA,MAAM,uBAAuB;iBArBF,OAAO,CAAC,OAAO,CAAC;gBAIjB,OAAO,CAAC,OAAO,CAAC;aAiB2B,CAAC;AACtE,KAAK,uBAAuB,GAAG,UAAU,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAC1E,eAAe,uBAAuB,CAAC"}

package/dist/preview/index.d.ts

@@ -1,4 +1,6 @@
 import MarkdownPreview from "./markdown-preview.svelte";
+export { default as InlineLink } from "./components/inline-link.svelte";
+export { default as LinkSiteIcon } from "./components/link-site-icon.svelte";
 import MarkdownOutline from "./markdown-outline.svelte";
 import Markdown from "./renderer/markdown.svelte";
 import FileEmbed from "./file-embed.svelte";

package/dist/preview/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/preview/index.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,2BAA2B,CAAC;AACxD,OAAO,eAAe,MAAM,2BAA2B,CAAC;AACxD,OAAO,QAAQ,MAAM,4BAA4B,CAAC;AAClD,OAAO,SAAS,MAAM,qBAAqB,CAAC;AAC5C,OAAO,aAAa,MAAM,yBAAyB,CAAC;AACpD,OAAO,QAAQ,MAAM,oBAAoB,CAAC;AAC1C,OAAO,iBAAiB,MAAM,iCAAiC,CAAC;AAChE,OAAO,uBAAuB,MAAM,oCAAoC,CAAC;AAEzE,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,iBAAiB,EACjB,QAAQ,EACR,aAAa,EACb,eAAe,EACf,eAAe,EACf,QAAQ,GACT,CAAC;AACF,YAAY,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACjE,cAAc,iBAAiB,CAAC;AAChC,mBAAmB,kBAAkB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,OAAO,EACL,qBAAqB,EACrB,gCAAgC,EAChC,KAAK,2BAA2B,EAChC,KAAK,4BAA4B,EACjC,KAAK,0BAA0B,EAC/B,KAAK,uCAAuC,EAC5C,KAAK,uBAAuB,EAC5B,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EACxB,KAAK,uBAAuB,EAC5B,KAAK,yBAAyB,GAC/B,MAAM,eAAe,CAAC;AACvB,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/preview/index.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,eAAe,MAAM,2BAA2B,CAAC;AACxD,OAAO,QAAQ,MAAM,4BAA4B,CAAC;AAClD,OAAO,SAAS,MAAM,qBAAqB,CAAC;AAC5C,OAAO,aAAa,MAAM,yBAAyB,CAAC;AACpD,OAAO,QAAQ,MAAM,oBAAoB,CAAC;AAC1C,OAAO,iBAAiB,MAAM,iCAAiC,CAAC;AAChE,OAAO,uBAAuB,MAAM,oCAAoC,CAAC;AAEzE,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,iBAAiB,EACjB,QAAQ,EACR,aAAa,EACb,eAAe,EACf,eAAe,EACf,QAAQ,GACT,CAAC;AACF,YAAY,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACjE,cAAc,iBAAiB,CAAC;AAChC,mBAAmB,kBAAkB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,OAAO,EACL,qBAAqB,EACrB,gCAAgC,EAChC,KAAK,2BAA2B,EAChC,KAAK,4BAA4B,EACjC,KAAK,0BAA0B,EAC/B,KAAK,uCAAuC,EAC5C,KAAK,uBAAuB,EAC5B,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EACxB,KAAK,uBAAuB,EAC5B,KAAK,yBAAyB,GAC/B,MAAM,eAAe,CAAC;AACvB,eAAe,eAAe,CAAC"}

package/dist/preview/index.js

@@ -1,4 +1,6 @@
 import MarkdownPreview from "./markdown-preview.svelte";
+export { default as InlineLink } from "./components/inline-link.svelte";
+export { default as LinkSiteIcon } from "./components/link-site-icon.svelte";
 import MarkdownOutline from "./markdown-outline.svelte";
 import Markdown from "./renderer/markdown.svelte";
 import FileEmbed from "./file-embed.svelte";

package/dist/preview/markdown-preview.svelte

@@ -215,6 +215,17 @@
         "data-sourcepos",
       ],
       img: [...(defaultSchema.attributes?.img ?? []), "src", "alt", "title"],
+      code: [
+        ...(defaultSchema.attributes?.code ?? []).filter(
+          (attribute) =>
+            !Array.isArray(attribute) || attribute[0] !== "className",
+        ),
+        ["className", /^language-/, "hljs"],
+      ],
+      span: [
+        ...(defaultSchema.attributes?.span ?? []),
+        ["className", /^hljs-/, "code-line", "highlighted-code-line"],
+      ],
       a: [
         ...(defaultSchema.attributes?.a ?? []),
         "href",

package/dist/preview/markdown-preview.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-preview.svelte.d.ts","sourceRoot":"","sources":["../../src/preview/markdown-preview.svelte.ts"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EACR,iBAAiB,EACjB,aAAa,EACb,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,yBAAyB,EACzB,sBAAsB,EACvB,MAAM,0BAA0B,CAAC;AAqCpC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAGtE,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAC7B,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAChC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,eAAe,EAAE,CAAC;IACjC,WAAW,CAAC,EAAE,yBAAyB,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnE,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACrE,CAAC;AA6ZJ,QAAA,MAAM,eAAe,2CAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}
+{"version":3,"file":"markdown-preview.svelte.d.ts","sourceRoot":"","sources":["../../src/preview/markdown-preview.svelte.ts"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EACR,iBAAiB,EACjB,aAAa,EACb,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,yBAAyB,EACzB,sBAAsB,EACvB,MAAM,0BAA0B,CAAC;AAqCpC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAGtE,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAC7B,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAChC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,eAAe,EAAE,CAAC;IACjC,WAAW,CAAC,EAAE,yBAAyB,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnE,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACrE,CAAC;AAwaJ,QAAA,MAAM,eAAe,2CAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/preview/renderer/utils.js

@@ -114,7 +114,6 @@ const svgCamelCaseAttributes = new Set([
     "markerEnd",
     "markerMid",
     "markerStart",
-    "preserveAspectRatio",
     "strokeDasharray",
     "strokeDashoffset",
     "strokeLinecap",
@@ -123,7 +122,6 @@ const svgCamelCaseAttributes = new Set([
     "strokeOpacity",
     "strokeWidth",
     "textAnchor",
-    "viewBox",
     "xlinkHref",
 ]);
 const htmlCamelCaseAttributes = {

package/dist/preview/styles/inline-links.css

@@ -0,0 +1,38 @@
+.mira-link-site-icon {
+  display: inline-block;
+  width: 0.95em;
+  height: 0.95em;
+  margin-inline-end: 0.25em;
+  vertical-align: -0.12em;
+  color: inherit;
+}
+
+.mira-inline-link,
+.markdown-rendered a.mira-inline-link,
+.markdown-preview-surface .markdown a.mira-inline-link {
+  color: var(
+    --markdown-link-external-color,
+    var(--mira-link, var(--mira-accent))
+  );
+  text-decoration: underline;
+  text-underline-offset: 0.2em;
+  overflow-wrap: anywhere;
+  background-image: none;
+  padding-inline-end: 0;
+  filter: none;
+}
+
+.mira-inline-link:hover,
+.markdown-rendered a.mira-inline-link:hover {
+  color: var(--markdown-link-color-hover, var(--mira-link, var(--mira-accent)));
+}
+
+.mira-inline-link:focus-visible {
+  outline: 2px solid var(--mira-focus-ring);
+  outline-offset: 2px;
+  border-radius: 2px;
+}
+
+.mira-inline-link__destination {
+  overflow-wrap: anywhere;
+}

package/dist/preview/styles/links-embeds-tags.css

@@ -31,7 +31,8 @@
   text-decoration-line: var(--markdown-link-external-decoration);
 }
 
-.markdown-live-preview-mode .cm-external-link .cm-link,
+.markdown-live-preview-mode .cm-external-link .cm-link-text,
+.markdown-live-preview-mode .cm-link-text > .cm-external-link > .cm-url,
 .markdown-live-preview-mode .cm-url.cm-external-link {
   background-image:
     linear-gradient(transparent, transparent),
@@ -43,7 +44,6 @@
   color: var(--markdown-link-external-color);
   filter: var(--markdown-link-external-filter);
   padding-inline-end: 0.9em;
-  text-decoration-line: var(--markdown-link-external-decoration);
 }
 
 .mira-link-preview {

package/dist/preview/styles/mermaid-highlight.css

@@ -87,9 +87,10 @@
   color: var(--mira-syntax-keyword);
 }
 
-.markdown-preview-surface :is(.hljs-title, .hljs-title.function_),
-.markdown-rendered :is(.hljs-title, .hljs-title.function_),
-.markdown-widget-shell :is(.hljs-title, .hljs-title.function_) {
+.markdown-preview-surface
+  :is(.hljs-title, .hljs-title.function_, .hljs-section),
+.markdown-rendered :is(.hljs-title, .hljs-title.function_, .hljs-section),
+.markdown-widget-shell :is(.hljs-title, .hljs-title.function_, .hljs-section) {
   color: var(--mira-syntax-heading);
 }
 

package/dist/preview/styles/references.css

@@ -0,0 +1,72 @@
+.mira-reference-definition.mira-reference--link {
+  display: flex;
+  align-items: baseline;
+  gap: 0.5em;
+  min-width: 0;
+  padding-block: 0.25em;
+}
+
+.mira-reference--link .mira-reference__label {
+  color: var(--mira-muted-foreground);
+  flex: none;
+  font-size: 0.75em;
+  font-weight: 650;
+  letter-spacing: 0.04em;
+  max-inline-size: 40%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.mira-reference--link > p {
+  min-width: 0;
+  margin: 0;
+  overflow-wrap: anywhere;
+}
+
+.mira-reference--image {
+  position: relative;
+  display: inline-block;
+  box-sizing: border-box;
+  max-width: 100%;
+  border: 1px solid var(--mira-border);
+  border-radius: var(--mira-radius, 8px);
+  padding: 0.75rem;
+  background: var(--mira-background);
+}
+
+/* Give percentage-constrained SVGs a definite containing width in block frames. */
+.mira-rich-widget--block.mira-reference--image .mira-markdown-image-root,
+.mira-rich-widget--block.mira-reference--image .mira-markdown-image__trigger {
+  display: block;
+}
+
+.mira-rich-widget--block.mira-reference--image .mira-markdown-image__trigger {
+  width: 100%;
+}
+
+.mira-reference--image > .mira-reference__label {
+  position: absolute;
+  inset-block-start: 0;
+  inset-inline-end: 0;
+  z-index: 1;
+  border-end-start-radius: var(--mira-radius, 8px);
+  border-start-end-radius: calc(var(--mira-radius, 8px) - 1px);
+  background: var(--mira-accent);
+  color: var(--mira-accent-foreground);
+  font-size: 0.75em;
+  font-weight: 650;
+  letter-spacing: 0.04em;
+  padding: 0.35em 0.65em;
+  box-sizing: border-box;
+  max-inline-size: 75%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  pointer-events: none;
+}
+
+.mira-reference--image .mira-rich-widget__source-toggle {
+  inset-inline-start: 0.25rem;
+  inset-inline-end: auto;
+}

package/dist/preview/styles.css

@@ -10,6 +10,8 @@
 @import "./styles/blockquotes-footnotes.css";
 @import "./styles/code-katex.css";
 @import "./styles/links-embeds-tags.css";
+@import "./styles/inline-links.css";
+@import "./styles/references.css";
 @import "./styles/callouts.css";
 @import "./styles/images.css";
 @import "./styles/tables.css";

package/dist/tables/editor-column.svelte

@@ -5,8 +5,10 @@
   import { EditorView } from "@codemirror/view";
   import { EditorState } from "@codemirror/state";
   import { cn } from "./utils";
-  import { tick } from "svelte";
+  import { tick, onDestroy } from "svelte";
   import { toHtml } from "./utils";
+  import { MarkdownPreview } from "@lapismd/mira/preview";
+  import type { MiraExtension } from "../extensions";
   import { createInlineTableMarkdownExtensions } from "./inline-editor-extensions";
 
   let {
@@ -14,6 +16,7 @@
     onContentChange,
     onEdit = () => {},
     readonly = false,
+    extensions = [],
     class: className,
   }: {
     node: Mdast.Nodes;
@@ -21,6 +24,7 @@
     onContentChange: (value: string) => void;
     onEdit?: (evt: MouseEvent) => void;
     readonly?: boolean;
+    extensions?: MiraExtension[];
   } = $props();
   let content = $derived(TableNode.toMarkdown(node).trim());
   let view: EditorView = new EditorView({
@@ -42,6 +46,7 @@
     }),
   });
 
+  onDestroy(() => view.destroy());
   let editing: boolean = $state(false);
 
   const codeMirror = (node: HTMLDivElement, content: string) => {
@@ -97,9 +102,13 @@
         <div class="cm-scroller">
           <div class="cm-content">
             {#if content}
-              {#await toHtml(content) then markup}
-                {@html markup}
-              {/await}
+              {#if extensions.length}<MarkdownPreview
+                  inline
+                  value={content}
+                  {extensions}
+                />{:else}{#await toHtml(content) then markup}
+                  {@html markup}
+                {/await}{/if}
             {:else}
               &NonBreakingSpace;
             {/if}
@@ -115,9 +124,13 @@
         <div class="cm-scroller">
           <div class="cm-content">
             {#if content}
-              {#await toHtml(content) then markup}
-                {@html markup}
-              {/await}
+              {#if extensions.length}<MarkdownPreview
+                  inline
+                  value={content}
+                  {extensions}
+                />{:else}{#await toHtml(content) then markup}
+                  {@html markup}
+                {/await}{/if}
             {:else}
               &NonBreakingSpace;
             {/if}

package/dist/tables/editor-column.svelte.d.ts

@@ -1,10 +1,12 @@
 import type * as Mdast from "mdast";
+import type { MiraExtension } from "../extensions";
 type $$ComponentProps = {
     node: Mdast.Nodes;
     class?: string;
     onContentChange: (value: string) => void;
     onEdit?: (evt: MouseEvent) => void;
     readonly?: boolean;
+    extensions?: MiraExtension[];
 };
 declare const EditorColumn: import("svelte").Component<$$ComponentProps, {}, "">;
 type EditorColumn = ReturnType<typeof EditorColumn>;

package/dist/tables/editor-column.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor-column.svelte.d.ts","sourceRoot":"","sources":["../../src/tables/editor-column.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AASnC,KAAK,gBAAgB,GAAI;IACtB,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AA4HJ,QAAA,MAAM,YAAY,sDAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}
+{"version":3,"file":"editor-column.svelte.d.ts","sourceRoot":"","sources":["../../src/tables/editor-column.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAQpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAGlD,KAAK,gBAAgB,GAAI;IACtB,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;CAC9B,CAAC;AAgIJ,QAAA,MAAM,YAAY,sDAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/tables/editor-table.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
   // @ts-nocheck
   import { TableNode } from "./table-node";
+  import type { MiraExtension } from "../extensions";
   import * as Table from "@lapismd/mira/ui/table";
   import { cn } from "./utils";
   import ColumnEditor from "./editor-column.svelte";
@@ -45,12 +46,14 @@
     onDelete = () => {},
     onMouseUp = () => {},
     selectedCells = [],
+    extensions = [],
   }: {
     node: TableNode;
     onChange?: (data: string, props?: Record<string, any>) => void;
     onDelete?: (evt: Event) => void;
     onMouseUp?: (evt: MouseEvent) => void;
     selectedCells?: Array<[number, number]>;
+    extensions?: MiraExtension[];
   } = $props();
   let tableVersion = $state(0);
   let mdastNode = $derived.by(() => {
@@ -765,6 +768,7 @@
                     hProperties.displayColIndex ?? index}
                   {@const id = [sourceRowIndex, sourceColIndex].join(",")}
                   <MarkdownTableDataCell
+                    {extensions}
                     node={col}
                     {rowIndex}
                     colIndex={displayColIndex}

package/dist/tables/editor-table.svelte.d.ts

@@ -1,10 +1,12 @@
 import { TableNode } from "./table-node";
+import type { MiraExtension } from "../extensions";
 type $$ComponentProps = {
     node: TableNode;
     onChange?: (data: string, props?: Record<string, any>) => void;
     onDelete?: (evt: Event) => void;
     onMouseUp?: (evt: MouseEvent) => void;
     selectedCells?: Array<[number, number]>;
+    extensions?: MiraExtension[];
 };
 declare const EditorTable: import("svelte").Component<$$ComponentProps, {}, "">;
 type EditorTable = ReturnType<typeof EditorTable>;

package/dist/tables/editor-table.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor-table.svelte.d.ts","sourceRoot":"","sources":["../../src/tables/editor-table.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAuCxC,KAAK,gBAAgB,GAAI;IACtB,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAC/D,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;CACzC,CAAC;AA2wBJ,QAAA,MAAM,WAAW,sDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
+{"version":3,"file":"editor-table.svelte.d.ts","sourceRoot":"","sources":["../../src/tables/editor-table.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAuClD,KAAK,gBAAgB,GAAI;IACtB,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAC/D,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACxC,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;CAC9B,CAAC;AA6wBJ,QAAA,MAAM,WAAW,sDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/tables/grid-editor-column.svelte

@@ -3,17 +3,20 @@
   import { EditorView, keymap } from "@codemirror/view";
   import { EditorState } from "@codemirror/state";
   import { cn } from "./utils";
-  import { tick } from "svelte";
+  import { tick, onDestroy } from "svelte";
   import { MarkdownPreview } from "@lapismd/mira/preview";
+  import type { MiraExtension } from "../extensions";
   import { createInlineTableMarkdownExtensions } from "./inline-editor-extensions";
 
   let {
     content,
+    extensions = [],
     onContentChange,
     onEdit = () => true,
     class: className,
   }: {
     content: string;
+    extensions?: MiraExtension[];
     class?: string;
     onContentChange: (value: string) => void;
     onEdit?: (evt: MouseEvent) => boolean;
@@ -50,6 +53,7 @@
     }),
   });
 
+  onDestroy(() => view.destroy());
   let editing: boolean = $state(false);
 
   const codeMirror = (node: HTMLDivElement, content: string) => {
@@ -108,7 +112,7 @@
         <div class="cm-scroller">
           <div class="cm-content">
             {#if content}
-              <MarkdownPreview inline value={content} />
+              <MarkdownPreview inline value={content} {extensions} />
             {:else}
               &NonBreakingSpace;
             {/if}

package/dist/tables/grid-editor-column.svelte.d.ts

@@ -1,5 +1,7 @@
+import type { MiraExtension } from "../extensions";
 type $$ComponentProps = {
     content: string;
+    extensions?: MiraExtension[];
     class?: string;
     onContentChange: (value: string) => void;
     onEdit?: (evt: MouseEvent) => boolean;