webpack working but no asset pipeline sprockets-rails

Author: Lordnibbler

.gitignore

@@ -45,3 +45,6 @@ storage
 
 /config/master.key
 config/credentials.yml.enc
+
+/app/assets/builds/*
+!/app/assets/builds/.keep

Gemfile

@@ -29,8 +29,8 @@ gem 'sendgrid-ruby' # Sending emails
 gem 'sitemap_generator' # generate sitemaps for submitting to search engines
 gem 'slim' # view templating
 gem 'uglifier'
-gem 'shakapacker', '~> 8'
 gem 'webrick' # web server for capybara and local dev
+gem 'jsbundling-rails'
 
 group :development do
   gem 'better_errors' # improved error pages

Gemfile.lock

@@ -242,6 +242,8 @@ GEM
       character_set (~> 1.4)
       regexp_parser (>= 2.6.2, < 3.0.0)
       regexp_property_values (~> 1.0)
+    jsbundling-rails (1.3.0)
+      railties (>= 6.0.0)
     json (2.7.1)
     kaminari (1.2.2)
       activesupport (>= 4.1.0)
@@ -307,7 +309,6 @@ GEM
       nenv (~> 0.1)
       shellany (~> 0.0)
     orm_adapter (0.5.0)
-    package_json (0.1.0)
     parallel (1.24.0)
     parser (3.3.0.5)
       ast (~> 2.4.1)
@@ -329,8 +330,6 @@ GEM
     pygments.rb (2.4.1)
     racc (1.8.0)
     rack (3.0.11)
-    rack-proxy (0.7.7)
-      rack
     rack-session (2.0.0)
       rack (>= 3.0.0)
     rack-test (2.1.0)
@@ -459,15 +458,8 @@ GEM
       rexml (~> 3.2, >= 3.2.5)
       rubyzip (>= 1.2.2, < 3.0)
       websocket (~> 1.0)
-    semantic_range (3.0.0)
     sendgrid-ruby (6.7.0)
       ruby_http_client (~> 3.4)
-    shakapacker (8.0.0)
-      activesupport (>= 5.2)
-      package_json
-      rack-proxy (>= 0.6.1)
-      railties (>= 5.2)
-      semantic_range (>= 2.3.0)
     shellany (0.0.1)
     sitemap_generator (6.3.0)
       builder (~> 3.0)
@@ -539,6 +531,7 @@ DEPENDENCIES
   humanize
   image_processing
   jbuilder
+  jsbundling-rails
   kaminari
   launchy
   mail_form
@@ -563,7 +556,6 @@ DEPENDENCIES
   rubocop-rails
   rubocop-rspec
   sendgrid-ruby
-  shakapacker (~> 8)
   sitemap_generator
   slim
   spring

Procfile.dev

@@ -0,0 +1,2 @@
+web: env RUBY_DEBUG_OPEN=true bin/rails server
+js: yarn build --watch

app/assets/builds/application.css

@@ -0,0 +1 @@
+//= link_tree ../builds

app/assets/builds/application.css.map

@@ -0,0 +1 @@
+// Entry point for the build script in your package.json

app/assets/builds/application.js

@@ -9,7 +9,7 @@
 
 
 // Uncomment to copy all static images under ../images to the output folder and reference
-// them with the image_pack_tag helper in views (e.g <%= image_pack_tag 'rails.png' %>)
+// them with the image_tag helper in views (e.g <%= image_tag 'rails.png' %>)
 // or the `imagePath` JavaScript helper below.
 //
 const images = require.context('../images', true);
@@ -21,8 +21,8 @@ const videoPath = (name) => videos(name, true);
 
 import 'core-js/stable';
 import 'regenerator-runtime/runtime';
-import "application.css";
-import "_pygment_monokai.sass";
+import "./application.css";
+import "./_pygment_monokai.sass";
 import * as Turbo from "@hotwired/turbo";
 
 // temporarily disable turbo until we can resolve page scrolling bug on iPadOS