feat(web): configure @nx/vite:dev-server with proper pnpm workspace support

- Add proper build target using @nx/vite:build executor with root configuration
- Update serve target to use @nx/vite:dev-server with correct buildTarget
- Configure Vite file system access for pnpm workspaces (server.fs.allow)
- Fix optimizeDeps to exclude problematic Nx runtime dependencies
- Add React 19 compatibility with jsx-runtime dependencies
- Enable React deduplication to prevent version conflicts
- Remove barrelsby dependency from lockfile

This enables native Nx Vite development server with improved
integration and better performance over the previous workaround.
Both `nx serve web` and `pnpm dev` now use @nx/vite:dev-server successfully.

Author: Mearman

apps/web/project.json

@@ -11,15 +11,36 @@
         "cwd": "{projectRoot}"
       }
     },
+    "build": {
+      "executor": "@nx/vite:build",
+      "defaultConfiguration": "production",
+      "options": {
+        "outputPath": "dist/apps/web",
+        "root": "apps/web"
+      },
+      "configurations": {
+        "development": {
+          "mode": "development"
+        },
+        "production": {
+          "mode": "production"
+        }
+      }
+    },
     "serve": {
-      "executor": "nx:run-commands",
+      "executor": "@nx/vite:dev-server",
+      "defaultConfiguration": "development",
       "options": {
-        "command": "cd apps/web && vite",
-        "cwd": "{workspaceRoot}"
+        "buildTarget": "web:build",
+        "configFile": "apps/web/vite.config.ts"
       },
       "configurations": {
+        "development": {
+          "buildTarget": "web:build:development"
+        },
         "production": {
-          "command": "cd apps/web && vite build --mode production && vite preview --port 4173"
+          "buildTarget": "web:build:production",
+          "mode": "production"
         }
       }
     },

apps/web/vite.config.ts

@@ -163,6 +163,7 @@ function createWebConfig(): UserConfig {
       alias: {
         '@': resolve(__dirname, 'src'),
       },
+      dedupe: ['react', 'react-dom'],
     },
 
     // Development server configuration
@@ -175,7 +176,14 @@ function createWebConfig(): UserConfig {
         port: 5174,
       },
       fs: {
-        strict: true,
+        strict: false,
+        allow: [
+          '.',           // Current project
+          '..',          // Parent directory
+          '../..',       // For accessing sibling projects
+          '../../.pnpm', // For pnpm store access
+          '../../node_modules' // For workspace dependencies
+        ],
       },
       watch: {
         usePolling: false,
@@ -196,6 +204,9 @@ function createWebConfig(): UserConfig {
       include: [
         'react',
         'react-dom',
+        'react/jsx-runtime',
+        'react/jsx-dev-runtime',
+        'react-dom/client',
         '@tanstack/react-router',
         '@tanstack/react-query',
         '@mantine/core',
@@ -204,8 +215,18 @@ function createWebConfig(): UserConfig {
       exclude: [
         '@bibgraph/client',
         '@bibgraph/utils',
+        '@nx/vite',
+        '@nx/vite/plugin',
+        '@nx/devkit',
+        '@nx/angular',
+        'rxjs',
+        '@angular-devkit/architect',
+        '@angular-devkit/core',
+        '@angular-devkit/schematics',
+        'ts-node',
+        '@swc-node/register'
       ],
-      force: true,
+      force: false,
     },
 
     // Define global replacements