Vite shared config with apps

.eslintrc.json

@@ -26,5 +26,16 @@
         "react/require-default-props": "off",
         "no-plusplus": ["error", { "allowForLoopAfterthoughts": true }],
         "import/prefer-default-export":"off"
-    }
+    },
+    "overrides": [
+        {
+            "parserOptions": {
+                "project": "./configs/tsconfig.json"
+            },
+            "files": ["./configs/**/*.ts"],
+            "rules": {
+                "import/no-extraneous-dependencies": ["error", {"optionalDependencies": true, "peerDependencies": true}]
+            }
+        }
+    ]
 }

.gitignore

@@ -1,6 +1,14 @@
-/coverage
-/dist
-/node_modules
+/vite.config.ts-timestamp-*
+/vite.config.mts-timestamp-*
+.vite-inspect/
+/coverage/
+/dist/
+/node_modules/
 npm-debug.log*
-/.idea
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+/.idea/
+/.vscode/
 *.tgz
+*.log

configs/react-app/vite.config.ts

@@ -0,0 +1,57 @@
+/*
+ * Copyright © 2025, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+
+import { type CommonServerOptions, type ConfigEnv, mergeConfig, type UserConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import svgr from 'vite-plugin-svgr';
+// @ts-expect-error TS7016: Could not find a declaration file
+import eslint from 'vite-plugin-eslint';
+import tsconfigPaths from 'vite-tsconfig-paths';
+
+export default function defineReactAppConfig(
+    /** Vite configuration environment */
+    config: ConfigEnv,
+    /** The IP port on which the dev server will bind on (range: [1;65535]) */
+    devPort: number,
+    /** Extra configuration to merge on top of this base config */
+    overrides: UserConfig = {}
+): UserConfig {
+    const serverSettings: CommonServerOptions = {
+        port: devPort,
+        proxy: {
+            '/api/gateway': {
+                target: 'http://localhost:9000',
+                rewrite: (path: string) => path.replace(/^\/api\/gateway/i, ''),
+            },
+            '/ws/gateway': {
+                target: 'http://localhost:9000',
+                rewrite: (path: string) => path.replace(/^\/ws\/gateway/i, ''),
+                ws: true,
+            },
+        },
+    };
+    return mergeConfig(
+        {
+            plugins: [
+                react(),
+                svgr(), // works on every import with the pattern "**/*.svg?react"
+                eslint({
+                    failOnWarning: config.mode !== 'development',
+                    lintOnStart: true,
+                }),
+                tsconfigPaths(), // to resolve absolute path via tsconfig cf https://stackoverflow.com/a/68250175/5092999
+            ],
+            base: './',
+            server: serverSettings, // for npm run start
+            preview: serverSettings, // for npm run serve (use local build)
+            build: {
+                outDir: 'build',
+            },
+        },
+        overrides
+    );
+}

configs/react-library/vite.config.ts

@@ -0,0 +1,51 @@
+/*
+ * Copyright © 2025, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+
+import { type ConfigEnv, mergeConfig, type UserConfig } from 'vite';
+// @ts-expect-error TS7016: Could not find a declaration file
+import eslint from 'vite-plugin-eslint';
+import dts from 'vite-plugin-dts';
+import react from '@vitejs/plugin-react';
+import svgr from 'vite-plugin-svgr';
+import * as path from 'node:path';
+
+export default function defineReactLibConfig(
+    /** Vite configuration environment */
+    config: ConfigEnv,
+    /** Extra configuration to merge on top of this base config */
+    overrides: UserConfig = {}
+): UserConfig {
+    return mergeConfig(
+        {
+            plugins: [
+                react(),
+                svgr(), // works on every import with the pattern "**/*.svg?react"
+                eslint({
+                    failOnWarning: config.mode !== 'development',
+                    lintOnStart: true,
+                }),
+                dts({
+                    include: ['src'],
+                    exclude: ['**/*.{spec,test}.{ts,tsx}'],
+                }),
+            ],
+            build: {
+                outDir: 'dist',
+                minify: false, // easier to debug on the apps using this lib
+                lib: {
+                    formats: ['es'],
+                },
+                rollupOptions: {
+                    external: (importId: string) =>
+                        importId.includes('/node_modules/') ||
+                        (!importId.startsWith('.') && !path.isAbsolute(importId)),
+                },
+            },
+        },
+        overrides
+    );
+}

configs/tsconfig.json

@@ -0,0 +1,17 @@
+{
+    "compilerOptions": {
+        "module": "Node16",
+        "moduleResolution": "node16",
+        "target": "ESNext",
+        "strict": true,
+        "forceConsistentCasingInFileNames": true,
+        "noFallthroughCasesInSwitch": true,
+        "resolveJsonModule": true,
+        "isolatedModules": true,
+        "noEmit": true,
+        "rootDir": ".",
+        "outDir": "../dist/configs",
+        "traceResolution": true
+    },
+    "include": ["./**/*.ts"]
+}