fix: Update vite.config.js (#516)

Changes vite config to:
* build directly into the correct folder
* avoid overwriting previous output

Author: willum070

samples/vite.config.js

@@ -16,14 +16,45 @@
 
 import { defineConfig } from 'vite';
 import dotenv from 'dotenv';
+import { resolve, basename } from 'path';
 
 dotenv.config();
 
-export default defineConfig({
-    root: '../',
+export default defineConfig(({ command }) => {
+    // __dirname is /Users/wfrench/git/js-api-samples/samples/
+    const projectRepoRoot = resolve(__dirname, '..'); // /Users/wfrench/git/js-api-samples/
+
+    let effectiveOutDir;
+    let effectiveBuildInput = {}; // For rollupOptions.input
+
+    if (command === 'build') {
+        // When `npm run build:vite --workspace=.` is run from a sample's directory,
+        // process.cwd() will be the path to that sample's directory.
+        const workspaceDir = process.cwd(); // e.g., /Users/wfrench/git/js-api-samples/samples/test-example
+        const samplesBaseDir = resolve(projectRepoRoot, 'samples');
+
+        // Ensure we are building a specific sample within the 'samples' directory
+        if (workspaceDir.startsWith(samplesBaseDir) && workspaceDir !== samplesBaseDir) {
+            const workspaceName = basename(workspaceDir); // e.g., "test-example"
+            // Output to project_root/dist/samples/workspace_name/dist/
+            // This path must be relative to Vite's `root` option.
+            effectiveOutDir = resolve(projectRepoRoot, 'dist', 'samples', workspaceName, 'dist');
+            // Vite's `root` is projectRepoRoot, so input path is relative to that.
+            effectiveBuildInput[resolve(workspaceDir, 'index.html')] = resolve(workspaceDir, 'index.html');
+        } else {
+            // Fallback for builds not initiated from a specific workspace.
+            // This shouldn't happen with your current per-sample build scripts.
+            console.warn(`Vite build initiated from unexpected directory: ${workspaceDir}. Defaulting output to root of dist.`);
+            effectiveOutDir = resolve(projectRepoRoot, 'dist');
+        }
+    }
+
+    return {
+    root: projectRepoRoot, // Vite's project root is js-api-samples/
     build: {
-        emptyOutDir: true,
-        outDir: '../dist',
+        emptyOutDir: false, // Crucial: Do not empty the main dist dir for each sample.
+        outDir: effectiveOutDir || resolve(projectRepoRoot, 'dist'), // Default for serve/preview
+        rollupOptions: command === 'build' && Object.keys(effectiveBuildInput).length > 0 ? { input: effectiveBuildInput } : undefined,
     },
     preview: {
         port: 8080,
@@ -32,4 +63,5 @@ export default defineConfig({
     define: {
         'import.meta.env.GOOGLE_MAPS_API_KEY': JSON.stringify(process.env.GOOGLE_MAPS_API_KEY)
     }
+  };
 });