run scaffold, migrate, webpack - server is broken for some reason

.browserslistrc

@@ -0,0 +1 @@
+defaults

README.md

@@ -39,7 +39,7 @@ Things you may want to cover:
 1. rails db:create # requires running local postgres
 1. rails generate scaffold Case case_number:string teen_program_eligible:boolean
 1. rake db:migrate
-1. Yarn not installed. Please download and install Yarn from https://yarnpkg.com/lang/en/docs/install/
+1. brew install yarm OR https://yarnpkg.com/lang/en/docs/install/
 1. rails webpacker:install
 1. rails server
 

app/assets/stylesheets/cases.scss

@@ -0,0 +1,3 @@
+// Place all the styles related to the Cases controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: https://sass-lang.com/

app/assets/stylesheets/scaffolds.scss

@@ -0,0 +1,65 @@
+body {
+  background-color: #fff;
+  color: #333;
+  margin: 33px; }
+
+body, p, ol, ul, td {
+  font-family: verdana, arial, helvetica, sans-serif;
+  font-size: 13px;
+  line-height: 18px; }
+
+pre {
+  background-color: #eee;
+  padding: 10px;
+  font-size: 11px; }
+
+a {
+  color: #000; }
+
+a:visited {
+  color: #666; }
+
+a:hover {
+  color: #fff;
+  background-color: #000; }
+
+th {
+  padding-bottom: 5px; }
+
+td {
+  padding: 0 5px 7px; }
+
+div.field,
+div.actions {
+  margin-bottom: 10px; }
+
+#notice {
+  color: green; }
+
+.field_with_errors {
+  padding: 2px;
+  background-color: red;
+  display: table; }
+
+#error_explanation {
+  width: 450px;
+  border: 2px solid red;
+  padding: 7px 7px 0;
+  margin-bottom: 20px;
+  background-color: #f0f0f0; }
+
+#error_explanation h2 {
+  text-align: left;
+  font-weight: bold;
+  padding: 5px 5px 5px 15px;
+  font-size: 12px;
+  margin: -7px -7px 0;
+  background-color: #c00;
+  color: #fff; }
+
+#error_explanation ul li {
+  font-size: 12px;
+  list-style: square; }
+
+label {
+  display: block; }

app/controllers/cases_controller.rb

@@ -0,0 +1,74 @@
+class CasesController < ApplicationController
+  before_action :set_case, only: [:show, :edit, :update, :destroy]
+
+  # GET /cases
+  # GET /cases.json
+  def index
+    @cases = Case.all
+  end
+
+  # GET /cases/1
+  # GET /cases/1.json
+  def show
+  end
+
+  # GET /cases/new
+  def new
+    @case = Case.new
+  end
+
+  # GET /cases/1/edit
+  def edit
+  end
+
+  # POST /cases
+  # POST /cases.json
+  def create
+    @case = Case.new(case_params)
+
+    respond_to do |format|
+      if @case.save
+        format.html { redirect_to @case, notice: 'Case was successfully created.' }
+        format.json { render :show, status: :created, location: @case }
+      else
+        format.html { render :new }
+        format.json { render json: @case.errors, status: :unprocessable_entity }
+      end
+    end
+  end
+
+  # PATCH/PUT /cases/1
+  # PATCH/PUT /cases/1.json
+  def update
+    respond_to do |format|
+      if @case.update(case_params)
+        format.html { redirect_to @case, notice: 'Case was successfully updated.' }
+        format.json { render :show, status: :ok, location: @case }
+      else
+        format.html { render :edit }
+        format.json { render json: @case.errors, status: :unprocessable_entity }
+      end
+    end
+  end
+
+  # DELETE /cases/1
+  # DELETE /cases/1.json
+  def destroy
+    @case.destroy
+    respond_to do |format|
+      format.html { redirect_to cases_url, notice: 'Case was successfully destroyed.' }
+      format.json { head :no_content }
+    end
+  end
+
+  private
+    # Use callbacks to share common setup or constraints between actions.
+    def set_case
+      @case = Case.find(params[:id])
+    end
+
+    # Only allow a list of trusted parameters through.
+    def case_params
+      params.require(:case).permit(:case_number, :teen_program_eligible)
+    end
+end

app/helpers/cases_helper.rb

@@ -0,0 +1,2 @@
+module CasesHelper
+end

app/models/case.rb

@@ -0,0 +1,2 @@
+class Case < ApplicationRecord
+end

app/views/cases/_case.json.jbuilder

@@ -0,0 +1,2 @@
+json.extract! case, :id, :case_number, :teen_program_eligible, :created_at, :updated_at
+json.url case_url(case, format: :json)

app/views/cases/_form.html.erb

@@ -0,0 +1,27 @@
+<%= form_with(model: case, local: true) do |form| %>
+  <% if case.errors.any? %>
+    <div id="error_explanation">
+      <h2><%= pluralize(case.errors.count, "error") %> prohibited this case from being saved:</h2>
+
+      <ul>
+        <% case.errors.full_messages.each do |message| %>
+          <li><%= message %></li>
+        <% end %>
+      </ul>
+    </div>
+  <% end %>
+
+  <div class="field">
+    <%= form.label :case_number %>
+    <%= form.text_field :case_number %>
+  </div>
+
+  <div class="field">
+    <%= form.label :teen_program_eligible %>
+    <%= form.check_box :teen_program_eligible %>
+  </div>
+
+  <div class="actions">
+    <%= form.submit %>
+  </div>
+<% end %>

app/views/cases/edit.html.erb

@@ -0,0 +1,6 @@
+<h1>Editing Case</h1>
+
+<%= render 'form', case: @case %>
+
+<%= link_to 'Show', @case %> |
+<%= link_to 'Back', cases_path %>

app/views/cases/index.html.erb

@@ -0,0 +1,29 @@
+<p id="notice"><%= notice %></p>
+
+<h1>Cases</h1>
+
+<table>
+  <thead>
+    <tr>
+      <th>Case number</th>
+      <th>Teen program eligible</th>
+      <th colspan="3"></th>
+    </tr>
+  </thead>
+
+  <tbody>
+    <% @cases.each do |case| %>
+      <tr>
+        <td><%= case.case_number %></td>
+        <td><%= case.teen_program_eligible %></td>
+        <td><%= link_to 'Show', case %></td>
+        <td><%= link_to 'Edit', edit_case_path(case) %></td>
+        <td><%= link_to 'Destroy', case, method: :delete, data: { confirm: 'Are you sure?' } %></td>
+      </tr>
+    <% end %>
+  </tbody>
+</table>
+
+<br>
+
+<%= link_to 'New Case', new_case_path %>

app/views/cases/index.json.jbuilder

@@ -0,0 +1 @@
+json.array! @cases, partial: "cases/case", as: :case

app/views/cases/new.html.erb

@@ -0,0 +1,5 @@
+<h1>New Case</h1>
+
+<%= render 'form', case: @case %>
+
+<%= link_to 'Back', cases_path %>

app/views/cases/show.html.erb

@@ -0,0 +1,14 @@
+<p id="notice"><%= notice %></p>
+
+<p>
+  <strong>Case number:</strong>
+  <%= @case.case_number %>
+</p>
+
+<p>
+  <strong>Teen program eligible:</strong>
+  <%= @case.teen_program_eligible %>
+</p>
+
+<%= link_to 'Edit', edit_case_path(@case) %> |
+<%= link_to 'Back', cases_path %>

app/views/cases/show.json.jbuilder

@@ -0,0 +1 @@
+json.partial! "cases/case", case: @case

babel.config.js

@@ -0,0 +1,72 @@
+module.exports = function(api) {
+  var validEnv = ['development', 'test', 'production']
+  var currentEnv = api.env()
+  var isDevelopmentEnv = api.env('development')
+  var isProductionEnv = api.env('production')
+  var isTestEnv = api.env('test')
+
+  if (!validEnv.includes(currentEnv)) {
+    throw new Error(
+      'Please specify a valid `NODE_ENV` or ' +
+        '`BABEL_ENV` environment variables. Valid values are "development", ' +
+        '"test", and "production". Instead, received: ' +
+        JSON.stringify(currentEnv) +
+        '.'
+    )
+  }
+
+  return {
+    presets: [
+      isTestEnv && [
+        '@babel/preset-env',
+        {
+          targets: {
+            node: 'current'
+          }
+        }
+      ],
+      (isProductionEnv || isDevelopmentEnv) && [
+        '@babel/preset-env',
+        {
+          forceAllTransforms: true,
+          useBuiltIns: 'entry',
+          corejs: 3,
+          modules: false,
+          exclude: ['transform-typeof-symbol']
+        }
+      ]
+    ].filter(Boolean),
+    plugins: [
+      'babel-plugin-macros',
+      '@babel/plugin-syntax-dynamic-import',
+      isTestEnv && 'babel-plugin-dynamic-import-node',
+      '@babel/plugin-transform-destructuring',
+      [
+        '@babel/plugin-proposal-class-properties',
+        {
+          loose: true
+        }
+      ],
+      [
+        '@babel/plugin-proposal-object-rest-spread',
+        {
+          useBuiltIns: true
+        }
+      ],
+      [
+        '@babel/plugin-transform-runtime',
+        {
+          helpers: false,
+          regenerator: true,
+          corejs: false
+        }
+      ],
+      [
+        '@babel/plugin-transform-regenerator',
+        {
+          async: false
+        }
+      ]
+    ].filter(Boolean)
+  }
+}

bin/webpack

@@ -0,0 +1,18 @@
+#!/usr/bin/env ruby
+
+ENV["RAILS_ENV"] ||= ENV["RACK_ENV"] || "development"
+ENV["NODE_ENV"]  ||= "development"
+
+require "pathname"
+ENV["BUNDLE_GEMFILE"] ||= File.expand_path("../../Gemfile",
+  Pathname.new(__FILE__).realpath)
+
+require "bundler/setup"
+
+require "webpacker"
+require "webpacker/webpack_runner"
+
+APP_ROOT = File.expand_path("..", __dir__)
+Dir.chdir(APP_ROOT) do
+  Webpacker::WebpackRunner.run(ARGV)
+end

bin/webpack-dev-server

@@ -0,0 +1,18 @@
+#!/usr/bin/env ruby
+
+ENV["RAILS_ENV"] ||= ENV["RACK_ENV"] || "development"
+ENV["NODE_ENV"]  ||= "development"
+
+require "pathname"
+ENV["BUNDLE_GEMFILE"] ||= File.expand_path("../../Gemfile",
+  Pathname.new(__FILE__).realpath)
+
+require "bundler/setup"
+
+require "webpacker"
+require "webpacker/dev_server_runner"
+
+APP_ROOT = File.expand_path("..", __dir__)
+Dir.chdir(APP_ROOT) do
+  Webpacker::DevServerRunner.run(ARGV)
+end

config/routes.rb

@@ -1,3 +1,4 @@
 Rails.application.routes.draw do
+  resources :cases
   # For details on the DSL available within this file, see https://guides.rubyonrails.org/routing.html
 end

config/webpack/development.js

@@ -0,0 +1,5 @@
+process.env.NODE_ENV = process.env.NODE_ENV || 'development'
+
+const environment = require('./environment')
+
+module.exports = environment.toWebpackConfig()

config/webpack/environment.js

@@ -0,0 +1,3 @@
+const { environment } = require('@rails/webpacker')
+
+module.exports = environment

config/webpack/production.js

@@ -0,0 +1,5 @@
+process.env.NODE_ENV = process.env.NODE_ENV || 'production'
+
+const environment = require('./environment')
+
+module.exports = environment.toWebpackConfig()

config/webpack/test.js

@@ -0,0 +1,5 @@
+process.env.NODE_ENV = process.env.NODE_ENV || 'development'
+
+const environment = require('./environment')
+
+module.exports = environment.toWebpackConfig()