Adjust asset pipeline

Issues found in deploy to cloud due to conflicting asset pipelines, etc.

Move to propshaft, js and css bundling, isolate uswds build

.circleci/config.yml

@@ -119,6 +119,7 @@ jobs:
           install-yarn: true
       - node/install-packages:
           pkg-manager: yarn
+      - run: npx gulp compile
       - run: echo -e $DEV_PRIVATE_KEY > dev_key.pem
       - run: echo -e $DEV_PUBLIC_CERT > dev_cert.pem
       - run: echo 'export CF_PASSWORD=$CF_PASSWORD_DEV' >> $BASH_ENV

Gemfile

@@ -7,17 +7,16 @@ ruby "3.2.4"
 # Bundle edge Rails instead: gem "rails", github: "rails/rails", branch: "main"
 gem "rails", "~> 7.1.3", ">= 7.1.3.4"
 
-# The original asset pipeline for Rails [https://github.com/rails/sprockets-rails]
-gem "sprockets-rails"
-
 # Use postgresql as the database for Active Record
 gem "pg"
 
 # Use the Puma web server [https://github.com/puma/puma]
 gem "puma", ">= 5.0"
 
-# Use JavaScript with ESM import maps [https://github.com/rails/importmap-rails]
-gem "importmap-rails"
+# Use simple asset pipeline
+gem "propshaft", "~> 0.9.0"
+gem "cssbundling-rails", "~> 1.4"
+gem "jsbundling-rails", "~> 1.3"
 
 # Hotwire's SPA-like page accelerator [https://turbo.hotwired.dev]
 gem "turbo-rails"
@@ -76,8 +75,3 @@ group :test do
   gem 'rspec_junit_formatter'
   gem 'simplecov'
 end
-
-gem "cssbundling-rails", "~> 1.4"
-
-# Use Sass to process CSS
-gem "sassc-rails"

Gemfile.lock

@@ -101,7 +101,7 @@ GEM
     concurrent-ruby (1.3.3)
     connection_pool (2.4.1)
     crass (1.0.6)
-    cssbundling-rails (1.4.0)
+    cssbundling-rails (1.4.1)
       railties (>= 6.0.0)
     date (3.3.4)
     debug (1.9.2)
@@ -111,26 +111,20 @@ GEM
     docile (1.1.5)
     drb (2.2.1)
     erubi (1.13.0)
-    ffi (1.17.0-aarch64-linux-gnu)
-    ffi (1.17.0-arm64-darwin)
-    ffi (1.17.0-x86_64-darwin)
-    ffi (1.17.0-x86_64-linux-gnu)
     foreman (0.88.1)
     globalid (1.2.1)
       activesupport (>= 6.1)
     i18n (1.14.5)
       concurrent-ruby (~> 1.0)
-    importmap-rails (2.0.1)
-      actionpack (>= 6.0.0)
-      activesupport (>= 6.0.0)
-      railties (>= 6.0.0)
     io-console (0.7.2)
     irb (1.14.0)
       rdoc (>= 4.0.0)
       reline (>= 0.4.2)
     jbuilder (2.12.0)
       actionview (>= 5.0.0)
       activesupport (>= 5.0.0)
+    jsbundling-rails (1.3.1)
+      railties (>= 6.0.0)
     json (2.7.2)
     language_server-protocol (3.17.0.3)
     logger (1.6.0)
@@ -171,6 +165,11 @@ GEM
       ast (~> 2.4.1)
       racc
     pg (1.5.6)
+    propshaft (0.9.0)
+      actionpack (>= 7.0.0)
+      activesupport (>= 7.0.0)
+      rack
+      railties (>= 7.0.0)
     psych (5.1.2)
       stringio
     public_suffix (6.0.0)
@@ -257,14 +256,6 @@ GEM
       parser (>= 3.3.1.0)
     ruby-progressbar (1.13.0)
     rubyzip (2.3.2)
-    sassc (2.4.0)
-      ffi (~> 1.9)
-    sassc-rails (2.1.2)
-      railties (>= 4.0.0)
-      sassc (>= 2.0)
-      sprockets (> 3.0)
-      sprockets-rails
-      tilt
     selenium-webdriver (4.23.0)
       base64 (~> 0.2)
       logger (~> 1.4)
@@ -276,19 +267,11 @@ GEM
       json (>= 1.8, < 3)
       simplecov-html (~> 0.10.0)
     simplecov-html (0.10.2)
-    sprockets (4.2.1)
-      concurrent-ruby (~> 1.0)
-      rack (>= 2.2.4, < 4)
-    sprockets-rails (3.5.1)
-      actionpack (>= 6.1)
-      activesupport (>= 6.1)
-      sprockets (>= 3.0.0)
     stimulus-rails (1.3.3)
       railties (>= 6.0.0)
     stringio (3.1.1)
     strscan (3.1.0)
     thor (1.3.1)
-    tilt (2.3.0)
     timeout (0.4.1)
     turbo-rails (2.0.6)
       actionpack (>= 6.0.0)
@@ -326,18 +309,17 @@ DEPENDENCIES
   cssbundling-rails (~> 1.4)
   debug
   foreman
-  importmap-rails
   jbuilder
+  jsbundling-rails (~> 1.3)
   pg
+  propshaft (~> 0.9.0)
   puma (>= 5.0)
   rails (~> 7.1.3, >= 7.1.3.4)
   rspec-rails
   rspec_junit_formatter
   rubocop
-  sassc-rails
   selenium-webdriver
   simplecov
-  sprockets-rails
   stimulus-rails
   turbo-rails
   tzinfo-data

Procfile.dev

@@ -1,2 +1,4 @@
 web: env RUBY_DEBUG_OPEN=true bin/rails server
 css: yarn build:css --watch
+js: yarn build --watch
+uswds: npx gulp watch

app/assets/stylesheets/application.sass.scss

@@ -1,9 +1 @@
 // Entry point for your Sass build
-// 1. Load your project's USWDS settings configuration
-@forward "../uswds/_uswds-theme.scss";
-
-// 2. Load USWDS source code
-@forward "uswds/_index.scss";
-
-// 3. Load theme customizations
-@forward "../uswds/_uswds-theme-custom-styles.scss"

app/assets/uswds/_uswds-theme-custom-styles.scss

@@ -20,4 +20,4 @@ i.e.
 ----------------------------------------
 */
 
-// @use "uswds-core" as *;
+@use "uswds-core" as *;

app/assets/uswds/_uswds-theme.scss

@@ -7,8 +7,7 @@ in the form $setting: value,
 ----------------------------------------
 */
 
-// @use "uswds-core" as *;
 @use "uswds-core" with (
-  $theme-font-path: "./assets/fonts",
-  $theme-image-path: "./assets/images",
-);
+  $theme-image-path: "images",
+  $theme-font-path: "fonts"
+)