daisyui_on_phlex 0.5.1 → 0.5.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 001e552b0a8e87668046625290e6d442343c8c3d125727e76dcae1875cb3a68d
-  data.tar.gz: 5bd9679a9fce1dc05caf55c64a3fb1b32ce5ca389bc55c6e91aea5d94aae0346
+  metadata.gz: a02c3243f0a1f0e755bebddc3008d50e926f89a891b7965756ad26a4cef5c25f
+  data.tar.gz: 744d6269e5a2e612215db35a78aeb4ebb0dbc3539f3023d0e079e16adcd8ef78
 SHA512:
-  metadata.gz: c1940399c9cb531092396f5df5fa5289de25aab5e1cde9001c2a9c93484283670983ec71b961b0541e088f8ba94dc0b33be560180152365bdef00364e4cc35df
-  data.tar.gz: 8819ba747f86f9fdb429097311b1eb5ce7e861198c43e68ffe3a2745d9d49df489a1fe5cfc8091d1003a9a8f7c9f8be0053bbbac9ed9b52f390d8810681c848b
+  metadata.gz: cf9912951a18a6984d7b4af8fe18f581f8b89f4052ce8f513de853373b4c73f7c0c02e6113652b52faa14e1b027164d159ca3bac8447957139b16dfc4c5a2d47
+  data.tar.gz: '0851f1840f4301b338a638d77068ebf4593346961316c1924155b920d8c56790cb0464bfcb7688baeda814c9e1e810b316c26bb228af67a796e2a296b30663b5'

data/README.md

@@ -57,14 +57,41 @@ Run the install generator to set up DaisyUI components in your Rails application
 $ rails generate daisyui_on_phlex:install
 ```
 
+Next import js/css from vendor directory.
+
 This will:
 1. **Copy all 61+ components** to `vendor/daisyui_on_phlex/components/` in your Rails app
-2. **Configure autoloader** to serve components from vendor directory instead of gem
-3. Install **phlex-rails** dependency if not already present
-4. Download the latest **DaisyUI JavaScript files**
-5. Configure your **Tailwind CSS** to include the DaisyUI plugin
-6. Add CSS imports to your application
-7. Provide usage instructions
+2. **Copy CSS and JS files** to `vendor/daisyui_on_phlex/stylesheets/` and `javascripts/`
+3. **Configure autoloader** to serve components from vendor directory instead of gem
+4. Install **phlex-rails** dependency if not already present
+5. **Create vendor initializer** for automatic component loading
+6. Provide usage instructions for CSS/JS integration
+
+### Import CSS and JavaScript
+
+After running the generator, add these imports to your application:
+
+**For modern Rails (importmap/esbuild/webpack):**
+```css
+/* In app/assets/stylesheets/application.css or application.tailwind.css */
+@import '../vendor/daisyui_on_phlex/stylesheets/daisyui_on_phlex.css';
+```
+
+```javascript
+// In app/assets/javascripts/application.js
+import '../vendor/daisyui_on_phlex/javascripts/daisyui_on_phlex.js';
+```
+
+**For Sprockets (Rails 6 and older):**
+```css
+/* In app/assets/stylesheets/application.css */
+//= require ../vendor/daisyui_on_phlex/stylesheets/daisyui_on_phlex
+```
+
+```javascript
+// In app/assets/javascripts/application.js
+//= require ../vendor/daisyui_on_phlex/javascripts/daisyui_on_phlex
+```
 
 ### Why Copy to Vendor?
 
@@ -363,6 +390,10 @@ After installation, your vendor directory will contain:
 ```
 vendor/daisyui_on_phlex/
 ├── base.rb                    # Base class for all components
+├── stylesheets/
+│   └── daisyui_on_phlex.css  # Complete DaisyUI CSS with themes
+├── javascripts/
+│   └── daisyui_on_phlex.js   # Theme switching and utilities
 └── components/
     ├── accordion.rb
     ├── alert.rb

data/lib/daisyui_on_phlex/generators/install_generator.rb

@@ -74,6 +74,16 @@ module DaisyuiOnPhlex
         copy_file "base.rb", Rails.root.join("vendor/daisyui_on_phlex/base.rb"), force: options["force"]
       end
 
+      def copy_stylesheets_and_js
+        say "Copying CSS and JS files to vendor...", :green
+        
+        # Copy CSS file
+        copy_file "stylesheets/daisyui_on_phlex.css", Rails.root.join("vendor/daisyui_on_phlex/stylesheets/daisyui_on_phlex.css"), force: options["force"]
+        
+        # Copy JS file
+        copy_file "javascripts/daisyui_on_phlex.js", Rails.root.join("vendor/daisyui_on_phlex/javascripts/daisyui_on_phlex.js"), force: options["force"]
+      end
+
       def create_vendor_initializer
         vendor_initializer_path = Rails.root.join("config/initializers/daisyui_on_phlex.rb")
         
@@ -107,13 +117,13 @@ module DaisyuiOnPhlex
       end
 
       def update_tailwind_config
-        say "📝 To include DaisyUI styles in your application:", :green
+        say "📝 To include DaisyUI styles and JS in your application:", :green
         say ""
         say "1. Add to your main CSS file (application.css or application.tailwind.css):", :yellow
-        say "   //= require daisyui_on_phlex", :cyan
+        say "   @import '../../../vendor/daisyui_on_phlex/stylesheets/daisyui_on_phlex.css';", :cyan
         say ""
-        say "2. Or in your JavaScript file (application.js):", :yellow
-        say "   //= require daisyui_on_phlex", :cyan
+        say "2. Add to your JavaScript file (application.js):", :yellow
+        say "   import '../../../vendor/daisyui_on_phlex/javascripts/daisyui_on_phlex.js';", :cyan
         say ""
         say "3. For Tailwind CSS, ensure your tailwind.config.js includes:", :yellow
         say '   content: ["./vendor/daisyui_on_phlex/**/*.rb"]', :cyan
@@ -129,7 +139,7 @@ module DaisyuiOnPhlex
         DaisyUI On Phlex has been installed! 🎉
 
         ✅ All #{component_count} components have been copied to vendor/daisyui_on_phlex/
-        ✅ DaisyUI CSS & JS automatically provided via Rails Engine
+        ✅ DaisyUI CSS & JS files copied to vendor/daisyui_on_phlex/stylesheets/ and javascripts/
         ✅ Vendor initializer created (config/initializers/daisyui_on_phlex.rb)
         ✅ Ready to use in your Phlex views
 

data/lib/daisyui_on_phlex/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module DaisyuiOnPhlex
-  VERSION = "0.5.1"
+  VERSION = "0.5.2"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: daisyui_on_phlex
 version: !ruby/object:Gem::Version
-  version: 0.5.1
+  version: 0.5.2
 platform: ruby
 authors:
 - JacobAlexander