ariadne_view_components 0.0.8 → 0.0.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 277c59962b91182fb146682be08bb390732f9520e9d5d1375b819cd29482365f
-  data.tar.gz: 51cbc9497f05f3e9aba737e9c7cb66a7beb1bba5a5323e0e595a5e18bd431a5e
+  metadata.gz: 2784e40f38456ba75ebc2beca6c9cfc4b0affceabc204b7a34d8f6859adbc36e
+  data.tar.gz: aa37a547c572f7fb33218d7fc8e0ec9330364660374e562c5e692adbcf368429
 SHA512:
-  metadata.gz: 03b34178888c42dc5b50c1990e2420d6ee20ab3a2545684acc340c264a2dfadcba3abe2b1c2497e2b1a5db7ae3cdce3c87454d368fd212eca478e7dfce8eee8c
-  data.tar.gz: 4a9674d067287636beaa5499d721e1f571f980e685a4d2d9a3cb12268f475ee052ed0868f9b34c0550464c2626911b136f7c8446121b746dc619d570922be701
+  metadata.gz: 7397e543b7acef6d9db30a3f995ab5e2824b0f7fb253124d3c3a5829b073c3c90ab9acc0017d5f14c966089ff165029780eefe4d588b50727041df6422a22802
+  data.tar.gz: f92fb375e938162076069219e2479a052613c4f25643d6c358fd897ce708f29ef39ecb4767a1bba374f0f7bdc466ff1b2a9cb8a941b2254ead4e3b67ee85a654

data/LICENSE.txt

@@ -19,3 +19,31 @@ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 THE SOFTWARE.
+
+ariadne_view_components may redistribute executables from the https://github.com/tailwindlabs/tailwindcss project
+
+The license for that software can be found at https://github.com/tailwindlabs/tailwindcss/blob/master/LICENSE
+and is reproduced here for your convenience:
+
+    MIT License
+
+    Copyright (c) Adam Wathan <adam.wathan@gmail.com>
+    Copyright (c) Jonathan Reinink <jonathan@reinink.ca>
+
+    Permission is hereby granted, free of charge, to any person obtaining a copy
+    of this software and associated documentation files (the "Software"), to deal
+    in the Software without restriction, including without limitation the rights
+    to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+    copies of the Software, and to permit persons to whom the Software is
+    furnished to do so, subject to the following conditions:
+
+    The above copyright notice and this permission notice shall be included in all
+    copies or substantial portions of the Software.
+
+    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+    IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+    FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+    AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+    LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+    OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+    SOFTWARE.

data/README.md

@@ -9,6 +9,10 @@ This repository contains the Ruby view components for the Ariadne design system.
 
 This project is basically a fork and rewrite of [Primer's ViewComponents](https://primer.style/view-components/), except instead of Primer, it uses an open source stack we've found useful. **Our eternal gratitude to GitHub's design team for open sourcing that repo.**
 
+## Installation
+
+Like [tailwindcss-rails](https://github.com/rails/tailwindcss-rails), this gem also wraps [the standalone executable version](https://tailwindcss.com/blog/standalone-cli) of the Tailwind CSS v3 framework. These executables are platform specific, so there are actually separate underlying gems per platform, but the correct gem will automatically be picked for your platform. Supported platforms are Linux x64, macOS arm64, macOS x64, and Windows x64. (Note that due to this setup, you must install the actual gems – you can't pin your gem to the GitHub repo.)
+
 ## Using the gem
 
 todo, lol
@@ -36,7 +40,7 @@ This gem comes with some standard linters to keep your code fresh and consistent
 
 ## Getting started with development
 
-So, you just cloned the repo, huh? Great. In addition to Ruby >= 2.7 (3.x preferred), install [Overmind](https://github.com/DarthSim/overmind) and Node/NPM. Then, run the following script to set up your local environment:
+So, you just cloned the repo, huh? Great. In addition to Ruby 3.x, install [Overmind](https://github.com/DarthSim/overmind) and Node/NPM. Then, run the following script to set up your local environment:
 
 ```
 script/setup

data/exe/tailwindcss

@@ -0,0 +1,21 @@
+#! /usr/bin/env ruby
+# frozen_string_literal: true
+
+# because rubygems shims assume a gem's executables are Ruby
+
+require "ariadne/view_components/commands"
+
+begin
+  command = [Ariadne::ViewComponents::Commands.executable, *ARGV]
+  puts command.inspect
+  if Gem.win_platform?
+    # use system rather than exec as exec inexplicably fails to find the executable on Windows
+    # see related https://github.com/rubys/sprockets-esbuild/pull/4
+    system(*command, exception: true)
+  else
+    exec(*command)
+  end
+rescue Ariadne::ViewComponents::Commands::UnsupportedPlatformException, Ariadne::ViewComponents::Commands::ExecutableNotFoundException => e
+  $stderr.puts("ERROR: " + e.message)
+  exit(1)
+end

data/lib/ariadne/view_components/commands.rb

@@ -0,0 +1,90 @@
+# frozen_string_literal: true
+
+require_relative "upstream"
+
+module Ariadne
+  module ViewComponents
+    # commands related to the upstream Tailwindcss project
+    module Commands
+      # raised when the host platform is not supported by upstream tailwindcss's binary releases
+      class UnsupportedPlatformException < StandardError
+      end
+
+      # raised when the tailwindcss executable could not be found where we expected it to be
+      class ExecutableNotFoundException < StandardError
+      end
+
+      class << self
+        def platform
+          [:cpu, :os].map { |m| Gem::Platform.local.send(m) }.join("-")
+        end
+
+        def executable(
+          exe_path: File.expand_path(File.join(__dir__, "..", "..", "exe"))
+        )
+          if Ariadne::ViewComponents::Upstream::NATIVE_PLATFORMS.keys.none? { |p| Gem::Platform.match(p) }
+            raise UnsupportedPlatformException, <<~MESSAGE
+              ariadne_view_components does not support the #{platform} platform
+              Please install tailwindcss following instructions at https://tailwindcss.com/docs/installation
+            MESSAGE
+          end
+
+          exe_path = Dir.glob(File.expand_path(File.join(exe_path, "*", "tailwindcss"))).find do |f|
+            Gem::Platform.match(File.basename(File.dirname(f)))
+          end
+
+          if exe_path.nil?
+            raise ExecutableNotFoundException, <<~MESSAGE
+              Cannot find the tailwindcss executable for #{platform} in #{exe_path}
+
+              If you're using bundler, please make sure you're on the latest bundler version:
+
+                  gem install bundler
+                  bundle update --bundler
+
+              Then make sure your lock file includes this platform by running:
+
+                  bundle lock --add-platform #{platform}
+                  bundle install
+
+              See `bundle lock --help` output for details.
+
+              If you're still seeing this message after taking those steps, try running
+              `bundle config` and ensure `force_ruby_platform` isn't set to `true`. See
+              https://github.com/rails/tailwindcss-rails#check-bundle_force_ruby_platform
+              for more details.
+            MESSAGE
+          end
+
+          exe_path
+        end
+
+        def compile_command(debug: false, **kwargs)
+          [
+            executable(**kwargs),
+            "-i", relative_path("app/assets/stylesheets/ariadne_view_components.css"),
+            "-o", relative_path("app/assets/builds/ariadne_view_components.css"),
+            "-c", relative_path("tailwind.config.js"),
+          ].tap do |command|
+            command << "--minify" unless debug
+          end
+        end
+
+        def watch_command(poll: false, **kwargs)
+          compile_command(**kwargs).tap do |command|
+            command << "-w"
+            command << "-p" if poll
+          end
+        end
+
+        def relative_path(path)
+          if defined?(Rails)
+            Rails.root.join(path).to_s
+          else
+            path
+          end
+        end
+      end
+    end
+  end
+end

data/lib/ariadne/view_components/engine.rb

@@ -5,7 +5,6 @@ require "rails/engine"
 require "view_component"
 
 require "tailwind_merge"
-require "simple_form"
 
 module Ariadne
   # The Ariadne gem is a collection of ViewComponents that can be used to build
@@ -16,7 +15,9 @@ module Ariadne
     # :nodoc:
     class Engine < ::Rails::Engine
       isolate_namespace Ariadne::ViewComponents
-      config.eager_load_paths = ["#{root}/app/components", "#{root}/app/lib"]
+
+      config.autoload_paths = ["#{root}/lib"]
+      config.eager_load_paths = ["#{root}/app/components", "#{root}/app/helpers", "#{root}/app/lib"]
 
       config.ariadne_view_components = ActiveSupport::OrderedOptions.new
 
@@ -36,141 +37,11 @@ module Ariadne
         end
       end
 
-      initializer "ariadne_view_components.simple_form" do |_app|
-        # Use this setup block to configure all options available in SimpleForm.
-        SimpleForm.setup do |config|
-          # Default class for buttons
-          config.button_class = "my-2 bg-blue-500 hover:bg-blue-700 text-white font-bold text-sm py-2 px-4 rounded"
-
-          # Define the default class of the input wrapper of the boolean input.
-          config.boolean_label_class = ""
-
-          # How the label text should be generated altogether with the required text.
-          config.label_text = lambda { |label, required, _explicit_label| "#{label} #{required}" }
-
-          # Define the way to render check boxes / radio buttons with labels.
-          config.boolean_style = :inline
-
-          # You can wrap each item in a collection of radio/check boxes with a tag
-          config.item_wrapper_tag = :div
-
-          # Defines if the default input wrapper class should be included in radio
-          # collection wrappers.
-          config.include_default_input_wrapper_class = false
-
-          # CSS class to add for error notification helper.
-          config.error_notification_class = "text-white px-6 py-4 border-0 rounded relative mb-4 bg-red-400"
-
-          # Method used to tidy up errors. Specify any Rails Array method.
-          # :first lists the first message for each field.
-          # :to_sentence to list all errors for each field.
-          config.error_method = :to_sentence
-
-          # add validation classes to `input_field`
-          config.input_field_error_class = "border-red-500"
-          config.input_field_valid_class = "border-green-400"
-          config.label_class = "text-sm font-medium text-gray-600"
-
-          # vertical forms
-          #
-          # vertical default_wrapper
-          config.wrappers(:vertical_form, tag: "div", class: "mb-4") do |b|
-            b.use(:html5)
-            b.use(:placeholder)
-            b.optional(:maxlength)
-            b.optional(:minlength)
-            b.optional(:pattern)
-            b.optional(:min_max)
-            b.optional(:readonly)
-            b.use(:label, class: "block", error_class: "text-red-500")
-            b.use(:input, class: "shadow appearance-none border border-gray-300 rounded w-full py-2 px-3 bg-white focus:outline-none focus:ring-0 focus:border-blue-500 text-gray-400 leading-6 transition-colors duration-200 ease-in-out", error_class: "border-red-500", valid_class: "border-green-400")
-            b.use(:full_error, wrap_with: { tag: "p", class: "mt-2 text-red-500 text-xs italic" })
-            b.use(:hint, wrap_with: { tag: "p", class: "mt-2 text-grey-700 text-xs italic" })
-          end
-
-          # vertical input for boolean (aka checkboxes)
-          config.wrappers(:vertical_boolean, tag: "div", class: "mb-4 flex items-start", error_class: "") do |b|
-            b.use(:html5)
-            b.optional(:readonly)
-            b.wrapper(tag: "div", class: "flex items-center h-5") do |ba|
-              ba.use(:input, class: "focus:ring-2 focus:ring-indigo-500:focus ring-offset-2 h-4 w-4 text-indigo-600 border-gray-300 rounded")
-            end
-            b.wrapper(tag: "div", class: "ml-3 text-sm") do |bb|
-              bb.use(:label, class: "block", error_class: "text-red-500")
-              bb.use(:hint, wrap_with: { tag: "p", class: "block text-grey-700 text-xs italic" })
-              bb.use(:full_error, wrap_with: { tag: "p", class: "block text-red-500 text-xs italic" })
-            end
-          end
-
-          # vertical input for radio buttons and check boxes
-          config.wrappers(:vertical_collection, item_wrapper_class: "flex items-center", item_label_class: "my-1 ml-3 block text-sm font-medium text-gray-400", tag: "div", class: "my-4") do |b|
-            b.use(:html5)
-            b.optional(:readonly)
-            b.wrapper(:legend_tag, tag: "legend", class: "text-sm font-medium text-gray-600", error_class: "text-red-500") do |ba|
-              ba.use(:label_text)
-            end
-            b.use(:input, class: "focus:ring-2 focus:ring-indigo-500 ring-offset-2 h-4 w-4 text-indigo-600 border-gray-300 rounded", error_class: "text-red-500", valid_class: "text-green-400")
-            b.use(:full_error, wrap_with: { tag: "p", class: "block mt-2 text-red-500 text-xs italic" })
-            b.use(:hint, wrap_with: { tag: "p", class: "mt-2 text-grey-700 text-xs italic" })
-          end
-
-          # vertical file input
-          config.wrappers(:vertical_file, tag: "div", class: "") do |b|
-            b.use(:html5)
-            b.use(:placeholder)
-            b.optional(:maxlength)
-            b.optional(:minlength)
-            b.optional(:readonly)
-            b.use(:label, class: "text-sm font-medium text-gray-600 block", error_class: "text-red-500")
-            b.use(:input, class: "w-full text-gray-500 px-3 py-2 border rounded", error_class: "text-red-500 border-red-500", valid_class: "text-green-400")
-            b.use(:full_error, wrap_with: { tag: "p", class: "mt-2 text-red-500 text-xs italic" })
-            b.use(:hint, wrap_with: { tag: "p", class: "mt-2 text-grey-700 text-xs italic" })
-          end
-
-          # vertical multi select
-          config.wrappers(:vertical_multi_select, tag: "div", class: "my-4", error_class: "f", valid_class: "") do |b|
-            b.use(:html5)
-            b.optional(:readonly)
-            b.wrapper(:legend_tag, tag: "legend", class: "text-sm font-medium text-gray-600", error_class: "text-red-500") do |ba|
-              ba.use(:label_text)
-            end
-            b.wrapper(tag: "div", class: "inline-flex space-x-1") do |ba|
-              # ba.use :input, class: 'flex w-auto w-auto text-gray-500 text-sm border-gray-300 rounded p-2', error_class: 'text-red-500', valid_class: 'text-green-400'
-              ba.use(:input, class: "flex w-auto w-auto shadow appearance-none border border-gray-300 rounded w-full p-2 bg-white focus:outline-none focus:border-blue-500 text-gray-400 leading-4 transition-colors duration-200 ease-in-out")
-            end
-            b.use(:full_error, wrap_with: { tag: "p", class: "mt-2 text-red-500 text-xs italic" })
-            b.use(:hint, wrap_with: { tag: "p", class: "mt-2 text-grey-700 text-xs italic" })
-          end
-
-          # vertical range input
-          config.wrappers(:vertical_range, tag: "div", class: "my-4", error_class: "text-red-500", valid_class: "text-green-400") do |b|
-            b.use(:html5)
-            b.use(:placeholder)
-            b.optional(:readonly)
-            b.optional(:step)
-            b.use(:label, class: "text-sm font-medium text-gray-600 block", error_class: "text-red-500")
-            b.wrapper(tag: "div", class: "flex items-center h-5") do |ba|
-              ba.use(:input, class: "rounded-lg overflow-hidden appearance-none bg-gray-400 h-3 w-full text-gray-300", error_class: "text-red-500", valid_class: "text-green-400")
-            end
-            b.use(:full_error, wrap_with: { tag: "p", class: "mt-2 text-red-500 text-xs italic" })
-            b.use(:hint, wrap_with: { tag: "p", class: "mt-2 text-grey-700 text-xs italic" })
-          end
-
-          # The default wrapper to be used by the FormBuilder.
-          config.default_wrapper = :vertical_form
-
-          # Custom wrappers for input types. This should be a hash containing an input
-          # type as key and the wrapper that will be used for all inputs with specified type.
-          config.wrapper_mappings = {
-            boolean: :vertical_boolean,
-            check_boxes: :vertical_collection,
-            date: :vertical_multi_select,
-            datetime: :vertical_multi_select,
-            file: :vertical_file,
-            radio_buttons: :vertical_collection,
-            range: :vertical_range,
-            time: :vertical_multi_select,
-          }
+      initializer "ariadne_view_components.zeitwerk_ignore" do
+        Rails.autoloaders.each do |autoloader|
+          autoloader.ignore(Engine.root.join("lib", "ariadne", "view_components", "linters.rb"))
+          autoloader.ignore(Engine.root.join("lib", "ariadne", "view_components", "linters", "**", "*.rb"))
+          autoloader.ignore(Engine.root.join("lib", "ariadne", "view_components", "statuses.rb"))
         end
       end
 

data/lib/ariadne/view_components/upstream.rb

@@ -0,0 +1,20 @@
+# frozen_string_literal: true
+
+module Ariadne
+  module ViewComponents
+    # constants describing the upstream tailwindcss project
+    module Upstream
+      VERSION = "v3.1.8"
+
+      # rubygems platform name => upstream release filename
+      NATIVE_PLATFORMS = {
+        "arm64-darwin" => "tailwindcss-macos-arm64",
+        "x64-mingw32" => "tailwindcss-windows-x64.exe",
+        "x64-mingw-ucrt" => "tailwindcss-windows-x64.exe",
+        "x86_64-darwin" => "tailwindcss-macos-x64",
+        "x86_64-linux" => "tailwindcss-linux-x64",
+        "aarch64-linux" => "tailwindcss-linux-arm64",
+      }
+    end
+  end
+end

data/lib/ariadne/view_components/version.rb

@@ -2,6 +2,6 @@
 
 module Ariadne
   module ViewComponents
-    VERSION = "0.0.8"
+    VERSION = "0.0.9"
   end
 end

data/lib/ariadne/view_components.rb

@@ -3,6 +3,7 @@
 require "ariadne/view_components/version"
 require "ariadne/view_components/engine"
 require "ariadne/view_components/constants"
+require "ariadne/view_components/commands"
 
 module Ariadne
   # :nodoc:

data/lib/tasks/ariadne_view_components.rake

@@ -2,7 +2,8 @@
 
 ERB_GLOB = "**/*.html{+*,}.erb"
 RB_GLOB = "**/*.rb"
-BLOCK_EXPR = /\s*((\s+|\))do|\{)(\s*\|[^|]*\|)?\s*\Z/.freeze # copied from Rails: action_view/template/handlers/erb/erubi.rb
+# copied from Rails: action_view/template/handlers/erb/erubi.rb
+BLOCK_EXPR = /\s*((\s+|\))do|\{)(\s*\|[^|]*\|)?\s*\Z/
 
 namespace :ariadne_view_components do
   desc "Report arguments used in each component"

data/lib/tasks/build.rake

@@ -0,0 +1,30 @@
+# frozen_string_literal: true
+
+require "ariadne/view_components/commands"
+
+namespace :ariadne_view_components do
+  desc "Build Ariadne View Components CSS"
+  task :build do |_, args|
+    debug = args.extras.include?("debug")
+    command = Ariadne::ViewComponents::Commands.compile_command(debug: debug)
+    puts command.inspect
+    system(*command, exception: true)
+  end
+
+  desc "Watch and build Ariadne View Components CSS on file changes"
+  task :watch do |_, args|
+    debug = args.extras.include?("debug")
+    poll = args.extras.include?("poll")
+    command = Ariadne::ViewComponents::Commands.watch_command(debug: debug, poll: poll)
+    puts command.inspect
+    system(*command)
+  end
+end
+
+Rake::Task["assets:precompile"].enhance(["ariadne_view_components:build"]) if Rake::Task.task_defined?("assets:precompile")
+
+if Rake::Task.task_defined?("test:prepare")
+  Rake::Task["test:prepare"].enhance(["ariadne_view_components:build"])
+elsif Rake::Task.task_defined?("db:test:prepare")
+  Rake::Task["db:test:prepare"].enhance(["ariadne_view_components:build"])
+end

data/tailwind.config.js

@@ -0,0 +1,65 @@
+const defaultTheme = require('tailwindcss/defaultTheme')
+const colors = require('tailwindcss/colors')
+
+const CLASS_YML_REGEX = /^- "\.([\S-]+)"$/
+
+// for classes in hashes
+const CLASS_MAPPINGS = '(?:\\S+|:\\"[\\S-]+\\"): \\"([\\S -]+)\\"'
+// for classes in constants
+const CLASS_CONSTANT = '[A-Z_]+ = \\"([\\S -]+)\\"'
+const CLASS_RB_REGEX = new RegExp(`(?:${CLASS_MAPPINGS}|${CLASS_CONSTANT})'`, 'g')
+
+module.exports = {
+  prefix: 'ariadne-',
+  content: {
+    files: [
+      './public/*.html',
+      './app/assets/javascripts/**/*.js',
+      './app/components/**/*.erb',
+      './app/components/**/*.rb',
+      './app/lib/ariadne',
+      './static/classes.yml'
+    ],
+    extract: {
+      yml: content => {
+        const matches = content.match(CLASS_YML_REGEX)
+        return matches ? matches[1].split(/\s+/) : []
+      },
+      rb: content => {
+        const matches = content.match(CLASS_RB_REGEX)
+        return matches ? matches[1].split(/\s+/) : []
+      }
+    }
+  },
+  theme: {
+    extend: {
+      colors: {
+        'billy-purple': '#a700a0',
+
+        'state-closed': '#da1e28',
+        'state-open': '#198038',
+
+        'list-hover': colors.indigo['50'],
+        'filter-panel': colors.amber['100'],
+
+        'button-text-color': colors.indigo['700'],
+        'button-bg-color': colors.indigo['100'],
+        'button-hover-color': colors.indigo['200'],
+
+        'internal-message': colors.amber['100']
+      },
+      fontFamily: {
+        sans: ['Inter var', ...defaultTheme.fontFamily.sans]
+      },
+      zIndex: {
+        max: '9999'
+      }
+    }
+  },
+  plugins: [
+    require('@tailwindcss/aspect-ratio'),
+    require('@tailwindcss/line-clamp'),
+    require('@tailwindcss/forms'),
+    require('@tailwindcss/typography')
+  ]
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: ariadne_view_components
 version: !ruby/object:Gem::Version
-  version: 0.0.8
+  version: 0.0.9
 platform: ruby
 authors:
 - Garen J. Torikian
 autorequire: 
-bindir: bin
+bindir: exe
 cert_chain: []
-date: 2022-09-09 00:00:00.000000000 Z
+date: 2022-09-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: tailwind_merge
@@ -78,20 +78,6 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '0.6'
-- !ruby/object:Gem::Dependency
-  name: simple_form
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '5.1'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '5.1'
 - !ruby/object:Gem::Dependency
   name: view_component
   requirement: !ruby/object:Gem::Requirement
@@ -115,7 +101,8 @@ dependencies:
 description: 
 email:
 - gjtorikian@yettoapp.com
-executables: []
+executables:
+- tailwindcss
 extensions: []
 extra_rdoc_files: []
 files:
@@ -214,17 +201,21 @@ files:
 - app/lib/ariadne/test_selector_helper.rb
 - app/lib/ariadne/underline_nav_helper.rb
 - app/lib/ariadne/view_helper.rb
+- exe/tailwindcss
 - lib/ariadne/view_components.rb
+- lib/ariadne/view_components/commands.rb
 - lib/ariadne/view_components/constants.rb
 - lib/ariadne/view_components/engine.rb
 - lib/ariadne/view_components/linters.rb
 - lib/ariadne/view_components/statuses.rb
+- lib/ariadne/view_components/upstream.rb
 - lib/ariadne/view_components/version.rb
 - lib/rubocop/config/default.yml
 - lib/rubocop/cop/ariadne.rb
 - lib/rubocop/cop/ariadne/base_cop.rb
 - lib/rubocop/cop/ariadne/no_tag_memoize.rb
 - lib/tasks/ariadne_view_components.rake
+- lib/tasks/build.rake
 - lib/tasks/coverage.rake
 - lib/tasks/custom_utilities.yml
 - lib/tasks/docs.rake
@@ -241,6 +232,7 @@ files:
 - static/constants.json
 - static/statuses.json
 - static/tailwindcss.yml
+- tailwind.config.js
 homepage: https://github.com/yettoapp/ariadne/view_components
 licenses:
 - MIT
@@ -254,7 +246,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: '2.7'
+      version: '3.0'
   - - "<"
     - !ruby/object:Gem::Version
       version: '4.0'