@humanspeak/svelte-markdown 0.5.4 → 0.6.0

package/dist/Parser.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
     import Parser from './Parser.svelte'
+    import Html from './renderers/html/index.js'
     import type { Renderers, Token, TokensList, Tokens } from './utils/markdown-parser.js'
 
     interface Props {
@@ -69,32 +70,51 @@
             <renderers.list {ordered} {...rest}>
                 {@const items = rest.items as Props[]}
                 {#each items as item}
-                    {@const SvelteComponent = renderers.orderedlistitem || renderers.listitem}
-                    <SvelteComponent {...item}>
+                    {@const OrderedListComponent = renderers.orderedlistitem || renderers.listitem}
+                    <OrderedListComponent {...item}>
                         <Parser tokens={item.tokens} {renderers} />
-                    </SvelteComponent>
+                    </OrderedListComponent>
                 {/each}
             </renderers.list>
         {:else}
             <renderers.list {ordered} {...rest}>
                 {@const items = rest.items as Props[]}
                 {#each items as item}
-                    {@const SvelteComponent_1 = renderers.unorderedlistitem || renderers.listitem}
-                    <SvelteComponent_1 {...item} {...rest}>
+                    {@const UnorderedListComponent =
+                        renderers.unorderedlistitem || renderers.listitem}
+                    <UnorderedListComponent {...item} {...rest}>
                         <Parser tokens={item.tokens} {renderers} {...rest} />
-                    </SvelteComponent_1>
+                    </UnorderedListComponent>
                 {/each}
             </renderers.list>
         {/if}
+    {:else if type === 'html'}
+        {@const { tag, ...localRest } = rest}
+        {@const htmlTag = rest.tag as keyof typeof Html}
+        {#if htmlTag in Html}
+            {@const HtmlComponent = Html[htmlTag]}
+            {@const tokens = (rest.tokens as Token[]) ?? ([] as Token[])}
+            <HtmlComponent {...rest}>
+                {#if tokens.length}
+                    <Parser {tokens} {renderers} {...localRest} />
+                {/if}
+            </HtmlComponent>
+        {:else}
+            <Parser
+                tokens={(rest.tokens as Token[]) ?? ([] as Token[])}
+                {renderers}
+                {...localRest}
+            />
+        {/if}
     {:else}
-        {@const SvelteComponent_2 = renderers[type]}
-        <SvelteComponent_2 {...rest}>
+        {@const GeneralComponent = renderers[type]}
+        <GeneralComponent {...rest}>
             {#if tokens}
                 {@const { text, raw, ...parserRest } = rest}
                 <Parser {tokens} {renderers} {...parserRest} />
             {:else}
                 {rest.raw}
             {/if}
-        </SvelteComponent_2>
+        </GeneralComponent>
     {/if}
 {/if}

package/dist/Parser.svelte.d.ts

@@ -10,4 +10,5 @@ declare const Parser: import("svelte").Component<{
 } & {
     [key: string]: unknown;
 }, {}, "">;
+type Parser = ReturnType<typeof Parser>;
 export default Parser;

package/dist/SvelteMarkdown.svelte

@@ -6,13 +6,15 @@
         Slugger,
         type Token,
         type TokensList,
-        type SvelteMarkdownOptions
+        type SvelteMarkdownOptions,
+        type Renderers
     } from './utils/markdown-parser.js'
     import Parser from './Parser.svelte'
+    import { shrinkHtmlTokens } from './utils/token-cleanup.js'
 
     interface Props {
         source: Token[] | string
-        renderers?: object
+        renderers?: Renderers
         options?: SvelteMarkdownOptions
         isInline?: boolean
         parsed?: (tokens: Token[] | TokensList) => void // eslint-disable-line no-unused-vars
@@ -38,10 +40,12 @@
 
     $effect.pre(() => {
         if (Array.isArray(source)) {
-            tokens = source as Token[]
+            tokens = shrinkHtmlTokens(source) as Token[]
         } else {
             lexer = new Lexer(combinedOptions)
-            tokens = isInline ? lexer.inlineTokens(source as string) : lexer.lex(source as string)
+            tokens = shrinkHtmlTokens(
+                isInline ? lexer.inlineTokens(source as string) : lexer.lex(source as string)
+            )
         }
     })
     $effect(() => {
@@ -50,8 +54,14 @@
 
     const combinedRenderers = {
         ...defaultRenderers,
-        ...renderers
+        ...renderers,
+        html: {
+            ...defaultRenderers.html,
+            ...renderers.html
+        }
     }
+
+    $inspect(tokens)
 </script>
 
 <Parser

package/dist/SvelteMarkdown.svelte.d.ts

@@ -1,11 +1,12 @@
-import { type Token, type TokensList, type SvelteMarkdownOptions } from './utils/markdown-parser.js';
+import { type Token, type TokensList, type SvelteMarkdownOptions, type Renderers } from './utils/markdown-parser.js';
 declare const SvelteMarkdown: import("svelte").Component<{
     source: Token[] | string;
-    renderers?: object;
+    renderers?: Renderers;
     options?: SvelteMarkdownOptions;
     isInline?: boolean;
     parsed?: (tokens: Token[] | TokensList) => void;
 } & {
     [key: string]: unknown;
 }, {}, "">;
+type SvelteMarkdown = ReturnType<typeof SvelteMarkdown>;
 export default SvelteMarkdown;

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

@@ -2,4 +2,5 @@ import type { Snippet } from 'svelte';
 declare const Blockquote: import("svelte").Component<{
     children?: Snippet;
 }, {}, "">;
+type Blockquote = ReturnType<typeof Blockquote>;
 export default Blockquote;

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

@@ -2,4 +2,5 @@ import type { Snippet } from 'svelte';
 declare const Br: import("svelte").Component<{
     children?: Snippet;
 }, {}, "">;
+type Br = ReturnType<typeof Br>;
 export default Br;

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

@@ -2,4 +2,5 @@ declare const Code: import("svelte").Component<{
     lang: string;
     text: string;
 }, {}, "">;
+type Code = ReturnType<typeof Code>;
 export default Code;

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

@@ -1,4 +1,5 @@
 declare const Codespan: import("svelte").Component<{
     raw: string;
 }, {}, "">;
+type Codespan = ReturnType<typeof Codespan>;
 export default Codespan;

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

@@ -2,4 +2,5 @@ import type { Snippet } from 'svelte';
 declare const Del: import("svelte").Component<{
     children?: Snippet;
 }, {}, "">;
+type Del = ReturnType<typeof Del>;
 export default Del;

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

@@ -2,4 +2,5 @@ import type { Snippet } from 'svelte';
 declare const Em: import("svelte").Component<{
     children?: Snippet;
 }, {}, "">;
+type Em = ReturnType<typeof Em>;
 export default Em;

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

@@ -8,4 +8,5 @@ declare const Heading: import("svelte").Component<{
     slug: (val: string) => string;
     children?: Snippet;
 }, {}, "">;
+type Heading = ReturnType<typeof Heading>;
 export default Heading;

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

@@ -3,4 +3,5 @@ declare const Image: import("svelte").Component<{
     title?: string;
     text?: string;
 }, {}, "">;
+type Image = ReturnType<typeof Image>;
 export default Image;

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

@@ -4,4 +4,5 @@ declare const Link: import("svelte").Component<{
     title?: string;
     children?: Snippet;
 }, {}, "">;
+type Link = ReturnType<typeof Link>;
 export default Link;

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

@@ -4,4 +4,5 @@ declare const List: import("svelte").Component<{
     start?: number;
     children?: Snippet;
 }, {}, "">;
+type List = ReturnType<typeof List>;
 export default List;

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

@@ -2,4 +2,5 @@ import type { Snippet } from 'svelte';
 declare const ListItem: import("svelte").Component<{
     children?: Snippet;
 }, {}, "">;
+type ListItem = ReturnType<typeof ListItem>;
 export default ListItem;

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

@@ -2,4 +2,5 @@ import type { Snippet } from 'svelte';
 declare const Paragraph: import("svelte").Component<{
     children?: Snippet;
 }, {}, "">;
+type Paragraph = ReturnType<typeof Paragraph>;
 export default Paragraph;

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

@@ -2,4 +2,5 @@ import type { Snippet } from 'svelte';
 declare const Strong: import("svelte").Component<{
     children?: Snippet;
 }, {}, "">;
+type Strong = ReturnType<typeof Strong>;
 export default Strong;

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

@@ -2,4 +2,5 @@ import type { Snippet } from 'svelte';
 declare const Table: import("svelte").Component<{
     children?: Snippet;
 }, {}, "">;
+type Table = ReturnType<typeof Table>;
 export default Table;

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

@@ -2,4 +2,5 @@ import type { Snippet } from 'svelte';
 declare const TableBody: import("svelte").Component<{
     children?: Snippet;
 }, {}, "">;
+type TableBody = ReturnType<typeof TableBody>;
 export default TableBody;

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

@@ -4,4 +4,5 @@ declare const TableCell: import("svelte").Component<{
     align: "left" | "center" | "right" | "justify" | "char" | null | undefined;
     children?: Snippet;
 }, {}, "">;
+type TableCell = ReturnType<typeof TableCell>;
 export default TableCell;

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

@@ -2,4 +2,5 @@ import type { Snippet } from 'svelte';
 declare const TableHead: import("svelte").Component<{
     children?: Snippet;
 }, {}, "">;
+type TableHead = ReturnType<typeof TableHead>;
 export default TableHead;

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

@@ -2,4 +2,5 @@ import type { Snippet } from 'svelte';
 declare const TableRow: import("svelte").Component<{
     children?: Snippet;
 }, {}, "">;
+type TableRow = ReturnType<typeof TableRow>;
 export default TableRow;

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

@@ -2,4 +2,5 @@ import { type Snippet } from 'svelte';
 declare const Text: import("svelte").Component<{
     children?: Snippet;
 }, {}, "">;
+type Text = ReturnType<typeof Text>;
 export default Text;

package/dist/renderers/html/A.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>
+
+<a {...attributes}>{@render children?.()}</a>

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

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

package/dist/renderers/html/Abbr.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>
+
+<abbr {...attributes}>{@render children?.()}</abbr>

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

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

package/dist/renderers/html/Address.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>
+
+<address {...attributes}>{@render children?.()}</address>

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

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

package/dist/renderers/html/Article.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>
+
+<article {...attributes}>{@render children?.()}</article>

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

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

package/dist/renderers/html/Aside.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>
+
+<aside {...attributes}>{@render children?.()}</aside>

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

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

package/dist/renderers/html/Audio.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>
+
+<audio {...attributes}>{@render children?.()}</audio>

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

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

package/dist/renderers/html/B.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>
+
+<b {...attributes}>{@render children?.()}</b>

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

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

package/dist/renderers/html/Bdi.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>
+
+<bdi {...attributes}>{@render children?.()}</bdi>

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

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

package/dist/renderers/html/Bdo.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>
+
+<bdo {...attributes}>{@render children?.()}</bdo>

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

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

package/dist/renderers/html/Blockquote.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>
+
+<blockquote {...attributes}>{@render children?.()}</blockquote>

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

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

package/dist/renderers/html/Button.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>
+
+<button {...attributes}>{@render children?.()}</button>

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

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

package/dist/renderers/html/Canvas.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>
+
+<canvas {...attributes}>{@render children?.()}</canvas>

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

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

package/dist/renderers/html/Cite.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>
+
+<cite {...attributes}>{@render children?.()}</cite>

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

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

package/dist/renderers/html/Code.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>
+
+<code {...attributes}>{@render children?.()}</code>

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

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

package/dist/renderers/html/Datalist.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>
+
+<datalist {...attributes}>{@render children?.()}</datalist>

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

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

package/dist/renderers/html/Dd.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>
+
+<dd {...attributes}>{@render children?.()}</dd>

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

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