@memberjunction/ng-markdown 2.127.0 → 2.129.0

package/dist/lib/services/markdown.service.d.ts

@@ -95,6 +95,22 @@ export declare class MarkdownService {
      * Escape HTML entities for safe display
      */
     private escapeHtml;
+    /**
+     * Fix HTML that was incorrectly wrapped in <pre><code> blocks by marked.
+     * This happens when marked interprets inline HTML (especially indented HTML)
+     * as code blocks. We detect this by checking if the code block content
+     * looks like valid HTML structure rather than actual code.
+     *
+     * Only processes code blocks WITHOUT a language class (e.g., language-javascript)
+     * to avoid unwrapping intentional code examples.
+     */
+    private unwrapMiscodedHtml;
+    /**
+     * Check if content looks like structural HTML that was incorrectly
+     * wrapped in a code block. We look for common HTML element patterns
+     * that indicate this is meant to be rendered HTML, not code.
+     */
+    private looksLikeStructuralHtml;
     static ɵfac: i0.ɵɵFactoryDeclaration<MarkdownService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<MarkdownService>;
 }

package/dist/lib/services/markdown.service.js

@@ -117,7 +117,8 @@ export class MarkdownService {
             startOnLoad: false,
             theme: this.currentConfig.mermaidTheme,
             securityLevel: 'loose',
-            fontFamily: 'inherit'
+            fontFamily: 'inherit',
+            suppressErrorRendering: true // Suppress visual error diagrams - errors go to console only
         });
         this.mermaidInitialized = true;
     }
@@ -135,11 +136,16 @@ export class MarkdownService {
             this.configureMarked({ ...this.currentConfig, ...config });
         }
         try {
-            const html = this.marked.parse(markdown);
+            let html = this.marked.parse(markdown);
             // Capture heading list after parsing
             if (this.currentConfig.enableHeadingIds) {
                 this.headingList = getHeadingList();
             }
+            // When HTML passthrough is enabled, fix incorrectly code-wrapped HTML
+            // marked sometimes wraps inline HTML in <pre><code> blocks
+            if (this.currentConfig.enableHtml) {
+                html = this.unwrapMiscodedHtml(html);
+            }
             return html;
         }
         catch (error) {
@@ -298,6 +304,99 @@ export class MarkdownService {
         div.textContent = text;
         return div.innerHTML;
     }
+    /**
+     * Fix HTML that was incorrectly wrapped in <pre><code> blocks by marked.
+     * This happens when marked interprets inline HTML (especially indented HTML)
+     * as code blocks. We detect this by checking if the code block content
+     * looks like valid HTML structure rather than actual code.
+     *
+     * Only processes code blocks WITHOUT a language class (e.g., language-javascript)
+     * to avoid unwrapping intentional code examples.
+     */
+    unwrapMiscodedHtml(html) {
+        // Quick check - if no pre tags, nothing to do
+        if (!html.includes('<pre>')) {
+            return html;
+        }
+        try {
+            const parser = new DOMParser();
+            const doc = parser.parseFromString(`<div>${html}</div>`, 'text/html');
+            const container = doc.body.firstChild;
+            if (!container)
+                return html;
+            // Find all pre > code elements WITHOUT a language class
+            // Code blocks with language classes (language-javascript, etc.) are intentional
+            const preElements = container.querySelectorAll('pre');
+            let modified = false;
+            for (const pre of Array.from(preElements)) {
+                const code = pre.querySelector('code');
+                if (!code)
+                    continue;
+                // Skip if code has a language class - it's intentional code
+                const hasLanguageClass = code.className && /language-\w+/.test(code.className);
+                if (hasLanguageClass)
+                    continue;
+                // Get the text content (this is HTML-decoded by the browser)
+                const content = code.textContent?.trim() || '';
+                // Check if this looks like HTML that was incorrectly wrapped
+                if (this.looksLikeStructuralHtml(content)) {
+                    // Verify it parses as valid HTML with actual elements
+                    const testDoc = parser.parseFromString(content, 'text/html');
+                    const hasStructure = testDoc.body.children.length > 0 ||
+                        (testDoc.body.innerHTML.trim().length > 0 &&
+                            testDoc.body.innerHTML.includes('<'));
+                    if (hasStructure) {
+                        // Replace the <pre> with the actual HTML content
+                        const wrapper = document.createElement('div');
+                        wrapper.className = 'unwrapped-html';
+                        wrapper.innerHTML = content;
+                        // Move all children from wrapper to replace pre
+                        const fragment = document.createDocumentFragment();
+                        while (wrapper.firstChild) {
+                            fragment.appendChild(wrapper.firstChild);
+                        }
+                        pre.parentNode?.replaceChild(fragment, pre);
+                        modified = true;
+                    }
+                }
+            }
+            if (modified) {
+                return container.innerHTML;
+            }
+        }
+        catch (error) {
+            console.warn('Error in unwrapMiscodedHtml:', error);
+        }
+        return html;
+    }
+    /**
+     * Check if content looks like structural HTML that was incorrectly
+     * wrapped in a code block. We look for common HTML element patterns
+     * that indicate this is meant to be rendered HTML, not code.
+     */
+    looksLikeStructuralHtml(content) {
+        // Must start with < to be HTML
+        if (!content.startsWith('<'))
+            return false;
+        // Must end with > (closing tag)
+        if (!content.endsWith('>'))
+            return false;
+        // Check for common structural HTML tags that indicate layout HTML
+        // These are tags that would typically appear in a UI mockup/prototype
+        const structuralTagPattern = /<(div|span|table|tr|td|th|thead|tbody|p|ul|ol|li|section|article|header|footer|nav|main|aside|form|input|button|label|select|option|textarea|h[1-6]|img|a|strong|em|b|i|br|hr)\b/i;
+        if (!structuralTagPattern.test(content))
+            return false;
+        // Additional check: should have multiple tags or nested structure
+        // Single self-closing tags like <br> or <img> shouldn't trigger unwrapping
+        const tagCount = (content.match(/<\w+/g) || []).length;
+        if (tagCount < 2)
+            return false;
+        // Check it's not just showing HTML as an example (common in docs)
+        // If content has lots of &lt; or &gt; it's probably escaped HTML being shown
+        if (content.includes('&lt;') || content.includes('&gt;'))
+            return false;
+        return true;
+    }
     static { this.ɵfac = function MarkdownService_Factory(t) { return new (t || MarkdownService)(); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: MarkdownService, factory: MarkdownService.ɵfac, providedIn: 'root' }); }
 }

package/dist/lib/services/markdown.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"markdown.service.js","sourceRoot":"","sources":["../../../src/lib/services/markdown.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { Injectable } from '@angular/core';\nimport { Marked } from 'marked';\nimport { markedHighlight } from 'marked-highlight';\nimport { gfmHeadingId, getHeadingList } from 'marked-gfm-heading-id';\nimport markedAlert from 'marked-alert';\nimport { markedSmartypants } from 'marked-smartypants';\nimport Prism from 'prismjs';\nimport mermaid from 'mermaid';\nimport {\n  MarkdownConfig,\n  DEFAULT_MARKDOWN_CONFIG,\n  HeadingInfo,\n  MarkdownRenderEvent\n} from '../types/markdown.types';\nimport { createCollapsibleHeadingsExtension } from '../extensions/collapsible-headings.extension';\nimport { createSvgRendererExtension } from '../extensions/svg-renderer.extension';\n\n// Import common Prism language components\n// Additional languages can be imported by the consuming application\nimport 'prismjs/components/prism-typescript';\nimport 'prismjs/components/prism-javascript';\nimport 'prismjs/components/prism-css';\nimport 'prismjs/components/prism-scss';\nimport 'prismjs/components/prism-json';\nimport 'prismjs/components/prism-bash';\nimport 'prismjs/components/prism-sql';\nimport 'prismjs/components/prism-python';\nimport 'prismjs/components/prism-csharp';\nimport 'prismjs/components/prism-java';\nimport 'prismjs/components/prism-markup';\nimport 'prismjs/components/prism-yaml';\nimport 'prismjs/components/prism-markdown';\nimport 'prismjs/components/prism-graphql';\n\n// Type for config with optional autoExpandLevels\ntype ResolvedMarkdownConfig = Required<Omit<MarkdownConfig, 'autoExpandLevels'>> & { autoExpandLevels?: number[] };\n\n/**\n * Service for parsing and rendering markdown content.\n * Uses marked.js with various extensions for syntax highlighting,\n * diagrams, alerts, and more.\n */\n@Injectable({\n  providedIn: 'root'\n})\nexport class MarkdownService {\n  private marked: Marked;\n  private mermaidInitialized = false;\n  private currentConfig: ResolvedMarkdownConfig = { ...DEFAULT_MARKDOWN_CONFIG };\n  private headingList: HeadingInfo[] = [];\n\n  constructor() {\n    this.marked = new Marked();\n    this.configureMarked(this.currentConfig);\n  }\n\n  /**\n   * Configure the marked instance with the provided options\n   */\n  public configureMarked(config: MarkdownConfig): void {\n    this.currentConfig = { ...DEFAULT_MARKDOWN_CONFIG, ...config };\n\n    // Create a fresh Marked instance\n    this.marked = new Marked();\n\n    // Configure base options\n    this.marked.setOptions({\n      gfm: true,\n      breaks: true\n    });\n\n    // Apply extensions based on config\n    const extensions: any[] = [];\n\n    // SVG code block renderer - MUST be before syntax highlighting\n    // so it can intercept svg blocks before Prism processes them\n    if (this.currentConfig.enableSvgRenderer) {\n      extensions.push(createSvgRendererExtension());\n    }\n\n    // Syntax highlighting with Prism\n    if (this.currentConfig.enableHighlight) {\n      extensions.push(\n        markedHighlight({\n          langPrefix: 'language-',\n          highlight: (code: string, lang: string) => {\n            // Skip SVG blocks - they're handled by the SVG renderer\n            if (lang === 'svg' && this.currentConfig.enableSvgRenderer) {\n              return code;\n            }\n            if (lang && Prism.languages[lang]) {\n              try {\n                return Prism.highlight(code, Prism.languages[lang], lang);\n              } catch (e) {\n                console.warn(`Prism highlighting failed for language: ${lang}`, e);\n              }\n            }\n            // Return code as-is if language not found or highlighting fails\n            return code;\n          }\n        })\n      );\n    }\n\n    // GitHub-style heading IDs\n    if (this.currentConfig.enableHeadingIds) {\n      extensions.push(\n        gfmHeadingId({\n          prefix: this.currentConfig.headingIdPrefix\n        })\n      );\n    }\n\n    // GitHub-style alerts\n    if (this.currentConfig.enableAlerts) {\n      extensions.push(markedAlert());\n    }\n\n    // Collapsible headings (custom extension)\n    if (this.currentConfig.enableCollapsibleHeadings) {\n      extensions.push(\n        createCollapsibleHeadingsExtension({\n          startLevel: this.currentConfig.collapsibleHeadingLevel,\n          defaultExpanded: this.currentConfig.collapsibleDefaultExpanded,\n          autoExpandLevels: this.currentConfig.autoExpandLevels\n        })\n      );\n    }\n\n    // Smartypants for typography (curly quotes, em/en dashes, ellipses)\n    if (this.currentConfig.enableSmartypants) {\n      extensions.push(markedSmartypants());\n    }\n\n    // Apply all extensions\n    if (extensions.length > 0) {\n      this.marked.use(...extensions);\n    }\n  }\n\n  /**\n   * Initialize Mermaid with the current theme configuration\n   */\n  private initializeMermaid(): void {\n    if (this.mermaidInitialized) return;\n\n    mermaid.initialize({\n      startOnLoad: false,\n      theme: this.currentConfig.mermaidTheme,\n      securityLevel: 'loose',\n      fontFamily: 'inherit'\n    });\n\n    this.mermaidInitialized = true;\n  }\n\n  /**\n   * Parse markdown to HTML\n   * @param markdown The markdown string to parse\n   * @param config Optional config overrides for this parse operation\n   * @returns The rendered HTML string\n   */\n  public parse(markdown: string, config?: Partial<MarkdownConfig>): string {\n    if (!markdown) return '';\n\n    // Apply config overrides if provided\n    if (config) {\n      this.configureMarked({ ...this.currentConfig, ...config });\n    }\n\n    try {\n      const html = this.marked.parse(markdown) as string;\n\n      // Capture heading list after parsing\n      if (this.currentConfig.enableHeadingIds) {\n        this.headingList = getHeadingList() as HeadingInfo[];\n      }\n\n      return html;\n    } catch (error) {\n      console.error('Markdown parsing error:', error);\n      return `<pre class=\"markdown-error\">${this.escapeHtml(markdown)}</pre>`;\n    }\n  }\n\n  /**\n   * Parse markdown asynchronously (useful for large documents)\n   */\n  public async parseAsync(markdown: string, config?: Partial<MarkdownConfig>): Promise<string> {\n    return this.parse(markdown, config);\n  }\n\n  /**\n   * Render Mermaid diagrams in a container element\n   * Call this after the HTML has been inserted into the DOM\n   * @param container The DOM element containing mermaid code blocks\n   */\n  public async renderMermaid(container: HTMLElement): Promise<boolean> {\n    if (!this.currentConfig.enableMermaid) return false;\n\n    this.initializeMermaid();\n\n    // Find all mermaid code blocks\n    const mermaidBlocks = container.querySelectorAll('pre > code.language-mermaid, .mermaid');\n\n    if (mermaidBlocks.length === 0) return false;\n\n    for (let i = 0; i < mermaidBlocks.length; i++) {\n      const block = mermaidBlocks[i];\n      const code = block.textContent || '';\n\n      if (!code.trim()) continue;\n\n      try {\n        // Create a unique ID for this diagram\n        const id = `mermaid-${Date.now()}-${i}`;\n\n        // Render the diagram\n        const { svg } = await mermaid.render(id, code);\n\n        // Replace the code block with the rendered SVG\n        const wrapper = document.createElement('div');\n        wrapper.className = 'mermaid-diagram';\n        wrapper.innerHTML = svg;\n\n        // Replace the pre element (parent of code) or the mermaid element itself\n        const elementToReplace = block.tagName === 'CODE' ? block.parentElement : block;\n        elementToReplace?.parentNode?.replaceChild(wrapper, elementToReplace);\n      } catch (error) {\n        console.warn('Mermaid rendering failed:', error);\n        // Add error class to show it failed\n        const parent = block.tagName === 'CODE' ? block.parentElement : block;\n        parent?.classList.add('mermaid-error');\n      }\n    }\n\n    return true;\n  }\n\n  /**\n   * Highlight code blocks with Prism\n   * Call this after the HTML has been inserted into the DOM\n   * @param container The DOM element containing code blocks\n   */\n  public highlightCode(container: HTMLElement): void {\n    if (!this.currentConfig.enableHighlight) return;\n\n    // Prism.highlightAllUnder handles finding and highlighting code blocks\n    Prism.highlightAllUnder(container);\n  }\n\n  /**\n   * Add copy buttons to code blocks\n   * @param container The DOM element containing code blocks\n   */\n  public addCodeCopyButtons(container: HTMLElement): void {\n    if (!this.currentConfig.enableCodeCopy) return;\n\n    const codeBlocks = container.querySelectorAll('pre > code');\n\n    codeBlocks.forEach((codeBlock) => {\n      const pre = codeBlock.parentElement;\n      if (!pre || pre.querySelector('.code-copy-btn')) return; // Already has button\n\n      // Create copy button\n      const button = document.createElement('button');\n      button.className = 'code-copy-btn';\n      button.innerHTML = '<i class=\"fas fa-copy\"></i>';\n      button.title = 'Copy code';\n      button.type = 'button';\n\n      button.addEventListener('click', async () => {\n        const code = codeBlock.textContent || '';\n\n        try {\n          await navigator.clipboard.writeText(code);\n          button.innerHTML = '<i class=\"fas fa-check\"></i>';\n          button.classList.add('copied');\n\n          setTimeout(() => {\n            button.innerHTML = '<i class=\"fas fa-copy\"></i>';\n            button.classList.remove('copied');\n          }, 2000);\n        } catch (err) {\n          console.error('Failed to copy code:', err);\n          button.innerHTML = '<i class=\"fas fa-times\"></i>';\n\n          setTimeout(() => {\n            button.innerHTML = '<i class=\"fas fa-copy\"></i>';\n          }, 2000);\n        }\n      });\n\n      // Add toolbar wrapper\n      const toolbar = document.createElement('div');\n      toolbar.className = 'code-toolbar';\n      toolbar.appendChild(button);\n\n      // Make pre position relative for absolute positioning of toolbar\n      pre.style.position = 'relative';\n      pre.appendChild(toolbar);\n    });\n  }\n\n  /**\n   * Initialize collapsible heading functionality\n   * This method is a no-op - the component handles event binding\n   * @param container The DOM element containing collapsible sections\n   */\n  public initializeCollapsibleHeadings(_container: HTMLElement): void {\n    // Event binding is handled by the component's setupCollapsibleListeners\n    // This method exists for API compatibility but does nothing\n  }\n\n  /**\n   * Get the list of headings from the last parsed document\n   * Useful for building table of contents\n   */\n  public getHeadingList(): HeadingInfo[] {\n    return this.headingList;\n  }\n\n  /**\n   * Get the current configuration\n   */\n  public getConfig(): ResolvedMarkdownConfig {\n    return { ...this.currentConfig };\n  }\n\n  /**\n   * Reset configuration to defaults\n   */\n  public resetConfig(): void {\n    this.configureMarked(DEFAULT_MARKDOWN_CONFIG);\n  }\n\n  /**\n   * Check if a language is supported by Prism\n   */\n  public isLanguageSupported(lang: string): boolean {\n    return !!Prism.languages[lang];\n  }\n\n  /**\n   * Get list of supported Prism languages\n   */\n  public getSupportedLanguages(): string[] {\n    return Object.keys(Prism.languages).filter(\n      lang => typeof Prism.languages[lang] === 'object'\n    );\n  }\n\n  /**\n   * Escape HTML entities for safe display\n   */\n  private escapeHtml(text: string): string {\n    const div = document.createElement('div');\n    div.textContent = text;\n    return div.innerHTML;\n  }\n}\n"]}
+{"version":3,"file":"markdown.service.js","sourceRoot":"","sources":["../../../src/lib/services/markdown.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { Injectable } from '@angular/core';\nimport { Marked } from 'marked';\nimport { markedHighlight } from 'marked-highlight';\nimport { gfmHeadingId, getHeadingList } from 'marked-gfm-heading-id';\nimport markedAlert from 'marked-alert';\nimport { markedSmartypants } from 'marked-smartypants';\nimport Prism from 'prismjs';\nimport mermaid from 'mermaid';\nimport {\n  MarkdownConfig,\n  DEFAULT_MARKDOWN_CONFIG,\n  HeadingInfo,\n  MarkdownRenderEvent\n} from '../types/markdown.types';\nimport { createCollapsibleHeadingsExtension } from '../extensions/collapsible-headings.extension';\nimport { createSvgRendererExtension } from '../extensions/svg-renderer.extension';\n\n// Import common Prism language components\n// Additional languages can be imported by the consuming application\nimport 'prismjs/components/prism-typescript';\nimport 'prismjs/components/prism-javascript';\nimport 'prismjs/components/prism-css';\nimport 'prismjs/components/prism-scss';\nimport 'prismjs/components/prism-json';\nimport 'prismjs/components/prism-bash';\nimport 'prismjs/components/prism-sql';\nimport 'prismjs/components/prism-python';\nimport 'prismjs/components/prism-csharp';\nimport 'prismjs/components/prism-java';\nimport 'prismjs/components/prism-markup';\nimport 'prismjs/components/prism-yaml';\nimport 'prismjs/components/prism-markdown';\nimport 'prismjs/components/prism-graphql';\n\n// Type for config with optional autoExpandLevels\ntype ResolvedMarkdownConfig = Required<Omit<MarkdownConfig, 'autoExpandLevels'>> & { autoExpandLevels?: number[] };\n\n/**\n * Service for parsing and rendering markdown content.\n * Uses marked.js with various extensions for syntax highlighting,\n * diagrams, alerts, and more.\n */\n@Injectable({\n  providedIn: 'root'\n})\nexport class MarkdownService {\n  private marked: Marked;\n  private mermaidInitialized = false;\n  private currentConfig: ResolvedMarkdownConfig = { ...DEFAULT_MARKDOWN_CONFIG };\n  private headingList: HeadingInfo[] = [];\n\n  constructor() {\n    this.marked = new Marked();\n    this.configureMarked(this.currentConfig);\n  }\n\n  /**\n   * Configure the marked instance with the provided options\n   */\n  public configureMarked(config: MarkdownConfig): void {\n    this.currentConfig = { ...DEFAULT_MARKDOWN_CONFIG, ...config };\n\n    // Create a fresh Marked instance\n    this.marked = new Marked();\n\n    // Configure base options\n    this.marked.setOptions({\n      gfm: true,\n      breaks: true\n    });\n\n    // Apply extensions based on config\n    const extensions: any[] = [];\n\n    // SVG code block renderer - MUST be before syntax highlighting\n    // so it can intercept svg blocks before Prism processes them\n    if (this.currentConfig.enableSvgRenderer) {\n      extensions.push(createSvgRendererExtension());\n    }\n\n    // Syntax highlighting with Prism\n    if (this.currentConfig.enableHighlight) {\n      extensions.push(\n        markedHighlight({\n          langPrefix: 'language-',\n          highlight: (code: string, lang: string) => {\n            // Skip SVG blocks - they're handled by the SVG renderer\n            if (lang === 'svg' && this.currentConfig.enableSvgRenderer) {\n              return code;\n            }\n            if (lang && Prism.languages[lang]) {\n              try {\n                return Prism.highlight(code, Prism.languages[lang], lang);\n              } catch (e) {\n                console.warn(`Prism highlighting failed for language: ${lang}`, e);\n              }\n            }\n            // Return code as-is if language not found or highlighting fails\n            return code;\n          }\n        })\n      );\n    }\n\n    // GitHub-style heading IDs\n    if (this.currentConfig.enableHeadingIds) {\n      extensions.push(\n        gfmHeadingId({\n          prefix: this.currentConfig.headingIdPrefix\n        })\n      );\n    }\n\n    // GitHub-style alerts\n    if (this.currentConfig.enableAlerts) {\n      extensions.push(markedAlert());\n    }\n\n    // Collapsible headings (custom extension)\n    if (this.currentConfig.enableCollapsibleHeadings) {\n      extensions.push(\n        createCollapsibleHeadingsExtension({\n          startLevel: this.currentConfig.collapsibleHeadingLevel,\n          defaultExpanded: this.currentConfig.collapsibleDefaultExpanded,\n          autoExpandLevels: this.currentConfig.autoExpandLevels\n        })\n      );\n    }\n\n    // Smartypants for typography (curly quotes, em/en dashes, ellipses)\n    if (this.currentConfig.enableSmartypants) {\n      extensions.push(markedSmartypants());\n    }\n\n    // Apply all extensions\n    if (extensions.length > 0) {\n      this.marked.use(...extensions);\n    }\n  }\n\n  /**\n   * Initialize Mermaid with the current theme configuration\n   */\n  private initializeMermaid(): void {\n    if (this.mermaidInitialized) return;\n\n    mermaid.initialize({\n      startOnLoad: false,\n      theme: this.currentConfig.mermaidTheme,\n      securityLevel: 'loose',\n      fontFamily: 'inherit',\n      suppressErrorRendering: true // Suppress visual error diagrams - errors go to console only\n    });\n\n    this.mermaidInitialized = true;\n  }\n\n  /**\n   * Parse markdown to HTML\n   * @param markdown The markdown string to parse\n   * @param config Optional config overrides for this parse operation\n   * @returns The rendered HTML string\n   */\n  public parse(markdown: string, config?: Partial<MarkdownConfig>): string {\n    if (!markdown) return '';\n\n    // Apply config overrides if provided\n    if (config) {\n      this.configureMarked({ ...this.currentConfig, ...config });\n    }\n\n    try {\n      let html = this.marked.parse(markdown) as string;\n\n      // Capture heading list after parsing\n      if (this.currentConfig.enableHeadingIds) {\n        this.headingList = getHeadingList() as HeadingInfo[];\n      }\n\n      // When HTML passthrough is enabled, fix incorrectly code-wrapped HTML\n      // marked sometimes wraps inline HTML in <pre><code> blocks\n      if (this.currentConfig.enableHtml) {\n        html = this.unwrapMiscodedHtml(html);\n      }\n\n      return html;\n    } catch (error) {\n      console.error('Markdown parsing error:', error);\n      return `<pre class=\"markdown-error\">${this.escapeHtml(markdown)}</pre>`;\n    }\n  }\n\n  /**\n   * Parse markdown asynchronously (useful for large documents)\n   */\n  public async parseAsync(markdown: string, config?: Partial<MarkdownConfig>): Promise<string> {\n    return this.parse(markdown, config);\n  }\n\n  /**\n   * Render Mermaid diagrams in a container element\n   * Call this after the HTML has been inserted into the DOM\n   * @param container The DOM element containing mermaid code blocks\n   */\n  public async renderMermaid(container: HTMLElement): Promise<boolean> {\n    if (!this.currentConfig.enableMermaid) return false;\n\n    this.initializeMermaid();\n\n    // Find all mermaid code blocks\n    const mermaidBlocks = container.querySelectorAll('pre > code.language-mermaid, .mermaid');\n\n    if (mermaidBlocks.length === 0) return false;\n\n    for (let i = 0; i < mermaidBlocks.length; i++) {\n      const block = mermaidBlocks[i];\n      const code = block.textContent || '';\n\n      if (!code.trim()) continue;\n\n      try {\n        // Create a unique ID for this diagram\n        const id = `mermaid-${Date.now()}-${i}`;\n\n        // Render the diagram\n        const { svg } = await mermaid.render(id, code);\n\n        // Replace the code block with the rendered SVG\n        const wrapper = document.createElement('div');\n        wrapper.className = 'mermaid-diagram';\n        wrapper.innerHTML = svg;\n\n        // Replace the pre element (parent of code) or the mermaid element itself\n        const elementToReplace = block.tagName === 'CODE' ? block.parentElement : block;\n        elementToReplace?.parentNode?.replaceChild(wrapper, elementToReplace);\n      } catch (error) {\n        console.warn('Mermaid rendering failed:', error);\n        // Add error class to show it failed\n        const parent = block.tagName === 'CODE' ? block.parentElement : block;\n        parent?.classList.add('mermaid-error');\n      }\n    }\n\n    return true;\n  }\n\n  /**\n   * Highlight code blocks with Prism\n   * Call this after the HTML has been inserted into the DOM\n   * @param container The DOM element containing code blocks\n   */\n  public highlightCode(container: HTMLElement): void {\n    if (!this.currentConfig.enableHighlight) return;\n\n    // Prism.highlightAllUnder handles finding and highlighting code blocks\n    Prism.highlightAllUnder(container);\n  }\n\n  /**\n   * Add copy buttons to code blocks\n   * @param container The DOM element containing code blocks\n   */\n  public addCodeCopyButtons(container: HTMLElement): void {\n    if (!this.currentConfig.enableCodeCopy) return;\n\n    const codeBlocks = container.querySelectorAll('pre > code');\n\n    codeBlocks.forEach((codeBlock) => {\n      const pre = codeBlock.parentElement;\n      if (!pre || pre.querySelector('.code-copy-btn')) return; // Already has button\n\n      // Create copy button\n      const button = document.createElement('button');\n      button.className = 'code-copy-btn';\n      button.innerHTML = '<i class=\"fas fa-copy\"></i>';\n      button.title = 'Copy code';\n      button.type = 'button';\n\n      button.addEventListener('click', async () => {\n        const code = codeBlock.textContent || '';\n\n        try {\n          await navigator.clipboard.writeText(code);\n          button.innerHTML = '<i class=\"fas fa-check\"></i>';\n          button.classList.add('copied');\n\n          setTimeout(() => {\n            button.innerHTML = '<i class=\"fas fa-copy\"></i>';\n            button.classList.remove('copied');\n          }, 2000);\n        } catch (err) {\n          console.error('Failed to copy code:', err);\n          button.innerHTML = '<i class=\"fas fa-times\"></i>';\n\n          setTimeout(() => {\n            button.innerHTML = '<i class=\"fas fa-copy\"></i>';\n          }, 2000);\n        }\n      });\n\n      // Add toolbar wrapper\n      const toolbar = document.createElement('div');\n      toolbar.className = 'code-toolbar';\n      toolbar.appendChild(button);\n\n      // Make pre position relative for absolute positioning of toolbar\n      pre.style.position = 'relative';\n      pre.appendChild(toolbar);\n    });\n  }\n\n  /**\n   * Initialize collapsible heading functionality\n   * This method is a no-op - the component handles event binding\n   * @param container The DOM element containing collapsible sections\n   */\n  public initializeCollapsibleHeadings(_container: HTMLElement): void {\n    // Event binding is handled by the component's setupCollapsibleListeners\n    // This method exists for API compatibility but does nothing\n  }\n\n  /**\n   * Get the list of headings from the last parsed document\n   * Useful for building table of contents\n   */\n  public getHeadingList(): HeadingInfo[] {\n    return this.headingList;\n  }\n\n  /**\n   * Get the current configuration\n   */\n  public getConfig(): ResolvedMarkdownConfig {\n    return { ...this.currentConfig };\n  }\n\n  /**\n   * Reset configuration to defaults\n   */\n  public resetConfig(): void {\n    this.configureMarked(DEFAULT_MARKDOWN_CONFIG);\n  }\n\n  /**\n   * Check if a language is supported by Prism\n   */\n  public isLanguageSupported(lang: string): boolean {\n    return !!Prism.languages[lang];\n  }\n\n  /**\n   * Get list of supported Prism languages\n   */\n  public getSupportedLanguages(): string[] {\n    return Object.keys(Prism.languages).filter(\n      lang => typeof Prism.languages[lang] === 'object'\n    );\n  }\n\n  /**\n   * Escape HTML entities for safe display\n   */\n  private escapeHtml(text: string): string {\n    const div = document.createElement('div');\n    div.textContent = text;\n    return div.innerHTML;\n  }\n\n  /**\n   * Fix HTML that was incorrectly wrapped in <pre><code> blocks by marked.\n   * This happens when marked interprets inline HTML (especially indented HTML)\n   * as code blocks. We detect this by checking if the code block content\n   * looks like valid HTML structure rather than actual code.\n   *\n   * Only processes code blocks WITHOUT a language class (e.g., language-javascript)\n   * to avoid unwrapping intentional code examples.\n   */\n  private unwrapMiscodedHtml(html: string): string {\n    // Quick check - if no pre tags, nothing to do\n    if (!html.includes('<pre>')) {\n      return html;\n    }\n\n    try {\n      const parser = new DOMParser();\n      const doc = parser.parseFromString(`<div>${html}</div>`, 'text/html');\n      const container = doc.body.firstChild as HTMLElement;\n\n      if (!container) return html;\n\n      // Find all pre > code elements WITHOUT a language class\n      // Code blocks with language classes (language-javascript, etc.) are intentional\n      const preElements = container.querySelectorAll('pre');\n      let modified = false;\n\n      for (const pre of Array.from(preElements)) {\n        const code = pre.querySelector('code');\n        if (!code) continue;\n\n        // Skip if code has a language class - it's intentional code\n        const hasLanguageClass = code.className && /language-\\w+/.test(code.className);\n        if (hasLanguageClass) continue;\n\n        // Get the text content (this is HTML-decoded by the browser)\n        const content = code.textContent?.trim() || '';\n\n        // Check if this looks like HTML that was incorrectly wrapped\n        if (this.looksLikeStructuralHtml(content)) {\n          // Verify it parses as valid HTML with actual elements\n          const testDoc = parser.parseFromString(content, 'text/html');\n          const hasStructure = testDoc.body.children.length > 0 ||\n                              (testDoc.body.innerHTML.trim().length > 0 &&\n                               testDoc.body.innerHTML.includes('<'));\n\n          if (hasStructure) {\n            // Replace the <pre> with the actual HTML content\n            const wrapper = document.createElement('div');\n            wrapper.className = 'unwrapped-html';\n            wrapper.innerHTML = content;\n\n            // Move all children from wrapper to replace pre\n            const fragment = document.createDocumentFragment();\n            while (wrapper.firstChild) {\n              fragment.appendChild(wrapper.firstChild);\n            }\n            pre.parentNode?.replaceChild(fragment, pre);\n            modified = true;\n          }\n        }\n      }\n\n      if (modified) {\n        return container.innerHTML;\n      }\n    } catch (error) {\n      console.warn('Error in unwrapMiscodedHtml:', error);\n    }\n\n    return html;\n  }\n\n  /**\n   * Check if content looks like structural HTML that was incorrectly\n   * wrapped in a code block. We look for common HTML element patterns\n   * that indicate this is meant to be rendered HTML, not code.\n   */\n  private looksLikeStructuralHtml(content: string): boolean {\n    // Must start with < to be HTML\n    if (!content.startsWith('<')) return false;\n\n    // Must end with > (closing tag)\n    if (!content.endsWith('>')) return false;\n\n    // Check for common structural HTML tags that indicate layout HTML\n    // These are tags that would typically appear in a UI mockup/prototype\n    const structuralTagPattern = /<(div|span|table|tr|td|th|thead|tbody|p|ul|ol|li|section|article|header|footer|nav|main|aside|form|input|button|label|select|option|textarea|h[1-6]|img|a|strong|em|b|i|br|hr)\\b/i;\n\n    if (!structuralTagPattern.test(content)) return false;\n\n    // Additional check: should have multiple tags or nested structure\n    // Single self-closing tags like <br> or <img> shouldn't trigger unwrapping\n    const tagCount = (content.match(/<\\w+/g) || []).length;\n    if (tagCount < 2) return false;\n\n    // Check it's not just showing HTML as an example (common in docs)\n    // If content has lots of &lt; or &gt; it's probably escaped HTML being shown\n    if (content.includes('&lt;') || content.includes('&gt;')) return false;\n\n    return true;\n  }\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memberjunction/ng-markdown",
-  "version": "2.127.0",
+  "version": "2.129.0",
   "description": "MemberJunction: Lightweight Angular markdown component with Prism.js highlighting, Mermaid diagrams, and extensible features",
   "main": "./dist/public-api.js",
   "typings": "./dist/public-api.d.ts",