wip

example/Doc.tsx

@@ -15,7 +15,7 @@ const mdxComponents = {
 
 const components = {};
 Object.keys(mdxComponents).forEach(async comp => {
-  components[comp] = await mdx.run(mdx.compile(comp));
+  components[comp] = (await mdx.run(mdx.compile(comp))).default;
 });
 
 const terms = [

index.tsx

@@ -148,7 +148,7 @@ export const run = async (stringOrFile: string | VFileWithToc, _opts: RunOpts =
 };
 
 export const mdx = (tree: any, { hast = false, ...opts } = {}) => {
-  console.log(JSON.stringify({ tree, hast }, null, 2));
+  console.log(JSON.stringify({ tree }, null, 2));
   const processor = unified()
     .use(hast ? rehypeRemark : undefined)
     .use(remarkMdx)

processor/transform/rehype-toc.ts

@@ -20,6 +20,8 @@ const rehypeToc = (): Transformer<Root, Root> => {
     ) as Heading[];
     if (!headings.length) return;
 
+    console.log(JSON.stringify({ tree }, null, 2));
+
     const min = Math.min(...headings.map(getDepth));
     const root = h();
     root.children.push(h('ul'));