complete overhaul of app to use vite / remove webpacker / upgrade ruby & rails / add playwright

Author: carlomunguia

.github/workflows/test.yml

@@ -0,0 +1,169 @@
+name: Rails Tests with Playwright
+
+on:
+  push:
+    branches: [ main, develop ]
+  pull_request:
+    branches: [ main, develop ]
+
+env:
+  RAILS_ENV: test
+  NODE_ENV: test
+  DATABASE_URL: postgres://postgres:postgres@localhost:5432/quik_course_test
+  REDIS_URL: redis://localhost:6379/0
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    
+    services:
+      postgres:
+        image: postgres:15
+        env:
+          POSTGRES_USER: postgres
+          POSTGRES_PASSWORD: postgres
+          POSTGRES_DB: quik_course_test
+        ports:
+          - 5432:5432
+        options: >-
+          --health-cmd pg_isready
+          --health-interval 10s
+          --health-timeout 5s
+          --health-retries 5
+
+      redis:
+        image: redis:7-alpine
+        ports:
+          - 6379:6379
+        options: >-
+          --health-cmd "redis-cli ping"
+          --health-interval 10s
+          --health-timeout 5s
+          --health-retries 5
+
+    steps:
+    - name: Checkout code
+      uses: actions/checkout@v4
+
+    - name: Set up Ruby
+      uses: ruby/setup-ruby@v1
+      with:
+        ruby-version: 3.4.7
+        bundler-cache: true
+
+    - name: Set up Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: '20'
+        cache: 'yarn'
+
+    - name: Install dependencies
+      run: |
+        bundle install --jobs 4 --retry 3
+        yarn install --frozen-lockfile
+
+    - name: Install Playwright browsers
+      run: npx playwright install --with-deps
+
+    - name: Set up database
+      run: |
+        bin/rails db:create db:schema:load db:seed
+
+    - name: Build assets
+      run: bin/vite build
+
+    - name: Run RSpec tests (non-system)
+      run: bundle exec rspec --exclude-pattern "spec/system/**/*"
+
+    - name: Run Playwright system tests
+      run: |
+        # Start Rails server in background for testing
+        RAILS_ENV=test bin/rails server -p 3001 -d
+        
+        # Wait for server to start
+        sleep 10
+        
+        # Run RSpec system tests with Playwright
+        bundle exec rspec spec/system/playwright --format documentation
+        
+        # Stop Rails server
+        pkill -f "rails server"
+      env:
+        PLAYWRIGHT_BASE_URL: http://localhost:3001
+        PLAYWRIGHT_HEADLESS: true
+
+    - name: Upload Playwright artifacts
+      uses: actions/upload-artifact@v4
+      if: failure()
+      with:
+        name: playwright-results
+        path: |
+          tmp/screenshots/
+          tmp/playwright-report/
+          tmp/playwright-results.json
+        retention-days: 7
+
+    - name: Upload test coverage
+      if: always()
+      uses: actions/upload-artifact@v4
+      with:
+        name: coverage-report
+        path: coverage/
+        retention-days: 7
+
+  lint:
+    runs-on: ubuntu-latest
+    steps:
+    - name: Checkout code
+      uses: actions/checkout@v4
+
+    - name: Set up Ruby
+      uses: ruby/setup-ruby@v1
+      with:
+        ruby-version: 3.4.7
+        bundler-cache: true
+
+    - name: Set up Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: '20'
+        cache: 'yarn'
+
+    - name: Install dependencies
+      run: |
+        bundle install --jobs 4 --retry 3
+        yarn install --frozen-lockfile
+
+    - name: Run RuboCop
+      run: bundle exec rubocop --parallel
+
+    - name: Run Brakeman security scan
+      run: bundle exec brakeman --no-pager
+
+    - name: Run Bundle Audit
+      run: bundle exec bundle-audit check --update
+
+  build:
+    runs-on: ubuntu-latest
+    steps:
+    - name: Checkout code
+      uses: actions/checkout@v4
+
+    - name: Set up Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: '20'
+        cache: 'yarn'
+
+    - name: Install dependencies
+      run: yarn install --frozen-lockfile
+
+    - name: Build assets
+      run: yarn build
+
+    - name: Upload build artifacts
+      uses: actions/upload-artifact@v4
+      with:
+        name: vite-assets
+        path: public/vite/
+        retention-days: 1

.rspec

@@ -0,0 +1 @@
+--require spec_helper

.rubocop.yml

@@ -0,0 +1,30 @@
+require:
+  - rubocop-rails
+  - rubocop-performance
+
+AllCops:
+  TargetRubyVersion: 3.4
+  NewCops: enable
+  Exclude:
+    - 'db/**/*'
+    - 'config/**/*'
+    - 'bin/**/*'
+    - 'node_modules/**/*'
+    - 'tmp/**/*'
+    - 'vendor/**/*'
+    - 'log/**/*'
+    - 'storage/**/*'
+
+Style/Documentation:
+  Enabled: false
+
+Metrics/MethodLength:
+  Max: 15
+
+Metrics/BlockLength:
+  Exclude:
+    - 'spec/**/*'
+    - 'config/routes.rb'
+
+Layout/LineLength:
+  Max: 120

.ruby-version

@@ -1 +1 @@
-ruby-3.1.2
+3.4.7

Gemfile

@@ -1,23 +1,25 @@
 source 'https://rubygems.org'
 git_source(:github) { |repo| "https://github.com/#{repo}.git" }
 
-ruby '3.2.0'
+ruby '3.4.7'
 
 # Bundle edge Rails instead: gem 'rails', github: 'rails/rails', branch: 'main'
-gem 'rails', '6.1.7.2'
+gem 'rails', '8.0.3'
 # Use postgresql as the database for Active Record
 gem 'pg', '~> 1.1'
 # Use Puma as the app server
-gem 'puma', '~> 5.0'
+gem 'puma', '~> 6.0'
 # Use SCSS for stylesheets
-# Transpile app-like JavaScript. Read more: https://github.com/rails/webpacker
-gem 'webpacker', '~> 5.0'
-# Turbolinks makes navigating your web application faster. Read more: https://github.com/turbolinks/turbolinks
-gem 'turbolinks', '~> 5'
+# Use Vite for frontend asset management
+gem 'vite_rails'
+# Turbo makes navigating your web application faster. Read more: https://hotwired.dev
+gem 'turbo-rails', '~> 2.0'
+gem 'stimulus-rails', '~> 1.3'
 # Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder
-gem 'jbuilder', '~> 2.7'
-# Use Redis adapter to run Action Cable in production
-# gem 'redis', '~> 4.0'
+gem 'jbuilder', '~> 2.12'
+# Use Redis adapter to run Action Cable in production and caching
+gem 'redis', '~> 5.0'
+gem 'hiredis', '~> 0.6.3'  # Faster Redis client
 # Use Active Model has_secure_password
 # gem 'bcrypt', '~> 3.1.7'
 
@@ -30,6 +32,11 @@ gem 'bootsnap', '>= 1.4.4', require: false
 group :development, :test do
   # Call 'byebug' anywhere in the code to stop execution and get a debugger console
   gem 'byebug', platforms: [:mri, :mingw, :x64_mingw]
+  
+  # Modern Testing Framework
+  gem 'rspec-rails', '~> 6.1'
+  gem 'factory_bot_rails', '~> 6.4'
+  gem 'shoulda-matchers', '~> 6.0'
 end
 
 group :development do
@@ -49,26 +56,55 @@ group :test do
   gem 'selenium-webdriver', '>= 4.0.0.rc1'
   # Easy installation and use of web drivers to run system tests with browsers
   gem 'webdrivers'
+  # Playwright integration for modern end-to-end testing
+  gem 'playwright-ruby-client', '~> 1.44'
 end
 
 # Windows does not include zoneinfo files, so bundle the tzinfo-data gem
 gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby]
 
 group :development do
   gem "ruby-lsp", require: false
+  
+  # Code Quality & Security
+  gem 'rubocop', '~> 1.60', require: false
+  gem 'rubocop-rails', '~> 2.23', require: false
+  gem 'rubocop-performance', '~> 1.20', require: false
+  gem 'brakeman', '~> 6.0', require: false
+  gem 'bundle-audit', '~> 0.1.0', require: false
+  gem 'rails_best_practices', '~> 1.23', require: false
+  
+  # Performance monitoring (development)
+  gem 'bullet', '~> 8.0'  # N+1 query detection (Rails 8 compatible)
 end
 
 gem 'net-smtp'
 gem 'erb-formatter'
 gem 'haml-rails'
 gem 'simple_form'
 gem 'faker'
-gem 'devise'
+gem 'devise', '~> 4.9'
 gem 'friendly_id'
-gem 'ransack'
+
+# Modern Security & Authentication
+gem 'devise-two-factor', '~> 6.1'  # 2FA support (Rails 8 compatible)
+gem 'rqrcode', '~> 2.0'  # QR codes for 2FA
+gem 'rack-attack', '~> 6.7'  # Rate limiting
+gem 'secure_headers', '~> 6.5'  # Security headers
+gem 'ransack', '~> 4.0'
 gem 'public_activity'
 gem 'rolify'
 gem 'pundit'
 gem 'pagy'
 
+# Modern CSS & Performance
 gem "dartsass-rails", "~> 0.4.0"
+gem 'image_processing', '~> 1.2'  # For Active Storage variants
+
+# API & Serialization
+gem 'fast_jsonapi', '~> 1.5'
+
+# Performance & Monitoring
+# Note: redis-rails not needed in Rails 8 - Redis integration is built-in
+gem 'skylight', '~> 6.0'  # Performance monitoring (comment out if using New Relic)
+# gem 'newrelic_rpm'  # Alternative: New Relic (uncomment if preferred)