@tanstack/markdown 0.0.1 → 0.0.2

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,EAAuC,UAAU,EAAE,gBAAgB,EAAE,aAAa,EAAE,aAAa,EAAiB,MAAM,YAAY,CAAA;AAG3J,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,CA8ChF;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,UAAU,EAAE,OAAO,GAAE,aAAkB,GAAG,MAAM,CAwBlF;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,EAAuC,UAAU,EAAE,gBAAgB,EAAE,aAAa,EAAE,aAAa,EAAiB,MAAM,YAAY,CAAA;AAG3J,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,CAsChF;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,UAAU,EAAE,OAAO,GAAE,aAAkB,GAAG,MAAM,CAwBlF;AAED,wBAAgB,cAAc,CAAC,QAAQ,EAAE,gBAAgB,EAAE,OAAO,GAAE,aAAkB,GAAG,MAAM,CAE9F"}

package/dist/html.js

@@ -21,14 +21,7 @@ export function renderBlock(node, options = {}) {
         case 'list': {
             const tag = node.ordered ? 'ol' : 'ul';
             const start = node.ordered && node.start && node.start !== 1 ? ` start="${node.start}"` : '';
-            const items = node.items
-                .map(item => {
-                const task = item.checked === undefined
-                    ? ''
-                    : `<input type="checkbox" disabled${item.checked ? ' checked' : ''}> `;
-                return `<li>${task}${item.children.map(child => renderBlock(child, options)).join('\n')}</li>`;
-            })
-                .join('\n');
+            const items = node.items.map(item => `<li>${renderListItemChildren(item.children, item.checked, options)}</li>`).join('\n');
             return `<${tag}${start}>\n${items}\n</${tag}>`;
         }
         case 'blockquote':
@@ -104,6 +97,16 @@ function renderCodeBlock(node, options) {
         return pre;
     return `<figure class="tm-code-frame" data-lang="${escapeAttr(lang)}"><figcaption>${escapeHtml(node.title)}</figcaption>${pre}</figure>`;
 }
+function renderListItemChildren(children, checked, options) {
+    const [first, ...rest] = children;
+    const task = checked === undefined ? '' : `<input type="checkbox" disabled${checked ? ' checked' : ''}> `;
+    if (checked !== undefined && first?.type === 'paragraph') {
+        const firstLine = `${task}${renderInlines(first.children, options)}`;
+        const restHtml = rest.map(child => renderBlock(child, options)).join('\n');
+        return restHtml ? `${firstLine}\n${restHtml}` : firstLine;
+    }
+    return `${task}${children.map(child => renderBlock(child, options)).join('\n')}`;
+}
 function renderCallout(node, options) {
     const kind = node.kind.toLowerCase();
     const children = node.children.map(child => renderBlock(child, options)).join('\n');

package/dist/react.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEnE,OAAO,KAAK,EAAE,SAAS,EAAiB,UAAU,EAAE,aAAa,EAAE,aAAa,EAAiB,MAAM,YAAY,CAAA;AAEnH,KAAK,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;AAExE,MAAM,WAAW,oBAAqB,SAAQ,aAAa;IACzD,UAAU,CAAC,EAAE,YAAY,CAAA;CAC1B;AAED,MAAM,WAAW,aAAc,SAAQ,oBAAoB;IACzD,QAAQ,EAAE,aAAa,CAAA;CACxB;AAED,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,OAAO,EAAE,EAAE,aAAa,GAAG,YAAY,CAE9E;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,aAAa,EAAE,OAAO,GAAE,oBAAyB,GAAG,SAAS,CAGvG;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,GAAE,oBAAyB,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,YAAY,CAyEhH;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,UAAU,EAAE,OAAO,GAAE,oBAAyB,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAuB/G"}
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEnE,OAAO,KAAK,EAAE,SAAS,EAAiB,UAAU,EAAE,aAAa,EAAE,aAAa,EAAiB,MAAM,YAAY,CAAA;AAEnH,KAAK,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;AAExE,MAAM,WAAW,oBAAqB,SAAQ,aAAa;IACzD,UAAU,CAAC,EAAE,YAAY,CAAA;CAC1B;AAED,MAAM,WAAW,aAAc,SAAQ,oBAAoB;IACzD,QAAQ,EAAE,aAAa,CAAA;CACxB;AAED,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,OAAO,EAAE,EAAE,aAAa,GAAG,YAAY,CAE9E;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,aAAa,EAAE,OAAO,GAAE,oBAAyB,GAAG,SAAS,CAGvG;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,GAAE,oBAAyB,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,YAAY,CA2DhH;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,UAAU,EAAE,OAAO,GAAE,oBAAyB,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAuB/G"}

package/dist/react.js

@@ -17,14 +17,7 @@ export function renderBlockReact(node, options = {}, key) {
             return renderCodeBlockReact(node, options, key);
         case 'list': {
             const tag = node.ordered ? 'ol' : 'ul';
-            return h(options, tag, { key, ...(node.ordered && node.start && node.start !== 1 ? { start: node.start } : {}) }, node.items.map((item, index) => h(options, 'li', { key: index }, item.checked === undefined
-                ? null
-                : h(options, 'input', {
-                    type: 'checkbox',
-                    disabled: true,
-                    checked: item.checked,
-                    readOnly: true,
-                }), item.checked === undefined ? null : ' ', item.children.map((child, childIndex) => renderBlockReact(child, options, `${index}:${childIndex}`)))));
+            return h(options, tag, { key, ...(node.ordered && node.start && node.start !== 1 ? { start: node.start } : {}) }, node.items.map((item, index) => h(options, 'li', { key: index }, renderListItemChildrenReact(item.children, item.checked, options, `${index}`))));
         }
         case 'blockquote':
             return h(options, 'blockquote', { key }, node.children.map((child, index) => renderBlockReact(child, options, `${key}:${index}`)));
@@ -97,6 +90,29 @@ function renderCodeBlockReact(node, options, key) {
         return h(options, Fragment, { key }, pre);
     return h(options, 'figure', { key, className: 'tm-code-frame', 'data-lang': lang }, h(options, 'figcaption', null, node.title), pre);
 }
+function renderListItemChildrenReact(children, checked, options, key) {
+    const [first, ...rest] = children;
+    const task = checked === undefined
+        ? []
+        : [
+            h(options, 'input', {
+                key: `${key}:checkbox`,
+                type: 'checkbox',
+                disabled: true,
+                checked,
+                readOnly: true,
+            }),
+            ' ',
+        ];
+    if (checked !== undefined && first?.type === 'paragraph') {
+        return [
+            ...task,
+            ...renderInlines(first.children, options),
+            ...rest.map((child, childIndex) => renderBlockReact(child, options, `${key}:${childIndex + 1}`)),
+        ];
+    }
+    return [...task, ...children.map((child, childIndex) => renderBlockReact(child, options, `${key}:${childIndex}`))];
+}
 function renderTableCellReact(tag, cell, align, options, key) {
     return h(options, tag, { key, ...(align ? { style: { textAlign: align } } : {}) }, renderInlines(cell.children, options));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/markdown",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "type": "module",
   "description": "A tiny deterministic TanStack-flavored markdown renderer.",
   "license": "MIT",