essence 0.0.1 → 0.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3acda3586f5ce867e81e4236dba2d14fda436ad78a3b9c8f809de085f81d0d16
-  data.tar.gz: 5a7520cd5b844f1f919170cae639d7a8a79869d8adb50b11e2f9920ce12bce23
+  metadata.gz: 0a9516a2911b410deb58ca4b9ba2afbf083752314b0bb6df0018c81a4615f14d
+  data.tar.gz: 51074c18359021237cc4588b64a858aed0464746d5b9d0f0513319e722b73828
 SHA512:
-  metadata.gz: '08e94dc326cb3e5952d3b3b5219ccf6732dce513dc20a5893a4f2f52659886df76b52dfccffcfb2651b699abe64fbab030a845516394643a8ac78498ce71b779'
-  data.tar.gz: f4da1bb2446187c0a2ecba82cdefc7aeeef5d255024807d9602b9b990fa58bdb299842d0cf422c67b3d3ea8d165b0cc093d24fd662e58503c2e2b617974cbe80
+  metadata.gz: a94fccdf29ea63f7fd807b786f8bd477ac44feb623a19bae66814412d6c170536b15ec46f8f02266c5bf6afbc0db61f2c30e95f2b58e5a6dbb3288a807af18ac
+  data.tar.gz: 8e49f1011e3ddbecf3b37f3f5a0bd257b94061eab3053c8f06f616f3a60cd5f179688f9deacda83eb6ccb9129c48a0c47c6b8607fe5ca80c36e9b22e379c5dec

data/lib/essence/component.rb

@@ -0,0 +1,16 @@
+class Essence::Component < Phlex::HTML
+  TAILWIND_MERGER = ::TailwindMerge::Merger.new.freeze unless defined?(TAILWIND_MERGER)
+
+  attr_reader :attributes
+
+  def initialize(**attributes)
+    @attributes = attributes
+    @attributes[:class] = TAILWIND_MERGER.merge([self.class::CLASSES, @attributes[:class]]) if @attributes[:class]
+  end
+
+  private
+
+  def default_attributes
+    {}
+  end
+end

data/lib/essence/components/button.rb

@@ -0,0 +1,51 @@
+# frozen_string_literal: true
+
+class Essence::Button < Essence::Component
+  BASE = "inline-flex items-center rounded-xs border border-transparent font-medium transition duration-150 cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed hover:opacity-90"
+
+  SIZES = {
+    none: "",
+    xs: "text-[0.6rem] px-2 py-1.5 gap-1",
+    sm: "text-xs px-3 py-2 gap-1.5",
+    md: "text-sm px-4 py-2 gap-2",
+    lg: "text-base px-6 py-2.5 gap-2.5",
+    xl: "text-base px-8 py-3 gap-3"
+  }
+
+  KINDS = {
+    primary: "text-white bg-indigo-500 hover:bg-indigo-500",
+    secondary: "text-gray-700 bg-gray-100 hover:bg-gray-200",
+    critical: "text-white bg-rose-500 hover:bg-rose-400",
+    warning: "text-white bg-amber-500 hover:bg-amber-400",
+    success: "text-white bg-emerald-500 hover:bg-emerald-400",
+    info: "text-white bg-blue-500 hover:bg-blue-400",
+    dark: "text-white bg-gray-900 hover:bg-gray-800",
+    white: "text-gray-900 bg-white hover:bg-gray-200",
+    ghost: "text-gray-900 bg-white hover:bg-gray-200 hover:text-gray-800"
+  }
+
+  attr_reader :size
+  attr_reader :kind
+  attr_reader :attributes
+
+  def initialize(size: :md, kind: :primary, **attributes)
+    @size = size
+    @kind = kind
+    @attributes = attributes
+    @attributes[:class] = construct_classes(@attributes[:class])
+  end
+
+  def view_template(&)
+    element_tag(**attributes, &)
+  end
+
+  private
+
+  def element_tag(...)
+    attributes[:href] ? a(...) : button(...)
+  end
+
+  def construct_classes(classes)
+    TAILWIND_MERGER.merge([ BASE, SIZES[size], KINDS[kind], classes ].compact)
+  end
+end

data/lib/essence/components/link.rb

@@ -0,0 +1,20 @@
+# frozen_string_literal: true
+
+class Essence::Link < Essence::Component
+  CLASS = "inline-flex items-center gap-1 font-medium text-gray-900 border-b-2 hover:border-gray-900 transition-colors"
+  KINDS = {
+    regular: "border-transparent",
+    underline: "border-gray-200"
+  }
+
+  attr_reader :attributes
+
+  def initialize(kind: :regular, **attributes)
+    @attributes = attributes
+    @attributes[:class] = @attributes[:class] ? TAILWIND_MERGER.merge([ CLASS, @attributes[:class] ]) : CLASS
+  end
+
+  def view_template(&)
+    a(**attributes, &)
+  end
+end

data/lib/essence/components/row.rb

@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+
+class Essence::Row < Essence::Component
+  CLASS = "flex gap-4"
+
+  KINDS = {
+    default: "flex-col md:flex-row md:items-center md:justify-between",
+    center: "flex-col md:flex-row md:items-center md:justify-center",
+    start: "flex-col md:flex-row md:items-center md:justify-start",
+    end: "flex-col md:flex-row md:items-center md:justify-end",
+  }
+
+  attr_reader :kind
+  attr_reader :attributes
+
+  def initialize(kind: :default, **attributes)
+    @kind = kind
+    @attributes = attributes
+    @attributes[:class] = @attributes[:class] ? TAILWIND_MERGER.merge([ CLASS, KINDS[kind], @attributes[:class] ]) : CLASS
+  end
+
+  def view_template(&)
+    div(**attributes, &)
+  end
+
+  def item(**attrs, &)
+    div(class: TAILWIND_MERGER.merge([ "flex items-center gap-2 flex-wrap", iattrs[:class] ]), **attrs, &)
+  end
+end

data/lib/essence/components/skeleton.rb

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+
+class Essence::Skeleton < Essence::Component
+  CLASSES = "animate-pulse bg-gray-200/55 rounded-xs"
+
+  def initialize(**attributes)
+    @attributes = attributes
+    @attributes[:class] = @attributes[:class] ? TAILWIND_MERGER.merge([ CLASSES, @attributes[:class] ]) : CLASSES
+  end
+
+  def view_template(&)
+    div(**@attributes, &)
+  end
+end

data/lib/essence/version.rb

@@ -1,3 +1,3 @@
 module Essence
-  VERSION = "0.0.1"
+  VERSION = "0.1.0"
 end

data/lib/essence.rb

@@ -1,5 +1,11 @@
-class Essence
-  def self.display
-    :voila
-  end
+require "tailwind_merge"
+
+module Essence
+  # Autoloading
+  autoload :Component, "essence/component"
+
+  autoload :Button, "essence/components/button"
+  autoload :Link, "essence/components/link"
+  autoload :Skeleton, "essence/components/skeleton"
+  autoload :Row, "essence/components/row"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: essence
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.1.0
 platform: ruby
 authors:
 - Elvinas Predkelis
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-10-23 00:00:00.000000000 Z
+date: 2024-12-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: phlex
@@ -17,14 +17,28 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 2.0.0.beta2
+        version: 2.0.0.rc1
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 2.0.0.beta2
+        version: 2.0.0.rc1
+- !ruby/object:Gem::Dependency
+  name: tailwind_merge
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 0.13.3
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 0.13.3
 description: Component library for Ruby applications using Phlex
 email:
 - info@primevise.com
@@ -33,6 +47,11 @@ extensions: []
 extra_rdoc_files: []
 files:
 - lib/essence.rb
+- lib/essence/component.rb
+- lib/essence/components/button.rb
+- lib/essence/components/link.rb
+- lib/essence/components/row.rb
+- lib/essence/components/skeleton.rb
 - lib/essence/version.rb
 homepage: https://rubygems.org/gems/essence
 licenses: