pass workingDirectory to Code component examples

souporserious · Dec 30, 2023 · e4a68eb · e4a68eb · vercel · Dec 30, 2023
1 parent 2dd1b1e
commit e4a68eb
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/wicked-tables-shop.md b/.changeset/wicked-tables-shop.md
@@ -0,0 +1,5 @@
+---
+"mdxts": minor
+---
+
+Pass `workingDirectory` to Code component used in examples.
diff --git a/mdxts/src/components/Code.tsx b/mdxts/src/components/Code.tsx
@@ -125,7 +125,7 @@ export async function Code({
   if ('source' in props) {
     if (!props.workingDirectory) {
       throw new Error(
-        'The [workingDirectory] prop was not provided to the [Code] component. Make sure the mdxts/remark plugin is configured correctly.'
+        'The [workingDirectory] prop was not provided to the [Code] component. Make sure the mdxts/remark plugin and mdxts/loader are configured correctly.'
       )
     }
 

diff --git a/mdxts/src/loader/index.ts b/mdxts/src/loader/index.ts
@@ -36,7 +36,7 @@ export default async function loader(
       source =
         `import theme from '${relativeThemePath}';\n${source}`.replaceAll(
           '<Code',
-          '<Code theme={theme}'
+          `<Code theme={theme} workingDirectory="${workingDirectory}"`
         )
     } else {
       source = `import { setTheme } from 'mdxts';\nimport theme from '${relativeThemePath}';\nsetTheme(theme);\n${source}`