daisyui_on_phlex 0.1.0

data/lib/daisyui_on_phlex/components/alert.rb

@@ -0,0 +1,77 @@
+# frozen_string_literal: true
+
+module DaisyuiOnPhlex
+  module Components
+    class Alert < DaisyuiOnPhlex::Base
+      def initialize(
+        variant: :info,
+        **attributes
+      )
+        @variant = variant
+        @attributes = attributes
+      end
+
+      def view_template(&block)
+        div(
+          class: alert_classes,
+          **@attributes
+        ) do
+          render_icon if icon_for_variant
+          div(&block) if block_given?
+        end
+      end
+
+      private
+
+      def alert_classes
+        classes = ["alert"]
+        
+        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"
+        end
+
+        merge_classes(*classes)
+      end
+
+      def icon_for_variant
+        case @variant
+        when :info then "info"
+        when :success then "check"
+        when :warning then "warning"
+        when :error then "error"
+        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",
+          fill: "none",
+          viewBox: "0 0 24 24"
+        ) do
+          render_svg_path
+        end
+      end
+
+      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>'
+        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>'
+        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>'
+        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>'
+        end
+      end
+    end
+  end
+end

data/lib/daisyui_on_phlex/components/badge.rb

@@ -0,0 +1,59 @@
+# frozen_string_literal: true
+
+module DaisyuiOnPhlex
+  module Components
+    class Badge < DaisyuiOnPhlex::Base
+      def initialize(
+        variant: :neutral,
+        size: :md,
+        outline: false,
+        **attributes
+      )
+        @variant = variant
+        @size = size
+        @outline = outline
+        @attributes = attributes
+      end
+
+      def view_template(&block)
+        span(
+          class: badge_classes,
+          **@attributes,
+          &block
+        )
+      end
+
+      private
+
+      def badge_classes
+        classes = ["badge"]
+        
+        # Variant classes
+        case @variant
+        when :primary then classes << "badge-primary"
+        when :secondary then classes << "badge-secondary"
+        when :accent then classes << "badge-accent"
+        when :neutral then classes << "badge-neutral"
+        when :info then classes << "badge-info"
+        when :success then classes << "badge-success"
+        when :warning then classes << "badge-warning"
+        when :error then classes << "badge-error"
+        when :ghost then classes << "badge-ghost"
+        end
+
+        # Size classes
+        case @size
+        when :xs then classes << "badge-xs"
+        when :sm then classes << "badge-sm"
+        when :md then # default, no class needed
+        when :lg then classes << "badge-lg"
+        end
+
+        # Modifier classes
+        classes << "badge-outline" if @outline
+
+        merge_classes(*classes)
+      end
+    end
+  end
+end

data/lib/daisyui_on_phlex/components/button.rb

@@ -0,0 +1,94 @@
+# frozen_string_literal: true
+
+module DaisyuiOnPhlex
+  module Components
+    class Button < DaisyuiOnPhlex::Base
+      def initialize(
+        variant: :primary,
+        size: :md,
+        outline: false,
+        ghost: false,
+        link: false,
+        active: false,
+        disabled: false,
+        loading: false,
+        wide: false,
+        block: false,
+        circle: false,
+        square: false,
+        glass: false,
+        no_animation: false,
+        **attributes
+      )
+        @variant = variant
+        @size = size
+        @outline = outline
+        @ghost = ghost
+        @link = link
+        @active = active
+        @disabled = disabled
+        @loading = loading
+        @wide = wide
+        @block = block
+        @circle = circle
+        @square = square
+        @glass = glass
+        @no_animation = no_animation
+        @attributes = attributes
+      end
+
+      def view_template(&block)
+        button(
+          class: button_classes,
+          disabled: @disabled,
+          **@attributes,
+          &block
+        )
+      end
+
+      private
+
+      def button_classes
+        classes = ["btn"]
+        
+        # Variant classes
+        case @variant
+        when :primary then classes << "btn-primary"
+        when :secondary then classes << "btn-secondary"
+        when :accent then classes << "btn-accent"
+        when :neutral then classes << "btn-neutral"
+        when :info then classes << "btn-info"
+        when :success then classes << "btn-success"
+        when :warning then classes << "btn-warning"
+        when :error then classes << "btn-error"
+        when :ghost then classes << "btn-ghost"
+        when :link then classes << "btn-link"
+        end
+
+        # Size classes
+        case @size
+        when :xs then classes << "btn-xs"
+        when :sm then classes << "btn-sm"
+        when :md then # default, no class needed
+        when :lg then classes << "btn-lg"
+        end
+
+        # Modifier classes
+        classes << "btn-outline" if @outline
+        classes << "btn-ghost" if @ghost
+        classes << "btn-link" if @link
+        classes << "btn-active" if @active
+        classes << "btn-disabled" if @disabled
+        classes << "loading" if @loading
+        classes << "btn-wide" if @wide
+        classes << "btn-block" if @block
+        classes << "btn-circle" if @circle
+        classes << "btn-square" if @square
+        classes << "glass" if @glass
+        classes << "no-animation" if @no_animation
+
+        merge_classes(*classes)
+      end
+    end
+  end
+end

data/lib/daisyui_on_phlex/components/card.rb

@@ -0,0 +1,78 @@
+# frozen_string_literal: true
+
+module DaisyuiOnPhlex
+  module Components
+    class Card < DaisyuiOnPhlex::Base
+      def initialize(
+        compact: false,
+        bordered: false,
+        image_full: false,
+        side: false,
+        **attributes
+      )
+        @compact = compact
+        @bordered = bordered
+        @image_full = image_full
+        @side = side
+        @attributes = attributes
+      end
+
+      def view_template(&block)
+        div(
+          class: card_classes,
+          **@attributes,
+          &block
+        )
+      end
+
+      def body(css_class: nil, **attributes, &block)
+        div(
+          class: merge_classes("card-body", css_class),
+          **attributes,
+          &block
+        )
+      end
+
+      def title(css_class: nil, **attributes, &block)
+        h2(
+          class: merge_classes("card-title", css_class),
+          **attributes,
+          &block
+        )
+      end
+
+      def actions(css_class: nil, **attributes, &block)
+        div(
+          class: merge_classes("card-actions", css_class),
+          **attributes,
+          &block
+        )
+      end
+
+      def figure(css_class: nil, **attributes, &block)
+        figure_tag(
+          class: merge_classes("", css_class),
+          **attributes,
+          &block
+        )
+      end
+
+      private
+
+      def figure_tag(...)
+        public_send(:figure, ...)
+      end
+
+      def card_classes
+        classes = ["card"]
+        
+        classes << "card-compact" if @compact
+        classes << "card-bordered" if @bordered
+        classes << "image-full" if @image_full
+        classes << "card-side" if @side
+
+        merge_classes(*classes)
+      end
+    end
+  end
+end

data/lib/daisyui_on_phlex/components/input.rb

@@ -0,0 +1,62 @@
+# frozen_string_literal: true
+
+module DaisyuiOnPhlex
+  module Components
+    class Input < DaisyuiOnPhlex::Base
+      def initialize(
+        type: :text,
+        size: :md,
+        variant: nil,
+        bordered: true,
+        ghost: false,
+        **attributes
+      )
+        @type = type
+        @size = size
+        @variant = variant
+        @bordered = bordered
+        @ghost = ghost
+        @attributes = attributes
+      end
+
+      def view_template
+        input(
+          type: @type,
+          class: input_classes,
+          **@attributes
+        )
+      end
+
+      private
+
+      def input_classes
+        classes = ["input"]
+        
+        # Base styling
+        classes << "input-bordered" if @bordered
+        classes << "input-ghost" if @ghost
+
+        # Size classes
+        case @size
+        when :xs then classes << "input-xs"
+        when :sm then classes << "input-sm"
+        when :md then # default, no class needed
+        when :lg then classes << "input-lg"
+        end
+
+        # Variant classes
+        case @variant
+        when :primary then classes << "input-primary"
+        when :secondary then classes << "input-secondary"
+        when :accent then classes << "input-accent"
+        when :info then classes << "input-info"
+        when :success then classes << "input-success"
+        when :warning then classes << "input-warning"
+        when :error then classes << "input-error"
+        end
+
+        merge_classes(*classes)
+      end
+    end
+  end
+end

data/lib/daisyui_on_phlex/components/modal.rb

@@ -0,0 +1,69 @@
+# frozen_string_literal: true
+
+module DaisyuiOnPhlex
+  module Components
+    class Modal < DaisyuiOnPhlex::Base
+      def initialize(
+        id:,
+        open: false,
+        **attributes
+      )
+        @id = id
+        @open = open
+        @attributes = attributes
+      end
+
+      def view_template(&block)
+        # Modal trigger (checkbox for CSS-only modal)
+        input(
+          type: "checkbox",
+          id: @id,
+          class: "modal-toggle",
+          checked: @open
+        )
+
+        # Modal
+        div(
+          class: "modal",
+          role: "dialog"
+        ) do
+          div(
+            class: "modal-box",
+            **@attributes,
+            &block
+          )
+          
+          # Close modal when clicking outside
+          label(
+            class: "modal-backdrop",
+            for: @id
+          )
+        end
+      end
+
+      def title(css_class: nil, **attributes, &block)
+        h3(
+          class: merge_classes("text-lg font-bold", css_class),
+          **attributes,
+          &block
+        )
+      end
+
+      def action(**attributes, &block)
+        div(
+          class: "modal-action",
+          **attributes,
+          &block
+        )
+      end
+
+      def close_button(text = "Close", **attributes)
+        label(
+          for: @id,
+          class: merge_classes("btn", attributes[:class]),
+          **attributes.except(:class)
+        ) { text }
+      end
+    end
+  end
+end

data/lib/daisyui_on_phlex/generators/install_generator.rb

@@ -0,0 +1,79 @@
+# frozen_string_literal: true
+
+require "rails/generators/base"
+
+module DaisyuiOnPhlex
+  module Generators
+    class InstallGenerator < Rails::Generators::Base
+      desc "Install DaisyUI On Phlex"
+      source_root File.expand_path("templates", __dir__)
+
+      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
+      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)
+          
+          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
+          else
+            say "DaisyUI plugin already configured in Tailwind CSS", :yellow
+          end
+        else
+          say "Tailwind CSS configuration not found. Please add @plugin \"./daisyui.js\"; to your Tailwind CSS configuration manually.", :yellow
+        end
+      end
+
+      def show_readme
+        say <<~TEXT, :green
+
+        DaisyUI On Phlex has been installed! 🎉
+
+        You can now use DaisyUI components in your Phlex views:
+
+          # In your Phlex view
+          class MyView < Phlex::HTML
+            def view_template
+              render DaisyuiOnPhlex::Components::Button.new(variant: :primary) do
+                "Click me!"
+              end
+              
+              render DaisyuiOnPhlex::Components::Alert.new(variant: :success) do
+                "Success message"
+              end
+            end
+          end
+
+        Available components:
+        - Button
+        - Alert  
+        - Card
+        - Badge
+        - Modal
+        - Input
+        - And more coming soon...
+
+        For more information, visit: https://github.com/jacob/daisyui-on-phlex
+
+        TEXT
+      end
+    end
+  end
+end

data/lib/daisyui_on_phlex/railtie.rb

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+require "rails/railtie"
+
+module DaisyuiOnPhlex
+  class Railtie < Rails::Railtie
+    initializer "daisyui_on_phlex.setup" do |app|
+      # Add any Rails-specific setup here
+      if defined?(Phlex::Rails)
+        # Ensure Phlex can find our components
+        app.config.autoload_paths += %W[
+          #{File.join(__dir__, "components")}
+        ]
+      end
+    end
+
+    generators do
+      require_relative "generators/install_generator"
+    end
+  end
+end

data/lib/daisyui_on_phlex/stylesheets/daisyui_on_phlex.css

@@ -0,0 +1,116 @@
+/**
+ * DaisyUI on Phlex - Main CSS file
+ * 
+ * This file provides the essential DaisyUI setup for Phlex components.
+ * Import this file in your application.css after importing Tailwind CSS.
+ * 
+ * Usage:
+ * @import "tailwindcss";
+ * @import "daisyui_on_phlex/stylesheets/daisyui_on_phlex.css";
+ */
+
+/* DaisyUI Plugin Configuration */
+@plugin "daisyui" {
+  /* Enable commonly used themes with sensible defaults */
+  /* themes: light --default, dark --prefersdark, 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; */
+  themes: light --default, dark --prefersdark;
+  
+  /* Disable logs in production for cleaner console output */
+  logs: false;
+}
+
+/* Base Styles for Better Component Integration */
+:root {
+  /* Ensure smooth theme transitions */
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 200ms;
+}
+
+/* Theme-aware focus styles for better accessibility */
+*:focus-visible {
+  @apply outline-2 outline-offset-2 outline-primary;
+}
+
+/* Enhanced scrollbar styling using DaisyUI color variables */
+* {
+  scrollbar-width: thin;
+  scrollbar-color: hsl(var(--color-base-content) / 0.2) transparent;
+}
+
+*::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+*::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+*::-webkit-scrollbar-thumb {
+  background: hsl(var(--color-base-content) / 0.2);
+  border-radius: 0.25rem;
+}
+
+*::-webkit-scrollbar-thumb:hover {
+  background: hsl(var(--color-base-content) / 0.3);
+}
+
+/* Component-specific enhancements */
+
+/* Ensure proper text wrapping in cards */
+.card-body {
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+}
+
+/* Better modal backdrop behavior */
+.modal {
+  backdrop-filter: blur(4px);
+}
+
+/* Enhanced button states */
+.btn:disabled {
+  @apply opacity-50 cursor-not-allowed;
+}
+
+/* Alert icon spacing */
+.alert svg {
+  @apply shrink-0;
+}
+
+/* Badge content alignment */
+.badge {
+  @apply inline-flex items-center justify-center;
+}
+
+/* Theme transition for all elements */
+[data-theme] {
+  transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
+}
+
+/* Reduced motion preferences */
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+  }
+}
+
+/* Print styles - ensure readability when printing */
+@media print {
+  .modal,
+  .drawer,
+  .dropdown-content {
+    display: none !important;
+  }
+  
+  .btn,
+  .card,
+  .alert {
+    break-inside: avoid;
+  }
+}

data/lib/daisyui_on_phlex/version.rb

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

data/lib/daisyui_on_phlex.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+require "tailwind_merge"
+require_relative "daisyui_on_phlex/version"
+require_relative "daisyui_on_phlex/base"
+require_relative "daisyui_on_phlex/railtie" if defined?(Rails)
+
+# Load all component files
+Dir[File.join(__dir__, "daisyui_on_phlex", "components", "*.rb")].each { |file| require file }
+
+module DaisyuiOnPhlex
+  class Error < StandardError; end
+end

data/sig/daisyui_on_phlex.rbs

@@ -0,0 +1,4 @@
+module DaisyuiOnPhlex
+  VERSION: String
+  # See the writing guide of rbs: https://github.com/ruby/rbs#guides
+end