@incremark/svelte 0.2.3

package/dist/components/IncremarkTable.svelte

@@ -0,0 +1,79 @@
+<!--
+  @file IncremarkTable.svelte - 表格组件
+  @description 渲染 Markdown 表格
+-->
+
+<script lang="ts">
+  import type { Table, TableCell, PhrasingContent } from 'mdast'
+  import IncremarkInline from './IncremarkInline.svelte'
+
+  /**
+   * 组件 Props
+   */
+  interface Props {
+    /** 表格节点 */
+    node: Table
+  }
+
+  let { node }: Props = $props()
+
+  /**
+   * 获取单元格内容
+   * 
+   * @param cell - 单元格节点
+   * @returns 行内内容数组
+   */
+  function getCellContent(cell: TableCell): PhrasingContent[] {
+    return cell.children as PhrasingContent[]
+  }
+
+  /**
+   * 获取单元格对齐方式
+   * 
+   * @param cellIndex - 单元格索引
+   * @returns 对齐方式样式对象
+   */
+  function getCellAlign(cellIndex: number): { textAlign: string } {
+    return {
+      textAlign: node.align?.[cellIndex] || 'left'
+    }
+  }
+
+  /**
+   * 获取表头行（第一行）
+   */
+  const headerRow = $derived(node.children[0])
+
+  /**
+   * 获取数据行（除第一行外的所有行）
+   */
+  const bodyRows = $derived(node.children.slice(1))
+</script>
+
+<div class="incremark-table-wrapper">
+  <table class="incremark-table">
+    <thead>
+      {#if headerRow}
+        <tr>
+          {#each headerRow.children as cell, cellIndex (cellIndex)}
+            <th style={getCellAlign(cellIndex)}>
+              <IncremarkInline nodes={getCellContent(cell)} />
+            </th>
+          {/each}
+        </tr>
+      {/if}
+    </thead>
+    <tbody>
+      {#each bodyRows as row, rowIndex (rowIndex)}
+        <tr>
+          {#each row.children as cell, cellIndex (cellIndex)}
+            <td style={getCellAlign(cellIndex)}>
+              <IncremarkInline nodes={getCellContent(cell)} />
+            </td>
+          {/each}
+        </tr>
+      {/each}
+    </tbody>
+  </table>
+</div>
+

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

@@ -0,0 +1,12 @@
+import type { Table } from 'mdast';
+/**
+ * 组件 Props
+ */
+interface Props {
+    /** 表格节点 */
+    node: Table;
+}
+declare const IncremarkTable: import("svelte").Component<Props, {}, "">;
+type IncremarkTable = ReturnType<typeof IncremarkTable>;
+export default IncremarkTable;
+//# sourceMappingURL=IncremarkTable.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IncremarkTable.svelte.d.ts","sourceRoot":"","sources":["../../src/components/IncremarkTable.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,KAAK,EAA8B,MAAM,OAAO,CAAA;AAI5D;;GAEG;AACH,UAAU,KAAK;IACb,WAAW;IACX,IAAI,EAAE,KAAK,CAAA;CACZ;AAyEH,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/components/IncremarkThematicBreak.svelte

@@ -0,0 +1,11 @@
+<!--
+  @file IncremarkThematicBreak.svelte - 分隔线组件
+  @description 渲染 Markdown 分隔线
+-->
+
+<script lang="ts">
+  // ThematicBreak 不需要 props
+</script>
+
+<hr class="incremark-hr" />
+

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

@@ -0,0 +1,19 @@
+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: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const IncremarkThematicBreak: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type IncremarkThematicBreak = InstanceType<typeof IncremarkThematicBreak>;
+export default IncremarkThematicBreak;
+//# sourceMappingURL=IncremarkThematicBreak.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IncremarkThematicBreak.svelte.d.ts","sourceRoot":"","sources":["../../src/components/IncremarkThematicBreak.svelte.ts"],"names":[],"mappings":"AAcA,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;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;IACtG,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,sBAAsB;;kBAA+E,CAAC;AAC1F,KAAK,sBAAsB,GAAG,YAAY,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAC5E,eAAe,sBAAsB,CAAC"}

package/dist/components/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @file Components Index - 组件导出
+ * @description 导出所有组件
+ */
+export { default as Incremark } from './Incremark.svelte';
+export { default as IncremarkParagraph } from './IncremarkParagraph.svelte';
+export { default as IncremarkInline } from './IncremarkInline.svelte';
+export { default as IncremarkHeading } from './IncremarkHeading.svelte';
+export { default as IncremarkCode } from './IncremarkCode.svelte';
+export { default as IncremarkList } from './IncremarkList.svelte';
+export { default as IncremarkTable } from './IncremarkTable.svelte';
+export { default as IncremarkBlockquote } from './IncremarkBlockquote.svelte';
+export { default as IncremarkThematicBreak } from './IncremarkThematicBreak.svelte';
+export { default as IncremarkMath } from './IncremarkMath.svelte';
+export { default as IncremarkHtmlElement } from './IncremarkHtmlElement.svelte';
+export { default as IncremarkFootnotes } from './IncremarkFootnotes.svelte';
+export { default as IncremarkDefault } from './IncremarkDefault.svelte';
+export { default as IncremarkRenderer } from './IncremarkRenderer.svelte';
+export { default as AutoScrollContainer } from './AutoScrollContainer.svelte';
+export type { ComponentMap, BlockWithStableId } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAC3E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAA;AACrE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AACvE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACnE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,8BAA8B,CAAA;AAC7E,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,iCAAiC,CAAA;AACnF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AAC/E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAC3E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AACvE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AACzE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,8BAA8B,CAAA;AAE7E,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/index.js

@@ -0,0 +1,19 @@
+/**
+ * @file Components Index - 组件导出
+ * @description 导出所有组件
+ */
+export { default as Incremark } from './Incremark.svelte';
+export { default as IncremarkParagraph } from './IncremarkParagraph.svelte';
+export { default as IncremarkInline } from './IncremarkInline.svelte';
+export { default as IncremarkHeading } from './IncremarkHeading.svelte';
+export { default as IncremarkCode } from './IncremarkCode.svelte';
+export { default as IncremarkList } from './IncremarkList.svelte';
+export { default as IncremarkTable } from './IncremarkTable.svelte';
+export { default as IncremarkBlockquote } from './IncremarkBlockquote.svelte';
+export { default as IncremarkThematicBreak } from './IncremarkThematicBreak.svelte';
+export { default as IncremarkMath } from './IncremarkMath.svelte';
+export { default as IncremarkHtmlElement } from './IncremarkHtmlElement.svelte';
+export { default as IncremarkFootnotes } from './IncremarkFootnotes.svelte';
+export { default as IncremarkDefault } from './IncremarkDefault.svelte';
+export { default as IncremarkRenderer } from './IncremarkRenderer.svelte';
+export { default as AutoScrollContainer } from './AutoScrollContainer.svelte';

package/dist/components/types.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @file Component Types - 组件类型定义
+ * @description 定义组件相关的类型
+ */
+import type { ParsedBlock } from '@incremark/core';
+/**
+ * 组件映射类型
+ * 使用 any 以支持不同类型的组件
+ */
+export type ComponentMap = Partial<Record<string, any>>;
+/**
+ * 带稳定 ID 的块类型
+ */
+export interface BlockWithStableId extends ParsedBlock {
+    stableId: string;
+    isLastPending?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAElD;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAA;AAEvD;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD,QAAQ,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB"}

package/dist/components/types.js

@@ -0,0 +1,5 @@
+/**
+ * @file Component Types - 组件类型定义
+ * @description 定义组件相关的类型
+ */
+export {};

package/dist/context/definitionsContext.d.ts

@@ -0,0 +1,64 @@
+/**
+ * @file Definitions Context - Svelte Context 实现
+ * @description 管理 definitions 和 footnotes 的共享状态，对应 Vue 版本的 provide/inject
+ */
+import { type Writable } from 'svelte/store';
+import type { Definition, FootnoteDefinition } from 'mdast';
+/**
+ * Definitions Context 值类型
+ */
+export interface DefinitionsContextValue {
+    /** Definitions 映射 */
+    definations: Writable<Record<string, Definition>>;
+    /** Footnote definitions 映射 */
+    footnoteDefinitions: Writable<Record<string, FootnoteDefinition>>;
+    /** Footnote 引用顺序 */
+    footnoteReferenceOrder: Writable<string[]>;
+}
+/**
+ * 设置 Definitions Context
+ *
+ * @description
+ * 在父组件中调用，为子组件提供 definitions context
+ *
+ * @returns 返回设置函数，用于更新 context 值
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { setDefinitionsContext } from '@incremark/svelte'
+ *
+ *   const { setDefinations, setFootnoteDefinitions, setFootnoteReferenceOrder } = setDefinitionsContext()
+ * </script>
+ * ```
+ */
+export declare function setDefinitionsContext(): {
+    setDefinations: (definitions: Record<string, Definition>) => void;
+    setFootnoteDefinitions: (definitions: Record<string, FootnoteDefinition>) => void;
+    setFootnoteReferenceOrder: (order: string[]) => void;
+    clearDefinations: () => void;
+    clearFootnoteDefinitions: () => void;
+    clearFootnoteReferenceOrder: () => void;
+    clearAllDefinations: () => void;
+};
+/**
+ * 获取 Definitions Context
+ *
+ * @description
+ * 在子组件中调用，获取父组件提供的 definitions context
+ *
+ * @returns Definitions context 值
+ *
+ * @throws 如果 context 不存在，抛出错误
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { getDefinitionsContext } from '@incremark/svelte'
+ *
+ *   const { definations, footnoteDefinitions, footnoteReferenceOrder } = getDefinitionsContext()
+ * </script>
+ * ```
+ */
+export declare function getDefinitionsContext(): DefinitionsContextValue;
+//# sourceMappingURL=definitionsContext.d.ts.map

package/dist/context/definitionsContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"definitionsContext.d.ts","sourceRoot":"","sources":["../../src/context/definitionsContext.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAA;AACtD,OAAO,KAAK,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAA;AAE3D;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,qBAAqB;IACrB,WAAW,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAA;IACjD,8BAA8B;IAC9B,mBAAmB,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC,CAAA;IACjE,oBAAoB;IACpB,sBAAsB,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;CAC3C;AAOD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,qBAAqB;kCAgBE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC;0CAOlB,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC;uCAOrC,MAAM,EAAE;;;;;EA2CnD;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,qBAAqB,IAAI,uBAAuB,CAQ/D"}

package/dist/context/definitionsContext.js

@@ -0,0 +1,117 @@
+/**
+ * @file Definitions Context - Svelte Context 实现
+ * @description 管理 definitions 和 footnotes 的共享状态，对应 Vue 版本的 provide/inject
+ */
+import { setContext, getContext } from 'svelte';
+import { writable } from 'svelte/store';
+/**
+ * Context key
+ */
+const DEFINITIONS_CONTEXT_KEY = Symbol('definitionsContext');
+/**
+ * 设置 Definitions Context
+ *
+ * @description
+ * 在父组件中调用，为子组件提供 definitions context
+ *
+ * @returns 返回设置函数，用于更新 context 值
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { setDefinitionsContext } from '@incremark/svelte'
+ *
+ *   const { setDefinations, setFootnoteDefinitions, setFootnoteReferenceOrder } = setDefinitionsContext()
+ * </script>
+ * ```
+ */
+export function setDefinitionsContext() {
+    const definations = writable({});
+    const footnoteDefinitions = writable({});
+    const footnoteReferenceOrder = writable([]);
+    const contextValue = {
+        definations,
+        footnoteDefinitions,
+        footnoteReferenceOrder
+    };
+    setContext(DEFINITIONS_CONTEXT_KEY, contextValue);
+    /**
+     * 设置 definitions
+     */
+    function setDefinations(definitions) {
+        definations.set(definitions);
+    }
+    /**
+     * 设置 footnote definitions
+     */
+    function setFootnoteDefinitions(definitions) {
+        footnoteDefinitions.set(definitions);
+    }
+    /**
+     * 设置 footnote 引用顺序
+     */
+    function setFootnoteReferenceOrder(order) {
+        footnoteReferenceOrder.set(order);
+    }
+    /**
+     * 清空 definitions
+     */
+    function clearDefinations() {
+        definations.set({});
+    }
+    /**
+     * 清空 footnote definitions
+     */
+    function clearFootnoteDefinitions() {
+        footnoteDefinitions.set({});
+    }
+    /**
+     * 清空 footnote 引用顺序
+     */
+    function clearFootnoteReferenceOrder() {
+        footnoteReferenceOrder.set([]);
+    }
+    /**
+     * 清空所有 definitions
+     */
+    function clearAllDefinations() {
+        clearDefinations();
+        clearFootnoteDefinitions();
+        clearFootnoteReferenceOrder();
+    }
+    return {
+        setDefinations,
+        setFootnoteDefinitions,
+        setFootnoteReferenceOrder,
+        clearDefinations,
+        clearFootnoteDefinitions,
+        clearFootnoteReferenceOrder,
+        clearAllDefinations
+    };
+}
+/**
+ * 获取 Definitions Context
+ *
+ * @description
+ * 在子组件中调用，获取父组件提供的 definitions context
+ *
+ * @returns Definitions context 值
+ *
+ * @throws 如果 context 不存在，抛出错误
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { getDefinitionsContext } from '@incremark/svelte'
+ *
+ *   const { definations, footnoteDefinitions, footnoteReferenceOrder } = getDefinitionsContext()
+ * </script>
+ * ```
+ */
+export function getDefinitionsContext() {
+    const context = getContext(DEFINITIONS_CONTEXT_KEY);
+    if (!context) {
+        throw new Error('DefinitionsContext not found. Make sure to call setDefinitionsContext() in a parent component.');
+    }
+    return context;
+}

package/dist/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @file @incremark/svelte 主入口文件
+ * @description Svelte 5 集成库的导出入口
+ */
+export { useIncremark, type UseIncremarkOptions, type UseIncremarkReturn, type TypewriterOptions, type TypewriterControls } from './stores/useIncremark';
+export { useDevTools, type UseDevToolsOptions } from './stores/useDevTools';
+export { useBlockTransformer, type UseBlockTransformerOptions, type UseBlockTransformerReturn } from './stores/useBlockTransformer';
+export { setDefinitionsContext, getDefinitionsContext, type DefinitionsContextValue } from './context/definitionsContext';
+export { Incremark, IncremarkParagraph, IncremarkInline, IncremarkHeading, IncremarkCode, IncremarkList, IncremarkTable, IncremarkBlockquote, IncremarkThematicBreak, IncremarkMath, IncremarkHtmlElement, IncremarkFootnotes, IncremarkDefault, IncremarkRenderer, type ComponentMap, type BlockWithStableId } from './components';
+export { default as AutoScrollContainer } from './components/AutoScrollContainer.svelte';
+export { default as ThemeProvider } from './ThemeProvider.svelte';
+export type { ParsedBlock, IncrementalUpdate, ParserOptions, BlockStatus, Root, RootContent, SourceBlock, DisplayBlock, TransformerPlugin, TransformerOptions, TransformerState, AnimationEffect } from '@incremark/core';
+export { BlockTransformer, createBlockTransformer, countChars, sliceAst, cloneNode, codeBlockPlugin, mermaidPlugin, imagePlugin, mathPlugin, thematicBreakPlugin, defaultPlugins, allPlugins, createPlugin } from '@incremark/core';
+export { type DesignTokens, defaultTheme, darkTheme, generateCSSVars, mergeTheme, applyTheme } from '@incremark/theme';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,YAAY,EAAE,KAAK,mBAAmB,EAAE,KAAK,kBAAkB,EAAE,KAAK,iBAAiB,EAAE,KAAK,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AACxJ,OAAO,EAAE,WAAW,EAAE,KAAK,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAC3E,OAAO,EACL,mBAAmB,EACnB,KAAK,0BAA0B,EAC/B,KAAK,yBAAyB,EAC/B,MAAM,8BAA8B,CAAA;AAGrC,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,KAAK,uBAAuB,EAAE,MAAM,8BAA8B,CAAA;AAGzH,OAAO,EACL,SAAS,EACT,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,cAAc,EACd,mBAAmB,EACnB,sBAAsB,EACtB,aAAa,EACb,oBAAoB,EACpB,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACvB,MAAM,cAAc,CAAA;AAGrB,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,yCAAyC,CAAA;AACxF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAGjE,YAAY,EACV,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,WAAW,EACX,IAAI,EACJ,WAAW,EAEX,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EAChB,MAAM,iBAAiB,CAAA;AAGxB,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,UAAU,EACV,QAAQ,EACR,SAAS,EACT,eAAe,EACf,aAAa,EACb,WAAW,EACX,UAAU,EACV,mBAAmB,EACnB,cAAc,EACd,UAAU,EACV,YAAY,EACb,MAAM,iBAAiB,CAAA;AAGxB,OAAO,EACL,KAAK,YAAY,EACjB,YAAY,EACZ,SAAS,EACT,eAAe,EACf,UAAU,EACV,UAAU,EACX,MAAM,kBAAkB,CAAA"}

package/dist/index.js

@@ -0,0 +1,19 @@
+/**
+ * @file @incremark/svelte 主入口文件
+ * @description Svelte 5 集成库的导出入口
+ */
+// Stores/Utilities
+export { useIncremark } from './stores/useIncremark';
+export { useDevTools } from './stores/useDevTools';
+export { useBlockTransformer } from './stores/useBlockTransformer';
+// Context
+export { setDefinitionsContext, getDefinitionsContext } from './context/definitionsContext';
+// Components
+export { Incremark, IncremarkParagraph, IncremarkInline, IncremarkHeading, IncremarkCode, IncremarkList, IncremarkTable, IncremarkBlockquote, IncremarkThematicBreak, IncremarkMath, IncremarkHtmlElement, IncremarkFootnotes, IncremarkDefault, IncremarkRenderer } from './components';
+// Additional Components
+export { default as AutoScrollContainer } from './components/AutoScrollContainer.svelte';
+export { default as ThemeProvider } from './ThemeProvider.svelte';
+// Re-export transformer utilities and plugins
+export { BlockTransformer, createBlockTransformer, countChars, sliceAst, cloneNode, codeBlockPlugin, mermaidPlugin, imagePlugin, mathPlugin, thematicBreakPlugin, defaultPlugins, allPlugins, createPlugin } from '@incremark/core';
+// Re-export theme utilities
+export { defaultTheme, darkTheme, generateCSSVars, mergeTheme, applyTheme } from '@incremark/theme';

package/dist/stores/useBlockTransformer.d.ts

@@ -0,0 +1,89 @@
+/**
+ * @file useBlockTransformer Store - 块转换器
+ * @description 用于控制 blocks 的逐步显示（打字机效果）
+ */
+import { type Readable } from 'svelte/store';
+import { BlockTransformer, type TransformerOptions, type DisplayBlock, type SourceBlock, type AnimationEffect } from '@incremark/core';
+/**
+ * useBlockTransformer 选项
+ */
+export interface UseBlockTransformerOptions extends Omit<TransformerOptions, 'onChange'> {
+}
+/**
+ * useBlockTransformer 返回值
+ */
+export interface UseBlockTransformerReturn<T = unknown> {
+    /** 用于渲染的 display blocks */
+    displayBlocks: Readable<DisplayBlock<T>[]>;
+    /** 是否正在处理中 */
+    isProcessing: Readable<boolean>;
+    /** 是否已暂停 */
+    isPaused: Readable<boolean>;
+    /** 当前动画效果 */
+    effect: Readable<AnimationEffect>;
+    /** 跳过所有动画 */
+    skip: () => void;
+    /** 重置状态 */
+    reset: () => void;
+    /** 暂停动画 */
+    pause: () => void;
+    /** 恢复动画 */
+    resume: () => void;
+    /** 动态更新配置 */
+    setOptions: (options: Partial<Pick<TransformerOptions, 'charsPerTick' | 'tickInterval' | 'effect' | 'pauseOnHidden'>>) => void;
+    /** transformer 实例（用于高级用法） */
+    transformer: BlockTransformer<T>;
+}
+/**
+ * Svelte 5 Store: Block Transformer
+ *
+ * @description
+ * 用于控制 blocks 的逐步显示（打字机效果）
+ * 作为解析器和渲染器之间的中间层
+ *
+ * 特性：
+ * - 使用 requestAnimationFrame 实现流畅动画
+ * - 支持随机步长 `charsPerTick: [1, 3]`
+ * - 支持动画效果 `effect: 'typing'`
+ * - 页面不可见时自动暂停
+ *
+ * @param sourceBlocks - 源 blocks store
+ * @param options - 转换器选项
+ * @returns 转换器状态和控制对象
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { useIncremark, useBlockTransformer, defaultPlugins } from '@incremark/svelte'
+ *   import { derived } from 'svelte/store'
+ *
+ *   const { completedBlocks, append, finalize } = useIncremark()
+ *
+ *   // 使用 completedBlocks 作为输入（ID 稳定）
+ *   const sourceBlocks = derived(completedBlocks, ($blocks) =>
+ *     $blocks.map(b => ({
+ *       id: b.id,
+ *       node: b.node,
+ *       status: b.status
+ *     }))
+ *   )
+ *
+ *   // 添加打字机效果
+ *   const { displayBlocks, isProcessing, skip, effect } = useBlockTransformer(sourceBlocks, {
+ *     charsPerTick: [1, 3],
+ *     tickInterval: 30,
+ *     effect: 'typing',
+ *     plugins: defaultPlugins
+ *   })
+ * </script>
+ *
+ * <template>
+ *   <Incremark blocks={$displayBlocks} class:typing={$effect === 'typing'} />
+ *   {#if $isProcessing}
+ *     <button on:click={skip}>跳过</button>
+ *   {/if}
+ * </template>
+ * ```
+ */
+export declare function useBlockTransformer<T = unknown>(sourceBlocks: Readable<SourceBlock<T>[]>, options?: UseBlockTransformerOptions): UseBlockTransformerReturn<T>;
+//# sourceMappingURL=useBlockTransformer.d.ts.map

package/dist/stores/useBlockTransformer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBlockTransformer.d.ts","sourceRoot":"","sources":["../../src/stores/useBlockTransformer.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAoC,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAA;AAC9E,OAAO,EACL,gBAAgB,EAEhB,KAAK,kBAAkB,EACvB,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,eAAe,EACrB,MAAM,iBAAiB,CAAA;AAExB;;GAEG;AACH,MAAM,WAAW,0BAA2B,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC;CAAG;AAE3F;;GAEG;AACH,MAAM,WAAW,yBAAyB,CAAC,CAAC,GAAG,OAAO;IACpD,2BAA2B;IAC3B,aAAa,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;IAC1C,cAAc;IACd,YAAY,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;IAC/B,YAAY;IACZ,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;IAC3B,aAAa;IACb,MAAM,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAA;IACjC,aAAa;IACb,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,WAAW;IACX,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,WAAW;IACX,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,WAAW;IACX,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,aAAa;IACb,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,kBAAkB,EAAE,cAAc,GAAG,cAAc,GAAG,QAAQ,GAAG,eAAe,CAAC,CAAC,KAAK,IAAI,CAAA;IAC9H,6BAA6B;IAC7B,WAAW,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAA;CACjC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,GAAG,OAAO,EAC7C,YAAY,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,EACxC,OAAO,GAAE,0BAA+B,GACvC,yBAAyB,CAAC,CAAC,CAAC,CAwD9B"}

package/dist/stores/useBlockTransformer.js

@@ -0,0 +1,110 @@
+/**
+ * @file useBlockTransformer Store - 块转换器
+ * @description 用于控制 blocks 的逐步显示（打字机效果）
+ */
+import { writable, derived } from 'svelte/store';
+import { createBlockTransformer } from '@incremark/core';
+/**
+ * Svelte 5 Store: Block Transformer
+ *
+ * @description
+ * 用于控制 blocks 的逐步显示（打字机效果）
+ * 作为解析器和渲染器之间的中间层
+ *
+ * 特性：
+ * - 使用 requestAnimationFrame 实现流畅动画
+ * - 支持随机步长 `charsPerTick: [1, 3]`
+ * - 支持动画效果 `effect: 'typing'`
+ * - 页面不可见时自动暂停
+ *
+ * @param sourceBlocks - 源 blocks store
+ * @param options - 转换器选项
+ * @returns 转换器状态和控制对象
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { useIncremark, useBlockTransformer, defaultPlugins } from '@incremark/svelte'
+ *   import { derived } from 'svelte/store'
+ *
+ *   const { completedBlocks, append, finalize } = useIncremark()
+ *
+ *   // 使用 completedBlocks 作为输入（ID 稳定）
+ *   const sourceBlocks = derived(completedBlocks, ($blocks) =>
+ *     $blocks.map(b => ({
+ *       id: b.id,
+ *       node: b.node,
+ *       status: b.status
+ *     }))
+ *   )
+ *
+ *   // 添加打字机效果
+ *   const { displayBlocks, isProcessing, skip, effect } = useBlockTransformer(sourceBlocks, {
+ *     charsPerTick: [1, 3],
+ *     tickInterval: 30,
+ *     effect: 'typing',
+ *     plugins: defaultPlugins
+ *   })
+ * </script>
+ *
+ * <template>
+ *   <Incremark blocks={$displayBlocks} class:typing={$effect === 'typing'} />
+ *   {#if $isProcessing}
+ *     <button on:click={skip}>跳过</button>
+ *   {/if}
+ * </template>
+ * ```
+ */
+export function useBlockTransformer(sourceBlocks, options = {}) {
+    const displayBlocks = writable([]);
+    const isProcessing = writable(false);
+    const isPaused = writable(false);
+    const effect = writable(options.effect ?? 'none');
+    const transformer = createBlockTransformer({
+        ...options,
+        onChange: (blocks) => {
+            displayBlocks.set(blocks);
+            isProcessing.set(transformer.isProcessing());
+            isPaused.set(transformer.isPausedState());
+        }
+    });
+    // 监听源 blocks 变化
+    sourceBlocks.subscribe((blocks) => {
+        // 推入新 blocks
+        transformer.push(blocks);
+        // 处理正在显示的 block 内容更新
+        displayBlocks.update((displayBlocksValue) => {
+            const currentDisplaying = displayBlocksValue.find((b) => !b.isDisplayComplete);
+            if (currentDisplaying) {
+                const updated = blocks.find((b) => b.id === currentDisplaying.id);
+                if (updated) {
+                    transformer.update(updated);
+                }
+            }
+            return displayBlocksValue;
+        });
+    });
+    return {
+        displayBlocks: derived(displayBlocks, ($blocks) => $blocks),
+        isProcessing: derived(isProcessing, ($processing) => $processing),
+        isPaused: derived(isPaused, ($paused) => $paused),
+        effect: derived(effect, ($effect) => $effect),
+        skip: () => transformer.skip(),
+        reset: () => transformer.reset(),
+        pause: () => {
+            transformer.pause();
+            isPaused.set(true);
+        },
+        resume: () => {
+            transformer.resume();
+            isPaused.set(false);
+        },
+        setOptions: (opts) => {
+            transformer.setOptions(opts);
+            if (opts.effect !== undefined) {
+                effect.set(opts.effect);
+            }
+        },
+        transformer
+    };
+}