@humanspeak/svelte-markdown 0.7.12 → 0.7.15

package/README.md

@@ -5,9 +5,10 @@ A powerful, customizable markdown renderer for Svelte with TypeScript support. B
 [![NPM version](https://img.shields.io/npm/v/@humanspeak/svelte-markdown.svg)](https://www.npmjs.com/package/@humanspeak/svelte-markdown)
 [![Build Status](https://github.com/humanspeak/svelte-markdown/actions/workflows/npm-publish.yml/badge.svg)](https://github.com/humanspeak/svelte-markdown/actions/workflows/npm-publish.yml)
 [![Coverage Status](https://coveralls.io/repos/github/humanspeak/svelte-markdown/badge.svg?branch=main)](https://coveralls.io/github/humanspeak/svelte-markdown?branch=main)
-[![License](https://img.shields.io/npm/l/@humanspeak/svelte-markdown.svg)](https://github.com/humanspeak/svelte-markdown/blob/main/LICENSE.md)
+[![License](https://img.shields.io/npm/l/@humanspeak/svelte-markdown.svg)](https://github.com/humanspeak/svelte-markdown/blob/main/LICENSE)
 [![Downloads](https://img.shields.io/npm/dm/@humanspeak/svelte-markdown.svg)](https://www.npmjs.com/package/@humanspeak/svelte-markdown)
 [![CodeQL](https://github.com/humanspeak/svelte-markdown/actions/workflows/codeql.yml/badge.svg)](https://github.com/humanspeak/svelte-markdown/actions/workflows/codeql.yml)
+[![Install size](https://packagephobia.com/badge?p=@humanspeak/svelte-markdown)](https://packagephobia.com/result?p=@humanspeak/svelte-markdown)
 [![Code Style: Trunk](https://img.shields.io/badge/code%20style-trunk-blue.svg)](https://trunk.io)
 [![TypeScript](https://img.shields.io/badge/%3C%2F%3E-TypeScript-%230074c1.svg)](http://www.typescriptlang.org/)
 [![Types](https://img.shields.io/npm/types/@humanspeak/svelte-markdown.svg)](https://www.npmjs.com/package/@humanspeak/svelte-markdown)
@@ -243,7 +244,7 @@ The component emits a `parsed` event when tokens are calculated:
 
 ## License
 
-MIT © [Humanspeak, Inc.](LICENSE.md)
+MIT © [Humanspeak, Inc.](LICENSE)
 
 ## Credits
 

package/dist/Parser.svelte

@@ -123,7 +123,11 @@
                                                 <Parser
                                                     tokens={token.tokens}
                                                     {renderers}
-                                                    {...localRest}
+                                                    {...Object.fromEntries(
+                                                        Object.entries(localRest).filter(
+                                                            ([key]) => key !== 'attributes'
+                                                        )
+                                                    )}
                                                 />
                                             {/if}
                                         </HtmlComponent>
@@ -152,7 +156,8 @@
             <renderers.list {ordered} {...rest}>
                 {@const { items, ...parserRest }: {items: Props[]} = rest}
                 {#each items as item}
-                    {@const UnorderedListComponent = renderers.unorderedlistitem || renderers.listitem}
+                    {@const UnorderedListComponent =
+                        renderers.unorderedlistitem || renderers.listitem}
                     <UnorderedListComponent {...item}>
                         <Parser tokens={item.tokens} {renderers} {...parserRest} />
                     </UnorderedListComponent>
@@ -167,7 +172,13 @@
             {@const tokens = (rest.tokens as Token[]) ?? ([] as Token[])}
             <HtmlComponent {...rest}>
                 {#if tokens.length}
-                    <Parser {tokens} {renderers} {...localRest} />
+                    <Parser
+                        {tokens}
+                        {renderers}
+                        {...Object.fromEntries(
+                            Object.entries(localRest).filter(([key]) => key !== 'attributes')
+                        )}
+                    />
                 {/if}
             </HtmlComponent>
         {:else}

package/dist/SvelteMarkdown.svelte

@@ -71,7 +71,7 @@
     } = $props()
 
     const combinedOptions = { ...defaultOptions, ...options }
-    const slugger = source ? new Slugger() : undefined
+    const slugger = new Slugger()
 
     const tokens = $derived.by(() => {
         const lexer = new Lexer(combinedOptions)

package/dist/renderers/html/Select.svelte

@@ -9,4 +9,6 @@
     const { children, attributes }: Props = $props()
 </script>
 
-<select {...attributes}>{@render children?.()}</select>
+<select {...attributes}>
+    {@render children?.()}
+</select>

package/dist/types.d.ts

@@ -22,7 +22,7 @@ import type { Renderers, SvelteMarkdownOptions } from './utils/markdown-parser.j
 export type SvelteMarkdownProps = {
     source: Token[] | string;
     renderers?: Partial<Renderers>;
-    options?: SvelteMarkdownOptions;
+    options?: Partial<SvelteMarkdownOptions>;
     isInline?: boolean;
     parsed?: (tokens: Token[] | TokensList) => void;
 };

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

@@ -83,7 +83,7 @@ export declare const parseHtmlBlock: (html: string) => Token[];
  * Used as a preprocessing step to optimize token processing.
  *
  * @param {string} html - HTML string to analyze
- * @returns {boolean} True if multiple tags are present
+ * @returns {boolean} True if multiple tags are present or if it's a single pair of matching tags
  *
  * @internal
  */

package/dist/utils/token-cleanup.js

@@ -197,15 +197,21 @@ export const parseHtmlBlock = (html) => {
  * Used as a preprocessing step to optimize token processing.
  *
  * @param {string} html - HTML string to analyze
- * @returns {boolean} True if multiple tags are present
+ * @returns {boolean} True if multiple tags are present or if it's a single pair of matching tags
  *
  * @internal
  */
 export const containsMultipleTags = (html) => {
-    // Count the number of opening tags (excluding self-closing)
+    // Count the number of opening and closing tags
     const openingTags = html.match(/<[a-zA-Z][^>]*>/g) || [];
     const closingTags = html.match(/<\/[a-zA-Z][^>]*>/g) || [];
-    return openingTags.length > 1 || closingTags.length > 1;
+    // Return true if:
+    // 1. There are multiple opening tags OR
+    // 2. There are multiple closing tags OR
+    // 3. There is exactly one opening and one closing tag (matching pair)
+    return (openingTags.length > 1 ||
+        closingTags.length > 1 ||
+        (openingTags.length === 1 && closingTags.length === 1));
 };
 /**
  * Primary entry point for HTML token processing. Transforms flat token arrays

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@humanspeak/svelte-markdown",
-    "version": "0.7.12",
+    "version": "0.7.15",
     "description": "A powerful, customizable markdown renderer for Svelte with TypeScript support",
     "keywords": [
         "svelte",
@@ -60,6 +60,7 @@
         "prepublishOnly": "npm run package",
         "preview": "vite preview",
         "test": "vitest run --coverage",
+        "test:all": "npm run test && npm run test:e2e",
         "test:e2e": "playwright test",
         "test:e2e:debug": "playwright test --debug",
         "test:e2e:report": "playwright show-report",
@@ -74,20 +75,20 @@
     },
     "devDependencies": {
         "@eslint/eslintrc": "^3.2.0",
-        "@eslint/js": "^9.18.0",
-        "@playwright/test": "^1.49.1",
+        "@eslint/js": "^9.19.0",
+        "@playwright/test": "^1.50.0",
         "@sveltejs/adapter-auto": "^4.0.0",
-        "@sveltejs/kit": "^2.15.3",
-        "@sveltejs/package": "^2.3.7",
+        "@sveltejs/kit": "^2.16.1",
+        "@sveltejs/package": "^2.3.9",
         "@sveltejs/vite-plugin-svelte": "^5.0.3",
         "@testing-library/jest-dom": "^6.6.3",
         "@testing-library/svelte": "^5.2.6",
-        "@testing-library/user-event": "^14.6.0",
-        "@types/node": "^22.10.6",
-        "@typescript-eslint/eslint-plugin": "^8.20.0",
-        "@typescript-eslint/parser": "^8.20.0",
-        "@vitest/coverage-v8": "^3.0.0-beta.4",
-        "eslint": "^9.18.0",
+        "@testing-library/user-event": "^14.6.1",
+        "@types/node": "^22.12.0",
+        "@typescript-eslint/eslint-plugin": "^8.22.0",
+        "@typescript-eslint/parser": "^8.22.0",
+        "@vitest/coverage-v8": "^3.0.4",
+        "eslint": "^9.19.0",
         "eslint-config-prettier": "^10.0.1",
         "eslint-plugin-svelte": "^2.46.1",
         "globals": "^15.14.0",
@@ -95,19 +96,19 @@
         "prettier": "^3.4.2",
         "prettier-plugin-organize-imports": "^4.1.0",
         "prettier-plugin-svelte": "^3.3.3",
-        "prettier-plugin-tailwindcss": "^0.6.10",
+        "prettier-plugin-tailwindcss": "^0.6.11",
         "publint": "^0.3.2",
-        "svelte": "^5.18.0",
+        "svelte": "^5.19.5",
         "svelte-check": "^4.1.4",
         "typescript": "^5.7.3",
-        "vite": "^6.0.7",
-        "vitest": "^3.0.0-beta.4"
+        "vite": "^6.0.11",
+        "vitest": "^3.0.4"
     },
     "peerDependencies": {
         "svelte": "^5.0.0"
     },
     "volta": {
-        "node": "22.12.0"
+        "node": "22.13.1"
     },
     "publishConfig": {
         "access": "public"
@@ -115,10 +116,6 @@
     "overrides": {
         "@sveltejs/kit": {
             "cookie": "^0.7.0"
-        },
-        "jsdom": {
-            "cssstyle": "2.3.0",
-            "@asamuzakjp/css-color": "1.0.0"
         }
     },
     "tags": [