markstream-angular 0.0.2-beta.9 → 0.0.3

package/dist/types/markstream-angular/src/components/CodeBlockNode/CodeBlockNode.component.d.ts

@@ -1,4 +1,5 @@
 import { AfterViewInit, OnChanges, OnDestroy } from '@angular/core';
+import { CodeBlockMonacoTheme } from '../../types/monaco';
 import { AngularRenderableNode, AngularRenderContext } from '../shared/node-helpers';
 export declare class CodeBlockNodeComponent implements AfterViewInit, OnChanges, OnDestroy {
     private readonly cdr;
@@ -26,14 +27,66 @@ export declare class CodeBlockNodeComponent implements AfterViewInit, OnChanges,
     get t(): (key: string) => string;
     get mergedProps(): {
         [x: string]: any;
+        stream?: boolean;
+        darkTheme?: CodeBlockMonacoTheme;
+        lightTheme?: CodeBlockMonacoTheme;
+        themes?: CodeBlockMonacoTheme[];
+        monacoOptions?: import('../..').CodeBlockMonacoOptions;
+        minWidth?: string | number;
+        maxWidth?: string | number;
+        isShowPreview?: boolean;
+        enableFontSizeControl?: boolean;
+        showHeader?: boolean;
+        showCopyButton?: boolean;
+        showExpandButton?: boolean;
+        showPreviewButton?: boolean;
+        showCollapseButton?: boolean;
+        showFontSizeButtons?: boolean;
+        htmlPreviewAllowScripts?: boolean;
+        htmlPreviewSandbox?: string;
     };
     get resolvedLoading(): boolean;
     get resolvedStream(): boolean;
     get resolvedIsDark(): boolean;
-    get resolvedDarkTheme(): any;
-    get resolvedLightTheme(): any;
-    get resolvedThemes(): any;
-    get resolvedMonacoOptions(): any;
+    get resolvedDarkTheme(): CodeBlockMonacoTheme;
+    get resolvedLightTheme(): CodeBlockMonacoTheme;
+    get resolvedThemes(): CodeBlockMonacoTheme[];
+    get resolvedMonacoOptions(): {
+        [x: string]: unknown;
+        MAX_HEIGHT?: number | string;
+        fontSize?: number;
+        lineHeight?: number;
+        fontFamily?: string;
+        tabSize?: number;
+        readOnly?: boolean;
+        wordWrap?: "off" | "on" | "wordWrapColumn" | "bounded" | string;
+        wrappingIndent?: "none" | "same" | "indent" | "deepIndent" | string;
+        theme?: string;
+        themes?: CodeBlockMonacoTheme[];
+        languages?: import('../..').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?: import('../..').CodeBlockDiffHideUnchangedRegions;
+        diffLineStyle?: import('../..').CodeBlockDiffLineStyle;
+        diffAppearance?: import('../..').CodeBlockDiffAppearance;
+        diffUnchangedRegionStyle?: import('../..').CodeBlockDiffUnchangedRegionStyle;
+        diffHunkActionsOnHover?: boolean;
+        diffHunkHoverHideDelayMs?: number;
+        onDiffHunkAction?: (context: import('../..').CodeBlockDiffHunkActionContext) => void | boolean | Promise<void | boolean>;
+        scrollbar?: Record<string, unknown>;
+    };
     get resolvedEnableFontSizeControl(): boolean;
     get resolvedShowHeader(): boolean;
     get resolvedShowCopyButton(): boolean;

package/dist/types/markstream-angular/src/components/D2BlockNode/D2BlockNode.component.d.ts

@@ -18,6 +18,14 @@ export declare class D2BlockNodeComponent implements AfterViewInit, OnChanges, O
     private copyTimer;
     get mergedProps(): {
         [x: string]: any;
+        maxHeight?: string | null;
+        themeId?: number | null;
+        darkThemeId?: number | null;
+        showHeader?: boolean;
+        showModeToggle?: boolean;
+        showCopyButton?: boolean;
+        showExportButton?: boolean;
+        showCollapseButton?: boolean;
     };
     get code(): string;
     get resolvedIsDark(): boolean;

package/dist/types/markstream-angular/src/components/InfographicBlockNode/InfographicBlockNode.component.d.ts

@@ -23,6 +23,15 @@ export declare class InfographicBlockNodeComponent implements AfterViewInit, OnC
     private infographicInstance;
     get mergedProps(): {
         [x: string]: any;
+        maxHeight?: string | null;
+        estimatedPreviewHeightPx?: number;
+        showHeader?: boolean;
+        showModeToggle?: boolean;
+        showCopyButton?: boolean;
+        showCollapseButton?: boolean;
+        showExportButton?: boolean;
+        showFullscreenButton?: boolean;
+        showZoomControls?: boolean;
     };
     get code(): string;
     get resolvedIsDark(): boolean;

package/dist/types/markstream-angular/src/components/InlineCodeNode/InlineCodeNode.component.d.ts

@@ -5,11 +5,13 @@ export declare class InlineCodeNodeComponent implements OnChanges {
     context?: AngularRenderContext;
     indexKey?: string;
     typewriter?: boolean;
+    fade?: boolean;
     settledCode: string;
     streamedDelta: string;
     private streamFadeVersion;
     ngOnChanges(): void;
     get streamedDeltaClass(): "markstream-angular-text__stream-delta--a" | "markstream-angular-text__stream-delta--b";
+    get fadeEnabled(): boolean;
     get typewriterEnabled(): boolean;
     settleStreamedDelta(): void;
 }

package/dist/types/markstream-angular/src/components/LinkNode/LinkNode.component.d.ts

@@ -8,6 +8,7 @@ export declare class LinkNodeComponent implements AfterViewInit, OnChanges, OnDe
     private hovering;
     get href(): string;
     get title(): string;
+    get openInNewTab(): boolean;
     get loading(): boolean;
     get resolvedShowTooltip(): boolean;
     get children(): AngularRenderableNode[];

package/dist/types/markstream-angular/src/components/MermaidBlockNode/MermaidBlockNode.component.d.ts

@@ -19,8 +19,25 @@ export declare class MermaidBlockNodeComponent implements AfterViewInit, OnChang
     private destroyed;
     private renderToken;
     private copyTimer;
+    private lastMermaidBindFunctions;
     get mergedProps(): {
         [x: string]: any;
+        maxHeight?: string | null;
+        estimatedPreviewHeightPx?: number;
+        workerTimeoutMs?: number;
+        parseTimeoutMs?: number;
+        renderTimeoutMs?: number;
+        fullRenderTimeoutMs?: number;
+        renderDebounceMs?: number;
+        showHeader?: boolean;
+        showModeToggle?: boolean;
+        showCopyButton?: boolean;
+        showExportButton?: boolean;
+        showFullscreenButton?: boolean;
+        showCollapseButton?: boolean;
+        showZoomControls?: boolean;
+        isStrict?: boolean;
+        enableMermaidInteractions?: boolean;
     };
     get code(): string;
     get resolvedIsDark(): boolean;
@@ -60,6 +77,7 @@ export declare class MermaidBlockNodeComponent implements AfterViewInit, OnChang
     handleModalWheel(event: WheelEvent): void;
     private renderDiagram;
     private syncSvgHosts;
+    private bindMermaidInteractions;
     private scheduleHostSync;
     private canParseWithFallback;
     private canParseOrPrefix;
@@ -69,6 +87,5 @@ export declare class MermaidBlockNodeComponent implements AfterViewInit, OnChang
     private isGanttTaskLine;
     private getSafeGanttPreviewCandidate;
     private getSafePrefixCandidate;
-    private isBrokenMermaidSvg;
     private withTimeout;
 }

package/dist/types/markstream-angular/src/components/NodeOutlet/NodeOutlet.component.d.ts

@@ -4,7 +4,7 @@ export declare class NodeOutletComponent {
     context?: AngularRenderContext;
     indexKey?: string;
     get resolvedType(): string;
-    get customComponentMap(): Record<string, import('@angular/core').Type<any>>;
+    get customComponentMap(): import('../..').CustomComponentMap;
     get resolvedCustomComponent(): any;
     get customNode(): AngularRenderableNode;
     get codeMode(): import('../shared/node-outlet-helpers').CodeBlockMode;
@@ -25,5 +25,7 @@ export declare class NodeOutletComponent {
     get escapedTextNode(): AngularRenderableNode;
     get htmlRenderNode(): AngularRenderableNode;
     get fallbackNode(): AngularRenderableNode;
-    get resolvedComponentInputs(): Record<string, any>;
+    get resolvedComponentInputs(): {
+        [x: string]: any;
+    };
 }

package/dist/types/markstream-angular/src/components/NodeRenderer/NodeRenderer.component.d.ts

@@ -1,5 +1,6 @@
 import { AfterViewInit, OnChanges, OnDestroy, OnInit, SimpleChanges, EventEmitter } from '@angular/core';
-import { AngularRenderableNode, AngularRenderContext, NodeRendererProps } from '../shared/node-helpers';
+import { SmoothMarkdownStreamOptions } from '../../../../markstream-core/src/index.ts';
+import { AngularRenderableNode, AngularRenderContext, CodeBlockPreviewPayload, NodeRendererProps } from '../shared/node-helpers';
 interface VisibleNodeEntry {
     node: AngularRenderableNode;
     index: number;
@@ -10,7 +11,10 @@ interface VisibleNodeEntry {
 export declare class NodeRendererComponent implements NodeRendererProps, OnChanges, OnInit, AfterViewInit, OnDestroy {
     private readonly cdr;
     private readonly hostRef;
+    private readonly smoothStream;
+    private readonly parentSmoothStreamingScope;
     private rootRef?;
+    private typewriterCursorRef?;
     content: string;
     nodes?: readonly AngularRenderableNode[] | null;
     final?: boolean;
@@ -21,23 +25,26 @@ export declare class NodeRendererComponent implements NodeRendererProps, OnChang
     htmlPolicy: NodeRendererProps['htmlPolicy'];
     viewportPriority?: boolean;
     codeBlockStream: boolean;
-    codeBlockDarkTheme?: any;
-    codeBlockLightTheme?: any;
-    codeBlockMonacoOptions?: Record<string, any>;
+    codeBlockDarkTheme?: NodeRendererProps['codeBlockDarkTheme'];
+    codeBlockLightTheme?: NodeRendererProps['codeBlockLightTheme'];
+    codeBlockMonacoOptions?: NodeRendererProps['codeBlockMonacoOptions'];
     renderCodeBlocksAsPre: boolean;
     codeBlockMinWidth?: string | number;
     codeBlockMaxWidth?: string | number;
-    codeBlockProps?: Record<string, any>;
-    mermaidProps?: Record<string, any>;
-    d2Props?: Record<string, any>;
-    infographicProps?: Record<string, any>;
+    codeBlockProps?: NodeRendererProps['codeBlockProps'];
+    mermaidProps?: NodeRendererProps['mermaidProps'];
+    d2Props?: NodeRendererProps['d2Props'];
+    infographicProps?: NodeRendererProps['infographicProps'];
     customComponents?: NodeRendererProps['customComponents'];
     showTooltips: boolean;
     themes?: string[];
     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;
     batchRendering: boolean;
     initialRenderBatchSize: number;
     renderBatchSize: number;
@@ -48,8 +55,10 @@ export declare class NodeRendererComponent implements NodeRendererProps, OnChang
     maxLiveNodes: number;
     liveNodeBuffer: number;
     allowHtml: boolean;
+    smoothStreaming: boolean | 'auto';
+    smoothStreamingOptions?: SmoothMarkdownStreamOptions;
     copy: EventEmitter<string>;
-    handleArtifactClick: EventEmitter<any>;
+    handleArtifactClick: EventEmitter<CodeBlockPreviewPayload>;
     click: EventEmitter<MouseEvent>;
     mouseover: EventEmitter<MouseEvent>;
     mouseout: EventEmitter<MouseEvent>;
@@ -80,7 +89,26 @@ export declare class NodeRendererComponent implements NodeRendererProps, OnChang
     private enhancementHandle;
     private postRenderTimer;
     private unsubscribeCustomComponents?;
+    private isSyncingSmoothStream;
+    private hasMountedForSmoothStreaming;
+    private unsubscribeSmoothStream?;
+    private previousRenderContent;
+    private previousEffectiveFinal;
+    private previousRenderVersionSource;
+    showTypewriterCursor: boolean;
+    private typewriterCursorTimeout;
+    private lastTypewriterContentLength;
+    private static readonly TYPEWRITER_CURSOR_EXCLUDED_NODE_TYPES;
+    get hasNodes(): boolean;
+    get smoothStreamingEligible(): boolean;
+    get smoothStreamingEnabled(): boolean;
+    get renderContent(): string;
+    get rawContent(): string;
+    get smoothSourceSynced(): boolean;
+    get requestedFinal(): boolean | undefined;
+    get effectiveFinal(): boolean | undefined;
     get resolvedIndexPrefix(): string;
+    isSmoothStreamingEnabled(): boolean;
     get resolvedInitialBatchSize(): number;
     get resolvedRenderBatchSize(): number;
     get resolvedMaxLiveNodes(): number;
@@ -99,6 +127,8 @@ export declare class NodeRendererComponent implements NodeRendererProps, OnChang
     entryIndexKey(index: number): string;
     handleMouseOver(event: MouseEvent): void;
     handleMouseOut(event: MouseEvent): void;
+    private ensureSmoothStreamInitialized;
+    private syncSmoothStream;
     private rebuild;
     private cleanupTransientState;
     private trimMeasuredState;
@@ -119,5 +149,13 @@ export declare class NodeRendererComponent implements NodeRendererProps, OnChang
     private scheduleEnhancements;
     private applyEnhancements;
     private disposeEnhancements;
+    private shouldSkipTypewriterCursorForNode;
+    private shouldShowTypewriterCursorForCurrentNodes;
+    private getNodeTextLength;
+    private getTypewriterContentLength;
+    private clearTypewriterCursorTimeout;
+    private getLastTextNode;
+    private updateTypewriterCursorPosition;
+    private updateTypewriterCursorState;
 }
 export {};

package/dist/types/markstream-angular/src/components/TextNode/TextNode.component.d.ts

@@ -5,6 +5,7 @@ export declare class TextNodeComponent implements OnChanges {
     context?: AngularRenderContext;
     indexKey?: string;
     typewriter?: boolean;
+    fade?: boolean;
     settledText: string;
     streamedDelta: string;
     private streamFadeVersion;
@@ -12,6 +13,7 @@ export declare class TextNodeComponent implements OnChanges {
     ngOnChanges(): void;
     get centered(): boolean;
     get streamedDeltaClass(): "markstream-angular-text__stream-delta--a" | "markstream-angular-text__stream-delta--b";
+    get fadeEnabled(): boolean;
     get typewriterEnabled(): boolean;
     settleStreamedDelta(): void;
 }

package/dist/types/markstream-angular/src/components/TextNode/streamingTextState.d.ts

@@ -1,11 +1,2 @@
-export interface ResolveStreamingTextStateOptions {
-    nextContent: string;
-    previousContent: string;
-    typewriterEnabled: boolean;
-}
-export interface StreamingTextStateResult {
-    settledContent: string;
-    streamedDelta: string;
-    appended: boolean;
-}
-export declare function resolveStreamingTextState({ nextContent, previousContent, typewriterEnabled, }: ResolveStreamingTextStateOptions): StreamingTextStateResult;
+export { resolveStreamingTextState } from '../../../../markstream-core/src/index.ts';
+export type { ResolveStreamingTextStateOptions, StreamingTextStateResult } from '../../../../markstream-core/src/index.ts';

package/dist/types/markstream-angular/src/components/shared/node-helpers.d.ts

@@ -1,11 +1,76 @@
-import { Type } from '@angular/core';
+import { SmoothMarkdownStreamOptions } from '../../../../markstream-core/src/index.ts';
 import { BaseNode, HtmlPolicy, MarkdownIt, ParsedNode, ParseOptions, getHtmlTagFromContent, hasCompleteHtmlTagContent, normalizeCustomHtmlTags, normalizeCustomHtmlTagName as normalizeTagName, stripCustomHtmlWrapper } from '../../../../markdown-parser/src/index.ts';
+import { CustomComponentMap } from '../../customComponents';
 import { CodeBlockMonacoOptions, CodeBlockMonacoTheme } from '../../types/monaco';
 export { getHtmlTagFromContent, hasCompleteHtmlTagContent, normalizeCustomHtmlTags, normalizeTagName, stripCustomHtmlWrapper, };
 export type AngularRenderableNode = (ParsedNode | BaseNode) & Record<string, unknown>;
+export interface CodeBlockPreviewPayload {
+    node: AngularRenderableNode;
+    artifactType: 'text/html' | 'image/svg+xml';
+    artifactTitle: string;
+    id: string;
+}
+export type NodeRendererCodeBlockProps = Partial<{
+    stream: boolean;
+    darkTheme: CodeBlockMonacoTheme;
+    lightTheme: CodeBlockMonacoTheme;
+    themes: CodeBlockMonacoTheme[];
+    monacoOptions: CodeBlockMonacoOptions;
+    minWidth: string | number;
+    maxWidth: string | number;
+    isShowPreview: boolean;
+    enableFontSizeControl: boolean;
+    showHeader: boolean;
+    showCopyButton: boolean;
+    showExpandButton: boolean;
+    showPreviewButton: boolean;
+    showCollapseButton: boolean;
+    showFontSizeButtons: boolean;
+    htmlPreviewAllowScripts: boolean;
+    htmlPreviewSandbox: string;
+}> & Record<string, unknown>;
+export type NodeRendererMermaidProps = Partial<{
+    maxHeight: string | null;
+    estimatedPreviewHeightPx: number;
+    workerTimeoutMs: number;
+    parseTimeoutMs: number;
+    renderTimeoutMs: number;
+    fullRenderTimeoutMs: number;
+    renderDebounceMs: number;
+    showHeader: boolean;
+    showModeToggle: boolean;
+    showCopyButton: boolean;
+    showExportButton: boolean;
+    showFullscreenButton: boolean;
+    showCollapseButton: boolean;
+    showZoomControls: boolean;
+    isStrict: boolean;
+    enableMermaidInteractions: boolean;
+}> & Record<string, unknown>;
+export type NodeRendererD2Props = Partial<{
+    maxHeight: string | null;
+    themeId: number | null;
+    darkThemeId: number | null;
+    showHeader: boolean;
+    showModeToggle: boolean;
+    showCopyButton: boolean;
+    showExportButton: boolean;
+    showCollapseButton: boolean;
+}> & Record<string, unknown>;
+export type NodeRendererInfographicProps = Partial<{
+    maxHeight: string | null;
+    estimatedPreviewHeightPx: number;
+    showHeader: boolean;
+    showModeToggle: boolean;
+    showCopyButton: boolean;
+    showCollapseButton: boolean;
+    showExportButton: boolean;
+    showFullscreenButton: boolean;
+    showZoomControls: boolean;
+}> & Record<string, unknown>;
 export interface NodeRendererEvents {
     onCopy?: (code: string) => void;
-    onHandleArtifactClick?: (payload: any) => void;
+    onHandleArtifactClick?: (payload: CodeBlockPreviewPayload) => void;
 }
 export interface NodeRendererProps {
     content?: string;
@@ -24,17 +89,19 @@ export interface NodeRendererProps {
     renderCodeBlocksAsPre?: boolean;
     codeBlockMinWidth?: string | number;
     codeBlockMaxWidth?: string | number;
-    codeBlockProps?: Record<string, any>;
-    mermaidProps?: Record<string, any>;
-    d2Props?: Record<string, any>;
-    infographicProps?: Record<string, any>;
-    customComponents?: Record<string, Type<any>>;
+    codeBlockProps?: NodeRendererCodeBlockProps;
+    mermaidProps?: NodeRendererMermaidProps;
+    d2Props?: NodeRendererD2Props;
+    infographicProps?: NodeRendererInfographicProps;
+    customComponents?: CustomComponentMap;
     showTooltips?: boolean;
     themes?: CodeBlockMonacoTheme[];
     isDark?: boolean;
     customId?: string;
     indexKey?: number | string;
     typewriter?: boolean;
+    /** Enable/disable non-code-node enter and streamed-text fade animations. Default: true */
+    fade?: boolean;
     batchRendering?: boolean;
     initialRenderBatchSize?: number;
     renderBatchSize?: number;
@@ -45,6 +112,8 @@ export interface NodeRendererProps {
     maxLiveNodes?: number;
     liveNodeBuffer?: number;
     allowHtml?: boolean;
+    smoothStreaming?: boolean | 'auto';
+    smoothStreamingOptions?: SmoothMarkdownStreamOptions;
 }
 export interface AngularRenderContext {
     customId?: string;
@@ -52,6 +121,7 @@ export interface AngularRenderContext {
     indexKey?: string;
     final?: boolean;
     typewriter?: boolean;
+    fade?: boolean;
     textStreamState?: Map<string, string>;
     streamRenderVersion?: number;
     showTooltips?: boolean;
@@ -62,11 +132,11 @@ export interface AngularRenderContext {
     customHtmlTags?: readonly string[];
     parseOptions?: ParseOptions;
     customMarkdownIt?: (md: MarkdownIt) => MarkdownIt;
-    codeBlockProps?: Record<string, any>;
-    mermaidProps?: Record<string, any>;
-    d2Props?: Record<string, any>;
-    infographicProps?: Record<string, any>;
-    customComponents?: Record<string, Type<any>>;
+    codeBlockProps?: NodeRendererCodeBlockProps;
+    mermaidProps?: NodeRendererMermaidProps;
+    d2Props?: NodeRendererD2Props;
+    infographicProps?: NodeRendererInfographicProps;
+    customComponents?: CustomComponentMap;
     codeBlockThemes?: {
         themes?: CodeBlockMonacoTheme[];
         darkTheme?: CodeBlockMonacoTheme;

package/dist/types/markstream-angular/src/components/shared/node-outlet-helpers.d.ts

@@ -4,5 +4,7 @@ export declare function resolveNodeOutletCodeMode(node: AngularRenderableNode, c
 export declare function resolveHtmlTag(node: AngularRenderableNode): string;
 export declare function coerceCustomHtmlNode(node: AngularRenderableNode): AngularRenderableNode;
 export declare function coerceBuiltinHtmlNode(node: AngularRenderableNode, resolvedType: string): AngularRenderableNode;
-export declare function resolveNodeOutletCustomInputs(node: AngularRenderableNode, context?: AngularRenderContext): Record<string, any>;
+export declare function resolveNodeOutletCustomInputs(node: AngularRenderableNode, context?: AngularRenderContext): {
+    [x: string]: any;
+};
 export declare function resolveNodeOutletCustomComponent(node: AngularRenderableNode, context?: AngularRenderContext, customComponents?: Record<string, any> | null): any;

package/dist/types/markstream-angular/src/components/shared/smooth-streaming-scope.d.ts

@@ -0,0 +1,5 @@
+import { InjectionToken } from '@angular/core';
+export interface SmoothStreamingScope {
+    isSmoothStreamingEnabled: () => boolean;
+}
+export declare const MARKSTREAM_SMOOTH_STREAMING_SCOPE: InjectionToken<SmoothStreamingScope>;

package/dist/types/markstream-angular/src/customComponents.d.ts

@@ -1,5 +1,5 @@
 import { Type } from '@angular/core';
-export type CustomComponentMap = Record<string, Type<any>>;
+export type CustomComponentMap = Record<string, Type<unknown>>;
 export declare function subscribeCustomComponents(listener: () => void): () => void;
 export declare function getCustomComponentsRevision(): number;
 export declare function setCustomComponents(id: string, mapping: CustomComponentMap): void;

package/dist/types/markstream-angular/src/enhanceRenderedHtml.d.ts

@@ -1,15 +1,17 @@
+import { NodeRendererCodeBlockProps, NodeRendererD2Props, NodeRendererInfographicProps, NodeRendererMermaidProps } from './components/shared/node-helpers';
+import { CodeBlockMonacoOptions } from './types/monaco';
 export interface EnhanceRenderedHtmlOptions {
     final?: boolean;
     isDark?: boolean;
     renderCodeBlocksAsPre?: boolean;
-    monacoOptions?: Record<string, any>;
+    monacoOptions?: CodeBlockMonacoOptions;
     d2ThemeId?: number | null;
     d2DarkThemeId?: number | null;
     showTooltips?: boolean;
-    codeBlockProps?: Record<string, any>;
-    mermaidProps?: Record<string, any>;
-    d2Props?: Record<string, any>;
-    infographicProps?: Record<string, any>;
+    codeBlockProps?: NodeRendererCodeBlockProps;
+    mermaidProps?: NodeRendererMermaidProps;
+    d2Props?: NodeRendererD2Props;
+    infographicProps?: NodeRendererInfographicProps;
     onCopy?: (code: string) => void;
     isCancelled?: () => boolean;
 }

package/dist/types/markstream-angular/src/index.d.ts

@@ -33,9 +33,11 @@ export { NodeRendererComponent as NodeRenderer } from './components/NodeRenderer
 export { ParagraphNodeComponent as ParagraphNode } from './components/ParagraphNode/ParagraphNode.component';
 export { PreCodeNodeComponent as PreCodeNode } from './components/PreCodeNode/PreCodeNode.component';
 export { ReferenceNodeComponent as ReferenceNode } from './components/ReferenceNode/ReferenceNode.component';
-export type { AngularRenderableNode, AngularRenderContext, NodeRendererEvents, NodeRendererProps, } from './components/shared/node-helpers';
+export type { AngularRenderableNode, AngularRenderContext, CodeBlockPreviewPayload, NodeRendererCodeBlockProps, NodeRendererD2Props, NodeRendererEvents, NodeRendererInfographicProps, NodeRendererMermaidProps, NodeRendererProps, } from './components/shared/node-helpers';
 export { buildRenderContext, resolveParsedNodes, } from './components/shared/node-helpers';
 export { SafeAttrsDirective } from './components/shared/safe-attrs.directive';
+export { MARKSTREAM_SMOOTH_STREAMING_SCOPE } from './components/shared/smooth-streaming-scope';
+export type { SmoothStreamingScope } from './components/shared/smooth-streaming-scope';
 export { StrikethroughNodeComponent as StrikethroughNode } from './components/StrikethroughNode/StrikethroughNode.component';
 export { StrongNodeComponent as StrongNode } from './components/StrongNode/StrongNode.component';
 export { SubscriptNodeComponent as SubscriptNode } from './components/SubscriptNode/SubscriptNode.component';
@@ -64,6 +66,8 @@ export type { NestedMarkdownNodesInput, NestedMarkdownNodesOptions, } from './pa
 export { renderMarkdownNodesToHtml, renderMarkdownNodeToHtml, renderMarkdownToHtml, renderNestedMarkdownToHtml, } from './renderMarkdownHtml';
 export type { MarkstreamAngularRenderOptions, NestedMarkdownHtmlInput, NestedMarkdownHtmlOptions, RenderableMarkdownNode, } from './renderMarkdownHtml';
 export { sanitizeHtmlContent } from './sanitizeHtmlContent';
+export { SmoothMarkdownStreamService } from './services/smooth-markdown-stream.service';
+export type { SmoothMarkdownStreamOptions } from './services/smooth-markdown-stream.service';
 export type { CodeBlockDiffAppearance, CodeBlockDiffHideUnchangedRegions, CodeBlockDiffHideUnchangedRegionsOptions, CodeBlockDiffHunkActionContext, CodeBlockDiffHunkActionKind, CodeBlockDiffHunkSide, CodeBlockDiffLineStyle, CodeBlockDiffUnchangedRegionStyle, CodeBlockMonacoLanguage, CodeBlockMonacoOptions, CodeBlockMonacoTheme, CodeBlockMonacoThemeObject, } from './types/monaco';
 export { getLanguageIcon, languageMap, normalizeLanguageIdentifier, resolveMonacoLanguageId, setLanguageIconResolver, } from './utils/languageIcon';
 export type { LanguageIconResolver } from './utils/languageIcon';

package/dist/types/markstream-angular/src/optional/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/markstream-angular/src/optional/infographic.d.ts

@@ -1 +1,13 @@
-export declare function getInfographic(): Promise<any>;
+export interface InfographicInstance {
+    render: (source: string) => unknown;
+    destroy?: () => unknown;
+    on?: (event: string, handler: (payload: unknown) => void) => unknown;
+}
+export interface InfographicConstructor {
+    new (options: {
+        container: HTMLElement;
+        width?: string | number;
+        height?: string | number;
+    }): InfographicInstance;
+}
+export declare function getInfographic(): Promise<InfographicConstructor | null>;

package/dist/types/markstream-angular/src/optional/katex.d.ts

@@ -1,6 +1,9 @@
-export type KatexLoader = () => Promise<any> | any;
+export interface KatexModule {
+    renderToString: (content: string, options?: Record<string, unknown>) => string;
+}
+export type KatexLoader = () => Promise<unknown> | unknown;
 export declare function setKatexLoader(loader: KatexLoader | null): void;
 export declare function enableKatex(loader?: KatexLoader): void;
 export declare function disableKatex(): void;
 export declare function isKatexEnabled(): boolean;
-export declare function getKatex(): Promise<any>;
+export declare function getKatex(): Promise<KatexModule | null>;

package/dist/types/markstream-angular/src/optional/mermaid.d.ts

@@ -1,6 +1,27 @@
-export type MermaidLoader = () => Promise<any> | any;
+export type MermaidLoader = () => Promise<unknown> | unknown;
+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 setMermaidLoader(loader: MermaidLoader | null): void;
 export declare function enableMermaid(loader?: MermaidLoader): void;
 export declare function disableMermaid(): void;
 export declare function isMermaidEnabled(): boolean;
-export declare function getMermaid(initConfig?: Record<string, any>): Promise<any>;
+export declare function getMermaid(initConfig?: MermaidInitConfig): Promise<MermaidModule | null>;
+export {};

package/dist/types/markstream-angular/src/optional/monaco.d.ts

@@ -1 +1,18 @@
-export declare function getUseMonaco(): Promise<any>;
+export interface MonacoRuntimeHelpers {
+    createEditor?: (container: HTMLElement, code: string, language: string) => Promise<unknown> | unknown;
+    createDiffEditor?: (container: HTMLElement, original: string, modified: string, language: string) => Promise<unknown> | unknown;
+    updateCode?: (code: string, language?: string) => Promise<unknown> | unknown;
+    updateDiff?: (original: string, modified: string, language?: string) => Promise<unknown> | unknown;
+    cleanupEditor?: () => unknown;
+    safeClean?: () => unknown;
+    setTheme?: (theme?: string | Record<string, unknown>) => Promise<unknown> | unknown;
+    getEditorView?: () => unknown;
+    getDiffEditorView?: () => unknown;
+    refreshDiffPresentation?: () => unknown;
+}
+export interface MonacoRuntimeModule {
+    useMonaco: (options?: Record<string, unknown>) => MonacoRuntimeHelpers;
+    preloadMonacoWorkers?: () => Promise<unknown> | unknown;
+    getOrCreateHighlighter?: (...args: unknown[]) => Promise<unknown> | unknown;
+}
+export declare function getUseMonaco(): Promise<MonacoRuntimeModule | null>;