@incremark/svelte 0.3.4 → 0.3.6

package/dist/ThemeProvider.svelte

@@ -7,12 +7,13 @@
   import type { DesignTokens } from '@incremark/theme'
   import { applyTheme } from '@incremark/theme'
   import { isBrowser } from '@incremark/shared'
+  import { setThemeContext } from './context/themeContext.svelte.ts'
 
   /**
    * 组件 Props
    */
   interface Props {
-    /** 
+    /**
      * 主题配置，可以是：
      * - 字符串：'default' | 'dark'
      * - 完整主题对象：DesignTokens
@@ -34,6 +35,11 @@
   // 容器引用
   let containerRef: HTMLElement | null = null
 
+  // 使用 $effect 追踪 theme prop 的变化并更新 context
+  $effect(() => {
+    setThemeContext(theme)
+  })
+
   // 监听主题变化
   // 在 Svelte 5 中，$effect 会自动追踪在 effect 内部访问的响应式值
   // 直接访问 theme prop 和 containerRef，确保都被追踪

package/dist/ThemeProvider.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.svelte.d.ts","sourceRoot":"","sources":["../src/ThemeProvider.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAKlD;;GAEG;AACH,UAAU,KAAK;IACb;;;;;OAKG;IACH,KAAK,EAAE,SAAS,GAAG,MAAM,GAAG,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,CAAA;IAChE,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU;IACV,QAAQ,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAA;CACpC;AAwCH,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ThemeProvider.svelte.d.ts","sourceRoot":"","sources":["../src/ThemeProvider.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAMlD;;GAEG;AACH,UAAU,KAAK;IACb;;;;;OAKG;IACH,KAAK,EAAE,SAAS,GAAG,MAAM,GAAG,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,CAAA;IAChE,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU;IACV,QAAQ,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAA;CACpC;AA8CH,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/context/themeContext.svelte.d.ts

@@ -0,0 +1,71 @@
+/**
+ * @file Theme Context - Svelte Context 实现
+ * @description 管理主题的共享状态，使用 Svelte 5 runes 语法
+ */
+import type { DesignTokens } from '@incremark/theme';
+/**
+ * 主题值类型
+ */
+export type ThemeValue = 'default' | 'dark' | DesignTokens | Partial<DesignTokens>;
+/**
+ * 设置 Theme Context
+ *
+ * @description
+ * 在父组件中调用，为子组件提供 theme context
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { setThemeContext } from '@incremark/svelte'
+ *
+ *   let { theme = 'default' } = $props()
+ *   setThemeContext(theme)
+ * </script>
+ * ```
+ */
+export declare function setThemeContext(theme: ThemeValue): void;
+/**
+ * 获取 Theme Context
+ *
+ * @description
+ * 在子组件中调用，获取父组件提供的 theme context
+ *
+ * @returns 主题值
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { getThemeContext } from '@incremark/svelte'
+ *
+ *   const theme = getThemeContext()
+ *   const isDark = $derived(typeof theme === 'string' ? theme === 'dark' : false)
+ * </script>
+ * ```
+ */
+export declare function getThemeContext(): ThemeValue;
+/**
+ * 使用 Theme Context Hook
+ *
+ * @description
+ * 便捷 hook，返回 theme 和 isDark 计算属性
+ *
+ * @returns 包含 theme 和 isDark 的对象
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { useThemeContext } from '@incremark/svelte'
+ *
+ *   const { theme, isDark } = useThemeContext()
+ * </script>
+ *
+ * <div class:dark={isDark}>
+ *   ...
+ * </div>
+ * ```
+ */
+export declare function useThemeContext(): {
+    readonly theme: ThemeValue;
+    readonly isDark: boolean;
+};
+//# sourceMappingURL=themeContext.svelte.d.ts.map

package/dist/context/themeContext.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeContext.svelte.d.ts","sourceRoot":"","sources":["../../src/context/themeContext.svelte.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAEpD;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,CAAA;AAOlF;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAEvD;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,eAAe,IAAI,UAAU,CAQ5C;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,eAAe;oBAEd,UAAU;qBAGT,OAAO;EAKxB"}

package/dist/context/themeContext.svelte.js

@@ -0,0 +1,85 @@
+/**
+ * @file Theme Context - Svelte Context 实现
+ * @description 管理主题的共享状态，使用 Svelte 5 runes 语法
+ */
+import { setContext, getContext } from 'svelte';
+/**
+ * Context key
+ */
+const THEME_CONTEXT_KEY = Symbol('themeContext');
+/**
+ * 设置 Theme Context
+ *
+ * @description
+ * 在父组件中调用，为子组件提供 theme context
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { setThemeContext } from '@incremark/svelte'
+ *
+ *   let { theme = 'default' } = $props()
+ *   setThemeContext(theme)
+ * </script>
+ * ```
+ */
+export function setThemeContext(theme) {
+    setContext(THEME_CONTEXT_KEY, theme);
+}
+/**
+ * 获取 Theme Context
+ *
+ * @description
+ * 在子组件中调用，获取父组件提供的 theme context
+ *
+ * @returns 主题值
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { getThemeContext } from '@incremark/svelte'
+ *
+ *   const theme = getThemeContext()
+ *   const isDark = $derived(typeof theme === 'string' ? theme === 'dark' : false)
+ * </script>
+ * ```
+ */
+export function getThemeContext() {
+    const context = getContext(THEME_CONTEXT_KEY);
+    if (!context) {
+        return 'default'; // 返回默认值而不是抛出错误
+    }
+    return context;
+}
+/**
+ * 使用 Theme Context Hook
+ *
+ * @description
+ * 便捷 hook，返回 theme 和 isDark 计算属性
+ *
+ * @returns 包含 theme 和 isDark 的对象
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { useThemeContext } from '@incremark/svelte'
+ *
+ *   const { theme, isDark } = useThemeContext()
+ * </script>
+ *
+ * <div class:dark={isDark}>
+ *   ...
+ * </div>
+ * ```
+ */
+export function useThemeContext() {
+    return {
+        get theme() {
+            return getThemeContext();
+        },
+        get isDark() {
+            const currentTheme = getThemeContext();
+            return typeof currentTheme === 'string' ? currentTheme === 'dark' : false;
+        }
+    };
+}

package/dist/index.d.ts

@@ -6,6 +6,7 @@ export { useIncremark, type UseIncremarkOptions, type UseIncremarkReturn, type T
 export { useBlockTransformer, type UseBlockTransformerOptions, type UseBlockTransformerReturn } from './stores/useBlockTransformer.svelte.ts';
 export { useLocale, type UseLocaleReturn } from './stores/useLocale.svelte.ts';
 export { setDefinitionsContext, getDefinitionsContext, type DefinitionsContextValue } from './context/definitionsContext.svelte.ts';
+export { setThemeContext, getThemeContext, useThemeContext, type ThemeValue } from './context/themeContext.svelte.ts';
 export { Incremark, IncremarkContent, IncremarkParagraph, IncremarkInline, IncremarkHeading, IncremarkCode, IncremarkList, IncremarkTable, IncremarkBlockquote, IncremarkThematicBreak, IncremarkMath, IncremarkHtmlElement, IncremarkFootnotes, IncremarkDefault, IncremarkRenderer, type ComponentMap, type RenderableBlock, type IncremarkContentProps, type CodeBlockConfig } from './components';
 export { default as AutoScrollContainer } from './components/AutoScrollContainer.svelte';
 export { default as ThemeProvider } from './ThemeProvider.svelte';

package/dist/index.d.ts.map

@@ -1 +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,iCAAiC,CAAA;AAClK,OAAO,EACL,mBAAmB,EACnB,KAAK,0BAA0B,EAC/B,KAAK,yBAAyB,EAC/B,MAAM,wCAAwC,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAG9E,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,KAAK,uBAAuB,EAAE,MAAM,wCAAwC,CAAA;AAGnI,OAAO,EACL,SAAS,EACT,gBAAgB,EAChB,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,eAAe,EACpB,KAAK,qBAAqB,EAC1B,KAAK,eAAe,EACrB,MAAM,cAAc,CAAA;AAGrB,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,yCAAyC,CAAA;AACxF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oCAAoC,CAAA;AAG9E,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,YAAY,EACV,IAAI,IAAI,SAAS,EACjB,MAAM,EAEN,OAAO,EACP,SAAS,EACT,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,SAAS,EACT,aAAa,EAEb,IAAI,EACJ,eAAe,EACf,UAAU,EACV,IAAI,EACJ,aAAa,EACb,KAAK,EACL,cAAc,EAEd,IAAI,EAEJ,UAAU,EACV,kBAAkB,EACnB,MAAM,OAAO,CAAA;AAGd,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;AAGzB,OAAO,EAAE,EAAE,IAAI,QAAQ,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAExD,OAAO,EAAE,QAAQ,IAAI,EAAE,EAAE,UAAU,IAAI,IAAI,EAAE,CAAA;AAC7C,YAAY,EAAE,eAAe,EAAE,CAAA"}
+{"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,iCAAiC,CAAA;AAClK,OAAO,EACL,mBAAmB,EACnB,KAAK,0BAA0B,EAC/B,KAAK,yBAAyB,EAC/B,MAAM,wCAAwC,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAG9E,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,KAAK,uBAAuB,EAAE,MAAM,wCAAwC,CAAA;AACnI,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,KAAK,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAGrH,OAAO,EACL,SAAS,EACT,gBAAgB,EAChB,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,eAAe,EACpB,KAAK,qBAAqB,EAC1B,KAAK,eAAe,EACrB,MAAM,cAAc,CAAA;AAGrB,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,yCAAyC,CAAA;AACxF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oCAAoC,CAAA;AAG9E,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,YAAY,EACV,IAAI,IAAI,SAAS,EACjB,MAAM,EAEN,OAAO,EACP,SAAS,EACT,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,SAAS,EACT,aAAa,EAEb,IAAI,EACJ,eAAe,EACf,UAAU,EACV,IAAI,EACJ,aAAa,EACb,KAAK,EACL,cAAc,EAEd,IAAI,EAEJ,UAAU,EACV,kBAAkB,EACnB,MAAM,OAAO,CAAA;AAGd,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;AAGzB,OAAO,EAAE,EAAE,IAAI,QAAQ,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAExD,OAAO,EAAE,QAAQ,IAAI,EAAE,EAAE,UAAU,IAAI,IAAI,EAAE,CAAA;AAC7C,YAAY,EAAE,eAAe,EAAE,CAAA"}

package/dist/index.js

@@ -8,6 +8,7 @@ export { useBlockTransformer } from './stores/useBlockTransformer.svelte.ts';
 export { useLocale } from './stores/useLocale.svelte.ts';
 // Context
 export { setDefinitionsContext, getDefinitionsContext } from './context/definitionsContext.svelte.ts';
+export { setThemeContext, getThemeContext, useThemeContext } from './context/themeContext.svelte.ts';
 // Components
 export { Incremark, IncremarkContent, IncremarkParagraph, IncremarkInline, IncremarkHeading, IncremarkCode, IncremarkList, IncremarkTable, IncremarkBlockquote, IncremarkThematicBreak, IncremarkMath, IncremarkHtmlElement, IncremarkFootnotes, IncremarkDefault, IncremarkRenderer } from './components';
 // Additional Components

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@incremark/svelte",
-  "version": "0.3.4",
+  "version": "0.3.6",
   "description": "High-performance streaming markdown renderer for Svelte 5 ecosystem.",
   "type": "module",
   "svelte": "./dist/index.js",
@@ -26,14 +26,14 @@
     "@antfu/utils": "^9.3.0",
     "shiki": "^3.20.0",
     "shiki-stream": "^0.1.4",
-    "@incremark/devtools": "0.3.4",
-    "@incremark/shared": "0.3.4",
-    "@incremark/theme": "0.3.4",
-    "@incremark/core": "0.3.4",
-    "@incremark/icons": "0.3.4"
+    "@incremark/core": "0.3.6",
+    "@incremark/devtools": "0.3.6",
+    "@incremark/icons": "0.3.6",
+    "@incremark/shared": "0.3.6",
+    "@incremark/theme": "0.3.6"
   },
   "peerDependencies": {
-    "svelte": "^5.0.0",
+    "svelte": "^5.46.1",
     "mermaid": "^10.0.0 || ^11.0.0",
     "katex": "^0.16.0"
   },
@@ -49,9 +49,9 @@
     "@shikijs/core": "^3.21.0",
     "@types/mdast": "^4.0.0",
     "@sveltejs/package": "^2.4.0",
-    "@sveltejs/vite-plugin-svelte": "^4.0.0",
-    "svelte": "^5.0.0",
-    "typescript": "^5.3.0"
+    "@sveltejs/vite-plugin-svelte": "^6.2.4",
+    "svelte": "^5.46.1",
+    "typescript": "^5.9.3"
   },
   "keywords": [
     "markdown",