tools: Auto-rebuild webpack assets with foreman.

Author: jnms-me

Dockerfile.development

@@ -54,7 +54,7 @@ set -eu
 ln -s /node_modules node_modules
 
 bundle exec rake db:migrate
-bundle exec rails server -b 0.0.0.0 -p 80 || true
+./bin/dev || true
 
 echo "Rails exited, sleeping indefinitely so dev shells don't die."
 sleep inf

Gemfile

@@ -117,6 +117,9 @@ group :development do
   gem "rubocop-rails"
   gem "rubocop-rspec"
   gem "rubocop-rspec_rails"
+
+  # For ./bin/dev
+  gem "foreman"
 end
 
 # Development/Test shared dependencies

Gemfile.lock

@@ -165,6 +165,8 @@ GEM
     ffi (1.17.2-x86_64-linux-musl)
     font-awesome-sass (5.15.1)
       sassc (>= 1.11)
+    foreman (0.90.0)
+      thor (~> 1.4)
     friendly_id (5.6.0)
       activerecord (>= 4.0.0)
     globalid (1.3.0)
@@ -513,6 +515,7 @@ DEPENDENCIES
   factory_bot_rails
   faker
   font-awesome-sass (~> 5.15)
+  foreman
   friendly_id
   httparty
   identicon (= 0.0.5)

Procfile.dev

@@ -1,2 +1,2 @@
-web: env RUBY_DEBUG_OPEN=true bin/rails server
-js: yarn build --watch
+rails: env RUBY_DEBUG_OPEN=true ./bin/rails server --binding=0.0.0.0 --port=3000
+webpack: npm run watch

README.md

@@ -38,10 +38,10 @@ See the `Makefile` for all commands.
 > Note: the tool versions in nix are not entirely correct.
 
 1. Install gems: `bundle install`
-2. Migrate the db using `bundle exec rails db:migrate`
-3. Seed the db using `bundle exec rails db:seed`
-4. Run `rake webpacker:compile`
-5. Start Tap by running `bundle exec rails s`
+1. Install npm packages: `npm i`
+2. Initialize and migrate the db: `bundle exec rails db:migrate`
+3. Seed the db: `bundle exec rails db:seed`
+5. Start Tap: `./bin/dev`
 
 ## Deploy to production
 

bin/dev

@@ -1,11 +1,3 @@
 #!/usr/bin/env sh
 
-if gem list --no-installed --exact --silent foreman; then
-  echo "Installing foreman..."
-  gem install foreman
-fi
-
-# Default to port 3000 if not specified
-export PORT="${PORT:-3000}"
-
 exec foreman start -f Procfile.dev --env /dev/null "$@"

compose.development.yml

@@ -6,7 +6,7 @@ services:
       dockerfile: Dockerfile.development
       target: development
     ports:
-      - "127.0.0.1:3000:80"
+      - "127.0.0.1:3000:3000"
     volumes:
       - "./:/tap"
 #      - "${HOME}/.ssh:/root/.ssh:ro"

package.json

@@ -1,11 +1,12 @@
 {
   "name": "app",
   "private": true,
-  "scripts": {
-    "build": "webpack --config webpack.config.js"
-  },
   "dependencies": {
     "webpack": "^5.104.1",
     "webpack-cli": "^6.0.1"
+  },
+  "scripts": {
+    "build": "webpack --config webpack.config.js",
+    "watch": "webpack --config webpack.config.js --watch"
   }
 }