Fix

Author: zbrydon

.gitignore

@@ -16,4 +16,4 @@ tsconfig.json
 # end managed by sku
 
 dist-storybook/
-src/private/Prism.cjs
+src/private/Prism.ts

.prettierignore

@@ -12,5 +12,5 @@ tsconfig.json
 # end managed by sku
 
 dist-storybook/
-src/Private/Prism.cjs
+src/Private/Prism.ts
 lib/

prism.mjs

@@ -2,8 +2,10 @@ import fs from 'node:fs/promises';
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
 
-const header = `const { Prism, themes } = require('prism-react-renderer'); /* eslint-disable */`;
-const footer = `module.exports = { Prism, themes };`;
+const header = `// @ts-nocheck
+import { Prism, themes } from 'prism-react-renderer';
+const prismInstance = Prism; /* eslint-disable */`;
+const footer = `export { prismInstance as Prism, themes };`;
 
 // Also see src/private/prismUtils.ts for language names
 const languages = [
@@ -27,13 +29,13 @@ const languageDefinitions = await Promise.all(
       ),
       'utf8',
     );
-    return `// Language: ${language}\n\n${definition}\n\n`;
+    return `// Language: ${language}\n\n(function(Prism) {\n${definition}\n})(prismInstance);\n\n`;
   }),
 );
 
 const content = [header, ...languageDefinitions, footer].join('\n');
 
 await fs.writeFile(
-  path.join(import.meta.dirname, 'src/private/Prism.cjs'),
+  path.join(import.meta.dirname, 'src/private/Prism.ts'),
   content,
 );

src/components/CodeContainer.tsx

@@ -1,7 +1,7 @@
 import { Box, Stack } from 'braid-design-system';
 import { Highlight, type Token } from 'prism-react-renderer';
 
-import { Prism } from '../private/Prism.cjs';
+import { Prism } from '../private/Prism';
 import { codeThemes } from '../private/codeThemes';
 
 import { useCodeTheme } from './CodeThemeProvider';