@awarebydefault/display-case 1.0.0 → 1.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@awarebydefault/display-case",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "A Bun-native, AI-friendly component showcase — a lightweight alternative to Storybook.",
   "license": "MIT",
   "author": "Jake Uskoski <jake@awarebydefault.com>",
@@ -73,8 +73,10 @@
     "e2e": "playwright test",
     "e2e:headed": "playwright test --headed",
     "e2e:install": "playwright install chromium",
-    "release": "semantic-release",
-    "release:dry": "semantic-release --dry-run --no-ci",
+    "changeset": "changeset",
+    "changeset:status": "changeset status",
+    "changeset:version": "changeset version",
+    "changeset:publish": "changeset publish",
     "prepare": "husky"
   },
   "peerDependencies": {
@@ -93,6 +95,7 @@
   },
   "devDependencies": {
     "@biomejs/biome": "^2.5.0",
+    "@changesets/cli": "^2.27.11",
     "@commitlint/cli": "^19.6.0",
     "@commitlint/config-conventional": "^19.6.0",
     "@emotion/cache": "^11.14.0",
@@ -100,14 +103,11 @@
     "@emotion/server": "^11.11.0",
     "@fission-ai/openspec": "1.4.1",
     "@playwright/test": "^1.60.0",
-    "@semantic-release/changelog": "^6.0.3",
-    "@semantic-release/git": "^10.0.1",
     "@types/bun": "^1.2.0",
     "@types/pngjs": "^6.0.5",
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "husky": "^9.1.7",
-    "semantic-release": "^25.0.5",
     "typescript": "^5.7.0"
   }
 }

package/src/core/mdx-plugin.test.ts

@@ -57,4 +57,30 @@ describe('mdxPlugin', () => {
       await rm(dir, { recursive: true, force: true })
     }
   })
+
+  test('emits an absolute, self-resolved markdown-to-jsx specifier', async () => {
+    const { run } = captureOnLoad()
+    const dir = await makeTempDir()
+    try {
+      const file = join(dir, 'doc.mdx')
+      await Bun.write(file, '# Title\n\nSome prose.\n')
+      const result = await run({ path: file })
+      // The compiled primer is loaded from the consumer's tree, where a bare
+      // `markdown-to-jsx` would not resolve. The plugin anchors it at Display
+      // Case's own install so the consumer never needs to declare the dep.
+      const resolved = Bun.resolveSync('markdown-to-jsx', import.meta.dir)
+      expect(result.contents).toContain(
+        `import __Md from ${JSON.stringify(resolved)}`,
+      )
+      // Never a bare specifier — that is the bug this guards against.
+      expect(result.contents).not.toContain(
+        "import __Md from 'markdown-to-jsx'",
+      )
+      expect(result.contents).not.toContain(
+        'import __Md from "markdown-to-jsx"',
+      )
+    } finally {
+      await rm(dir, { recursive: true, force: true })
+    }
+  })
 })

package/src/core/mdx-plugin.ts

@@ -1,6 +1,38 @@
 import type { BunPlugin } from 'bun'
 import { mdxToTsx } from './mdx-lite'
 
+/**
+ * Absolute path to `markdown-to-jsx`, resolved from Display Case's own location
+ * (this module), memoized on first use.
+ *
+ * The compiled primer module is loaded from inside the *consumer* package's tree
+ * (its `primer.mdx` is the bundle entry), so a bare `import 'markdown-to-jsx'`
+ * would be resolved relative to the consumer — and `markdown-to-jsx` is a private
+ * dependency of `@awarebydefault/display-case`, not hoisted into the consumer's
+ * scope, so that resolution fails with `Could not resolve "markdown-to-jsx"`.
+ * Emitting an absolute path anchored at Display Case's own install makes the
+ * import resolve regardless of the consumer's `node_modules` layout, so authoring
+ * a Markdown/MDX primer never requires the consumer to redeclare the dep. It also
+ * resolves to the same physical module the `.placard.md` DocPanel imports, so Bun
+ * dedupes the two into one bundled copy.
+ */
+let cachedMarkdownSpecifier: string | undefined
+function markdownSpecifier(): string {
+  if (cachedMarkdownSpecifier === undefined) {
+    try {
+      cachedMarkdownSpecifier = Bun.resolveSync(
+        'markdown-to-jsx',
+        import.meta.dir,
+      )
+    } catch {
+      // Fall back to the bare specifier (matches mdx-lite's own default) for the
+      // case where a consumer does carry the dep and resolution from here fails.
+      cachedMarkdownSpecifier = 'markdown-to-jsx'
+    }
+  }
+  return cachedMarkdownSpecifier
+}
+
 /**
  * Bun bundler plugin that compiles `.mdx` to TSX on load, so the Primer entry can
  * `import` an authored `.mdx` document and the components it pulls in.
@@ -23,7 +55,12 @@ export function mdxPlugin(): BunPlugin {
     setup(build) {
       build.onLoad({ filter: /\.mdx$/ }, async (args) => {
         const source = await Bun.file(args.path).text()
-        return { contents: mdxToTsx(source), loader: 'tsx' }
+        return {
+          contents: mdxToTsx(source, {
+            markdownSpecifier: markdownSpecifier(),
+          }),
+          loader: 'tsx',
+        }
       })
     },
   }