@incremark/svelte 0.2.6 → 0.3.0

package/dist/components/IncremarkCode.svelte

@@ -1,11 +1,8 @@
-<!--
-  @file IncremarkCode.svelte - 代码块组件
-  @description 渲染 Markdown 代码块，支持 Shiki 代码高亮和 Mermaid 图表渲染
--->
-
 <script lang="ts">
   import type { Code } from 'mdast'
-  import { onMount, onDestroy } from 'svelte'
+  import type { Component } from 'svelte'
+  import IncremarkCodeMermaid from './IncremarkCodeMermaid.svelte'
+  import IncremarkCodeDefault from './IncremarkCodeDefault.svelte'
 
   /**
    * 组件 Props
@@ -27,6 +24,8 @@
     codeBlockConfigs?: Record<string, { takeOver?: boolean }>
     /** 块状态，用于判断是否使用自定义组件 */
     blockStatus?: 'pending' | 'stable' | 'completed'
+    /** 默认代码块渲染组件（当不是 mermaid 且没有自定义组件时使用） */
+    defaultCodeComponent?: Component<any>
   }
 
   let {
@@ -37,29 +36,10 @@
     mermaidDelay = 500,
     customCodeBlocks,
     codeBlockConfigs,
-    blockStatus = 'completed'
+    blockStatus = 'completed',
+    defaultCodeComponent
   }: Props = $props()
 
-  // 状态
-  let copied = $state(false)
-  let highlightedHtml = $state('')
-  let isHighlighting = $state(false)
-  let highlightError = $state(false)
-
-  // Mermaid 支持
-  let mermaidSvg = $state('')
-  let mermaidError = $state('')
-  let mermaidLoading = $state(false)
-  let mermaidRef: any = null
-  let mermaidTimer: ReturnType<typeof setTimeout> | null = null
-  // 视图模式：'preview' | 'source'
-  let mermaidViewMode = $state<'preview' | 'source'>('preview')
-
-  // 缓存 highlighter
-  let highlighterRef: any = null
-  const loadedLanguages = new Set<string>()
-  const loadedThemes = new Set<string>()
-
   /**
    * 计算属性
    */
@@ -72,240 +52,37 @@
     const component = customCodeBlocks?.[language]
     if (!component) return null
 
-    // 检查该语言的配置
     const config = codeBlockConfigs?.[language]
 
-    // 如果配置了 takeOver 为 true，则从一开始就使用
-    if (config?.takeOver) {
-      return component
-    }
-
-    // 否则，默认行为：只在 completed 状态使用
-    if (blockStatus !== 'completed') {
-      return null
-    }
+    if (config?.takeOver) return component
+    if (blockStatus !== 'completed') return null
 
     return component
   })
 
-  /**
-   * 切换 Mermaid 视图模式
-   */
-  function toggleMermaidView() {
-    mermaidViewMode = mermaidViewMode === 'preview' ? 'source' : 'preview'
-  }
-
-  /**
-   * Mermaid 渲染（带防抖动）
-   */
-  function scheduleRenderMermaid() {
-    if (!isMermaid || !code) return
-
-    // 清除之前的定时器
-    if (mermaidTimer) {
-      clearTimeout(mermaidTimer)
-    }
-
-    // 显示加载状态
-    mermaidLoading = true
-
-    // 防抖动延迟渲染
-    mermaidTimer = setTimeout(() => {
-      doRenderMermaid()
-    }, mermaidDelay)
-  }
-
-  /**
-   * 执行 Mermaid 渲染
-   */
-  async function doRenderMermaid() {
-    if (!code) return
-
-    mermaidError = ''
-
-    try {
-      // 动态导入 mermaid
-      if (!mermaidRef) {
-        // @ts-ignore - mermaid 是可选依赖
-        const mermaidModule = await import('mermaid')
-        mermaidRef = mermaidModule.default
-        mermaidRef.initialize({
-          startOnLoad: false,
-          theme: 'dark',
-          securityLevel: 'loose'
-        })
-      }
-
-      const mermaid = mermaidRef
-      const id = `mermaid-${Date.now()}-${Math.random().toString(36).slice(2)}`
-
-      const { svg } = await mermaid.render(id, code)
-      mermaidSvg = svg
-    } catch (e: any) {
-      // 不显示错误，可能是代码还不完整
-      mermaidError = ''
-      mermaidSvg = ''
-    } finally {
-      mermaidLoading = false
-    }
-  }
-
-  /**
-   * 动态加载 shiki 并高亮
-   */
-  async function highlight() {
-    if (isMermaid) {
-      scheduleRenderMermaid()
-      return
-    }
-
-    if (!code || disableHighlight) {
-      highlightedHtml = ''
-      return
-    }
-
-    isHighlighting = true
-    highlightError = false
-
-    try {
-      // 动态导入 shiki
-      if (!highlighterRef) {
-        const { createHighlighter } = await import('shiki')
-        highlighterRef = await createHighlighter({
-          themes: [theme as any],
-          langs: []
-        })
-        loadedThemes.add(theme)
-      }
-
-      const highlighter = highlighterRef
-      const lang = language
-
-      // 按需加载语言
-      if (!loadedLanguages.has(lang) && lang !== 'text') {
-        try {
-          await highlighter.loadLanguage(lang)
-          loadedLanguages.add(lang)
-        } catch {
-          // 语言不支持，标记但不阻止
-        }
-      }
-
-      // 按需加载主题
-      if (!loadedThemes.has(theme)) {
-        try {
-          await highlighter.loadTheme(theme)
-          loadedThemes.add(theme)
-        } catch {
-          // 主题不支持
-        }
-      }
-
-      const html = highlighter.codeToHtml(code, {
-        lang: loadedLanguages.has(lang) ? lang : 'text',
-        theme: loadedThemes.has(theme) ? theme : fallbackTheme
-      })
-      highlightedHtml = html
-    } catch (e) {
-      // Shiki 不可用或加载失败
-      highlightError = true
-      highlightedHtml = ''
-    } finally {
-      isHighlighting = false
-    }
-  }
-
-  /**
-   * 复制代码
-   */
-  async function copyCode() {
-    try {
-      await navigator.clipboard.writeText(code)
-      copied = true
-      setTimeout(() => {
-        copied = false
-      }, 2000)
-    } catch {
-      // 复制失败静默处理
-    }
-  }
-
-  // 监听代码变化，重新高亮/渲染
-  $effect(() => {
-    highlight()
-  })
-
-  // 清理
-  onDestroy(() => {
-    if (mermaidTimer) {
-      clearTimeout(mermaidTimer)
-    }
-  })
+  // 默认代码块组件
+  const DefaultCodeBlock = $derived(defaultCodeComponent || IncremarkCodeDefault)
 </script>
 
-<!-- 自定义代码块组件 -->
 {#if CustomCodeBlock}
   {@const Component = CustomCodeBlock}
-  <Component codeStr={code} lang={language} completed={blockStatus === 'completed'} takeOver={codeBlockConfigs?.[language]?.takeOver} />
+  <Component 
+    codeStr={code} 
+    lang={language} 
+    completed={blockStatus === 'completed'} 
+    takeOver={codeBlockConfigs?.[language]?.takeOver} 
+  />
 {:else if isMermaid}
-  <div class="incremark-mermaid">
-    <div class="mermaid-header">
-      <span class="language">MERMAID</span>
-      <div class="mermaid-actions">
-        <button 
-          class="code-btn" 
-          onclick={toggleMermaidView} 
-          type="button"
-          disabled={!mermaidSvg}
-        >
-          {mermaidViewMode === 'preview' ? '源码' : '预览'}
-        </button>
-        <button class="code-btn" onclick={copyCode} type="button">
-          {copied ? '✓ 已复制' : '复制'}
-        </button>
-      </div>
-    </div>
-    <div class="mermaid-content">
-      <!-- 加载中 -->
-      {#if mermaidLoading && !mermaidSvg}
-        <pre class="mermaid-source-code">{code}</pre>
-      <!-- 源码模式 -->
-      {:else if mermaidViewMode === 'source'}
-        <pre class="mermaid-source-code">{code}</pre>
-      <!-- 预览模式 -->
-      {:else if mermaidSvg}
-        {@html mermaidSvg}
-      <!-- 无法渲染时显示源码 -->
-      {:else}
-        <pre class="mermaid-source-code">{code}</pre>
-      {/if}
-    </div>
-  </div>
+  <IncremarkCodeMermaid 
+    {node} 
+    {mermaidDelay} 
+  />
 {:else}
-  <!-- 普通代码块 -->
-  <div class="incremark-code">
-    <div class="code-header">
-      <span class="language">{language}</span>
-      <button class="code-btn" onclick={copyCode} type="button">
-        {copied ? '✓ 已复制' : '复制'}
-      </button>
-    </div>
-    <div class="code-content">
-      <!-- 正在加载高亮 -->
-      {#if isHighlighting && !highlightedHtml}
-        <div class="code-loading">
-          <pre><code>{code}</code></pre>
-        </div>
-      <!-- 高亮后的代码 -->
-      {:else if highlightedHtml}
-        <div class="shiki-wrapper">
-          {@html highlightedHtml}
-        </div>
-      <!-- 回退：无高亮 -->
-      {:else}
-        <pre class="code-fallback"><code>{code}</code></pre>
-      {/if}
-    </div>
-  </div>
+  {@const Component = DefaultCodeBlock}
+  <Component 
+    {node} 
+    {theme} 
+    {fallbackTheme} 
+    {disableHighlight} 
+  />
 {/if}
-

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

@@ -1,4 +1,5 @@
 import type { Code } from 'mdast';
+import type { Component } from 'svelte';
 /**
  * 组件 Props
  */
@@ -21,8 +22,10 @@ interface Props {
     }>;
     /** 块状态，用于判断是否使用自定义组件 */
     blockStatus?: 'pending' | 'stable' | 'completed';
+    /** 默认代码块渲染组件（当不是 mermaid 且没有自定义组件时使用） */
+    defaultCodeComponent?: Component<any>;
 }
-declare const IncremarkCode: import("svelte").Component<Props, {}, "">;
+declare const IncremarkCode: Component<Props, {}, "">;
 type IncremarkCode = ReturnType<typeof IncremarkCode>;
 export default IncremarkCode;
 //# sourceMappingURL=IncremarkCode.svelte.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"IncremarkCode.svelte.d.ts","sourceRoot":"","sources":["../../src/components/IncremarkCode.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAI/B;;GAEG;AACH,UAAU,KAAK;IACb,WAAW;IACX,IAAI,EAAE,IAAI,CAAA;IACV,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,eAAe;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,6BAA6B;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACtC,0BAA0B;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC,CAAA;IACzD,wBAAwB;IACxB,WAAW,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,WAAW,CAAA;CACjD;AA8RH,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"IncremarkCode.svelte.d.ts","sourceRoot":"","sources":["../../src/components/IncremarkCode.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAKrC;;GAEG;AACH,UAAU,KAAK;IACb,WAAW;IACX,IAAI,EAAE,IAAI,CAAA;IACV,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,eAAe;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,6BAA6B;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACtC,0BAA0B;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC,CAAA;IACzD,wBAAwB;IACxB,WAAW,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,WAAW,CAAA;IAChD,yCAAyC;IACzC,oBAAoB,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAA;CACtC;AAwDH,QAAA,MAAM,aAAa,0BAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/components/IncremarkCodeDefault.svelte

@@ -0,0 +1,115 @@
+<script lang="ts">
+  import type { Code } from 'mdast'
+  import { onDestroy } from 'svelte'
+  import { LucideCopy, LucideCopyCheck } from '@incremark/icons'
+  import { isClipboardAvailable } from '@incremark/shared'
+  import SvgIcon from './SvgIcon.svelte'
+  import { useShiki } from '../stores/useShiki.svelte'
+  import { useLocale } from '../stores/useLocale.svelte'
+
+  /**
+   * 组件 Props
+   */
+  interface Props {
+    /** 代码节点 */
+    node: Code
+    /** Shiki 主题，默认 github-dark */
+    theme?: string
+    /** 默认回退主题（当指定主题加载失败时使用），默认 github-dark */
+    fallbackTheme?: string
+    /** 是否禁用代码高亮 */
+    disableHighlight?: boolean
+  }
+
+  let {
+    node,
+    theme = 'github-dark',
+    fallbackTheme = 'github-dark',
+    disableHighlight = false
+  }: Props = $props()
+
+  // 状态
+  let copied = $state(false)
+  let highlightedHtml = $state('')
+
+  // 使用 Shiki 单例管理器
+  const shiki = useShiki(() => theme)
+
+  // 使用 i18n
+  const { t } = useLocale()
+
+  // 计算属性
+  const language = $derived(node.lang || 'text')
+  const code = $derived(node.value)
+
+  /**
+   * 动态加载 shiki 并高亮
+   */
+  async function doHighlight() {
+    if (!code || disableHighlight) {
+      highlightedHtml = ''
+      return
+    }
+
+    try {
+      const html = await shiki.highlight(code, language, fallbackTheme)
+      highlightedHtml = html
+    } catch (e) {
+      highlightedHtml = ''
+    }
+  }
+
+  let copyTimeoutId: ReturnType<typeof setTimeout> | null = null
+
+  /**
+   * 复制代码
+   */
+  async function copyCode() {
+    if (!isClipboardAvailable()) return
+
+    try {
+      await navigator.clipboard.writeText(code)
+      copied = true
+
+      if (copyTimeoutId) clearTimeout(copyTimeoutId)
+      copyTimeoutId = setTimeout(() => { copied = false }, 2000)
+    } catch { /* 静默处理 */ }
+  }
+
+  onDestroy(() => {
+    if (copyTimeoutId) clearTimeout(copyTimeoutId)
+  })
+
+  // 监听代码、主题、语言变化并重新渲染
+  $effect(() => {
+    doHighlight()
+  })
+</script>
+
+<div class="incremark-code">
+  <div class="code-header">
+    <span class="language">{language}</span>
+    <button
+      class="code-btn"
+      onclick={copyCode}
+      type="button"
+      aria-label={copied ? t('code.copied') : t('code.copy')}
+      title={copied ? 'Copied!' : 'Copy'}
+    >
+      <SvgIcon svg={copied ? LucideCopyCheck : LucideCopy} />
+    </button>
+  </div>
+  <div class="code-content">
+    {#if shiki.isHighlighting && !highlightedHtml}
+      <div class="code-loading">
+        <pre><code>{code}</code></pre>
+      </div>
+    {:else if highlightedHtml}
+      <div class="shiki-wrapper">
+        {@html highlightedHtml}
+      </div>
+    {:else}
+      <pre class="code-fallback"><code>{code}</code></pre>
+    {/if}
+  </div>
+</div>

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

@@ -0,0 +1,18 @@
+import type { Code } from 'mdast';
+/**
+ * 组件 Props
+ */
+interface Props {
+    /** 代码节点 */
+    node: Code;
+    /** Shiki 主题，默认 github-dark */
+    theme?: string;
+    /** 默认回退主题（当指定主题加载失败时使用），默认 github-dark */
+    fallbackTheme?: string;
+    /** 是否禁用代码高亮 */
+    disableHighlight?: boolean;
+}
+declare const IncremarkCodeDefault: import("svelte").Component<Props, {}, "">;
+type IncremarkCodeDefault = ReturnType<typeof IncremarkCodeDefault>;
+export default IncremarkCodeDefault;
+//# sourceMappingURL=IncremarkCodeDefault.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IncremarkCodeDefault.svelte.d.ts","sourceRoot":"","sources":["../../src/components/IncremarkCodeDefault.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAS/B;;GAEG;AACH,UAAU,KAAK;IACb,WAAW;IACX,IAAI,EAAE,IAAI,CAAA;IACV,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,eAAe;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAoGH,QAAA,MAAM,oBAAoB,2CAAwC,CAAC;AACnE,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACpE,eAAe,oBAAoB,CAAC"}

package/dist/components/IncremarkCodeMermaid.svelte

@@ -0,0 +1,148 @@
+<script lang="ts">
+  import type { Code } from 'mdast'
+  import { onDestroy } from 'svelte'
+  import { GravityMermaid, LucideCode, LucideEye, LucideCopy, LucideCopyCheck } from '@incremark/icons'
+  import { isClipboardAvailable } from '@incremark/shared'
+  import SvgIcon from './SvgIcon.svelte'
+  import { useLocale } from '../stores/useLocale.svelte'
+
+  /**
+   * 组件 Props
+   */
+  interface Props {
+    /** 代码节点 */
+    node: Code
+    /** Mermaid 渲染延迟（毫秒），用于流式输入时防抖 */
+    mermaidDelay?: number
+  }
+
+  let {
+    node,
+    mermaidDelay = 500
+  }: Props = $props()
+
+  // 状态
+  let copied = $state(false)
+  let mermaidSvg = $state('')
+  let mermaidLoading = $state(false)
+  let mermaidRef: any = null
+  let mermaidTimer: ReturnType<typeof setTimeout> | null = null
+  let mermaidViewMode = $state<'preview' | 'source'>('preview')
+
+  // 计算属性
+  const code = $derived(node.value)
+
+  // 使用 i18n
+  const { t } = useLocale()
+
+  /**
+   * 切换 Mermaid 视图模式
+   */
+  function toggleMermaidView() {
+    mermaidViewMode = mermaidViewMode === 'preview' ? 'source' : 'preview'
+  }
+
+  /**
+   * 执行 Mermaid 渲染
+   */
+  async function doRenderMermaid() {
+    if (!code) return
+
+    try {
+      if (!mermaidRef) {
+        // @ts-ignore
+        const mermaidModule = await import('mermaid')
+        mermaidRef = mermaidModule.default
+        mermaidRef.initialize({
+          startOnLoad: false,
+          theme: 'dark',
+          securityLevel: 'loose',
+          suppressErrorRendering: true
+        })
+      }
+
+      const id = `mermaid-${Date.now()}-${Math.random().toString(36).slice(2)}`
+      const { svg } = await mermaidRef.render(id, code)
+      mermaidSvg = svg
+    } catch (e: any) {
+      mermaidSvg = ''
+    } finally {
+      mermaidLoading = false
+    }
+  }
+
+  let copyTimeoutId: ReturnType<typeof setTimeout> | null = null
+
+  /**
+   * 复制代码
+   */
+  async function copyCode() {
+    if (!isClipboardAvailable()) return
+
+    try {
+      await navigator.clipboard.writeText(code)
+      copied = true
+
+      if (copyTimeoutId) clearTimeout(copyTimeoutId)
+      copyTimeoutId = setTimeout(() => { copied = false }, 2000)
+    } catch { /* 静默处理 */ }
+  }
+
+  // 监听代码变化并重新渲染
+  $effect(() => {
+    // Mermaid 防抖逻辑
+    if (mermaidTimer) clearTimeout(mermaidTimer)
+    mermaidLoading = true
+    mermaidTimer = setTimeout(doRenderMermaid, mermaidDelay)
+
+    // 返回清理函数
+    return () => {
+      if (mermaidTimer) clearTimeout(mermaidTimer)
+    }
+  })
+
+  onDestroy(() => {
+    if (copyTimeoutId) clearTimeout(copyTimeoutId)
+  })
+</script>
+
+<div class="incremark-mermaid">
+  <div class="mermaid-header">
+    <span class="language">
+      <SvgIcon svg={GravityMermaid} class="language-icon" />
+      MERMAID
+    </span>
+    <div class="mermaid-actions">
+      <button
+        class="code-btn"
+        onclick={toggleMermaidView}
+        type="button"
+        disabled={!mermaidSvg}
+        aria-label={mermaidViewMode === 'preview' ? t('mermaid.viewSource') : t('mermaid.preview')}
+        title={mermaidViewMode === 'preview' ? 'View Source' : 'Preview'}
+      >
+        <SvgIcon svg={mermaidViewMode === 'preview' ? LucideCode : LucideEye} />
+      </button>
+      <button
+        class="code-btn"
+        onclick={copyCode}
+        type="button"
+        aria-label={copied ? t('mermaid.copied') : t('mermaid.copy')}
+        title={copied ? 'Copied!' : 'Copy'}
+      >
+        <SvgIcon svg={copied ? LucideCopyCheck : LucideCopy} />
+      </button>
+    </div>
+  </div>
+  <div class="mermaid-content">
+    {#if mermaidLoading && !mermaidSvg}
+      <pre class="mermaid-source-code">{code}</pre>
+    {:else if mermaidViewMode === 'source'}
+      <pre class="mermaid-source-code">{code}</pre>
+    {:else if mermaidSvg}
+      {@html mermaidSvg}
+    {:else}
+      <pre class="mermaid-source-code">{code}</pre>
+    {/if}
+  </div>
+</div>

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

@@ -0,0 +1,14 @@
+import type { Code } from 'mdast';
+/**
+ * 组件 Props
+ */
+interface Props {
+    /** 代码节点 */
+    node: Code;
+    /** Mermaid 渲染延迟（毫秒），用于流式输入时防抖 */
+    mermaidDelay?: number;
+}
+declare const IncremarkCodeMermaid: import("svelte").Component<Props, {}, "">;
+type IncremarkCodeMermaid = ReturnType<typeof IncremarkCodeMermaid>;
+export default IncremarkCodeMermaid;
+//# sourceMappingURL=IncremarkCodeMermaid.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IncremarkCodeMermaid.svelte.d.ts","sourceRoot":"","sources":["../../src/components/IncremarkCodeMermaid.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAQ/B;;GAEG;AACH,UAAU,KAAK;IACb,WAAW;IACX,IAAI,EAAE,IAAI,CAAA;IACV,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAkIH,QAAA,MAAM,oBAAoB,2CAAwC,CAAC;AACnE,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACpE,eAAe,oBAAoB,CAAC"}