phlexy_ui 0.1.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 649e11b247a2b1cb86b47caaba5c5fbf69210a6f563aaf05bdc86d97799faf8f
+  data.tar.gz: 64c75e9f793b708663902157539672abf743407100d247093467d7f94473b735
+SHA512:
+  metadata.gz: b1a9b52e5ca14871a3aea5d2f792dd8d549ca7a31cb4dd06bfbd90573998768db3ece9752d9a27af1b2d2fed2f0aea8c7ffd8efdec1373a306a74556a19b235f
+  data.tar.gz: 3ab85f2c5f6d9a09c04d57bf978c43d82abb2ed3e4157e55b5de179c7b4a7b38c60ef1e619a491512a18590799d803ad36f40c279fbc3dd36fad89fe710482f5

data/lib/phlexy_ui/base.rb

@@ -0,0 +1,48 @@
+# frozen_string_literal: true
+
+module PhlexyUI
+  class Base < Phlex::HTML
+    def initialize(*normal_conditions, sm: [], md: [], lg: [], **options)
+      @normal_conditions = normal_conditions
+      @sm_conditions = Array(sm)
+      @md_conditions = Array(md)
+      @lg_conditions = Array(lg)
+      @options = options
+      @data = options.delete(:data)
+    end
+
+    private
+
+    attr_reader :normal_conditions,
+      :sm_conditions,
+      :md_conditions,
+      :lg_conditions,
+      :options,
+      :data,
+      :as
+
+    def classes
+      [
+        prefixed(self.class::BASE_HTML_CLASS),
+        *html_classes_for_conditions(normal_conditions),
+        *html_classes_for_conditions(sm_conditions, responsive_prefix: :sm),
+        *html_classes_for_conditions(md_conditions, responsive_prefix: :md),
+        *html_classes_for_conditions(lg_conditions, responsive_prefix: :lg)
+      ]
+    end
+
+    def html_classes_for_conditions(conditions, responsive_prefix: nil)
+      conditions.map do |condition|
+        class_name = prefixed self.class::CONDITIONS_CLASSES.fetch(condition)
+
+        responsive_prefix ? "#{responsive_prefix}:#{class_name}" : class_name
+      end
+    rescue KeyError => e
+      raise ArgumentError, "Condition `#{e.key}` is not defined for #{self.class}"
+    end
+
+    def prefixed(string)
+      "#{PhlexyUI.configuration.prefix}#{string}"
+    end
+  end
+end

data/lib/phlexy_ui/button.rb

@@ -0,0 +1,39 @@
+# frozen_string_literal: true
+
+module PhlexyUI
+  class Button < Base
+    CONDITIONS_CLASSES = {
+      # Modifiers
+      no_animation: "no-animation",
+      glass: "glass",
+      ghost: "btn-ghost",
+      link: "btn-link",
+      outline: "btn-outline",
+      active: "btn-active",
+      disabled: "btn-disabled",
+      lg: "btn-lg",
+      md: "btn-md",
+      sm: "btn-sm",
+      xs: "btn-xs",
+      wide: "btn-wide",
+      block: "btn-block",
+      circle: "btn-circle",
+      square: "btn-square",
+      # Colors
+      neutral: "btn-neutral",
+      primary: "btn-primary",
+      secondary: "btn-secondary",
+      accent: "btn-accent",
+      info: "btn-info",
+      success: "btn-success",
+      warning: "btn-warning",
+      error: "btn-error"
+    }.freeze
+
+    BASE_HTML_CLASS = "btn"
+
+    def view_template(&)
+      button(class: classes, data:, &)
+    end
+  end
+end

data/lib/phlexy_ui/card.rb

@@ -0,0 +1,43 @@
+# frozen_string_literal: true
+
+module PhlexyUI
+  class Card < Base
+    CONDITIONS_CLASSES = {
+      # Modifiers
+      image_full: "image-full",
+      bordered: "card-bordered",
+      normal: "card-normal",
+      compact: "card-compact",
+      side: "card-side"
+    }.freeze
+
+    BASE_HTML_CLASS = "card"
+
+    def initialize(*, as: :section, **)
+      super(*, **)
+      @as = as
+    end
+
+    def view_template(&)
+      public_send(as, class: classes, data: data, &)
+    end
+
+    def body(**options, &)
+      classes = ["card-body", options.delete(:class)]
+
+      div(class: classes, **options, &)
+    end
+
+    def title(**options, &)
+      classes = ["card-title", options.delete(:class)]
+
+      header(class: classes, **options, &)
+    end
+
+    def actions(**options, &)
+      classes = ["card-actions", options.delete(:class)]
+
+      footer(class: classes, **options, &)
+    end
+  end
+end

data/lib/phlexy_ui/configurable.rb

@@ -0,0 +1,21 @@
+module PhlexyUI
+  module Configurable
+    def configure
+      self.configuration ||= Configuration.new
+      yield(configuration) if block_given?
+      configuration
+    end
+
+    def configuration
+      @configuration ||= Configuration.new
+    end
+
+    class Configuration
+      attr_accessor :prefix
+
+      def initialize
+        @prefix = nil
+      end
+    end
+  end
+end

data/lib/phlexy_ui/version.rb

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

data/lib/phlexy_ui.rb

@@ -0,0 +1,18 @@
+require "phlex"
+require "zeitwerk"
+require_relative "phlexy_ui/version"
+
+loader = Zeitwerk::Loader.for_gem
+loader.inflector.inflect(
+  "phlexy_ui" => "PhlexyUI"
+)
+loader.setup # ready!
+
+module PhlexyUI
+  extend Configurable
+  extend Phlex::Kit
+
+  autoload :Button, "phlexy_ui/button"
+end
+
+loader.eager_load

metadata

@@ -0,0 +1,105 @@
+--- !ruby/object:Gem::Specification
+name: phlexy_ui
+version: !ruby/object:Gem::Version
+  version: 0.1.1
+platform: ruby
+authors:
+- David Alejandro Aguilar Ramos
+autorequire:
+bindir: bin
+cert_chain: []
+date: 2024-08-02 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: phlex
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.10'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.10'
+- !ruby/object:Gem::Dependency
+  name: zeitwerk
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.6'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.6'
+- !ruby/object:Gem::Dependency
+  name: standard
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: rspec
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+description: PhlexyUI is a Ruby UI component library for DaisyUI using Phlex
+email: boil-dosage.0p@icloud.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- lib/phlexy_ui.rb
+- lib/phlexy_ui/base.rb
+- lib/phlexy_ui/button.rb
+- lib/phlexy_ui/card.rb
+- lib/phlexy_ui/configurable.rb
+- lib/phlexy_ui/version.rb
+homepage: https://rubygems.org/gems/phlexy_ui
+licenses:
+- MIT
+metadata:
+  source_code_uri: https://github.com/PhlexyUI/phlexy_ui
+post_install_message:
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '3.2'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.5.10
+signing_key:
+specification_version: 4
+summary: PhlexyUI is a Ruby UI component library for DaisyUI using Phlex
+test_files: []