markstream-react 0.0.47 → 0.0.48

package/dist/tailwind.ts

@@ -1,3 +1,3 @@
-export const safeList = `use client react string cannot delete global call clearGlobalCustomComponents note is-dark data-index-key headerId admonition-header admonition-icon admonition-title admonition-toggle aria-expanded aria-controls collapsed admonition-content aria-labelledby stream-markdown-parser plaintext ?? data-ssr-fallback aria-busy normalizedLanguage block data-language no safe html-block-node boolean none mermaid infographic d2 language d2lang whitespace-pre-wrap text-node-center text image auto paragraph-node renderNodeProp ctx paragraph heading-node font-semibold classAttr object blockquote-node node.cite children list-item pl-1.5 my-2 value void list-node my-5 pl-[calc(13/8*1em)] list-decimal list-disc max-lg:my-[calc(4/3*1em)] max-lg:pl-[calc(14/9*1em)] list right text-right center text-center text-left table-node-wrapper text-sm table-node--loading border-[var(--table-border,#cbd5e1)] border-b p-[calc(4/7*1em)] rowIdx bodyRows.length table-node__loading status polite table-node__spinner sr-only dl definition-list indexKey mb-4 dt definition-term definition dd definition-desc ml-4 footnote-node flex mt-2 mb-2 leading-relaxed border-t border-[#eaecef] pt-2 flex-1 footnote-reference href footnote footnote-link footnote-anchor text-[#0366d6] hover:underline ↩︎ isOpen checkbox-node checkbox checkbox-input emoji-node strong-node emphasis-node emphasis strikethrough-node strikethrough mark highlight-node highlight insert-node insert subscript-node subscript superscript-node superscript thematic-break-node inline-code inline text-[85%] px-1 py-0.5 rounded font-mono bg-[hsl(var(--secondary))] whitespace-normal break-words max-w-full number ease-in-out typeof infinite node.title link-loading inline-flex items-baseline gap-1.5 cssVars link-text-wrapper relative leading-[normal] link-text link-loading-indicator link-node aria-label noopener noreferrer image-node__img is-loaded eager lazy async code-block-node code-block markdown-code-block-node markdown-code-block mermaid-block-node d2-block-node infographic-block-node math-block overflow-x-auto min-h-[40px] node.content $$ math-inline-wrapper math-inline reference-node cursor-pointer bg-[hsl(var(--muted))] text-xs rounded-md px-1.5 mx-0.5 hover:bg-[hsl(var(--secondary))] data-reference-id html-block customComponents vmr-container unknown-node text-gray-500 italic node code_block html_block node.type html_inline text_special heading list_item definition_list footnote_reference footnote_anchor admonition hardbreak inline_code checkbox_input emoji thematic_break math_inline math_block reference vmr_container label_open label_close server-renderer markdown-renderer dark data-custom-id node-slot data-node-index data-node-type node-content window.requestIdleCallback [data-node-index] node-spacer virtualized typewriter-node node-placeholder performance [markstream-react][perf] theme name react-dom en utf-8 viewport content="width=device-width initial-scale=1 event.key keydown html-preview-frame__backdrop--dark html-preview-frame--dark html-preview-frame__header html-preview-frame__title html-preview-frame__dot html-preview-frame__label html-preview-frame__close--dark html-preview-frame__iframe allow-scripts allow-same-origin about:blank line-info diffUnchangedRegionStyle line-info-basic metadata legacy off never background night moon black dracula mocha frappe macchiato palenight ocean poimandres monokai laserwave tokyo slack-dark rose-pine github-dark material-theme one-dark catppuccin-mocha catppuccin-frappe catppuccin-macchiato light latte dawn lotus diff visible view.getModifiedEditor explicit on same helpers.cleanupEditor canonicalLanguage window.requestAnimationFrame single window.cancelAnimationFrame clientX top navigator.clipboard navigator.clipboard.writeText code-block-container my-4 rounded-lg border overflow-hidden shadow-sm border-gray-700/30 bg-gray-900 border-gray-200 bg-white is-rendering is-diff is-plain-text code-block-header justify-between items-center px-4 py-2.5 border-gray-400/5 space-x-2 icon-slot h-4 w-4 flex-shrink-0 font-medium truncate code-action-btn p-2 transition-colors hover:bg-[var(--vscode-editor-selectionBackground)] aria-pressed w-3 h-3 currentColor round m9 copied m14 evenodd code-block-body--collapsed code-block-body--expanded code-editor-layer code-height-placeholder hidden aria-hidden code-editor-fallback-surface code-fallback-plain m-0 code-loading-placeholder loading-skeleton skeleton-line short dependency is not install it to enable renderNode escape html-block-node__placeholder html-block-node__placeholder-bar w-4/5 w-2/3 setHostEl shouldRender useDynamic reactNodes smooth handleScroll image-node__placeholder image-node__spinner image-node__placeholder-text image… placeholder image-node__error failed load hard-break clsx text-node-stream-delta text-node-stream-delta--a text-node-stream-delta--b valueAttr xlink:href markstream-d2-root-svg instance.render instance missing render returned empty d2-block text-gray-100 text-gray-900 d2-block-header gap-x-2 gap-x-1 p-0.5 bg-gray-700 bg-gray-100 mode-btn px-2 py-1 !showSource is-active showSource d2-action-btn copying bodyRef d2-block-body bodyStyle !hasPreview d2-source py-4 d2-code d2-error d2-render d2-svg pb-3 vitesse-dark vitesse-light shiki shiki-fallback stream-markdown code-block-content rendererTargetRef code-block-render library text-red-500 p-4">Failed instanceof error.message error transform ease fullscreen touches text-gray-400 hover:bg-gray-700 hover:text-gray-200 text-gray-600 hover:bg-gray-200 hover:text-gray-700 source hasPreview preview pending bg-gray-800 bg-gray-50 px-2.5 bg-gray-600 text-gray-200 text-gray-700 m16 isCollapsed opacity-50 cursor-not-allowed m7 text-gray-300 baseCode absolute top-2 right-2 z-10 gap-2 backdrop-blur infographic-preview min-h-[360px] transition-all duration-100 inset-0 cursor-grab isDragging containerRef w-full justify-center min-h-full fixed z-50 bg-black/70 p-4 closeModal dialog h-full max-h-full shadow-lg top-6 right-6 !isDragging cursor-grabbing hr-node thematic-break in out zoom window.matchMedia ms-tooltip z-[9999] inline-block text-base py-2 px-3 shadow-md whitespace-nowrap pointer-events-none tooltip-element text-white border-gray-700 tooltip containerClass text-node pointermove pointerup pointercancel my-8 table-node colgroup table-node__resize-handle thinking htmlFor class className javascript typescript python ruby shell plain cpp markdown [mermaidWorkerClient] messageerror cleared worker inject via busy timed canParse findPrefix afterbegin viewBox loose strict gantt open-modal [data-mermaid-wrapper] mermaid-action-btn toggle-mode common.zoomIn common.zoomOut common.resetZoom transition-[height] duration-150 ease-out data-mermaid-wrapper mermaid-loading mermaid-spinner diagram… mermaid-block-header space-x-1 common.preview common.source common.export mermaid-error hasRenderedOnce mermaid-block modeContainerRef mermaid-modal-overlay mermaid-modal-panel mermaid-modal-header mermaid-modal-title mermaid-modal-close mermaid-modal-body modalContentRef mermaid-modal-content available default abort sequencediagram classdiagram kind statediagram erdiagram flowchart graph normalizedType process katex self_closing tag_open stream-monaco document role aria-describedby tag_close parse dynamic template html-inline-node html-inline-node--loading mathRef rendering math-rendering math-inline--hidden math-inline__loading math-inline__spinner [katexWorkerClient] init cache-hit timeout waiting slot °C globalThis.requestAnimationFrame globalThis.cancelAnimationFrame module did expected [markstream-react] existingEnv.getWorkerUrl`
+export const safeList = `use client react string cannot delete global call clearGlobalCustomComponents dependency is not install it to enable checkbox-node checkbox checkbox-input note is-dark data-index-key headerId admonition-header admonition-icon admonition-title admonition-toggle aria-expanded aria-controls collapsed admonition-content aria-labelledby stream-markdown-parser typeof window.requestIdleCallback [data-node-index] node-spacer dark virtualized data-custom-id code_block node-slot data-node-index data-node-type typewriter-node node-placeholder performance [markstream-react][perf] mermaid theme object name markdown-renderer boolean safe clsx href xlink:href markstream-d2-root-svg number window.requestAnimationFrame instance.render instance missing render returned empty top d2-block my-4 rounded-lg border overflow-hidden shadow-sm border-gray-700/30 bg-gray-900 text-gray-100 border-gray-200 bg-white text-gray-900 d2-block-header flex justify-between items-center px-4 py-2.5 border-b border-gray-400/5 gap-x-2 text-sm font-medium font-mono gap-x-1 rounded-md p-0.5 bg-gray-700 bg-gray-100 mode-btn px-2 py-1 text-xs rounded !showSource is-active showSource d2-action-btn p-2 transition-colors hover:bg-[var(--vscode-editor-selectionBackground)] copying w-3 h-3 none currentColor round aria-pressed m9 bodyRef d2-block-body bodyStyle !hasPreview d2-source py-4 d2-code d2-error mt-2 d2-render d2-svg pb-3 line-info diffUnchangedRegionStyle line-info-basic metadata legacy off never background auto night moon black dracula mocha frappe macchiato palenight ocean poimandres monokai laserwave tokyo slack-dark rose-pine github-dark material-theme one-dark catppuccin-mocha catppuccin-frappe catppuccin-macchiato light latte dawn lotus plaintext diff visible view.getModifiedEditor ?? explicit on same helpers.cleanupEditor canonicalLanguage single window.cancelAnimationFrame clientX navigator.clipboard navigator.clipboard.writeText code-block-container is-rendering is-diff is-plain-text code-block-header space-x-2 flex-1 icon-slot h-4 w-4 flex-shrink-0 truncate code-action-btn copied m14 evenodd code-block-body--collapsed code-block-body--expanded code-editor-layer code-height-placeholder hidden aria-hidden code-editor-fallback-surface code-fallback-plain m-0 aria-busy aria-label no code-loading-placeholder loading-skeleton skeleton-line short sr-only polite status emoji-node emphasis-node smooth footnote-reference handleScroll footnote-link cursor-pointer footnote-node leading-relaxed border-t border-[var(--footnote-border,#eaecef)] pt-2 insert-node mark highlight-node blockquote-node heading-node font-semibold inline-code inline text-[85%] px-1 py-0.5 bg-[hsl(var(--secondary))] whitespace-normal break-words max-w-full text-node-stream-delta text-node-stream-delta--a text-node-stream-delta--b dl definition-list indexKey mb-4 dt definition-term ctx renderNode definition dd definition-desc ml-4 hard-break footnote-anchor hover:underline ↩︎ react-dom library failed text-red-500 p-4">Failed instanceof error.message error keydown transform ease center fullscreen touches text-gray-400 hover:bg-gray-700 hover:text-gray-200 text-gray-600 hover:bg-gray-200 hover:text-gray-700 source hasPreview preview pending bg-gray-800 bg-gray-50 px-2.5 bg-gray-600 text-gray-200 text-gray-700 text-gray-500 m16 isCollapsed opacity-50 cursor-not-allowed m7 whitespace-pre-wrap text-gray-300 baseCode relative absolute top-2 right-2 z-10 gap-2 backdrop-blur infographic-preview min-h-[360px] transition-all duration-100 block inset-0 cursor-grab isDragging containerRef w-full text-center justify-center min-h-full fixed z-50 bg-black/70 p-4 closeModal dialog h-full max-h-full shadow-lg top-6 right-6 !isDragging cursor-grabbing list-item pl-1.5 my-2 valueAttr children is-loaded lazy eager async image image-node__placeholder image-node__spinner image-node__placeholder-text image… placeholder image-node__error load ease-in-out infinite node.title link-loading inline-flex items-baseline gap-1.5 link-text-wrapper leading-[normal] link-text text link-loading-indicator link-node noopener noreferrer html-block-node escape html-block html-block-node__placeholder html-block-node__placeholder-bar w-4/5 w-2/3 setHostEl shouldRender useDynamic reactNodes list-node my-5 pl-[calc(13/8*1em)] list-decimal list-disc max-lg:my-[calc(4/3*1em)] max-lg:pl-[calc(14/9*1em)] list vitesse-dark vitesse-light shiki shiki-fallback stream-markdown code-block-content rendererTargetRef code-block-render paragraph-node paragraph strong-node reference-node bg-[hsl(var(--muted))] px-1.5 mx-0.5 hover:bg-[hsl(var(--secondary))] event.key unknown-node italic node strikethrough-node subscript-node superscript-node in out zoom hr-node thematic-break containerClass vmr-container javascript typescript python ruby shell d2 plain cpp markdown right text-right text-left pointermove pointerup pointercancel table-node-wrapper my-8 table-node table-node--loading colgroup border-[var(--table-border,#cbd5e1)] p-[calc(4/7*1em)] table-node__resize-handle table-node__loading table-node__spinner window.matchMedia ms-tooltip z-[9999] inline-block text-base py-2 px-3 shadow-md whitespace-nowrap pointer-events-none tooltip-element text-white border-gray-700 tooltip text-node text-node-center afterbegin viewBox loose strict gantt open-modal [data-mermaid-wrapper] mermaid-action-btn toggle-mode common.zoomIn common.zoomOut common.resetZoom transition-[height] duration-150 ease-out data-mermaid-wrapper mermaid-loading mermaid-spinner diagram… mermaid-block-header space-x-1 common.preview common.source common.export mermaid-error hasRenderedOnce mermaid-block modeContainerRef mermaid-modal-overlay mermaid-modal-panel mermaid-modal-header mermaid-modal-title mermaid-modal-close mermaid-modal-body modalContentRef mermaid-modal-content available default abort timed [mermaidWorkerClient] messageerror cleared worker inject via busy canParse findPrefix infographic language d2lang html_block node.type html_inline text_special node.content heading list_item definition_list footnote footnote_reference footnote_anchor admonition hardbreak inline_code emphasis strikethrough highlight insert subscript superscript checkbox_input emoji thematic_break math_inline math_block reference vmr_container label_open label_close stream-monaco document data-language thinking htmlFor class className role aria-describedby self_closing tag_open tag_close parse dynamic template html-inline-node html-inline-node--loading [markstream-react] htmlPreviewSandbox contains both allow-scripts and this only fully trusted content served an isolated en utf-8 viewport content="width=device-width initial-scale=1 html-preview-frame__backdrop--dark html-preview-frame--dark html-preview-frame__header html-preview-frame__title html-preview-frame__dot html-preview-frame__label html-preview-frame__close--dark html-preview-frame__iframe no-referrer about:blank data-ssr-fallback normalizedLanguage renderNodeProp classAttr node.cite value void rowIdx bodyRows.length isOpen thematic-break-node cssVars image-node__img code-block-node code-block markdown-code-block-node markdown-code-block mermaid-block-node d2-block-node infographic-block-node math-block overflow-x-auto min-h-[40px] $$ math-inline-wrapper math-inline data-reference-id customComponents server-renderer node-content mathRef math-inline--hidden math-inline__loading math-inline__spinner rendering math-rendering normalizedType globalThis.requestAnimationFrame globalThis.cancelAnimationFrame sequencediagram classdiagram kind statediagram erdiagram flowchart graph module did expected [katexWorkerClient] init cache-hit timeout waiting slot existingEnv.getWorkerUrl °C process katex`
 module.exports = safeList;
 export default safeList;

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

@@ -2,6 +2,8 @@ import { default as React } from 'react';
 export interface HtmlPreviewFrameProps {
     code: string;
     isDark?: boolean;
+    htmlPreviewAllowScripts?: boolean;
+    htmlPreviewSandbox?: string;
     onClose?: () => void;
     title?: string;
 }

package/dist/types/components/D2BlockNode/d2.d.ts

@@ -1,6 +1,17 @@
-export type D2Loader = () => Promise<any> | any;
+export interface D2Instance {
+    D2?: D2Constructor;
+    compile?: (source: string, options?: Record<string, unknown>) => Promise<unknown> | unknown;
+    render?: (input: unknown, options?: Record<string, unknown>) => Promise<unknown> | unknown;
+}
+export interface D2Constructor {
+    new (): D2Instance;
+    D2?: D2Constructor;
+    compile?: D2Instance['compile'];
+}
+export type D2Module = D2Constructor | D2Instance;
+export type D2Loader = () => Promise<unknown> | unknown;
 export declare function setD2Loader(loader: D2Loader | null): void;
 export declare function enableD2(loader?: D2Loader): void;
 export declare function disableD2(): void;
 export declare function isD2Enabled(): boolean;
-export declare function getD2(): Promise<any>;
+export declare function getD2(): Promise<D2Module | null>;

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

@@ -1,6 +1,7 @@
 import { NodeComponentProps } from '../../types/node-component';
+import { DefinitionItemNode } from 'stream-markdown-parser';
 export declare function DefinitionListNode(props: NodeComponentProps<{
     type: 'definition_list';
-    items?: any[];
+    items?: DefinitionItemNode[];
 }>): import("react/jsx-runtime").JSX.Element;
 export default DefinitionListNode;

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

@@ -1,4 +1,5 @@
-import { HtmlPolicy } from 'stream-markdown-parser';
+import { HtmlPolicy, ParsedNode } from 'stream-markdown-parser';
+import { CustomComponentMap } from '../../customComponents';
 import { NodeComponentProps } from '../../types/node-component';
 import { default as React } from 'react';
 export declare function HtmlBlockNode(props: NodeComponentProps<{
@@ -7,10 +8,10 @@ export declare function HtmlBlockNode(props: NodeComponentProps<{
     raw?: string;
     tag?: string;
     attrs?: [string, string | null][] | null;
-    children?: any[];
+    children?: ParsedNode[];
     loading?: boolean;
 }> & {
-    customComponents?: Record<string, React.ComponentType<any>>;
+    customComponents?: CustomComponentMap;
     htmlPolicy?: HtmlPolicy;
     placeholder?: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,9 @@
 import { NodeComponentProps } from '../../types/node-component';
+import { ListItemNode as ParsedListItemNode } from 'stream-markdown-parser';
 export declare function ListNode(props: NodeComponentProps<{
     type: 'list';
     ordered?: boolean;
     start?: number;
-    items?: any[];
+    items?: ParsedListItemNode[];
 }>): import("react/jsx-runtime").JSX.Element;
 export default ListNode;

package/dist/types/components/MermaidBlockNode/mermaid.d.ts

@@ -1 +1,22 @@
-export declare function getMermaid(initConfig?: Record<string, any>): Promise<any>;
+export interface MermaidModule {
+    render: (id: string, source: string) => Promise<MermaidRenderResult> | MermaidRenderResult;
+    parse?: (source: string) => Promise<unknown> | unknown;
+    initialize?: (config?: Record<string, unknown>) => unknown;
+    mermaidAPI?: {
+        render?: MermaidModule['render'];
+        parse?: MermaidModule['parse'];
+        initialize?: MermaidModule['initialize'];
+    };
+}
+export type MermaidRenderResult = string | {
+    svg?: string;
+    bindFunctions?: (element: Element) => unknown;
+};
+interface MermaidInitConfig extends Record<string, unknown> {
+    securityLevel?: unknown;
+    flowchart?: {
+        htmlLabels?: unknown;
+    };
+}
+export declare function getMermaid(initConfig?: MermaidInitConfig): Promise<MermaidModule | null>;
+export {};

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

@@ -1,8 +1,9 @@
 import { NodeComponentProps } from '../../types/node-component';
+import { TableRowNode } from 'stream-markdown-parser';
 export declare function TableNode(props: NodeComponentProps<{
     type: 'table';
-    header?: any;
-    rows?: any[];
+    header?: TableRowNode;
+    rows?: TableRowNode[];
     loading?: boolean;
 }>): import("react/jsx-runtime").JSX.Element;
 export default TableNode;

package/dist/types/customComponents.d.ts

@@ -1,9 +1,9 @@
 import { ComponentType } from 'react';
 export type CustomComponentDisplayMode = 'inline' | 'block';
-export type MarkstreamCustomComponent<P = any> = ComponentType<P> & {
+export type MarkstreamCustomComponent<P = never> = ComponentType<P> & {
     markstreamDisplay?: CustomComponentDisplayMode;
 };
-export type CustomComponentMap = Record<string, MarkstreamCustomComponent<any>>;
+export type CustomComponentMap = Record<string, MarkstreamCustomComponent>;
 export declare function subscribeCustomComponents(listener: () => void): () => void;
 export declare function getCustomComponentsRevision(): number;
 export declare function setCustomComponents(id: string, mapping: CustomComponentMap): void;
@@ -11,7 +11,7 @@ export declare function setCustomComponents(mapping: CustomComponentMap): void;
 export declare function getCustomNodeComponents(customId?: string): CustomComponentMap;
 export declare function removeCustomComponents(id: string): void;
 export declare function clearGlobalCustomComponents(): void;
-export declare function getCustomComponentDisplay(component: ComponentType<any> | null | undefined): CustomComponentDisplayMode | undefined;
-export declare function withMarkstreamComponentDisplay<T extends ComponentType<any>>(component: T, display: CustomComponentDisplayMode): T & {
+export declare function getCustomComponentDisplay(component: ComponentType<never> | null | undefined): CustomComponentDisplayMode | undefined;
+export declare function withMarkstreamComponentDisplay<T extends ComponentType<never>>(component: T, display: CustomComponentDisplayMode): T & {
     markstreamDisplay: CustomComponentDisplayMode;
 };

package/dist/types/index.d.ts

@@ -56,7 +56,7 @@ export type { CustomComponentDisplayMode, MarkstreamCustomComponent, } from './c
 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, 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, } from './types/component-props';
 export type { NodeComponentProps } from './types/node-component';
 export * from './utils/languageIcon';
 export * from './workers/katexWorkerClient';

package/dist/types/next.d.ts

@@ -45,7 +45,7 @@ export declare const D2BlockNode: {
 export declare const DefinitionListNode: {
     (props: import('./types/node-component').NodeComponentProps<{
         type: "definition_list";
-        items?: any[];
+        items?: import('stream-markdown-parser').DefinitionItemNode[];
     }>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     displayName: string;
 };
@@ -109,17 +109,11 @@ export declare const HighlightNode: {
 export declare const HtmlBlockNode: {
     (props: import('./types/node-component').NodeComponentProps<{
         type: "html_block";
-        content: string;
-        raw?: string;
+        content?: string;
         tag?: string;
         attrs?: [string, string | null][] | null;
-        children?: any[];
-        loading?: boolean;
-    }> & {
-        customComponents?: Record<string, React.ComponentType<any>>;
-        htmlPolicy?: import('stream-markdown-parser').HtmlPolicy;
-        placeholder?: React.ReactNode;
-    }): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+        children?: import('stream-markdown-parser').ParsedNode[];
+    }>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     displayName: string;
 };
 export declare const HtmlInlineNode: {
@@ -175,7 +169,7 @@ export declare const ListNode: {
         type: "list";
         ordered?: boolean;
         start?: number;
-        items?: any[];
+        items?: import('stream-markdown-parser').ListItemNode[];
     }>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     displayName: string;
 };
@@ -253,8 +247,8 @@ export declare const SuperscriptNode: {
 export declare const TableNode: {
     (props: import('./types/node-component').NodeComponentProps<{
         type: "table";
-        header?: any;
-        rows?: any[];
+        header?: import('stream-markdown-parser').TableRowNode;
+        rows?: import('stream-markdown-parser').TableRowNode[];
         loading?: boolean;
     }>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     displayName: string;

package/dist/types/server-renderer/index.d.ts

@@ -1,4 +1,4 @@
-import { ParsedNode } from 'stream-markdown-parser';
+import { DefinitionItemNode as DefinitionItemNodeType, ListItemNode as ListItemNodeType, ParsedNode, TableRowNode as TableRowNodeType } from 'stream-markdown-parser';
 import { HtmlPreviewFrameProps } from '../components/CodeBlockNode/HtmlPreviewFrame';
 import { MarkdownCodeBlockNodeProps } from '../components/MarkdownCodeBlockNode/MarkdownCodeBlockNode';
 import { TooltipProps } from '../components/Tooltip/Tooltip';
@@ -35,17 +35,17 @@ export declare function ListNode(props: NodeComponentProps<{
     type: 'list';
     ordered?: boolean;
     start?: number;
-    items?: any[];
+    items?: ListItemNodeType[];
 }>): import("react/jsx-runtime").JSX.Element;
 export declare function TableNode(props: NodeComponentProps<{
     type: 'table';
-    header?: any;
-    rows?: any[];
+    header?: TableRowNodeType;
+    rows?: TableRowNodeType[];
     loading?: boolean;
 }>): import("react/jsx-runtime").JSX.Element;
 export declare function DefinitionListNode(props: NodeComponentProps<{
     type: 'definition_list';
-    items?: any[];
+    items?: DefinitionItemNodeType[];
 }>): import("react/jsx-runtime").JSX.Element;
 export declare function FootnoteNode(props: NodeComponentProps<{
     type: 'footnote';

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

@@ -8,7 +8,7 @@ export interface CodeBlockMonacoThemeObject {
     [key: string]: unknown;
 }
 export type CodeBlockMonacoTheme = string | CodeBlockMonacoThemeObject;
-export type CodeBlockMonacoLanguage = string | ((...args: any[]) => unknown);
+export type CodeBlockMonacoLanguage = string | ((...args: unknown[]) => unknown);
 export interface CodeBlockDiffHideUnchangedRegionsOptions {
     enabled?: boolean;
     contextLineCount?: number;
@@ -61,8 +61,8 @@ export interface CodeBlockMonacoOptions {
     diffHunkActionsOnHover?: boolean;
     diffHunkHoverHideDelayMs?: number;
     onDiffHunkAction?: (context: CodeBlockDiffHunkActionContext) => void | boolean | Promise<void | boolean>;
-    scrollbar?: Record<string, any>;
-    [key: string]: any;
+    scrollbar?: Record<string, unknown>;
+    [key: string]: unknown;
 }
 export interface CodeBlockNodeProps {
     node: CodeBlockNode;
@@ -84,6 +84,8 @@ export interface CodeBlockNodeProps {
     showCollapseButton?: boolean;
     showFontSizeButtons?: boolean;
     showTooltips?: boolean;
+    htmlPreviewAllowScripts?: boolean;
+    htmlPreviewSandbox?: string;
     customId?: string;
 }
 export interface ImageNodeProps {
@@ -154,7 +156,13 @@ export interface MermaidBlockNodeProps {
     showTooltips?: boolean;
     onRenderError?: (error: unknown, code: string, container: HTMLElement) => boolean | void;
 }
-export interface MermaidBlockEvent<TPayload = any> {
+export interface CodeBlockPreviewPayload {
+    node: CodeBlockNode;
+    artifactType: 'text/html' | 'image/svg+xml';
+    artifactTitle: string;
+    id: string;
+}
+export interface MermaidBlockEvent<TPayload = unknown> {
     payload?: TPayload;
     defaultPrevented: boolean;
     preventDefault: () => void;

package/dist/types/types.d.ts

@@ -1,6 +1,7 @@
 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 { CodeBlockPreviewPayload, CodeBlockMonacoOptions, CodeBlockMonacoTheme, CodeBlockNodeProps, D2BlockNodeProps, InfographicBlockNodeProps, MermaidBlockNodeProps } from './types/component-props';
 export type NodeRendererCodeBlockProps = Partial<Omit<CodeBlockNodeProps, 'node'>> & Record<string, unknown>;
 export interface NodeRendererProps {
     content?: string;
@@ -48,7 +49,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;
@@ -60,7 +61,7 @@ export interface RenderContext {
     typewriter?: boolean;
     textStreamState?: Map<string, string>;
     streamRenderVersion?: number;
-    customComponents?: Record<string, React.ComponentType<any>>;
+    customComponents?: CustomComponentMap;
     customHtmlTags?: readonly string[];
     htmlPolicy?: HtmlPolicy;
     codeBlockProps?: NodeRendererCodeBlockProps;
@@ -80,7 +81,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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "markstream-react",
   "type": "module",
-  "version": "0.0.47",
+  "version": "0.0.48",
   "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,7 @@
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",
     "clsx": "^2.1.1",
-    "stream-markdown-parser": "0.0.92"
+    "stream-markdown-parser": "0.0.93"
   },
   "devDependencies": {
     "@types/react": "^18.3.28",