Improve development setup and webpack configuration

- Increase Procfile.dev sleep timers from 5s to 15s to ensure ReScript initial build completes
- Comment out redis-server in Procfile (run as system service instead)
- Add locale generation to build_production_command
- Change dev_server.https to dev_server.server in shakapacker.yml
- Disable ReactRefreshWebpackPlugin for rspack compatibility
- Add comments documenting Procfile processes

Related to precompile hook coordination issues:
- shakacode/shakapacker#849
- shakacode/react_on_rails#2090
- shakacode/react_on_rails#2091

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: justin808

Procfile.dev

@@ -1,8 +1,10 @@
 # Procfile for development using HMR
 # You can run these commands in separate shells
+# ReScript: clean and rebuild, then watch for changes
 rescript: yarn res:dev
-redis: redis-server
+# redis: redis-server  # Run Redis as a system service instead (brew services start redis)
 rails: bundle exec thrust bin/rails server -p 3000
 # Sleep to allow rescript files to compile before starting webpack
-wp-client: sleep 5 &&  RAILS_ENV=development NODE_ENV=development bin/shakapacker-dev-server
-wp-server: sleep 5 && bundle exec rake react_on_rails:locale && HMR=true SERVER_BUNDLE_ONLY=yes bin/shakapacker --watch
+# Increased sleep time to ensure rescript initial build completes
+wp-client: sleep 15 &&  RAILS_ENV=development NODE_ENV=development bin/shakapacker-dev-server
+wp-server: sleep 15 && bundle exec rake react_on_rails:locale && HMR=true SERVER_BUNDLE_ONLY=yes bin/shakapacker --watch

config/initializers/react_on_rails.rb

@@ -6,8 +6,9 @@
   config.components_subdirectory = "ror_components"
   config.auto_load_bundle = true
 
+  # Build commands with locale generation
   config.build_test_command = "RAILS_ENV=test bin/shakapacker"
-  config.build_production_command = "RAILS_ENV=production NODE_ENV=production bin/shakapacker"
+  config.build_production_command = "bundle exec rake react_on_rails:locale && RAILS_ENV=production NODE_ENV=production bin/shakapacker"
 
   # This is the file used for server rendering of React when using `(prerender: true)`
   # If you are never using server rendering, you may set this to "".

config/shakapacker.yml

@@ -28,7 +28,7 @@ development:
 
   # Reference: https://webpack.js.org/configuration/dev-server/
   dev_server:
-    https: false
+    server: http
     host: localhost
     port: 3035
     # Hot Module Replacement updates modules while the application is running without a full reload

config/webpack/development.js

@@ -3,7 +3,7 @@
 
 process.env.NODE_ENV = process.env.NODE_ENV || 'development';
 
-const { devServer, inliningCss } = require('shakapacker');
+const { devServer, inliningCss, config } = require('shakapacker');
 
 const webpackConfig = require('./webpackConfig');
 
@@ -13,15 +13,19 @@ const developmentEnvOnly = (clientWebpackConfig, _serverWebpackConfig) => {
     // Note, when this is run, we're building the server and client bundles in separate processes.
     // Thus, this plugin is not applied to the server bundle.
 
-    // eslint-disable-next-line global-require
-    const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
-    clientWebpackConfig.plugins.push(
-      new ReactRefreshWebpackPlugin({
-        overlay: {
-          sockPort: devServer.port,
-        },
-      }),
-    );
+    // ReactRefreshWebpackPlugin is not compatible with rspack
+    const isRspack = config.assets_bundler === 'rspack';
+    if (!isRspack) {
+      // eslint-disable-next-line global-require
+      const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
+      clientWebpackConfig.plugins.push(
+        new ReactRefreshWebpackPlugin({
+          overlay: {
+            sockPort: devServer.port,
+          },
+        }),
+      );
+    }
   }
 };