atomic_view 0.0.1 → 0.0.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8dcef405148fcf0ef2b4c47209f41b37fb305892e1f4a4966c9e945d63840c3d
-  data.tar.gz: e049e89234232ae388cefaacbd165738c6c127ed5856453976b1fdaebdabbb25
+  metadata.gz: 2dffba601d7250090a7560d3cd7407c0593a998c38202d61a09e892671c73bcf
+  data.tar.gz: 31fa287050869d231c1adc639236f121ddea420aaf5c29c9298ff3e4dc0700f5
 SHA512:
-  metadata.gz: bc36fdcbadf439eeeefc3eb148e5ad07a15364cf28be682241051ad773c87489c12078bb0e51dc9b77477bce0555819f0159396148ba28a9e186bbe17ce91ed8
-  data.tar.gz: f8a93d1fd48feb8fb310d42ba4c19956c18cbc37d47c812b1213502f5d6e092f27fb8b89c679403449a377a7661c290d916e726f97d6afaca2ed97b19e2a015a
+  metadata.gz: bdb30f9edcc0441002c26132713ada3637100abe083f78105ab660c99a31eea32c5fccff7507b9e006f4d61fd416d7d5aa4f242b8099a6e623a7c3744c445a73
+  data.tar.gz: 17cfe35aad5bad71e75423f83436b32f2a59eeff8fff67044373b72d7a6aec285f1e21e8a1ef001673eaab4375616e0151e9160d5397e13bce8a7619f2609a1e

data/.ruby-version

@@ -0,0 +1 @@
+3.3.0

data/Gemfile

@@ -1,9 +1,11 @@
 # frozen_string_literal: true
 
 source "https://rubygems.org"
+git_source(:github) { |repo| "https://github.com/#{repo}.git" }
 
 gemspec
 
+gem "codelog", github: "codus/codelog", branch: "master"
 gem "rake", "~> 13.0"
 gem "rspec", "~> 3.0"
-gem "rubocop", "~> 1.21"
+gem "standard", "~> 1.21"

data/Gemfile.lock

@@ -1,25 +1,193 @@
+GIT
+  remote: https://github.com/codus/codelog.git
+  revision: 2194f26f01b07b306d5791bcbebd17b6af2d928a
+  branch: master
+  specs:
+    codelog (0.8.0)
+      thor (~> 1.0)
+
 PATH
   remote: .
   specs:
     atomic_view (0.0.1)
+      rails (~> 7.2.0)
+      tailwind_merge (~> 0.12)
+      view_component (~> 3.13)
 
 GEM
   remote: https://rubygems.org/
   specs:
+    actioncable (7.2.0)
+      actionpack (= 7.2.0)
+      activesupport (= 7.2.0)
+      nio4r (~> 2.0)
+      websocket-driver (>= 0.6.1)
+      zeitwerk (~> 2.6)
+    actionmailbox (7.2.0)
+      actionpack (= 7.2.0)
+      activejob (= 7.2.0)
+      activerecord (= 7.2.0)
+      activestorage (= 7.2.0)
+      activesupport (= 7.2.0)
+      mail (>= 2.8.0)
+    actionmailer (7.2.0)
+      actionpack (= 7.2.0)
+      actionview (= 7.2.0)
+      activejob (= 7.2.0)
+      activesupport (= 7.2.0)
+      mail (>= 2.8.0)
+      rails-dom-testing (~> 2.2)
+    actionpack (7.2.0)
+      actionview (= 7.2.0)
+      activesupport (= 7.2.0)
+      nokogiri (>= 1.8.5)
+      racc
+      rack (>= 2.2.4, < 3.2)
+      rack-session (>= 1.0.1)
+      rack-test (>= 0.6.3)
+      rails-dom-testing (~> 2.2)
+      rails-html-sanitizer (~> 1.6)
+      useragent (~> 0.16)
+    actiontext (7.2.0)
+      actionpack (= 7.2.0)
+      activerecord (= 7.2.0)
+      activestorage (= 7.2.0)
+      activesupport (= 7.2.0)
+      globalid (>= 0.6.0)
+      nokogiri (>= 1.8.5)
+    actionview (7.2.0)
+      activesupport (= 7.2.0)
+      builder (~> 3.1)
+      erubi (~> 1.11)
+      rails-dom-testing (~> 2.2)
+      rails-html-sanitizer (~> 1.6)
+    activejob (7.2.0)
+      activesupport (= 7.2.0)
+      globalid (>= 0.3.6)
+    activemodel (7.2.0)
+      activesupport (= 7.2.0)
+    activerecord (7.2.0)
+      activemodel (= 7.2.0)
+      activesupport (= 7.2.0)
+      timeout (>= 0.4.0)
+    activestorage (7.2.0)
+      actionpack (= 7.2.0)
+      activejob (= 7.2.0)
+      activerecord (= 7.2.0)
+      activesupport (= 7.2.0)
+      marcel (~> 1.0)
+    activesupport (7.2.0)
+      base64
+      bigdecimal
+      concurrent-ruby (~> 1.0, >= 1.3.1)
+      connection_pool (>= 2.2.5)
+      drb
+      i18n (>= 1.6, < 2)
+      logger (>= 1.4.2)
+      minitest (>= 5.1)
+      securerandom (>= 0.3)
+      tzinfo (~> 2.0, >= 2.0.5)
     ast (2.4.2)
-    codelog (0.8.0)
-      thor (~> 0.19)
+    base64 (0.2.0)
+    bigdecimal (3.1.8)
+    builder (3.3.0)
+    concurrent-ruby (1.3.3)
+    connection_pool (2.4.1)
+    crass (1.0.6)
+    date (3.3.4)
     diff-lcs (1.5.1)
+    drb (2.2.1)
+    erubi (1.13.0)
+    globalid (1.2.1)
+      activesupport (>= 6.1)
+    i18n (1.14.5)
+      concurrent-ruby (~> 1.0)
+    io-console (0.7.2)
+    irb (1.14.0)
+      rdoc (>= 4.0.0)
+      reline (>= 0.4.2)
     json (2.7.2)
     language_server-protocol (3.17.0.3)
+    lint_roller (1.1.0)
+    logger (1.6.0)
+    loofah (2.22.0)
+      crass (~> 1.0.2)
+      nokogiri (>= 1.12.0)
+    lru_redux (1.1.0)
+    mail (2.8.1)
+      mini_mime (>= 0.1.1)
+      net-imap
+      net-pop
+      net-smtp
+    marcel (1.0.4)
+    method_source (1.1.0)
+    mini_mime (1.1.5)
+    minitest (5.24.1)
+    net-imap (0.4.14)
+      date
+      net-protocol
+    net-pop (0.1.2)
+      net-protocol
+    net-protocol (0.2.2)
+      timeout
+    net-smtp (0.5.0)
+      net-protocol
+    nio4r (2.7.3)
+    nokogiri (1.16.6-arm64-darwin)
+      racc (~> 1.4)
+    nokogiri (1.16.6-x86_64-linux)
+      racc (~> 1.4)
     parallel (1.25.1)
     parser (3.3.3.0)
       ast (~> 2.4.1)
       racc
+    psych (5.1.2)
+      stringio
     racc (1.8.0)
+    rack (3.1.6)
+    rack-session (2.0.0)
+      rack (>= 3.0.0)
+    rack-test (2.1.0)
+      rack (>= 1.3)
+    rackup (2.1.0)
+      rack (>= 3)
+      webrick (~> 1.8)
+    rails (7.2.0)
+      actioncable (= 7.2.0)
+      actionmailbox (= 7.2.0)
+      actionmailer (= 7.2.0)
+      actionpack (= 7.2.0)
+      actiontext (= 7.2.0)
+      actionview (= 7.2.0)
+      activejob (= 7.2.0)
+      activemodel (= 7.2.0)
+      activerecord (= 7.2.0)
+      activestorage (= 7.2.0)
+      activesupport (= 7.2.0)
+      bundler (>= 1.15.0)
+      railties (= 7.2.0)
+    rails-dom-testing (2.2.0)
+      activesupport (>= 5.0.0)
+      minitest
+      nokogiri (>= 1.6)
+    rails-html-sanitizer (1.6.0)
+      loofah (~> 2.21)
+      nokogiri (~> 1.14)
+    railties (7.2.0)
+      actionpack (= 7.2.0)
+      activesupport (= 7.2.0)
+      irb (~> 1.13)
+      rackup (>= 1.0.0)
+      rake (>= 12.2)
+      thor (~> 1.0, >= 1.2.2)
+      zeitwerk (~> 2.6)
     rainbow (3.1.1)
     rake (13.2.1)
+    rdoc (6.7.0)
+      psych (>= 4.0.0)
     regexp_parser (2.9.2)
+    reline (0.5.9)
+      io-console (~> 0.5)
     rexml (3.3.1)
       strscan
     rspec (3.13.0)
@@ -48,20 +216,54 @@ GEM
       unicode-display_width (>= 2.4.0, < 3.0)
     rubocop-ast (1.31.3)
       parser (>= 3.3.1.0)
+    rubocop-performance (1.21.1)
+      rubocop (>= 1.48.1, < 2.0)
+      rubocop-ast (>= 1.31.1, < 2.0)
     ruby-progressbar (1.13.0)
+    securerandom (0.3.1)
+    standard (1.39.1)
+      language_server-protocol (~> 3.17.0.2)
+      lint_roller (~> 1.0)
+      rubocop (~> 1.64.0)
+      standard-custom (~> 1.0.0)
+      standard-performance (~> 1.4)
+    standard-custom (1.0.2)
+      lint_roller (~> 1.0)
+      rubocop (~> 1.50)
+    standard-performance (1.4.0)
+      lint_roller (~> 1.1)
+      rubocop-performance (~> 1.21.0)
+    stringio (3.1.1)
     strscan (3.1.0)
-    thor (0.20.3)
+    tailwind_merge (0.12.0)
+      lru_redux (~> 1.1)
+    thor (1.3.1)
+    timeout (0.4.1)
+    tzinfo (2.0.6)
+      concurrent-ruby (~> 1.0)
     unicode-display_width (2.5.0)
+    useragent (0.16.10)
+    view_component (3.13.0)
+      activesupport (>= 5.2.0, < 8.0)
+      concurrent-ruby (~> 1.0)
+      method_source (~> 1.0)
+    webrick (1.8.1)
+    websocket-driver (0.7.6)
+      websocket-extensions (>= 0.1.0)
+    websocket-extensions (0.1.5)
+    zeitwerk (2.6.16)
 
 PLATFORMS
   arm64-darwin-21
+  arm64-darwin-23
+  x86_64-linux
 
 DEPENDENCIES
   atomic_view!
-  codelog
+  codelog!
   rake (~> 13.0)
   rspec (~> 3.0)
-  rubocop (~> 1.21)
+  standard (~> 1.21)
 
 BUNDLED WITH
    2.4.12

data/README.md

@@ -4,15 +4,42 @@ Component library built for [Ruby on Rails](https://rubyonrails.org/) with first
 
 ## Installation
 
-TODO: Replace `UPDATE_WITH_YOUR_GEM_NAME_PRIOR_TO_RELEASE_TO_RUBYGEMS_ORG` with your gem name right after releasing it to RubyGems.org. Please do not do it earlier due to security reasons. Alternatively, replace this section with instructions to install your gem from git if you don't plan to release to RubyGems.org.
+Install AtomicView from [RubyGems](https://rubygems.org/) by adding it to your `Gemfile`, and then bundling.
 
-Install the gem and add to the application's Gemfile by executing:
+```ruby
+# Gemfile
+gem "atomic_view"
+```
 
-    $ bundle add UPDATE_WITH_YOUR_GEM_NAME_PRIOR_TO_RELEASE_TO_RUBYGEMS_ORG
+```shell
+bundle install
+```
 
-If bundler is not being used to manage dependencies, install the gem by executing:
+In your `tailwind.config.js`, add:
 
-    $ gem install UPDATE_WITH_YOUR_GEM_NAME_PRIOR_TO_RELEASE_TO_RUBYGEMS_ORG
+```js
+const execSync = require("child_process").execSync;
+const atomicViewPath =
+  execSync("bundle show atomic_view", { encoding: "utf-8" }).trim() +
+  "/lib/atomic_view/components/**/*.{erb,rb}";
+
+module.exports = {
+  content: [
+    // other paths...
+    atomicViewPath,
+  ],
+};
+```
+
+## Getting Started
+
+There isn't anything to get started on yet!
+
+## Leading principles
+
+1. Work with Ruby on Rails out of the box by supporting ActionView and it's helpers
+2. Build with accessibility and responsiveness at the forefront
+3. Provide really good defaults, but allow flexibility with theming and styling
 
 ## License
 

data/Rakefile

@@ -5,8 +5,6 @@ require "rspec/core/rake_task"
 
 RSpec::Core::RakeTask.new(:spec)
 
-require "rubocop/rake_task"
+require "standard/rake"
 
-RuboCop::RakeTask.new
-
-task default: %i[spec rubocop]
+task default: %i[spec standard]

data/atomic_view.gemspec

@@ -18,12 +18,12 @@ Gem::Specification.new do |spec|
     "changelog_uri" => "https://github.com/joelzwarrington/atomic_view/blob/master/CHANGELOG.md",
     "source_code_uri" => "https://github.com/joelzwarrington/atomic_view",
     "bug_tracker_uri" => "https://github.com/joelzwarrington/atomic_view/issues",
-    "rubygems_mfa_required" => "true",
+    "rubygems_mfa_required" => "true"
   }
 
   spec.files = Dir.chdir(__dir__) do
     `git ls-files -z`.split("\x0").reject do |f|
-      (File.expand_path(f) == __FILE__) || f.start_with?(*%w[bin/ test/ spec/ features/ .git .circleci appveyor])
+      (File.expand_path(f) == __FILE__) || f.start_with?(*%w[bin/ test/ spec/ lookbook/ .git .circleci appveyor Procfile.dev])
     end
   end
 
@@ -31,5 +31,7 @@ Gem::Specification.new do |spec|
   spec.executables = spec.files.grep(%r{\Aexe/}) { |f| File.basename(f) }
   spec.require_paths = ["lib"]
 
-  spec.add_development_dependency "codelog"
+  spec.add_dependency "rails", "~> 7.2.0"
+  spec.add_dependency "view_component", "~> 3.13"
+  spec.add_dependency "tailwind_merge", "~> 0.12"
 end

data/changelogs/unreleased/20240708222803491_deps.yml

@@ -0,0 +1,2 @@
+"Added":
+  - Runtime dependencies for ActionView and ViewComponent

data/changelogs/unreleased/20240708223052056_preview.yml

@@ -0,0 +1,2 @@
+"Added":
+  - Add method to get preview folder path for Lookbook configuration (`AtomicView.preview_folder_path`)

data/changelogs/unreleased/20240709002202127_basic-button.yml

@@ -0,0 +1,3 @@
+"Added":
+  - Basic `ButtonComponent` with options `size` and `variant` 
+  - Railtie to load custom ActionView helpers

data/changelogs/unreleased/20240709005746060_ruby.yml

@@ -0,0 +1,5 @@
+"Added":
+  - Added `tailwind_merge` utility gem
+
+"Changed":
+  - Updated Ruby version to 3.3.0 from 3.0.3

data/lib/atomic_view/component.rb

@@ -0,0 +1,10 @@
+# frozen_string_literal: true
+
+module AtomicView
+  class Component < ViewComponent::Base
+    def class_names(...)
+      classes = super
+      TailwindMerge::Merger.new.merge(classes)
+    end
+  end
+end

data/lib/atomic_view/components/button_component.rb

@@ -0,0 +1,55 @@
+# frozen_string_literal: true
+
+module AtomicView
+  module Components
+    # Button
+    class ButtonComponent < Component
+      attr_reader :label, :size, :variant
+
+      def initialize(label_or_options = nil, options = nil)
+        super
+
+        if label_or_options.is_a?(Hash)
+          options = label_or_options
+        else
+          @label = label_or_options
+          options ||= {}
+        end
+
+        @variant = options.delete(:variant)
+        @size = options.delete(:size) || :md
+
+        options[:class] = opts_to_class
+        @options = options
+      end
+
+      def call
+        if content?
+          content_tag(:button, @options) { content }
+        else
+          content_tag(:button, label, @options)
+        end
+      end
+
+      private
+
+      def opts_to_class
+        class_names(
+          # size
+          {
+            "rounded px-2.5 py-1.5 text-xs": size == :xs,
+            "rounded px-2.5 py-1.5 text-sm": size == :sm,
+            "rounded-md px-3 py-2 text-sm": size == :md,
+            "rounded-md px-3.5 py-2.5 text-md": size == :lg
+          },
+          # variant
+          {
+            "text-white bg-primary shadow-sm ring-1 ring-inset ring-primary-800 hover:bg-primary-800": variant == :primary,
+            "text-zinc-900 bg-secondary-50 shadow-sm ring-1 ring-inset ring-secondary-200 hover:bg-secondary-100": variant == :secondary,
+            "text-zinc-900 hover:bg-secondary-100": variant == :tertiary
+          }
+        )
+      end
+    end
+  end
+end

data/lib/atomic_view/components/previews/button_component_preview.rb

@@ -0,0 +1,44 @@
+# frozen_string_literal: true
+
+# ButtonComponent
+class ButtonComponentPreview < ViewComponent::Preview
+  def default
+    render AtomicView::Components::ButtonComponent.new("Click Me")
+  end
+
+  # @!group Sizes
+
+  def xs
+    render AtomicView::Components::ButtonComponent.new("Click Me", size: :xs)
+  end
+
+  def sm
+    render AtomicView::Components::ButtonComponent.new("Click Me", size: :sm)
+  end
+
+  def md
+    render AtomicView::Components::ButtonComponent.new("Click Me", size: :md)
+  end
+
+  def lg
+    render AtomicView::Components::ButtonComponent.new("Click Me", size: :lg)
+  end
+
+  # @!endgroup
+
+  # @!group Variants
+
+  def primary
+    render AtomicView::Components::ButtonComponent.new("Click Me", variant: :primary)
+  end
+
+  def secondary
+    render AtomicView::Components::ButtonComponent.new("Click Me", variant: :secondary)
+  end
+
+  def tertiary
+    render AtomicView::Components::ButtonComponent.new("Click Me", variant: :tertiary)
+  end
+
+  # @!endgroup
+end

data/lib/atomic_view/helpers/form_tag_helper.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+module AtomicView
+  module Helpers
+    module FormTagHelper
+      def button_tag(...)
+        render Components::ButtonComponent.new(...)
+      end
+    end
+  end
+end

data/lib/atomic_view/preview.rb

@@ -0,0 +1,6 @@
+# frozen_string_literal: true
+
+module AtomicView
+  class Preview < ViewComponent::Preview
+  end
+end

data/lib/atomic_view/railtie.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+require "atomic_view/helpers/form_tag_helper"
+
+module AtomicView
+  class Railtie < Rails::Railtie
+    initializer "atomic_view.helpers" do
+      ActiveSupport.on_load(:action_view) { include Helpers::FormTagHelper }
+    end
+  end
+end

data/lib/atomic_view/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module AtomicView
-  VERSION = "0.0.1"
+  VERSION = "0.0.2"
 end

data/lib/atomic_view.rb

@@ -1,5 +1,20 @@
 # frozen_string_literal: true
 
+require "rails"
+require "view_component"
+require "tailwind_merge"
 require_relative "atomic_view/version"
+require_relative "atomic_view/component"
+require_relative "atomic_view/components/button_component"
 
-module AtomicView; end
+require_relative "atomic_view/railtie"
+
+# Component library built for Ruby on Rails with first-class support for ActionView using ViewComponent.
+module AtomicView
+  class << self
+    def preview_folder_path
+      root_directory = File.dirname(__dir__)
+      File.join(root_directory, "lib", "atomic_view", "components", "previews")
+    end
+  end
+end

metadata

@@ -1,29 +1,57 @@
 --- !ruby/object:Gem::Specification
 name: atomic_view
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.0.2
 platform: ruby
 authors:
 - Joel Warrington
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2024-07-08 00:00:00.000000000 Z
+date: 2024-08-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
-  name: codelog
+  name: rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
-  type: :development
+        version: 7.2.0
+  type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: 7.2.0
+- !ruby/object:Gem::Dependency
+  name: view_component
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.13'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.13'
+- !ruby/object:Gem::Dependency
+  name: tailwind_merge
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.12'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.12'
 description:
 email:
 - joelw@hey.com
@@ -32,7 +60,7 @@ extensions: []
 extra_rdoc_files: []
 files:
 - ".rspec"
-- ".rubocop.yml"
+- ".ruby-version"
 - CHANGELOG.md
 - Gemfile
 - Gemfile.lock
@@ -46,9 +74,19 @@ files:
 - changelogs/releases/0.0.1.md
 - changelogs/template.yml
 - changelogs/unreleased/.gitkeep
+- changelogs/unreleased/20240708222803491_deps.yml
+- changelogs/unreleased/20240708223052056_preview.yml
+- changelogs/unreleased/20240709002202127_basic-button.yml
+- changelogs/unreleased/20240709005746060_ruby.yml
 - lib/atomic_view.rb
+- lib/atomic_view/component.rb
+- lib/atomic_view/components/button_component.rb
+- lib/atomic_view/components/previews/.gitkeep
+- lib/atomic_view/components/previews/button_component_preview.rb
+- lib/atomic_view/helpers/form_tag_helper.rb
+- lib/atomic_view/preview.rb
+- lib/atomic_view/railtie.rb
 - lib/atomic_view/version.rb
-- sig/atomic_view.rbs
 homepage: https://github.com/joelzwarrington/atomic_view
 licenses:
 - MIT
@@ -73,7 +111,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.2.32
+rubygems_version: 3.5.17
 signing_key:
 specification_version: 4
 summary: Component library built for Ruby on Rails with first-class support for ActionView

data/.rubocop.yml

@@ -1,13 +0,0 @@
-AllCops:
-  TargetRubyVersion: 2.6
-
-Style/StringLiterals:
-  Enabled: true
-  EnforcedStyle: double_quotes
-
-Style/StringLiteralsInInterpolation:
-  Enabled: true
-  EnforcedStyle: double_quotes
-
-Layout/LineLength:
-  Max: 120

data/sig/atomic_view.rbs

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