@readme/markdown 14.8.1 → 14.9.0

package/components/TableOfContents/index.tsx

@@ -99,6 +99,8 @@ function useScrollHighlight(navRef: React.RefObject<HTMLElement | null>) {
           const linkRect = link.getBoundingClientRect();
           nav.style.setProperty('--ToC-border-active-height', `${linkRect.height}px`);
           nav.style.setProperty('--ToC-border-active-top', `${linkRect.top - navRect.top}px`);
+
+          link.scrollIntoView?.({ block: 'nearest', behavior: 'smooth' });
         }
       }
     };

package/dist/index.d.ts

@@ -6,7 +6,7 @@ declare const utils: {
     getHref: typeof getHref;
     calloutIcons: {};
 };
-export { compile, exports, FLOW_TYPES, hast, INLINE_ONLY_PARENT_TYPES, run, mdast, mdastV6, mdx, mdxish, mdxishAstProcessor, mdxishMdastToMd, mdxishTags, migrate, mix, plain, renderMdxish, remarkPlugins, stripComments, tags, } from './lib';
+export { compile, exports, FLOW_TYPES, hast, INLINE_ONLY_PARENT_TYPES, run, mdast, mdastV6, mdx, mdxish, mdxishAstProcessor, mdxishMdastToMd, mdxishTags, extractToc, migrate, mix, plain, renderMdxish, remarkPlugins, stripComments, tags, } from './lib';
 export { default as Owlmoji } from './lib/owlmoji';
 export { Components, utils };
 export { tailwindCompiler } from './utils/tailwind-compiler';

package/dist/lib/extractToc.d.ts

@@ -0,0 +1,2 @@
+import { extractToc } from '../processor/plugin/toc';
+export default extractToc;

package/dist/lib/index.d.ts

@@ -10,6 +10,7 @@ export { default as mdx } from './mdx';
 export { default as mix } from './mix';
 export { default as mdxish, mdxishAstProcessor, mdxishMdastToMd } from './mdxish';
 export type { MdxishOpts } from './mdxish';
+export { default as extractToc } from './extractToc';
 export { default as migrate } from './migrate';
 export { default as plain } from './plain';
 export { default as renderMdxish } from './renderMdxish';

package/dist/main.js

@@ -11599,6 +11599,7 @@ __webpack_require__.d(__webpack_exports__, {
   Owlmoji: () => (/* reexport */ Owlmoji),
   compile: () => (/* reexport */ lib_compile),
   exports: () => (/* reexport */ lib_exports),
+  extractToc: () => (/* reexport */ lib_extractToc),
   gemojiRegex: () => (/* reexport */ gemoji_regex),
   hast: () => (/* reexport */ lib_hast),
   mdast: () => (/* reexport */ lib_mdast),
@@ -12458,6 +12459,7 @@ function useScrollHighlight(navRef) {
                     const linkRect = link.getBoundingClientRect();
                     nav.style.setProperty('--ToC-border-active-height', `${linkRect.height}px`);
                     nav.style.setProperty('--ToC-border-active-top', `${linkRect.top - navRect.top}px`);
+                    link.scrollIntoView?.({ block: 'nearest', behavior: 'smooth' });
                 }
             }
         };
@@ -102634,6 +102636,8 @@ const separateBlockTagFromContent = (match, tag, inlineChar, nextLineChar) => {
     const breaks = '<br>'.repeat(newlineCount);
     return `</${tag}>${breaks}\n\n${inlineChar || nextLineChar}`;
 };
+/** Escape leading `-`/`*`/`+` (followed by space/EOL) so cells don't become bullet lists. */
+const escapeLeadingListMarkers = (text) => text.replace(/^([-*+])(?=[ \t]|$)/gm, '\\$1');
 /**
  * CommonMark doesn't process markdown inside HTML blocks -
  * so `<ul><li>_text_</li></ul>` won't convert underscores to emphasis.
@@ -102650,7 +102654,7 @@ const parseTableCell = (text) => {
         .replace(HTML_ELEMENT_BLOCK_RE, match => match.replace(NEWLINE_WITH_WHITESPACE_RE, '<br>'))
         .replace(CLOSE_BLOCK_TAG_BOUNDARY_RE, separateBlockTagFromContent);
     const trimmedLines = normalized.split('\n').map(line => line.trimStart());
-    const processed = trimmedLines.join('\n');
+    const processed = escapeLeadingListMarkers(trimmedLines.join('\n'));
     const tree = contentParser.runSync(contentParser.parse(processed));
     // Process markdown inside HTML blocks that have non-tag inner text (e.g. `<div>**x**`
     // or `<ul><li>_x_</li></ul>`). Pure bare tags like "<i>" or "<br>" are left for rehypeRaw
@@ -105442,6 +105446,10 @@ const mix = (text, opts = {}) => {
 };
 /* harmony default export */ const lib_mix = (mix);
 
+;// ./lib/extractToc.ts
+
+/* harmony default export */ const lib_extractToc = (extractToc);
+
 ;// ./processor/transform/migrate-callouts.ts
 
 
@@ -105883,12 +105891,16 @@ const tags = (doc) => {
 
 
 
+
+
+
 const mdxishTags_tags = (doc) => {
     const set = new Set();
     const processor = remark()
-        .data('micromarkExtensions', [magicBlock(), mdxComponent()])
-        .data('fromMarkdownExtensions', [magicBlockFromMarkdown(), mdxComponentFromMarkdown()])
-        .use(mdx_blocks);
+        .data('micromarkExtensions', [jsxTable(), magicBlock(), mdxComponent()])
+        .data('fromMarkdownExtensions', [jsxTableFromMarkdown(), magicBlockFromMarkdown(), mdxComponentFromMarkdown()])
+        .use(mdx_blocks)
+        .use(mdxish_tables);
     const tree = processor.parse(doc);
     visit(processor.runSync(tree), isMDXElement, (node) => {
         if (node.name?.match(/^[A-Z]/)) {
@@ -106038,6 +106050,7 @@ async function stripComments(doc, { mdx, mdxish } = {}) {
 
 
 
+
 ;// ./index.tsx
 
 

package/dist/main.node.js

@@ -19283,6 +19283,7 @@ __webpack_require__.d(__webpack_exports__, {
   Owlmoji: () => (/* reexport */ Owlmoji),
   compile: () => (/* reexport */ lib_compile),
   exports: () => (/* reexport */ lib_exports),
+  extractToc: () => (/* reexport */ lib_extractToc),
   gemojiRegex: () => (/* reexport */ gemoji_regex),
   hast: () => (/* reexport */ lib_hast),
   mdast: () => (/* reexport */ lib_mdast),
@@ -25084,6 +25085,7 @@ function useScrollHighlight(navRef) {
                     const linkRect = link.getBoundingClientRect();
                     nav.style.setProperty('--ToC-border-active-height', `${linkRect.height}px`);
                     nav.style.setProperty('--ToC-border-active-top', `${linkRect.top - navRect.top}px`);
+                    link.scrollIntoView?.({ block: 'nearest', behavior: 'smooth' });
                 }
             }
         };
@@ -122858,6 +122860,8 @@ const separateBlockTagFromContent = (match, tag, inlineChar, nextLineChar) => {
     const breaks = '<br>'.repeat(newlineCount);
     return `</${tag}>${breaks}\n\n${inlineChar || nextLineChar}`;
 };
+/** Escape leading `-`/`*`/`+` (followed by space/EOL) so cells don't become bullet lists. */
+const escapeLeadingListMarkers = (text) => text.replace(/^([-*+])(?=[ \t]|$)/gm, '\\$1');
 /**
  * CommonMark doesn't process markdown inside HTML blocks -
  * so `<ul><li>_text_</li></ul>` won't convert underscores to emphasis.
@@ -122874,7 +122878,7 @@ const parseTableCell = (text) => {
         .replace(HTML_ELEMENT_BLOCK_RE, match => match.replace(NEWLINE_WITH_WHITESPACE_RE, '<br>'))
         .replace(CLOSE_BLOCK_TAG_BOUNDARY_RE, separateBlockTagFromContent);
     const trimmedLines = normalized.split('\n').map(line => line.trimStart());
-    const processed = trimmedLines.join('\n');
+    const processed = escapeLeadingListMarkers(trimmedLines.join('\n'));
     const tree = contentParser.runSync(contentParser.parse(processed));
     // Process markdown inside HTML blocks that have non-tag inner text (e.g. `<div>**x**`
     // or `<ul><li>_x_</li></ul>`). Pure bare tags like "<i>" or "<br>" are left for rehypeRaw
@@ -125666,6 +125670,10 @@ const mix = (text, opts = {}) => {
 };
 /* harmony default export */ const lib_mix = (mix);
 
+;// ./lib/extractToc.ts
+
+/* harmony default export */ const lib_extractToc = (extractToc);
+
 ;// ./processor/transform/migrate-callouts.ts
 
 
@@ -126107,12 +126115,16 @@ const tags = (doc) => {
 
 
 
+
+
+
 const mdxishTags_tags = (doc) => {
     const set = new Set();
     const processor = remark()
-        .data('micromarkExtensions', [magicBlock(), mdxComponent()])
-        .data('fromMarkdownExtensions', [magicBlockFromMarkdown(), mdxComponentFromMarkdown()])
-        .use(mdx_blocks);
+        .data('micromarkExtensions', [jsxTable(), magicBlock(), mdxComponent()])
+        .data('fromMarkdownExtensions', [jsxTableFromMarkdown(), magicBlockFromMarkdown(), mdxComponentFromMarkdown()])
+        .use(mdx_blocks)
+        .use(mdxish_tables);
     const tree = processor.parse(doc);
     visit(processor.runSync(tree), isMDXElement, (node) => {
         if (node.name?.match(/^[A-Z]/)) {
@@ -126262,6 +126274,7 @@ async function stripComments(doc, { mdx, mdxish } = {}) {
 
 
 
+
 ;// ./index.tsx