markstream-angular 0.0.1-alpha.6 → 0.0.1-alpha.7

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

@@ -45,6 +45,7 @@ export declare class CodeBlockNodeComponent implements AfterViewInit, OnChanges,
     get rawLanguage(): string;
     get canonicalLanguage(): string;
     get monacoLanguage(): string;
+    get isPlainTextLanguage(): boolean;
     get displayLanguage(): string;
     get languageIconDataUrl(): string;
     get resolvedCode(): string;

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

@@ -1,4 +1,4 @@
-import { AfterViewInit, OnChanges, OnDestroy, OnInit, EventEmitter } from '@angular/core';
+import { AfterViewInit, OnChanges, OnDestroy, OnInit, SimpleChanges, EventEmitter } from '@angular/core';
 import { AngularRenderableNode, AngularRenderContext, NodeRendererProps } from '../shared/node-helpers';
 interface VisibleNodeEntry {
     node: AngularRenderableNode;
@@ -64,6 +64,7 @@ export declare class NodeRendererComponent implements NodeRendererProps, OnChang
     private readonly nodeVisibility;
     private readonly nodeSeen;
     private readonly textStreamState;
+    private streamRenderVersion;
     private readonly slotElements;
     private readonly observedElements;
     private observer;
@@ -89,7 +90,7 @@ export declare class NodeRendererComponent implements NodeRendererProps, OnChang
     get incrementalRenderingActive(): boolean;
     get deferNodesActive(): boolean;
     get shouldObserveSlots(): boolean;
-    ngOnChanges(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;

package/dist/types/components/TextNode/TextNode.component.d.ts

@@ -8,6 +8,7 @@ export declare class TextNodeComponent implements OnChanges {
     settledText: string;
     streamedDelta: string;
     private streamFadeVersion;
+    private lastStreamRenderVersion?;
     ngOnChanges(): void;
     get centered(): boolean;
     get streamedDeltaClass(): "markstream-angular-text__stream-delta--a" | "markstream-angular-text__stream-delta--b";

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

@@ -1,5 +1,6 @@
 import { Type } from '@angular/core';
 import { BaseNode, MarkdownIt, ParsedNode, ParseOptions } from 'stream-markdown-parser';
+import { CodeBlockMonacoOptions, CodeBlockMonacoTheme } from '../../types/monaco';
 export type AngularRenderableNode = (ParsedNode | BaseNode) & Record<string, unknown>;
 export interface NodeRendererEvents {
     onCopy?: (code: string) => void;
@@ -15,9 +16,9 @@ export interface NodeRendererProps {
     customHtmlTags?: readonly string[];
     viewportPriority?: boolean;
     codeBlockStream?: boolean;
-    codeBlockDarkTheme?: any;
-    codeBlockLightTheme?: any;
-    codeBlockMonacoOptions?: Record<string, any>;
+    codeBlockDarkTheme?: CodeBlockMonacoTheme;
+    codeBlockLightTheme?: CodeBlockMonacoTheme;
+    codeBlockMonacoOptions?: CodeBlockMonacoOptions;
     renderCodeBlocksAsPre?: boolean;
     codeBlockMinWidth?: string | number;
     codeBlockMaxWidth?: string | number;
@@ -27,7 +28,7 @@ export interface NodeRendererProps {
     infographicProps?: Record<string, any>;
     customComponents?: Record<string, Type<any>>;
     showTooltips?: boolean;
-    themes?: string[];
+    themes?: CodeBlockMonacoTheme[];
     isDark?: boolean;
     customId?: string;
     indexKey?: number | string;
@@ -50,6 +51,7 @@ export interface AngularRenderContext {
     final?: boolean;
     typewriter?: boolean;
     textStreamState?: Map<string, string>;
+    streamRenderVersion?: number;
     showTooltips?: boolean;
     codeBlockStream?: boolean;
     renderCodeBlocksAsPre?: boolean;
@@ -63,17 +65,17 @@ export interface AngularRenderContext {
     infographicProps?: Record<string, any>;
     customComponents?: Record<string, Type<any>>;
     codeBlockThemes?: {
-        themes?: string[];
-        darkTheme?: any;
-        lightTheme?: any;
-        monacoOptions?: Record<string, any>;
+        themes?: CodeBlockMonacoTheme[];
+        darkTheme?: CodeBlockMonacoTheme;
+        lightTheme?: CodeBlockMonacoTheme;
+        monacoOptions?: CodeBlockMonacoOptions;
         minWidth?: string | number;
         maxWidth?: string | number;
     };
     events: NodeRendererEvents;
 }
 export declare const BLOCK_LEVEL_TYPES: Set<string>;
-export declare function buildRenderContext(props: NodeRendererProps, events?: NodeRendererEvents, textStreamState?: Map<string, string>): AngularRenderContext;
+export declare function buildRenderContext(props: NodeRendererProps, events?: NodeRendererEvents, textStreamState?: Map<string, string>, streamRenderVersion?: number): AngularRenderContext;
 export declare function resolveParsedNodes(props: NodeRendererProps): AngularRenderableNode[];
 export declare function getNodeList(value: unknown): AngularRenderableNode[];
 export declare function getString(value: unknown): string;

package/dist/types/index.d.ts

@@ -52,6 +52,7 @@ 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';
@@ -63,6 +64,7 @@ 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 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';

package/dist/types/types/monaco.d.ts

@@ -0,0 +1,64 @@
+export interface CodeBlockMonacoThemeObject {
+    name: string;
+    base?: string;
+    inherit?: boolean;
+    colors?: Record<string, string>;
+    rules?: Array<Record<string, unknown>>;
+    [key: string]: unknown;
+}
+export type CodeBlockMonacoTheme = string | CodeBlockMonacoThemeObject;
+export type CodeBlockMonacoLanguage = string | ((...args: any[]) => unknown);
+export interface CodeBlockDiffHideUnchangedRegionsOptions {
+    enabled?: boolean;
+    contextLineCount?: number;
+    minimumLineCount?: number;
+    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;
+    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?: CodeBlockMonacoLanguage[];
+    renderSideBySide?: 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, any>;
+    [key: string]: any;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "markstream-angular",
   "type": "module",
-  "version": "0.0.1-alpha.6",
+  "version": "0.0.1-alpha.7",
   "description": "Experimental Angular Markdown renderer for Markstream, built on stream-markdown AST and a stable HTML baseline renderer.",
   "author": "Simon He",
   "license": "MIT",
@@ -68,7 +68,7 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",
-    "stream-markdown-parser": "0.0.75"
+    "stream-markdown-parser": "0.0.76"
   },
   "devDependencies": {
     "@types/node": "^18.19.130",