rails_pulse 0.2.5.pre.12 → 0.2.5.pre.13

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 14471ad08eb69ba71cfa596ede0a58f1638a5d17cd6ff18c161ada4fc92524a8
-  data.tar.gz: d823c824b84c21b6b3b6b6eec433d1b7774b60c14e5ec6b1a4a54b32886499b4
+  metadata.gz: 87e2202480962f4a5735a53b9b54bbb0b0451e946e8a6d85a4ca210bf2c1e06b
+  data.tar.gz: 50278863c4fede9a3035637542cec66ea1cf399768136ae21301015cc1de5bd9
 SHA512:
-  metadata.gz: bb0ea2202d39365fe7a6751090a888909479336d7c3b1977b8095cb0cddae8f00d896be95d53c8c402e03ee34b477127192fc5f9873c008e8d4ca11944467fcc
-  data.tar.gz: c1db7e38744e0476a629be2d88e0e5adf66bbd23a2db93c0657512de19d7aefe003270eb39d53d61f7d9d9b72634afaf7de10e89d650a697e85d9abaed6a353f
+  metadata.gz: 54fb3f0409b7f83c25ab0d03d52675d1ed19900ee5ec251b8c4499f71cd2e2d371ccdf0aec3ca1756535c4d49be8f43dd48718818bb5d90456d1c5c34da7dabf
+  data.tar.gz: 875b12636d95f8afa12f977841d0f6fb11f5303339d00e22c477211a234ac2e624feeee2048198479c5ce56b4996a18006508924ab4f19a263d94a7df80c1a29

data/Rakefile

@@ -365,14 +365,39 @@ task :test_release do
     puts "-" * 70
     sh "npm run build"
 
-    # Verify assets were built
-    assets_dir = "public/rails-pulse-assets"
-    if Dir.exist?(assets_dir) && !Dir.empty?(assets_dir)
-      puts "✅ Assets built successfully!"
-      puts "   Location: #{assets_dir}"
+    # Verify assets were built in both locations
+    public_assets = "public/rails-pulse-assets"
+    vendor_css = "vendor/assets/stylesheets"
+    vendor_js = "vendor/assets/javascripts"
+
+    all_dirs_valid = true
+
+    if Dir.exist?(public_assets) && !Dir.empty?(public_assets)
+      puts "✅ Public assets built: #{public_assets}"
+    else
+      puts "❌ Public assets directory is missing or empty!"
+      failed_tasks << "public_assets_verification"
+      all_dirs_valid = false
+    end
+
+    if Dir.exist?(vendor_css) && !Dir.empty?(vendor_css)
+      puts "✅ Vendor CSS built: #{vendor_css}"
     else
-      puts "❌ Assets directory is missing or empty!"
-      failed_tasks << "asset_build_verification"
+      puts "❌ Vendor CSS directory is missing or empty!"
+      failed_tasks << "vendor_css_verification"
+      all_dirs_valid = false
+    end
+
+    if Dir.exist?(vendor_js) && !Dir.empty?(vendor_js)
+      puts "✅ Vendor JS built: #{vendor_js}"
+    else
+      puts "❌ Vendor JS directory is missing or empty!"
+      failed_tasks << "vendor_js_verification"
+      all_dirs_valid = false
+    end
+
+    if all_dirs_valid
+      puts "✅ All assets built successfully!"
     end
   rescue => e
     puts "❌ Asset building failed!"

data/app/helpers/rails_pulse/application_helper.rb

@@ -94,9 +94,25 @@ module RailsPulse
         RailsPulse::Engine.routes.url_helpers.respond_to?(method, include_private) || super
       end
 
-      # Generate asset paths that work with our custom asset serving
+      # Generate asset paths using Rails asset pipeline
+      # This allows assets to work with CDN, digests, and precompiled manifests
       def asset_path(asset_name)
-        "/rails-pulse-assets/#{asset_name}"
+        # Only use asset pipeline if we have Sprockets/Propshaft configured
+        # Otherwise fall back to middleware serving
+        if defined?(::Sprockets) || defined?(::Propshaft)
+          # Use the main application's asset_path helper to ensure we get
+          # the correct digested paths from the precompiled manifest
+          begin
+            ActionController::Base.helpers.asset_path(asset_name)
+          rescue => e
+            # Fallback to direct path if asset pipeline is not available
+            Rails.logger.warn "[Rails Pulse] Asset pipeline error for #{asset_name}: #{e.message}"
+            "/rails-pulse-assets/#{asset_name}"
+          end
+        else
+          # No asset pipeline - use middleware serving
+          "/rails-pulse-assets/#{asset_name}"
+        end
       end
     end
 

data/lib/rails_pulse/engine.rb

@@ -45,12 +45,26 @@ module RailsPulse
       require "generators/rails_pulse/install_generator"
     end
 
-    initializer "rails_pulse.static_assets", before: "sprockets.environment" do |app|
-      # Configure Rack::Static middleware to serve pre-compiled assets
-      assets_path = Engine.root.join("public")
+    initializer "rails_pulse.assets" do |app|
+      # Register Rails Pulse assets with Sprockets for production/CDN deployment
+      if app.config.respond_to?(:assets)
+        # Add vendor assets to the asset pipeline
+        app.config.assets.paths << Engine.root.join("vendor", "assets", "stylesheets").to_s
+        app.config.assets.paths << Engine.root.join("vendor", "assets", "javascripts").to_s
+
+        # Register bundled assets for precompilation
+        if defined?(::Sprockets)
+          app.config.assets.precompile += %w[
+            rails-pulse.css
+            rails-pulse.js
+            rails-pulse-icons.js
+          ]
+        end
+      end
 
-      # Add custom middleware for serving Rails Pulse assets with proper headers
-      # Insert after Rack::Runtime but before ActionDispatch::Static for better compatibility
+      # Fallback: Add middleware for development/non-CDN setups
+      # This serves assets directly when not using precompiled manifest
+      assets_path = Engine.root.join("public")
       app.middleware.insert_after Rack::Runtime, RailsPulse::Middleware::AssetServer,
         assets_path.to_s,
         {

data/lib/rails_pulse/version.rb

@@ -1,3 +1,3 @@
 module RailsPulse
-  VERSION = "0.2.5.pre.12"
+  VERSION = "0.2.5.pre.13"
 end

data/vendor/VENDORING.md

@@ -0,0 +1,150 @@
+# CSS Zero Vendoring Documentation
+
+This document describes the process for vendoring CSS Zero dependencies for Rails Pulse asset independence.
+
+## Overview
+
+Rails Pulse vendors CSS Zero files to eliminate external gem dependencies during asset compilation. This ensures the build system can function independently without requiring the `css-zero` gem to be installed.
+
+## Current CSS Zero Version
+
+**Vendored Version**: 1.1.5  
+**Vendored Date**: 2025-07-02  
+**Source**: `css-zero` gem (https://github.com/lazaronixon/css-zero)
+
+## Directory Structure
+
+```
+vendor/css-zero/
+├── reset.css           # CSS reset and base styles
+├── colors.css          # Color variables and utilities
+├── sizes.css           # Size and spacing variables
+├── borders.css         # Border variables and utilities
+├── effects.css         # Shadow and effect variables
+├── typography.css      # Font and text variables
+├── animations.css      # Animation keyframes and utilities
+├── transforms.css      # Transform utilities
+├── transitions.css     # Transition utilities
+├── filters.css         # Filter utilities
+├── utilities.css       # All utility classes
+└── variables.css       # Master import file (not used in build)
+```
+
+## Build Integration
+
+The CSS build system (`scripts/build-css.js`) includes CSS Zero files in this order:
+
+1. **CSS Zero Reset** (`reset.css`)
+2. **CSS Zero Variables** (9 component files):
+   - `colors.css`
+   - `sizes.css`
+   - `borders.css`
+   - `effects.css`
+   - `typography.css`
+   - `animations.css`
+   - `transforms.css`
+   - `transitions.css`
+   - `filters.css`
+3. **Rails Pulse Components** (all files in `app/assets/stylesheets/rails_pulse/components/`)
+4. **Rails Pulse Application CSS** (`app/assets/stylesheets/rails_pulse/application.css`)
+5. **CSS Zero Utilities** (`utilities.css`)
+
+## Updating CSS Zero
+
+To update the vendored CSS Zero files:
+
+### 1. Update CSS Zero Gem
+
+```bash
+# Update Gemfile or gemspec with new version
+bundle update css-zero
+```
+
+### 2. Find New CSS Zero Path
+
+```bash
+bundle show css-zero
+# Example output: /path/to/gems/css-zero-X.Y.Z
+```
+
+### 3. Copy New Files
+
+```bash
+# Remove old vendored files
+rm -rf vendor/css-zero
+
+# Create directory
+mkdir -p vendor/css-zero
+
+# Copy new CSS files
+cp /path/to/gems/css-zero-X.Y.Z/app/assets/stylesheets/css-zero/*.css vendor/css-zero/
+```
+
+### 4. Verify File Structure
+
+Ensure these files exist:
+- `reset.css`
+- `colors.css`
+- `sizes.css`
+- `borders.css`
+- `effects.css`
+- `typography.css`
+- `animations.css`
+- `transforms.css`
+- `transitions.css`
+- `filters.css`
+- `utilities.css`
+- `variables.css` (not used in build, but included for completeness)
+
+### 5. Test Build System
+
+```bash
+# Test CSS build
+npm run build:css
+
+# Test complete build
+npm run build
+
+# Verify bundle size and content
+ls -la public/rails-pulse-assets/rails-pulse.css
+```
+
+### 6. Update Documentation
+
+- Update version number in this file
+- Update vendored date
+- Note any breaking changes or new features
+- Update ASSET_PIPELINE.md if build order changes
+
+## Verification Checklist
+
+After updating CSS Zero:
+
+- [ ] All CSS files copied successfully
+- [ ] Build system completes without errors
+- [ ] CSS bundle includes all expected utilities
+- [ ] Rails Pulse styling works correctly
+- [ ] No missing CSS variables or utilities
+- [ ] Bundle size is reasonable (typically 50-60KB)
+
+## Breaking Changes
+
+When updating CSS Zero, watch for:
+
+- **Removed utilities**: Check if any CSS classes used by Rails Pulse were removed
+- **Variable changes**: Ensure CSS custom properties haven't changed names
+- **File structure changes**: Verify all expected CSS files are still present
+- **Import dependencies**: Check if new files need to be added to the build order
+
+## Support
+
+If you encounter issues with vendored CSS Zero:
+
+1. Check the CSS Zero repository for changelog: https://github.com/lazaronixon/css-zero
+2. Verify all files are properly copied and accessible
+3. Test the build system with a clean npm run build
+4. Compare bundle size and content with previous versions
+
+## License
+
+CSS Zero is licensed under the MIT License. The vendored files retain their original license headers.

data/vendor/assets/javascripts/rails-pulse-icons.js

@@ -0,0 +1,91 @@
+// Rails Pulse Icons Bundle - Auto-generated
+// Contains 35 SVG icons for Rails Pulse
+
+(function() {
+  'use strict';
+
+  // Icon data
+  const icons = {
+  "menu": "<path d=\"M4 5h16\" /><path d=\"M4 12h16\" /><path d=\"M4 19h16\" />",
+  "sun": "<circle cx=\"12\" cy=\"12\" r=\"4\" /><path d=\"M12 2v2\" /><path d=\"M12 20v2\" /><path d=\"m4.93 4.93 1.41 1.41\" /><path d=\"m17.66 17.66 1.41 1.41\" /><path d=\"M2 12h2\" /><path d=\"M20 12h2\" /><path d=\"m6.34 17.66-1.41 1.41\" /><path d=\"m19.07 4.93-1.41 1.41\" />",
+  "moon": "<path d=\"M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401\" />",
+  "chevron-right": "<path d=\"m9 18 6-6-6-6\" />",
+  "chevron-left": "<path d=\"m15 18-6-6 6-6\" />",
+  "chevron-down": "<path d=\"m6 9 6 6 6-6\" />",
+  "chevron-up": "<path d=\"m18 15-6-6-6 6\" />",
+  "chevrons-left": "<path d=\"m11 17-5-5 5-5\" /><path d=\"m18 17-5-5 5-5\" />",
+  "chevrons-right": "<path d=\"m6 17 5-5-5-5\" /><path d=\"m13 17 5-5-5-5\" />",
+  "loader-circle": "<path d=\"M12 2v4\" /><path d=\"m16.2 7.8 2.9-2.9\" /><path d=\"M18 12h4\" /><path d=\"m16.2 16.2 2.9 2.9\" /><path d=\"M12 18v4\" /><path d=\"m4.9 19.1 2.9-2.9\" /><path d=\"M2 12h4\" /><path d=\"m4.9 4.9 2.9 2.9\" />",
+  "search": "<path d=\"m21 21-4.34-4.34\" /><circle cx=\"11\" cy=\"11\" r=\"8\" />",
+  "list-filter": "<path d=\"M2 5h20\" /><path d=\"M6 12h12\" /><path d=\"M9 19h6\" />",
+  "list-filter-plus": "<path d=\"M12 5H2\" /><path d=\"M6 12h12\" /><path d=\"M9 19h6\" /><path d=\"M16 5h6\" /><path d=\"M19 8V2\" />",
+  "x": "<path d=\"M18 6 6 18\" /><path d=\"m6 6 12 12\" />",
+  "x-circle": "<circle cx=\"12\" cy=\"12\" r=\"10\" /><path d=\"m15 9-6 6\" /><path d=\"m9 9 6 6\" />",
+  "check": "<path d=\"M20 6 9 17l-5-5\" />",
+  "alert-circle": "<circle cx=\"12\" cy=\"12\" r=\"10\" /><line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\" /><line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\" />",
+  "alert-triangle": "<path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\" /><path d=\"M12 9v4\" /><path d=\"M12 17h.01\" />",
+  "info": "<circle cx=\"12\" cy=\"12\" r=\"10\" /><path d=\"M12 16v-4\" /><path d=\"M12 8h.01\" />",
+  "external-link": "<path d=\"M15 3h6v6\" /><path d=\"M10 14 21 3\" /><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\" />",
+  "download": "<path d=\"M12 15V3\" /><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\" /><path d=\"m7 10 5 5 5-5\" />",
+  "refresh-cw": "<path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\" /><path d=\"M21 3v5h-5\" /><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\" /><path d=\"M8 16H3v5\" />",
+  "clock": "<path d=\"M12 6v6l4 2\" /><circle cx=\"12\" cy=\"12\" r=\"10\" />",
+  "database": "<ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\" /><path d=\"M3 5V19A9 3 0 0 0 21 19V5\" /><path d=\"M3 12A9 3 0 0 0 21 12\" />",
+  "server": "<rect width=\"20\" height=\"8\" x=\"2\" y=\"2\" rx=\"2\" ry=\"2\" /><rect width=\"20\" height=\"8\" x=\"2\" y=\"14\" rx=\"2\" ry=\"2\" /><line x1=\"6\" x2=\"6.01\" y1=\"6\" y2=\"6\" /><line x1=\"6\" x2=\"6.01\" y1=\"18\" y2=\"18\" />",
+  "activity": "<path d=\"M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2\" />",
+  "layout-dashboard": "<rect width=\"7\" height=\"9\" x=\"3\" y=\"3\" rx=\"1\" /><rect width=\"7\" height=\"5\" x=\"14\" y=\"3\" rx=\"1\" /><rect width=\"7\" height=\"9\" x=\"14\" y=\"12\" rx=\"1\" /><rect width=\"7\" height=\"5\" x=\"3\" y=\"16\" rx=\"1\" />",
+  "audio-lines": "<path d=\"M2 10v3\" /><path d=\"M6 6v11\" /><path d=\"M10 3v18\" /><path d=\"M14 8v7\" /><path d=\"M18 5v13\" /><path d=\"M22 10v3\" />",
+  "message-circle-question": "<path d=\"M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719\" /><path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\" /><path d=\"M12 17h.01\" />",
+  "route": "<circle cx=\"6\" cy=\"19\" r=\"3\" /><path d=\"M9 19h8.5a3.5 3.5 0 0 0 0-7h-11a3.5 3.5 0 0 1 0-7H15\" /><circle cx=\"18\" cy=\"5\" r=\"3\" />",
+  "trending-up": "<path d=\"M16 7h6v6\" /><path d=\"m22 7-8.5 8.5-5-5L2 17\" />",
+  "trending-down": "<path d=\"M16 17h6v-6\" /><path d=\"m22 17-8.5-8.5-5 5L2 7\" />",
+  "move-right": "<path d=\"M18 8L22 12L18 16\" /><path d=\"M2 12H22\" />",
+  "eye": "<path d=\"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0\" /><circle cx=\"12\" cy=\"12\" r=\"3\" />",
+  "zap": "<path d=\"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z\" />"
+};
+
+  // Global icon registry
+  window.RailsPulseIcons = {
+    icons: icons,
+
+    // Get icon SVG content
+    get: function(name) {
+      return icons[name] || null;
+    },
+
+    // Check if icon exists
+    has: function(name) {
+      return name in icons;
+    },
+
+    // Get all icon names
+    list: function() {
+      return Object.keys(icons);
+    },
+
+    // Render icon to element (CSP-safe)
+    render: function(name, element, options = {}) {
+      const svgContent = this.get(name);
+      if (!svgContent || !element) return false;
+
+      // Create SVG element
+      const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+      svg.setAttribute('width', options.width || '24');
+      svg.setAttribute('height', options.height || '24');
+      svg.setAttribute('viewBox', '0 0 24 24');
+      svg.setAttribute('fill', 'none');
+      svg.setAttribute('stroke', 'currentColor');
+      svg.setAttribute('stroke-width', '2');
+      svg.setAttribute('stroke-linecap', 'round');
+      svg.setAttribute('stroke-linejoin', 'round');
+
+      // Add icon content
+      svg.innerHTML = svgContent;
+
+      // Replace element content
+      element.innerHTML = '';
+      element.appendChild(svg);
+
+      return true;
+    }
+  };
+})();