ariadne_view_components 0.0.1 → 0.0.4

data/lib/ariadne/classify.rb

@@ -140,6 +140,9 @@ module Ariadne
       TEXT_PREFIX = /^text-/.freeze
       TEXT_PSEUDO_PREFIX = /^\S+:text-/.freeze
 
+      BORDER_STATE_PREFIX = /^border-state-/.freeze
+      BORDER_SIDE_PREFIX = /^border-.(?:-)?/.freeze
+
       # TODO: TEST!
       private def correct_classes(classes)
         matched_bg = ""
@@ -169,6 +172,11 @@ module Ariadne
           elsif class_name.match(BORDER_PREFIX)
             next if matched_border.present?
 
+            if class_name.match(BORDER_STATE_PREFIX) || class_name.match(BORDER_SIDE_PREFIX)
+              memo << class_name
+              next
+            end
+
             memo << matched_border = class_name
           elsif class_name.match(BORDER_PSEUDO_PREFIX)
             next if matched_border_pseudo.keys.any? { |m| m.start_with?(class_name.split(":").first) }
@@ -199,7 +207,7 @@ module Ariadne
           else
             memo << class_name
           end
-        end.uniq
+        end.uniq.reverse
       end
 
       private def raise_on_invalid_options?

data/lib/ariadne/view_components/engine.rb

@@ -22,6 +22,12 @@ module Ariadne
         app.config.assets.precompile += ["ariadne_view_components"] if app.config.respond_to?(:assets)
       end
 
+      initializer "ariadne_view_components.importmap", before: "importmap" do |app|
+        if Rails.application.respond_to?(:importmap)
+          app.config.importmap.paths << Engine.root.join("config/importmap.rb")
+        end
+      end
+
       config.after_initialize do |app|
         ::Ariadne::Classify::Utilities.validate_class_names = app.config.ariadne_view_components.delete(:validate_class_names)
       end

data/lib/ariadne/view_components/version.rb

@@ -2,6 +2,6 @@
 
 module Ariadne
   module ViewComponents
-    VERSION = "0.0.1"
+    VERSION = "0.0.4"
   end
 end

data/lib/rubocop/cop/ariadne/ariadne_heroicon.rb

@@ -113,7 +113,7 @@ module RuboCop
             if size.between?(10, 16)
               ""
             elsif size.between?(22, 26)
-              ":medium"
+              ":m"
             else
               size
             end
@@ -209,7 +209,7 @@ module RuboCop
           # No arguments if they map to the default size
           return if size_attributes.blank? || size_attributes.values.all?(&:blank?)
           # Return mapped argument to `size`
-          return "size: :medium" if size_attributes.values.any?(":medium")
+          return "size: :m" if size_attributes.values.any?(":m")
 
           size_attributes.map do |key, value|
             "#{key}: #{value}"

data/lib/tasks/docs.rake

@@ -32,6 +32,12 @@ namespace :docs do
     sleep
   end
 
+  # for classes in hashes
+  CLASS_MAPPINGS = '(?:\\S+|:\\"[\\S-]+\\"): \\"([\\S -]+)\\"'
+  # for classes in constants
+  CLASS_CONSTANT = '[A-Z_]+ = \\"([\\S -]+)\\"'
+  CLASS_REGEX = Regexp.new("(?:#{CLASS_MAPPINGS}|#{CLASS_CONSTANT})")
+
   desc "Generate the documentation."
   task :build do
     registry = generate_yard_registry
@@ -41,76 +47,33 @@ namespace :docs do
     # Rails controller for rendering arbitrary ERB
     view_context = ApplicationController.new.tap { |c| c.request = ActionDispatch::TestRequest.create }.view_context
     components = [
-      # FIXME: these need to be filled in
+      Ariadne::BlankslateComponent,
       Ariadne::BaseButton,
       Ariadne::ButtonComponent,
-      # Ariadne::Alpha::Layout,
-      # Ariadne::HellipButton,
-      # Ariadne::BorderBox::Header,
-      # Ariadne::IconButton,
-      # Ariadne::Beta::AutoComplete,
-      # Ariadne::Beta::AutoComplete::Item,
-      # Ariadne::Beta::Avatar,
-      # Ariadne::Beta::AvatarStack,
-      # Ariadne::Beta::Blankslate,
-      # Ariadne::BorderBoxComponent,
-      # Ariadne::BoxComponent,
-      # Ariadne::Beta::Breadcrumbs,
-      # Ariadne::ButtonGroup,
-      # Ariadne::Alpha::ButtonMarketing,
+      Ariadne::ContainerComponent,
       Ariadne::ClipboardCopyComponent,
-      # Ariadne::CloseButton,
       Ariadne::CounterComponent,
-      # Ariadne::DetailsComponent,
-      # Ariadne::Dropdown,
-      # Ariadne::DropdownMenuComponent,
+      Ariadne::GridComponent,
       Ariadne::FlashComponent,
-      # Ariadne::FlexComponent,
-      # Ariadne::FlexItemComponent,
+      Ariadne::FooterComponent,
+      Ariadne::HeaderComponent,
       Ariadne::HeadingComponent,
-      # Ariadne::HiddenTextExpander,
-      # Ariadne::LabelComponent,
-      # Ariadne::LayoutComponent,
-      # Ariadne::LinkComponent,
-      # Ariadne::Markdown,
-      # Ariadne::MenuComponent,
-      # Ariadne::Navigation::TabComponent,
       Ariadne::HeroiconComponent,
-      # Ariadne::LocalTime,
       Ariadne::ImageComponent,
-      # Ariadne::ImageCrop,
-      # Ariadne::PopoverComponent,
-      # Ariadne::ProgressBarComponent,
-      # Ariadne::StateComponent,
-      # Ariadne::SpinnerComponent,
-      # Ariadne::SubheadComponent,
-      # Ariadne::TabContainerComponent,
+      Ariadne::InlineFlexComponent,
+      Ariadne::LinkComponent,
+      Ariadne::ListComponent,
+      Ariadne::PillComponent,
+      Ariadne::SlideoverComponent,
       Ariadne::Text,
-      # Ariadne::TimeAgoComponent,
-      # Ariadne::TimelineItemComponent,
-      # Ariadne::TooltipComponent,
-      # Ariadne::Truncate,
-      # Ariadne::Beta::Truncate,
-      # Ariadne::Alpha::UnderlineNav,
-      # Ariadne::Alpha::UnderlinePanels,
-      # Ariadne::Alpha::TabNav,
-      # Ariadne::Alpha::TabPanels,
+      Ariadne::TimeAgoComponent,
+      Ariadne::TimelineComponent,
       Ariadne::TooltipComponent,
     ]
 
     js_components = [
-      # Ariadne::Dropdown,
-      # Ariadne::LocalTime,
-      # Ariadne::ImageCrop,
-      # Ariadne::Beta::AutoComplete,
       Ariadne::ClipboardCopyComponent,
-      # Ariadne::TabContainerComponent,
-      # Ariadne::TimeAgoComponent,
-      # Ariadne::Alpha::UnderlinePanels,
-      # Ariadne::Alpha::TabPanels,
-      # Ariadne::TooltipComponent,
-      # Ariadne::ButtonComponent,
-      # Ariadne::LinkComponent,
+      Ariadne::TimeAgoComponent,
     ]
 
     all_components = Ariadne::Component.descendants - [Ariadne::BaseComponent, Ariadne::Content] # TODO: why is `Ariadne::Content` not picked up?
@@ -263,7 +226,7 @@ namespace :docs do
           f.puts
           html = view_context.render(inline: code)
           html.scan(/class="([^"]*)"/) do |classnames|
-            classes_found_in_examples.concat(classnames[0].split.reject { |c| c.starts_with?("heroicon", "js", "my-") }.map { ".#{_1}" })
+            classes_found_in_examples.concat(classnames[0].split.reject { |c| c.starts_with?("heroicon", "js") }.map { ".#{_1}" })
           end
           f.puts("<Example src=\"#{html.tr('"', "\'").delete("\n")}\" />")
           f.puts
@@ -286,8 +249,35 @@ namespace :docs do
       raise
     end
 
+    additional_classes = []
+
+    tailwind_utility_prefixes = ["bg-", "border-", "fill-", "stroke-", "text-"]
+
+    additional_color_classes = [
+      "billy-purple",
+      "state-closed",
+      "state-open",
+    ]
+
+    additional_color_classes.each do |color_class|
+      tailwind_utility_prefixes.each do |prefix|
+        additional_classes.concat([".#{prefix}#{color_class}"])
+      end
+    end
+
+    Dir.glob("./app/components/**/*.rb") do |rb_filename|
+      content = File.read(rb_filename)
+      matches = content.scan(CLASS_REGEX)
+
+      if matches.present?
+        result = matches.flatten.compact.map { |c| c.split(" ") }.flatten.select { |r| r =~ /\A[0-9a-z:\-]+\z/ }.uniq
+        additional_classes.concat(result.map { |r| ".#{r}" }) if result.present?
+      end
+    end
+
+    final_list_of_classes = classes_found_in_examples.concat(additional_classes).uniq.sort
     File.open("static/classes.yml", "w") do |f|
-      f.puts YAML.dump(classes_found_in_examples.sort.uniq)
+      f.puts YAML.dump(final_list_of_classes)
     end
 
     File.open("static/arguments.yml", "w") do |f|

data/static/arguments.yml

@@ -22,6 +22,21 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
+- component: Blankslate
+  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/blankslate_component.rb
+  parameters:
+  - name: tag
+    type: Symbol, String
+    default: "`:div`"
+    description: The rendered tag name
+  - name: classes
+    type: String
+    default: '`""`'
+    description: "[Classes and attributes](/classes-attributes)"
+  - name: attributes
+    type: Hash
+    default: "`{}`"
+    description: "[Classes and attributes](/classes-attributes)"
 - component: Button
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/button_component.rb
   parameters:
@@ -29,6 +44,10 @@
     type: Symbol
     default: "`:button`"
     description: One of `:a`, `:button`, or `:summary`.
+  - name: type
+    type: Symbol
+    default: "`:button`"
+    description: One of `:button`, `:reset`, or `:submit`.
   - name: scheme
     type: Symbol
     default: "`:default`"
@@ -39,7 +58,7 @@
     description: One of `:l`, `:m`, `:s`, `:xl`, or `:xs`.
   - name: type
     type: Symbol
-    default: N/A
+    default: "`:button`"
     description: One of `:button`, `:reset`, or `:submit`.
   - name: classes
     type: String
@@ -73,6 +92,17 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
+- component: Container
+  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/container_component.rb
+  parameters:
+  - name: classes
+    type: String
+    default: '`""`'
+    description: "[Classes and attributes](/classes-attributes)"
+  - name: attributes
+    type: Hash
+    default: "`{}`"
+    description: "[Classes and attributes](/classes-attributes)"
 - component: Counter
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/counter_component.rb
   parameters:
@@ -137,6 +167,39 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
+- component: Footer
+  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/footer_component.rb
+  parameters:
+  - name: classes
+    type: String
+    default: '`""`'
+    description: "[Classes and attributes](/classes-attributes)"
+  - name: attributes
+    type: Hash
+    default: "`{}`"
+    description: "[Classes and attributes](/classes-attributes)"
+- component: Grid
+  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/grid_component.rb
+  parameters:
+  - name: classes
+    type: String
+    default: '`""`'
+    description: "[Classes and attributes](/classes-attributes)"
+  - name: attributes
+    type: Hash
+    default: "`{}`"
+    description: "[Classes and attributes](/classes-attributes)"
+- component: Header
+  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/header_component.rb
+  parameters:
+  - name: classes
+    type: String
+    default: '`""`'
+    description: "[Classes and attributes](/classes-attributes)"
+  - name: attributes
+    type: Hash
+    default: "`{}`"
+    description: "[Classes and attributes](/classes-attributes)"
 - component: Heading
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/heading_component.rb
   parameters:
@@ -173,8 +236,8 @@
     description: One of `outline` and `solid`.
   - name: size
     type: Symbol
-    default: "`:small`"
-    description: One of `:small` (`16`) and `:medium` (`24`).
+    default: "`:s`"
+    description: One of `:s` (`16`) and `:m` (`24`).
   - name: attributes
     type: Hash
     default: "`{}`"
@@ -186,10 +249,6 @@
     type: Symbol, String
     default: "`:img`"
     description: The rendered tag name
-  - name: classes
-    type: String
-    default: '`""`'
-    description: "[Classes and attributes](/classes-attributes)"
   - name: src
     type: String
     default: N/A
@@ -202,6 +261,105 @@
     type: Boolean
     default: "`false`"
     description: Whether or not to lazily load the image.
+  - name: classes
+    type: String
+    default: '`""`'
+    description: "[Classes and attributes](/classes-attributes)"
+  - name: attributes
+    type: Hash
+    default: "`{}`"
+    description: "[Classes and attributes](/classes-attributes)"
+- component: InlineFlex
+  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/inline_flex_component.rb
+  parameters:
+  - name: tag
+    type: Symbol, String
+    default: "`:span`"
+    description: The rendered tag name
+  - name: classes
+    type: String
+    default: '`""`'
+    description: "[Classes and attributes](/classes-attributes)"
+  - name: attributes
+    type: Hash
+    default: "`{}`"
+    description: "[Classes and attributes](/classes-attributes)"
+- component: Link
+  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/link_component.rb
+  parameters:
+  - name: tag
+    type: String
+    default: "`:a`"
+    description: One of `:a` and `:span`.
+  - name: href
+    type: String
+    default: N/A
+    description: URL to be used for the link.
+  - name: classes
+    type: String
+    default: '`""`'
+    description: "[Classes and attributes](/classes-attributes)"
+  - name: attributes
+    type: Hash
+    default: "`{}`"
+    description: "[Classes and attributes](/classes-attributes)"
+- component: List
+  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/list_component.rb
+  parameters:
+  - name: classes
+    type: String
+    default: '`""`'
+    description: "[Classes and attributes](/classes-attributes)"
+  - name: attributes
+    type: Hash
+    default: "`{}`"
+    description: "[Classes and attributes](/classes-attributes)"
+- component: Pill
+  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/pill_component.rb
+  parameters:
+  - name: tag
+    type: Symbol, String
+    default: "`:span`"
+    description: The rendered tag name.
+  - name: color
+    type: String
+    default: N/A
+    description: The hex color of the pill.
+  - name: classes
+    type: String
+    default: '`""`'
+    description: "[Classes and attributes](/classes-attributes)"
+  - name: attributes
+    type: Hash
+    default: "`{}`"
+    description: "[Classes and attributes](/classes-attributes)"
+- component: Slideover
+  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/slideover_component.rb
+  parameters:
+  - name: tag
+    type: Symbol, String
+    default: "`:div`"
+    description: The rendered tag name.
+  - name: direction
+    type: Symbol
+    default: N/A
+    description: One of `:x` and `:y`.
+  - name: form_id
+    type: String
+    default: "`nil`"
+    description: The ID of any <form> tag to submit when the button is clicked.
+  - name: open_text
+    type: String
+    default: '`"Open"`'
+    description: The text to use to open the slideover.
+  - name: close_text
+    type: String
+    default: '`"Close"`'
+    description: The text to use to close the slideover.
+  - name: classes
+    type: String
+    default: '`""`'
+    description: "[Classes and attributes](/classes-attributes)"
   - name: attributes
     type: Hash
     default: "`{}`"
@@ -221,6 +379,45 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
+- component: TimeAgo
+  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/time_ago_component.rb
+  parameters:
+  - name: tag
+    type: Symbol, String
+    default: "`:time-ago`"
+    description: The rendered tag name.
+  - name: time
+    type: Time
+    default: N/A
+    description: The time to be formatted
+  - name: micro
+    type: Boolean
+    default: "`false`"
+    description: If true then the text will be formatted in "micro" mode, using as
+      few characters as possible
+  - name: classes
+    type: String
+    default: '`""`'
+    description: "<%= link_to_classes_docs %>"
+  - name: attributes
+    type: Hash
+    default: "`{}`"
+    description: "[Classes and attributes](/classes-attributes)"
+- component: Timeline
+  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/timeline_component.rb
+  parameters:
+  - name: tag
+    type: Symbol, String
+    default: "`:div`"
+    description: The rendered tag name
+  - name: classes
+    type: String
+    default: '`""`'
+    description: "[Classes and attributes](/classes-attributes)"
+  - name: attributes
+    type: Hash
+    default: "`{}`"
+    description: "[Classes and attributes](/classes-attributes)"
 - component: Tooltip
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/tooltip_component.rb
   parameters:

data/static/audited_at.json

@@ -1,14 +1,28 @@
 {
   "Ariadne::BaseButton": "",
   "Ariadne::BaseComponent": "",
+  "Ariadne::BlankslateComponent": "",
   "Ariadne::ButtonComponent": "",
   "Ariadne::ClipboardCopyComponent": "",
+  "Ariadne::ContainerComponent": "",
   "Ariadne::Content": "",
   "Ariadne::CounterComponent": "",
   "Ariadne::FlashComponent": "",
+  "Ariadne::FooterComponent": "",
+  "Ariadne::GridComponent": "",
+  "Ariadne::GridComponent::Item": "",
+  "Ariadne::HeaderComponent": "",
   "Ariadne::HeadingComponent": "",
   "Ariadne::HeroiconComponent": "",
   "Ariadne::ImageComponent": "",
+  "Ariadne::InlineFlexComponent": "",
+  "Ariadne::LinkComponent": "",
+  "Ariadne::ListComponent": "",
+  "Ariadne::ListComponent::Item": "",
+  "Ariadne::PillComponent": "",
+  "Ariadne::SlideoverComponent": "",
   "Ariadne::Text": "",
+  "Ariadne::TimeAgoComponent": "",
+  "Ariadne::TimelineComponent": "",
   "Ariadne::TooltipComponent": ""
 }