@readme/markdown 11.2.1 → 11.4.0

package/components/TableOfContents/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-function TableOfContents({ children }: React.PropsWithChildren) {
+function TableOfContents({ children, heading = 'Table of Contents' }: React.PropsWithChildren<{ heading?: string }>) {
   return (
     <nav aria-label="Table of contents" role="navigation">
       <ul className="toc-list">
@@ -8,7 +8,7 @@ function TableOfContents({ children }: React.PropsWithChildren) {
           {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}
           <a className="tocHeader" href="#">
             <i className="icon icon-text-align-left"></i>
-            Table of Contents
+            {heading}
           </a>
         </li>
         <li className="toc-children">{children}</li>

package/dist/components/TableOfContents/index.d.ts

@@ -1,3 +1,5 @@
 import React from 'react';
-declare function TableOfContents({ children }: React.PropsWithChildren): React.JSX.Element;
+declare function TableOfContents({ children, heading }: React.PropsWithChildren<{
+    heading?: string;
+}>): React.JSX.Element;
 export default TableOfContents;

package/dist/main.js

@@ -9235,13 +9235,13 @@ const Table = (props) => {
 
 ;// ./components/TableOfContents/index.tsx
 
-function TableOfContents({ children }) {
+function TableOfContents({ children, heading = 'Table of Contents' }) {
     return (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("nav", { "aria-label": "Table of contents", role: "navigation" },
         external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("ul", { className: "toc-list" },
             external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("li", null,
                 external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("a", { className: "tocHeader", href: "#" },
                     external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("i", { className: "icon icon-text-align-left" }),
-                    "Table of Contents")),
+                    heading)),
             external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("li", { className: "toc-children" }, children))));
 }
 /* harmony default export */ const components_TableOfContents = (TableOfContents);
@@ -87722,6 +87722,17 @@ const migrateCallouts = () => (tree) => {
 };
 /* harmony default export */ const migrate_callouts = (migrateCallouts);
 
+;// ./processor/transform/migrate-html-tags.ts
+
+// Add more visits to migrate other HTML tags here
+const migrateHtmlTags = () => (tree) => {
+    // A common issue is that <br> tags are not properly closed
+    visit(tree, 'html', htmlNode => {
+        htmlNode.value = htmlNode.value.replaceAll(/<br(?!\s*\/>)([^>]*?)>/g, '<br$1 />');
+    });
+};
+/* harmony default export */ const migrate_html_tags = (migrateHtmlTags);
+
 ;// ./processor/transform/migrate-link-references.ts
 
 
@@ -87744,9 +87755,10 @@ const migrateLinkReferences = () => {
 
 
 
+
 const migrate = (doc, { rdmd }) => {
     const ast = lib_mdastV6(doc, { rdmd });
-    return (lib_mdx(ast, { remarkTransformers: [migrate_callouts, migrate_link_references], file: doc })
+    return (lib_mdx(ast, { remarkTransformers: [migrate_callouts, migrate_link_references, migrate_html_tags], file: doc })
         .replaceAll(/&#x20;/g, ' ')
         // @note: I'm not sure what's happening, but I think mdx is converting an
         // 'a' to '&#x61;' as a means of escaping it. I think this helps with
@@ -87920,8 +87932,8 @@ const run_run = (string, _opts = {}) => {
         default: (props) => (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement(contexts, { baseUrl: baseUrl, copyButtons: copyButtons, terms: terms, theme: theme, variables: variables },
             external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement(Content, { ...props }))),
         toc,
-        Toc: props => Toc ? (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement(components_TableOfContents, null,
-            external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement(Toc, { ...props }))) : null,
+        Toc: (props) => Toc ? (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement(components_TableOfContents, { heading: props.heading },
+            external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement(Toc, null))) : null,
         stylesheet,
         ...exports,
     };

package/dist/main.node.js

@@ -21848,13 +21848,13 @@ const Table = (props) => {
 
 ;// ./components/TableOfContents/index.tsx
 
-function TableOfContents({ children }) {
+function TableOfContents({ children, heading = 'Table of Contents' }) {
     return (external_react_default().createElement("nav", { "aria-label": "Table of contents", role: "navigation" },
         external_react_default().createElement("ul", { className: "toc-list" },
             external_react_default().createElement("li", null,
                 external_react_default().createElement("a", { className: "tocHeader", href: "#" },
                     external_react_default().createElement("i", { className: "icon icon-text-align-left" }),
-                    "Table of Contents")),
+                    heading)),
             external_react_default().createElement("li", { className: "toc-children" }, children))));
 }
 /* harmony default export */ const components_TableOfContents = (TableOfContents);
@@ -107933,6 +107933,17 @@ const migrateCallouts = () => (tree) => {
 };
 /* harmony default export */ const migrate_callouts = (migrateCallouts);
 
+;// ./processor/transform/migrate-html-tags.ts
+
+// Add more visits to migrate other HTML tags here
+const migrateHtmlTags = () => (tree) => {
+    // A common issue is that <br> tags are not properly closed
+    visit(tree, 'html', htmlNode => {
+        htmlNode.value = htmlNode.value.replaceAll(/<br(?!\s*\/>)([^>]*?)>/g, '<br$1 />');
+    });
+};
+/* harmony default export */ const migrate_html_tags = (migrateHtmlTags);
+
 ;// ./processor/transform/migrate-link-references.ts
 
 
@@ -107955,9 +107966,10 @@ const migrateLinkReferences = () => {
 
 
 
+
 const migrate = (doc, { rdmd }) => {
     const ast = lib_mdastV6(doc, { rdmd });
-    return (lib_mdx(ast, { remarkTransformers: [migrate_callouts, migrate_link_references], file: doc })
+    return (lib_mdx(ast, { remarkTransformers: [migrate_callouts, migrate_link_references, migrate_html_tags], file: doc })
         .replaceAll(/&#x20;/g, ' ')
         // @note: I'm not sure what's happening, but I think mdx is converting an
         // 'a' to '&#x61;' as a means of escaping it. I think this helps with
@@ -108131,8 +108143,8 @@ const run_run = (string, _opts = {}) => {
         default: (props) => (external_react_default().createElement(contexts, { baseUrl: baseUrl, copyButtons: copyButtons, terms: terms, theme: theme, variables: variables },
             external_react_default().createElement(Content, { ...props }))),
         toc,
-        Toc: props => Toc ? (external_react_default().createElement(components_TableOfContents, null,
-            external_react_default().createElement(Toc, { ...props }))) : null,
+        Toc: (props) => Toc ? (external_react_default().createElement(components_TableOfContents, { heading: props.heading },
+            external_react_default().createElement(Toc, null))) : null,
         stylesheet,
         ...exports,
     };