feat: add --backend-only option and remove hard-coded port numbers

Author: hydecnc

clean-architecture-visualizer/frontend/package.json

@@ -5,7 +5,6 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "dev:backend": "vite --mode backend",
     "build": "tsc -b && vite build",
     "setup": "playwright install",
     "preview": "vite preview",

clean-architecture-visualizer/frontend/src/main.tsx

@@ -1,6 +1,6 @@
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { StrictMode } from 'react';
 import ReactDOM from 'react-dom/client';
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import App from './App';
 import './index.css';
 

clean-architecture-visualizer/frontend/vite.config.ts

@@ -1,62 +1,46 @@
 /// <reference types="vitest" />
-import { defineConfig, ProxyOptions } from 'vite';
+
 import react from '@vitejs/plugin-react';
-import svgr from 'vite-plugin-svgr';
 import path from 'path';
+import { defineConfig } from 'vite';
+import svgr from 'vite-plugin-svgr';
 
-export default defineConfig(({ mode }) => {
-  const isBackendMode = mode === 'backend';
-  const proxyConfig: Record<string, string | ProxyOptions> = isBackendMode
-    ? {
-        '/api': {
-          target: 'http://localhost:3131',
-          changeOrigin: true,
-          ws: true,
-        },
-      }
-    : {};
-
-  return {
-    plugins: [react(), svgr({ include: '**/*.svg?react' })],
-    server: {
-      port: 5173,
-      proxy: proxyConfig,
+export default defineConfig({
+  plugins: [react(), svgr({ include: '**/*.svg?react' })],
+  build: {
+    outDir: 'dist',
+    emptyOutDir: true,
+  },
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, './src'),
+      react: path.resolve(__dirname, 'node_modules/react'),
+      'react-dom': path.resolve(__dirname, 'node_modules/react-dom'),
+      'react-router-dom': path.resolve(
+        __dirname,
+        'node_modules/react-router-dom'
+      ),
+      '@tanstack/react-query': path.resolve(
+        __dirname,
+        'node_modules/@tanstack/react-query'
+      ),
+      '@testing-library/react': path.resolve(
+        __dirname,
+        'node_modules/@testing-library/react'
+      ),
     },
-    build: {
-      outDir: 'dist',
-      emptyOutDir: true,
-    },
-    resolve: {
-      alias: {
-        '@': path.resolve(__dirname, './src'),
-        react: path.resolve(__dirname, 'node_modules/react'),
-        'react-dom': path.resolve(__dirname, 'node_modules/react-dom'),
-        'react-router-dom': path.resolve(
-          __dirname,
-          'node_modules/react-router-dom'
-        ),
-        '@tanstack/react-query': path.resolve(
-          __dirname,
-          'node_modules/@tanstack/react-query'
-        ),
-        '@testing-library/react': path.resolve(
-          __dirname,
-          'node_modules/@testing-library/react'
-        ),
-      },
-    },
-    test: {
-      globals: true,
-      environment: 'jsdom',
-      setupFiles: ['./tests/setup.ts'],
-      include: ['tests/unit/**/*.{test,ts,tsx}'],
-      exclude: ['tests/e2e/**'],
-      server: {
-        deps: {
-          inline: [/@tanstack\/react-query/, /msw/],
-        },
+  },
+  test: {
+    globals: true,
+    environment: 'jsdom',
+    setupFiles: ['./tests/setup.ts'],
+    include: ['tests/unit/**/*.{test,ts,tsx}'],
+    exclude: ['tests/e2e/**'],
+    server: {
+      deps: {
+        inline: [/@tanstack\/react-query/, /msw/],
       },
-      root: path.resolve(__dirname, './'),
     },
-  };
+    root: path.resolve(__dirname, './'),
+  },
 });

clean-architecture-visualizer/jest.config.js

@@ -16,4 +16,5 @@ export default {
     '^(\\.{1,2}/.*)\\.js$': '$1',
   },
   testPathIgnorePatterns: ['/node_modules/', '<rootDir>/frontend/'],
+  modulePathIgnorePatterns: ['<rootDir>/dist'],
 };