WIP

.gitignore

@@ -34,3 +34,11 @@ yarn-debug.log*
 
 /app/assets/builds/*
 !/app/assets/builds/.keep
+
+# Vite Ruby
+/public/vite*
+node_modules
+# Vite uses dotenv and suggests to ignore local-only env files. See
+# https://vitejs.dev/guide/env-and-mode.html#env-files
+*.local
+

Gemfile

@@ -21,7 +21,7 @@ gem 'redcarpet'
 gem "dartsass-rails", "~> 0.5.0"
 gem 'validates_email_format_of'
 gem 'warden' # use for auth
-gem 'webpacker', '6.0.0.rc.6'
+gem 'vite_rails'
 gem 'sprockets-rails' # as of Rails 7.0, this is optional
 
 group :production do

Gemfile.lock

@@ -134,6 +134,7 @@ GEM
     diff-lcs (1.5.1)
     docile (1.4.1)
     drb (2.2.1)
+    dry-cli (1.2.0)
     erubi (1.13.0)
     factory_bot (6.5.0)
       activesupport (>= 5.0.0)
@@ -235,6 +236,7 @@ GEM
     minitest (5.25.4)
     multi_xml (0.7.1)
       bigdecimal (~> 3.1)
+    mutex_m (0.3.0)
     nenv (0.3.0)
     net-imap (0.5.1)
       date
@@ -403,7 +405,6 @@ GEM
     sass-embedded (1.82.0-x86_64-linux-gnu)
       google-protobuf (~> 4.28)
     securerandom (0.4.0)
-    semantic_range (3.1.0)
     shellany (0.0.1)
     simplecov (0.22.0)
       docile (~> 1.1)
@@ -435,6 +436,15 @@ GEM
     validates_email_format_of (1.8.2)
       i18n (>= 0.8.0)
       simpleidn
+    vite_rails (3.0.19)
+      railties (>= 5.1, < 9)
+      vite_ruby (~> 3.0, >= 3.2.2)
+    vite_ruby (3.9.1)
+      dry-cli (>= 0.7, < 2)
+      logger (~> 1.6)
+      mutex_m
+      rack-proxy (~> 0.6, >= 0.6.1)
+      zeitwerk (~> 2.2)
     warden (1.2.9)
       rack (>= 2.0.9)
     web-console (4.2.1)
@@ -446,11 +456,6 @@ GEM
       addressable (>= 2.8.0)
       crack (>= 0.3.2)
       hashdiff (>= 0.4.0, < 2.0.0)
-    webpacker (6.0.0.rc.6)
-      activesupport (>= 5.2)
-      rack-proxy (>= 0.6.1)
-      railties (>= 5.2)
-      semantic_range (>= 2.3.0)
     websocket-driver (0.7.6)
       websocket-extensions (>= 0.1.0)
     websocket-extensions (0.1.5)
@@ -505,10 +510,10 @@ DEPENDENCIES
   sprockets-rails
   tzinfo-data
   validates_email_format_of
+  vite_rails
   warden
   web-console
   webmock
-  webpacker (= 6.0.0.rc.6)
 
 RUBY VERSION
    ruby 3.3.5p100

Procfile.dev

@@ -1,3 +1,3 @@
-js: bin/webpack-dev-server
+vite: bin/vite dev
 web: bundle exec rails server -p 3000
 css: bin/rails dartsass:watch

app/packs/postcss.config.js

@@ -0,0 +1,9 @@
+module.exports = {
+  plugins: [
+    require('postcss-import'),
+    require('tailwindcss')('./app/packs/src/tailwind.config.js'),
+    require('autoprefixer'),
+    require('postcss-flexbugs-fixes'),
+    require('postcss-preset-env'),
+  ]
+}

app/packs/styles/admin.scss

@@ -1,9 +1,11 @@
-.member-list {
-  @apply mx-4;
+@layer components {
+  .member-list {
+    @apply mx-4;
 
-  td, th {
-    vertical-align: top;
-    padding: 0.35em;
-    text-align: left;
+    td, th {
+      vertical-align: top;
+      padding: 0.35em;
+      text-align: left;
+    }
   }
 }