fix: use relative ../../.content/ path for MDX imports

Remove @content alias, resolveId plugin, and preserveSymlinks.
Use relative path from source file to .content/ symlink instead.
Vite statically analyzes the ../../.content/ prefix to glob and
bundle all MDX files at build time. Works in both dev and production.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: rsbh

packages/chronicle/src/lib/page-context.tsx

@@ -48,7 +48,10 @@ interface PageProviderProps {
 }
 
 async function loadMdxComponent(relativePath: string): Promise<ReactNode> {
-  const mod = await import(/* @vite-ignore */ `/.content/${relativePath}`);
+  const withoutExt = relativePath.replace(/\.(mdx|md)$/, '');
+  const mod = relativePath.endsWith('.md')
+    ? await import(`../../.content/${withoutExt}.md`)
+    : await import(`../../.content/${withoutExt}.mdx`);
   return mod.default
     ? React.createElement(mod.default, { components: mdxComponents })
     : null;

packages/chronicle/src/lib/source.ts

@@ -126,8 +126,8 @@ export async function loadPageComponent(
   const relativePath = path.relative(contentDir, page.filePath);
   const withoutExt = relativePath.replace(/\.(mdx|md)$/, '');
   const mod = relativePath.endsWith('.md')
-    ? await import(`@content/${withoutExt}.md`)
-    : await import(`@content/${withoutExt}.mdx`);
+    ? await import(`../../.content/${withoutExt}.md`)
+    : await import(`../../.content/${withoutExt}.mdx`);
   return mod.default;
 }
 

packages/chronicle/src/server/entry-client.tsx

@@ -60,7 +60,10 @@ async function hydrate() {
 async function loadPage(
   embedded: EmbeddedData
 ): Promise<{ slug: string[]; frontmatter: Frontmatter; content: ReactNode }> {
-  const mod = await import(/* @vite-ignore */ `/.content/${embedded.relativePath}`);
+  const withoutExt = embedded.relativePath.replace(/\.(mdx|md)$/, '');
+  const mod = embedded.relativePath.endsWith('.md')
+    ? await import(`../../.content/${withoutExt}.md`)
+    : await import(`../../.content/${withoutExt}.mdx`);
   const content = mod.default
     ? React.createElement(mod.default, { components: mdxComponents })
     : null;

packages/chronicle/src/server/vite-config.ts

@@ -23,28 +23,15 @@ export async function createViteConfig(
       nitro({
         serverDir: path.resolve(packageRoot, 'src/server'),
         ...(preset && { preset }),
-        alias: {
-          '@content': path.resolve(packageRoot, '.content'),
-        },
       }),
       mdx({}, { index: false }),
-      react(),
-      {
-        name: 'chronicle:content-alias',
-        resolveId(id) {
-          if (id.startsWith('@content/')) {
-            return path.resolve(packageRoot, '.content', id.slice('@content/'.length));
-          }
-        },
-      }
+      react()
     ],
     resolve: {
       alias: {
         '@': path.resolve(packageRoot, 'src'),
-        '@content': path.resolve(packageRoot, '.content'),
       },
       conditions: ['module-sync', 'import', 'node'],
-      preserveSymlinks: true,
       dedupe: [
         'react',
         'react-dom',