svelte-streamdown 2.3.1 → 2.3.3

package/dist/marked/marked-table.js

@@ -116,8 +116,7 @@ const processSpans = (cells, count, prevRow = [], maxColspan = null) => {
         let cellText = cell.text;
         // Handle Rowspan - cells ending with ^ (but not superscript ^text^)
         // Check if it's a rowspan indicator (single ^ at end) vs superscript (^text^)
-        const isRowspanIndicator = cellText.slice(-1) === '^' &&
-            !cellText.match(/\^[^^\n\r]+\^$/); // Not a superscript pattern ^text^
+        const isRowspanIndicator = cellText.slice(-1) === '^' && !cellText.match(/\^[^^\n\r]+\^$/); // Not a superscript pattern ^text^
         if (isRowspanIndicator && prevRow.length > 0) {
             // Clean the ^ indicator from the cell text
             cell.text = cellText.slice(0, -1).trim();
@@ -374,129 +373,121 @@ function processRows(headerRows, bodyRows, alignment, colCount, lexer, maxColspa
     }
     return tokens;
 }
+const { detectFooter, maxColspan } = DEFAULT_OPTIONS;
 // Adds support for extended tables in marked with row spanning, column spanning,
 // multi-row headers, and column alignment
-export function markedTable(options = {}) {
-    const config = { ...DEFAULT_OPTIONS, ...options };
-    const { detectFooter, maxColspan } = config;
-    return {
-        extensions: [
-            {
-                name: 'table',
-                level: 'block',
-                start(src) {
-                    // Check for table with potential header alignment
-                    let match = src.match(/^\n *([^\n ].*\|.*)\n/);
-                    if (match)
-                        return match.index;
-                    // Check for simple table without header alignment
-                    match = src.match(/^\n *(\|.*\|)\n/);
-                    if (match)
-                        return match.index;
+export const markedTable = {
+    name: 'table',
+    level: 'block',
+    start(src) {
+        // Check for table with potential header alignment
+        let match = src.match(/^\n *([^\n ].*\|.*)\n/);
+        if (match)
+            return match.index;
+        // Check for simple table without header alignment
+        match = src.match(/^\n *(\|.*\|)\n/);
+        if (match)
+            return match.index;
+        return undefined;
+    },
+    tokenizer(src) {
+        // Try to match table with header and alignment first
+        let regex = new RegExp('^' +
+            '([^\\n ].*\\|.*\\n(?: *[^\\s].*\\n)*?)' + // Header
+            ' {0,3}(?:\\| *)?(:?-+:? *(?:\\| *:?-+:? *)*)(?:\\| *)?' + // Header Align
+            '(?:\\n((?:(?! *\\n| {0,3}((?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})' + // Body Cells
+            '(?:\\n+|$)| {0,3}#{1,6} | {0,3}>| {4}[^\\n]| {0,3}(?:`{3,}' +
+            '(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n| {0,3}(?:[*+-]|1[.)]) |' +
+            '<\\/?(?:address|article|aside|base|basefont|blockquote|body|' +
+            'caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|section|source|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul)(?: +|\\n|\\/?>)|<(?:script|pre|style|textarea|!--)).*(?:\\n|$))*)\\n*|$)');
+        let cap = regex.exec(src);
+        let hasHeaderAlignment = true;
+        // If no match with header alignment, try table without header alignment
+        if (!cap) {
+            // Simple regex for tables without header alignment
+            regex = /^(\|.*\|(?:\n\|.*\|)*)/;
+            cap = regex.exec(src);
+            hasHeaderAlignment = false;
+        }
+        if (!cap)
+            return undefined;
+        // Combine all captured groups to get complete table rows
+        let allTableContent = cap[1]; // Headers
+        if (cap[2])
+            allTableContent += '\n' + cap[2]; // Alignment row
+        if (cap[3])
+            allTableContent += '\n' + cap[3]; // Body rows
+        const allRows = allTableContent.replace(/\n$/, '').split('\n');
+        let headerRows = [];
+        let bodyRows = [];
+        let alignRow = [];
+        let alignment = [];
+        let colCount = 0;
+        if (hasHeaderAlignment) {
+            // Traditional table with header and alignment
+            // Parse all rows and identify which are headers vs body
+            let headerEndIndex = -1;
+            // Find the FIRST alignment row (contains dashes/underscores/asterisks)
+            for (let i = 0; i < allRows.length; i++) {
+                const row = allRows[i].trim();
+                const isAlignment = /^ *(\| *)?:?-+:? *(\| *:?-+:? *)*(\| *)?$/.test(row);
+                // Check if this row matches alignment pattern (contains only |, spaces, and alignment chars)
+                if (isAlignment) {
+                    headerEndIndex = i;
+                    alignRow = row.replace(/^ *\| *| *\| *$/g, '').split(/ *\| */);
+                    break; // Stop at the first alignment row
+                }
+            }
+            if (headerEndIndex === -1) {
+                // No alignment row found, treat as simple table
+                bodyRows = allRows;
+                colCount = bodyRows[0].split('|').filter((cell) => cell.trim() !== '').length;
+                alignment = new Array(colCount).fill(null);
+            }
+            else {
+                // Found alignment row, split headers and body
+                // Filter out empty rows and the alignment row itself from headers
+                headerRows = allRows.slice(0, headerEndIndex).filter((row) => row.trim() !== '');
+                bodyRows = headerEndIndex + 1 < allRows.length ? allRows.slice(headerEndIndex + 1) : [];
+                // Use alignment row length as the authoritative column count
+                colCount = alignRow.length;
+                // Validate that we have a reasonable table structure
+                if (colCount === 0)
                     return undefined;
-                },
-                tokenizer(src) {
-                    // Try to match table with header and alignment first
-                    let regex = new RegExp('^' +
-                        '([^\\n ].*\\|.*\\n(?: *[^\\s].*\\n)*?)' + // Header
-                        ' {0,3}(?:\\| *)?(:?-+:? *(?:\\| *:?-+:? *)*)(?:\\| *)?' + // Header Align
-                        '(?:\\n((?:(?! *\\n| {0,3}((?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})' + // Body Cells
-                        '(?:\\n+|$)| {0,3}#{1,6} | {0,3}>| {4}[^\\n]| {0,3}(?:`{3,}' +
-                        '(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n| {0,3}(?:[*+-]|1[.)]) |' +
-                        '<\\/?(?:address|article|aside|base|basefont|blockquote|body|' +
-                        'caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|section|source|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul)(?: +|\\n|\\/?>)|<(?:script|pre|style|textarea|!--)).*(?:\\n|$))*)\\n*|$)');
-                    let cap = regex.exec(src);
-                    let hasHeaderAlignment = true;
-                    // If no match with header alignment, try table without header alignment
-                    if (!cap) {
-                        // Simple regex for tables without header alignment
-                        regex = /^(\|.*\|(?:\n\|.*\|)*)/;
-                        cap = regex.exec(src);
-                        hasHeaderAlignment = false;
-                    }
-                    if (!cap)
-                        return null;
-                    // Combine all captured groups to get complete table rows
-                    let allTableContent = cap[1]; // Headers
-                    if (cap[2])
-                        allTableContent += '\n' + cap[2]; // Alignment row
-                    if (cap[3])
-                        allTableContent += '\n' + cap[3]; // Body rows
-                    const allRows = allTableContent.replace(/\n$/, '').split('\n');
-                    let headerRows = [];
-                    let bodyRows = [];
-                    let alignRow = [];
-                    let alignment = [];
-                    let colCount = 0;
-                    if (hasHeaderAlignment) {
-                        // Traditional table with header and alignment
-                        // Parse all rows and identify which are headers vs body
-                        let headerEndIndex = -1;
-                        // Find the FIRST alignment row (contains dashes/underscores/asterisks)
-                        for (let i = 0; i < allRows.length; i++) {
-                            const row = allRows[i].trim();
-                            const isAlignment = /^ *(\| *)?:?-+:? *(\| *:?-+:? *)*(\| *)?$/.test(row);
-                            // Check if this row matches alignment pattern (contains only |, spaces, and alignment chars)
-                            if (isAlignment) {
-                                headerEndIndex = i;
-                                alignRow = row.replace(/^ *\| *| *\| *$/g, '').split(/ *\| */);
-                                break; // Stop at the first alignment row
-                            }
-                        }
-                        if (headerEndIndex === -1) {
-                            // No alignment row found, treat as simple table
-                            bodyRows = allRows;
-                            colCount = bodyRows[0].split('|').filter((cell) => cell.trim() !== '').length;
-                            alignment = new Array(colCount).fill(null);
-                        }
-                        else {
-                            // Found alignment row, split headers and body
-                            // Filter out empty rows and the alignment row itself from headers
-                            headerRows = allRows.slice(0, headerEndIndex).filter((row) => row.trim() !== '');
-                            bodyRows =
-                                headerEndIndex + 1 < allRows.length ? allRows.slice(headerEndIndex + 1) : [];
-                            // Use alignment row length as the authoritative column count
-                            colCount = alignRow.length;
-                            // Validate that we have a reasonable table structure
-                            if (colCount === 0)
-                                return null;
-                            // Process alignment
-                            alignment = processAlignment(alignRow);
-                        }
-                    }
-                    else {
-                        // Table without header alignment - treat all rows as body rows
-                        bodyRows = allRows;
-                        const firstRowCells = bodyRows[0].split('|').filter((cell) => cell.trim() !== '');
-                        colCount = firstRowCells.length;
-                        alignment = new Array(colCount).fill(null); // No alignment for tables without headers
-                    }
-                    // Detect footer alignment row pattern in body rows (only for tables with header alignment)
-                    let shouldDetectFooter = false;
-                    let processedBodyRows = bodyRows;
-                    if (detectFooter && hasHeaderAlignment && bodyRows.length > 0) {
-                        // Check if any row matches the alignment pattern (contains only dashes, pipes, colons, and spaces)
-                        for (let i = bodyRows.length - 1; i >= 0; i--) {
-                            const row = bodyRows[i];
-                            if (/^ *\| *:?-+:? *(\| *:?-+:? *)*\| *$/.test(row)) {
-                                // Found footer alignment row - remove it and enable footer detection
-                                shouldDetectFooter = true;
-                                processedBodyRows = bodyRows.slice(0, i).concat(bodyRows.slice(i + 1));
-                                break;
-                            }
-                        }
-                    }
-                    // Process all rows and create table sections
-                    const tokens = processRows(headerRows, processedBodyRows, alignment, colCount, this.lexer, maxColspan, shouldDetectFooter);
-                    const item = {
-                        type: 'table',
-                        tokens,
-                        raw: cap[0],
-                        align: alignment
-                    };
-                    return item;
+                // Process alignment
+                alignment = processAlignment(alignRow);
+            }
+        }
+        else {
+            // Table without header alignment - treat all rows as body rows
+            bodyRows = allRows;
+            const firstRowCells = bodyRows[0].split('|').filter((cell) => cell.trim() !== '');
+            colCount = firstRowCells.length;
+            alignment = new Array(colCount).fill(null); // No alignment for tables without headers
+        }
+        // Detect footer alignment row pattern in body rows (only for tables with header alignment)
+        let shouldDetectFooter = false;
+        let processedBodyRows = bodyRows;
+        if (detectFooter && hasHeaderAlignment && bodyRows.length > 0) {
+            // Check if any row matches the alignment pattern (contains only dashes, pipes, colons, and spaces)
+            for (let i = bodyRows.length - 1; i >= 0; i--) {
+                const row = bodyRows[i];
+                if (/^ *\| *:?-+:? *(\| *:?-+:? *)*\| *$/.test(row)) {
+                    // Found footer alignment row - remove it and enable footer detection
+                    shouldDetectFooter = true;
+                    processedBodyRows = bodyRows.slice(0, i).concat(bodyRows.slice(i + 1));
+                    break;
                 }
             }
-        ]
-    };
-}
+        }
+        // Process all rows and create table sections
+        const tokens = processRows(headerRows, processedBodyRows, alignment, colCount, this.lexer, maxColspan, shouldDetectFooter);
+        const item = {
+            type: 'table',
+            tokens,
+            raw: cap[0],
+            align: alignment
+        };
+        return item;
+    }
+};

package/dist/theme.d.ts

@@ -128,6 +128,18 @@ export declare const theme: {
     footnotePopover: {
         base: string;
     };
+    descriptionList: {
+        base: string;
+    };
+    description: {
+        base: string;
+    };
+    descriptionTerm: {
+        base: string;
+    };
+    descriptionDetail: {
+        base: string;
+    };
 };
 export declare const shadcnTheme: {
     link: {
@@ -257,6 +269,18 @@ export declare const shadcnTheme: {
     footnotePopover: {
         base: string;
     };
+    descriptionList: {
+        base: string;
+    };
+    description: {
+        base: string;
+    };
+    descriptionTerm: {
+        base: string;
+    };
+    descriptionDetail: {
+        base: string;
+    };
 };
 export type Theme = typeof theme;
 type DeepPartial<T> = {
@@ -391,5 +415,17 @@ export declare const mergeTheme: (customTheme?: DeepPartialTheme, baseTheme?: "t
     footnotePopover: {
         base: string;
     };
+    descriptionList: {
+        base: string;
+    };
+    description: {
+        base: string;
+    };
+    descriptionTerm: {
+        base: string;
+    };
+    descriptionDetail: {
+        base: string;
+    };
 };
 export {};

package/dist/theme.js

@@ -128,6 +128,18 @@ export const theme = {
     },
     footnotePopover: {
         base: 'fixed z-50 max-h-[30vh] max-w-3xl overflow-y-auto rounded-lg bg-background p-4 shadow'
+    },
+    descriptionList: {
+        base: 'my-4 space-y-2'
+    },
+    description: {
+        base: 'border-l-2 border-gray-200 pl-4'
+    },
+    descriptionTerm: {
+        base: 'font-semibold text-gray-900'
+    },
+    descriptionDetail: {
+        base: 'text-gray-700 ml-4 leading-relaxed'
     }
 };
 export const shadcnTheme = {
@@ -247,7 +259,7 @@ export const shadcnTheme = {
         base: ''
     },
     em: {
-        base: 'italic text-foreground'
+        base: 'italic'
     },
     del: {
         base: 'text-muted-foreground'
@@ -257,6 +269,18 @@ export const shadcnTheme = {
     },
     footnotePopover: {
         base: 'fixed z-50 max-h-[30vh] shadow max-w-3xl overflow-y-auto rounded-lg bg-background p-4'
+    },
+    descriptionList: {
+        base: 'my-4 space-y-2'
+    },
+    description: {
+        base: 'border-l-2 border-border pl-4'
+    },
+    descriptionTerm: {
+        base: 'font-semibold text-foreground'
+    },
+    descriptionDetail: {
+        base: 'text-muted-foreground ml-4 leading-relaxed'
     }
 };
 export const mergeTheme = (customTheme, baseTheme) => {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "svelte-streamdown",
-	"version": "2.3.1",
+	"version": "2.3.3",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run prepack",
@@ -73,7 +73,6 @@
 	"dependencies": {
 		"@floating-ui/dom": "^1.7.4",
 		"clsx": "^2.1.1",
-		"html-url-attributes": "^3.0.1",
 		"katex": "^0.16.22",
 		"marked": "^16.2.1",
 		"mermaid": "^11.11.0",