Refine application behavior and supporting implementation

Author: Eric-Guo

Gemfile

@@ -15,7 +15,7 @@ gem "sqlite3", "~> 2.6"
 # Use the Puma web server [https://github.com/puma/puma]
 gem "puma"
 
-gem "shakapacker", "~> 8.2"
+gem "shakapacker", "~> 10.3.1"
 
 # Use Redis adapter to run Action Cable in production
 # gem "redis", ">= 4.0.1"

Gemfile.lock

@@ -454,7 +454,7 @@ GEM
       rubyzip (>= 1.2.2, < 4.0)
       websocket (~> 1.0)
     semantic_range (3.1.1)
-    shakapacker (8.4.0)
+    shakapacker (10.3.1)
       activesupport (>= 5.2)
       package_json
       rack-proxy (>= 0.6.1)
@@ -580,7 +580,7 @@ DEPENDENCIES
   ruby-lsp
   ruby-lsp-rails
   selenium-webdriver (>= 4.31.0)
-  shakapacker (~> 8.2)
+  shakapacker (~> 10.3.1)
   sidekiq
   sqlite3 (~> 2.6)
   standard

config/shakapacker.yml

@@ -33,8 +33,8 @@ default: &default
   # Reload manifest.json on all requests so we reload latest compiled packs
   cache_manifest: false
 
-  # Select loader to use, available options are 'babel' (default), 'swc' or 'esbuild'
-  webpack_loader: 'babel'
+  # Select transpiler to use, available options are 'babel', 'swc' or 'esbuild'
+  javascript_transpiler: 'babel'
 
   # Set to true to enable check for matching versions of shakapacker gem and NPM package - will raise an error if there is a mismatch or wildcard versioning is used
   ensure_consistent_versioning: true

package.json

@@ -38,16 +38,16 @@
     "react-dom": "^18.3.1",
     "react-table": "^7.8.0",
     "sass": "1.77.6",
-    "sass-loader": "^13.3.3",
+    "sass-loader": "^16.0.8",
     "semver": "^7.8.5",
-    "shakapacker": "8.4.0",
+    "shakapacker": "10.3.1",
     "simplebar": "^6.3.3",
     "style-loader": "^3.3.4",
     "terser-webpack-plugin": "^5.6.1",
     "webpack": "^5.109.2",
     "webpack-assets-manifest": "^5.2.1",
     "webpack-cli": "^6.0.1",
-    "webpack-dev-server": "^4.15.2",
+    "webpack-dev-server": "^5.2.2",
     "webpack-merge": "^5.10.0"
   },
   "version": "0.1.0",