Switch to react-swc

Author: Polleps

browser/.gitignore

@@ -5,6 +5,7 @@ publish
 .env
 .husky
 .nohup
+.swc
 */lib
 */dist
 */dev-dist

browser/data-browser/package.json

@@ -45,9 +45,10 @@
     "yamde": "^1.7.1"
   },
   "devDependencies": {
+    "@swc/plugin-styled-components": "^1.5.110",
     "@types/react-pdf": "^6.2.0",
     "@types/react-window": "^1.8.7",
-    "babel-plugin-styled-components": "^2.1.4",
+    "@vitejs/plugin-react-swc": "^3.5.0",
     "csstype": "^3.1.0",
     "gh-pages": "^3.1.0",
     "lint-staged": "^10.5.4",

browser/data-browser/vite.config.ts

@@ -1,23 +1,12 @@
 import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react';
+import react from '@vitejs/plugin-react-swc';
 import { VitePWA } from 'vite-plugin-pwa';
 import webfontDownload from 'vite-plugin-webfont-dl';
 
 export default defineConfig({
   plugins: [
     webfontDownload(),
-    react({
-      babel: {
-        plugins: [
-          [
-            'babel-plugin-styled-components',
-            {
-              fileName: false,
-            },
-          ],
-        ],
-      },
-    }),
+    react({ plugins: [['@swc/plugin-styled-components', {}]] }),
     VitePWA({
       registerType: 'autoUpdate',
       devOptions: {

browser/package.json

@@ -4,13 +4,12 @@
     "@jest/globals": "^29.3.1",
     "@types/chai": "^4.2.22",
     "@types/jest": "^27.0.2",
-    "@types/node": "^16.11.4",
+    "@types/node": "^20.11.5",
     "@types/react": "^18.2.34",
     "@types/react-dom": "^18.2.14",
     "@types/react-router-dom": "^5.3.3",
     "@typescript-eslint/eslint-plugin": "^5.9.0",
     "@typescript-eslint/parser": "^5.9.0",
-    "@vitejs/plugin-react": "^1.3.0",
     "chai": "^4.3.4",
     "eslint": "8.23.0",
     "eslint-config-prettier": "^8.3.0",