markstream-react 0.0.49 → 0.0.50

package/dist/types/components/CodeBlockNode/PreCodeNode.d.ts

@@ -1,2 +1,2 @@
 import { PreCodeNodeProps } from '../../types/component-props';
-export declare function PreCodeNode({ node }: PreCodeNodeProps): import("react/jsx-runtime").JSX.Element;
+export declare function PreCodeNode({ node, className, diffInline, showLineNumbers, style }: PreCodeNodeProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,5 @@
-export interface MarkdownCodeBlockNodeProps {
+import { ShikiCodeBlockProps } from '../../types/component-props';
+export interface MarkdownCodeBlockNodeProps extends ShikiCodeBlockProps {
     node: {
         type: 'code_block';
         language: string;
@@ -17,10 +18,6 @@ export interface MarkdownCodeBlockNodeProps {
     enableFontSizeControl?: boolean;
     minWidth?: string | number;
     maxWidth?: string | number;
-    themes?: string[];
-    showHeader?: boolean;
-    showCopyButton?: boolean;
-    showExpandButton?: boolean;
     showPreviewButton?: boolean;
     showCollapseButton?: boolean;
     showFontSizeButtons?: boolean;

package/dist/types/index.d.ts

@@ -58,7 +58,7 @@ export type { SmoothMarkdownStreamOptions, SmoothMarkdownStreamSnapshot, } from
 export * from './i18n/useSafeI18n';
 export * from './renderers/renderNode';
 export type { NodeRendererCodeBlockProps, NodeRendererProps } from './types';
-export type { CodeBlockDiffAppearance, CodeBlockDiffHideUnchangedRegions, CodeBlockDiffHideUnchangedRegionsOptions, CodeBlockDiffHunkActionContext, CodeBlockDiffHunkActionKind, CodeBlockDiffHunkSide, CodeBlockDiffLineStyle, CodeBlockDiffUnchangedRegionStyle, CodeBlockMonacoLanguage, CodeBlockMonacoOptions, CodeBlockMonacoTheme, CodeBlockMonacoThemeObject, CodeBlockNodeProps, CodeBlockPreviewPayload, D2BlockNodeProps, ImageNodeProps, InfographicBlockNodeProps, LinkNodeProps, MathBlockNodeProps, MathInlineNodeProps, MermaidBlockEvent, MermaidBlockNodeProps, PreCodeNodeProps, } from './types/component-props';
+export type { CodeBlockDiffAppearance, CodeBlockDiffHideUnchangedRegions, CodeBlockDiffHideUnchangedRegionsOptions, CodeBlockDiffHunkActionContext, CodeBlockDiffHunkActionKind, CodeBlockDiffHunkSide, CodeBlockDiffLineStyle, CodeBlockDiffUnchangedRegionStyle, CodeBlockMonacoLanguage, CodeBlockMonacoOptions, CodeBlockMonacoTheme, CodeBlockMonacoThemeObject, CodeBlockNodeProps, CodeBlockPreviewPayload, D2BlockNodeProps, ImageNodeProps, InfographicBlockNodeProps, LinkNodeProps, MathBlockNodeProps, MathInlineNodeProps, MermaidBlockEvent, MermaidBlockNodeProps, PreCodeNodeProps, ShikiCodeBlockProps, } from './types/component-props';
 export type { NodeComponentProps } from './types/node-component';
 export * from './utils/languageIcon';
 export * from './workers/katexWorkerClient';

package/dist/types/renderers/codeBlockExtraProps.d.ts

@@ -0,0 +1,4 @@
+export interface CodeBlockExtraPropsOptions {
+    omit?: readonly string[];
+}
+export declare function getCodeBlockExtraProps(source: unknown, options?: CodeBlockExtraPropsOptions): Record<string, unknown>;

package/dist/types/types/component-props.d.ts

@@ -1,3 +1,4 @@
+import { CSSProperties } from 'react';
 import { CodeBlockNode } from 'stream-markdown-parser';
 export interface CodeBlockMonacoThemeObject {
     name: string;
@@ -9,6 +10,19 @@ export interface CodeBlockMonacoThemeObject {
 }
 export type CodeBlockMonacoTheme = string | CodeBlockMonacoThemeObject;
 export type CodeBlockMonacoLanguage = string | ((...args: unknown[]) => unknown);
+export interface CommonCodeBlockProps {
+    showHeader?: boolean;
+    showCopyButton?: boolean;
+    showExpandButton?: boolean;
+}
+export interface ShikiCodeBlockProps extends CommonCodeBlockProps {
+    themes?: readonly string[];
+    /**
+     * Shiki language preload request forwarded to stream-markdown's registerHighlight().
+     * This is not a rendering allow-list; already available Shiki languages may still highlight.
+     */
+    langs?: readonly string[];
+}
 export interface CodeBlockDiffHideUnchangedRegionsOptions {
     enabled?: boolean;
     contextLineCount?: number;
@@ -64,7 +78,7 @@ export interface CodeBlockMonacoOptions {
     scrollbar?: Record<string, unknown>;
     [key: string]: unknown;
 }
-export interface CodeBlockNodeProps {
+export interface CodeBlockNodeProps extends CommonCodeBlockProps {
     node: CodeBlockNode;
     isDark?: boolean;
     loading?: boolean;
@@ -77,9 +91,6 @@ export interface CodeBlockNodeProps {
     minWidth?: string | number;
     maxWidth?: string | number;
     themes?: CodeBlockMonacoTheme[];
-    showHeader?: boolean;
-    showCopyButton?: boolean;
-    showExpandButton?: boolean;
     showPreviewButton?: boolean;
     showCollapseButton?: boolean;
     showFontSizeButtons?: boolean;
@@ -128,6 +139,10 @@ export interface LinkNodeProps {
 }
 export interface PreCodeNodeProps {
     node: CodeBlockNode;
+    className?: string;
+    style?: CSSProperties;
+    showLineNumbers?: boolean;
+    diffInline?: boolean;
 }
 export interface MermaidBlockNodeProps {
     node: CodeBlockNode;
@@ -153,6 +168,7 @@ export interface MermaidBlockNodeProps {
     showZoomControls?: boolean;
     enableWheelZoom?: boolean;
     isStrict?: boolean;
+    enableMermaidInteractions?: boolean;
     showTooltips?: boolean;
     onRenderError?: (error: unknown, code: string, container: HTMLElement) => boolean | void;
 }

package/dist/types/types.d.ts

@@ -2,8 +2,11 @@ import { default as React } from 'react';
 import { BaseNode, HtmlPolicy, MarkdownIt, ParsedNode, ParseOptions } from 'stream-markdown-parser';
 import { CustomComponentMap } from './customComponents';
 import { SmoothMarkdownStreamOptions } from './hooks/useSmoothMarkdownStream';
-import { CodeBlockMonacoOptions, CodeBlockMonacoTheme, CodeBlockNodeProps, CodeBlockPreviewPayload, D2BlockNodeProps, InfographicBlockNodeProps, MermaidBlockNodeProps } from './types/component-props';
-export type NodeRendererCodeBlockProps = Partial<Omit<CodeBlockNodeProps, 'node'>> & Record<string, unknown>;
+import { CodeBlockMonacoOptions, CodeBlockMonacoTheme, CodeBlockNodeProps, CodeBlockPreviewPayload, D2BlockNodeProps, InfographicBlockNodeProps, MermaidBlockNodeProps, ShikiCodeBlockProps } from './types/component-props';
+type NodeRendererCodeBlockThemes = CodeBlockNodeProps['themes'] | ShikiCodeBlockProps['themes'];
+export type NodeRendererCodeBlockProps = Partial<Omit<CodeBlockNodeProps, 'node' | 'themes'>> & Partial<Omit<ShikiCodeBlockProps, 'themes'>> & {
+    themes?: NodeRendererCodeBlockThemes;
+} & Record<string, unknown>;
 export interface NodeRendererProps {
     content?: string;
     nodes?: readonly BaseNode[] | null;
@@ -35,7 +38,19 @@ export interface NodeRendererProps {
     d2Props?: Partial<Omit<D2BlockNodeProps, 'node' | 'loading' | 'isDark'>>;
     infographicProps?: Partial<Omit<InfographicBlockNodeProps, 'node' | 'loading' | 'isDark'>>;
     showTooltips?: boolean;
+    /**
+     * Theme names or theme objects preloaded for Monaco-backed code blocks.
+     * When Shiki code blocks are used, only string theme names are forwarded to
+     * MarkdownCodeBlockNode / stream-markdown; theme objects are ignored.
+     */
     themes?: CodeBlockMonacoTheme[];
+    /**
+     * Shiki language preload list forwarded to MarkdownCodeBlockNode.
+     *
+     * The default React code block renderer is Monaco-backed. This prop is used
+     * when a custom `code_block` or language renderer uses MarkdownCodeBlockNode.
+     */
+    langs?: readonly string[];
     isDark?: boolean;
     customId?: string;
     indexKey?: number | string;
@@ -94,6 +109,7 @@ export interface RenderContext {
         monacoOptions?: CodeBlockMonacoOptions;
         minWidth?: string | number;
         maxWidth?: string | number;
+        langs?: readonly string[];
     };
     events: {
         onCopy?: (code: string) => void;
@@ -101,3 +117,4 @@ export interface RenderContext {
     };
 }
 export type RenderNodeFn = (node: ParsedNode, key: React.Key, ctx: RenderContext) => React.ReactNode;
+export {};

package/dist/types/utils/devEnv.d.ts

@@ -0,0 +1 @@
+export declare function isDevEnvironment(): boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "markstream-react",
   "type": "module",
-  "version": "0.0.49",
+  "version": "0.0.50",
   "description": "React Markdown renderer optimized for large documents with progressive Mermaid rendering, streaming diff code blocks, and fast real-time preview. Built on stream-markdown AST for consistent rendering across frameworks. Perfect for documentation sites, AI chat interfaces, and content management systems.",
   "author": "Simon He",
   "license": "MIT",
@@ -90,8 +90,8 @@
     "mermaid": ">=11",
     "react": ">=18",
     "react-dom": ">=18",
-    "stream-markdown": ">=0.0.15",
-    "stream-monaco": ">=0.0.40"
+    "stream-markdown": ">=0.0.16",
+    "stream-monaco": ">=0.0.41"
   },
   "peerDependenciesMeta": {
     "@antv/infographic": {
@@ -116,20 +116,20 @@
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",
     "clsx": "^2.1.1",
-    "markstream-core": "0.0.1",
-    "stream-markdown-parser": "0.0.95"
+    "markstream-core": "1.0.3",
+    "stream-markdown-parser": "1.0.5"
   },
   "devDependencies": {
     "@types/react": "^18.3.28",
     "@types/react-dom": "^18.3.7",
     "@vitejs/plugin-react-swc": "^3.11.0",
-    "autoprefixer": "^10.4.27",
+    "autoprefixer": "^10.5.0",
     "rollup": "^3.30.0",
     "rollup-plugin-dts": "^5.3.1",
     "rollup-plugin-visualizer": "^6.0.11",
     "tailwindcss": "^3.4.19",
     "typescript": "^5.9.3",
-    "vite": "^7.3.1",
+    "vite": "^7.3.3",
     "vite-plugin-dts": "^4.5.4"
   },
   "scripts": {
@@ -141,6 +141,7 @@
     "typecheck": "tsc --noEmit",
     "size:check": "node ../../scripts/check-package-size.mjs",
     "check:core-published": "node ../../scripts/check-core-published.mjs --package-json package.json --core-package-json ../markstream-core/package.json",
-    "release": "pnpm run check:core-published && bumpp --commit --no-tag --no-push && pnpm publish --access public && node ../../scripts/tag-package.mjs --package-json package.json --push"
+    "check:workspace-deps-published": "node ../../scripts/check-workspace-deps-published.mjs --package-json package.json",
+    "release": "pnpm run check:workspace-deps-published && bumpp --commit --no-tag --no-push && pnpm publish --access public && node ../../scripts/tag-package.mjs --package-json package.json --push"
   }
 }