@tanstack/markdown 0.0.13 → 0.0.15

package/README.md

@@ -1,9 +1,27 @@
+<div align="center">
+  <picture>
+    <source
+      media="(prefers-color-scheme: dark)"
+      srcset="https://tanstack.com/api/readme/markdown.png?theme=dark"
+    />
+    <source
+      media="(prefers-color-scheme: light)"
+      srcset="https://tanstack.com/api/readme/markdown.png"
+    />
+    <img
+      src="https://tanstack.com/api/readme/markdown.png"
+      alt="TanStack Markdown"
+      width="900"
+    />
+  </picture>
+</div>
+
 # TanStack Markdown
 
 A tiny, fast, deterministic Markdown parser and renderer for blogs and documentation.
 
-- 4.9 KB gzip parser
-- 6.7 KB gzip HTML renderer
+- 5.0 KB gzip parser
+- 6.8 KB gzip HTML renderer
 - 6.7 KB gzip React adapter
 - 6.7 KB gzip Octane adapter
 - zero runtime dependencies
@@ -12,6 +30,8 @@ A tiny, fast, deterministic Markdown parser and renderer for blogs and documenta
 - optional docs extensions and external syntax highlighting
 - optional AI streaming profile
 
+Bundle sizes include the parser and exclude framework runtimes and syntax highlighters.
+
 ```bash
 pnpm add @tanstack/markdown
 ```

package/dist/extensions/callouts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"callouts.d.ts","sourceRoot":"","sources":["../../src/extensions/callouts.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAEjE,wBAAgB,iBAAiB,IAAI,iBAAiB,CAKrD;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,UAAU,CAAC,WAAW,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,WAAW,GAAG,SAAS,CA+B/H"}
+{"version":3,"file":"callouts.d.ts","sourceRoot":"","sources":["../../src/extensions/callouts.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAEjE,wBAAgB,iBAAiB,IAAI,iBAAiB,CAKrD;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,UAAU,CAAC,WAAW,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,WAAW,GAAG,SAAS,CAyB/H"}

package/dist/extensions/callouts.js

@@ -15,11 +15,6 @@ export function parseCalloutBlock(context) {
     let cursor = context.index + 1;
     while (cursor < context.lines.length) {
         const line = context.lines[cursor] ?? '';
-        if (/^\s*$/.test(line)) {
-            body.push('');
-            cursor++;
-            continue;
-        }
         const quoted = line.match(/^ {0,3}>\s?(.*)$/);
         if (!quoted)
             break;

package/dist/extensions/comment-components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"comment-components.d.ts","sourceRoot":"","sources":["../../src/extensions/comment-components.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAEnE,MAAM,WAAW,uBAAuB;IACtC,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,aAAa,CAAA;CAC5D;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,OAAO,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACnC;AAED,wBAAgB,0BAA0B,CAAC,OAAO,GAAE,uBAA4B,GAAG,iBAAiB,CAKnG;AAED,wBAAgB,0BAA0B,CACxC,OAAO,EAAE,UAAU,CAAC,WAAW,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACpE,OAAO,GAAE,uBAA4B,GACpC,aAAa,GAAG,SAAS,CA2C3B;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,MAAM,GAAG,gBAAgB,GAAG,SAAS,CAQhF;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAOrE"}
+{"version":3,"file":"comment-components.d.ts","sourceRoot":"","sources":["../../src/extensions/comment-components.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAEnE,MAAM,WAAW,uBAAuB;IACtC,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,aAAa,CAAA;CAC5D;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,OAAO,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACnC;AAED,wBAAgB,0BAA0B,CAAC,OAAO,GAAE,uBAA4B,GAAG,iBAAiB,CAKnG;AAED,wBAAgB,0BAA0B,CACxC,OAAO,EAAE,UAAU,CAAC,WAAW,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACpE,OAAO,GAAE,uBAA4B,GACpC,aAAa,GAAG,SAAS,CA0B3B;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,MAAM,GAAG,gBAAgB,GAAG,SAAS,CAQhF;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAOrE"}

package/dist/extensions/comment-components.js

@@ -9,35 +9,26 @@ export function parseCommentComponentBlock(context, options = {}) {
     const start = parseComponentComment(line);
     if (!start)
         return undefined;
-    if (!start.block) {
-        context.consume(1);
-        return transform({
-            type: 'component',
-            name: start.name,
-            attributes: start.attributes,
-            children: [],
-        }, options);
-    }
-    const body = [];
-    let cursor = context.index + 1;
-    let foundEnd = false;
-    while (cursor < context.lines.length) {
-        const candidate = context.lines[cursor] ?? '';
-        if (isEndComment(candidate, start.name)) {
-            foundEnd = true;
-            cursor++;
-            break;
+    let body;
+    let consumed = 1;
+    if (start.block) {
+        const end = new RegExp(`^ {0,3}<!--\\s*::end:${start.name}\\s*-->\\s*$`, 'i');
+        for (let cursor = context.index + 1; cursor < context.lines.length; cursor++) {
+            if (end.test(context.lines[cursor])) {
+                body = context.lines.slice(context.index + 1, cursor).join('\n');
+                consumed = cursor - context.index + 1;
+                break;
+            }
         }
-        body.push(candidate);
-        cursor++;
     }
-    context.consume(foundEnd ? cursor - context.index : 1);
-    return transform({
+    context.consume(consumed);
+    const node = {
         type: 'component',
         name: start.name,
         attributes: start.attributes,
-        children: foundEnd ? context.parseBlocks(body.join('\n')) : [],
-    }, options);
+        children: body === undefined ? [] : context.parseBlocks(body),
+    };
+    return options.transformComponent?.(node) ?? node;
 }
 export function parseComponentComment(line) {
     const match = line.match(/^ {0,3}<!--\s*::(start:)?([A-Za-z][\w-]*)(.*?)\s*-->\s*$/);
@@ -50,19 +41,10 @@ export function parseComponentComment(line) {
     };
 }
 export function parseAttributes(value) {
-    const attrs = {};
+    const attrs = Object.create(null);
     const regex = /([A-Za-z_][\w:-]*)(?:=(?:"([^"]*)"|'([^']*)'|([^\s"']+)))?/g;
     for (const match of value.matchAll(regex)) {
         attrs[match[1]] = match[2] ?? match[3] ?? match[4] ?? 'true';
     }
     return attrs;
 }
-function transform(node, options) {
-    return options.transformComponent?.(node) ?? node;
-}
-function isEndComment(line, name) {
-    return new RegExp(`^ {0,3}<!--\\s*::end:${escapeRegex(name)}\\s*-->\\s*$`, 'i').test(line);
-}
-function escapeRegex(value) {
-    return value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
-}

package/dist/extensions/headings.js

@@ -13,13 +13,13 @@ export function headingCollectionExtension(options = {}) {
 export function collectMarkdownHeadings(document, options = {}) {
     const headings = [];
     const skip = new Set(options.skipComponentNames ?? ['tabs']);
-    collectFromBlocks(document.children, headings, undefined, false, skip);
+    collectFromBlocks(document.children, headings, undefined, skip);
     return headings;
 }
-function collectFromBlocks(blocks, headings, framework, insideSkippedComponent, skipComponentNames) {
+function collectFromBlocks(blocks, headings, framework, skipComponentNames) {
     for (const block of blocks) {
         if (block.type === 'heading') {
-            if (!insideSkippedComponent && block.id) {
+            if (block.id) {
                 const heading = {
                     id: block.id,
                     text: plainText(block.children),
@@ -34,18 +34,19 @@ function collectFromBlocks(blocks, headings, framework, insideSkippedComponent,
         }
         if (block.type === 'list') {
             for (const item of block.items)
-                collectFromBlocks(item.children, headings, framework, insideSkippedComponent, skipComponentNames);
+                collectFromBlocks(item.children, headings, framework, skipComponentNames);
             continue;
         }
         if (block.type === 'blockquote' || block.type === 'callout') {
-            collectFromBlocks(block.children, headings, framework, insideSkippedComponent, skipComponentNames);
+            collectFromBlocks(block.children, headings, framework, skipComponentNames);
             continue;
         }
         if (block.type === 'component') {
             const name = block.name.toLowerCase();
-            const nextInsideSkippedComponent = insideSkippedComponent || skipComponentNames.has(name);
+            if (skipComponentNames.has(name))
+                continue;
             const nextFramework = block.tagName === 'md-framework-panel' ? block.properties?.['data-framework'] ?? framework : framework;
-            collectFromBlocks(block.children, headings, nextFramework, nextInsideSkippedComponent, skipComponentNames);
+            collectFromBlocks(block.children, headings, nextFramework, skipComponentNames);
         }
     }
 }

package/dist/extensions/shared.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/extensions/shared.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAe,MAAM,aAAa,CAAA;AAGxE,MAAM,WAAW,cAAc;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,SAAS,EAAE,CAAA;CACtB;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAsBxD;AAED,wBAAgB,cAAc,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,cAAc,EAAE,CAsB5F;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,UAWtD;AAED,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,MAAM,GAAG,SAAS,EAAE,CAmCzF;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,aAAa,UAEnD"}
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/extensions/shared.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAG3D,MAAM,WAAW,cAAc;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,SAAS,EAAE,CAAA;CACtB;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAsBxD;AAED,wBAAgB,cAAc,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,cAAc,EAAE,CAqB5F;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,UAWtD;AAED,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,MAAM,GAAG,SAAS,EAAE,CA4BzF;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,aAAa,UAEnD"}

package/dist/extensions/shared.js

@@ -23,8 +23,7 @@ export function blocksToText(blocks) {
         .join('\n');
 }
 export function splitByHeading(children, forcedDepth) {
-    const headings = children.filter((child) => child.type === 'heading');
-    const depth = forcedDepth ?? Math.min(...headings.map(heading => heading.depth));
+    const depth = forcedDepth ?? children.reduce((depth, child) => child.type === 'heading' ? Math.min(depth, child.depth) : depth, Infinity);
     if (!Number.isFinite(depth))
         return [];
     const sections = [];
@@ -63,7 +62,7 @@ export function markFrameworkHeadings(blocks, framework) {
                 framework,
             };
         }
-        if (block.type === 'blockquote' || block.type === 'callout') {
+        if (block.type === 'blockquote' || block.type === 'callout' || block.type === 'component') {
             return {
                 ...block,
                 children: markFrameworkHeadings(block.children, framework),
@@ -78,12 +77,6 @@ export function markFrameworkHeadings(blocks, framework) {
                 })),
             };
         }
-        if (block.type === 'component') {
-            return {
-                ...block,
-                children: markFrameworkHeadings(block.children, framework),
-            };
-        }
         return block;
     });
 }

package/dist/extensions/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/extensions/tabs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,aAAa,EAAE,MAAM,aAAa,CAAA;AAK3D,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,aAAa,GAAG,aAAa,CAQzE;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,aAAa,GAAG,aAAa,CAkCpE;AAED,wBAAgB,2BAA2B,CAAC,IAAI,EAAE,aAAa,GAAG,aAAa,CA4B9E;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,aAAa,GAAG,aAAa,CAiCvE;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,aAAa,GAAG,aAAa,CA2BvE"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/extensions/tabs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,aAAa,EAAE,MAAM,aAAa,CAAA;AAK3D,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,aAAa,GAAG,aAAa,CAQzE;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,aAAa,GAAG,aAAa,CAkCpE;AAED,wBAAgB,2BAA2B,CAAC,IAAI,EAAE,aAAa,GAAG,aAAa,CA0B9E;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,aAAa,GAAG,aAAa,CAgCvE;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,aAAa,GAAG,aAAa,CA2BvE"}

package/dist/extensions/tabs.js

@@ -45,16 +45,13 @@ export function transformFileTabs(node) {
     };
 }
 export function transformPackageManagerTabs(node) {
-    const packagesByFramework = {};
+    const packagesByFramework = Object.create(null);
     for (const line of blocksToText(node.children).split('\n')) {
-        const trimmed = line.trim();
-        if (!trimmed)
-            continue;
-        const colon = trimmed.indexOf(':');
+        const colon = line.indexOf(':');
         if (colon === -1)
             continue;
-        const framework = trimmed.slice(0, colon).trim().toLowerCase();
-        const packages = trimmed.slice(colon + 1).trim().split(/\s+/).filter(Boolean);
+        const framework = line.slice(0, colon).trim().toLowerCase();
+        const packages = line.slice(colon + 1).trim().split(/\s+/).filter(Boolean);
         if (!framework || packages.length === 0)
             continue;
         packagesByFramework[framework] ??= [];
@@ -76,13 +73,13 @@ export function transformPackageManagerTabs(node) {
 }
 export function transformBundlerTabs(node) {
     const sections = splitByHeading(node.children);
-    const selected = sections.filter(section => isBundler(section.name.toLowerCase()));
+    const selected = bundlers.flatMap(bundler => {
+        const section = sections.find(section => section.name.toLowerCase() === bundler);
+        return section ? [section] : [];
+    });
     if (!selected.length)
         return node;
-    const tabs = bundlers
-        .map(bundler => selected.find(section => section.name.toLowerCase() === bundler))
-        .filter((section) => Boolean(section))
-        .map(section => ({ slug: section.name.toLowerCase(), name: section.name.toLowerCase() }));
+    const tabs = selected.map(section => ({ slug: section.name.toLowerCase(), name: section.name.toLowerCase() }));
     return {
         ...node,
         properties: {
@@ -90,15 +87,14 @@ export function transformBundlerTabs(node) {
             'data-attributes': JSON.stringify({ tabs }),
             'data-bundler-meta': JSON.stringify({ bundlers: tabs.map(tab => tab.slug) }),
         },
-        children: tabs.map((tab, index) => {
-            const section = selected.find(section => section.name.toLowerCase() === tab.slug);
+        children: selected.map((section, index) => {
             return {
                 type: 'component',
                 name: 'tab-panel',
                 tagName: 'md-tab-panel',
                 attributes: {},
                 properties: {
-                    'data-tab-slug': tab.slug,
+                    'data-tab-slug': section.name.toLowerCase(),
                     'data-tab-index': String(index),
                     'data-content': section.children.length === 1 && section.children[0]?.type === 'code' ? 'code-only' : 'mixed',
                 },
@@ -140,6 +136,3 @@ function resolveInstallMode(value) {
         return mode;
     return 'install';
 }
-function isBundler(value) {
-    return bundlers.includes(value);
-}

package/dist/html.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"html.d.ts","sourceRoot":"","sources":["../src/html.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAyD,UAAU,EAAE,gBAAgB,EAAE,aAAa,EAAE,aAAa,EAAiB,MAAM,YAAY,CAAA;AAG7K,wBAAgB,UAAU,CAAC,KAAK,EAAE,aAAa,EAAE,OAAO,GAAE,aAAkB,GAAG,MAAM,CAGpF;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,GAAE,aAAkB,GAAG,MAAM,CA0ChF;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,UAAU,EAAE,OAAO,GAAE,aAAkB,GAAG,MAAM,CA0BlF;AAED,wBAAgB,cAAc,CAAC,QAAQ,EAAE,gBAAgB,EAAE,OAAO,GAAE,aAAkB,GAAG,MAAM,CAE9F"}
+{"version":3,"file":"html.d.ts","sourceRoot":"","sources":["../src/html.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAA8E,UAAU,EAAE,gBAAgB,EAAE,aAAa,EAAE,aAAa,EAAiB,MAAM,YAAY,CAAA;AAGlM,wBAAgB,UAAU,CAAC,KAAK,EAAE,aAAa,EAAE,OAAO,GAAE,aAAkB,GAAG,MAAM,CAGpF;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,GAAE,aAAkB,GAAG,MAAM,CA0ChF;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,UAAU,EAAE,OAAO,GAAE,aAAkB,GAAG,MAAM,CA4BlF;AAED,wBAAgB,cAAc,CAAC,QAAQ,EAAE,gBAAgB,EAAE,OAAO,GAAE,aAAkB,GAAG,MAAM,CAE9F"}

package/dist/html.js

@@ -1,5 +1,5 @@
 import { parseMarkdown } from './parser.js';
-import { escapeAttr, escapeHtml } from './utils.js';
+import { escapeAttr, escapeHtml, footnoteReferenceId } from './utils.js';
 export function renderHtml(input, options = {}) {
     const document = typeof input === 'string' ? parseMarkdown(input, options) : input;
     return document.children.map(node => renderBlock(node, options)).join('\n');
@@ -20,7 +20,7 @@ export function renderBlock(node, options = {}) {
             return renderCodeBlock(node, options);
         case 'list': {
             const tag = node.ordered ? 'ol' : 'ul';
-            const start = node.ordered && node.start && node.start !== 1 ? ` start="${node.start}"` : '';
+            const start = node.ordered && node.start !== undefined && node.start !== 1 ? ` start="${node.start}"` : '';
             const items = node.items.map(item => `<li>${renderListItemChildren(item.children, item.checked, node.loose, options)}</li>`).join('\n');
             return `<${tag}${start}>\n${items}\n</${tag}>`;
         }
@@ -63,7 +63,7 @@ export function renderInline(node, options = {}) {
         case 'strike':
             return `<del>${renderInlines(node.children, options)}</del>`;
         case 'footnoteReference':
-            return `<sup><a id="user-content-fnref-${escapeAttr(footnoteReferenceId(node))}" data-footnote-ref="" aria-describedby="footnote-label" href="#user-content-fn-${escapeAttr(node.id)}">${node.number}</a></sup>`;
+            return `<sup><a id="user-content-fnref-${escapeAttr(footnoteReferenceId(node.id, node.referenceIndex))}" data-footnote-ref="" aria-describedby="footnote-label" href="#user-content-fn-${escapeAttr(node.id)}">${node.number}</a></sup>`;
         case 'link':
             return `<a href="${escapeAttr(node.href)}"${node.title ? ` title="${escapeAttr(node.title)}"` : ''}>${renderInlines(node.children, options)}</a>`;
         case 'image':
@@ -72,6 +72,8 @@ export function renderInline(node, options = {}) {
             return '<br>';
         case 'inlineHtml':
             return options.allowHtml ? node.value : escapeHtml(node.value);
+        case 'inlineComponent':
+            return renderComponent(node, options);
     }
 }
 export function renderDocument(document, options = {}) {
@@ -82,16 +84,13 @@ function renderInlines(nodes, options) {
 }
 function renderCodeBlock(node, options) {
     const lang = node.lang ?? 'plaintext';
-    const preAttrs = [
-        `class="tm-code${options.codeLineNumbers ? ' tm-code--line-numbers' : ''}"`,
-        `data-lang="${escapeAttr(lang)}"`,
-        node.title ? `data-code-title="${escapeAttr(node.title)}"` : '',
-        node.file ? `data-filename="${escapeAttr(node.file)}"` : '',
-        node.framework ? `data-framework="${escapeAttr(node.framework)}"` : '',
-    ]
-        .filter(Boolean)
-        .join(' ');
+    const preAttrs = `class="tm-code${options.codeLineNumbers ? ' tm-code--line-numbers' : ''}" data-lang="${escapeAttr(lang)}"`
+        + (node.meta ? ` data-meta="${escapeAttr(node.meta)}"` : '')
+        + (node.title ? ` data-code-title="${escapeAttr(node.title)}"` : '')
+        + (node.file ? ` data-filename="${escapeAttr(node.file)}"` : '')
+        + (node.framework ? ` data-framework="${escapeAttr(node.framework)}"` : '');
     const html = options.highlighter?.(node.value, lang, {
+        ...(node.meta && { meta: node.meta }),
         ...(node.highlightLines && { highlightLines: node.highlightLines }),
         ...(options.codeLineNumbers !== undefined && { lineNumbers: options.codeLineNumbers }),
     }) ?? escapeHtml(node.value);
@@ -101,14 +100,18 @@ function renderCodeBlock(node, options) {
     return `<figure class="tm-code-frame" data-lang="${escapeAttr(lang)}"><figcaption>${escapeHtml(node.title)}</figcaption>${pre}</figure>`;
 }
 function renderListItemChildren(children, checked, loose, options) {
-    const first = children[0];
-    const task = checked === undefined ? '' : `<input type="checkbox" disabled${checked ? ' checked' : ''}> `;
-    if (first?.type === 'paragraph') {
-        const content = `${task}${renderInlines(first.children, options)}`;
-        const rest = children.length > 1 ? `\n${children.slice(1).map(child => renderBlock(child, options)).join('\n')}` : '';
-        return `${loose ? `<p>${content}</p>` : content}${rest}`;
+    let result = checked === undefined ? '' : `<input type="checkbox" disabled${checked ? ' checked' : ''}> `;
+    for (let index = 0; index < children.length; index++) {
+        const child = children[index];
+        if (child.type === 'paragraph' && (!loose || index === 0)) {
+            result += renderInlines(child.children, options);
+            if (loose)
+                result = `<p>${result}</p>`;
+        }
+        else
+            result += (index ? '\n' : '') + renderBlock(child, options);
     }
-    return `${task}${children.map(child => renderBlock(child, options)).join('\n')}`;
+    return result;
 }
 function renderCallout(node, options) {
     const kind = node.kind.toLowerCase();
@@ -122,33 +125,32 @@ function renderFootnotes(items, options) {
 function renderFootnoteItem(item, options) {
     const backref = renderFootnoteBackrefs(item);
     const lastIndex = item.children.length - 1;
-    if (lastIndex < 0)
-        return `<p>${backref.trimStart()}</p>`;
-    return item.children
+    const result = item.children
         .map((child, index) => {
         if (index === lastIndex && child.type === 'paragraph') {
             return `<p>${renderInlines(child.children, options)}${backref}</p>`;
         }
         return renderBlock(child, options);
-    })
-        .join('\n');
+    });
+    if (item.children[lastIndex]?.type !== 'paragraph')
+        result.push(`<p>${backref.trimStart()}</p>`);
+    return result.join('\n');
 }
 function renderFootnoteBackrefs(item) {
     let result = '';
     for (let index = 1; index <= (item.referenceCount ?? 1); index++) {
-        const referenceId = index === 1 ? item.id : `${item.id}-${index}`;
+        const referenceId = footnoteReferenceId(item.id, index);
         const label = index === 1 ? `${item.number}` : `${item.number}-${index}`;
         result += ` <a data-footnote-backref="" aria-label="Back to reference ${label}" class="data-footnote-backref" href="#user-content-fnref-${escapeAttr(referenceId)}">&#8617;</a>`;
     }
     return result;
 }
-function footnoteReferenceId(node) {
-    return node.referenceIndex && node.referenceIndex > 1 ? `${node.id}-${node.referenceIndex}` : node.id;
-}
 function renderComponent(node, options) {
-    const tag = node.tagName ?? 'md-comment-component';
+    const tag = node.tagName ?? (node.type === 'inlineComponent' ? 'span' : 'md-comment-component');
     const attrs = renderComponentAttrs(node);
-    const children = node.children.map(child => renderBlock(child, options)).join('\n');
+    const children = node.type === 'inlineComponent'
+        ? renderInlines(node.children, options)
+        : node.children.map(child => renderBlock(child, options)).join('\n');
     return `<${tag}${attrs}>${children}</${tag}>`;
 }
 function renderTableCell(tag, cell, align, options) {
@@ -183,8 +185,5 @@ function renderComponentAttrs(node) {
         if (!props['data-attributes'])
             props['data-attributes'] = JSON.stringify(node.attributes);
     }
-    const entries = Object.entries(props);
-    if (!entries.length)
-        return '';
-    return ` ${entries.map(([key, value]) => `${key}="${escapeAttr(value)}"`).join(' ')}`;
+    return Object.entries(props).map(([key, value]) => ` ${key}="${escapeAttr(value)}"`).join('');
 }

package/dist/inline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inline.d.ts","sourceRoot":"","sources":["../src/inline.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAG1D,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,GAAE,YAAiB,GAAG,UAAU,EAAE,CASnF"}
+{"version":3,"file":"inline.d.ts","sourceRoot":"","sources":["../src/inline.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAG1D,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,GAAE,YAAiB,GAAG,UAAU,EAAE,CAQnF"}