railsui 3.2.7 → 3.3.0

data/lib/railsui/version.rb

@@ -1,3 +1,3 @@
 module Railsui
-  VERSION = "3.2.7"
+  VERSION = "3.3.0"
 end

data/lib/railsui.rb

@@ -4,6 +4,7 @@ require "railsui/version"
 require "railsui/engine"
 require "railsui_icon"
 require "meta-tags"
+require "tailwindcss-rails"
 
 module Railsui
   autoload :Configuration, "railsui/configuration"
@@ -29,15 +30,17 @@ module Railsui
   end
 
   def self.build_css
-    if File.exist?("#{Rails.root}/package.json")
-      package_json = JSON.parse(File.read("#{Rails.root}/package.json"))
-      if package_json["scripts"] && package_json["scripts"]["build:css"]
-        run_command "yarn build:css"
-      else
-        puts "'build:css' script not found in package.json, skipping"
+    # Use tailwindcss-rails gem for all CSS compilation (unified approach)
+    if defined?(Tailwindcss)
+      run_command "rails tailwindcss:build"
+
+      # Touch the built CSS file to update its timestamp and bust browser cache
+      css_file = Rails.root.join("app/assets/builds/tailwind.css")
+      if File.exist?(css_file)
+        FileUtils.touch(css_file)
       end
     else
-      puts "package.json not found in the application root, skipping"
+      puts "tailwindcss-rails gem not found. Please install it to build CSS."
     end
   end
 

data/lib/tasks/install.rake

@@ -1,6 +1,12 @@
 namespace :railsui do
-  desc 'Install Rails UI'
-  task :install do
-    system("#{RbConfig.ruby} ./bin/rails g railsui:install")
+  desc 'Install Rails UI (use --build for build mode, default is importmap)'
+  task :install, [:build_flag] do |t, args|
+    # Check if --build flag is present in ARGV
+    build_flag = ARGV.include?('--build') ? '--build' : ''
+
+    system("#{RbConfig.ruby} ./bin/rails g railsui:install #{build_flag}")
+
+    # Exit after running to prevent rake from trying to run additional tasks
+    exit(0)
   end
 end

data/lib/tasks/migrate.rake

@@ -0,0 +1,219 @@
+namespace :railsui do
+  desc 'Migrate from cssbundling-rails to tailwindcss-rails'
+  task :migrate_to_tailwindcss_rails do
+    puts "🔄 Migrating Rails UI to use tailwindcss-rails gem..."
+    puts ""
+
+    # Check if cssbundling-rails is present
+    has_cssbundling = Gem::Specification.find_all_by_name('cssbundling-rails').any?
+
+    if has_cssbundling
+      puts "✓ Detected cssbundling-rails - will migrate to tailwindcss-rails"
+    else
+      puts "ℹ️  cssbundling-rails not found - you may already be using tailwindcss-rails"
+    end
+
+    puts ""
+    puts "This migration will:"
+    puts "  1. Install tailwindcss-rails gem (if not already installed)"
+    puts "  2. Remove Tailwind CSS from package.json"
+    puts "  3. Update Procfile.dev to use tailwindcss-rails"
+    puts "  4. Keep your JavaScript bundling setup intact"
+    puts ""
+    puts "Your current build mode will be preserved (JS bundling continues working)"
+    puts ""
+
+    print "Continue? (y/n): "
+    response = STDIN.gets.chomp.downcase
+
+    unless response == 'y'
+      puts "❌ Migration cancelled"
+      exit
+    end
+
+    puts ""
+    puts "Starting migration..."
+    puts ""
+
+    begin
+      # Step 1: Install tailwindcss-rails
+      unless Gem::Specification.find_all_by_name('tailwindcss-rails').any?
+        puts "📦 Installing tailwindcss-rails gem..."
+        unless system("bundle add tailwindcss-rails")
+          raise "Failed to install tailwindcss-rails gem"
+        end
+        puts "✓ tailwindcss-rails installed"
+      else
+        puts "✓ tailwindcss-rails already installed"
+      end
+
+      # Step 2: Remove Tailwind from package.json
+      package_json_path = Rails.root.join("package.json")
+      if File.exist?(package_json_path)
+        puts ""
+        puts "📝 Updating package.json..."
+
+        begin
+          package_json = JSON.parse(File.read(package_json_path))
+        rescue JSON::ParserError => e
+          raise "Failed to parse package.json: #{e.message}"
+        end
+
+        removed_packages = []
+
+        # Remove Tailwind-related packages
+        tailwind_packages = ['tailwindcss', '@tailwindcss/cli', '@tailwindcss/typography', '@tailwindcss/forms', '@tailwindcss/aspect-ratio', '@tailwindcss/container-queries']
+
+        if package_json['dependencies']
+          tailwind_packages.each do |pkg|
+            if package_json['dependencies'].delete(pkg)
+              removed_packages << pkg
+            end
+          end
+        end
+
+        if package_json['devDependencies']
+          tailwind_packages.each do |pkg|
+            if package_json['devDependencies'].delete(pkg)
+              removed_packages << pkg
+            end
+          end
+        end
+
+        # Remove build:css script
+        if package_json['scripts']&.key?('build:css')
+          package_json['scripts'].delete('build:css')
+          puts "  - Removed 'build:css' script"
+        end
+
+        File.write(package_json_path, JSON.pretty_generate(package_json))
+
+        if removed_packages.any?
+          puts "  - Removed packages: #{removed_packages.join(', ')}"
+        else
+          puts "  - No Tailwind packages found to remove"
+        end
+
+        puts "✓ package.json updated"
+      end
+
+      # Step 3: Update Procfile.dev
+      procfile_path = Rails.root.join("Procfile.dev")
+      if File.exist?(procfile_path)
+        puts ""
+        puts "📝 Updating Procfile.dev..."
+
+        procfile_content = File.read(procfile_path)
+
+        # Replace CSS build commands
+        updated_content = procfile_content.gsub(/^css:.*$/, 'css: bin/rails tailwindcss:watch')
+
+        File.write(procfile_path, updated_content)
+        puts "✓ Procfile.dev updated to use 'rails tailwindcss:watch'"
+      else
+        puts ""
+        puts "⚠️  Procfile.dev not found - you may need to create one manually"
+      end
+
+      # Step 4: Run tailwindcss:install if needed
+      unless File.exist?(Rails.root.join("app/assets/builds/.keep"))
+        puts ""
+        puts "🎨 Setting up Tailwind CSS..."
+        begin
+          system("bin/rails tailwindcss:install") || raise("tailwindcss:install failed")
+          puts "✓ Tailwind CSS configured"
+        rescue => e
+          puts "⚠️  tailwindcss:install failed: #{e.message}"
+          puts "You may need to run 'bin/rails tailwindcss:install' manually"
+        end
+      end
+
+      # Step 4a: Create new CSS file for tailwindcss-rails v4
+      old_css_path = Rails.root.join("app/assets/stylesheets/application.tailwind.css")
+      new_css_path = Rails.root.join("app/assets/tailwind/application.css")
+
+      if File.exist?(old_css_path)
+        puts ""
+        puts "📦 Setting up CSS for tailwindcss-rails v4..."
+
+        # Create new directory
+        FileUtils.mkdir_p(Rails.root.join("app/assets/tailwind"))
+
+        unless File.exist?(new_css_path)
+          # Create new Tailwind CSS file with v4 directives
+          File.write(new_css_path, <<~CSS)
+            @import "tailwindcss";
+
+            /* Custom styles and imports go here */
+          CSS
+          puts "✓ Created new app/assets/tailwind/application.css"
+        end
+
+        puts ""
+        puts "⚠️  IMPORTANT: Manual action required!"
+        puts "  Your existing CSS file has been preserved:"
+        puts "  → app/assets/stylesheets/application.tailwind.css"
+        puts ""
+        puts "  Please manually migrate any custom CSS, @import statements, or"
+        puts "  legacy styles from the old file to:"
+        puts "  → app/assets/tailwind/application.css"
+        puts ""
+        puts "  After migrating, you can safely delete the old file."
+      elsif !File.exist?(new_css_path)
+        # No old file exists, create fresh new file
+        puts ""
+        puts "📦 Creating CSS file for tailwindcss-rails v4..."
+
+        FileUtils.mkdir_p(Rails.root.join("app/assets/tailwind"))
+        File.write(new_css_path, <<~CSS)
+          @import "tailwindcss";
+
+          /* Custom styles and imports go here */
+        CSS
+        puts "✓ Created app/assets/tailwind/application.css"
+      end
+
+      # Step 5: Update Rails UI config
+      config_path = Rails.root.join("config/railsui.yml")
+      if File.exist?(config_path)
+        puts ""
+        puts "📝 Updating Rails UI configuration..."
+
+        config = Psych.load_file(config_path, permitted_classes: [Hash, Railsui::Configuration])
+
+        # Ensure build mode is set (default to 'build' since they were using cssbundling)
+        unless config.is_a?(Hash) && config.key?('build_mode')
+          config['build_mode'] = 'build' if config.is_a?(Hash)
+        end
+
+        File.write(config_path, config.to_yaml)
+        puts "✓ Rails UI configuration updated"
+      end
+    rescue => e
+      puts ""
+      puts "❌ Migration failed: #{e.message}"
+      puts ""
+      puts "To retry manually:"
+      puts "  1. bundle add tailwindcss-rails"
+      puts "  2. Remove Tailwind packages from package.json"
+      puts "  3. Update Procfile.dev: css: bin/rails tailwindcss:watch"
+      puts "  4. bin/rails tailwindcss:install"
+      puts "  5. Update config/railsui.yml"
+      puts ""
+      puts "For detailed instructions, see: MIGRATION_GUIDE.md"
+      exit 1
+    end
+
+    puts ""
+    puts "✅ Migration complete!"
+    puts ""
+    puts "Next steps:"
+    puts "  1. Run 'bundle install' to ensure all gems are installed"
+    puts "  2. Update layouts to use: stylesheet_link_tag 'tailwind' (instead of 'application')"
+    puts "  3. Run 'bin/rails tailwindcss:build' to compile your CSS"
+    puts "  4. Start your server with 'bin/dev'"
+    puts ""
+    puts "Your JavaScript bundling setup remains unchanged."
+    puts "CSS is now handled by the faster tailwindcss-rails gem! 🚀"
+  end
+end

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: railsui
 version: !ruby/object:Gem::Version
-  version: 3.2.7
+  version: 3.3.0
 platform: ruby
 authors:
 - Andy Leverenz
 bindir: bin
 cert_chain: []
-date: 2025-09-12 00:00:00.000000000 Z
+date: 2025-10-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -65,6 +65,20 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
+- !ruby/object:Gem::Dependency
+  name: tailwindcss-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '2.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '2.0'
 description: Professionally designed UI components and templates for Ruby on Rails.
 email:
 - railsui@justalever.com
@@ -72,7 +86,6 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
-- ".claude/settings.local.json"
 - ".nvmrc"
 - Gemfile
 - Gemfile.lock
@@ -738,6 +751,7 @@ files:
 - app/assets/images/twitter.svg
 - app/assets/images/users.svg
 - app/assets/images/warning.svg
+- app/assets/javascripts/railsui-controllers.js
 - app/assets/javascripts/railsui.js
 - app/assets/stylesheets/railsui/config.css
 - app/assets/stylesheets/railsui/docs.css
@@ -812,6 +826,7 @@ files:
 - app/views/railsui/routes/_nav.html.erb
 - app/views/railsui/routes/show.html.erb
 - app/views/railsui/shared/_callout.html.erb
+- app/views/railsui/shared/_cdn_dependencies.html.erb
 - app/views/railsui/shared/_code_example.html.erb
 - app/views/railsui/shared/_code_example_heading.html.erb
 - app/views/railsui/shared/_component_nav.html.erb
@@ -824,6 +839,7 @@ files:
 - app/views/railsui/shared/_global_nav.html.erb
 - app/views/railsui/shared/_global_nav_item.html.erb
 - app/views/railsui/shared/_header.html.erb
+- app/views/railsui/shared/_inline_controllers.html.erb
 - app/views/railsui/shared/_launcher.html.erb
 - app/views/railsui/shared/_linkable.html.erb
 - app/views/railsui/shared/_linkables.html.erb
@@ -1363,7 +1379,12 @@ files:
 - config/pages.yml
 - config/routes.rb
 - config/theme.yml
+- guides/CONFIGURATION.md
+- guides/MIGRATION_GUIDE.md
 - lib/generators/railsui/install/install_generator.rb
+- lib/generators/railsui/install/templates/Procfile.dev.build
+- lib/generators/railsui/install/templates/Procfile.dev.nobuild
+- lib/generators/railsui/install/templates/bin/dev
 - lib/generators/railsui/install/templates/controllers/pages_controller.rb
 - lib/generators/railsui/install/templates/themes/corgie/images/railsui/auth-bg.jpg
 - lib/generators/railsui/install/templates/themes/corgie/images/railsui/blog-feature.jpg
@@ -1440,7 +1461,7 @@ files:
 - lib/generators/railsui/install/templates/themes/corgie/views/rui/pages/help.html.erb
 - lib/generators/railsui/install/templates/themes/corgie/views/rui/pages/home.html.erb
 - lib/generators/railsui/install/templates/themes/corgie/views/rui/pages/pricing.html.erb
-- lib/generators/railsui/install/templates/themes/corgie/views/rui/pages/privacy.html.erb
+- lib/generators/railsui/install/templates/themes/corgie/views/rui/pages/privacy_policy.html.erb
 - lib/generators/railsui/install/templates/themes/corgie/views/rui/pages/signin.html.erb
 - lib/generators/railsui/install/templates/themes/corgie/views/rui/pages/signup.html.erb
 - lib/generators/railsui/install/templates/themes/corgie/views/rui/pages/terms.html.erb
@@ -1769,6 +1790,7 @@ files:
 - lib/railsui/themes.rb
 - lib/railsui/version.rb
 - lib/tasks/install.rake
+- lib/tasks/migrate.rake
 - lib/tasks/pages.rake
 - lib/tasks/stimulus.rake
 - package.json

data/.claude/settings.local.json

@@ -1,10 +0,0 @@
-{
-  "permissions": {
-    "allow": [
-      "Bash(find:*)",
-      "Bash(grep:*)"
-    ],
-    "deny": [],
-    "ask": []
-  }
-}