markstream-angular 0.0.2-beta.1 → 0.0.2-beta.11

package/dist/types/index.d.ts

@@ -1,73 +1,6 @@
-export { AdmonitionNodeComponent as AdmonitionNode } from './components/AdmonitionNode/AdmonitionNode.component';
-export { BlockquoteNodeComponent as BlockquoteNode } from './components/BlockquoteNode/BlockquoteNode.component';
-export { CheckboxNodeComponent as CheckboxNode } from './components/CheckboxNode/CheckboxNode.component';
-export { CodeBlockNodeComponent as CodeBlockNode } from './components/CodeBlockNode/CodeBlockNode.component';
-export { CodeBlockNodeComponent as AngularCodeBlockNode } from './components/CodeBlockNode/CodeBlockNode.component';
-export { CodeBlockNodeComponent as MarkdownCodeBlockNode } from './components/CodeBlockNode/CodeBlockNode.component';
-export { HtmlPreviewFrameComponent as HtmlPreviewFrame } from './components/CodeBlockNode/HtmlPreviewFrame.component';
-export { D2BlockNodeComponent as D2BlockNode } from './components/D2BlockNode/D2BlockNode.component';
-export { DefinitionListNodeComponent as DefinitionListNode } from './components/DefinitionListNode/DefinitionListNode.component';
-export { EmojiNodeComponent as EmojiNode } from './components/EmojiNode/EmojiNode.component';
-export { EmphasisNodeComponent as EmphasisNode } from './components/EmphasisNode/EmphasisNode.component';
-export { FallbackComponent } from './components/FallbackComponent/FallbackComponent.component';
-export { FootnoteAnchorNodeComponent as FootnoteAnchorNode } from './components/FootnoteAnchorNode/FootnoteAnchorNode.component';
-export { FootnoteNodeComponent as FootnoteNode } from './components/FootnoteNode/FootnoteNode.component';
-export { FootnoteReferenceNodeComponent as FootnoteReferenceNode } from './components/FootnoteReferenceNode/FootnoteReferenceNode.component';
-export { HardBreakNodeComponent as HardBreakNode } from './components/HardBreakNode/HardBreakNode.component';
-export { HeadingNodeComponent as HeadingNode } from './components/HeadingNode/HeadingNode.component';
-export { HighlightNodeComponent as HighlightNode } from './components/HighlightNode/HighlightNode.component';
-export { HtmlBlockNodeComponent as HtmlBlockNode } from './components/HtmlBlockNode/HtmlBlockNode.component';
-export { HtmlInlineNodeComponent as HtmlInlineNode } from './components/HtmlInlineNode/HtmlInlineNode.component';
-export { ImageNodeComponent as ImageNode } from './components/ImageNode/ImageNode.component';
-export { InfographicBlockNodeComponent as InfographicBlockNode } from './components/InfographicBlockNode/InfographicBlockNode.component';
-export { InlineCodeNodeComponent as InlineCodeNode } from './components/InlineCodeNode/InlineCodeNode.component';
-export { InsertNodeComponent as InsertNode } from './components/InsertNode/InsertNode.component';
-export { LinkNodeComponent as LinkNode } from './components/LinkNode/LinkNode.component';
-export { ListItemNodeComponent as ListItemNode } from './components/ListItemNode/ListItemNode.component';
-export { ListNodeComponent as ListNode } from './components/ListNode/ListNode.component';
-export { MathBlockNodeComponent as MathBlockNode } from './components/MathBlockNode/MathBlockNode.component';
-export { MathInlineNodeComponent as MathInlineNode } from './components/MathInlineNode/MathInlineNode.component';
-export { MermaidBlockNodeComponent as MermaidBlockNode } from './components/MermaidBlockNode/MermaidBlockNode.component';
-export { NestedRendererComponent as NestedRenderer } from './components/NestedRenderer/NestedRenderer.component';
-export { NodeRendererComponent as NodeRenderer } from './components/NodeRenderer/NodeRenderer.component';
-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 { buildRenderContext, resolveParsedNodes, } from './components/shared/node-helpers';
-export { SafeAttrsDirective } from './components/shared/safe-attrs.directive';
-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';
-export { SuperscriptNodeComponent as SuperscriptNode } from './components/SuperscriptNode/SuperscriptNode.component';
-export { TableNodeComponent as TableNode } from './components/TableNode/TableNode.component';
-export { TextNodeComponent as TextNode } from './components/TextNode/TextNode.component';
-export { ThematicBreakNodeComponent as ThematicBreakNode } from './components/ThematicBreakNode/ThematicBreakNode.component';
-export { VmrContainerNodeComponent as VmrContainerNode } from './components/VmrContainerNode/VmrContainerNode.component';
-export { clearGlobalCustomComponents, getCustomComponentsRevision, getCustomNodeComponents, removeCustomComponents, setCustomComponents, subscribeCustomComponents, } from './customComponents';
-export type { CustomComponentMap } from './customComponents';
-export { disposeRenderedHtmlEnhancements, enhanceRenderedHtml, } from './enhanceRenderedHtml';
-export type { EnhanceRenderedHtmlOptions, RenderedHtmlEnhancementHandle } from './enhanceRenderedHtml';
-export { setDefaultI18nMap, useSafeI18n } from './i18n/useSafeI18n';
-export { MarkstreamAngularComponent } from './markstream-angular.component';
-export { MarkstreamAngularComponent as MarkdownRenderComponent } from './markstream-angular.component';
-export { MarkstreamAngularComponent as default } from './markstream-angular.component';
-export type { MarkstreamAngularComponentProps } from './markstream-angular.component';
-export type { D2Loader } from './optional/d2';
-export { disableD2, enableD2, isD2Enabled, setD2Loader, } from './optional/d2';
-export type { KatexLoader } from './optional/katex';
-export { disableKatex, enableKatex, getKatex, isKatexEnabled, setKatexLoader, } from './optional/katex';
-export type { MermaidLoader } from './optional/mermaid';
-export { disableMermaid, enableMermaid, getMermaid, isMermaidEnabled, setMermaidLoader, } from './optional/mermaid';
-export { parseNestedMarkdownToNodes, } from './parseNestedMarkdownToNodes';
-export type { NestedMarkdownNodesInput, NestedMarkdownNodesOptions, } from './parseNestedMarkdownToNodes';
-export { renderMarkdownNodesToHtml, renderMarkdownNodeToHtml, renderMarkdownToHtml, renderNestedMarkdownToHtml, } from './renderMarkdownHtml';
-export type { MarkstreamAngularRenderOptions, NestedMarkdownHtmlInput, NestedMarkdownHtmlOptions, RenderableMarkdownNode, } from './renderMarkdownHtml';
-export { sanitizeHtmlContent } from './sanitizeHtmlContent';
-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';
-export * from './workers/katexCdnWorker';
-export * from './workers/katexWorkerClient';
-export * from './workers/mermaidCdnWorker';
-export * from './workers/mermaidWorkerClient';
+export * from './markstream-angular/src/index'
+export {}
+import MarkstreamAngular from './markstream-angular/src/index'
+export default MarkstreamAngular
+export * from './markstream-angular/src/index'
+export {}

package/dist/types/{components → 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/{components → markstream-angular/src/components}/CodeBlockNode/HtmlPreviewFrame.component.d.ts

@@ -1,9 +1,12 @@
 export declare class HtmlPreviewFrameComponent {
     code: string;
     isDark: boolean;
+    htmlPreviewAllowScripts: boolean;
+    htmlPreviewSandbox?: string;
     title?: string;
     onClose?: () => void;
     private readonly i18n;
     get resolvedTitle(): string;
+    get sandboxValue(): string;
     get srcdoc(): string;
 }

package/dist/types/{components → 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/{components → markstream-angular/src/components}/FootnoteReferenceNode/FootnoteReferenceNode.component.d.ts

@@ -3,4 +3,5 @@ export declare class FootnoteReferenceNodeComponent {
     node: AngularRenderableNode;
     get id(): string;
     get href(): string;
+    get referenceId(): string;
 }

package/dist/types/{components → 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;
@@ -35,6 +44,9 @@ export declare class InfographicBlockNodeComponent implements AfterViewInit, OnC
     get resolvedShowZoomControls(): boolean;
     get resolvedShowTooltips(): boolean;
     get resolvedMaxHeight(): string;
+    get estimatedPreviewHeightPx(): number;
+    get resolvedContainerMinHeight(): string;
+    private get maxPreviewHeight();
     private resolveContainerMinHeight;
     get resolvedLoading(): boolean;
     get resolvedProgressiveRender(): boolean;

package/dist/types/{components → 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/{components → markstream-angular/src/components}/MermaidBlockNode/MermaidBlockNode.component.d.ts

@@ -21,6 +21,21 @@ export declare class MermaidBlockNodeComponent implements AfterViewInit, OnChang
     private copyTimer;
     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;
     };
     get code(): string;
     get resolvedIsDark(): boolean;
@@ -33,6 +48,8 @@ export declare class MermaidBlockNodeComponent implements AfterViewInit, OnChang
     get resolvedShowZoomControls(): boolean;
     get resolvedShowTooltips(): boolean;
     get resolvedMaxHeight(): string;
+    get estimatedPreviewHeightPx(): number;
+    private get maxPreviewHeight();
     get resolvedWorkerTimeout(): number;
     get resolvedParseTimeout(): number;
     get resolvedRenderTimeout(): number;

package/dist/types/{components → markstream-angular/src/components}/NestedRenderer/NestedRenderer.component.d.ts

@@ -1,5 +1,5 @@
 import { OnChanges } from '@angular/core';
-import { MarkdownIt, ParseOptions } from 'stream-markdown-parser';
+import { MarkdownIt, ParseOptions } from '../../../../markdown-parser/src/index.ts';
 import { AngularRenderableNode, AngularRenderContext } from '../shared/node-helpers';
 type NestedRenderItem = {
     kind: 'label';

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

@@ -4,8 +4,8 @@ export declare class NodeOutletComponent {
     context?: AngularRenderContext;
     indexKey?: string;
     get resolvedType(): string;
-    get customComponentMap(): Record<string, import('@angular/core').Type<any>>;
-    get resolvedCustomComponent(): import('@angular/core').Type<any>;
+    get customComponentMap(): import('../..').CustomComponentMap;
+    get resolvedCustomComponent(): any;
     get customNode(): AngularRenderableNode;
     get codeMode(): import('../shared/node-outlet-helpers').CodeBlockMode;
     get htmlTag(): string;
@@ -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/{components → 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;
@@ -18,25 +22,29 @@ export declare class NodeRendererComponent implements NodeRendererProps, OnChang
     customMarkdownIt?: NodeRendererProps['customMarkdownIt'];
     debugPerformance?: boolean;
     customHtmlTags?: readonly string[];
+    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;
@@ -47,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>;
@@ -79,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;
@@ -98,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;
@@ -118,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/TableNode/TableNode.component.d.ts

@@ -0,0 +1,29 @@
+import { ElementRef, OnDestroy } from '@angular/core';
+import { AngularRenderableNode, AngularRenderContext } from '../shared/node-helpers';
+export declare class TableNodeComponent implements OnDestroy {
+    tableElement?: ElementRef<HTMLTableElement>;
+    private readonly cdr;
+    private currentHeaderCellCount;
+    private readonly minColumnWidth;
+    private resizeState;
+    columnWidths: number[];
+    private _node;
+    set node(value: AngularRenderableNode);
+    get node(): AngularRenderableNode;
+    context?: AngularRenderContext;
+    indexKey?: string;
+    get headerRow(): AngularRenderableNode;
+    get headerCells(): AngularRenderableNode[];
+    get rows(): AngularRenderableNode[];
+    cellsFor(row: AngularRenderableNode): AngularRenderableNode[];
+    childrenFor(cell: AngularRenderableNode): AngularRenderableNode[];
+    alignment(cell: AngularRenderableNode): string;
+    trackRow: (index: number) => string;
+    trackCell: (index: number) => number;
+    cellPrefix(rowIndex: string | number, cellIndex: number): string;
+    startColumnResize(index: number, event: PointerEvent): void;
+    ngOnDestroy(): void;
+    private measureHeaderWidths;
+    private onColumnResizeMove;
+    private stopColumnResize;
+}

package/dist/types/{components → 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

@@ -0,0 +1,2 @@
+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/diagram-height.d.ts

@@ -0,0 +1,9 @@
+export declare const MERMAID_PREVIEW_MIN_HEIGHT = 360;
+export declare const MERMAID_PREVIEW_MAX_HEIGHT = 500;
+export declare const INFOGRAPHIC_PREVIEW_MIN_HEIGHT = 360;
+export declare const INFOGRAPHIC_PREVIEW_MAX_HEIGHT = 500;
+export declare function parsePositiveNumber(value: unknown): number;
+export declare function getMermaidDiagramKind(code: string): string;
+export declare function estimateMermaidPreviewHeight(code: string): number;
+export declare function estimateInfographicPreviewHeight(code: string): number;
+export declare function clampPreviewHeight(height: number, minHeight?: number, maxHeight?: number | null): number;

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

@@ -1,11 +1,75 @@
-import { Type } from '@angular/core';
-import { BaseNode, MarkdownIt, ParsedNode, ParseOptions, getHtmlTagFromContent, hasCompleteHtmlTagContent, normalizeCustomHtmlTags, normalizeCustomHtmlTagName as normalizeTagName, stripCustomHtmlWrapper } from 'stream-markdown-parser';
+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;
+}> & 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;
@@ -15,6 +79,7 @@ export interface NodeRendererProps {
     customMarkdownIt?: (md: MarkdownIt) => MarkdownIt;
     debugPerformance?: boolean;
     customHtmlTags?: readonly string[];
+    htmlPolicy?: HtmlPolicy;
     viewportPriority?: boolean;
     codeBlockStream?: boolean;
     codeBlockDarkTheme?: CodeBlockMonacoTheme;
@@ -23,17 +88,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;
@@ -44,6 +111,8 @@ export interface NodeRendererProps {
     maxLiveNodes?: number;
     liveNodeBuffer?: number;
     allowHtml?: boolean;
+    smoothStreaming?: boolean | 'auto';
+    smoothStreamingOptions?: SmoothMarkdownStreamOptions;
 }
 export interface AngularRenderContext {
     customId?: string;
@@ -51,20 +120,22 @@ export interface AngularRenderContext {
     indexKey?: string;
     final?: boolean;
     typewriter?: boolean;
+    fade?: boolean;
     textStreamState?: Map<string, string>;
     streamRenderVersion?: number;
     showTooltips?: boolean;
     codeBlockStream?: boolean;
     renderCodeBlocksAsPre?: boolean;
     allowHtml?: boolean;
+    htmlPolicy?: HtmlPolicy;
     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/{components → markstream-angular/src/components}/shared/node-outlet-helpers.d.ts

@@ -4,4 +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/{customComponents.d.ts → 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;