markstream-vue2 0.0.53 → 0.1.0-beta.2

package/dist/tailwind.ts

@@ -1,3 +1,3 @@
-export const safeList = `admonition is-dark admonition-header [_setup.iconMap[_setup.props.node.kind] admonition-icon admonition-title admonition-toggle show v-show !collapsed admonition-content component copy f9c1d6b9 auto [] checkbox-node checkbox-input checkbox checked stream-markdown-parser vue-demi code-pre-fallback container 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-plain-text ready pending code-block-header flex justify-between items-center code-header-main icon-slot h-4 w-4 flex-shrink-0 code-header-copy code-header-title header-right code-header-actions code-action-btn transition-colors mouseenter focus action-icon none currentColor round m9 click m14 evenodd !isCollapsed code-editor-layer codeEditor code-editor-container code-height-placeholder"] void !stream loading code-loading-placeholder loading-skeleton skeleton-line short sr-only polite status ce162b3f emoji-node de55dc97 footnote-node text-sm leading-relaxed border-t border-[var(--footnote-border,#eaecef)] pt-2 flex-1 footnote-anchor hover:underline cursor-pointer transition img-switch out-in image image-node__img h-auto transition-opacity duration-200 ease-in-out image-node__img--inline opacity-0 opacity-100 ?? lazy eager async placeholder placeholder-layer placeholder-layer--inline inline-flex justify-center gap-2 rounded-full border-2 border-solid border-current border-t-transparent animate-spin whitespace-nowrap text-gray-500 [_vm._v(_vm._s(_vm.node.raw))])]] error image-node__error image-node__error--inline px-4 py-2 bg-gray-100 text-red-500 hard-break dl definition-list entry.className entry.key entry.nodes b089ea12 footnote-reference footnote-link mark highlight-node child highlight heading-node heading ffb7cf51 d2-block-container text-gray-100 text-gray-900 d2-block-header py-2.5 border-b border-gray-400/5 gap-x-2 gap-x-1 rounded-md p-0.5 bg-gray-700 mode-btn px-2 py-1 text-xs rounded is-active preview source d2-action-btn p-2 hover:bg-[var(--vscode-editor-selectionBackground)] w-3 h-3 bodyRef d2-block-body d2-source py-4 d2-code d2-error mt-2 d2-render d2-svg pb-3 font-medium font-mono fdf24c90 dynamic html-inline-node text innerHTML e6ed4c9f emphasis-node emphasis structured htmlRef html-block-node html-block-node__placeholder html-block-node__placeholder-bar w-4/5 w-2/3 node inline text-[85%] px-1 py-0.5 bg-[hsl(var(--secondary))] whitespace-normal break-words max-w-full before:content-[''] after:content-[''] segment.id segment.fading animationend is-rendering infographic-block-header bg-gray-800 bg-gray-50 [_vm.$slots["header-left"] [_vm._t("header-left")] my-0 truncate text-gray-400 text-gray-600 [_vm._t("header-center")] px-2.5 bg-gray-600 text-gray-200 text-gray-700 hover:text-gray-200 hover:text-gray-700 m16 [_vm._t("header-right")] opacity-50 cursor-not-allowed m7 p-4 whitespace-pre-wrap text-gray-300 relative absolute top-2 right-2 z-10 backdrop-blur hover:bg-gray-700 hover:bg-gray-200"] in m21 out zoom infographic-preview min-h-[360px] transition-all duration-100 block inset-0 cursor-grab infographicContainer w-full text-center min-h-full markstream-vue infographic-dialog fixed z-50 bg-black/70 dialog-panel h-full max-h-full shadow-lg top-6 right-6 modalContent insert-node insert ab1ec9bc list-item pl-1.5 my-2 list-node list-disc item index codeBlockContent code-block-content rendererTarget code-block-render code-fallback-plain stream containerEl math-block overflow-x-auto min-h-[40px] math-block__content math-block__fallback math-loading-overlay math-loading-spinner anchorEl link-node noopener noreferrer link-text link-loading items-baseline gap-1.5 link-text-wrapper leading-[normal] link-loading-indicator math-inline-wrapper math-inline math-inline--fallback math-inline__loading math-inline__spinner isLoading paragraph-node markstream-pre--line-numbers markstream-pre--diff-preview markstream-pre--diff-inline markstream-pre__diff-code no pane.key markstream-pre__diff-pane line.key markstream-pre__diff-line line.empty markstream-pre__diff-rail markstream-pre__diff-number markstream-pre__diff-content markstream-pre__diff-content-inner markstream-pre__line-numbers markstream-pre__line-numbers-text markstream-pre__code textContent mermaid-block-header space-x-2 space-x-1 modeContainerRef mermaidContainer transition-[height] duration-150 ease-out mermaidContent markstream-vue2 mermaid-dialog reference-node bg-[hsl(var(--muted))] px-1.5 mx-0.5 hover:bg-[hsl(var(--secondary))] mouseEnter mouseleave mouseLeave strikethrough-node strikethrough superscript-node superscript-child [_setup.nodeComponents[child.type] child.raw ef2512b4 strong-node custom-id af3ce037 subscript-node subscript-child text-node text-node-center hr-node tooltip visible z-[9999] inline-block text-base px-3 shadow-md pointer-events-none tooltip-element text-white border-gray-700 border"] table-node-wrapper tableRef my-8 table-node col border-[var(--table-border,#cbd5e1)] font-semibold p-[calc(4/7*1em)] right text-right cell.align center text-left cell.children table-node__resize-handle columns and pointerdown table-node-fade table-node__loading table-node__spinner vmr-container is common alias note previewCode touchstart object passive boolean preview-code plaintext monospace number line-info legacy off never background diff single [markstream-vue2] stream-monaco not blocks will use basic enhanced editor theme provided themes array to initialize typeof mtk1 diffs-container window.getComputedStyle pre[data-file] side-by-side div:first-child markstream-inline-fold-proxy aria-label codicon codicon-unfold event.key mousedown keydown up down hidden navigator.clipboard navigator.clipboard.writeText top post string name dark 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 explicit fontSize lineHeight paddingBottom paddingTop tabSize on same nextOptions.unsafeCSS resize smooth markdown-renderer legacy-nodes-renderer item.renderKey node-slot item.index item.node.type node-content item.node item.node.loading item.indexKey load primary failed fallback markstreamHtmlPolicy safe escape dt definition-term dd definition-desc href xlink:href markstream-d2-root-svg instance.render instance missing render returned empty window.requestAnimationFrame markstreamFade markstreamTextStreamState raw index-key inline-code-stream-delta--a inline-code-stream-delta--b openModal element found transform ease fullscreen library p-4">Failed instanceof error.message infographic-action-btn hover:bg-gray-200 $$ event.clientY pointermove mousemove infinite paragraph custom-html-tags html_block child.type html_inline markstream-core vitesse-dark vitesse-light lang darkBg display shiki shiki-fallback [MarkdownCodeBlockNode] dispose data-markstream-code-theme even stale stream-markdown stream-markdown.createShikiStreamRenderer available requires with ignoring using default language register configured retrying without overflow-y"] overflow-x"] code[start] hunk !options.preserveBlankKind context removed added markstream-pre__diff-pane--inline original markstream-pre__diff-pane--original modified markstream-pre__diff-pane--modified toggleMode strict loose mermaid configure abort timed error?.message gantt viewBox width height get [data-mermaid-wrapper] open-modal toggle-mode transitionend retry mermaid-action-btn markstreamStreamVersion text-node-stream-delta--a text-node-stream-delta--b pointerup pointercancel copy-code handleArtifactClick markstreamTypewriter legacy-renderer langs unknown node.type code_block infographic d2 d2lang list html-preview-frame__backdrop html-preview-frame html-preview-frame__header html-preview-frame__title html-preview-frame__dot html-preview-frame__label html-preview-frame__close html-preview-frame__iframe no-referrer srcdoc containerRef mouseout fade handle-artifact-click item.bindings node-spacer node-placeholder typewriterCursorRef typewriter-cursor unknown-node htmlPreviewSandbox contains both allow-scripts this only fully trusted content served an isolated en utf-8 viewport content="width=device-width initial-scale=1 e.key code-block-loading code-block-loading__header code-block-loading__icon code-block-loading__actions code-block-loading-pre rootRef portal-root minHeight mouseover show-tooltips markstreamSmoothStreaming markstreamShowTooltips globalThis.process globalThis.process?.env?.NODE_ENV test reverse scroll too-many-targets console viewportPriority virtualization this.isDark mermaid-preview-area peer dependencies are back preformatted enable rendering please install list_item definition_list footnote [data-node-index] math_block [data-node-type="code_block"] [data-node-type="admonition"] [data-node-type="table"] [data-node-type="math_block"] [data-node-type="html_block"] [data-node-type="image"]`
+export const safeList = `auto component [] copy admonition is-dark admonition-header [_setup.iconMap[_setup.props.node.kind] admonition-icon admonition-title admonition-toggle show v-show !collapsed admonition-content f9c1d6b9 checkbox-node checkbox-input checkbox checked stream-markdown-parser vue-demi code-pre-fallback container 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-plain-text ready pending code-block-header flex justify-between items-center code-header-main icon-slot h-4 w-4 flex-shrink-0 code-header-copy code-header-title header-right code-header-actions code-action-btn transition-colors mouseenter focus action-icon none currentColor round m9 click m14 evenodd !isCollapsed code-editor-layer codeEditor code-editor-container code-height-placeholder"] void !stream loading code-loading-placeholder loading-skeleton skeleton-line short sr-only polite status footnote-reference footnote-link cursor-pointer dl definition-list entry.className entry.key entry.nodes b089ea12 footnote-node text-sm leading-relaxed border-t border-[var(--footnote-border,#eaecef)] pt-2 flex-1 emoji-node de55dc97 d2-block-container text-gray-100 text-gray-900 d2-block-header px-4 py-2.5 border-b border-gray-400/5 gap-x-2 gap-x-1 rounded-md p-0.5 bg-gray-700 bg-gray-100 mode-btn px-2 py-1 text-xs rounded is-active preview source d2-action-btn p-2 hover:bg-[var(--vscode-editor-selectionBackground)] w-3 h-3 bodyRef d2-block-body d2-source py-4 d2-code d2-error mt-2 d2-render d2-svg pb-3 font-medium font-mono fdf24c90 emphasis-node child emphasis footnote-anchor hover:underline mark highlight-node highlight hard-break heading-node heading ffb7cf51 structured htmlRef html-block-node html-block-node__placeholder html-block-node__placeholder-bar w-4/5 w-2/3 dynamic node html-inline-node text innerHTML e6ed4c9f inline text-[85%] px-1 py-0.5 bg-[hsl(var(--secondary))] whitespace-normal break-words max-w-full before:content-[''] after:content-[''] segment.id segment.fading animationend transition img-switch out-in image image-node__img h-auto transition-opacity duration-200 ease-in-out image-node__img--inline opacity-0 opacity-100 ?? lazy eager async placeholder placeholder-layer placeholder-layer--inline inline-flex justify-center gap-2 rounded-full border-2 border-solid border-current border-t-transparent animate-spin whitespace-nowrap text-gray-500 [_vm._v(_vm._s(_vm.node.raw))])]] error image-node__error image-node__error--inline py-2 text-red-500 is-rendering infographic-block-header bg-gray-800 bg-gray-50 [_vm.$slots["header-left"] [_vm._t("header-left")] my-0 truncate text-gray-400 text-gray-600 [_vm._t("header-center")] px-2.5 bg-gray-600 text-gray-200 text-gray-700 hover:text-gray-200 hover:text-gray-700 m16 [_vm._t("header-right")] opacity-50 cursor-not-allowed m7 p-4 whitespace-pre-wrap text-gray-300 relative absolute top-2 right-2 z-10 backdrop-blur hover:bg-gray-700 hover:bg-gray-200"] in m21 out zoom infographic-preview min-h-[360px] transition-all duration-100 block inset-0 cursor-grab infographicContainer w-full text-center min-h-full markstream-vue infographic-dialog fixed z-50 bg-black/70 dialog-panel h-full max-h-full shadow-lg top-6 right-6 modalContent insert-node insert ab1ec9bc list-node list-disc item index anchorEl link-node noopener noreferrer link-text link-loading items-baseline gap-1.5 link-text-wrapper leading-[normal] link-loading-indicator list-item pl-1.5 my-2 containerEl math-block overflow-x-auto min-h-[40px] math-block__content math-block__fallback math-loading-overlay math-loading-spinner math-inline-wrapper math-inline math-inline--fallback math-inline__loading math-inline__spinner isLoading text-node text-node-center markstream-pre--line-numbers markstream-pre--diff-preview markstream-pre--diff-inline markstream-pre__diff-code no pane.key markstream-pre__diff-pane line.key markstream-pre__diff-line line.empty markstream-pre__diff-rail markstream-pre__diff-number markstream-pre__diff-content markstream-pre__diff-content-inner markstream-pre__line-numbers markstream-pre__line-numbers-text markstream-pre__code textContent strong-node custom-id af3ce037 strikethrough-node strikethrough table-node-wrapper tableRef my-8 table-node col border-[var(--table-border,#cbd5e1)] font-semibold p-[calc(4/7*1em)] right text-right cell.align center text-left cell.children table-node__resize-handle columns and pointerdown table-node-fade table-node__loading table-node__spinner hr-node reference-node bg-[hsl(var(--muted))] px-1.5 mx-0.5 hover:bg-[hsl(var(--secondary))] mouseEnter mouseleave mouseLeave markstream-vue2 tooltip visible z-[9999] inline-block text-base px-3 shadow-md pointer-events-none tooltip-element text-white border-gray-700 border"] paragraph-node mermaid-block-header space-x-2 space-x-1 modeContainerRef mermaidContainer transition-[height] duration-150 ease-out mermaidContent mermaid-dialog superscript-node superscript-child [_setup.nodeComponents[child.type] child.raw ef2512b4 subscript-node subscript-child vmr-container is common alias note smooth dt definition-term dd definition-desc previewCode preview-code plaintext monospace number maxHeight padding tabSize theme themes themeType language languages stream disableFileHeader onThemeChange renderCustomHeader renderHeaderMetadata renderHeaderPrefix object split line-info diff single [markstream-vue2] stream-diffs not blocks will use basic enhanced editor to initialize typeof diffs-container pre[data-file] hidden navigator.clipboard navigator.clipboard.writeText top post string vitesse-dark vitesse-light dark 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 boolean unified fontSize lineHeight paddingBottom paddingTop resolvedCodeBlockOptions.value.overflow scroll pre-wrap wrap nextOptions.unsafeCSS resize href name xlink:href markstream-d2-root-svg instance.render instance missing render returned empty window.requestAnimationFrame markdown-renderer legacy-nodes-renderer item.renderKey node-slot item.index item.node.type node-content item.node item.node.loading item.indexKey markstreamHtmlPolicy safe escape load primary failed fallback markstreamFade markstreamTextStreamState raw index-key inline-code-stream-delta--a inline-code-stream-delta--b event.clientY pointermove mousemove infinite openModal element found keydown transform ease fullscreen library p-4">Failed instanceof error.message infographic-action-btn hover:bg-gray-200 $$ markstreamStreamVersion text-node-stream-delta--a text-node-stream-delta--b code[start] hunk !options.preserveBlankKind context removed added markstream-pre__diff-pane--inline original markstream-pre__diff-pane--original modified markstream-pre__diff-pane--modified pointerup pointercancel paragraph custom-html-tags html_block child.type html_inline toggleMode strict loose mermaid configure default abort timed error?.message gantt viewBox width height get [data-mermaid-wrapper] open-modal toggle-mode transitionend retry mermaid-action-btn html-preview-frame__backdrop html-preview-frame html-preview-frame__header html-preview-frame__title html-preview-frame__dot html-preview-frame__label html-preview-frame__close html-preview-frame__iframe no-referrer srcdoc markstream-core copy-code handleArtifactClick markstreamTypewriter legacy-renderer builtinCodeBlockExtraProps.value.showLineNumbers unknown node.type code_block infographic d2 lang d2lang list containerRef mouseout fade handle-artifact-click item.bindings node-spacer node-placeholder typewriterCursorRef typewriter-cursor ebe176a0 unknown-node htmlPreviewSandbox contains both allow-scripts this only fully trusted content served an isolated en utf-8 viewport content="width=device-width initial-scale=1 e.key rootRef portal-root code-block-loading code-block-loading__header code-block-loading__icon code-block-loading__actions code-block-loading-pre minHeight mouseover show-tooltips markstreamSmoothStreaming markstreamShowTooltips globalThis.process globalThis.process?.env?.NODE_ENV test reverse too-many-targets console viewportPriority virtualization this.isDark mermaid-preview-area peer dependencies are back preformatted enable rendering please install list_item definition_list footnote [data-node-index] math_block [data-node-type="code_block"] [data-node-type="admonition"] [data-node-type="table"] [data-node-type="math_block"] [data-node-type="html_block"] [data-node-type="image"]`
 module.exports = safeList;
 export default safeList;

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

@@ -1,4 +1,5 @@
-import { CodeBlockPreviewPayload } from '../../types/component-props';
+import { PropType } from 'vue-demi';
+import { CodeBlockOptions, CodeBlockPreviewPayload, CodeBlockThemeProp, CodeBlockThemes } from '../../types/component-props';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -33,22 +34,30 @@ declare const __VLS_component: import('vue-demi').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    codeBlockOptions: {
+        type: () => CodeBlockOptions | undefined;
+        default: any;
+    };
+    showLineNumbers: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    theme: {
+        type: PropType<CodeBlockThemeProp>;
+        default: any;
+    };
     darkTheme: {
-        type: (ObjectConstructor | StringConstructor)[];
+        type: StringConstructor;
         default: any;
     };
     lightTheme: {
-        type: (ObjectConstructor | StringConstructor)[];
+        type: StringConstructor;
         default: any;
     };
     isShowPreview: {
         type: BooleanConstructor;
         default: boolean;
     };
-    monacoOptions: {
-        type: ObjectConstructor;
-        default: any;
-    };
     enableFontSizeControl: {
         type: BooleanConstructor;
         default: boolean;
@@ -62,7 +71,7 @@ declare const __VLS_component: import('vue-demi').DefineComponent<{
         default: any;
     };
     themes: {
-        type: ArrayConstructor;
+        type: PropType<CodeBlockThemes>;
         default: any;
     };
     showHeader: {
@@ -137,22 +146,30 @@ declare const __VLS_component: import('vue-demi').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    codeBlockOptions: {
+        type: () => CodeBlockOptions | undefined;
+        default: any;
+    };
+    showLineNumbers: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    theme: {
+        type: PropType<CodeBlockThemeProp>;
+        default: any;
+    };
     darkTheme: {
-        type: (ObjectConstructor | StringConstructor)[];
+        type: StringConstructor;
         default: any;
     };
     lightTheme: {
-        type: (ObjectConstructor | StringConstructor)[];
+        type: StringConstructor;
         default: any;
     };
     isShowPreview: {
         type: BooleanConstructor;
         default: boolean;
     };
-    monacoOptions: {
-        type: ObjectConstructor;
-        default: any;
-    };
     enableFontSizeControl: {
         type: BooleanConstructor;
         default: boolean;
@@ -166,7 +183,7 @@ declare const __VLS_component: import('vue-demi').DefineComponent<{
         default: any;
     };
     themes: {
-        type: ArrayConstructor;
+        type: PropType<CodeBlockThemes>;
         default: any;
     };
     showHeader: {
@@ -222,17 +239,19 @@ declare const __VLS_component: import('vue-demi').DefineComponent<{
         default: any;
     };
 }>>, {
-    themes: unknown[];
+    codeBlockOptions: any;
+    showLineNumbers: boolean;
     isDark: boolean;
     loading: boolean;
     stream: boolean;
-    darkTheme: string | Record<string, any>;
-    lightTheme: string | Record<string, any>;
+    theme: CodeBlockThemeProp;
+    darkTheme: string;
+    lightTheme: string;
     isShowPreview: boolean;
-    monacoOptions: Record<string, any>;
     enableFontSizeControl: boolean;
     minWidth: string | number;
     maxWidth: string | number;
+    themes: CodeBlockThemes;
     showPreviewButton: boolean;
     showCollapseButton: boolean;
     showFontSizeButtons: boolean;

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

@@ -0,0 +1,9 @@
+/**
+ * Resolve the optional stream-diffs code-block runtime.
+ *
+ * stream-diffs is the only supported enhanced code/diff renderer for
+ * markstream-vue2. If it is not installed we return null and the caller falls
+ * back to plain `<pre><code>` rendering (PreCodeNode).
+ */
+export declare function getStreamDiffsRuntime(): Promise<any>;
+export declare function preloadCodeBlockRuntime(): Promise<boolean>;

package/dist/types/components/MarkdownRenderCompat.vue.d.ts

@@ -1,4 +1,5 @@
 import { BaseNode, MarkdownIt, ParseOptions } from 'stream-markdown-parser';
+import { CodeBlockOptions, CodeBlockTheme, CodeBlockThemes } from '../types/component-props';
 import { NodeRendererProps } from './NodeRenderer/NodeRenderer.vue';
 declare const _default: import('vue-demi').DefineComponent<{
     content: StringConstructor;
@@ -13,16 +14,15 @@ declare const _default: import('vue-demi').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    codeBlockDarkTheme: any;
-    codeBlockLightTheme: any;
-    codeBlockMonacoOptions: () => Record<string, any> | undefined;
+    codeBlockDarkTheme: () => CodeBlockTheme | undefined;
+    codeBlockLightTheme: () => CodeBlockTheme | undefined;
     renderCodeBlocksAsPre: BooleanConstructor;
     codeBlockMinWidth: (NumberConstructor | StringConstructor)[];
     codeBlockMaxWidth: (NumberConstructor | StringConstructor)[];
-    codeBlockProps: () => Record<string, any> | undefined;
+    codeBlockOptions: () => CodeBlockOptions | undefined;
+    codeBlockProps: () => NodeRendererProps["codeBlockProps"];
     showTooltips: BooleanConstructor;
-    themes: () => string[] | undefined;
-    langs: () => string[] | undefined;
+    themes: () => CodeBlockThemes | undefined;
     isDark: BooleanConstructor;
     customId: (NumberConstructor | StringConstructor)[];
     indexKey: (NumberConstructor | StringConstructor)[];
@@ -60,16 +60,15 @@ declare const _default: import('vue-demi').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    codeBlockDarkTheme: any;
-    codeBlockLightTheme: any;
-    codeBlockMonacoOptions: () => Record<string, any> | undefined;
+    codeBlockDarkTheme: () => CodeBlockTheme | undefined;
+    codeBlockLightTheme: () => CodeBlockTheme | undefined;
     renderCodeBlocksAsPre: BooleanConstructor;
     codeBlockMinWidth: (NumberConstructor | StringConstructor)[];
     codeBlockMaxWidth: (NumberConstructor | StringConstructor)[];
-    codeBlockProps: () => Record<string, any> | undefined;
+    codeBlockOptions: () => CodeBlockOptions | undefined;
+    codeBlockProps: () => NodeRendererProps["codeBlockProps"];
     showTooltips: BooleanConstructor;
-    themes: () => string[] | undefined;
-    langs: () => string[] | undefined;
+    themes: () => CodeBlockThemes | undefined;
     isDark: BooleanConstructor;
     customId: (NumberConstructor | StringConstructor)[];
     indexKey: (NumberConstructor | StringConstructor)[];
@@ -93,8 +92,6 @@ declare const _default: import('vue-demi').DefineComponent<{
     codeBlockStream: boolean;
     typewriter: boolean;
     fade: boolean;
-    codeBlockDarkTheme: any;
-    codeBlockLightTheme: any;
     renderCodeBlocksAsPre: boolean;
     batchRendering: boolean;
     debugPerformance: boolean;

package/dist/types/components/NodeRenderer/CodeBlockNodeLoading.vue.d.ts

@@ -11,10 +11,6 @@ declare const _default: import('vue-demi').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    monacoOptions: {
-        type: ObjectConstructor;
-        default: any;
-    };
     minWidth: {
         type: (NumberConstructor | StringConstructor)[];
         default: any;
@@ -52,10 +48,6 @@ declare const _default: import('vue-demi').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    monacoOptions: {
-        type: ObjectConstructor;
-        default: any;
-    };
     minWidth: {
         type: (NumberConstructor | StringConstructor)[];
         default: any;
@@ -83,7 +75,6 @@ declare const _default: import('vue-demi').DefineComponent<{
 }>>, {
     isDark: boolean;
     loading: boolean;
-    monacoOptions: Record<string, any>;
     minWidth: string | number;
     maxWidth: string | number;
     estimatedHeightPx: number;

package/dist/types/components/NodeRenderer/LegacyNodesRenderer.vue.d.ts

@@ -1,8 +1,8 @@
 import { BaseNode, HtmlPolicy } from 'stream-markdown-parser';
-import { CodeBlockMonacoOptions, CodeBlockMonacoTheme, CodeBlockNodeProps, CodeBlockPreviewPayload, ShikiCodeBlockProps } from '../../types/component-props';
-type NodeRendererCodeBlockThemes = CodeBlockNodeProps['themes'] | ShikiCodeBlockProps['themes'];
-type NodeRendererCodeBlockProps = Partial<Omit<CodeBlockNodeProps, 'node' | 'themes'>> & Partial<Omit<ShikiCodeBlockProps, 'themes'>> & {
-    themes?: NodeRendererCodeBlockThemes;
+import { CodeBlockNodeProps, CodeBlockOptions, CodeBlockPreviewPayload, CodeBlockTheme, CodeBlockThemes } from '../../types/component-props';
+type NodeRendererCodeBlockProps = Partial<Omit<CodeBlockNodeProps, 'node' | 'themes' | 'codeBlockOptions'>> & {
+    themes?: CodeBlockThemes;
+    codeBlockOptions?: never;
 } & Record<string, unknown>;
 type __VLS_Props = {
     nodes?: BaseNode[];
@@ -12,26 +12,15 @@ type __VLS_Props = {
     fade?: boolean;
     showTooltips?: boolean;
     codeBlockStream?: boolean;
-    codeBlockDarkTheme?: CodeBlockMonacoTheme;
-    codeBlockLightTheme?: CodeBlockMonacoTheme;
-    codeBlockMonacoOptions?: CodeBlockMonacoOptions;
+    codeBlockDarkTheme?: CodeBlockTheme;
+    codeBlockLightTheme?: CodeBlockTheme;
     codeBlockMinWidth?: string | number;
     codeBlockMaxWidth?: string | number;
+    codeBlockOptions?: CodeBlockOptions;
     codeBlockProps?: NodeRendererCodeBlockProps;
     renderCodeBlocksAsPre?: 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.
-     *
-     * Vue2's default code block renderer is Monaco-backed. This prop is used
-     * when a custom `code_block` or language renderer uses MarkdownCodeBlockNode.
-     */
-    langs?: readonly string[];
+    /** Theme-name tuple ordered as `[dark, light]` for enhanced code blocks. */
+    themes?: CodeBlockThemes;
     isDark?: boolean;
     customHtmlTags?: readonly string[];
     htmlPolicy?: HtmlPolicy;

package/dist/types/components/NodeRenderer/NodeRenderer.vue.d.ts

@@ -1,9 +1,9 @@
 import { BaseNode, HtmlPolicy, MarkdownIt, ParseOptions } from 'stream-markdown-parser';
 import { SmoothMarkdownStreamOptions } from '../../composables/useSmoothMarkdownStream';
-import { CodeBlockMonacoOptions, CodeBlockMonacoTheme, CodeBlockNodeProps, CodeBlockPreviewPayload, D2BlockNodeProps, InfographicBlockNodeProps, MermaidBlockNodeProps, ShikiCodeBlockProps } from '../../types/component-props';
-type NodeRendererCodeBlockThemes = CodeBlockNodeProps['themes'] | ShikiCodeBlockProps['themes'];
-type NodeRendererCodeBlockProps = Partial<Omit<CodeBlockNodeProps, 'node' | 'themes'>> & Partial<Omit<ShikiCodeBlockProps, 'themes'>> & {
-    themes?: NodeRendererCodeBlockThemes;
+import { CodeBlockNodeProps, CodeBlockOptions, CodeBlockPreviewPayload, CodeBlockTheme, CodeBlockThemes, D2BlockNodeProps, InfographicBlockNodeProps, MermaidBlockNodeProps } from '../../types/component-props';
+type NodeRendererCodeBlockProps = Partial<Omit<CodeBlockNodeProps, 'node' | 'themes' | 'codeBlockOptions'>> & {
+    themes?: CodeBlockThemes;
+    codeBlockOptions?: never;
 } & Record<string, unknown>;
 export interface NodeRendererProps {
     content?: string;
@@ -32,15 +32,16 @@ export interface NodeRendererProps {
      * Default: true
      */
     codeBlockStream?: boolean;
-    codeBlockDarkTheme?: CodeBlockMonacoTheme;
-    codeBlockLightTheme?: CodeBlockMonacoTheme;
-    codeBlockMonacoOptions?: CodeBlockMonacoOptions;
+    codeBlockDarkTheme?: CodeBlockTheme;
+    codeBlockLightTheme?: CodeBlockTheme;
     /** If true, render all `code_block` nodes as plain <pre><code> blocks instead of the full CodeBlockNode */
     renderCodeBlocksAsPre?: boolean;
     /** Minimum width forwarded to CodeBlockNode (px or CSS unit) */
     codeBlockMinWidth?: string | number;
     /** Maximum width forwarded to CodeBlockNode (px or CSS unit) */
     codeBlockMaxWidth?: string | number;
+    /** Options forwarded to the built-in stream-diffs CodeBlockNode. */
+    codeBlockOptions?: CodeBlockOptions;
     /** Arbitrary props to forward to every CodeBlockNode */
     codeBlockProps?: NodeRendererCodeBlockProps;
     /** Props forwarded to MermaidBlockNode for mermaid fences */
@@ -51,19 +52,8 @@ export interface NodeRendererProps {
     infographicProps?: Partial<Omit<InfographicBlockNodeProps, 'node' | 'loading' | 'isDark'>>;
     /** Global tooltip toggle for link/code-block renderers (default: true) */
     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.
-     *
-     * Vue2's default code block renderer is Monaco-backed. This prop is used
-     * when a custom `code_block` or language renderer uses MarkdownCodeBlockNode.
-     */
-    langs?: readonly string[];
+    /** Theme-name tuple ordered as `[dark, light]` for enhanced code blocks. */
+    themes?: CodeBlockThemes;
     isDark?: boolean;
     customId?: string;
     indexKey?: number | string;

package/dist/types/composables/useSingletonTooltip.d.ts

@@ -1,5 +1,5 @@
 import * as VueModule from 'vue-demi';
-declare const placement: VueModule.Ref<"bottom" | "top" | "left" | "right">;
+declare const placement: VueModule.Ref<"top" | "bottom" | "left" | "right">;
 export declare function ensureTooltipMounted(): Promise<void>;
 export declare function showTooltipForAnchor(el: HTMLElement | null, text: string, place?: typeof placement.value, immediate?: boolean, origin?: {
     x: number;

package/dist/types/exports.d.ts

@@ -26,7 +26,6 @@ import { default as InsertNode } from './components/InsertNode';
 import { default as LinkNode } from './components/LinkNode';
 import { default as ListItemNode } from './components/ListItemNode';
 import { default as ListNode } from './components/ListNode';
-import { default as MarkdownCodeBlockNode } from './components/MarkdownCodeBlockNode';
 import { default as MarkdownRender } from './components/MarkdownRenderCompat.vue';
 import { default as MathBlockNode } from './components/MathBlockNode';
 import { default as MathInlineNode } from './components/MathInlineNode';
@@ -54,7 +53,7 @@ export type { KatexLoader } from './components/MathInlineNode/katex';
 export type { MermaidLoader } from './components/MermaidBlockNode/mermaid';
 export type { NodeRendererProps } from './components/NodeRenderer/NodeRenderer.vue';
 export type { SmoothMarkdownStreamController, SmoothMarkdownStreamControllerVue2, SmoothMarkdownStreamOptions, } from './composables/useSmoothMarkdownStream';
-export type { CodeBlockDiffAppearance, CodeBlockDiffHideUnchangedRegions, CodeBlockDiffHideUnchangedRegionsOptions, CodeBlockDiffHunkActionContext, CodeBlockDiffHunkActionKind, CodeBlockDiffHunkSide, CodeBlockDiffLineStyle, CodeBlockDiffUnchangedRegionStyle, CodeBlockMonacoLanguage, CodeBlockMonacoOptions, CodeBlockMonacoTheme, CodeBlockMonacoThemeObject, CodeBlockNodeProps, CodeBlockPreviewPayload, D2BlockNodeProps, ImageNodeProps, InfographicBlockNodeProps, LinkNodeProps, MarkdownCodeBlockPreviewPayload, MathBlockNodeProps, MathInlineNodeProps, MermaidBlockEvent, MermaidBlockNodeProps, PreCodeNodeProps, ShikiCodeBlockProps, } from './types/component-props';
+export type { CodeBlockDiffHideUnchangedRegions, CodeBlockDiffHideUnchangedRegionsOptions, CodeBlockNodeProps, CodeBlockOptions, CodeBlockPreviewPayload, CodeBlockTheme, CodeBlockThemePair, CodeBlockThemeProp, CodeBlockThemes, D2BlockNodeProps, ImageNodeProps, InfographicBlockNodeProps, LinkNodeProps, MathBlockNodeProps, MathInlineNodeProps, MermaidBlockEvent, MermaidBlockNodeProps, PreCodeNodeProps, } from './types/component-props';
 export * from './utils';
 export * from './workers/katexCdnWorker';
 export * from './workers/katexWorkerClient';
@@ -82,7 +81,7 @@ interface Vue2ConstructorLike {
     __compositionApiInstalled?: boolean;
     __markstreamVue2SetupProxyPatched?: boolean;
 }
-export { AdmonitionNode, BlockquoteNode, CheckboxNode, clearGlobalCustomComponents, CodeBlockNode, D2BlockNode, DefinitionListNode, disableD2, disableKatex, disableMermaid, EmojiNode, EmphasisNode, enableD2, enableKatex, enableMermaid, FootnoteAnchorNode, FootnoteNode, FootnoteReferenceNode, getCustomNodeComponents, HardBreakNode, HeadingNode, HighlightNode, HtmlBlockNode, HtmlInlineNode, ImageNode, InfographicBlockNode, InlineCodeNode, InsertNode, isD2Enabled, isKatexEnabled, isMermaidEnabled, LinkNode, ListItemNode, ListNode, MarkdownCodeBlockNode, MarkdownRender, MathBlockNode, MathInlineNode, MermaidBlockNode, NestedRenderer, ParagraphNode, PreCodeNode, ReferenceNode, removeCustomComponents, setCustomComponents, setD2Loader, setDefaultI18nMap, setKatexLoader, setMermaidLoader, StrikethroughNode, StrongNode, SubscriptNode, SuperscriptNode, TableNode, TextNode, ThematicBreakNode, Tooltip, useSmoothMarkdownStream, VmrContainerNode, };
+export { AdmonitionNode, BlockquoteNode, CheckboxNode, clearGlobalCustomComponents, CodeBlockNode, D2BlockNode, DefinitionListNode, disableD2, disableKatex, disableMermaid, EmojiNode, EmphasisNode, enableD2, enableKatex, enableMermaid, FootnoteAnchorNode, FootnoteNode, FootnoteReferenceNode, getCustomNodeComponents, HardBreakNode, HeadingNode, HighlightNode, HtmlBlockNode, HtmlInlineNode, ImageNode, InfographicBlockNode, InlineCodeNode, InsertNode, isD2Enabled, isKatexEnabled, isMermaidEnabled, LinkNode, ListItemNode, ListNode, MarkdownRender, MathBlockNode, MathInlineNode, MermaidBlockNode, NestedRenderer, ParagraphNode, PreCodeNode, ReferenceNode, removeCustomComponents, setCustomComponents, setD2Loader, setDefaultI18nMap, setKatexLoader, setMermaidLoader, StrikethroughNode, StrongNode, SubscriptNode, SuperscriptNode, TableNode, TextNode, ThematicBreakNode, Tooltip, useSmoothMarkdownStream, VmrContainerNode, };
 export default MarkdownRender;
 export declare const VueRendererMarkdown: {
     install(Vue: Vue2ConstructorLike, options?: MarkstreamVue2PluginOptions): void;

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

@@ -1,27 +1,16 @@
 import { CodeBlockNode } from 'stream-markdown-parser';
-export interface CodeBlockMonacoThemeObject {
-    name: string;
-    base?: string;
-    inherit?: boolean;
-    colors?: Record<string, string>;
-    rules?: Array<Record<string, unknown>>;
-    [key: string]: unknown;
+export interface CodeBlockThemePair {
+    dark: string;
+    light: string;
 }
-export type CodeBlockMonacoTheme = string | CodeBlockMonacoThemeObject;
-export type CodeBlockMonacoLanguage = string | ((...args: unknown[]) => unknown);
+export type CodeBlockTheme = string;
+export type CodeBlockThemeProp = CodeBlockTheme | CodeBlockThemePair;
+export type CodeBlockThemes = readonly [dark: CodeBlockTheme, light: CodeBlockTheme];
 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;
@@ -29,67 +18,73 @@ export interface CodeBlockDiffHideUnchangedRegionsOptions {
     revealLineCount?: number;
 }
 export type CodeBlockDiffHideUnchangedRegions = boolean | CodeBlockDiffHideUnchangedRegionsOptions;
-export type CodeBlockDiffLineStyle = 'background' | 'bar';
-export type CodeBlockDiffAppearance = 'auto' | 'light' | 'dark';
-export type CodeBlockDiffUnchangedRegionStyle = 'line-info' | 'line-info-basic' | 'metadata' | 'simple';
-export type CodeBlockDiffHunkActionKind = 'revert' | 'stage';
-export type CodeBlockDiffHunkSide = 'upper' | 'lower';
-export interface CodeBlockDiffHunkActionContext {
-    action: CodeBlockDiffHunkActionKind;
-    side: CodeBlockDiffHunkSide;
-    lineChange: unknown;
-    originalModel: unknown;
-    modifiedModel: unknown;
-}
-export interface CodeBlockMonacoOptions {
-    MAX_HEIGHT?: number | string;
+export interface CodeBlockOptions {
     fontSize?: number;
     lineHeight?: number;
     fontFamily?: string;
+    maxHeight?: number;
+    padding?: number;
     tabSize?: number;
-    readOnly?: boolean;
-    wordWrap?: 'off' | 'on' | 'wordWrapColumn' | 'bounded' | string;
-    wrappingIndent?: 'none' | 'same' | 'indent' | 'deepIndent' | string;
-    theme?: string;
-    themes?: CodeBlockMonacoTheme[];
-    languages?: CodeBlockMonacoLanguage[];
-    renderSideBySide?: boolean;
-    useInlineViewWhenSpaceIsLimited?: boolean;
-    enableSplitViewResizing?: boolean;
-    ignoreTrimWhitespace?: boolean;
-    maxComputationTime?: number;
-    diffAlgorithm?: string;
-    renderIndicators?: boolean;
-    originalEditable?: boolean;
-    revealDebounceMs?: number;
-    revealStrategy?: 'bottom' | 'centerIfOutside' | 'center';
-    revealBatchOnIdleMs?: number;
-    updateThrottleMs?: number;
-    diffUpdateThrottleMs?: number;
-    diffAutoScroll?: boolean;
-    diffHideUnchangedRegions?: CodeBlockDiffHideUnchangedRegions;
-    diffLineStyle?: CodeBlockDiffLineStyle;
-    diffAppearance?: CodeBlockDiffAppearance;
-    diffUnchangedRegionStyle?: CodeBlockDiffUnchangedRegionStyle;
-    diffHunkActionsOnHover?: boolean;
-    diffHunkHoverHideDelayMs?: number;
-    onDiffHunkAction?: (context: CodeBlockDiffHunkActionContext) => void | boolean | Promise<void | boolean>;
-    scrollbar?: Record<string, unknown>;
-    [key: string]: unknown;
+    disableLineNumbers?: boolean;
+    overflow?: 'scroll' | 'wrap';
+    disableVirtualizationBuffers?: boolean;
+    preferredHighlighter?: 'shiki-js' | 'shiki-wasm';
+    useCSSClasses?: boolean;
+    useTokenTransformer?: boolean;
+    tokenizeMaxLineLength?: number;
+    tokenizeMaxLength?: number;
+    unsafeCSS?: string;
+    diffStyle?: 'unified' | 'split';
+    diffIndicators?: 'classic' | 'bars' | 'none';
+    disableBackground?: boolean;
+    hunkSeparators?: 'simple' | 'metadata' | 'line-info' | 'line-info-basic';
+    expandUnchanged?: boolean;
+    collapsedContextThreshold?: number;
+    lineDiffType?: 'word-alt' | 'word' | 'char' | 'none';
+    maxLineDiffLength?: number;
+    expansionLineCount?: number;
+    parseDiffOptions?: Record<string, unknown>;
+    lineHoverHighlight?: 'disabled' | 'both' | 'number' | 'line';
+    enableTokenInteractionsOnWhitespace?: boolean;
+    enableGutterUtility?: boolean;
+    enableLineSelection?: boolean;
+    controlledSelection?: boolean;
+    onGutterUtilityClick?: (...args: any[]) => unknown;
+    onLineClick?: (...args: any[]) => unknown;
+    onLineNumberClick?: (...args: any[]) => unknown;
+    onLineEnter?: (...args: any[]) => unknown;
+    onLineLeave?: (...args: any[]) => unknown;
+    onTokenClick?: (...args: any[]) => unknown;
+    onTokenEnter?: (...args: any[]) => unknown;
+    onTokenLeave?: (...args: any[]) => unknown;
+    onLineSelected?: (...args: any[]) => unknown;
+    onLineSelectionStart?: (...args: any[]) => unknown;
+    onLineSelectionChange?: (...args: any[]) => unknown;
+    onLineSelectionEnd?: (...args: any[]) => unknown;
+    getLineIndex?: (...args: any[]) => unknown;
+    renderAnnotation?: (...args: any[]) => unknown;
+    renderGutterUtility?: (...args: any[]) => unknown;
+    onPostRender?: (...args: any[]) => unknown;
+    mergeConflict?: boolean;
+    lineAnnotations?: unknown[];
+    onController?: (controller: any) => void;
+    workerManager?: unknown;
 }
 export interface CodeBlockNodeProps extends CommonCodeBlockProps {
     node: CodeBlockNode;
+    codeBlockOptions?: CodeBlockOptions;
+    showLineNumbers?: boolean;
     isDark?: boolean;
     loading?: boolean;
     stream?: boolean;
-    darkTheme?: CodeBlockMonacoTheme;
-    lightTheme?: CodeBlockMonacoTheme;
+    theme?: CodeBlockThemeProp;
+    darkTheme?: CodeBlockTheme;
+    lightTheme?: CodeBlockTheme;
     isShowPreview?: boolean;
-    monacoOptions?: CodeBlockMonacoOptions;
     enableFontSizeControl?: boolean;
     minWidth?: string | number;
     maxWidth?: string | number;
-    themes?: CodeBlockMonacoTheme[];
+    themes?: CodeBlockThemes;
     showPreviewButton?: boolean;
     showCollapseButton?: boolean;
     showFontSizeButtons?: boolean;
@@ -178,11 +173,6 @@ export interface CodeBlockPreviewPayload {
     artifactTitle: string;
     id: string;
 }
-export interface MarkdownCodeBlockPreviewPayload {
-    type: 'text/html' | 'image/svg+xml';
-    content: string;
-    title: string;
-}
 export interface MermaidBlockEvent<TPayload = unknown> {
     payload?: TPayload;
     defaultPrevented: boolean;

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

@@ -1,4 +1,4 @@
-export * from '../components/CodeBlockNode/monaco';
+export { preloadCodeBlockRuntime } from '../components/CodeBlockNode/streamDiffs';
 export * from './languageIcon';
 export * from './nestedHtml';
 export * from './nestedNodes';

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

@@ -2,7 +2,7 @@ export type LanguageIconResolver = (lang: string) => string | undefined | null;
 export declare const languageIconsRevision: import('vue-demi').Ref<number>;
 export declare function setLanguageIconResolver(resolver?: LanguageIconResolver | null): void;
 export declare function normalizeLanguageIdentifier(lang?: string | null): string;
-export declare function resolveMonacoLanguageId(lang?: string | null): string;
+export declare function resolveLanguageId(lang?: string | null): string;
 export declare function preloadExtendedLanguageIcons(): Promise<void>;
 export declare function getLanguageIcon(lang: string): string;
 export declare const languageMap: Record<string, string>;