RubyGems - daisyui_on_phlex - Versions diffs - 0.2.4 → 0.4.0 - Mend

daisyui_on_phlex 0.2.4 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (18) hide show

checksums.yaml +4 -4
data/README.md +147 -16
data/lib/daisyui_on_phlex/components/accordion.rb +4 -5
data/lib/daisyui_on_phlex/components/alert.rb +36 -29
data/lib/daisyui_on_phlex/components/carousel.rb +4 -5
data/lib/daisyui_on_phlex/components/collapse.rb +4 -4
data/lib/daisyui_on_phlex/components/drawer.rb +3 -3
data/lib/daisyui_on_phlex/components/dropdown.rb +8 -9
data/lib/daisyui_on_phlex/components/modal.rb +3 -3
data/lib/daisyui_on_phlex/components/navbar.rb +1 -1
data/lib/daisyui_on_phlex/components/pagination.rb +1 -1
data/lib/daisyui_on_phlex/components/timeline.rb +6 -6
data/lib/daisyui_on_phlex/components/tooltip.rb +4 -4
data/lib/daisyui_on_phlex/components/validator.rb +5 -8
data/lib/daisyui_on_phlex/generators/install_generator.rb +136 -35
data/lib/daisyui_on_phlex/version.rb +1 -1
metadata +5 -6
data/INSTALLATION.md +0 -129

checksums.yaml CHANGED Viewed

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7f059d59f5a325b95c285385ef3ed2383df4faeadeb681e91652ecbbae7736c6
-  data.tar.gz: 5434f975a9e43e9cd560748b4f7526f2dc49fe57c616b80b12c45da0270aa7c3
+  metadata.gz: 1e9055e975f76616e36477a2ea3059883373a49075d372ad51f60558736f6314
+  data.tar.gz: d7db288599b6b4b5d3de7f177536c2aca03fee43fee2fabaf927219029c2aa00
 SHA512:
-  metadata.gz: 18495eedd5262fb4a4c63624740588ec86f3152b587b52e4186a1f10ae868c5a4dfc9e256989489022c0cc31e51a982de339525ce9ffd86b77ac90b1d316d713
-  data.tar.gz: 0c49f760537f4a402ad6bfd7141a7ac633d88fc2d277718d9932d2e43e1a2ae12425553b6663a2219354333be0c30c740d685f43659a9d7273e9d26c1e2779e8
+  metadata.gz: 49605f81a46a56a2f9a577bb664e3232dfd0aa4f888c5246186d356c8048a2d544d08f0a3a4f0472c6eda77fafbc6fe6def330fc2f18053f154da3e9ed3a399f
+  data.tar.gz: 5f2c9c05cef94935aa95b7f8dab039ddf695cc917363269542b997f43c3a8d677b745d3862f5dca9edb6c27da1ed2955493bb5a7931ed9be35238689ab56bd81

data/README.md CHANGED Viewed

@@ -34,41 +34,95 @@ Or install it yourself as:
 $ gem install daisyui_on_phlex
 ```
-## Quick Setup
+## Setup
-After installation, add the CSS import to your `app/assets/stylesheets/application.css`:
+Run the install generator to set up DaisyUI components in your Rails application:
-```css
-@import "tailwindcss";
-@import "daisyui_on_phlex/stylesheets/daisyui_on_phlex.css";
+```bash
+$ rails generate daisyui_on_phlex:install
 ```
-Make sure your HTML layout supports themes:
+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
+### Why Copy to Vendor?
+Unlike traditional gems that load components from memory, DaisyUI On Phlex follows the **shadcn-ui approach** by copying components directly to your application. This gives you:
+- ✅ **Full ownership** of component code in your app
+- ✅ **Easy customization** - edit components locally
+- ✅ **No gem dependencies** for component logic after installation
+- ✅ **Version control** your component modifications
+- ✅ **Better debugging** with direct access to source code
+After installation, all components will be available from `vendor/daisyui_on_phlex/components/` and you can modify them as needed for your project.
+### Manual Configuration (Optional)
+If you prefer manual setup or need to customize the installation:
+#### 1. Configure your HTML layout
+Make sure your HTML layout supports theme switching by adding the `data-theme` attribute:
 ```erb
 <!DOCTYPE html>
 <html data-theme="light">
-  <!-- Your app content -->
+  <head>
+    <!-- Your head content -->
+  </head>
+  <body>
+    <!-- Your body content -->
+  </body>
 </html>
 ```
-For detailed setup instructions, see [INSTALLATION.md](INSTALLATION.md).
+#### 2. Theme Configuration
-## Setup
+The CSS file includes the most popular DaisyUI themes by default:
+- `light` (default), `dark` (prefers dark mode)
+- `cupcake`, `dracula`, `emerald`, `corporate`, `synthwave`, `retro`, `cyberpunk`
+- `valentine`, `halloween`, `garden`, `forest`, `aqua`, `lofi`, `pastel`
+- `fantasy`, `wireframe`, `black`, `luxury`, `autumn`, `business`
+- `acid`, `lemonade`, `night`, `coffee`, `winter`, `dim`, `nord`, `sunset`
-Run the install generator to set up DaisyUI in your Rails application:
+#### 3. Theme Switching
+To enable theme switching, you can use the `data-theme` attribute:
+```erb
+<select data-choose-theme>
+  <option value="light">Light</option>
+  <option value="dark">Dark</option>
+  <option value="cupcake">Cupcake</option>
+  <option value="dracula">Dracula</option>
+  <!-- Add more themes as needed -->
+</select>
+```
+For automatic theme switching, consider using the [theme-change](https://github.com/saadeghi/theme-change) library:
 ```bash
-$ rails generate daisyui_on_phlex:install
+npm install theme-change
 ```
-This will:
-1. Download the latest DaisyUI JavaScript files
-2. Configure your Tailwind CSS to include the DaisyUI plugin
-3. Provide usage instructions
+Then initialize it in your JavaScript:
+```javascript
+import { themeChange } from 'theme-change'
+themeChange()
+```
 ## Usage
+After running the install generator, all DaisyUI components will be copied to your `vendor/daisyui_on_phlex/components/` directory and automatically available in your application.
 Use DaisyUI components in your Phlex views:
 ### Button Component
@@ -164,7 +218,7 @@ render DaisyuiOnPhlex::Components::Input.new(
 ## Available Components
-All 61+ DaisyUI components are now implemented as Phlex components:
+After installation, all 61+ DaisyUI components are copied to your `vendor/daisyui_on_phlex/components/` directory and ready to use. You can customize any component by editing the files directly in your vendor folder.
 ### Actions
 - **Button** - Interactive buttons with multiple variants and sizes
@@ -245,6 +299,83 @@ All 61+ DaisyUI components are now implemented as Phlex components:
 All components follow DaisyUI's design system and support the full range of variants, sizes, and styling options. Check the [DaisyUI documentation](https://daisyui.com/components/) for detailed usage examples and styling options.
+## Customization
+Since all components are copied to your `vendor/daisyui_on_phlex/components/` directory, you have full control over their implementation:
+### Modifying Components
+```bash
+# All components are in your vendor directory
+ls vendor/daisyui_on_phlex/components/
+# Edit any component directly
+code vendor/daisyui_on_phlex/components/button.rb
+```
+### Creating Custom Variants
+```ruby
+# In vendor/daisyui_on_phlex/components/button.rb
+module DaisyuiOnPhlex
+  module Components
+    class Button < DaisyuiOnPhlex::Base
+      def initialize(variant: :primary, custom_style: nil, **attributes)
+        @variant = variant
+        @custom_style = custom_style
+        @attributes = attributes
+      end
+      private
+      def component_classes
+        classes = ["btn"]
+        classes << "btn-#{@variant}" if @variant
+        classes << @custom_style if @custom_style  # Your custom styles
+        classes.join(" ")
+      end
+    end
+  end
+end
+```
+All changes will be preserved in your application and tracked in your version control system.
+### Vendor Directory Structure
+After installation, your vendor directory will contain:
+```
+vendor/daisyui_on_phlex/
+├── base.rb                    # Base class for all components
+└── components/
+    ├── accordion.rb
+    ├── alert.rb
+    ├── avatar.rb
+    ├── badge.rb
+    ├── button.rb
+    ├── card.rb
+    ├── ...                    # All 61+ components
+    └── tooltip.rb
+```
+### Troubleshooting
+If you encounter issues:
+1. **Generator fails**: Ensure you're in a Rails application directory and have proper permissions
+2. **Components not found**: Check that `config/initializers/daisyui_on_phlex_vendor.rb` was created
+3. **Styles not loading**: Ensure the CSS import is after `@import "tailwindcss";`
+4. **Themes not working**: Check that your HTML has the `data-theme` attribute
+5. **Build errors**: Make sure you have Tailwind CSS properly configured in your Rails app
+6. **Vendor directory issues**: Verify components were copied to `vendor/daisyui_on_phlex/components/`
+You can safely re-run the generator to update components or fix configuration:
+```bash
+rails generate daisyui_on_phlex:install
+```
 ## Component Options
 ### Button Options

data/lib/daisyui_on_phlex/components/accordion.rb CHANGED Viewed

@@ -16,16 +16,15 @@ module DaisyuiOnPhlex
         )
       end
-      def item(open: false, **attributes)
-        div(class: merge_classes("collapse", ("collapse-open" if open)), **attributes) do
-          yield AccordionItem.new
+      def item(expanded: false, **attributes, &block)
+        div(class: merge_classes("collapse", ("collapse-open" if expanded)), **attributes) do
+          yield AccordionItem.new if block_given?
         end
       end
       private
-      class AccordionItem
-        include Phlex::HTML
+      class AccordionItem < DaisyuiOnPhlex::Base
         def title(**attributes, &block)
           div(class: "collapse-title text-xl font-medium", **attributes, &block)

data/lib/daisyui_on_phlex/components/alert.rb CHANGED Viewed

@@ -12,47 +12,34 @@ module DaisyuiOnPhlex
       end
       def view_template(&block)
-        div(
-          class: alert_classes,
-          **@attributes
-        ) do
-          render_icon if icon_for_variant
-          div(&block) if block_given?
+        div(class: merge_classes("alert", variant_class), **@attributes) do
+          yield if block_given?
         end
       end
       private
-      def alert_classes
-        classes = ["alert"]
+      def variant_class
         case @variant
-        when :info then classes << "alert-info"
-        when :success then classes << "alert-success"
-        when :warning then classes << "alert-warning"
-        when :error then classes << "alert-error"
+        when :info then "alert-info"
+        when :success then "alert-success"
+        when :warning then "alert-warning"
+        when :error then "alert-error"
+        else ""
         end
-        merge_classes(*classes)
       end
-      def icon_for_variant
+      def render_icon
         case @variant
-        when :info then "info"
-        when :success then "check"
-        when :warning then "warning"
-        when :error then "error"
+        when :info, :success, :warning, :error
+          render_svg_icon
         end
       end
-      def render_icon
-        render_svg_icon
-      end
       def render_svg_icon
         svg(
           xmlns: "http://www.w3.org/2000/svg",
-          class: "h-6 w-6 shrink-0 stroke-current",
+          class: "stroke-current shrink-0 h-6 w-6",
           fill: "none",
           viewBox: "0 0 24 24"
         ) do
@@ -63,13 +50,33 @@ module DaisyuiOnPhlex
       def render_svg_path
         case @variant
         when :info
-          unsafe_raw '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>'
+          tag(:path,
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "stroke-width": "2",
+            d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+          )
         when :success
-          unsafe_raw '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>'
+          tag(:path,
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "stroke-width": "2",
+            d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
+          )
         when :warning
-          unsafe_raw '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z"></path>'
+          tag(:path,
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "stroke-width": "2",
+            d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z"
+          )
         when :error
-          unsafe_raw '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"></path>'
+          tag(:path,
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "stroke-width": "2",
+            d: "M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
+          )
         end
       end
     end

data/lib/daisyui_on_phlex/components/carousel.rb CHANGED Viewed

@@ -3,9 +3,8 @@
 module DaisyuiOnPhlex
   module Components
     class Carousel < DaisyuiOnPhlex::Base
-      def initialize(center: false, end: false, vertical: false, **attributes)
-        @center = center
-        @end = end
+      def initialize(alignment: nil, vertical: false, **attributes)
+        @alignment = alignment # :center, :end, nil for default (start)
         @vertical = vertical
         @attributes = attributes
       end
@@ -27,8 +26,8 @@ module DaisyuiOnPhlex
       def carousel_classes
         classes = ["carousel"]
-        classes << "carousel-center" if @center
-        classes << "carousel-end" if @end
+        classes << "carousel-center" if @alignment == :center
+        classes << "carousel-end" if @alignment == :end
         classes << "carousel-vertical" if @vertical
         merge_classes(*classes)
       end

data/lib/daisyui_on_phlex/components/collapse.rb CHANGED Viewed

@@ -3,8 +3,8 @@
 module DaisyuiOnPhlex
   module Components
     class Collapse < DaisyuiOnPhlex::Base
-      def initialize(open: false, arrow: false, plus: false, **attributes)
-        @open = open
+      def initialize(expanded: false, arrow: false, plus: false, **attributes)
+        @expanded = expanded
         @arrow = arrow
         @plus = plus
         @attributes = attributes
@@ -16,10 +16,10 @@ module DaisyuiOnPhlex
             "collapse",
             ("collapse-arrow" if @arrow),
             ("collapse-plus" if @plus),
-            ("collapse-open" if @open),
+            ("collapse-open" if @expanded),
             @attributes[:class]
           ),
-          open: @open,
+          open: @expanded,
           **@attributes.except(:class),
           &block
         )

data/lib/daisyui_on_phlex/components/drawer.rb CHANGED Viewed

@@ -3,8 +3,8 @@
 module DaisyuiOnPhlex
   module Components
     class Drawer < DaisyuiOnPhlex::Base
-      def initialize(end: false, **attributes)
-        @end = end
+      def initialize(side: :start, **attributes)
+        @side = side  # :start or :end
         @attributes = attributes
       end
@@ -41,7 +41,7 @@ module DaisyuiOnPhlex
       def drawer_side_classes
         classes = ["drawer-side"]
-        classes << "drawer-end" if @end
+        classes << "drawer-end" if @side == :end
         merge_classes(*classes)
       end
     end

data/lib/daisyui_on_phlex/components/dropdown.rb CHANGED Viewed

@@ -5,19 +5,15 @@ module DaisyuiOnPhlex
     class Dropdown < DaisyuiOnPhlex::Base
       def initialize(
         position: :bottom,
-        align: :left,
-        end: false,
-        top: false,
+        align: :start,
         hover: false,
-        open: false,
+        force_open: false,
         **attributes
       )
         @position = position
         @align = align
-        @end = end
-        @top = top
         @hover = hover
-        @open = open
+        @force_open = force_open
         @attributes = attributes
       end
@@ -50,9 +46,12 @@ module DaisyuiOnPhlex
         when :right then classes << "dropdown-right"
         end
-        classes << "dropdown-end" if @end
+        case @align
+        when :end then classes << "dropdown-end"
+        end
         classes << "dropdown-hover" if @hover
-        classes << "dropdown-open" if @open
+        classes << "dropdown-open" if @force_open
         merge_classes(*classes)
       end

data/lib/daisyui_on_phlex/components/modal.rb CHANGED Viewed

@@ -5,11 +5,11 @@ module DaisyuiOnPhlex
     class Modal < DaisyuiOnPhlex::Base
       def initialize(
         id:,
-        open: false,
+        visible: false,
         **attributes
       )
         @id = id
-        @open = open
+        @visible = visible
         @attributes = attributes
       end
@@ -19,7 +19,7 @@ module DaisyuiOnPhlex
           type: "checkbox",
           id: @id,
           class: "modal-toggle",
-          checked: @open
+          checked: @visible
         )
         # Modal

data/lib/daisyui_on_phlex/components/navbar.rb CHANGED Viewed

@@ -19,7 +19,7 @@ module DaisyuiOnPhlex
         div(class: merge_classes("navbar-center", attributes[:class]), **attributes.except(:class), &block)
       end
-      def end(**attributes, &block)
+      def navbar_end(**attributes, &block)
         div(class: merge_classes("navbar-end", attributes[:class]), **attributes.except(:class), &block)
       end
     end

data/lib/daisyui_on_phlex/components/pagination.rb CHANGED Viewed

@@ -25,7 +25,7 @@ module DaisyuiOnPhlex
         end
       end
-      def link(href:, text, active: false, **attributes, &block)
+      def link(href:, text:, active: false, **attributes, &block)
         a(
           href: href,
           class: pagination_button_classes(active: active),

data/lib/daisyui_on_phlex/components/timeline.rb CHANGED Viewed

@@ -14,8 +14,8 @@ module DaisyuiOnPhlex
         ul(class: timeline_classes, **@attributes, &block)
       end
-      def item(start: false, end: false, **attributes, &block)
-        li(class: item_classes(start: start, end: end), **attributes, &block)
+      def item(timeline_start: false, timeline_end: false, **attributes, &block)
+        li(class: item_classes(timeline_start: timeline_start, timeline_end: timeline_end), **attributes, &block)
       end
       def start(**attributes, &block)
@@ -26,7 +26,7 @@ module DaisyuiOnPhlex
         div(class: "timeline-middle", **attributes, &block)
       end
-      def end(**attributes, &block)
+      def timeline_end(**attributes, &block)
         div(class: "timeline-end", **attributes, &block)
       end
@@ -41,10 +41,10 @@ module DaisyuiOnPhlex
         merge_classes(*classes)
       end
-      def item_classes(start: false, end: false)
+      def item_classes(timeline_start: false, timeline_end: false)
         classes = []
-        classes << "timeline-start" if start
-        classes << "timeline-end" if end
+        classes << "timeline-start" if timeline_start
+        classes << "timeline-end" if timeline_end
         merge_classes(*classes)
       end
     end

data/lib/daisyui_on_phlex/components/tooltip.rb CHANGED Viewed

@@ -7,20 +7,20 @@ module DaisyuiOnPhlex
         text:,
         position: :top,
         variant: nil,
-        open: false,
+        force_open: false,
         **attributes
       )
         @text = text
         @position = position
         @variant = variant
-        @open = open
+        @force_open = force_open
         @attributes = attributes
       end
       def view_template(&block)
         div(
           class: tooltip_classes,
-          data: { tip: @text },
+          "data-tip": @text,
           **@attributes,
           &block
         )
@@ -48,7 +48,7 @@ module DaisyuiOnPhlex
         when :error then classes << "tooltip-error"
         end
-        classes << "tooltip-open" if @open
+        classes << "tooltip-open" if @force_open
         merge_classes(*classes)
       end

data/lib/daisyui_on_phlex/components/validator.rb CHANGED Viewed

@@ -4,12 +4,10 @@ module DaisyuiOnPhlex
   module Components
     class Validator < DaisyuiOnPhlex::Base
       def initialize(
-        valid: nil,
-        invalid: nil,
+        state: nil, # :valid, :invalid, nil for neutral
         **attributes
       )
-        @valid = valid
-        @invalid = invalid
+        @state = state
         @attributes = attributes
       end
@@ -22,10 +20,9 @@ module DaisyuiOnPhlex
       def validator_classes
         classes = []
-        if @valid == true
-          classes << "input-success"
-        elsif @valid == false || @invalid == true
-          classes << "input-error"
+        case @state
+        when :valid then classes << "input-success"
+        when :invalid then classes << "input-error"
         end
         merge_classes(*classes)

data/lib/daisyui_on_phlex/generators/install_generator.rb CHANGED Viewed

@@ -6,47 +6,143 @@ module DaisyuiOnPhlex
   module Generators
     class InstallGenerator < Rails::Generators::Base
       desc "Install DaisyUI On Phlex"
-      source_root File.expand_path("templates", __dir__)
+      source_root File.expand_path("../../daisyui_on_phlex", __dir__)
+      class_option :force, type: :boolean, default: false
-      def copy_daisyui_files
-        say "Installing DaisyUI files...", :green
-        # Download DaisyUI files
-        run "curl -sLo app/assets/tailwind/daisyui.js https://github.com/saadeghi/daisyui/releases/latest/download/daisyui.js" rescue nil
-        run "curl -sLo app/assets/tailwind/daisyui-theme.js https://github.com/saadeghi/daisyui/releases/latest/download/daisyui-theme.js" rescue nil
+      def install_phlex_rails
+        if gem_installed?("phlex-rails")
+          say "phlex-rails is already installed", :green
+        else
+          say "Adding phlex-rails to Gemfile", :green
+          run %(bundle add phlex-rails)
+          say "Generating phlex-rails structure", :green
+          run "bin/rails generate phlex:install"
+        end
       end
-      def update_tailwind_config
-        tailwind_config_path = "app/assets/tailwind/application.css"
-        if File.exist?(tailwind_config_path)
-          say "Updating Tailwind CSS configuration...", :green
-          content = File.read(tailwind_config_path)
+      def install_daisyui_npm
+        if File.exist?("package.json")
+          say "Installing DaisyUI via NPM...", :green
-          unless content.include?("@plugin \"./daisyui.js\"")
-            # Add DaisyUI plugin line after @import "tailwindcss"
-            updated_content = content.gsub(
-              /@import "tailwindcss" source\(none\);/,
-              "@import \"tailwindcss\" source(none);\n@plugin \"./daisyui.js\";"
-            )
-            File.write(tailwind_config_path, updated_content)
-            say "Added DaisyUI plugin to Tailwind CSS configuration", :green
+          # Check if daisyui is already installed
+          package_json = File.read("package.json")
+          unless package_json.include?('"daisyui"')
+            if system("which npm > /dev/null")
+              run "npm install daisyui"
+              say "DaisyUI installed via NPM", :green
+            elsif system("which yarn > /dev/null")
+              run "yarn add daisyui"
+              say "DaisyUI installed via Yarn", :green
+            else
+              say "Neither NPM nor Yarn found. Please install DaisyUI manually: npm install daisyui", :yellow
+            end
           else
-            say "DaisyUI plugin already configured in Tailwind CSS", :yellow
+            say "DaisyUI already installed in package.json", :yellow
           end
         else
-          say "Tailwind CSS configuration not found. Please add @plugin \"./daisyui.js\"; to your Tailwind CSS configuration manually.", :yellow
+          say "No package.json found. Skipping NPM installation.", :yellow
+          say "Please install DaisyUI manually: npm install daisyui", :yellow
+        end
+      end
+      def copy_daisyui_files
+        say "DaisyUI assets are now provided automatically via Rails Engine! 🎉", :green
+        say "CSS and JS files are included automatically in your application.", :blue
+      end
+      def copy_components_to_vendor
+        say "Copying all DaisyUI components to vendor directory...", :green
+        components_source_path = File.join(self.class.source_root, "components")
+        component_files = Dir.glob(File.join(components_source_path, "*.rb"))
+        say "Found #{component_files.count} component files", :blue
+        component_files.each do |component_path|
+          component_file_name = File.basename(component_path)
+          # We are using relative path from source_root
+          relative_path = File.join("components", component_file_name)
+          destination_path = Rails.root.join("vendor/daisyui_on_phlex/components", component_file_name)
+          copy_file relative_path, destination_path, force: options["force"]
         end
       end
+      def copy_base_class
+        say "Copying base class...", :green
+        # We are using relative path from source_root
+        copy_file "base.rb", Rails.root.join("vendor/daisyui_on_phlex/base.rb"), force: options["force"]
+      end
+      def create_vendor_initializer
+        vendor_initializer_path = Rails.root.join("config/initializers/daisyui_on_phlex.rb")
+        create_file vendor_initializer_path, <<~RUBY, force: options["force"]
+          # frozen_string_literal: true
+          module DaisyuiOnPhlex
+            extend Phlex::Kit
+          end
+          # Require base.rb first
+          require Rails.root.join("vendor/daisyui_on_phlex/base.rb")
+          # Load all DaisyUI components from vendor directory
+          Dir[Rails.root.join("vendor/daisyui_on_phlex/components/*.rb")].each do |file|
+            require file
+          end
+          # Configure TailwindMerge for CSS class merging
+          if defined?(TailwindMerge) && defined?(ClassVariants)
+            ClassVariants.configure do |config|
+              merger = TailwindMerge::Merger.new
+              config.process_classes_with do |classes|
+                merger.merge(classes)
+              end
+            end
+          end
+        RUBY
+        say "Created vendor initializer: config/initializers/daisyui_on_phlex.rb", :green
+      end
+      def update_tailwind_config
+        say "📝 To include DaisyUI styles 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 ""
+        say "2. Or in your JavaScript file (application.js):", :yellow
+        say "   //= require daisyui_on_phlex", :cyan
+        say ""
+        say "3. For Tailwind CSS, ensure your tailwind.config.js includes:", :yellow
+        say '   content: ["./vendor/daisyui_on_phlex/**/*.rb"]', :cyan
+        say ""
+      end
       def show_readme
+        components_source_path = File.join(self.class.source_root, "components")
+        component_count = Dir.glob(File.join(components_source_path, "*.rb")).count
         say <<~TEXT, :green
         DaisyUI On Phlex has been installed! 🎉
-        You can now use DaisyUI components in your Phlex views:
+        ✅ All #{component_count} components have been copied to vendor/daisyui_on_phlex/
+        ✅ DaisyUI CSS & JS automatically provided via Rails Engine
+        ✅ Vendor initializer created (config/initializers/daisyui_on_phlex.rb)
+        ✅ Ready to use in your Phlex views
+        📦 Optional: Install DaisyUI via NPM for latest features:
+          npm install daisyui
+          # or
+          yarn add daisyui
+        🎨 Recommended gems for better CSS handling:
+          gem 'tailwind_merge'
+          gem 'class_variants'
+        🚀 You can now use DaisyUI components in your Phlex views:
           # In your Phlex view
           class MyView < Phlex::HTML
@@ -61,19 +157,24 @@ module DaisyuiOnPhlex
             end
           end
-        Available components:
-        - Button
-        - Alert
-        - Card
-        - Badge
-        - Modal
-        - Input
-        - And more coming soon...
+        🎯 All 61+ components are now available:
+        - Button, Alert, Card, Badge, Modal, Input
+        - Navigation: Navbar, Menu, Breadcrumbs, Tabs
+        - Data Display: Table, Stat, Timeline, Avatar
+        - Forms: Checkbox, Radio, Select, Toggle
+        - And many more...
-        For more information, visit: https://github.com/jacob/daisyui-on-phlex
+        📁 Components are in vendor/daisyui_on_phlex/components/ and can be customized.
+        📚 For documentation: https://github.com/jacob/daisyui-on-phlex
         TEXT
       end
+      private
+      def gem_installed?(name)
+        Gem::Specification.find_all_by_name(name).any?
+      end
     end
   end
 end

data/lib/daisyui_on_phlex/version.rb CHANGED Viewed

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

metadata CHANGED Viewed

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: daisyui_on_phlex
 version: !ruby/object:Gem::Version
-  version: 0.2.4
+  version: 0.4.0
 platform: ruby
 authors:
 - JacobAlexander
@@ -69,20 +69,20 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '1.31'
+        version: '1.3'
     - - ">="
       - !ruby/object:Gem::Version
-        version: 1.31.0
+        version: 1.3.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '1.31'
+        version: '1.3'
     - - ">="
       - !ruby/object:Gem::Version
-        version: 1.31.0
+        version: 1.3.0
 - !ruby/object:Gem::Dependency
   name: rails
   requirement: !ruby/object:Gem::Requirement
@@ -142,7 +142,6 @@ extra_rdoc_files: []
 files:
 - ".github/copilot-instructions.md"
 - CHANGELOG.md
-- INSTALLATION.md
 - LICENSE
 - README.md
 - Rakefile

data/INSTALLATION.md DELETED Viewed

@@ -1,129 +0,0 @@
-# DaisyUI on Phlex Installation
-After installing the gem, follow these steps to set up DaisyUI styles in your Rails application:
-## 1. Import the main CSS file
-Add the following import to your `app/assets/stylesheets/application.css` (or `app/assets/stylesheets/application.tailwind.css` if using tailwindcss-rails):
-```css
-@import "tailwindcss";
-@import "daisyui_on_phlex/stylesheets/daisyui_on_phlex.css";
-```
-## 2. Configure your HTML layout
-Make sure your HTML layout supports theme switching by adding the `data-theme` attribute to your `<html>` tag:
-```erb
-<!DOCTYPE html>
-<html data-theme="light">
-  <head>
-    <!-- Your head content -->
-  </head>
-  <body>
-    <!-- Your body content -->
-  </body>
-</html>
-```
-## 3. Theme Configuration
-The CSS file includes the most popular DaisyUI themes by default:
-- `light` (default)
-- `dark` (prefers dark mode)
-- `cupcake`, `dracula`, `emerald`, `corporate`, `synthwave`, `retro`, `cyberpunk`
-- `valentine`, `halloween`, `garden`, `forest`, `aqua`, `lofi`, `pastel`
-- `fantasy`, `wireframe`, `black`, `luxury`, `autumn`, `business`
-- `acid`, `lemonade`, `night`, `coffee`, `winter`, `dim`, `nord`, `sunset`
-## 4. Theme Switching
-To enable theme switching, you can use the `data-theme` attribute:
-```erb
-<select data-choose-theme>
-  <option value="light">Light</option>
-  <option value="dark">Dark</option>
-  <option value="cupcake">Cupcake</option>
-  <option value="dracula">Dracula</option>
-  <!-- Add more themes as needed -->
-</select>
-```
-For automatic theme switching, consider using the [theme-change](https://github.com/saadeghi/theme-change) library:
-```bash
-npm install theme-change
-```
-Then initialize it in your JavaScript:
-```javascript
-import { themeChange } from 'theme-change'
-themeChange()
-```
-## 5. Custom Themes
-If you want to add custom themes or modify the theme list, you can create your own CSS file that overrides the default configuration:
-```css
-@import "tailwindcss";
-@plugin "daisyui" {
-  themes: light --default, dark --prefersdark, your-custom-theme;
-}
-@plugin "daisyui/theme" {
-  name: "your-custom-theme";
-  default: false;
-  color-scheme: light;
-  --color-primary: oklch(55% 0.3 240);
-  --color-primary-content: oklch(98% 0.01 240);
-  /* Add more custom colors */
-}
-@import "daisyui_on_phlex/stylesheets/daisyui_on_phlex.css";
-```
-## 6. Component Usage
-Now you can use DaisyUI on Phlex components in your views:
-```ruby
-# In your view or component
-render DaisyuiOnPhlex::Components::Button.new(variant: :primary) do
-  "Click me!"
-end
-render DaisyuiOnPhlex::Components::Card.new(class: "w-96") do |card|
-  card.with_body do
-    "This is a card with DaisyUI styling"
-  end
-end
-```
-## Features Included
-The main CSS file provides:
-- **Theme Configuration**: 25+ popular DaisyUI themes enabled
-- **Accessibility Enhancements**: Better focus styles, high contrast support
-- **Responsive Design**: Mobile-first approach with responsive utilities
-- **Animation Support**: Smooth transitions and micro-interactions
-- **Print Styles**: Optimized printing experience
-- **Performance**: Reduced motion support for accessibility
-- **Developer Experience**: Enhanced component integration
-## Troubleshooting
-If you encounter issues:
-1. **Styles not loading**: Ensure the import is after `@import "tailwindcss";`
-2. **Themes not working**: Check that your HTML has the `data-theme` attribute
-3. **Build errors**: Make sure you have Tailwind CSS properly configured in your Rails app
-4. **Missing components**: Verify that the gem is properly installed and required
-For more help, check the [project repository](https://github.com/jacob/daisyui-on-phlex) or open an issue.