markstream-svelte 0.0.1-beta.1

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

@@ -0,0 +1,108 @@
+import type { BaseNode, HtmlPolicy, MarkdownIt, ParsedNode, ParseOptions } from 'stream-markdown-parser';
+import type { CustomComponentMap } from '../../customComponents';
+import type { CodeBlockMonacoOptions, CodeBlockMonacoTheme } from '../../types/monaco';
+import { getHtmlTagFromContent, hasCompleteHtmlTagContent, normalizeCustomHtmlTags, normalizeCustomHtmlTagName as normalizeTagName, stripCustomHtmlWrapper } from 'stream-markdown-parser';
+export { getHtmlTagFromContent, hasCompleteHtmlTagContent, normalizeCustomHtmlTags, normalizeTagName, stripCustomHtmlWrapper, };
+export type SvelteRenderableNode = (ParsedNode | BaseNode) & Record<string, unknown>;
+export interface NodeRendererEvents {
+    onCopy?: (code: string) => void;
+    onHandleArtifactClick?: (payload: any) => void;
+}
+export interface NodeRendererProps {
+    content?: string;
+    nodes?: readonly BaseNode[] | null;
+    final?: boolean;
+    parseOptions?: ParseOptions;
+    customMarkdownIt?: (md: MarkdownIt) => MarkdownIt;
+    debugPerformance?: boolean;
+    customHtmlTags?: readonly string[];
+    htmlPolicy?: HtmlPolicy;
+    viewportPriority?: boolean;
+    codeBlockStream?: boolean;
+    codeBlockDarkTheme?: CodeBlockMonacoTheme;
+    codeBlockLightTheme?: CodeBlockMonacoTheme;
+    codeBlockMonacoOptions?: 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>;
+    customComponents?: CustomComponentMap;
+    showTooltips?: boolean;
+    themes?: CodeBlockMonacoTheme[];
+    isDark?: boolean;
+    customId?: string;
+    indexKey?: number | string;
+    typewriter?: boolean;
+    batchRendering?: boolean;
+    initialRenderBatchSize?: number;
+    renderBatchSize?: number;
+    renderBatchDelay?: number;
+    renderBatchBudgetMs?: number;
+    renderBatchIdleTimeoutMs?: number;
+    deferNodesUntilVisible?: boolean;
+    maxLiveNodes?: number;
+    liveNodeBuffer?: number;
+    allowHtml?: boolean;
+}
+export interface SvelteRenderContext {
+    customId?: string;
+    isDark?: boolean;
+    indexKey?: string;
+    final?: boolean;
+    typewriter?: 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?: CustomComponentMap;
+    codeBlockThemes?: {
+        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>, streamRenderVersion?: number): SvelteRenderContext;
+export declare function resolveParsedNodes(props: NodeRendererProps): SvelteRenderableNode[];
+export declare function getNodeList(value: unknown): SvelteRenderableNode[];
+export declare function isWhitespaceTextNode(node: SvelteRenderableNode | null | undefined): boolean;
+export declare function getMeaningfulLinkChildren(node: SvelteRenderableNode | null | undefined): SvelteRenderableNode[];
+export declare function isImageOnlyLinkNode(node: SvelteRenderableNode | null | undefined): boolean;
+export declare function isMediaOnlyParagraphNodes(children: readonly SvelteRenderableNode[]): boolean;
+export declare function normalizeMediaOnlyParagraphNodes(children: readonly SvelteRenderableNode[]): SvelteRenderableNode[];
+export declare function getString(value: unknown): string;
+export declare function isSafeAttrName(value: string): boolean;
+export declare function escapeHtml(value: unknown): string;
+export declare function escapeAttr(value: unknown): string;
+export declare function sanitizeClassToken(value: string): string;
+export declare function clampHeadingLevel(value: unknown): number;
+export declare function capitalize(value: string): string;
+export declare function normalizeCodeLanguage(raw: unknown): string;
+export declare function resolveCodeBlockLanguage(node: SvelteRenderableNode): string;
+export declare function encodeDataPayload(value: string): any;
+export declare function normalizeTokenAttrs(attrs?: Array<[string, string | null]> | null): Record<string, string | true>;
+export declare function splitParagraphChildren(children: readonly SvelteRenderableNode[]): ({
+    kind: "inline";
+    nodes: SvelteRenderableNode[];
+} | {
+    kind: "block";
+    node: SvelteRenderableNode;
+})[];
+//# sourceMappingURL=node-helpers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"node-helpers.d.ts","sourceRoot":"","sources":["../../../src/components/shared/node-helpers.ts"],"names":[],"mappings":"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"}

package/dist/components/shared/node-helpers.js

@@ -0,0 +1,220 @@
+import { getHtmlTagFromContent, getMarkdown, hasCompleteHtmlTagContent, normalizeCustomHtmlTags, normalizeCustomHtmlTagName as normalizeTagName, parseMarkdownToStructure, stripCustomHtmlWrapper, } from 'stream-markdown-parser';
+import { hydrateCustomTagContent } from '../../hydrateCustomTagContent';
+export { getHtmlTagFromContent, hasCompleteHtmlTagContent, normalizeCustomHtmlTags, normalizeTagName, stripCustomHtmlWrapper, };
+const markdownCache = new Map();
+export const BLOCK_LEVEL_TYPES = new Set([
+    'table',
+    'code_block',
+    'html_block',
+    'blockquote',
+    'list',
+    'list_item',
+    'definition_list',
+    'footnote',
+    'admonition',
+    'thematic_break',
+    'math_block',
+    'thinking',
+    'vmr_container',
+]);
+export function buildRenderContext(props, events = {}, textStreamState, streamRenderVersion) {
+    var _a, _b;
+    const customHtmlTags = normalizeCustomHtmlTags([
+        ...(props.customHtmlTags || []),
+        ...(((_a = props.parseOptions) === null || _a === void 0 ? void 0 : _a.customHtmlTags) || []),
+    ]);
+    return {
+        customId: props.customId,
+        isDark: props.isDark,
+        indexKey: props.indexKey != null ? String(props.indexKey) : undefined,
+        final: props.final,
+        typewriter: props.typewriter,
+        textStreamState,
+        streamRenderVersion,
+        showTooltips: props.showTooltips,
+        codeBlockStream: props.codeBlockStream,
+        renderCodeBlocksAsPre: props.renderCodeBlocksAsPre,
+        allowHtml: props.allowHtml !== false,
+        htmlPolicy: (_b = props.htmlPolicy) !== null && _b !== void 0 ? _b : 'safe',
+        customHtmlTags,
+        parseOptions: props.parseOptions,
+        customMarkdownIt: props.customMarkdownIt,
+        codeBlockProps: props.codeBlockProps,
+        mermaidProps: props.mermaidProps,
+        d2Props: props.d2Props,
+        infographicProps: props.infographicProps,
+        customComponents: props.customComponents,
+        codeBlockThemes: {
+            themes: props.themes,
+            darkTheme: props.codeBlockDarkTheme,
+            lightTheme: props.codeBlockLightTheme,
+            monacoOptions: props.codeBlockMonacoOptions,
+            minWidth: props.codeBlockMinWidth,
+            maxWidth: props.codeBlockMaxWidth,
+        },
+        events,
+    };
+}
+export function resolveParsedNodes(props) {
+    var _a, _b;
+    if (Array.isArray(props.nodes))
+        return props.nodes;
+    const content = getString(props.content);
+    if (!content)
+        return [];
+    const normalizedTags = normalizeCustomHtmlTags([
+        ...(props.customHtmlTags || []),
+        ...(((_a = props.parseOptions) === null || _a === void 0 ? void 0 : _a.customHtmlTags) || []),
+    ]);
+    const cacheKey = `${props.customId || 'markstream-svelte'}::${normalizedTags.join(',')}`;
+    let markdown = markdownCache.get(cacheKey);
+    if (!markdown) {
+        markdown = getMarkdown(cacheKey, { customHtmlTags: normalizedTags });
+        markdownCache.set(cacheKey, markdown);
+    }
+    const parser = props.customMarkdownIt
+        ? props.customMarkdownIt(markdown)
+        : markdown;
+    const options = {
+        ...((_b = props.parseOptions) !== null && _b !== void 0 ? _b : {}),
+    };
+    if (typeof props.final === 'boolean')
+        options.final = props.final;
+    if (normalizedTags.length > 0)
+        options.customHtmlTags = normalizedTags;
+    return hydrateCustomTagContent(parseMarkdownToStructure(content, parser, options), content, normalizedTags);
+}
+export function getNodeList(value) {
+    return Array.isArray(value)
+        ? value.filter((item) => !!item && typeof item === 'object')
+        : [];
+}
+export function isWhitespaceTextNode(node) {
+    return getString(node === null || node === void 0 ? void 0 : node.type) === 'text' && getString(node === null || node === void 0 ? void 0 : node.content).trim() === '';
+}
+export function getMeaningfulLinkChildren(node) {
+    if (getString(node === null || node === void 0 ? void 0 : node.type) !== 'link')
+        return [];
+    return getNodeList(node === null || node === void 0 ? void 0 : node.children).filter(child => !isWhitespaceTextNode(child));
+}
+export function isImageOnlyLinkNode(node) {
+    var _a;
+    const linkChildren = getMeaningfulLinkChildren(node);
+    return linkChildren.length === 1 && getString((_a = linkChildren[0]) === null || _a === void 0 ? void 0 : _a.type) === 'image';
+}
+export function isMediaOnlyParagraphNodes(children) {
+    const meaningfulChildren = getNodeList(children).filter(child => !isWhitespaceTextNode(child));
+    return meaningfulChildren.length > 0
+        && meaningfulChildren.every(child => getString(child === null || child === void 0 ? void 0 : child.type) === 'image' || isImageOnlyLinkNode(child));
+}
+export function normalizeMediaOnlyParagraphNodes(children) {
+    const source = getNodeList(children);
+    const meaningfulChildren = source.filter(child => !isWhitespaceTextNode(child));
+    if (!isMediaOnlyParagraphNodes(source) || meaningfulChildren.length <= 1)
+        return source;
+    const normalized = [];
+    for (let index = 0; index < source.length; index += 1) {
+        const child = source[index];
+        if (!isWhitespaceTextNode(child)) {
+            normalized.push(child);
+            continue;
+        }
+        const hasPrevious = normalized.length > 0;
+        const hasNext = source.slice(index + 1).some(nextChild => !isWhitespaceTextNode(nextChild));
+        if (!hasPrevious || !hasNext)
+            continue;
+        normalized.push({
+            ...child,
+            content: ' ',
+            raw: ' ',
+        });
+    }
+    return normalized;
+}
+export function getString(value) {
+    return typeof value === 'string'
+        ? value
+        : value == null
+            ? ''
+            : String(value);
+}
+export function isSafeAttrName(value) {
+    return /^[^\s"'<>`=]+$/.test(value) && !/^on/i.test(value);
+}
+export function escapeHtml(value) {
+    return getString(value)
+        .replace(/&/g, '&amp;')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;')
+        .replace(/'/g, '&#39;');
+}
+export function escapeAttr(value) {
+    return escapeHtml(value).replace(/`/g, '&#96;');
+}
+export function sanitizeClassToken(value) {
+    return value.trim().toLowerCase().replace(/[^a-z0-9_-]+/g, '-').replace(/^-+|-+$/g, '');
+}
+export function clampHeadingLevel(value) {
+    const level = Math.trunc(Number(value) || 1);
+    return Math.min(6, Math.max(1, level));
+}
+export function capitalize(value) {
+    return value ? `${value[0].toUpperCase()}${value.slice(1)}` : '';
+}
+export function normalizeCodeLanguage(raw) {
+    var _a;
+    const head = String((_a = String(raw !== null && raw !== void 0 ? raw : '').split(/\s+/g)[0]) !== null && _a !== void 0 ? _a : '').toLowerCase();
+    const safe = head.replace(/[^\w-]/g, '');
+    return safe || 'plaintext';
+}
+export function resolveCodeBlockLanguage(node) {
+    return normalizeCodeLanguage(node === null || node === void 0 ? void 0 : node.language);
+}
+export function encodeDataPayload(value) {
+    var _a, _b;
+    if (!value)
+        return '';
+    const globalBuffer = (_b = (_a = globalThis === null || globalThis === void 0 ? void 0 : globalThis.require) === null || _a === void 0 ? void 0 : _a.call(globalThis, 'buffer')) === null || _b === void 0 ? void 0 : _b.Buffer;
+    if (globalBuffer === null || globalBuffer === void 0 ? void 0 : globalBuffer.from)
+        return globalBuffer.from(value, 'utf8').toString('base64');
+    if (typeof TextEncoder !== 'undefined' && typeof globalThis.btoa === 'function') {
+        const bytes = new TextEncoder().encode(value);
+        let binary = '';
+        for (const byte of bytes)
+            binary += String.fromCharCode(byte);
+        return globalThis.btoa(binary);
+    }
+    return '';
+}
+export function normalizeTokenAttrs(attrs) {
+    if (!Array.isArray(attrs) || attrs.length === 0)
+        return null;
+    return attrs.reduce((acc, [name, value]) => {
+        if (!name || !isSafeAttrName(name))
+            return acc;
+        acc[name] = value !== null && value !== void 0 ? value : true;
+        return acc;
+    }, {});
+}
+export function splitParagraphChildren(children) {
+    const parts = [];
+    const inlineBuffer = [];
+    const flushInline = () => {
+        if (!inlineBuffer.length)
+            return;
+        parts.push({ kind: 'inline', nodes: inlineBuffer.slice() });
+        inlineBuffer.length = 0;
+    };
+    for (const child of children) {
+        if (BLOCK_LEVEL_TYPES.has(String((child === null || child === void 0 ? void 0 : child.type) || ''))) {
+            flushInline();
+            parts.push({ kind: 'block', node: child });
+        }
+        else {
+            inlineBuffer.push(child);
+        }
+    }
+    flushInline();
+    return parts;
+}

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

@@ -0,0 +1,9 @@
+import type { SvelteRenderableNode, SvelteRenderContext } from './node-helpers';
+export type CodeBlockMode = 'mermaid' | 'd2' | 'infographic' | 'pre' | 'code';
+export declare function resolveNodeOutletCodeMode(node: SvelteRenderableNode, context?: SvelteRenderContext): CodeBlockMode;
+export declare function resolveHtmlTag(node: SvelteRenderableNode): string;
+export declare function coerceCustomHtmlNode(node: SvelteRenderableNode): SvelteRenderableNode;
+export declare function coerceBuiltinHtmlNode(node: SvelteRenderableNode, resolvedType: string): SvelteRenderableNode;
+export declare function resolveNodeOutletCustomInputs(node: SvelteRenderableNode, context?: SvelteRenderContext): Record<string, any>;
+export declare function resolveNodeOutletCustomComponent(node: SvelteRenderableNode, context?: SvelteRenderContext, customComponents?: Record<string, any> | null): any;
+//# sourceMappingURL=node-outlet-helpers.d.ts.map

package/dist/components/shared/node-outlet-helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"node-outlet-helpers.d.ts","sourceRoot":"","sources":["../../../src/components/shared/node-outlet-helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAI/E,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,IAAI,GAAG,aAAa,GAAG,KAAK,GAAG,MAAM,CAAA;AAE7E,wBAAgB,yBAAyB,CACvC,IAAI,EAAE,oBAAoB,EAC1B,OAAO,CAAC,EAAE,mBAAmB,GAC5B,aAAa,CAYf;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,oBAAoB,UAExD;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,oBAAoB,wBAU9D;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,wBASrF;AAED,wBAAgB,6BAA6B,CAC3C,IAAI,EAAE,oBAAoB,EAC1B,OAAO,CAAC,EAAE,mBAAmB,uBAqB9B;AAkBD,wBAAgB,gCAAgC,CAC9C,IAAI,EAAE,oBAAoB,EAC1B,OAAO,CAAC,EAAE,mBAAmB,EAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,OA+B9C"}

package/dist/components/shared/node-outlet-helpers.js

@@ -0,0 +1,92 @@
+import { clampPreviewHeight, estimateInfographicPreviewHeight, estimateMermaidPreviewHeight, parsePositiveNumber } from './diagram-height';
+import { getHtmlTagFromContent, resolveCodeBlockLanguage, stripCustomHtmlWrapper } from './node-helpers';
+export function resolveNodeOutletCodeMode(node, context) {
+    if (context === null || context === void 0 ? void 0 : context.renderCodeBlocksAsPre)
+        return 'pre';
+    const language = resolveCodeBlockLanguage(node);
+    if (language === 'd2' || language === 'd2lang')
+        return 'd2';
+    if (language === 'infographic')
+        return 'infographic';
+    if (language === 'mermaid')
+        return 'mermaid';
+    return 'code';
+}
+export function resolveHtmlTag(node) {
+    return String((node === null || node === void 0 ? void 0 : node.tag) || '').trim().toLowerCase() || getHtmlTagFromContent(node === null || node === void 0 ? void 0 : node.content);
+}
+export function coerceCustomHtmlNode(node) {
+    const tag = resolveHtmlTag(node);
+    if (!tag)
+        return node;
+    return {
+        ...node,
+        type: tag,
+        tag,
+        content: stripCustomHtmlWrapper(node === null || node === void 0 ? void 0 : node.content, tag),
+    };
+}
+export function coerceBuiltinHtmlNode(node, resolvedType) {
+    const tag = resolveHtmlTag(node);
+    if (!tag)
+        return node;
+    return {
+        ...node,
+        type: resolvedType,
+        tag,
+    };
+}
+export function resolveNodeOutletCustomInputs(node, context) {
+    var _a, _b;
+    if (String((node === null || node === void 0 ? void 0 : node.type) || '') !== 'code_block')
+        return null;
+    const codeMode = resolveNodeOutletCodeMode(node, context);
+    if (codeMode === 'mermaid') {
+        return withEstimatedPreviewHeight(context === null || context === void 0 ? void 0 : context.mermaidProps, estimateMermaidPreviewHeight(getNodeCode(node)));
+    }
+    if (codeMode === 'd2')
+        return (_a = context === null || context === void 0 ? void 0 : context.d2Props) !== null && _a !== void 0 ? _a : null;
+    if (codeMode === 'infographic') {
+        return withEstimatedPreviewHeight(context === null || context === void 0 ? void 0 : context.infographicProps, estimateInfographicPreviewHeight(getNodeCode(node)));
+    }
+    return (_b = context === null || context === void 0 ? void 0 : context.codeBlockProps) !== null && _b !== void 0 ? _b : null;
+}
+function getNodeCode(node) {
+    var _a;
+    return String((_a = node === null || node === void 0 ? void 0 : node.code) !== null && _a !== void 0 ? _a : '');
+}
+function withEstimatedPreviewHeight(props, estimatedHeight) {
+    var _a;
+    const next = { ...(props || {}) };
+    if (parsePositiveNumber(next.estimatedPreviewHeightPx) == null) {
+        next.estimatedPreviewHeightPx = clampPreviewHeight(estimatedHeight, undefined, next.maxHeight === 'none' ? null : ((_a = parsePositiveNumber(next.maxHeight)) !== null && _a !== void 0 ? _a : undefined));
+    }
+    return next;
+}
+export function resolveNodeOutletCustomComponent(node, context, customComponents) {
+    var _a;
+    const mapping = (_a = customComponents !== null && customComponents !== void 0 ? customComponents : context === null || context === void 0 ? void 0 : context.customComponents) !== null && _a !== void 0 ? _a : null;
+    const resolvedType = String((node === null || node === void 0 ? void 0 : node.type) || '');
+    if (resolvedType === 'code_block') {
+        const language = resolveCodeBlockLanguage(node);
+        const customForLanguage = language ? mapping === null || mapping === void 0 ? void 0 : mapping[language] : null;
+        if (customForLanguage)
+            return customForLanguage;
+        const codeMode = resolveNodeOutletCodeMode(node, context);
+        if (codeMode === 'mermaid' && (mapping === null || mapping === void 0 ? void 0 : mapping.mermaid))
+            return mapping.mermaid;
+        if (codeMode === 'd2' && (mapping === null || mapping === void 0 ? void 0 : mapping.d2))
+            return mapping.d2;
+        if (codeMode === 'infographic' && (mapping === null || mapping === void 0 ? void 0 : mapping.infographic))
+            return mapping.infographic;
+        if (mapping === null || mapping === void 0 ? void 0 : mapping.code_block)
+            return mapping.code_block;
+    }
+    const direct = mapping === null || mapping === void 0 ? void 0 : mapping[resolvedType];
+    if (direct)
+        return direct;
+    const tag = resolveHtmlTag(node);
+    if (tag && (mapping === null || mapping === void 0 ? void 0 : mapping[tag]))
+        return mapping[tag];
+    return null;
+}

package/dist/components/shared/render-window.d.ts

@@ -0,0 +1,19 @@
+export declare const DEFAULT_NODE_HEIGHT = 32;
+export declare const MAX_DEFERRED_NODE_COUNT = 900;
+export interface LiveRange {
+    start: number;
+    end: number;
+}
+export interface DeferNodesOptions {
+    deferNodesUntilVisible?: boolean;
+    maxLiveNodes?: number;
+    parsedNodeCount: number;
+    viewportPriority?: boolean;
+    virtualizationEnabled: boolean;
+}
+export declare function resolveVirtualizationEnabled(parsedNodeCount: number, maxLiveNodes?: number): boolean;
+export declare function resolveDeferNodes(options: DeferNodesOptions): boolean;
+export declare function resolveAverageNodeHeight(nodeHeights: ReadonlyMap<number, number>, fallback?: number): number;
+export declare function estimateHeightRange(start: number, end: number, nodeHeights: ReadonlyMap<number, number>, averageNodeHeight: number): number;
+export declare function computeLiveRange(total: number, focusIndex: number, maxLiveNodes?: number, liveNodeBuffer?: number): LiveRange;
+//# sourceMappingURL=render-window.d.ts.map

package/dist/components/shared/render-window.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-window.d.ts","sourceRoot":"","sources":["../../../src/components/shared/render-window.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,KAAK,CAAA;AACrC,eAAO,MAAM,uBAAuB,MAAM,CAAA;AAE1C,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,WAAW,iBAAiB;IAChC,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,eAAe,EAAE,MAAM,CAAA;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,qBAAqB,EAAE,OAAO,CAAA;CAC/B;AAED,wBAAgB,4BAA4B,CAAC,eAAe,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,MAAM,WAM1F;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,iBAAiB,WAW3D;AAED,wBAAgB,wBAAwB,CACtC,WAAW,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,EACxC,QAAQ,SAAsB,UAU/B;AAED,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,MAAM,EACb,GAAG,EAAE,MAAM,EACX,WAAW,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,EACxC,iBAAiB,EAAE,MAAM,UAS1B;AAED,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,MAAM,EAClB,YAAY,CAAC,EAAE,MAAM,EACrB,cAAc,CAAC,EAAE,MAAM,GACtB,SAAS,CA2BX"}

package/dist/components/shared/render-window.js

@@ -0,0 +1,63 @@
+export const DEFAULT_NODE_HEIGHT = 32;
+export const MAX_DEFERRED_NODE_COUNT = 900;
+export function resolveVirtualizationEnabled(parsedNodeCount, maxLiveNodes) {
+    const configuredMaxLiveNodes = Math.trunc(maxLiveNodes !== null && maxLiveNodes !== void 0 ? maxLiveNodes : 320);
+    if (!Number.isFinite(configuredMaxLiveNodes) || configuredMaxLiveNodes <= 0)
+        return false;
+    const resolvedMaxLiveNodes = Math.max(1, configuredMaxLiveNodes);
+    return parsedNodeCount > resolvedMaxLiveNodes;
+}
+export function resolveDeferNodes(options) {
+    var _a;
+    if (options.deferNodesUntilVisible === false)
+        return false;
+    const configuredMaxLiveNodes = Math.trunc((_a = options.maxLiveNodes) !== null && _a !== void 0 ? _a : 320);
+    if (!Number.isFinite(configuredMaxLiveNodes) || configuredMaxLiveNodes <= 0)
+        return false;
+    if (options.virtualizationEnabled)
+        return false;
+    if (options.parsedNodeCount > MAX_DEFERRED_NODE_COUNT)
+        return false;
+    return options.viewportPriority !== false;
+}
+export function resolveAverageNodeHeight(nodeHeights, fallback = DEFAULT_NODE_HEIGHT) {
+    if (!nodeHeights.size)
+        return fallback;
+    let total = 0;
+    for (const height of nodeHeights.values())
+        total += height;
+    return Math.max(16, total / nodeHeights.size);
+}
+export function estimateHeightRange(start, end, nodeHeights, averageNodeHeight) {
+    var _a;
+    if (start >= end)
+        return 0;
+    let total = 0;
+    for (let index = start; index < end; index += 1)
+        total += (_a = nodeHeights.get(index)) !== null && _a !== void 0 ? _a : averageNodeHeight;
+    return total;
+}
+export function computeLiveRange(total, focusIndex, maxLiveNodes, liveNodeBuffer) {
+    if (!total)
+        return { start: 0, end: 0 };
+    const resolvedMaxLiveNodes = Math.max(1, Math.trunc(maxLiveNodes !== null && maxLiveNodes !== void 0 ? maxLiveNodes : 320));
+    const resolvedBuffer = Math.max(0, Math.trunc(liveNodeBuffer !== null && liveNodeBuffer !== void 0 ? liveNodeBuffer : 60));
+    const focus = Math.max(0, Math.min(Math.trunc(focusIndex), total - 1));
+    let start = Math.max(0, focus - resolvedBuffer);
+    let end = Math.min(total, focus + resolvedBuffer + 1);
+    const size = end - start;
+    if (size > resolvedMaxLiveNodes) {
+        const excess = size - resolvedMaxLiveNodes;
+        start += Math.ceil(excess / 2);
+        end -= Math.floor(excess / 2);
+    }
+    else if (size < resolvedMaxLiveNodes) {
+        const missing = resolvedMaxLiveNodes - size;
+        start = Math.max(0, start - Math.ceil(missing / 2));
+        end = Math.min(total, end + Math.floor(missing / 2));
+    }
+    return {
+        start: Math.max(0, Math.min(start, total)),
+        end: Math.max(0, Math.min(Math.max(end, start), total)),
+    };
+}

package/dist/components/shared/renderNodeHtml.d.ts

@@ -0,0 +1,4 @@
+import type { SvelteRenderableNode, SvelteRenderContext } from './node-helpers';
+export declare function renderNodeHtml(node: SvelteRenderableNode | null | undefined, context?: SvelteRenderContext): string;
+export declare function renderNodesHtml(nodes: readonly SvelteRenderableNode[] | null | undefined, context?: SvelteRenderContext): string;
+//# sourceMappingURL=renderNodeHtml.d.ts.map

package/dist/components/shared/renderNodeHtml.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderNodeHtml.d.ts","sourceRoot":"","sources":["../../../src/components/shared/renderNodeHtml.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAG/E,wBAAgB,cAAc,CAAC,IAAI,EAAE,oBAAoB,GAAG,IAAI,GAAG,SAAS,EAAE,OAAO,CAAC,EAAE,mBAAmB,UAO1G;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,SAAS,oBAAoB,EAAE,GAAG,IAAI,GAAG,SAAS,EAAE,OAAO,CAAC,EAAE,mBAAmB,UAOvH"}

package/dist/components/shared/renderNodeHtml.js

@@ -0,0 +1,19 @@
+import { renderMarkdownNodesToHtml, renderMarkdownNodeToHtml } from '../../renderMarkdownHtml';
+export function renderNodeHtml(node, context) {
+    var _a;
+    return renderMarkdownNodeToHtml(node, {
+        cacheKey: (context === null || context === void 0 ? void 0 : context.customId) ? `markstream-svelte-${context.customId}` : 'markstream-svelte-node',
+        customHtmlTags: context === null || context === void 0 ? void 0 : context.customHtmlTags,
+        allowHtml: (context === null || context === void 0 ? void 0 : context.allowHtml) !== false,
+        htmlPolicy: (_a = context === null || context === void 0 ? void 0 : context.htmlPolicy) !== null && _a !== void 0 ? _a : 'safe',
+    });
+}
+export function renderNodesHtml(nodes, context) {
+    var _a;
+    return renderMarkdownNodesToHtml(nodes, {
+        cacheKey: (context === null || context === void 0 ? void 0 : context.customId) ? `markstream-svelte-${context.customId}` : 'markstream-svelte-node',
+        customHtmlTags: context === null || context === void 0 ? void 0 : context.customHtmlTags,
+        allowHtml: (context === null || context === void 0 ? void 0 : context.allowHtml) !== false,
+        htmlPolicy: (_a = context === null || context === void 0 ? void 0 : context.htmlPolicy) !== null && _a !== void 0 ? _a : 'safe',
+    });
+}

package/dist/components/shared/rich-block-helpers.d.ts

@@ -0,0 +1,7 @@
+export declare function copyTextToClipboard(source: string): Promise<boolean>;
+export declare function clearElement(target: HTMLElement | null | undefined): void;
+export declare function setElementHtml(target: HTMLElement | null | undefined, html: string): void;
+export declare function downloadSvgMarkup(svgMarkup: string, filename: string): void;
+export declare function resolveCssSize(value: unknown, fallback?: string): string;
+export declare function clampNumber(value: number, min: number, max: number): number;
+//# sourceMappingURL=rich-block-helpers.d.ts.map

package/dist/components/shared/rich-block-helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-block-helpers.d.ts","sourceRoot":"","sources":["../../../src/components/shared/rich-block-helpers.ts"],"names":[],"mappings":"AAAA,wBAAsB,mBAAmB,CAAC,MAAM,EAAE,MAAM,oBAiCvD;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,QAUlE;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,EAAE,IAAI,EAAE,MAAM,QAYlF;AAED,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,QAapE;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,EAAE,MAAM,UAI/D;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,UAElE"}

package/dist/components/shared/rich-block-helpers.js

@@ -0,0 +1,76 @@
+export async function copyTextToClipboard(source) {
+    var _a;
+    try {
+        if (typeof navigator !== 'undefined' && ((_a = navigator.clipboard) === null || _a === void 0 ? void 0 : _a.writeText)) {
+            await navigator.clipboard.writeText(source);
+            return true;
+        }
+    }
+    catch {
+        // Fall back to the textarea path below.
+    }
+    if (typeof document === 'undefined')
+        return false;
+    const textarea = document.createElement('textarea');
+    textarea.value = source;
+    textarea.setAttribute('readonly', 'true');
+    textarea.style.position = 'fixed';
+    textarea.style.opacity = '0';
+    textarea.style.pointerEvents = 'none';
+    document.body.appendChild(textarea);
+    textarea.select();
+    try {
+        document.execCommand('copy');
+        return true;
+    }
+    catch {
+        return false;
+    }
+    finally {
+        textarea.remove();
+    }
+}
+export function clearElement(target) {
+    if (!target)
+        return;
+    try {
+        target.replaceChildren();
+    }
+    catch {
+        target.innerHTML = '';
+    }
+}
+export function setElementHtml(target, html) {
+    if (!target)
+        return;
+    clearElement(target);
+    if (!html)
+        return;
+    try {
+        target.insertAdjacentHTML('afterbegin', html);
+    }
+    catch {
+        target.innerHTML = html;
+    }
+}
+export function downloadSvgMarkup(svgMarkup, filename) {
+    if (!svgMarkup || typeof document === 'undefined' || typeof URL === 'undefined')
+        return;
+    const blob = new Blob([svgMarkup], { type: 'image/svg+xml;charset=utf-8' });
+    const url = URL.createObjectURL(blob);
+    const link = document.createElement('a');
+    link.href = url;
+    link.download = filename;
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    URL.revokeObjectURL(url);
+}
+export function resolveCssSize(value, fallback) {
+    if (value == null || value === '')
+        return fallback !== null && fallback !== void 0 ? fallback : null;
+    return typeof value === 'number' ? `${value}px` : String(value);
+}
+export function clampNumber(value, min, max) {
+    return Math.min(max, Math.max(min, value));
+}