Merge branch 'beta' into feat/throw

CHANGELOG.md

@@ -1,6 +1,18 @@
 Changelog
 ===
 
+## Version 6.75.0-beta.15
+
+### ✨ New & Improved
+
+* rename react ot compile ([#843](https://github.com/readmeio/markdown/issues/843)) ([52111ce](https://github.com/readmeio/markdown/commit/52111cef8482c18e1ec3be333f71d90f46284b4d))
+
+## Version 6.75.0-beta.14
+
+### 🛠 Fixes & Updates
+
+* callout headings ([#842](https://github.com/readmeio/markdown/issues/842)) ([da78ea2](https://github.com/readmeio/markdown/commit/da78ea2f7d868b71a277ed9f7e902324c0c4a6ad))
+
 ## Version 6.75.0-beta.13
 
 ### ✨ New & Improved

components/Callout/index.tsx

@@ -8,7 +8,7 @@ interface Props extends React.PropsWithChildren<React.HTMLAttributes<HTMLQuoteEl
 }
 
 const Callout = (props: Props) => {
-  const { attributes, theme, icon, heading } = props;
+  const { attributes, children, theme, icon, heading } = props;
 
   return (
     // @ts-ignore
@@ -19,7 +19,7 @@ const Callout = (props: Props) => {
           {heading}
         </h3>
       )}
-      {props.children}
+      {children}
     </blockquote>
   );
 };

example/Doc.tsx

@@ -17,7 +17,7 @@ const Doc = () => {
     safeMode: searchParams.has('safeMode'),
   };
 
-  const Content = mdx.run(String(mdx.react(doc, opts)));
+  const Content = mdx.run(String(mdx.compile(doc, opts)));
 
   return (
     <React.Fragment>

index.tsx

@@ -41,7 +41,7 @@ export const reactProcessor = (opts = {}) => {
   return createProcessor({ remarkPlugins: [calloutTransformer], ...opts });
 };
 
-export const react = (text: string, opts = {}) => {
+export const compile = (text: string, opts = {}) => {
   return String(
     compileSync(text, {
       outputFormat: 'function-body',

package.json

@@ -2,7 +2,7 @@
   "name": "@readme/markdown",
   "description": "ReadMe's React-based Markdown parser",
   "author": "Rafe Goldberg <[email protected]>",
-  "version": "6.75.0-beta.13",
+  "version": "6.75.0-beta.15",
   "main": "dist/main.node.js",
   "types": "dist/index.d.ts",
   "browser": "dist/main.js",

processor/transform/callouts.ts

@@ -42,20 +42,17 @@ const calloutTransformer = () => {
 
         if (icon && match) {
           const heading = startText.slice(match.length);
-          const body = toString({ type: 'root', children: node.children.slice(1) } as Node);
-          const data = {
+
+          node.children.shift();
+          node.type = 'rdme-callout';
+          node.data = {
             hName: 'Callout',
             hProperties: {
               heading,
-              value: body,
               icon,
               theme: themes[icon] || 'default',
             },
           };
-
-          node.type = 'rdme-callout';
-          node.data = data;
-          node.children[0].children[0].value = startText.slice(match.length);
         }
       } catch (e) {
         console.log(e);