markstream-vue2 0.0.44 → 0.0.45

package/dist/types/types/component-props.d.ts

@@ -8,7 +8,7 @@ export interface CodeBlockMonacoThemeObject {
     [key: string]: unknown;
 }
 export type CodeBlockMonacoTheme = string | CodeBlockMonacoThemeObject;
-export type CodeBlockMonacoLanguage = string | ((...args: any[]) => unknown);
+export type CodeBlockMonacoLanguage = string | ((...args: unknown[]) => unknown);
 export interface CodeBlockDiffHideUnchangedRegionsOptions {
     enabled?: boolean;
     contextLineCount?: number;
@@ -41,6 +41,7 @@ export interface CodeBlockMonacoOptions {
     themes?: CodeBlockMonacoTheme[];
     languages?: CodeBlockMonacoLanguage[];
     renderSideBySide?: boolean;
+    useInlineViewWhenSpaceIsLimited?: boolean;
     enableSplitViewResizing?: boolean;
     ignoreTrimWhitespace?: boolean;
     maxComputationTime?: number;
@@ -60,8 +61,8 @@ export interface CodeBlockMonacoOptions {
     diffHunkActionsOnHover?: boolean;
     diffHunkHoverHideDelayMs?: number;
     onDiffHunkAction?: (context: CodeBlockDiffHunkActionContext) => void | boolean | Promise<void | boolean>;
-    scrollbar?: Record<string, any>;
-    [key: string]: any;
+    scrollbar?: Record<string, unknown>;
+    [key: string]: unknown;
 }
 export interface CodeBlockNodeProps {
     node: CodeBlockNode;
@@ -83,6 +84,8 @@ export interface CodeBlockNodeProps {
     showCollapseButton?: boolean;
     showFontSizeButtons?: boolean;
     showTooltips?: boolean;
+    htmlPreviewAllowScripts?: boolean;
+    htmlPreviewSandbox?: string;
     customId?: string;
 }
 export interface ImageNodeProps {
@@ -95,11 +98,8 @@ export interface ImageNodeProps {
         loading?: boolean;
     };
     fallbackSrc?: string;
-    showCaption?: boolean;
     lazy?: boolean;
-    svgMinHeight?: string;
     usePlaceholder?: boolean;
-    inline?: boolean;
 }
 export interface LinkNodeProps {
     node: {
@@ -132,6 +132,7 @@ export interface PreCodeNodeProps {
 export interface MermaidBlockNodeProps {
     node: CodeBlockNode;
     maxHeight?: string | null;
+    estimatedPreviewHeightPx?: number;
     loading?: boolean;
     isDark?: boolean;
     workerTimeoutMs?: number;
@@ -155,7 +156,18 @@ export interface MermaidBlockNodeProps {
     showTooltips?: boolean;
     onRenderError?: (error: unknown, code: string, container: HTMLElement) => boolean | void;
 }
-export interface MermaidBlockEvent<TPayload = any> {
+export interface CodeBlockPreviewPayload {
+    node: CodeBlockNode;
+    artifactType: 'text/html' | 'image/svg+xml';
+    artifactTitle: string;
+    id: string;
+}
+export interface MarkdownCodeBlockPreviewPayload {
+    type: 'text/html' | 'image/svg+xml';
+    content: string;
+    title: string;
+}
+export interface MermaidBlockEvent<TPayload = unknown> {
     payload?: TPayload;
     defaultPrevented: boolean;
     preventDefault: () => void;
@@ -199,6 +211,7 @@ export interface MathInlineNodeProps {
 export interface InfographicBlockNodeProps {
     node: CodeBlockNode;
     maxHeight?: string | null;
+    estimatedPreviewHeightPx?: number;
     loading?: boolean;
     isDark?: boolean;
     showHeader?: boolean;

package/dist/types/types/index.d.ts

@@ -191,9 +191,6 @@ export interface EmojiNode extends BaseNode {
 export interface HardBreakNode extends BaseNode {
     type: 'hardbreak';
 }
-export interface SoftBreakNode extends BaseNode {
-    type: 'softbreak';
-}
 export interface MathInlineNode extends BaseNode {
     type: 'math_inline';
     content: string;
@@ -217,11 +214,11 @@ export interface MarkdownToken {
     children?: MarkdownToken[];
     attrs?: [string, string][];
     markup?: string;
-    meta?: any;
+    meta?: unknown;
     map?: [number, number];
     raw?: string;
 }
-export type ParsedNode = TextNode | HeadingNode | ParagraphNode | ListNode | ListItemNode | CodeBlockNode | InlineCodeNode | LinkNode | ImageNode | HtmlInlineNode | CustomComponentNode | ThematicBreakNode | BlockquoteNode | TableNode | TableRowNode | TableCellNode | StrongNode | EmphasisNode | StrikethroughNode | HighlightNode | InsertNode | SubscriptNode | SuperscriptNode | CheckboxNode | CheckboxInputNode | EmojiNode | DefinitionListNode | DefinitionItemNode | FootnoteNode | FootnoteReferenceNode | AdmonitionNode | HardBreakNode | SoftBreakNode | MathInlineNode | MathBlockNode | ReferenceNode | UnknownNode;
+export type ParsedNode = TextNode | HeadingNode | ParagraphNode | ListNode | ListItemNode | CodeBlockNode | InlineCodeNode | LinkNode | ImageNode | HtmlInlineNode | CustomComponentNode | ThematicBreakNode | BlockquoteNode | TableNode | TableRowNode | TableCellNode | StrongNode | EmphasisNode | StrikethroughNode | HighlightNode | InsertNode | SubscriptNode | SuperscriptNode | CheckboxNode | CheckboxInputNode | EmojiNode | DefinitionListNode | DefinitionItemNode | FootnoteNode | FootnoteReferenceNode | AdmonitionNode | HardBreakNode | MathInlineNode | MathBlockNode | ReferenceNode | UnknownNode;
 export interface CustomComponents {
     text?: Component;
     paragraph?: Component;
@@ -237,7 +234,6 @@ export interface CustomComponents {
     footnote_anchor?: Component;
     admonition?: Component;
     hardbreak?: Component;
-    softbreak?: Component;
     link?: Component;
     image?: Component;
     thematic_break?: Component;

package/dist/types/utils/diagramHeight.d.ts

@@ -0,0 +1,11 @@
+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;
+export declare function clampMermaidPreviewHeight(height: number, minHeight?: number, maxHeight?: number | null): number;
+export declare function clampInfographicPreviewHeight(height: number, minHeight?: number, maxHeight?: number | null): number;

package/dist/types/utils/htmlRenderer.d.ts

@@ -1,37 +1,16 @@
+import { HtmlPolicy, HtmlToken, getHtmlTagFromContent, hasCompleteHtmlTagContent, isHtmlTagBlocked, shouldRenderUnknownHtmlTagAsText, stripCustomHtmlWrapper, tokenizeHtml } from 'stream-markdown-parser';
 import { Component } from 'vue-demi';
-export interface HtmlToken {
-    type: 'text' | 'tag_open' | 'tag_close' | 'self_closing';
-    tagName?: string;
-    attrs?: Record<string, string>;
-    content?: string;
-}
+export { getHtmlTagFromContent, hasCompleteHtmlTagContent, isHtmlTagBlocked, shouldRenderUnknownHtmlTagAsText, stripCustomHtmlWrapper, tokenizeHtml, };
+export type { HtmlPolicy, HtmlToken } from 'stream-markdown-parser';
 type CreateElementLike = (tag: any, attrs?: Record<string, any>, children?: any[] | undefined) => any;
-/**
- * Check if a tag name is a custom Vue component
- */
 export declare function isCustomComponent(tagName: string, customComponents: Record<string, Component>): boolean;
-/**
- * Sanitize attributes to remove XSS-prone event handlers
- */
 export declare function sanitizeAttrs(attrs: Record<string, string>): Record<string, string>;
-/**
- * Convert attribute value to appropriate type
- */
 export declare function convertPropValue(value: string, key: string): any;
-/**
- * Convert all attribute values to appropriate types
- */
 export declare function convertAttrsToProps(attrs: Record<string, string>): Record<string, any>;
-/**
- * Simple HTML tokenizer
- * Note: This is a basic implementation. For production use with complex HTML,
- * consider using a proper HTML parser library like htmlparser2.
- */
-export declare function tokenizeHtml(html: string): HtmlToken[];
 /**
  * Build VNode tree from tokens
  */
-export declare function buildVNodeTree(tokens: HtmlToken[], customComponents: Record<string, Component>, createElement?: CreateElementLike): any[];
+export declare function buildVNodeTree(tokens: HtmlToken[], customComponents: Record<string, Component>, createElement?: CreateElementLike, htmlPolicy?: HtmlPolicy): any[];
 /**
  * Check if HTML content contains custom components
  */
@@ -39,5 +18,4 @@ export declare function hasCustomComponents(content: string, customComponents: R
 /**
  * Parse HTML content to VNodes
  */
-export declare function parseHtmlToVNodes(content: string, customComponents: Record<string, Component>, createElement?: CreateElementLike): any[] | null;
-export {};
+export declare function parseHtmlToVNodes(content: string, customComponents: Record<string, Component>, createElement?: CreateElementLike, htmlPolicy?: HtmlPolicy): any[] | null;

package/dist/types/utils/nestedHtml.d.ts

@@ -1,10 +1,11 @@
-import { BaseNode, ParsedNode } from 'stream-markdown-parser';
+import { BaseNode, HtmlPolicy, ParsedNode } from 'stream-markdown-parser';
 export type NestedRenderableNode = (ParsedNode | BaseNode) & Record<string, unknown>;
 type NestedClassValue = string | readonly string[] | null | undefined;
 export interface NestedMarkdownHtmlOptions {
     cacheKey?: string;
     customHtmlTags?: readonly string[];
     allowHtml?: boolean;
+    htmlPolicy?: HtmlPolicy;
     customNodeTag?: string;
     customNodeClass?: NestedClassValue | ((node: NestedRenderableNode) => NestedClassValue);
 }

package/dist/types/utils/nestedNodes.d.ts

@@ -1,6 +1,10 @@
 import { BaseNode, MarkdownIt, ParseOptions } from 'stream-markdown-parser';
+type NestedMarkdownSourceNode = BaseNode & {
+    children?: BaseNode[];
+    content?: string;
+};
 export interface NestedMarkdownNodesInput {
-    node?: (BaseNode & Record<string, any>) | null;
+    node?: NestedMarkdownSourceNode | null;
     nodes?: readonly BaseNode[] | null;
     content?: string | null;
 }
@@ -12,3 +16,4 @@ export interface NestedMarkdownNodesOptions {
     customMarkdownIt?: (markdown: MarkdownIt) => MarkdownIt;
 }
 export declare function parseNestedMarkdownToNodes(input: NestedMarkdownNodesInput, options?: NestedMarkdownNodesOptions): BaseNode[];
+export {};

package/dist/types/utils/normalizeKaTeXRenderInput.d.ts

@@ -0,0 +1 @@
+export declare function normalizeKaTeXRenderInput(content: string): string;

package/dist/workers/mermaidParser.worker.js

@@ -1 +1 @@
-var t=Object.getOwnPropertyNames,r=(t,r,e)=>new Promise((n,a)=>{var o=t=>{try{l(e.next(t))}catch(r){a(r)}},i=t=>{try{l(e.throw(t))}catch(r){a(r)}},l=t=>t.done?n(t.value):Promise.resolve(t.value).then(o,i);l((e=e.apply(t,r)).next())});import e from"mermaid";var n,a,o=(n={"workers/mermaidParser.worker.js"(t){function n(t,n){return r(this,null,function*(){var r;const a=function(t,r){const e=`%%{init: {"theme": "${"dark"===r?"dark":"default"}"}}%%\n`;return t.trimStart().startsWith("%%{")?t:e+t}(t,n),o=e;if("function"==typeof o.parse)return yield null==(r=o.parse)?void 0:r.call(o,a),!0;throw new Error("mermaid.parse not available in worker")})}e.initialize({startOnLoad:!1,securityLevel:"loose"}),self.onmessage=e=>r(t,null,function*(){var t;const a=e.data,o=t=>self.postMessage(t),i=a.id;try{if("canParse"===a.action)return void o({id:i,ok:!0,result:yield n(a.payload.code,a.payload.theme)});if("findPrefix"===a.action)return void o({id:i,ok:!0,result:yield function(t,e){return r(this,null,function*(){const r=t.split("\n"),a=function(t){const r=/^(?:graph|flowchart|flowchart\s+tb|flowchart\s+lr|sequenceDiagram|gantt|classDiagram|stateDiagram(?:-v2)?|erDiagram|journey|pie|quadrantChart|timeline|xychart(?:-beta)?)\b/;for(let e=0;e<t.length;e++){const n=t[e].trim();if(n&&!n.startsWith("%%")&&r.test(n))return e}return-1}(r);if(-1===a)return null;const o=r.slice(0,a+1);yield n(o.join("\n"),e);let i=a+1,l=r.length,s=a+1,c=0;for(;i<=l&&c<12;){const t=Math.floor((i+l)/2),d=[...o,...r.slice(a+1,t)].join("\n");c++;try{yield n(d,e),s=t,i=t+1}catch(u){l=t-1}}return[...o,...r.slice(a+1,s)].join("\n")})}(a.payload.code,a.payload.theme)});o({id:i,ok:!1,error:"Unknown action"})}catch(l){o({id:i,ok:!1,error:null!=(t=null==l?void 0:l.message)?t:String(l)})}})}},function(){return a||(0,n[t(n)[0]])((a={exports:{}}).exports,a),a.exports});export default o();
+var t=Object.getOwnPropertyNames,r=(t,r,e)=>new Promise((n,a)=>{var o=t=>{try{l(e.next(t))}catch(r){a(r)}},i=t=>{try{l(e.throw(t))}catch(r){a(r)}},l=t=>t.done?n(t.value):Promise.resolve(t.value).then(o,i);l((e=e.apply(t,r)).next())});import e from"mermaid";var n,a,o=(n={"workers/mermaidParser.worker.js"(t){function n(t,n){return r(this,null,function*(){var r;const a=function(t,r){const e=`%%{init: {"theme": "${"dark"===r?"dark":"default"}"}}%%\n`;return t.trimStart().startsWith("%%{")?t:e+t}(t,n),o=e;if("function"==typeof o.parse)return yield null==(r=o.parse)?void 0:r.call(o,a),!0;throw new Error("mermaid.parse not available in worker")})}e.initialize({startOnLoad:!1,securityLevel:"strict",flowchart:{htmlLabels:!1}}),self.onmessage=e=>r(t,null,function*(){var t;const a=e.data,o=t=>self.postMessage(t),i=a.id;try{if("canParse"===a.action)return void o({id:i,ok:!0,result:yield n(a.payload.code,a.payload.theme)});if("findPrefix"===a.action)return void o({id:i,ok:!0,result:yield function(t,e){return r(this,null,function*(){const r=t.split("\n"),a=function(t){const r=/^(?:graph|flowchart|flowchart\s+tb|flowchart\s+lr|sequenceDiagram|gantt|classDiagram|stateDiagram(?:-v2)?|erDiagram|journey|pie|quadrantChart|timeline|xychart(?:-beta)?)\b/;for(let e=0;e<t.length;e++){const n=t[e].trim();if(n&&!n.startsWith("%%")&&r.test(n))return e}return-1}(r);if(-1===a)return null;const o=r.slice(0,a+1);yield n(o.join("\n"),e);let i=a+1,l=r.length,s=a+1,c=0;for(;i<=l&&c<12;){const t=Math.floor((i+l)/2),d=[...o,...r.slice(a+1,t)].join("\n");c++;try{yield n(d,e),s=t,i=t+1}catch(u){l=t-1}}return[...o,...r.slice(a+1,s)].join("\n")})}(a.payload.code,a.payload.theme)});o({id:i,ok:!1,error:"Unknown action"})}catch(l){o({id:i,ok:!1,error:null!=(t=null==l?void 0:l.message)?t:String(l)})}})}},function(){return a||(0,n[t(n)[0]])((a={exports:{}}).exports,a),a.exports});export default o();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "markstream-vue2",
   "type": "module",
-  "version": "0.0.44",
+  "version": "0.0.45",
   "description": "Vue 2 Markdown renderer optimized for large documents with progressive Mermaid rendering, streaming diff code blocks, and fast real-time preview. Perfect for documentation sites, AI chat interfaces, and content management systems.",
   "author": "Simon He",
   "license": "MIT",
@@ -118,7 +118,7 @@
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",
     "vue-demi": "^0.14.10",
-    "stream-markdown-parser": "0.0.92"
+    "stream-markdown-parser": "0.0.93"
   },
   "devDependencies": {
     "@vitejs/plugin-vue2": "^2.3.4",