svelte-streamdown 3.0.0 → 3.0.1

package/README.md

@@ -99,7 +99,8 @@ $$
 - Pan and Zoom
 - Full screen mode
 
-**Example:**
+
+# **Example:**
 
 ```mermaid
 graph TD
@@ -802,7 +803,7 @@ The `mdx` snippet receives three parameters:
 - `children`: Snippet containing parsed markdown content
 
 Use `token.tagName` to determine which component is being rendered:
-
+<Card title="Hello" count={5}>Content</Card>
 ```svelte
 <!-- Markdown: <Card title="Hello" count={5}>Content</Card> -->
 <Streamdown {content}>

package/dist/Elements/FootnoteRef.svelte

@@ -37,6 +37,8 @@
 			popover.isOpen = false;
 		}
 	});
+
+	$inspect(token);
 </script>
 
 {#if popover.isOpen}
@@ -48,7 +50,7 @@
 		{@attach clickOutside.attachment}
 		{@attach popover.popoverAttachment}
 		open
-		class={`${streamdown.theme.components.popover}`}
+		class={streamdown.theme.components.popover}
 	>
 		<Slot
 			props={{

package/dist/Streamdown.svelte

@@ -40,7 +40,11 @@
 	const darkMode = useDarkMode();
 
 	const shikiThemedTheme = $derived(
-		shikiThemes ? Object.keys(shikiThemes)[0] || 'github-light' : darkMode.current ? 'github-dark' : 'github-light'
+		shikiThemes
+			? Object.keys(shikiThemes)[0] || 'github-light'
+			: darkMode.current
+				? 'github-dark'
+				: 'github-light'
 	);
 
 	const mermaidThemedTheme = $derived(

package/dist/marked/marked-footnotes.js

@@ -1,6 +1,9 @@
 import {} from './index.js';
 import { StreamdownContext } from '../context.svelte.js';
 import { getContext } from 'svelte';
+const footnoteRegex = /^\[\^([^\]\n]+)\]:(?:[ \t]+|\n|$)([^\n]*(?:\n(?:[ \t]+[^\n]*)?)*)/;
+const footnoteRefRegex = /^\[\^([^\]\n]+)\]/;
+const footNoteLastLineRegex = /^[ \t]*?[>\-*][ ]|[`]{3,}$|^[ \t]*?[|].+[|]$/;
 const safeGetContext = () => {
     try {
         return getContext('streamdown');
@@ -32,18 +35,16 @@ export function markedFootnote() {
             level: 'block',
             tokenizer(src) {
                 const maps = ensureMaps(this);
-                const match = /^\[\^([^\]\n]+)\]:(?:[ \t]+|[\n]*?|$)([^\n]*?(?:\n|$)(?:\n*?[ ]{4,}[^\n]*)*)/.exec(src);
+                const match = footnoteRegex.exec(src);
                 if (match) {
                     const [raw, label, text = ''] = match;
                     let content = text.split('\n').reduce((acc, curr) => {
-                        return acc + '\n' + curr.replace(/^(?:[ ]{4}|[\t])/, '');
+                        return acc + '\n' + curr.replace(/^[ \t]+/, '');
                     }, '');
                     const contentLastLine = content.trimEnd().split('\n').pop();
                     content +=
                         // add lines after list, blockquote, codefence, and table
-                        contentLastLine && /^[ \t]*?[>\-*][ ]|[`]{3,}$|^[ \t]*?[|].+[|]$/.test(contentLastLine)
-                            ? '\n\n'
-                            : '';
+                        contentLastLine && footNoteLastLineRegex.test(contentLastLine) ? '\n\n' : '';
                     const lines = content.split('\n');
                     const token = {
                         type: 'footnote',
@@ -66,7 +67,7 @@ export function markedFootnote() {
             level: 'inline',
             tokenizer(src) {
                 const maps = ensureMaps(this);
-                const match = /^\[\^([^\]\n]+)\]/.exec(src);
+                const match = footnoteRefRegex.exec(src);
                 if (match) {
                     const [raw, label] = match;
                     const footnote = maps.footnotes.get(label);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "svelte-streamdown",
-	"version": "3.0.0",
+	"version": "3.0.1",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run prepack",