markstream-svelte 0.0.1-beta.1

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

@@ -0,0 +1,43 @@
+import type { CodeBlockMonacoOptions, CodeBlockMonacoTheme } from '../types/monaco';
+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 CodeBlockNode: $$__sveltets_2_IsomorphicComponent<{
+    node: SvelteRenderableNode;
+    context?: SvelteRenderContext | undefined;
+    isDark?: boolean | undefined;
+    loading?: boolean | undefined;
+    stream?: boolean | undefined;
+    darkTheme?: CodeBlockMonacoTheme | undefined;
+    lightTheme?: CodeBlockMonacoTheme | undefined;
+    themes?: CodeBlockMonacoTheme[] | undefined;
+    monacoOptions?: CodeBlockMonacoOptions | undefined;
+    minWidth?: string | number | undefined;
+    maxWidth?: string | number | undefined;
+    isShowPreview?: boolean;
+    enableFontSizeControl?: boolean;
+    showHeader?: boolean;
+    showCopyButton?: boolean;
+    showExpandButton?: boolean;
+    showPreviewButton?: boolean;
+    showCollapseButton?: boolean;
+    showFontSizeButtons?: boolean;
+    htmlPreviewAllowScripts?: boolean;
+    htmlPreviewSandbox?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type CodeBlockNode = InstanceType<typeof CodeBlockNode>;
+export default CodeBlockNode;
+//# sourceMappingURL=CodeBlockNode.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlockNode.svelte.d.ts","sourceRoot":"","sources":["../../src/components/CodeBlockNode.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AACnF,OAAO,KAAK,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAo7BtF,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;UAV0mB,oBAAoB;cAAY,mBAAmB,GAAG,SAAS;aAAW,OAAO,GAAG,SAAS;cAAY,OAAO,GAAG,SAAS;aAAW,OAAO,GAAG,SAAS;gBAAc,oBAAoB,GAAG,SAAS;iBAAe,oBAAoB,GAAG,SAAS;aAAW,oBAAoB,EAAE,GAAG,SAAS;oBAAkB,sBAAsB,GAAG,SAAS;eAAa,MAAM,GAAG,MAAM,GAAG,SAAS;eAAa,MAAM,GAAG,MAAM,GAAG,SAAS;;;;;;;;;;yBAAib,MAAM,GAAG,SAAS;;;kBAUt4C,CAAC;AACjF,KAAK,aAAa,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAC1D,eAAe,aAAa,CAAC"}

package/dist/components/D2BlockNode.svelte

@@ -0,0 +1,272 @@
+<script lang="ts">
+  import type { SvelteRenderableNode, SvelteRenderContext } from './shared/node-helpers'
+  import { afterUpdate, onDestroy, onMount } from 'svelte'
+  import { useSafeI18n } from '../i18n/useSafeI18n'
+  import { getD2 } from '../optional/d2'
+  import { extractRenderedSvg, toSafeSvgMarkup } from '../sanitizeSvg'
+  import { hideTooltip, showTooltipForAnchor } from '../tooltip/singletonTooltip'
+  import { copyTextToClipboard, downloadSvgMarkup } from './shared/rich-block-helpers'
+  import { getString } from './shared/node-helpers'
+
+  const DARK_THEME_OVERRIDES: Record<string, string> = {
+    N1: '#E5E7EB',
+    N2: '#CBD5E1',
+    N3: '#94A3B8',
+    N4: '#64748B',
+    N5: '#475569',
+    N6: '#334155',
+    N7: '#0B1220',
+    B1: '#60A5FA',
+    B2: '#3B82F6',
+    B3: '#2563EB',
+    B4: '#1D4ED8',
+    B5: '#1E40AF',
+    B6: '#111827',
+    AA2: '#22D3EE',
+    AA4: '#0EA5E9',
+    AA5: '#0284C7',
+    AB4: '#FBBF24',
+    AB5: '#F59E0B',
+  }
+
+  export let node: SvelteRenderableNode
+  export let context: SvelteRenderContext | undefined = undefined
+  export let maxHeight: string | null | undefined = '500px'
+  export let loading: boolean | undefined = undefined
+  export let isDark: boolean | undefined = undefined
+  export let themeId: number | null | undefined = undefined
+  export let darkThemeId: number | null | undefined = undefined
+  export let showHeader = true
+  export let showModeToggle = true
+  export let showCopyButton = true
+  export let showExportButton = true
+  export let showCollapseButton = true
+
+  const { t } = useSafeI18n()
+
+  let mounted = false
+  let renderToken = 0
+  let lastSignature = ''
+  let activeRenderSignature = ''
+  let svgMarkup = ''
+  let renderError = ''
+  let rendering = false
+  let rerenderQueued = false
+  let rerenderForce = false
+  let copied = false
+  let collapsed = false
+  let showSource = false
+  let copyTimer: ReturnType<typeof setTimeout> | null = null
+
+  $: source = getString((node as any)?.code)
+  $: resolvedLoading = loading ?? (node as any)?.loading === true
+  $: resolvedIsDark = isDark ?? context?.isDark ?? false
+  $: shouldRender = !(resolvedLoading && !source.trim())
+  $: showSourceFallback = showSource || !svgMarkup
+  $: renderStyle = maxHeight && maxHeight !== 'none' ? `max-height: ${maxHeight}` : ''
+
+  onMount(() => {
+    mounted = true
+    void renderD2(true)
+  })
+
+  afterUpdate(() => {
+    if (mounted)
+      void renderD2()
+  })
+
+  onDestroy(() => {
+    mounted = false
+    renderToken += 1
+    if (copyTimer)
+      clearTimeout(copyTimer)
+  })
+
+  async function renderD2(force = false) {
+    if (!mounted || collapsed || showSource || !source.trim())
+      return
+    const signature = getRenderSignature()
+    if (rendering) {
+      if (signature !== activeRenderSignature || force) {
+        rerenderQueued = true
+        rerenderForce = rerenderForce || force
+      }
+      return
+    }
+    if (!force && signature === lastSignature && (svgMarkup || renderError))
+      return
+
+    const token = ++renderToken
+    activeRenderSignature = signature
+    lastSignature = signature
+    rendering = true
+    renderError = ''
+    try {
+      const D2Ctor = await getD2()
+      if (!mounted || token !== renderToken)
+        return
+      const instance = createD2Instance(D2Ctor)
+      if (!instance || typeof instance.compile !== 'function' || typeof instance.render !== 'function')
+        throw new Error('D2 renderer is not available.')
+
+      const compileResult = await instance.compile(source)
+      const diagram = compileResult?.diagram ?? compileResult
+      const baseRenderOptions = compileResult?.renderOptions ?? compileResult?.options ?? {}
+      const renderOptions: Record<string, any> = { ...baseRenderOptions }
+      renderOptions.themeID = resolvedIsDark && darkThemeId != null
+        ? darkThemeId
+        : themeId ?? baseRenderOptions.themeID
+      renderOptions.darkThemeID = null
+      renderOptions.darkThemeOverrides = null
+      if (resolvedIsDark) {
+        renderOptions.themeOverrides = {
+          ...DARK_THEME_OVERRIDES,
+          ...(baseRenderOptions.themeOverrides || {}),
+        }
+      }
+
+      const rendered = await instance.render(diagram, renderOptions)
+      if (!mounted || token !== renderToken)
+        return
+      const safeSvg = toSafeSvgMarkup(extractRenderedSvg(rendered))
+      if (!safeSvg)
+        throw new Error('D2 rendered empty SVG.')
+      svgMarkup = safeSvg.replace('<svg', '<svg class="markstream-d2-root-svg"')
+    }
+    catch (error) {
+      if (token === renderToken) {
+        svgMarkup = ''
+        renderError = error instanceof Error ? error.message : String(error)
+      }
+    }
+    finally {
+      if (token === renderToken) {
+        rendering = false
+        activeRenderSignature = ''
+        if (rerenderQueued) {
+          const forceNext = rerenderForce
+          rerenderQueued = false
+          rerenderForce = false
+          void renderD2(forceNext)
+        }
+      }
+    }
+  }
+
+  function getRenderSignature() {
+    return `${source}\n${resolvedIsDark}\n${themeId}\n${darkThemeId}`
+  }
+
+  function createD2Instance(D2Ctor: any) {
+    if (typeof D2Ctor === 'function') {
+      const instance = new D2Ctor()
+      if (instance && typeof instance.compile === 'function')
+        return instance
+      if (typeof D2Ctor.compile === 'function')
+        return D2Ctor
+    }
+    if (D2Ctor?.D2 && typeof D2Ctor.D2 === 'function')
+      return new D2Ctor.D2()
+    if (typeof D2Ctor?.compile === 'function')
+      return D2Ctor
+    return null
+  }
+
+  async function copy() {
+    await copyTextToClipboard(source)
+    context?.events?.onCopy?.(source)
+    copied = true
+    if (copyTimer)
+      clearTimeout(copyTimer)
+    copyTimer = setTimeout(() => {
+      copied = false
+    }, 1000)
+  }
+
+  function exportSvg() {
+    if (svgMarkup)
+      downloadSvgMarkup(svgMarkup, `d2-diagram-${Date.now()}.svg`)
+  }
+
+  function switchMode(mode: 'preview' | 'source') {
+    showSource = mode === 'source'
+    if (!showSource)
+      void renderD2(true)
+  }
+
+  function showButtonTooltip(event: MouseEvent | FocusEvent, text: string) {
+    const target = event.currentTarget as HTMLElement | null
+    if (!target || (target instanceof HTMLButtonElement && target.disabled))
+      return
+    showTooltipForAnchor(target, text, 'top', false, undefined, resolvedIsDark)
+  }
+
+  function showCopyTooltip(event: MouseEvent | FocusEvent) {
+    showButtonTooltip(event, copied ? (t('common.copied') || 'Copied') : (t('common.copy') || 'Copy'))
+  }
+</script>
+
+{#if shouldRender}
+  <div
+    class:dark={resolvedIsDark}
+    class:is-rendering={rendering || resolvedLoading}
+    class="markstream-svelte-enhanced-block markstream-svelte-enhanced-block--d2"
+    data-markstream-d2="1"
+    data-markstream-mode={showSourceFallback ? 'fallback' : 'preview'}
+  >
+    {#if showHeader}
+      <div class="markstream-svelte-enhanced-block__header d2-block-header">
+        <div class="d2-header-title">
+          <span class="d2-label">D2</span>
+        </div>
+        <div class="markstream-svelte-enhanced-block__actions d2-header-actions">
+          {#if showModeToggle}
+            <div class="d2-mode-toggle">
+              <button type="button" class:is-active={!showSource} class="markstream-svelte-enhanced-block__action mode-btn d2-mode-btn" onblur={() => hideTooltip()} onclick={() => switchMode('preview')} onfocus={(event) => showButtonTooltip(event, t('common.preview') || 'Preview')} onmouseleave={() => hideTooltip()} onmouseenter={(event) => showButtonTooltip(event, t('common.preview') || 'Preview')}>{t('common.preview')}</button>
+              <button type="button" class:is-active={showSource} class="markstream-svelte-enhanced-block__action mode-btn d2-mode-btn" onblur={() => hideTooltip()} onclick={() => switchMode('source')} onfocus={(event) => showButtonTooltip(event, t('common.source') || 'Source')} onmouseleave={() => hideTooltip()} onmouseenter={(event) => showButtonTooltip(event, t('common.source') || 'Source')}>{t('common.source')}</button>
+            </div>
+          {/if}
+          {#if showCopyButton}
+            <button type="button" class="markstream-svelte-enhanced-block__action markstream-svelte-enhanced-block__action--icon d2-action-btn" aria-label={copied ? (t('common.copied') || 'Copied') : (t('common.copy') || 'Copy')} onblur={() => hideTooltip()} onclick={copy} onfocus={showCopyTooltip} onmouseleave={() => hideTooltip()} onmouseenter={showCopyTooltip}>
+              {#if copied}
+                <svg aria-hidden="true" role="img" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 6L9 17l-5-5"/></svg>
+              {:else}
+                <svg aria-hidden="true" role="img" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></g></svg>
+              {/if}
+            </button>
+          {/if}
+          {#if showExportButton && svgMarkup}
+            <button type="button" class="markstream-svelte-enhanced-block__action markstream-svelte-enhanced-block__action--icon d2-action-btn" aria-label={t('common.export') || 'Export'} onblur={() => hideTooltip()} onclick={exportSvg} onfocus={(event) => showButtonTooltip(event, t('common.export') || 'Export')} onmouseleave={() => hideTooltip()} onmouseenter={(event) => showButtonTooltip(event, t('common.export') || 'Export')}>
+              <svg aria-hidden="true" role="img" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v12m0-12l-4 4m4-4l4 4M4 14v4a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-4"/></svg>
+            </button>
+          {/if}
+          {#if showCollapseButton}
+            <button type="button" class="markstream-svelte-enhanced-block__action markstream-svelte-enhanced-block__action--icon d2-action-btn" aria-label={collapsed ? (t('common.expand') || 'Expand') : (t('common.collapse') || 'Collapse')} aria-pressed={collapsed} onblur={() => hideTooltip()} onclick={() => (collapsed = !collapsed)} onfocus={(event) => showButtonTooltip(event, collapsed ? (t('common.expand') || 'Expand') : (t('common.collapse') || 'Collapse'))} onmouseleave={() => hideTooltip()} onmouseenter={(event) => showButtonTooltip(event, collapsed ? (t('common.expand') || 'Expand') : (t('common.collapse') || 'Collapse'))}>
+              <svg aria-hidden="true" role="img" style:transform={collapsed ? 'rotate(0deg)' : 'rotate(90deg)'} viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 18l6-6l-6-6"/></svg>
+            </button>
+          {/if}
+        </div>
+      </div>
+    {/if}
+
+    {#if !collapsed}
+      <div class="markstream-svelte-enhanced-block__body d2-block-body">
+        {#if showSourceFallback}
+          <div class="d2-source">
+            <pre class="d2-code"><code>{source}</code></pre>
+            {#if renderError}
+              <p class="d2-error">{renderError}</p>
+            {/if}
+          </div>
+        {:else}
+          <div class="d2-render" style={renderStyle}>
+            <div class="d2-svg">{@html svgMarkup}</div>
+            {#if renderError}
+              <p class="d2-error">{renderError}</p>
+            {/if}
+          </div>
+        {/if}
+      </div>
+    {/if}
+  </div>
+{/if}

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

@@ -0,0 +1,33 @@
+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 D2BlockNode: $$__sveltets_2_IsomorphicComponent<{
+    node: SvelteRenderableNode;
+    context?: SvelteRenderContext | undefined;
+    maxHeight?: string | null | undefined;
+    loading?: boolean | undefined;
+    isDark?: boolean | undefined;
+    themeId?: number | null | undefined;
+    darkThemeId?: number | null | undefined;
+    showHeader?: boolean;
+    showModeToggle?: boolean;
+    showCopyButton?: boolean;
+    showExportButton?: boolean;
+    showCollapseButton?: boolean;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type D2BlockNode = InstanceType<typeof D2BlockNode>;
+export default D2BlockNode;
+//# sourceMappingURL=D2BlockNode.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"D2BlockNode.svelte.d.ts","sourceRoot":"","sources":["../../src/components/D2BlockNode.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAsRtF,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,WAAW;UAV2T,oBAAoB;cAAY,mBAAmB,GAAG,SAAS;gBAAc,MAAM,GAAG,IAAI,GAAG,SAAS;cAAY,OAAO,GAAG,SAAS;aAAW,OAAO,GAAG,SAAS;cAAY,MAAM,GAAG,IAAI,GAAG,SAAS;kBAAgB,MAAM,GAAG,IAAI,GAAG,SAAS;;;;;;;;kBAU7d,CAAC;AAC/E,KAAK,WAAW,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AACtD,eAAe,WAAW,CAAC"}

package/dist/components/DefinitionListNode.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+  import type { SvelteRenderableNode, SvelteRenderContext } from './shared/node-helpers'
+  import { renderNodeHtml } from './shared/renderNodeHtml'
+  export let node: SvelteRenderableNode
+  export let context: SvelteRenderContext | undefined = undefined
+  $: html = renderNodeHtml(node, context)
+</script>
+{@html html}

package/dist/components/DefinitionListNode.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 DefinitionListNode: $$__sveltets_2_IsomorphicComponent<{
+    node: SvelteRenderableNode;
+    context?: SvelteRenderContext | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type DefinitionListNode = InstanceType<typeof DefinitionListNode>;
+export default DefinitionListNode;
+//# sourceMappingURL=DefinitionListNode.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DefinitionListNode.svelte.d.ts","sourceRoot":"","sources":["../../src/components/DefinitionListNode.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AActF,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,kBAAkB;UAVkC,oBAAoB;cAAY,mBAAmB,GAAG,SAAS;;;kBAUlB,CAAC;AACtF,KAAK,kBAAkB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC;AACpE,eAAe,kBAAkB,CAAC"}

package/dist/components/EmojiNode.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+  import type { SvelteRenderableNode } from './shared/node-helpers'
+  import { getString } from './shared/node-helpers'
+  export let node: SvelteRenderableNode
+  $: value = getString((node as any)?.raw || (node as any)?.markup || (node as any)?.content || (node as any)?.name)
+</script>
+<span class="emoji-node">{value}</span>

package/dist/components/EmojiNode.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 EmojiNode: $$__sveltets_2_IsomorphicComponent<{
+    node: SvelteRenderableNode;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type EmojiNode = InstanceType<typeof EmojiNode>;
+export default EmojiNode;
+//# sourceMappingURL=EmojiNode.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiNode.svelte.d.ts","sourceRoot":"","sources":["../../src/components/EmojiNode.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AAajE,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,SAAS;UAVwB,oBAAoB;;;kBAUmC,CAAC;AAC7E,KAAK,SAAS,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC;AAClD,eAAe,SAAS,CAAC"}

package/dist/components/EmphasisNode.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+  import type { SvelteRenderableNode, SvelteRenderContext } from './shared/node-helpers'
+  import InlineWrapNode from './InlineWrapNode.svelte'
+  export let node: SvelteRenderableNode
+  export let context: SvelteRenderContext | undefined = undefined
+  export let indexKey: string | number | undefined = undefined
+</script>
+<InlineWrapNode {node} {context} {indexKey} tag="em" />

package/dist/components/EmphasisNode.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 EmphasisNode: $$__sveltets_2_IsomorphicComponent<{
+    node: SvelteRenderableNode;
+    context?: SvelteRenderContext | undefined;
+    indexKey?: string | number | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type EmphasisNode = InstanceType<typeof EmphasisNode>;
+export default EmphasisNode;
+//# sourceMappingURL=EmphasisNode.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmphasisNode.svelte.d.ts","sourceRoot":"","sources":["../../src/components/EmphasisNode.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AActF,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/FallbackComponent.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+  import type { SvelteRenderableNode, SvelteRenderContext } from './shared/node-helpers'
+  import { renderNodeHtml } from './shared/renderNodeHtml'
+  export let node: SvelteRenderableNode
+  export let context: SvelteRenderContext | undefined = undefined
+  $: html = renderNodeHtml(node, context)
+</script>
+{@html html}

package/dist/components/FallbackComponent.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 FallbackComponent: $$__sveltets_2_IsomorphicComponent<{
+    node: SvelteRenderableNode;
+    context?: SvelteRenderContext | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type FallbackComponent = InstanceType<typeof FallbackComponent>;
+export default FallbackComponent;
+//# sourceMappingURL=FallbackComponent.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FallbackComponent.svelte.d.ts","sourceRoot":"","sources":["../../src/components/FallbackComponent.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AActF,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,iBAAiB;UAVmC,oBAAoB;cAAY,mBAAmB,GAAG,SAAS;;;kBAUnB,CAAC;AACrF,KAAK,iBAAiB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAClE,eAAe,iBAAiB,CAAC"}

package/dist/components/FootnoteAnchorNode.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+  import type { SvelteRenderableNode } from './shared/node-helpers'
+  import { getString } from './shared/node-helpers'
+
+  export let node: SvelteRenderableNode
+
+  $: id = getString((node as any)?.id)
+  $: href = id ? `#fnref-${id}` : undefined
+
+  function scrollToReference(event: MouseEvent) {
+    event.preventDefault()
+    if (typeof document === 'undefined' || !id)
+      return
+    const target = document.getElementById(`fnref-${id}`)
+    target?.scrollIntoView({ behavior: 'smooth', block: 'center' })
+  }
+</script>
+
+<a class="footnote-anchor" href={href} title={id ? `返回引用 ${id}` : undefined} onclick={scrollToReference}>
+  ↩︎
+</a>

package/dist/components/FootnoteAnchorNode.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 FootnoteAnchorNode: $$__sveltets_2_IsomorphicComponent<{
+    node: SvelteRenderableNode;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type FootnoteAnchorNode = InstanceType<typeof FootnoteAnchorNode>;
+export default FootnoteAnchorNode;
+//# sourceMappingURL=FootnoteAnchorNode.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FootnoteAnchorNode.svelte.d.ts","sourceRoot":"","sources":["../../src/components/FootnoteAnchorNode.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AA2BjE,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,kBAAkB;UAVe,oBAAoB;;;kBAU4C,CAAC;AACtF,KAAK,kBAAkB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC;AACpE,eAAe,kBAAkB,CAAC"}

package/dist/components/FootnoteNode.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+  import type { SvelteRenderableNode, SvelteRenderContext } from './shared/node-helpers'
+  import RenderChildren from './RenderChildren.svelte'
+  import { getNodeList, getString } from './shared/node-helpers'
+
+  export let node: SvelteRenderableNode
+  export let context: SvelteRenderContext | undefined = undefined
+  export let indexKey: string | number | undefined = undefined
+
+  $: id = getString((node as any)?.id)
+  $: children = getNodeList((node as any)?.children)
+  $: prefix = `footnote-${indexKey ?? (id || 'node')}`
+</script>
+
+<div id={id ? `fnref--${id}` : undefined} class="footnote-node">
+  <div class="footnote-node__content">
+    <RenderChildren nodes={children} context={context} {prefix} />
+  </div>
+</div>

package/dist/components/FootnoteNode.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 FootnoteNode: $$__sveltets_2_IsomorphicComponent<{
+    node: SvelteRenderableNode;
+    context?: SvelteRenderContext | undefined;
+    indexKey?: string | number | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type FootnoteNode = InstanceType<typeof FootnoteNode>;
+export default FootnoteNode;
+//# sourceMappingURL=FootnoteNode.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FootnoteNode.svelte.d.ts","sourceRoot":"","sources":["../../src/components/FootnoteNode.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AA0BtF,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/FootnoteReferenceNode.svelte

@@ -0,0 +1,26 @@
+<script lang="ts">
+  import type { SvelteRenderableNode } from './shared/node-helpers'
+  import { getString } from './shared/node-helpers'
+
+  export let node: SvelteRenderableNode
+
+  $: id = getString((node as any)?.id)
+  $: href = id ? `#fnref--${id}` : undefined
+  $: linkAttrs = href ? { href } : {}
+
+  function scrollToFootnote(event: MouseEvent) {
+    event.preventDefault()
+    if (typeof document === 'undefined' || !id)
+      return
+    const target = document.querySelector(href || '')
+    target?.scrollIntoView({ behavior: 'smooth', block: 'start' })
+  }
+</script>
+
+<!-- svelte-ignore a11y_click_events_have_key_events -->
+<!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
+<sup id={id ? `fnref-${id}` : undefined} class="footnote-reference" onclick={scrollToFootnote}>
+  <span {...linkAttrs} title={id ? `查看脚注 ${id}` : undefined} class="footnote-link cursor-pointer">
+    [{id}]
+  </span>
+</sup>