Migrate from Webpack to Vite

README.md

@@ -80,7 +80,12 @@ Installation with other ways: https://pnpm.io/installation
 
 3. Then install Bit on your computer (local): https://docs.bit.dev/docs/installation
 
-4. Check your Bit authentication token with the following command:
+4. Login to Bit on your terminal
+```
+bit login
+```
+
+5. Check your Bit authentication token with the following command:
 	```
 	bit config
 	```
@@ -226,7 +231,9 @@ Whenever there is some progress in your work, commit it.
 
 ## Create a new app (micro-app) in WasedaTime
 
-*For new big features which is obviously less related to other existing apps (syllabus, campus, feeds)*
+*This section is being moved to internal documentation since it is an instruction for creating new & big features, which would be leave to our team members.*
+
+<!--
 
 1. Install `create-single-spa`
 ```bash
@@ -275,6 +282,8 @@ pnpm i
   ```
   Then run `pnpm run local` inside root folder. This runs all app at the same time. Open http://localhost:9000 to see the result.
 
+-->
+
 # Contributors
 
 <!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
@@ -321,4 +330,4 @@ This project follows the [all-contributors](https://github.com/kentcdodds/all-co
 This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details
 
 
-[![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2Fwasedatime%2Fwasedatime-web.svg?type=large)](https://app.fossa.com/projects/git%2Bgithub.com%2Fwasedatime%2Fwasedatime-web?ref=badge_large)
+[![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2Fwasedatime%2Fwasedatime-web.svg?type=large)](https://app.fossa.com/projects/git%2Bgithub.com%2Fwasedatime%2Fwasedatime-web?ref=badge_large)

campus/package.json

@@ -2,12 +2,13 @@
   "name": "@wasedatime/campus",
   "scripts": {
     "preinstall": "npx only-allow pnpm",
-    "start": "webpack serve --port 8081 --env isLocal",
-    "start:standalone": "webpack serve --env standalone",
+    "start": "vite --port 8081",
+    "build": "vite build",
+    "build-dev": "vite build --mode staging",
+    "preview": "vite preview --port 8081",
+    "preview-dev": "vite preview --mode staging --port 8081",
+    "tsc": "tsc",
     "local": "concurrently --kill-others \"pnpm start\" \"cd ../root && pnpm start\"",
-    "build": "webpack --mode=production",
-    "build-dev": "webpack --mode=production --env isDev",
-    "analyze": "webpack --mode=production --env analyze",
     "fix": "pnpm run format && pnpm run lint:fix",
     "lint": "eslint src --ext \"**/*.{js,ts,tsx}\"",
     "lint:fix": "eslint --fix \"**/*.{js,ts,tsx}\"",
@@ -16,19 +17,23 @@
   "devDependencies": {
     "@babel/core": "7.17.5",
     "@babel/eslint-parser": "7.17.0",
+    "@babel/plugin-syntax-flow": "^7.17.12",
+    "@babel/plugin-transform-react-jsx": "^7.17.12",
     "@babel/plugin-transform-runtime": "7.17.0",
     "@babel/preset-env": "7.16.11",
     "@babel/preset-react": "7.16.7",
     "@babel/preset-typescript": "7.16.7",
     "@babel/runtime": "7.17.2",
-    "@types/systemjs": "6.1.1",
+    "@fortawesome/fontawesome-svg-core": "1.3.0",
+    "@popperjs/core": "^2.11.5",
+    "@types/node": "17.0.21",
     "@typescript-eslint/eslint-plugin": "5.14.0",
     "@typescript-eslint/parser": "5.14.0",
     "autoprefixer": "10.4.2",
     "babel-plugin-styled-components": "2.0.6",
     "concurrently": "7.0.0",
-    "css-loader": "6.7.1",
     "cssnano": "5.1.0",
+    "dotenv": "^16.0.1",
     "eslint": "8.10.0",
     "eslint-config-airbnb": "19.0.4",
     "eslint-config-prettier": "8.5.0",
@@ -38,39 +43,32 @@
     "eslint-plugin-prefer-arrow": "1.2.3",
     "eslint-plugin-prettier": "4.0.0",
     "eslint-plugin-react": "7.29.4",
+    "eslint-plugin-react-hooks": "4.3.0",
     "postcss": "8.4.8",
-    "postcss-loader": "5.3.0",
     "prettier": "2.5.1",
     "prettier-eslint": "13.0.0",
+    "prop-types": "^15.8.1",
+    "react-is": "^18.1.0",
+    "react-native": "^0.68.2",
     "sass": "1.49.9",
-    "sass-loader": "12.6.0",
-    "style-loader": "3.3.1",
     "tailwindcss": "3.0.23",
     "ts-config-single-spa": "2.0.1",
-    "ts-loader": "9.2.8",
-    "typescript": "4.6.2",
-    "webpack": "5.70.0",
-    "webpack-cli": "4.9.2",
-    "webpack-config-single-spa-react-ts": "4.0.3",
-    "webpack-dev-server": "4.7.4",
-    "webpack-merge": "5.8.0"
+    "typescript": "4.6.2"
   },
   "dependencies": {
     "@aws-amplify/auth": "4.4.4",
-    "@bit/wasedatime.core.assets.img.logo": "0.0.1",
-    "@bit/wasedatime.core.theme.colors": "0.0.5",
+    "@bit/wasedatime.core.theme.colors": "0.0.4",
     "@bit/wasedatime.core.ts.constants.langs": "0.0.5",
-    "@bit/wasedatime.core.ts.ui.header": "0.2.17",
-    "@bit/wasedatime.core.ts.ui.loading-spinner": "0.1.2",
+    "@bit/wasedatime.core.ts.ui.header": "0.2.21",
+    "@bit/wasedatime.core.ts.ui.loading-spinner": "0.1.5",
     "@bit/wasedatime.core.ts.utils.i18n": "0.0.4",
     "@bit/wasedatime.core.ts.utils.responsive-utils": "0.0.1",
     "@fortawesome/free-solid-svg-icons": "6.0.0",
     "@fortawesome/react-fontawesome": "0.1.17",
     "@types/react": "17.0.39",
     "@types/react-dom": "17.0.13",
     "@types/styled-components": "5.1.24",
-    "@types/systemjs": "6.1.1",
-    "@types/webpack-env": "1.16.3",
+    "@vitejs/plugin-react-refresh": "^1.3.6",
     "bootstrap": "5.1.3",
     "i18next": "19.9.2",
     "react": "17.0.2",
@@ -80,8 +78,23 @@
     "react-ga": "3.3.0",
     "react-helmet": "6.1.0",
     "react-i18next": "11.15.6",
-    "react-router-dom": "^6.2.2",
+    "react-router-dom": "^6.3.0",
     "single-spa-react": "3.2.0",
-    "styled-components": "5.3.3"
+    "styled-components": "5.3.3",
+    "vite": "^2.9.9",
+    "vite-plugin-dynamic-import": "^0.7.1"
+  },
+  "resolutions": {
+    "esbuild": "0.14.34"
+  },
+  "peerDependencies": {
+    "@babel/plugin-syntax-flow": "^7.16.7",
+    "@babel/plugin-transform-react-jsx": "^7.17.3",
+    "@fortawesome/fontawesome-svg-core": "1.3.0",
+    "@popperjs/core": "^2.11.5",
+    "eslint-plugin-react-hooks": "4.3.0",
+    "prop-types": "^15.8.1",
+    "react-is": "^18.1.0",
+    "react-native": "^0.68.1"
   }
 }