Move index.html to public/ with custom Vite root

claude · claude · commit 1dc524f03745 · 2025-11-23T16:20:59.000Z
Configure Vite to use public/ as the project root, allowing index.html
to reside in the same directory as other static assets.

Changes:
- Move index.html from project root to public/
- Set vite.config.ts root: 'public'
- Disable publicDir since we're using public/ as root
- Update build.outDir to '../build' (relative to public/)
- Update test.setupFiles and test.include paths for Vitest
- Update index.html script src to '../src/index.tsx'

This configuration:
- Keeps index.html with static assets in public/
- Maintains src/ at project root
- Preserves all existing functionality
- All tests passing (61 tests)
- Build and lint verified working
diff --git a/public/index.html b/public/index.html
@@ -16,6 +16,6 @@
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
-    <script type="module" src="/src/index.tsx"></script>
+    <script type="module" src="../src/index.tsx"></script>
   </body>
 </html>
diff --git a/vite.config.ts b/vite.config.ts
@@ -4,6 +4,8 @@ import viteTsconfigPaths from 'vite-tsconfig-paths'
 
 // https://vite.dev/config/
 export default defineConfig({
+  root: 'public',
+  publicDir: false, // Disable default public dir since we're using public as root
   plugins: [
     react(),
     viteTsconfigPaths(),
@@ -13,12 +15,14 @@ export default defineConfig({
     open: true,
   },
   build: {
-    outDir: 'build',
+    outDir: '../build',
+    emptyOutDir: true,
     sourcemap: true,
   },
   test: {
     globals: true,
     environment: 'jsdom',
-    setupFiles: './src/setupTests.ts',
+    setupFiles: '../src/setupTests.ts',
+    include: ['../src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
   },
 })
