markstream-angular 2.0.21 → 2.0.24

package/dist/index.css

@@ -143,19 +143,8 @@ markstream-angular {
   width: 100%;
 }
 
-.markstream-angular .markstream-angular-text__stream-delta {
-  animation-duration: var(--stream-update-fade-duration, var(--fade-duration, var(--typewriter-fade-duration, 280ms)));
-  animation-timing-function: var(--stream-update-fade-ease, var(--fade-ease, var(--typewriter-fade-ease, cubic-bezier(0.33, 0, 0.67, 1))));
-  animation-fill-mode: both;
-}
 
-.markstream-angular .markstream-angular-text__stream-delta--a {
-  animation-name: markstream-angular-text-stream-update-fade-a;
-}
 
-.markstream-angular .markstream-angular-text__stream-delta--b {
-  animation-name: markstream-angular-text-stream-update-fade-b;
-}
 
 .markstream-angular h1,
 .markstream-angular h2,
@@ -259,15 +248,7 @@ markstream-angular {
   50% { opacity: var(--underline-opacity, 0.35); }
 }
 
-@keyframes markstream-angular-text-stream-update-fade-a {
-  from { opacity: 0; }
-  to { opacity: 1; }
-}
 
-@keyframes markstream-angular-text-stream-update-fade-b {
-  from { opacity: 0; }
-  to { opacity: 1; }
-}
 
 @media (prefers-reduced-motion: reduce) {
   .markstream-angular .node-placeholder::before {
@@ -279,9 +260,6 @@ markstream-angular {
     opacity: var(--underline-rest-opacity, 0.18);
   }
 
-  .markstream-angular .markstream-angular-text__stream-delta {
-    animation: none !important;
-  }
 
   .markstream-angular .fade-node,
   .markstream-angular .typewriter-node,
@@ -1575,3 +1553,27 @@ body > div[id^="dmermaid-"] {
   overflow: auto;
   margin: 0;
 }
+
+/* Streaming words share timing and identity across framework adapters. */
+:where(.markstream-angular) .text-node-stream-delta {
+  animation: markstream-angular-word-fade var(--stream-update-fade-duration, var(--fade-duration, 700ms)) var(--stream-update-fade-ease, var(--fade-ease, cubic-bezier(0.37, 0.55, 0.86, 0.88))) both;
+}
+:where(.markstream-angular) .text-node-stream-final {
+  animation: none !important;
+  opacity: 1;
+}
+@keyframes markstream-angular-word-fade {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+@media (prefers-reduced-motion: reduce) {
+  :where(.markstream-angular) .text-node-stream-delta { animation-duration: 0s !important; }
+}
+
+:where(.markstream-angular)[data-stream-final] .fade-node,
+:where(.markstream-angular)[data-stream-final] .fade-enter-active,
+:where(.markstream-angular)[data-stream-final] .typewriter-enter-active {
+  animation: none !important;
+  transition: none !important;
+  opacity: 1;
+}

package/dist/index.d.ts

@@ -1,8 +1,9 @@
-import { SmoothMarkdownStreamOptions } from 'markstream-core';
+import * as markstream_core from 'markstream-core';
+import { SmoothMarkdownStreamOptions, StreamingTextScope, SmoothMarkdownStreamSnapshot } from 'markstream-core';
 export { SmoothMarkdownStreamOptions } from 'markstream-core';
 import { ParsedNode, BaseNode, HtmlPolicy, ParseOptions, MarkdownIt } from 'stream-markdown-parser';
 import * as i0 from '@angular/core';
-import { Type, AfterViewInit, OnChanges, OnDestroy, OnInit, EventEmitter, SimpleChanges, InjectionToken, ElementRef } from '@angular/core';
+import { Type, AfterViewInit, OnChanges, OnDestroy, InjectionToken, ElementRef, OnInit, EventEmitter, SimpleChanges } from '@angular/core';
 import * as markstream_angular from 'markstream-angular';
 
 type CustomComponentMap = Record<string, Type<unknown>>;
@@ -706,30 +707,30 @@ declare class InfographicBlockNodeComponent implements AfterViewInit, OnChanges,
     static ɵcmp: i0.ɵɵComponentDeclaration<InfographicBlockNodeComponent, "markstream-angular-infographic-block-node", never, { "node": { "alias": "node"; "required": true; }; "context": { "alias": "context"; "required": false; }; "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-interface StreamSegment$1 {
-    id: number;
-    content: string;
-    fading: boolean;
+interface SmoothStreamingScope {
+    textScope?: StreamingTextScope;
+    isSmoothStreamingEnabled: () => boolean;
 }
-declare class InlineCodeNodeComponent implements OnChanges {
+declare const MARKSTREAM_SMOOTH_STREAMING_SCOPE: InjectionToken<SmoothStreamingScope>;
+
+declare class InlineCodeNodeComponent implements OnChanges, AfterViewInit, OnDestroy {
+    private readonly scope?;
     node: AngularRenderableNode;
     context?: AngularRenderContext;
     indexKey?: string;
     typewriter?: boolean;
     fade?: boolean;
-    segments: StreamSegment$1[];
-    private renderedCode;
-    private nextSegmentId;
+    host?: ElementRef<HTMLElement>;
+    initial: string;
+    private initialized;
+    private binding?;
+    private readonly localScope;
+    constructor(scope?: SmoothStreamingScope);
     ngOnChanges(): void;
-    get settledCode(): string;
-    get streamedDelta(): string;
-    streamedDeltaClass(segment: StreamSegment$1): "markstream-angular-text__stream-delta--a" | "markstream-angular-text__stream-delta--b";
-    get fadeEnabled(): boolean;
-    get typewriterEnabled(): boolean;
-    trackSegment(_index: number, segment: StreamSegment$1): number;
-    settleSegment(segmentId: number): void;
-    private setFullCode;
-    static ɵfac: i0.ɵɵFactoryDeclaration<InlineCodeNodeComponent, never>;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private update;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InlineCodeNodeComponent, [{ optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<InlineCodeNodeComponent, "markstream-angular-inline-code-node", never, { "node": { "alias": "node"; "required": true; }; "context": { "alias": "context"; "required": false; }; "indexKey": { "alias": "indexKey"; "required": false; }; "typewriter": { "alias": "typewriter"; "required": false; }; "fade": { "alias": "fade"; "required": false; }; }, {}, never, never, true, never>;
 }
 
@@ -992,7 +993,11 @@ declare class NodeRendererComponent implements NodeRendererProps, OnChanges, OnI
     private readonly cdr;
     private readonly hostRef;
     private readonly smoothStream;
+    private finalReady;
+    private streamBridge?;
     private readonly parentSmoothStreamingScope;
+    private readonly ownTextScope;
+    get textScope(): markstream_core.StreamingTextScope;
     private rootRef?;
     private typewriterCursorRef?;
     content: string;
@@ -1211,11 +1216,6 @@ declare class SafeAttrsDirective implements OnChanges {
     static ɵdir: i0.ɵɵDirectiveDeclaration<SafeAttrsDirective, "[markstreamSafeAttrs]", never, { "markstreamSafeAttrs": { "alias": "markstreamSafeAttrs"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-interface SmoothStreamingScope {
-    isSmoothStreamingEnabled: () => boolean;
-}
-declare const MARKSTREAM_SMOOTH_STREAMING_SCOPE: InjectionToken<SmoothStreamingScope>;
-
 declare class StrikethroughNodeComponent {
     node: AngularRenderableNode;
     context?: AngularRenderContext;
@@ -1286,33 +1286,24 @@ declare class TableNodeComponent implements OnDestroy {
     static ɵcmp: i0.ɵɵComponentDeclaration<TableNodeComponent, "markstream-angular-table-node", never, { "node": { "alias": "node"; "required": true; }; "context": { "alias": "context"; "required": false; }; "indexKey": { "alias": "indexKey"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-interface StreamSegment {
-    id: number;
-    content: string;
-    fading: boolean;
-}
-declare class TextNodeComponent implements OnChanges {
+declare class TextNodeComponent implements OnChanges, AfterViewInit, OnDestroy {
+    private readonly scope?;
     node: AngularRenderableNode;
     context?: AngularRenderContext;
     indexKey?: string;
     typewriter?: boolean;
     fade?: boolean;
-    segments: StreamSegment[];
-    private renderedText;
-    private nextSegmentId;
-    private lastStreamRenderVersion?;
+    host?: ElementRef<HTMLElement>;
+    initial: string;
+    private initialized;
+    private binding?;
+    private readonly localScope;
+    constructor(scope?: SmoothStreamingScope);
     ngOnChanges(): void;
-    get centered(): boolean;
-    get settledText(): string;
-    get streamedDelta(): string;
-    streamedDeltaClass(segment: StreamSegment): "markstream-angular-text__stream-delta--a" | "markstream-angular-text__stream-delta--b";
-    get fadeEnabled(): boolean;
-    get typewriterEnabled(): boolean;
-    trackSegment(_index: number, segment: StreamSegment): number;
-    settleSegment(segmentId: number): void;
-    private setFullText;
-    private settleFadingSegments;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TextNodeComponent, never>;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private update;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextNodeComponent, [{ optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TextNodeComponent, "markstream-angular-text-node", never, { "node": { "alias": "node"; "required": true; }; "context": { "alias": "context"; "required": false; }; "indexKey": { "alias": "indexKey"; "required": false; }; "typewriter": { "alias": "typewriter"; "required": false; }; "fade": { "alias": "fade"; "required": false; }; }, {}, never, never, true, never>;
 }
 
@@ -1466,6 +1457,7 @@ declare class SmoothMarkdownStreamService implements OnDestroy {
      * rebuild / markForCheck.
      */
     subscribe(listener: () => void): () => void;
+    getSnapshot: () => SmoothMarkdownStreamSnapshot;
     get source(): string;
     get visible(): string;
     get done(): boolean;
@@ -1476,8 +1468,12 @@ declare class SmoothMarkdownStreamService implements OnDestroy {
     finish(options?: {
         flush?: boolean;
     }): void;
-    flush(): void;
-    reset(initialMarkdown?: string): void;
+    flush(options?: {
+        maxChars?: number;
+    }): void;
+    reset(initialMarkdown?: string, options?: {
+        prefixKnown?: boolean;
+    }): void;
     pause(): void;
     resume(): void;
     private syncSnapshot;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "markstream-angular",
   "type": "module",
-  "version": "2.0.21",
+  "version": "2.0.24",
   "description": "Angular 20+ standalone streaming Markdown renderer for AI chat, LLM token streams, SSE/WebSocket output, incomplete Markdown, Mermaid, KaTeX, stream-diffs powered code blocks, and safe Angular component rendering.",
   "author": "Simon He",
   "license": "MIT",
@@ -94,8 +94,8 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.8.0",
-    "markstream-core": "2.0.21",
-    "stream-markdown-parser": "1.2.22"
+    "stream-markdown-parser": "1.2.25",
+    "markstream-core": "2.0.24"
   },
   "devDependencies": {
     "@angular/common": "^20.3.26",