chore: 🔨 Rollback webpack for production

Author: bartoval

eslint.config.mjs

@@ -17,7 +17,7 @@ export default [
   eslintConfigPrettier,
   pluginPrettierRecommended,
   {
-    ignores: ['**/build', '**/css', '**/*.cjs']
+    ignores: ['**/build', '**/css', '**/*.mjs']
   },
 
   {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "skupper-network-console",
-  "version": "2.0.0-dev",
+  "version": "2.0.0",
   "description": "The Network Console for monitoring Skupper metrics and topology.",
   "repository": "git+https://github.com/skupperproject/skupper-console.git",
   "author": "The Skupper Team",
@@ -17,9 +17,8 @@
     "yarn": ">=1.22 <2.0.0"
   },
   "scripts": {
-    "build": "tsc && vite build",
+    "build": "tsc && webpack --config webpack.config.mjs",
     "build:preview": "vite preview",
-    "build:prod": "tsc && NODE_ENV=production webpack",
     "start": "vite --host",
     "test": "yarn test:watch --run",
     "test:watch": "USE_MOCK_SERVER=true vitest",
@@ -66,10 +65,10 @@
     "@vitejs/plugin-react": "^4.3.4",
     "@vitest/coverage-v8": "^2.1.8",
     "@vitest/eslint-plugin": "^1.1.25",
+    "circular-dependency-plugin": "^5.2.2",
     "commitizen": "^4.3.1",
     "copy-webpack-plugin": "^12.0.2",
     "css-loader": "^7.1.2",
-    "css-minimizer-webpack-plugin": "^7.0.0",
     "cypress": "^13.17.0",
     "cz-git": "^1.11.0",
     "eslint": "^9.18.0",
@@ -89,13 +88,9 @@
     "start-server-and-test": "^2.0.9",
     "terser-webpack-plugin": "^5.3.11",
     "ts-loader": "^9.5.2",
-    "ts-node": "^10.9.2",
     "typescript": "^5.7.3",
     "typescript-eslint": "^8.20.0",
     "vite": "^6.0.7",
-    "vite-plugin-circular-dependency": "^0.5.0",
-    "vite-plugin-favicons-inject": "^2.2.0",
-    "vite-plugin-static-copy": "^2.2.0",
     "vitest": "^2.1.8",
     "webpack": "^5.97.1",
     "webpack-cli": "^6.0.1"

vite.config.ts

@@ -1,60 +1,33 @@
 import react from '@vitejs/plugin-react';
-import { defineConfig, PluginOption } from 'vite';
-import circleDependency from 'vite-plugin-circular-dependency';
-import vitePluginFaviconsInject from 'vite-plugin-favicons-inject';
-import { viteStaticCopy } from 'vite-plugin-static-copy';
+import { defineConfig } from 'vite';
 
-export default defineConfig(() => {
-  const outDir = 'build';
+export default defineConfig(() => ({
+  plugins: [react()],
 
-  return {
-    plugins: [
-      react(),
-      circleDependency(),
-      process.env.BRAND_FAVICON && vitePluginFaviconsInject(process.env.BRAND_FAVICON),
-      process.env.BRAND_APP_LOGO &&
-        viteStaticCopy({
-          targets: [
-            {
-              src: process.env.BRAND_APP_LOGO,
-              dest: ''
-            }
-          ]
-        })
-    ].filter(Boolean) as PluginOption[], // remove conditional plugins if undefined
+  define: {
+    'process.env.OBSERVER_URL': JSON.stringify(process.env.OBSERVER_URL || ''),
+    'process.env.BRAND_APP_LOGO': JSON.stringify(process.env.BRAND_APP_LOGO || ''),
+    'process.env.API_VERSION': JSON.stringify(process.env.API_VERSION || ''),
+    'process.env.USE_MOCK_SERVER': JSON.stringify(process.env.USE_MOCK_SERVER),
+    'process.env.MOCK_ITEM_COUNT': JSON.stringify(process.env.MOCK_ITEM_COUNT),
+    'process.env.MOCK_RESPONSE_DELAY': JSON.stringify(process.env.MOCK_RESPONSE_DELAY)
+  },
 
-    define: {
-      'process.env.OBSERVER_URL': JSON.stringify(process.env.OBSERVER_URL || ''),
-      'process.env.BRAND_APP_LOGO': JSON.stringify(process.env.BRAND_APP_LOGO || ''),
-      'process.env.API_VERSION': JSON.stringify(process.env.API_VERSION || ''),
-      'process.env.USE_MOCK_SERVER': JSON.stringify(process.env.USE_MOCK_SERVER),
-      'process.env.MOCK_ITEM_COUNT': JSON.stringify(process.env.MOCK_ITEM_COUNT),
-      'process.env.MOCK_RESPONSE_DELAY': JSON.stringify(process.env.MOCK_RESPONSE_DELAY)
-    },
+  base: './',
 
-    base: './',
+  server: {
+    port: 3000
+  },
 
-    build: {
-      outDir,
-      emptyOutDir: true,
-      sourcemap: true,
-      chunkSizeWarningLimit: 1500
-    },
-
-    server: {
-      port: 3000
-    },
-
-    test: {
-      globals: true,
-      environment: 'jsdom',
-      setupFiles: ['./vite.setup.ts'],
-      coverage: {
-        reporter: ['text', 'lcov'],
-        all: false,
-        include: ['**/src/**'],
-        exclude: ['**/src/config/**']
-      }
+  test: {
+    globals: true,
+    environment: 'jsdom',
+    setupFiles: ['./vite.setup.ts'],
+    coverage: {
+      reporter: ['text', 'lcov'],
+      all: false,
+      include: ['**/src/**'],
+      exclude: ['**/src/config/**']
     }
-  };
-});
+  }
+}));