@humanspeak/svelte-markdown 0.5.4 → 0.6.0

package/dist/renderers/html/Textarea.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">
+    import type { Snippet } from 'svelte'
+
+    interface Props {
+        attributes?: Record<string, any>
+    }
+
+    const { attributes }: Props = $props()
+</script>
+
+<textarea {...attributes}></textarea>

package/dist/renderers/html/Textarea.svelte.d.ts

@@ -0,0 +1,5 @@
+declare const Textarea: import("svelte").Component<{
+    attributes?: Record<string, any>;
+}, {}, "">;
+type Textarea = ReturnType<typeof Textarea>;
+export default Textarea;

package/dist/renderers/html/Tfoot.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+    import type { Snippet } from 'svelte'
+
+    interface Props {
+        children?: Snippet
+        attributes?: Record<string, any>
+    }
+
+    const { children, attributes }: Props = $props()
+</script>
+
+<tfoot {...attributes}>{@render children?.()}</tfoot>

package/dist/renderers/html/Tfoot.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { Snippet } from 'svelte';
+declare const Tfoot: import("svelte").Component<{
+    children?: Snippet;
+    attributes?: Record<string, any>;
+}, {}, "">;
+type Tfoot = ReturnType<typeof Tfoot>;
+export default Tfoot;

package/dist/renderers/html/Th.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+    import type { Snippet } from 'svelte'
+
+    interface Props {
+        children?: Snippet
+        attributes?: Record<string, any>
+    }
+
+    const { children, attributes }: Props = $props()
+</script>
+
+<th {...attributes}>{@render children?.()}</th>

package/dist/renderers/html/Th.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { Snippet } from 'svelte';
+declare const Th: import("svelte").Component<{
+    children?: Snippet;
+    attributes?: Record<string, any>;
+}, {}, "">;
+type Th = ReturnType<typeof Th>;
+export default Th;

package/dist/renderers/html/Thead.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+    import type { Snippet } from 'svelte'
+
+    interface Props {
+        children?: Snippet
+        attributes?: Record<string, any>
+    }
+
+    const { children, attributes }: Props = $props()
+</script>
+
+<thead {...attributes}>{@render children?.()}</thead>

package/dist/renderers/html/Thead.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { Snippet } from 'svelte';
+declare const Thead: import("svelte").Component<{
+    children?: Snippet;
+    attributes?: Record<string, any>;
+}, {}, "">;
+type Thead = ReturnType<typeof Thead>;
+export default Thead;

package/dist/renderers/html/Tr.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+    import type { Snippet } from 'svelte'
+
+    interface Props {
+        children?: Snippet
+        attributes?: Record<string, any>
+    }
+
+    const { children, attributes }: Props = $props()
+</script>
+
+<tr {...attributes}>{@render children?.()}</tr>

package/dist/renderers/html/Tr.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { Snippet } from 'svelte';
+declare const Tr: import("svelte").Component<{
+    children?: Snippet;
+    attributes?: Record<string, any>;
+}, {}, "">;
+type Tr = ReturnType<typeof Tr>;
+export default Tr;

package/dist/renderers/html/Track.svelte

@@ -0,0 +1,9 @@
+<script lang="ts">
+    interface Props {
+        attributes?: Record<string, any>
+    }
+
+    const { attributes }: Props = $props()
+</script>
+
+<track {...attributes} />

package/dist/renderers/html/Track.svelte.d.ts

@@ -0,0 +1,5 @@
+declare const Track: import("svelte").Component<{
+    attributes?: Record<string, any>;
+}, {}, "">;
+type Track = ReturnType<typeof Track>;
+export default Track;

package/dist/renderers/html/U.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+    import type { Snippet } from 'svelte'
+
+    interface Props {
+        children?: Snippet
+        attributes?: Record<string, any>
+    }
+
+    const { children, attributes }: Props = $props()
+</script>
+
+<u {...attributes}>{@render children?.()}</u>

package/dist/renderers/html/U.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { Snippet } from 'svelte';
+declare const U: import("svelte").Component<{
+    children?: Snippet;
+    attributes?: Record<string, any>;
+}, {}, "">;
+type U = ReturnType<typeof U>;
+export default U;

package/dist/renderers/html/Ul.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+    import type { Snippet } from 'svelte'
+
+    interface Props {
+        children?: Snippet
+        attributes?: Record<string, any>
+    }
+
+    const { children, attributes }: Props = $props()
+</script>
+
+<ul {...attributes}>{@render children?.()}</ul>

package/dist/renderers/html/Ul.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { Snippet } from 'svelte';
+declare const Ul: import("svelte").Component<{
+    children?: Snippet;
+    attributes?: Record<string, any>;
+}, {}, "">;
+type Ul = ReturnType<typeof Ul>;
+export default Ul;

package/dist/renderers/html/Var.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+    import type { Snippet } from 'svelte'
+
+    interface Props {
+        children?: Snippet
+        attributes?: Record<string, any>
+    }
+
+    const { children, attributes }: Props = $props()
+</script>
+
+<var {...attributes}>{@render children?.()}</var>

package/dist/renderers/html/Var.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { Snippet } from 'svelte';
+declare const Var: import("svelte").Component<{
+    children?: Snippet;
+    attributes?: Record<string, any>;
+}, {}, "">;
+type Var = ReturnType<typeof Var>;
+export default Var;

package/dist/renderers/html/Video.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+    import type { Snippet } from 'svelte'
+
+    interface Props {
+        children?: Snippet
+        attributes?: Record<string, any>
+    }
+
+    const { children, attributes }: Props = $props()
+</script>
+
+<video {...attributes}>{@render children?.()}</video>

package/dist/renderers/html/Video.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { Snippet } from 'svelte';
+declare const Video: import("svelte").Component<{
+    children?: Snippet;
+    attributes?: Record<string, any>;
+}, {}, "">;
+type Video = ReturnType<typeof Video>;
+export default Video;

package/dist/renderers/html/index.d.ts

@@ -0,0 +1,6 @@
+import type { Component } from 'svelte';
+export interface HtmlRenderers {
+    [key: string]: Component<any, any, any> | null;
+}
+export declare const Html: HtmlRenderers;
+export default Html;

package/dist/renderers/html/index.js

@@ -0,0 +1,61 @@
+import A from './A.svelte';
+import Blockquote from './Blockquote.svelte';
+import Code from './Code.svelte';
+import Del from './Del.svelte';
+import Em from './Em.svelte';
+import H1 from './H1.svelte';
+import H2 from './H2.svelte';
+import H3 from './H3.svelte';
+import H4 from './H4.svelte';
+import H5 from './H5.svelte';
+import H6 from './H6.svelte';
+import Hr from './Hr.svelte';
+import I from './I.svelte';
+import Img from './Img.svelte';
+import Li from './Li.svelte';
+import Ol from './Ol.svelte';
+import P from './P.svelte';
+import Pre from './Pre.svelte';
+import Strong from './Strong.svelte';
+import Sub from './Sub.svelte';
+import Sup from './Sup.svelte';
+import Table from './Table.svelte';
+import Tbody from './Tbody.svelte';
+import Td from './Td.svelte';
+import Tfoot from './Tfoot.svelte';
+import Th from './Th.svelte';
+import Thead from './Thead.svelte';
+import Tr from './Tr.svelte';
+import Ul from './Ul.svelte';
+export const Html = {
+    a: A,
+    blockquote: Blockquote,
+    code: Code,
+    del: Del,
+    em: Em,
+    h1: H1,
+    h2: H2,
+    h3: H3,
+    h4: H4,
+    h5: H5,
+    h6: H6,
+    hr: Hr,
+    i: I,
+    img: Img,
+    li: Li,
+    ol: Ol,
+    p: P,
+    pre: Pre,
+    strong: Strong,
+    sub: Sub,
+    sup: Sup,
+    table: Table,
+    tbody: Tbody,
+    td: Td,
+    th: Th,
+    thead: Thead,
+    tr: Tr,
+    tfoot: Tfoot,
+    ul: Ul
+};
+export default Html;

package/dist/renderers/index.d.ts

@@ -6,7 +6,7 @@ export { default as Del } from './Del.svelte';
 export { default as Em } from './Em.svelte';
 export { default as Heading } from './Heading.svelte';
 export { default as Hr } from './Hr.svelte';
-export { default as Html } from './Html.svelte';
+export { default as Html } from './html/index.js';
 export { default as Image } from './Image.svelte';
 export { default as Link } from './Link.svelte';
 export { default as List } from './List.svelte';

package/dist/renderers/index.js

@@ -6,7 +6,7 @@ export { default as Del } from './Del.svelte';
 export { default as Em } from './Em.svelte';
 export { default as Heading } from './Heading.svelte';
 export { default as Hr } from './Hr.svelte';
-export { default as Html } from './Html.svelte';
+export { default as Html } from './html/index.js';
 export { default as Image } from './Image.svelte';
 export { default as Link } from './Link.svelte';
 export { default as List } from './List.svelte';

package/dist/utils/markdown-parser.d.ts

@@ -1,9 +1,12 @@
 export { default as Slugger } from 'github-slugger';
 export { Lexer, type Token, type Tokens, type TokensList } from 'marked';
+import { type HtmlRenderers } from '../renderers/html/index.js';
 import type { Component } from 'svelte';
-export interface Renderers {
+export type Renderers = {
+    html: HtmlRenderers;
+} & {
     [key: string]: Component<any> | null;
-}
+};
 export declare const defaultRenderers: Renderers;
 export type SvelteMarkdownOptions = {
     baseUrl: string | null;

package/dist/utils/markdown-parser.js

@@ -1,5 +1,6 @@
 export { default as Slugger } from 'github-slugger';
 export { Lexer } from 'marked';
+import {} from '../renderers/html/index.js';
 import { Blockquote, Br, Code, Codespan, Del, Em, Heading, Hr, Html, Image, Link, List, ListItem, Paragraph, Strong, Table, TableBody, TableCell, TableHead, TableRow, Text } from '../renderers/index.js';
 export const defaultRenderers = {
     heading: Heading,

package/dist/utils/token-cleanup.d.ts

@@ -0,0 +1,6 @@
+import type { Token, TokensList } from 'marked';
+export declare const isHtmlOpenTag: (raw: string) => {
+    tag: string;
+    isOpening: boolean;
+} | null;
+export declare const shrinkHtmlTokens: (tokens: Token[] | TokensList) => Token[];

package/dist/utils/token-cleanup.js

@@ -0,0 +1,72 @@
+// Cache the regex pattern
+const HTML_TAG_PATTERN = /<\/?([a-zA-Z][a-zA-Z0-9-]{0,})(?:\s+[^>]*)?>/;
+const htmlTagRegex = new RegExp(HTML_TAG_PATTERN);
+export const isHtmlOpenTag = (raw) => {
+    // Use test() first as it's faster than match()
+    if (!htmlTagRegex.test(raw))
+        return null;
+    const match = raw.match(HTML_TAG_PATTERN);
+    if (!match)
+        return null;
+    return { tag: match[1], isOpening: !raw.startsWith('</') };
+};
+export const shrinkHtmlTokens = (tokens) => {
+    const result = [];
+    const len = tokens.length;
+    for (let i = 0; i < len; i++) {
+        const currentToken = { ...tokens[i] };
+        // Handle nested tokens first
+        if ('tokens' in currentToken && currentToken.tokens) {
+            currentToken.tokens = shrinkHtmlTokens(currentToken.tokens);
+            result.push(currentToken);
+            continue;
+        }
+        // Check for HTML pattern
+        if (currentToken.type === 'html') {
+            const openTag = isHtmlOpenTag(currentToken.raw);
+            if (openTag?.isOpening) {
+                // Search forward for the next matching closing tag
+                let closingIndex = -1;
+                let depth = 0;
+                for (let j = i + 1; j < len; j++) {
+                    const potentialTag = isHtmlOpenTag(tokens[j].raw);
+                    if (potentialTag?.tag === openTag.tag) {
+                        if (potentialTag.isOpening) {
+                            depth++;
+                        }
+                        else if (depth === 0) {
+                            closingIndex = j;
+                            break;
+                        }
+                        else {
+                            depth--;
+                        }
+                    }
+                }
+                if (closingIndex !== -1) {
+                    // Collect all content between tags
+                    const contentTokens = tokens.slice(i + 1, closingIndex);
+                    result.push({
+                        type: 'html',
+                        raw: currentToken.raw,
+                        text: currentToken.raw.replace(/<|>/g, ''),
+                        tokens: shrinkHtmlTokens(contentTokens),
+                        tag: openTag.tag,
+                        attributes: Object.fromEntries((currentToken.raw.match(/\s+([^>]*)/)?.[1] || '')
+                            .split(/\s+/)
+                            .filter(Boolean)
+                            .map((attr) => {
+                            const [key, value] = attr.split('=');
+                            return [key, value ? value.replace(/['"]/g, '') : true];
+                        }))
+                    });
+                    // Skip ahead past the closing tag
+                    i = closingIndex;
+                    continue;
+                }
+            }
+        }
+        result.push(currentToken);
+    }
+    return result;
+};

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@humanspeak/svelte-markdown",
     "description": "A markdown renderer for Svelte",
-    "version": "0.5.4",
+    "version": "0.6.0",
     "scripts": {
         "dev": "vite dev",
         "build": "vite build && npm run package",
@@ -53,36 +53,36 @@
     },
     "dependencies": {
         "github-slugger": "^2.0.0",
-        "marked": "^14.1.3"
+        "marked": "^15.0.0"
     },
     "devDependencies": {
         "@eslint/eslintrc": "^3.1.0",
-        "@eslint/js": "^9.13.0",
+        "@eslint/js": "^9.14.0",
         "@sveltejs/adapter-auto": "^3.3.1",
-        "@sveltejs/kit": "^2.7.3",
+        "@sveltejs/kit": "^2.8.0",
         "@sveltejs/package": "^2.3.7",
         "@sveltejs/vite-plugin-svelte": "^4.0.0",
-        "@testing-library/jest-dom": "^6.6.2",
+        "@testing-library/jest-dom": "^6.6.3",
         "@testing-library/svelte": "^5.2.4",
         "@testing-library/user-event": "^14.5.2",
-        "@types/node": "^22.8.4",
-        "@typescript-eslint/eslint-plugin": "^8.12.2",
-        "@typescript-eslint/parser": "^8.12.2",
+        "@types/node": "^22.9.0",
+        "@typescript-eslint/eslint-plugin": "^8.14.0",
+        "@typescript-eslint/parser": "^8.14.0",
         "@vitest/coverage-v8": "^2.1.4",
-        "eslint": "^9.13.0",
+        "eslint": "^9.14.0",
         "eslint-config-prettier": "^9.1.0",
         "eslint-plugin-svelte": "^2.46.0",
-        "globals": "^15.11.0",
+        "globals": "^15.12.0",
         "jsdom": "^25.0.1",
         "prettier": "^3.3.3",
         "prettier-plugin-organize-imports": "^4.1.0",
-        "prettier-plugin-svelte": "^3.2.7",
+        "prettier-plugin-svelte": "^3.2.8",
         "prettier-plugin-tailwindcss": "^0.6.8",
         "publint": "^0.2.12",
-        "svelte": "^5.1.4",
-        "svelte-check": "^4.0.5",
+        "svelte": "^5.1.15",
+        "svelte-check": "^4.0.7",
         "typescript": "^5.6.3",
-        "vite": "^5.4.10",
+        "vite": "^5.4.11",
         "vitest": "^2.1.4"
     },
     "overrides": {

package/dist/renderers/Html.svelte

@@ -1,9 +0,0 @@
-<script lang="ts">
-    interface Props {
-        text: string
-    }
-
-    const { text }: Props = $props()
-</script>
-
-{@html text}

package/dist/renderers/Html.svelte.d.ts

@@ -1,4 +0,0 @@
-declare const Html: import("svelte").Component<{
-    text: string;
-}, {}, "">;
-export default Html;