svelte-streamdown 2.4.1 → 2.4.3

package/dist/Elements/Code.svelte

@@ -72,8 +72,11 @@
 	</div>
 	<div style="height: fit-content; width: 100%;" class={streamdown.theme.code.container}>
 		{#if highlighter.isReady(streamdown.shikiTheme, token.lang)}
-			{@const tokens = highlighter.highlightCode(token.text, token.lang, streamdown.shikiTheme)}
-			<pre class={streamdown.theme.code.pre}><code>{@render Tokens(tokens)}</code></pre>
+			<pre class={streamdown.theme.code.pre}><code
+					>{@render Tokens(
+						highlighter.highlightCode(token.text, token.lang, streamdown.shikiTheme)
+					)}</code
+				></pre>
 		{:else}
 			<pre class={streamdown.theme.code.pre}><code>{@render Skeleton(token.text.split('\n'))}</code
 				></pre>
@@ -81,10 +84,10 @@
 	</div>
 </div>
 
-{#snippet Tokens(tokens: ThemedToken[][])}
-	{#each tokens as line}
+{#snippet Tokens(lines: ThemedToken[][])}
+	{#each lines as tokens}
 		<span class={streamdown.theme.code.line}>
-			{#each line as token}
+			{#each tokens as token}
 				<span
 					style={streamdown.isMounted ? streamdown.animationTextStyle : ''}
 					style:color={token.color}
@@ -99,10 +102,7 @@
 
 {#snippet Skeleton(lines: string[])}
 	{#each lines as line}
-		<span
-			style={streamdown.isMounted ? streamdown.animationTextStyle : ''}
-			class={streamdown.theme.code.skeleton}
-		>
+		<span class={streamdown.theme.code.skeleton}>
 			{line.trim().length > 0 ? line : '\u200B'}
 		</span>
 	{/each}

package/dist/Elements/FootnoteRef.svelte

@@ -97,7 +97,6 @@
 			{@attach clickOutside.attachment}
 			{@attach popoverAttachment}
 			open
-			popover="auto"
 			class={`${streamdown.theme.footnotePopover.base}`}
 		>
 			{#each token.content.lines as line}
@@ -107,22 +106,24 @@
 	</Slot>
 {/if}
 
-<Slot
-	props={{
-		token
-	}}
-	render={streamdown.snippets.footnoteRef}
->
-	<button
-		style={streamdown.animationBlockStyle}
-		bind:this={reference}
-		class={streamdown.theme.footnoteRef.base}
-		onclick={() => (isOpen = !isOpen)}
-		aria-expanded={isOpen}
-		aria-haspopup="dialog"
-		aria-controls={'footnote-popover-' + id}
-		{@attach clickOutside.attachment}
+{#if token.label !== 'streamdown:footnote'}
+	<Slot
+		props={{
+			token
+		}}
+		render={streamdown.snippets.footnoteRef}
 	>
-		{token.label.replace('^', '')}
-	</button>
-</Slot>
+		<button
+			style={streamdown.animationBlockStyle}
+			bind:this={reference}
+			class={streamdown.theme.footnoteRef.base}
+			onclick={() => (isOpen = !isOpen)}
+			aria-expanded={isOpen}
+			aria-haspopup="dialog"
+			aria-controls={'footnote-popover-' + id}
+			{@attach clickOutside.attachment}
+		>
+			{token.label.replace('^', '')}
+		</button>
+	</Slot>
+{/if}

package/dist/marked/index.js

@@ -7,7 +7,7 @@ import { markedList } from './marked-list.js';
 import { markedBr } from './marked-br.js';
 import { markedHr } from './marked-hr.js';
 import { markedTable } from './marked-table.js';
-import { markedDl, markedDt } from './marked-dl.js';
+import { markedDl } from './marked-dl.js';
 const parseExtensions = (...extensions) => {
     const options = {
         gfm: true,
@@ -41,7 +41,7 @@ const parseExtensions = (...extensions) => {
     return options;
 };
 export const lex = (markdown, extensions = []) => {
-    return new Lexer(parseExtensions(markedHr, markedTable, ...markedFootnote(), markedAlert, ...markedMath, markedSub, markedSup, markedList, markedBr, markedDl, markedDt, ...extensions))
+    return new Lexer(parseExtensions(markedHr, markedTable, ...markedFootnote(), markedAlert, ...markedMath, markedSub, markedSup, markedList, markedBr, markedDl, ...extensions))
         .lex(markdown)
         .filter((token) => token.type !== 'space' && token.type !== 'footnote');
 };

package/dist/marked/marked-dl.d.ts

@@ -1,6 +1,5 @@
 import type { Extension, GenericToken } from './index.js';
 export declare const markedDl: Extension;
-export declare const markedDt: Extension;
 export type DescriptionListToken = {
     type: 'descriptionList';
     raw: string;

package/dist/marked/marked-dl.js

@@ -5,41 +5,40 @@ export const markedDl = {
         const rule = /^(?:[ \t]*:[^:\n]+:[ \t]?[^\n]*(?:\n|$))+/;
         const match = rule.exec(src);
         if (match) {
+            const text = match[0].trim();
+            const tokens = [];
+            // Parse each line as a description
+            const lines = text.split('\n');
+            for (const line of lines) {
+                const lineMatch = /^\s*:([^:\n]+):([^:\n]*)(?:\n|$)/.exec(line);
+                if (lineMatch) {
+                    const term = lineMatch[1].trim();
+                    const detail = lineMatch[2].trim();
+                    tokens.push({
+                        type: 'description',
+                        raw: lineMatch[0],
+                        tokens: [
+                            {
+                                type: 'descriptionTerm',
+                                raw: term,
+                                tokens: this.lexer.inlineTokens(term)
+                            },
+                            {
+                                type: 'descriptionDetail',
+                                raw: detail,
+                                tokens: this.lexer.inlineTokens(detail)
+                            }
+                        ]
+                    });
+                }
+            }
             const token = {
                 type: 'descriptionList',
                 raw: match[0],
-                text: match[0].trim(),
-                tokens: this.lexer.inlineTokens(match[0].trim()).filter((t) => t.type === 'description')
+                text: text,
+                tokens: tokens
             };
             return token;
         }
     }
 };
-export const markedDt = {
-    name: 'description',
-    level: 'inline',
-    tokenizer(src) {
-        const rule = /^\s*:([^:\n]+):([^:\n]*)(?:\n|$)/;
-        const match = rule.exec(src);
-        if (match) {
-            const term = match[1].trim();
-            const detail = match[2].trim();
-            return {
-                type: 'description',
-                raw: match[0],
-                tokens: [
-                    {
-                        type: 'descriptionTerm',
-                        raw: term,
-                        tokens: this.lexer.inlineTokens(term)
-                    },
-                    {
-                        type: 'descriptionDetail',
-                        raw: detail,
-                        tokens: this.lexer.inlineTokens(detail)
-                    }
-                ]
-            };
-        }
-    }
-};