Migrate from Webpack to Vite

docker-compose.yml

@@ -59,26 +59,23 @@ services:
     # Using a volume allows autorebuild to work.
     volumes:
       - ./:/usr/src/app
-    # Map the default port.
+    # List ports the container should expose
+    # For production you might want to add "80:3000" in place of the "3000:3000" line below
     ports:
-      - "3000:3000" # Should be commented out if you uncomment 80:3000 below.
-      - "9229:9229" # Debug port, should be commented out for production
-      # For production you might want something like:
-      # - "80:3000"
-      # and comment out the debug port and 3000:3000 line above
-      # Don't bring this up without the DB
+      - "3000:3000"
+      - "9229:9229" # Development port; should be commented out for production
+      - "9230:9230"
+
     depends_on:
+      # Don't bring this up without the DB
       - database
         # database:
         # We need the database and it has to be ready for work (see healthcheck above).
         # condition: service_healthy
-    # Lets docker-compose up work right
     # If environment variable install_args is not set then it becomes blank without warning user.
     command:
       [
         "bash",
         "./src/scripts/installOED.sh",
         "${install_args:-}"
       ]
-    # Use this if you are using a docker-compose that is earlier than version 2 and comment out the one above.
-    # command: ["bash", "./src/scripts/installOED.sh"]

package.json

@@ -7,8 +7,8 @@
 	"scripts": {
 		"start": "node ./src/bin/www",
 		"start:dev": "nodemon --legacy-watch --inspect=0.0.0.0 ./src/bin/www",
-		"vite:dev": "vite --config ./src/vite.config.js build",
-		"vite:build": "vite --config",
+		"client:dev": "vite --config ./src/vite.config.js",
+		"client:build": "vite --config ./src/vite.config.js build",
 		"check": "./src/scripts/devcheck.sh",
 		"check:header": "./src/scripts/checkHeader.sh",
 		"check:typescript": "./src/scripts/checkTypescript.sh",
@@ -114,11 +114,8 @@
 	"devDependencies": {
 		"@redux-devtools/core": "~3.11.0",
 		"@redux-devtools/extension": "~3.2.2",
-		"@types/core-js": "~0.9.43",
-		"@types/express-rate-limit": "~6.0.0",
 		"@types/history": "~4.7.2",
 		"@types/lodash": "~4.14.122",
-		"@types/moment": "~2.13.0",
 		"@types/plotly.js": "~2.12.5",
 		"@types/rc-slider": "~8.2.3",
 		"@types/react": "~17.0.53",

src/scripts/devstart.sh

@@ -6,6 +6,8 @@
 # * file, You can obtain one at http://mozilla.org/MPL/2.0/.
 # *
 
+# If we're in a container, pass '--host' flag so server remains
+# accessible outside the container.
 extra_args=
 if [ -f /.dockerenv ]; then
 	# This is passed to vite, which exposts the port to the

src/vite.config.js

@@ -6,9 +6,6 @@ export default defineConfig({
 	root: './src',
 	build: {
 		outDir: './server/public',
-		commonjsOptions: {
-			// exclude: [/TimeInterval.js$/],
-		},
 	},
 	publicDir: './client/public',
 	plugins: [react(), commonjs()],