fix: change config to use vite plugin externaldeps

Signed-off-by: LE SAULNIER Kevin <[email protected]>

package.json

@@ -23,7 +23,6 @@
     "dependencies": {
         "@mui/icons-material": "^5.5.1",
         "@mui/material": "^5.5.3",
-        "@mui/system": "^5.5.3",
         "@svgdotjs/svg.js": "^3.0.12",
         "@svgdotjs/svg.panzoom.js": "^2.1.2",
         "cheap-ruler": "^3.0.0",
@@ -35,13 +34,9 @@
     "peerDependencies": {
         "@emotion/styled": "^11.8.1",
         "@mui/system": "^5.5.3",
-        "deck.gl": "^8.9.18",
-        "geolib": "^3.3.4",
-        "mapbox-gl": "^3.0.0",
         "react": "^18.0.0",
         "react-dom": "^18.0.0",
-        "react-intl": "^6.0.0",
-        "react-map-gl": "^7.0.0"
+        "react-intl": "^6.0.0"
     },
     "devDependencies": {
         "@babel/core": "^7.17.10",
@@ -65,6 +60,7 @@
         "typescript": "^5.0.4",
         "vite": "^5.0.11",
         "vite-plugin-dts": "^3.7.1",
-        "vite-plugin-eslint": "^1.8.1"
+        "vite-plugin-eslint": "^1.8.1",
+        "vite-plugin-externalize-deps": "^0.8.0"
     }
 }

vite.config.ts

@@ -3,9 +3,17 @@ import { resolve } from 'path';
 import eslint from 'vite-plugin-eslint';
 import dts from 'vite-plugin-dts';
 import react from '@vitejs/plugin-react';
+import { externalizeDeps } from 'vite-plugin-externalize-deps';
 
 export default defineConfig({
-    plugins: [react(), eslint(), dts()],
+    plugins: [
+        react(),
+        eslint(),
+        dts(),
+        externalizeDeps({
+            deps: false,
+        }),
+    ],
     build: {
         lib: {
             // Could also be a dictionary or array of multiple entry points
@@ -15,10 +23,5 @@ export default defineConfig({
             fileName: 'powsybl-diagram-viewer',
             formats: ['es'],
         },
-        rollupOptions: {
-            // make sure to externalize deps that shouldn't be bundled
-            // into your library
-            external: ['react', 'react-dom', 'react-intl', '@mui/system'],
-        },
     },
 });