markstream-svelte 0.0.1-beta.1

package/dist/components/LinkNode.svelte.d.ts

@@ -0,0 +1,25 @@
+import type { SvelteRenderableNode, SvelteRenderContext } from './shared/node-helpers';
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const LinkNode: $$__sveltets_2_IsomorphicComponent<{
+    node: SvelteRenderableNode;
+    context?: SvelteRenderContext | undefined;
+    indexKey?: string | number | undefined;
+    showTooltip?: boolean | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type LinkNode = InstanceType<typeof LinkNode>;
+export default LinkNode;
+//# sourceMappingURL=LinkNode.svelte.d.ts.map

package/dist/components/LinkNode.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkNode.svelte.d.ts","sourceRoot":"","sources":["../../src/components/LinkNode.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAiDtF,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,QAAQ;UAV4F,oBAAoB;cAAY,mBAAmB,GAAG,SAAS;eAAa,MAAM,GAAG,MAAM,GAAG,SAAS;kBAAgB,OAAO,GAAG,SAAS;;;kBAUvJ,CAAC;AAC5E,KAAK,QAAQ,GAAG,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAC;AAChD,eAAe,QAAQ,CAAC"}

package/dist/components/ListItemNode.svelte

@@ -0,0 +1,9 @@
+<script lang="ts">
+  import type { SvelteRenderableNode, SvelteRenderContext } from './shared/node-helpers'
+  import RenderChildren from './RenderChildren.svelte'
+  import { getNodeList } from './shared/node-helpers'
+  export let node: SvelteRenderableNode
+  export let context: SvelteRenderContext | undefined = undefined
+  export let indexKey: string | number | undefined = undefined
+</script>
+<li><RenderChildren nodes={getNodeList((node as any)?.children)} context={context} prefix={String(indexKey ?? 'li') + '-li'} /></li>

package/dist/components/ListItemNode.svelte.d.ts

@@ -0,0 +1,24 @@
+import type { SvelteRenderableNode, SvelteRenderContext } from './shared/node-helpers';
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const ListItemNode: $$__sveltets_2_IsomorphicComponent<{
+    node: SvelteRenderableNode;
+    context?: SvelteRenderContext | undefined;
+    indexKey?: string | number | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type ListItemNode = InstanceType<typeof ListItemNode>;
+export default ListItemNode;
+//# sourceMappingURL=ListItemNode.svelte.d.ts.map

package/dist/components/ListItemNode.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemNode.svelte.d.ts","sourceRoot":"","sources":["../../src/components/ListItemNode.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAgBtF,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,YAAY;UAV6D,oBAAoB;cAAY,mBAAmB,GAAG,SAAS;eAAa,MAAM,GAAG,MAAM,GAAG,SAAS;;;kBAUrF,CAAC;AAChF,KAAK,YAAY,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AACxD,eAAe,YAAY,CAAC"}

package/dist/components/ListNode.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+  import type { SvelteRenderableNode, SvelteRenderContext } from './shared/node-helpers'
+  import RenderChildren from './RenderChildren.svelte'
+  import { getNodeList } from './shared/node-helpers'
+  export let node: SvelteRenderableNode
+  export let context: SvelteRenderContext | undefined = undefined
+  export let indexKey: string | number | undefined = undefined
+  $: ordered = Boolean((node as any)?.ordered)
+  $: start = Number((node as any)?.start)
+  $: tag = ordered ? 'ol' : 'ul'
+</script>
+{#if ordered}
+  <ol start={Number.isFinite(start) ? start : undefined}><RenderChildren nodes={getNodeList((node as any)?.items)} context={context} prefix={String(indexKey ?? 'list') + '-list'} /></ol>
+{:else}
+  <ul><RenderChildren nodes={getNodeList((node as any)?.items)} context={context} prefix={String(indexKey ?? 'list') + '-list'} /></ul>
+{/if}

package/dist/components/ListNode.svelte.d.ts

@@ -0,0 +1,24 @@
+import type { SvelteRenderableNode, SvelteRenderContext } from './shared/node-helpers';
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const ListNode: $$__sveltets_2_IsomorphicComponent<{
+    node: SvelteRenderableNode;
+    context?: SvelteRenderContext | undefined;
+    indexKey?: string | number | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type ListNode = InstanceType<typeof ListNode>;
+export default ListNode;
+//# sourceMappingURL=ListNode.svelte.d.ts.map

package/dist/components/ListNode.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListNode.svelte.d.ts","sourceRoot":"","sources":["../../src/components/ListNode.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAuBtF,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,QAAQ;UAViE,oBAAoB;cAAY,mBAAmB,GAAG,SAAS;eAAa,MAAM,GAAG,MAAM,GAAG,SAAS;;;kBAUzF,CAAC;AAC5E,KAAK,QAAQ,GAAG,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAC;AAChD,eAAe,QAAQ,CAAC"}

package/dist/components/MarkdownCodeBlockNode.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+  import type { SvelteRenderableNode, SvelteRenderContext } from './shared/node-helpers'
+  import CodeBlockNode from './CodeBlockNode.svelte'
+  export let node: SvelteRenderableNode
+  export let context: SvelteRenderContext | undefined = undefined
+</script>
+<CodeBlockNode {node} {context} />

package/dist/components/MarkdownCodeBlockNode.svelte.d.ts

@@ -0,0 +1,23 @@
+import type { SvelteRenderableNode, SvelteRenderContext } from './shared/node-helpers';
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const MarkdownCodeBlockNode: $$__sveltets_2_IsomorphicComponent<{
+    node: SvelteRenderableNode;
+    context?: SvelteRenderContext | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type MarkdownCodeBlockNode = InstanceType<typeof MarkdownCodeBlockNode>;
+export default MarkdownCodeBlockNode;
+//# sourceMappingURL=MarkdownCodeBlockNode.svelte.d.ts.map

package/dist/components/MarkdownCodeBlockNode.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownCodeBlockNode.svelte.d.ts","sourceRoot":"","sources":["../../src/components/MarkdownCodeBlockNode.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAatF,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,qBAAqB;UAV+B,oBAAoB;cAAY,mBAAmB,GAAG,SAAS;;;kBAUf,CAAC;AACzF,KAAK,qBAAqB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAC1E,eAAe,qBAAqB,CAAC"}

package/dist/components/MathBlockNode.svelte

@@ -0,0 +1,96 @@
+<script lang="ts">
+  import type { SvelteRenderableNode } from './shared/node-helpers'
+  import { onDestroy } from 'svelte'
+  import { getKatex } from '../optional/katex'
+  import { normalizeKaTeXRenderInput } from '../utils/normalizeKaTeXRenderInput'
+  import { renderKaTeXWithBackpressure, setKaTeXCache, WORKER_BUSY_CODE } from '../workers/katexWorkerClient'
+  import { getString } from './shared/node-helpers'
+
+  export let node: SvelteRenderableNode
+
+  let mathEl: HTMLDivElement | null = null
+  let rendering = true
+  let destroyed = false
+  let renderVersion = 0
+  let hasRenderedOnce = false
+
+  $: source = getString((node as any)?.content || (node as any)?.markup || (node as any)?.raw)
+  $: raw = getString((node as any)?.raw || source)
+  $: nodeLoading = (node as any)?.loading === true
+  $: renderKey = `${source}\n${raw}\n${nodeLoading ? '1' : '0'}`
+  $: if (mathEl)
+    void renderMath(renderKey, source, raw, nodeLoading)
+
+  onDestroy(() => {
+    destroyed = true
+    renderVersion += 1
+  })
+
+  async function renderMath(_renderKey: string, currentSource: string, currentRaw: string, currentLoading: boolean) {
+    const target = mathEl
+    if (!target)
+      return
+
+    const content = normalizeKaTeXRenderInput(currentSource)
+    const version = ++renderVersion
+    if (!content) {
+      target.textContent = ''
+      rendering = false
+      return
+    }
+
+    if (!hasRenderedOnce)
+      rendering = true
+
+    const html = await resolveKatexMarkup(content, currentLoading)
+    if (destroyed || version !== renderVersion)
+      return
+
+    if (html) {
+      target.innerHTML = html
+      hasRenderedOnce = true
+      rendering = false
+    }
+    else if (!currentLoading) {
+      target.textContent = currentRaw || content
+      rendering = false
+    }
+  }
+
+  async function resolveKatexMarkup(content: string, currentLoading: boolean) {
+    try {
+      return await renderKaTeXWithBackpressure(content, true, {
+        timeout: 3000,
+        waitTimeout: 2000,
+        maxRetries: 1,
+      })
+    }
+    catch (error: any) {
+      const code = error?.code || error?.name
+      const isWorkerInitFailure = code === 'WORKER_INIT_ERROR' || error?.fallbackToRenderer
+      const isBusyOrTimeout = code === WORKER_BUSY_CODE || code === 'WORKER_TIMEOUT'
+      if (!isWorkerInitFailure && !isBusyOrTimeout)
+        return null
+    }
+
+    const katex = await getKatex()
+    if (!katex)
+      return null
+
+    try {
+      const html = katex.renderToString(content, {
+        throwOnError: currentLoading,
+        displayMode: true,
+      })
+      setKaTeXCache(content, true, html)
+      return html
+    }
+    catch {
+      return null
+    }
+  }
+</script>
+
+<div class="math-block markstream-nested-math-block" data-markstream-katex-managed="1">
+  <div bind:this={mathEl} class:math-rendering={rendering} class="markstream-nested-math-block__render"></div>
+</div>

package/dist/components/MathBlockNode.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { SvelteRenderableNode } from './shared/node-helpers';
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const MathBlockNode: $$__sveltets_2_IsomorphicComponent<{
+    node: SvelteRenderableNode;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type MathBlockNode = InstanceType<typeof MathBlockNode>;
+export default MathBlockNode;
+//# sourceMappingURL=MathBlockNode.svelte.d.ts.map

package/dist/components/MathBlockNode.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MathBlockNode.svelte.d.ts","sourceRoot":"","sources":["../../src/components/MathBlockNode.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AA0GjE,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,aAAa;UAVoB,oBAAoB;;;kBAUuC,CAAC;AACjF,KAAK,aAAa,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAC1D,eAAe,aAAa,CAAC"}

package/dist/components/MathInlineNode.svelte

@@ -0,0 +1,103 @@
+<script lang="ts">
+  import type { SvelteRenderableNode } from './shared/node-helpers'
+  import { onDestroy } from 'svelte'
+  import { getKatex } from '../optional/katex'
+  import { normalizeKaTeXRenderInput } from '../utils/normalizeKaTeXRenderInput'
+  import { renderKaTeXWithBackpressure, setKaTeXCache, WORKER_BUSY_CODE } from '../workers/katexWorkerClient'
+  import { getString } from './shared/node-helpers'
+
+  export let node: SvelteRenderableNode
+
+  let mathEl: HTMLSpanElement | null = null
+  let loading = true
+  let destroyed = false
+  let renderVersion = 0
+  let hasRenderedOnce = false
+
+  $: source = getString((node as any)?.content || (node as any)?.markup || (node as any)?.raw)
+  $: raw = getString((node as any)?.raw || source)
+  $: nodeLoading = (node as any)?.loading === true
+  $: displayMode = String((node as any)?.markup || '') === '$$'
+  $: renderKey = `${source}\n${raw}\n${nodeLoading ? '1' : '0'}\n${displayMode ? '1' : '0'}`
+  $: if (mathEl)
+    void renderMath(renderKey, source, raw, nodeLoading, displayMode)
+
+  onDestroy(() => {
+    destroyed = true
+    renderVersion += 1
+  })
+
+  async function renderMath(_renderKey: string, currentSource: string, currentRaw: string, currentLoading: boolean, currentDisplayMode: boolean) {
+    const target = mathEl
+    if (!target)
+      return
+
+    const content = normalizeKaTeXRenderInput(currentSource)
+    const version = ++renderVersion
+    if (!content) {
+      target.textContent = ''
+      loading = false
+      return
+    }
+
+    if (!hasRenderedOnce)
+      loading = true
+
+    const html = await resolveKatexMarkup(content, currentDisplayMode, currentLoading)
+    if (destroyed || version !== renderVersion)
+      return
+
+    if (html) {
+      target.innerHTML = html
+      hasRenderedOnce = true
+      loading = false
+    }
+    else if (!currentLoading) {
+      target.textContent = currentRaw || content
+      loading = false
+    }
+  }
+
+  async function resolveKatexMarkup(content: string, currentDisplayMode: boolean, currentLoading: boolean) {
+    try {
+      return await renderKaTeXWithBackpressure(content, currentDisplayMode, {
+        timeout: 1500,
+        waitTimeout: 0,
+        maxRetries: 0,
+      })
+    }
+    catch (error: any) {
+      const code = error?.code || error?.name
+      const isWorkerInitFailure = code === 'WORKER_INIT_ERROR' || error?.fallbackToRenderer
+      const isBusyOrTimeout = code === WORKER_BUSY_CODE || code === 'WORKER_TIMEOUT'
+      if (!isWorkerInitFailure && !isBusyOrTimeout)
+        return null
+    }
+
+    const katex = await getKatex()
+    if (!katex)
+      return null
+
+    try {
+      const html = katex.renderToString(content, {
+        throwOnError: currentLoading,
+        displayMode: currentDisplayMode,
+      })
+      setKaTeXCache(content, currentDisplayMode, html)
+      return html
+    }
+    catch {
+      return null
+    }
+  }
+</script>
+
+<span class="math-inline-wrapper markstream-nested-math" data-display="inline" data-markstream-katex-managed="1">
+  <span bind:this={mathEl} class={'math-inline' + (loading ? ' math-inline--hidden' : '')}></span>
+  {#if loading}
+    <span class="math-inline__loading" role="status" aria-live="polite">
+      <span class="math-inline__spinner" aria-hidden="true"></span>
+      <span class="sr-only">Loading</span>
+    </span>
+  {/if}
+</span>

package/dist/components/MathInlineNode.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { SvelteRenderableNode } from './shared/node-helpers';
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const MathInlineNode: $$__sveltets_2_IsomorphicComponent<{
+    node: SvelteRenderableNode;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type MathInlineNode = InstanceType<typeof MathInlineNode>;
+export default MathInlineNode;
+//# sourceMappingURL=MathInlineNode.svelte.d.ts.map

package/dist/components/MathInlineNode.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MathInlineNode.svelte.d.ts","sourceRoot":"","sources":["../../src/components/MathInlineNode.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AAiHjE,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,cAAc;UAVmB,oBAAoB;;;kBAUwC,CAAC;AAClF,KAAK,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAC5D,eAAe,cAAc,CAAC"}