@readme/markdown 13.8.2 → 13.8.3

package/dist/main.js

@@ -12186,18 +12186,33 @@ function useScrollHighlight(navRef) {
         // Click a ToC link → immediately activate it, suppress the observer
         // until the smooth scroll finishes, then hand control back.
         const onClick = (e) => {
-            const anchor = e.target.closest?.('a[href^="#"]');
-            if (!anchor)
+            if (!(e.target instanceof Element))
                 return;
-            const id = decodeURIComponent(anchor.getAttribute('href').slice(1));
+            const anchor = e.target.closest('a[href^="#"]');
+            if (!(anchor instanceof HTMLAnchorElement))
+                return;
+            const id = decodeURIComponent(anchor.hash.slice(1));
             if (!linkMap.has(id))
                 return;
-            e.preventDefault();
+            if (window.location.hash !== anchor.hash) {
+                window.location.hash = anchor.hash;
+            }
             activate(id);
             clickLocked = true;
-            const unlock = () => { clickLocked = false; };
+            let unlockTimer = null;
+            const unlock = () => {
+                clickLocked = false;
+                scrollTarget.removeEventListener('scrollend', unlock);
+                window.removeEventListener('hashchange', unlock);
+                if (unlockTimer !== null) {
+                    window.clearTimeout(unlockTimer);
+                    unlockTimer = null;
+                }
+            };
             scrollTarget.addEventListener('scrollend', unlock, { once: true });
-            document.getElementById(id)?.scrollIntoView({ behavior: 'smooth' });
+            window.addEventListener('hashchange', unlock, { once: true });
+            // Fallback in case scrollend and hashchange don't fire
+            unlockTimer = window.setTimeout(unlock, 500);
         };
         headings.forEach(el => { observer.observe(el); });
         scrollTarget.addEventListener('scroll', onScroll, { passive: true });
@@ -96456,10 +96471,10 @@ const parseTableCell = (text) => {
             node.value = escapeInvalidTags(node.value);
         }
     });
-    if (tree.children.length > 1) {
-        return tree.children;
-    }
-    return tree.children.flatMap(n => n.type === 'paragraph' && 'children' in n ? n.children : [n]);
+    const result = tree.children.length > 1
+        ? tree.children
+        : tree.children.flatMap(n => n.type === 'paragraph' && 'children' in n ? n.children : [n]);
+    return result;
 };
 const parseBlock = (text) => {
     if (!text.trim())
@@ -96671,7 +96686,9 @@ function transformMagicBlock(blockType, data, rawValue, options = {}) {
                 mapped[rowIndex][colIndex] = v;
                 return mapped;
             }, []);
-            const tokenizeCell = compatibilityMode ? textToBlock : parseTableCell;
+            const tokenizeCell = compatibilityMode
+                ? textToBlock
+                : parseTableCell;
             const tableChildren = Array.from({ length: rows + 1 }, (_, y) => ({
                 children: Array.from({ length: cols }, (__, x) => ({
                     children: sparseData[y]?.[x] ? tokenizeCell(preprocessBody(sparseData[y][x])) : [{ type: 'text', value: '' }],
@@ -98364,6 +98381,7 @@ function restoreSnakeCase(placeholderName, mapping) {
 ;// ./processor/transform/mdxish/mdxish-tables-to-jsx.ts
 
 
+
 const SELF_CLOSING_JSX_REGEX = /^\s*<[A-Z][^>]*\/>\s*$/;
 const mdxish_tables_to_jsx_alignToStyle = (align) => {
     if (!align || align === 'left')
@@ -98393,22 +98411,27 @@ const mdxishTablesToJsx = () => tree => {
         visit(table, mdxish_tables_to_jsx_isTableCell, (cell) => {
             if (hasFlowContent || cell.children.length === 0)
                 return;
-            const content = cell.children.length === 1 && cell.children[0].type === 'paragraph'
-                ? cell.children[0].children[0]
-                : cell.children[0];
-            if (!content)
-                return;
             visit(cell, 'break', (_, breakIndex, breakParent) => {
                 breakParent.children.splice(breakIndex, 1, { type: 'text', value: '\n' });
             });
-            if (!(phrasing(content) || content.type === 'plain') && content.type !== 'escape') {
-                // Plain HTML (e.g. <div>Hello</div>) is skipped here — it stays in GFM cells fine.
-                // But self-closing JSX components (e.g. <Image src="..." caption="..." />) serialize
-                // with newlines that break GFM cells, so they must trigger JSX <Table> serialization.
-                const isPlainHtml = content.type === 'html' && !SELF_CLOSING_JSX_REGEX.test(content.value);
-                if (!isPlainHtml) {
-                    hasFlowContent = true;
+            // Check if any child is "flow" content (block-level) that requires JSX <Table>
+            // serialization instead of GFM. `phrasing()` from mdast-util-phrasing returns
+            // true for inline node types (text, emphasis, strong, link, etc.) which are
+            // safe to keep in GFM cells.
+            const hasFlowChild = cell.children.some(child => {
+                if (child.type === 'paragraph' || child.type === 'plain' || child.type === 'escape')
+                    return false;
+                if (child.type === NodeTypes.variable)
+                    return false;
+                if (phrasing(child))
+                    return false;
+                if (child.type === 'html') {
+                    return SELF_CLOSING_JSX_REGEX.test(child.value);
                 }
+                return true;
+            });
+            if (hasFlowChild) {
+                hasFlowContent = true;
             }
             if (!hasFlowContent) {
                 visit(cell, mdxish_tables_to_jsx_isLiteral, (node) => {

package/dist/main.node.js

@@ -24782,18 +24782,33 @@ function useScrollHighlight(navRef) {
         // Click a ToC link → immediately activate it, suppress the observer
         // until the smooth scroll finishes, then hand control back.
         const onClick = (e) => {
-            const anchor = e.target.closest?.('a[href^="#"]');
-            if (!anchor)
+            if (!(e.target instanceof Element))
                 return;
-            const id = decodeURIComponent(anchor.getAttribute('href').slice(1));
+            const anchor = e.target.closest('a[href^="#"]');
+            if (!(anchor instanceof HTMLAnchorElement))
+                return;
+            const id = decodeURIComponent(anchor.hash.slice(1));
             if (!linkMap.has(id))
                 return;
-            e.preventDefault();
+            if (window.location.hash !== anchor.hash) {
+                window.location.hash = anchor.hash;
+            }
             activate(id);
             clickLocked = true;
-            const unlock = () => { clickLocked = false; };
+            let unlockTimer = null;
+            const unlock = () => {
+                clickLocked = false;
+                scrollTarget.removeEventListener('scrollend', unlock);
+                window.removeEventListener('hashchange', unlock);
+                if (unlockTimer !== null) {
+                    window.clearTimeout(unlockTimer);
+                    unlockTimer = null;
+                }
+            };
             scrollTarget.addEventListener('scrollend', unlock, { once: true });
-            document.getElementById(id)?.scrollIntoView({ behavior: 'smooth' });
+            window.addEventListener('hashchange', unlock, { once: true });
+            // Fallback in case scrollend and hashchange don't fire
+            unlockTimer = window.setTimeout(unlock, 500);
         };
         headings.forEach(el => { observer.observe(el); });
         scrollTarget.addEventListener('scroll', onScroll, { passive: true });
@@ -116650,10 +116665,10 @@ const parseTableCell = (text) => {
             node.value = escapeInvalidTags(node.value);
         }
     });
-    if (tree.children.length > 1) {
-        return tree.children;
-    }
-    return tree.children.flatMap(n => n.type === 'paragraph' && 'children' in n ? n.children : [n]);
+    const result = tree.children.length > 1
+        ? tree.children
+        : tree.children.flatMap(n => n.type === 'paragraph' && 'children' in n ? n.children : [n]);
+    return result;
 };
 const parseBlock = (text) => {
     if (!text.trim())
@@ -116865,7 +116880,9 @@ function transformMagicBlock(blockType, data, rawValue, options = {}) {
                 mapped[rowIndex][colIndex] = v;
                 return mapped;
             }, []);
-            const tokenizeCell = compatibilityMode ? textToBlock : parseTableCell;
+            const tokenizeCell = compatibilityMode
+                ? textToBlock
+                : parseTableCell;
             const tableChildren = Array.from({ length: rows + 1 }, (_, y) => ({
                 children: Array.from({ length: cols }, (__, x) => ({
                     children: sparseData[y]?.[x] ? tokenizeCell(preprocessBody(sparseData[y][x])) : [{ type: 'text', value: '' }],
@@ -118558,6 +118575,7 @@ function restoreSnakeCase(placeholderName, mapping) {
 ;// ./processor/transform/mdxish/mdxish-tables-to-jsx.ts
 
 
+
 const SELF_CLOSING_JSX_REGEX = /^\s*<[A-Z][^>]*\/>\s*$/;
 const mdxish_tables_to_jsx_alignToStyle = (align) => {
     if (!align || align === 'left')
@@ -118587,22 +118605,27 @@ const mdxishTablesToJsx = () => tree => {
         visit(table, mdxish_tables_to_jsx_isTableCell, (cell) => {
             if (hasFlowContent || cell.children.length === 0)
                 return;
-            const content = cell.children.length === 1 && cell.children[0].type === 'paragraph'
-                ? cell.children[0].children[0]
-                : cell.children[0];
-            if (!content)
-                return;
             visit(cell, 'break', (_, breakIndex, breakParent) => {
                 breakParent.children.splice(breakIndex, 1, { type: 'text', value: '\n' });
             });
-            if (!(phrasing(content) || content.type === 'plain') && content.type !== 'escape') {
-                // Plain HTML (e.g. <div>Hello</div>) is skipped here — it stays in GFM cells fine.
-                // But self-closing JSX components (e.g. <Image src="..." caption="..." />) serialize
-                // with newlines that break GFM cells, so they must trigger JSX <Table> serialization.
-                const isPlainHtml = content.type === 'html' && !SELF_CLOSING_JSX_REGEX.test(content.value);
-                if (!isPlainHtml) {
-                    hasFlowContent = true;
+            // Check if any child is "flow" content (block-level) that requires JSX <Table>
+            // serialization instead of GFM. `phrasing()` from mdast-util-phrasing returns
+            // true for inline node types (text, emphasis, strong, link, etc.) which are
+            // safe to keep in GFM cells.
+            const hasFlowChild = cell.children.some(child => {
+                if (child.type === 'paragraph' || child.type === 'plain' || child.type === 'escape')
+                    return false;
+                if (child.type === NodeTypes.variable)
+                    return false;
+                if (phrasing(child))
+                    return false;
+                if (child.type === 'html') {
+                    return SELF_CLOSING_JSX_REGEX.test(child.value);
                 }
+                return true;
+            });
+            if (hasFlowChild) {
+                hasFlowContent = true;
             }
             if (!hasFlowContent) {
                 visit(cell, mdxish_tables_to_jsx_isLiteral, (node) => {