feat: add exports

readmeio · Jan 15, 2025 · 1dd7e44 · 1dd7e44
1 parent 23e7751
commit 1dd7e44
Show file tree

Hide file tree

Showing 7 changed files with 32 additions and 6 deletions.
diff --git a/Dockerfile b/Dockerfile
@@ -1,5 +1,5 @@
-ARG NODE_VERSION=18
-FROM node:${NODE_VERSION}-alpine3.18
+ARG NODE_VERSION=22.13
+FROM node:${NODE_VERSION}-alpine
 
 ARG NODE_VERSION
 ENV NODE_VERSION=$NODE_VERSION

diff --git a/...-regression-tests-rdmd-syntax-renders-export-tests-without-surprises-1-snap.png b/...-regression-tests-rdmd-syntax-renders-export-tests-without-surprises-1-snap.png
diff --git a/__tests__/browser/markdown.test.js b/__tests__/browser/markdown.test.js
@@ -17,6 +17,7 @@ describe('visual regression tests', () => {
       // skipping this because they sporadically failure with network timing
       // issues
       //'embeds',
+      'exportTests',
       //'features',
       'headings',
       'images',

diff --git a/docs/export-tests.mdx b/docs/export-tests.mdx
@@ -0,0 +1,9 @@
+## Same component file, but different export name
+
+```
+- <One />
+- <Two />
+```
+
+- <One />
+- <Two />
diff --git a/example/Doc.tsx b/example/Doc.tsx
@@ -20,6 +20,11 @@ export const Test = ({ color = 'thistle' } = {}) => {
 
 export default Test;
   `,
+  MultipleExports: `
+export const One = () => "One";
+
+export const Two = () => "Two";
+  `,
 };
 
 const executedComponents = {};
@@ -82,6 +87,7 @@ const Doc = () => {
 
       try {
         const code = mdx.compile(doc, { ...opts, components });
+        console.log(executedComponents);
         const content = await mdx.run(code, { components: executedComponents, terms, variables });
 
         setError(() => null);

diff --git a/example/docs.ts b/example/docs.ts
@@ -9,6 +9,8 @@ import codeBlocks from '../docs/code-blocks.md';
 // @ts-ignore
 import embeds from '../docs/embeds.md';
 // @ts-ignore
+import exportTests from '../docs/export-tests.mdx';
+// @ts-ignore
 import features from '../docs/features.md';
 // @ts-ignore
 import gettingStarted from '../docs/getting-started.md';
@@ -44,6 +46,7 @@ const fixtures = Object.entries({
   codeBlockTests,
   codeBlocks,
   embeds,
+  exportTests,
   features,
   gettingStarted,
   headings,

diff --git a/lib/run.tsx b/lib/run.tsx
@@ -54,9 +54,15 @@ const makeUseMDXComponents = (more: ReturnType<UseMdxComponents> = {}): UseMdxCo
 const run = async (string: string, _opts: RunOpts = {}) => {
   const { Fragment } = runtime as any;
   const { components = {}, terms, variables, baseUrl, ...opts } = _opts;
-  const defaults = Object.fromEntries(
-    Object.entries(components).map(([tag, module]) => [tag, 'default' in module ? module.default : module]),
-  );
+  const defaults = Object.entries(components).reduce((memo, [tag, mod]) => {
+    memo[tag] = mod.default;
+
+    Object.entries(mod.exports).forEach(([subTag, component]) => {
+      memo[subTag] = component;
+    });
+
+    return memo;
+  }, {});
 
   const exec = (text: string, { useMDXComponents = makeUseMDXComponents(defaults) }: RunOpts = {}) => {
     return mdxRun(text, {
@@ -69,7 +75,7 @@ const run = async (string: string, _opts: RunOpts = {}) => {
     }) as Promise<RMDXModule>;
   };
 
-  const { toc, default: Content } = await exec(string);
+  const { toc, default: Content, ...exports } = await exec(string);
 
   const tocMdx = tocToMdx(toc, components);
   const { default: Toc } = await exec(compile(tocMdx), { useMDXComponents: () => ({ p: Fragment }) });
@@ -80,6 +86,7 @@ const run = async (string: string, _opts: RunOpts = {}) => {
         <Content />
       </Contexts>
     ),
+    exports,
     toc,
     Toc: () =>
       tocMdx &&