Fixing on-demand CSS assets compliation

Procfile.dev

@@ -1,5 +1,5 @@
-web: env RUBY_DEBUG_OPEN=true bin/rails server
-js: yarn build --watch
-css: yarn watch:css
-browser: sleep 10 && open http://localhost:5000/ && while true; do sleep 100; echo .; done
+# vim: ft=yaml
+web: env RUBY_DEBUG_OPEN=true bin/rails server -p 3000
+js: yarn watch:js
 css: yarn watch:css
+browser: sleep 10 && open http://localhost:3000/ && while true; do sleep 100; echo .; done

app/assets/stylesheets/global.css.scss

@@ -151,11 +151,22 @@ form {
     max-width: 80%;
   }
 
+  input[type=text]#event_name {
+    width: 400px !important;
+    min-width: 400px !important;
+    font-size: 14pt;
+    background-color: green !important;
+  }
+
   input[type=text] {
     min-width: 100px;
+    width: 300px;
     text-align: left;
     padding-left: 10px;
-    width: 300px;
+  }
+
+  input[name="event[name]"] {
+    width: 500px !important;
   }
 
   input[type=submit] {

app/views/events/_form.html.haml

@@ -4,7 +4,7 @@
   %fieldset
     %legend Event Details
     = f.label :name, 'Event Name'
-    = f.text_field :name, class: 'input-large', required: true, maxlength: Event::MAX_NAME_LENGTH
+    = f.text_field :name, class: 'event-name', required: true, maxlength: Event::MAX_NAME_LENGTH
 
     = f.label :start_time, 'Start Time'
     = render partial: 'shared/datetime_field', locals: {form: f, name: "start_time", datetime: (@event.start_time || 1.day.from_now.beginning_of_day) }

config/database.yml

@@ -23,7 +23,6 @@ production:
   encoding: utf8
   host: localhost
   port: 5432
-  pool: 5
   username: postgres
   password: postgres
   database: ticketing_app_production

config/environments/development.rb

@@ -29,7 +29,6 @@
     config.public_file_server.headers = { 'Cache-Control' => "public, max-age=#{2.days.to_i}" }
   else
     config.action_controller.perform_caching = false
-
     config.cache_store = :null_store
   end
 
@@ -59,7 +58,7 @@
   config.active_job.verbose_enqueue_logs = true
 
   # Suppress logger output for asset requests.
-  config.assets.quiet = true
+  config.assets.quiet = false
 
   # Raises error for missing translations.
   # config.i18n.raise_on_missing_translations = true

package.json

@@ -50,6 +50,7 @@
     "dev": "tsc-watch --noClear -p tsconfig.json --onSuccess \"yarn build:js\" --onFailure \"yarn failure:js\"",
     "failure:js": "rm ./app/assets/builds/application.js && rm ./app/assets/builds/application.js.map",
     "watch:css": "nodemon --watch ./app/assets/stylesheets/ --ext scss --exec \"yarn build:css\"",
+    "watch:js": "nodemon --watch ./app/javascript/ --ext js --exec \"yarn build:js\"",
     "eslint:check": "yarn eslint .",
     "prettier:check": "yarn prettier --check ."
   },