Migrate from ESBuild to Vite

Tietokilta · Jan 5, 2024 · b2ed971 · b2ed971
1 parent 63cfb2f
commit b2ed971
Show file tree

Hide file tree

Showing 25 changed files with 1,023 additions and 1,087 deletions.
diff --git a/.eslintignore b/.eslintignore
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -11,6 +11,12 @@ module.exports = {
     // https://github.com/typescript-eslint/typescript-eslint/issues/2094
     "EXPERIMENTAL_useSourceOfProjectReferenceRedirect": true
   },
+  "ignorePatterns": [
+    "**/node_modules/**",
+    "**/dist/**",
+    "**/build/**",
+    ".eslintrc.js"
+  ],
   "settings": {
     "react": {
       "pragma": "React",

diff --git a/packages/ilmomasiina-backend/.eslintignore b/packages/ilmomasiina-backend/.eslintignore
diff --git a/packages/ilmomasiina-components/src/styles/_definitions.scss b/packages/ilmomasiina-components/src/styles/_definitions.scss
@@ -12,9 +12,9 @@ $secondary-background: #f1f1f1 !default;
 $secondary-text-color: #7a7a7a !default;
 
 // Bootstrap core mixins
-@import "~bootstrap/scss/functions";
-@import "~bootstrap/scss/variables";
-@import "~bootstrap/scss/mixins";
+@import "bootstrap/scss/functions";
+@import "bootstrap/scss/variables";
+@import "bootstrap/scss/mixins";
 
 $signup-state-not-opened: $body-color !default;
 $signup-state-opened: $green !default;

diff --git a/packages/ilmomasiina-components/tsconfig.json b/packages/ilmomasiina-components/tsconfig.json
@@ -24,7 +24,11 @@
     "rootDir": "src",
     "outDir": "dist",
     "tsBuildInfoFile": "dist/tsconfig.tsbuildinfo",
-    "composite": true
+    "composite": true,
+    "baseUrl": ".",
+    "paths": {
+      "@tietokilta/ilmomasiina-models": ["../ilmomasiina-models/src/index.ts"]
+    }
   },
   "exclude": [
     "node_modules",

diff --git a/packages/ilmomasiina-frontend/.eslintignore b/packages/ilmomasiina-frontend/.eslintignore
diff --git a/packages/ilmomasiina-frontend/src/index.html → packages/ilmomasiina-frontend/index.html b/packages/ilmomasiina-frontend/src/index.html → packages/ilmomasiina-frontend/index.html
@@ -14,5 +14,6 @@
   </head>
   <body>
     <div id="root" style="min-height: 100%"></div>
+    <script type="module" src="/src/index.tsx"></script>
   </body>
 </html>
diff --git a/packages/ilmomasiina-frontend/package.json b/packages/ilmomasiina-frontend/package.json
@@ -2,9 +2,9 @@
   "name": "@tietokilta/ilmomasiina-frontend",
   "version": "2.0.0-alpha13",
   "scripts": {
-    "build": "ts-node -O '{\"module\":\"commonjs\"}' scripts/build.ts",
+    "build": "vite build",
     "clean": "rimraf build dist",
-    "start": "ts-node -O '{\"module\":\"commonjs\"}' scripts/dev.ts",
+    "start": "vite",
     "typecheck": "tsc --build"
   },
   "proxy": "http://localhost:3001",
@@ -14,7 +14,6 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@craftamap/esbuild-plugin-html": "^0.4.0",
     "@sentry/browser": "^6.19.7",
     "@tietokilta/ilmomasiina-components": "workspace:2.0.0-alpha13",
     "@tietokilta/ilmomasiina-models": "workspace:2.0.0-alpha13",
@@ -27,12 +26,11 @@
     "@types/react-dom": "^17.0.17",
     "@types/react-redux": "^7.1.24",
     "@types/react-router-dom": "^5.3.3",
+    "@vitejs/plugin-react": "^4.0.4",
     "bootstrap": "^4.6.1",
     "connected-react-router": "^6.9.2",
     "csv-stringify": "^6.4.2",
     "date-fns": "^2.28.0",
-    "esbuild": "^0.14.46",
-    "esbuild-sass-plugin": "^2.2.6",
     "final-form": "^4.20.10",
     "final-form-arrays": "^3.1.0",
     "history": "^4.10.1",
@@ -61,13 +59,14 @@
     "reselect": "^4.1.6",
     "sass": "^1.52.3",
     "ts-node": "^10.8.1",
-    "typescript": "~4.9"
+    "typescript": "~4.9",
+    "vite": "^4.4.9",
+    "vite-plugin-checker": "^0.6.2",
+    "vite-tsconfig-paths": "^4.2.1"
   },
   "devDependencies": {
     "@types/lodash": "^4.14.199",
-    "@types/ws": "^8.5.3",
     "rimraf": "^3.0.2",
-    "lodash": "^4.17.21",
-    "ws": "^8.8.0"
+    "lodash": "^4.17.21"
   }
 }
diff --git a/packages/ilmomasiina-frontend/scripts/.eslintrc.json b/packages/ilmomasiina-frontend/scripts/.eslintrc.json
diff --git a/packages/ilmomasiina-frontend/scripts/autoreload.js b/packages/ilmomasiina-frontend/scripts/autoreload.js
diff --git a/packages/ilmomasiina-frontend/scripts/build.ts b/packages/ilmomasiina-frontend/scripts/build.ts
diff --git a/packages/ilmomasiina-frontend/scripts/dev.ts b/packages/ilmomasiina-frontend/scripts/dev.ts