markstream-react 0.0.47 → 0.0.49

package/dist/types/types.d.ts

@@ -1,6 +1,8 @@
 import { default as React } from 'react';
 import { BaseNode, HtmlPolicy, MarkdownIt, ParsedNode, ParseOptions } from 'stream-markdown-parser';
-import { CodeBlockMonacoOptions, CodeBlockMonacoTheme, CodeBlockNodeProps, D2BlockNodeProps, InfographicBlockNodeProps, MermaidBlockNodeProps } from './types/component-props';
+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>;
 export interface NodeRendererProps {
     content?: string;
@@ -37,7 +39,20 @@ export interface NodeRendererProps {
     isDark?: boolean;
     customId?: string;
     indexKey?: number | string;
+    /** Show a blinking typewriter cursor while streamed content grows. Default: false */
     typewriter?: boolean;
+    /** Enable/disable non-code-node enter and streamed-text fade animations. Default: true */
+    fade?: boolean;
+    /**
+     * Enable built-in smooth pacing for streaming `content` updates.
+     * - `true`: force-enable smooth streaming (content mode only)
+     * - `false`: force-disable smooth streaming
+     * - `'auto'` (default): enable only when typewriter/incremental mode is active
+     * Applies when rendering from `content` (not `nodes`).
+     */
+    smoothStreaming?: boolean | 'auto';
+    /** Options forwarded to the built-in smooth streaming controller. Read once when the renderer is created. */
+    smoothStreamingOptions?: SmoothMarkdownStreamOptions;
     batchRendering?: boolean;
     initialRenderBatchSize?: number;
     renderBatchSize?: number;
@@ -48,7 +63,7 @@ export interface NodeRendererProps {
     maxLiveNodes?: number;
     liveNodeBuffer?: number;
     onCopy?: (code: string) => void;
-    onHandleArtifactClick?: (payload: any) => void;
+    onHandleArtifactClick?: (payload: CodeBlockPreviewPayload) => void;
     onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
     onMouseOver?: (event: React.MouseEvent<HTMLElement>) => void;
     onMouseOut?: (event: React.MouseEvent<HTMLElement>) => void;
@@ -58,9 +73,11 @@ export interface RenderContext {
     isDark?: boolean;
     indexKey?: string;
     typewriter?: boolean;
+    /** Enable/disable fade animations. Default: true */
+    fade?: boolean;
     textStreamState?: Map<string, string>;
     streamRenderVersion?: number;
-    customComponents?: Record<string, React.ComponentType<any>>;
+    customComponents?: CustomComponentMap;
     customHtmlTags?: readonly string[];
     htmlPolicy?: HtmlPolicy;
     codeBlockProps?: NodeRendererCodeBlockProps;
@@ -80,7 +97,7 @@ export interface RenderContext {
     };
     events: {
         onCopy?: (code: string) => void;
-        onHandleArtifactClick?: (payload: any) => void;
+        onHandleArtifactClick?: (payload: CodeBlockPreviewPayload) => void;
     };
 }
 export type RenderNodeFn = (node: ParsedNode, key: React.Key, ctx: RenderContext) => React.ReactNode;

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

@@ -3,7 +3,7 @@ import { CustomComponentDisplayMode, CustomComponentMap, MarkstreamCustomCompone
 export interface ResolvedCustomHtmlTag {
     tag: string;
     isWhitelisted: boolean;
-    component: MarkstreamCustomComponent<any> | null;
+    component: MarkstreamCustomComponent | null;
     display: CustomComponentDisplayMode | undefined;
 }
 export declare function resolveCustomHtmlTag(node: Pick<ParsedNode, 'type'> & {

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

@@ -1,9 +1,10 @@
-import { ComponentType, ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { HtmlPolicy, sanitizeHtmlAttrs as sanitizeHtmlAttrsBase, tokenizeHtml as tokenizeHtmlBase } from 'stream-markdown-parser';
+import { CustomComponentMap } from '../customComponents';
 export type { HtmlToken } from 'stream-markdown-parser';
-export declare function normalizeDomAttrs(attrs: Record<string, string>): Record<string, any>;
+export declare function normalizeDomAttrs(attrs: Record<string, string>): Record<string, unknown>;
 export declare const tokenizeHtml: typeof tokenizeHtmlBase;
 export declare const sanitizeHtmlAttrs: typeof sanitizeHtmlAttrsBase;
-export declare function isCustomHtmlComponent(tagName: string, customComponents: Record<string, ComponentType<any>>): boolean;
-export declare function hasCustomHtmlComponents(content: string, customComponents: Record<string, ComponentType<any>>): boolean;
-export declare function parseHtmlToReactNodes(content: string, customComponents: Record<string, ComponentType<any>>, htmlPolicy?: HtmlPolicy): ReactNode[] | null;
+export declare function isCustomHtmlComponent(tagName: string, customComponents: CustomComponentMap): boolean;
+export declare function hasCustomHtmlComponents(content: string, customComponents: CustomComponentMap): boolean;
+export declare function parseHtmlToReactNodes(content: string, customComponents: CustomComponentMap, htmlPolicy?: HtmlPolicy): ReactNode[] | null;

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

@@ -1,23 +1,2 @@
-export interface ResolveStreamingTextStateOptions {
-    nextContent: string;
-    previousContent: string;
-    typewriterEnabled: boolean;
-}
-export interface StreamingTextStateResult {
-    settledContent: string;
-    streamedDelta: string;
-    appended: boolean;
-}
-export interface StreamingRenderState {
-    settledContent: string;
-    streamedDelta: string;
-}
-export interface ResolveStreamingTextUpdateOptions {
-    nextContent: string;
-    persistedContent?: string;
-    currentState: StreamingRenderState;
-    typewriterEnabled: boolean;
-    streamRenderVersionChanged?: boolean;
-}
-export declare function resolveStreamingTextState({ nextContent, previousContent, typewriterEnabled, }: ResolveStreamingTextStateOptions): StreamingTextStateResult;
-export declare function resolveStreamingTextUpdate({ nextContent, persistedContent, currentState, typewriterEnabled, streamRenderVersionChanged, }: ResolveStreamingTextUpdateOptions): StreamingTextStateResult;
+export { resolveStreamingTextState, resolveStreamingTextUpdate } from 'markstream-core';
+export type { ResolveStreamingTextStateOptions, ResolveStreamingTextUpdateOptions, StreamingRenderState, StreamingTextStateResult } from 'markstream-core';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "markstream-react",
   "type": "module",
-  "version": "0.0.47",
+  "version": "0.0.49",
   "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",
@@ -116,7 +116,8 @@
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",
     "clsx": "^2.1.1",
-    "stream-markdown-parser": "0.0.92"
+    "markstream-core": "0.0.1",
+    "stream-markdown-parser": "0.0.95"
   },
   "devDependencies": {
     "@types/react": "^18.3.28",
@@ -133,12 +134,13 @@
   },
   "scripts": {
     "dev": "vite dev",
-    "build": "vite build --mode npm && vite build -c vite.config.tailwind.ts --mode npm && node ./scripts/copy-tailwind-css.mjs && node ../../scripts/generate-px-css.mjs && pnpm run build:dts && node ./scripts/ensure-next-client-directive.mjs",
+    "build": "pnpm --dir ../markstream-core build && vite build --mode npm && vite build -c vite.config.tailwind.ts --mode npm && node ./scripts/copy-tailwind-css.mjs && node ../../scripts/generate-px-css.mjs && pnpm run build:dts && node ./scripts/ensure-next-client-directive.mjs",
     "build:analyze": "ANALYZE=true pnpm build",
     "build:dts": "rollup -c ./scripts/rollup.dts.config.mjs && node ./scripts/clean-dts.cjs",
     "preview": "vite preview",
     "typecheck": "tsc --noEmit",
     "size:check": "node ../../scripts/check-package-size.mjs",
-    "release": "bumpp --commit --no-tag --no-push && pnpm publish --access public && node ../../scripts/tag-package.mjs --package-json package.json --push"
+    "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"
   }
 }