fix: unique bundle names (#69)

Author: Arcath

package.json

@@ -46,6 +46,7 @@
     "gray-matter": "^4.0.3",
     "remark-frontmatter": "^3.0.0",
     "remark-mdx-frontmatter": "^1.0.1",
+    "uuid": "^8.3.2",
     "xdm": "^1.12.1"
   },
   "peerDependencies": {
@@ -56,6 +57,7 @@
     "@types/jsdom": "^16.2.13",
     "@types/react": "^17.0.14",
     "@types/react-dom": "^17.0.9",
+    "@types/uuid": "^8.3.1",
     "cross-env": "^7.0.3",
     "esbuild": "^0.12.15",
     "jsdom": "^16.6.0",

src/__tests__/index.js

@@ -149,11 +149,7 @@ import Demo from './demo'
     }).catch(e => e)
   )
 
-  assert.equal(
-    error.message,
-    `Build failed with 1 error:
-_mdx_bundler_entry_point.mdx:3:17: error: Could not resolve "./demo"`,
-  )
+  assert.match(error.message, `error: Could not resolve "./demo"`)
 })
 
 test('gives a handy error when importing a module that cannot be found', async () => {
@@ -193,10 +189,9 @@ import Demo from './demo.blah'
     }).catch(e => e)
   )
 
-  assert.equal(
+  assert.match(
     error.message,
-    `Build failed with 1 error:
-_mdx_bundler_entry_point.mdx:3:17: error: [plugin: inMemory] Invalid loader: "blah" (valid: js, jsx, ts, tsx, css, json, text, base64, dataurl, file, binary)`,
+    `error: [plugin: inMemory] Invalid loader: "blah" (valid: js, jsx, ts, tsx, css, json, text, base64, dataurl, file, binary)`,
   )
 })
 

src/index.js

@@ -7,6 +7,7 @@ import matter from 'gray-matter'
 import * as esbuild from 'esbuild'
 import {NodeResolvePlugin} from '@esbuild-plugins/node-resolve'
 import {globalExternals} from '@fal-works/esbuild-plugin-global-externals'
+import {v4 as uuid} from 'uuid'
 import dirnameMessedUp from './dirname-messed-up.cjs'
 
 const {readFile, unlink} = fs.promises
@@ -41,7 +42,7 @@ async function bundleMDX(
   // extract the frontmatter
   const {data: frontmatter} = matter(mdxSource)
 
-  const entryPath = path.join(cwd, './_mdx_bundler_entry_point.mdx')
+  const entryPath = path.join(cwd, `./_mdx_bundler_entry_point-${uuid()}.mdx`)
 
   /** @type Record<string, string> */
   const absoluteFiles = {[entryPath]: mdxSource}