shadcn-ui 0.0.3 → 0.0.5

data/app/views/examples/components/tooltip.html.erb

@@ -2,22 +2,25 @@
       description: "A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it." %>
 
 <% content_for :preview, flush: true do %>
-  <%= render_tooltip do %>
-    <%= tooltip_trigger do %>
-      <%= render_button "Hover", variant: :outline %>
-    <% end %>
-    <%= tooltip_content do %>
-      <div class="grid gap-2">
-        <div class="space-y-2">
-          <p class="text-sm text-muted-foreground">More will be revealed.</p>
-        </div>
-      </div>
-    <% end %>
-  <% end %>
+<div class="w-full flex justify-center">
+  <%= render_code_preview('tooltip') %>
+</div>
 <% end %>
 
 <% content_for :code, flush: true do %>
-
+<div class="w-full flex justify-center">
+  <%= code_partial("tooltip/preview", :erb) %>
+</div>
 <% end %>
 
 <%= render_preview %>
+
+<h2 class="font-heading scroll-m-20 border-b pb-2 text-2xl font-semibold tracking-tight first:mt-0" id="installation">Installation</h2>
+<%= code_sample(language: "sh") do %>
+  rails generate shadcn-ui tooltip
+<% end %>
+
+<h2 class="font-heading mt-12 scroll-m-20 border-b pb-2 mb-2 text-2xl font-semibold tracking-tight first:mt-0" id="usage">Usage</h2>
+<%= code_partial("tooltip/usage", :erb) %>
+
+<%= render_usage("tooltip") %>

data/app/views/layouts/shared/_components.html.erb

@@ -8,6 +8,8 @@
           <%= sidebar_link "Introduction", documentation_index_path %>
           <%= sidebar_link "Installation", documentation_path("installation") %>
           <%= sidebar_link "Generators", documentation_path("generators") %>
+          <%= sidebar_link "Helpers", documentation_path("helpers") %>
+          <%= sidebar_link "Stimulus", documentation_path("Javascript") %>
           <%= sidebar_link "About", documentation_path("about") %>
         </div>
       </div>
@@ -16,45 +18,45 @@
         <div class="grid grid-flow-row auto-rows-max text-sm">
           <%= sidebar_link "✅ 📖 Accordion", "/docs/components/accordion" %>
           <%= sidebar_link "✅ 📖 Alert", "/docs/components/alert" %>
-          <%= sidebar_link "✅ Alert Dialog", "/docs/components/alert-dialog" %>
-          <%= sidebar_link "❌ Aspect Ratio", "/docs/components/aspect-ratio" %>
-          <%= sidebar_link "❌ Avatar", "/docs/components/avatar" %>
+          <%= sidebar_link "✅ 📖 Alert Dialog", "/docs/components/alert-dialog" %>
+          <%#= sidebar_link "❌ Aspect Ratio", "/docs/components/aspect-ratio" %>
+          <%#= sidebar_link "❌ Avatar", "/docs/components/avatar" %>
           <%= sidebar_link "✅ 📖 Badge", "/docs/components/badge" %>
           <%= sidebar_link "✅ 📖 Button", "/docs/components/button" %>
-          <%= sidebar_link "❌ Calendar", "/docs/components/calendar" %>
+          <%#= sidebar_link "❌ Calendar", "/docs/components/calendar" %>
           <%= sidebar_link "✅ 📖 Card", "/docs/components/card" %>
           <%= sidebar_link "✅ 📖 Checkbox", "/docs/components/checkbox" %>
           <%= sidebar_link "✅ 📖 Collapsible", "/docs/components/collapsible" %>
-          <%= sidebar_link "Combobox", "/docs/components/combobox" %>
-          <%= sidebar_link "Command", "/docs/components/command" %>
-          <%= sidebar_link "Context Menu", "/docs/components/context-menu" %>
-          <%= sidebar_link "Data Table", "/docs/components/data-table" %>
-          <%= sidebar_link "Date Picker", "/docs/components/date-picker" %>
+          <%#= sidebar_link "Combobox", "/docs/components/combobox" %>
+          <%#= sidebar_link "Command", "/docs/components/command" %>
+          <%#= sidebar_link "Context Menu", "/docs/components/context-menu" %>
+          <%#= sidebar_link "Data Table", "/docs/components/data-table" %>
+          <%#= sidebar_link "Date Picker", "/docs/components/date-picker" %>
           <%= sidebar_link "✅ 📖 Dialog", "/docs/components/dialog" %>
-          <%= sidebar_link "Dropdown Menu", "/docs/components/dropdown-menu" %>
-          <%= sidebar_link "➕ Filter", "/docs/components/filter" %>
-          <%= sidebar_link "Form", "/docs/components/form" %>
-          <%= sidebar_link "✅ Hover Card", "/docs/components/hover-card" %>
-          <%= sidebar_link "✅ Input", "/docs/components/input" %>
-          <%= sidebar_link "✅ Label", "/docs/components/label" %>
-          <%= sidebar_link "Menubar", "/docs/components/menubar" %>
-          <%= sidebar_link "Navigation Menu", "/docs/components/navigation-menu" %>
-          <%= sidebar_link "✅ Popover", "/docs/components/popover" %>
-          <%= sidebar_link "✅ Progress", "/docs/components/progress" %>
-          <%= sidebar_link "Radio Group", "/docs/components/radio-group" %>
-          <%= sidebar_link "Scroll Area", "/docs/components/scroll-area" %>
-          <%= sidebar_link "Select", "/docs/components/select" %>
-          <%= sidebar_link "✅ Separator", "/docs/components/separator" %>
-          <%= sidebar_link "✅ Sheet", "/docs/components/sheet" %>
-          <%= sidebar_link "✅ Skeleton", "/docs/components/skeleton" %>
-          <%= sidebar_link "✅ Slider", "/docs/components/slider" %>
-          <%= sidebar_link "Switch", "/docs/components/switch" %>
-          <%= sidebar_link "Table", "/docs/components/table" %>
-          <%= sidebar_link "Tabs", "/docs/components/tabs" %>
-          <%= sidebar_link "✅ Textarea", "/docs/components/textarea" %>
-          <%= sidebar_link "✅ Toast", "/docs/components/toast" %>
-          <%= sidebar_link "✅ Toggle", "/docs/components/toggle" %>
-          <%= sidebar_link "✅ Tooltip", "/docs/components/tooltip" %>
+          <%= sidebar_link "✅ 📖 Dropdown Menu", "/docs/components/dropdown-menu" %>
+          <%= sidebar_link "✅ 📖 Filter", "/docs/components/filter" %>
+          <%= sidebar_link "✅ 📖  Forms", "/docs/components/forms" %>
+          <%= sidebar_link "✅ 📖 Hover Card", "/docs/components/hover-card" %>
+          <%= sidebar_link "✅ 📖 Input", "/docs/components/input" %>
+          <%= sidebar_link "✅ 📖 Label", "/docs/components/label" %>
+          <%#= sidebar_link "Menubar", "/docs/components/menubar" %>
+          <%#= sidebar_link "Navigation Menu", "/docs/components/navigation-menu" %>
+          <%= sidebar_link "✅ 📖 Popover", "/docs/components/popover" %>
+          <%= sidebar_link "✅ 📖 Progress", "/docs/components/progress" %>
+          <%#= sidebar_link "Radio Group", "/docs/components/radio-group" %>
+          <%#= sidebar_link "Scroll Area", "/docs/components/scroll-area" %>
+          <%#= sidebar_link "Select", "/docs/components/select" %>
+          <%= sidebar_link "✅ 📖 Separator", "/docs/components/separator" %>
+          <%= sidebar_link "✅ 📖 Sheet", "/docs/components/sheet" %>
+          <%= sidebar_link "✅ 📖 Skeleton", "/docs/components/skeleton" %>
+          <%= sidebar_link "✅ 📖 Slider", "/docs/components/slider" %>
+          <%#= sidebar_link "Switch", "/docs/components/switch" %>
+          <%#= sidebar_link "Table", "/docs/components/table" %>
+          <%#= sidebar_link "Tabs", "/docs/components/tabs" %>
+          <%= sidebar_link "✅ 📖 Textarea", "/docs/components/textarea" %>
+          <%= sidebar_link "✅ 📖 Toast", "/docs/components/toast" %>
+          <%= sidebar_link "✅ 📖 Toggle", "/docs/components/toggle" %>
+          <%= sidebar_link "✅ 📖 Tooltip", "/docs/components/tooltip" %>
         </div>
       </div>
     </div>

data/config/environments/production.rb

@@ -13,7 +13,7 @@ Rails.application.configure do
   config.eager_load = true
 
   # Full error reports are disabled and caching is turned on.
-  config.consider_all_requests_local       = false
+  config.consider_all_requests_local = false
   config.action_controller.perform_caching = true
 
   # Ensures that a master key has been made available in either ENV["RAILS_MASTER_KEY"]
@@ -53,7 +53,7 @@ Rails.application.configure do
   config.log_level = :info
 
   # Prepend all log lines with the following tags.
-  config.log_tags = [ :request_id ]
+  config.log_tags = [:request_id]
 
   # Use a different cache store in production.
   # config.cache_store = :mem_cache_store
@@ -83,9 +83,9 @@ Rails.application.configure do
   # config.logger = ActiveSupport::TaggedLogging.new(Syslog::Logger.new "app-name")
 
   if ENV["RAILS_LOG_TO_STDOUT"].present?
-    logger           = ActiveSupport::Logger.new(STDOUT)
+    logger = ActiveSupport::Logger.new(STDOUT)
     logger.formatter = config.log_formatter
-    config.logger    = ActiveSupport::TaggedLogging.new(logger)
+    config.logger = ActiveSupport::TaggedLogging.new(logger)
   end
 
   # Do not dump schema after migrations.

data/config/routes.rb

@@ -8,6 +8,9 @@ Rails.application.routes.draw do
   get "/docs/:id" => "documentation#show", :as => :documentation, :format => false
   get "/docs", to: "documentation#index", as: :documentation_index
 
+  # This is just for the forms component
+  resources :users
+
   # Defines the root path route ("/")
   root "application#index"
 end

data/lib/components.json

@@ -24,7 +24,8 @@
       "app/helpers/components/alert-dialog_helper.rb",
       "app/views/components/ui/_alert-dialog.html.erb",
       "app/javascript/controllers/ui/alert-dialog_controller.js"
-    ]
+    ],
+    "dependencies": [{ "component": "dialog" }]
   },
   "badge": {
     "name": "badge",
@@ -111,6 +112,17 @@
       "app/views/components/ui/shared/_menu_item.html.erb"
     ]
   },
+  "forms": {
+    "name": "forms",
+    "type": "components:ui",
+    "files": ["app/helpers/components/forms_helper.rb", "app/form_builders/shadcn_form_builder.rb"],
+    "dependencies": [
+      { "component": "input" },
+      { "component": "label" },
+      { "component": "textarea" },
+      { "component": "button" }
+    ]
+  },
   "hover-card": {
     "name": "hover-card",
     "type": "components:ui",

data/lib/generators/shadcn-ui_generator.rb

@@ -67,7 +67,7 @@ class ShadcnUiGenerator < Rails::Generators::Base
 
     available_components.each do |component, _|
       description = "# A #{component} component"
-      banner_line = "rails g shadcn_ui #{component}:install #{" " * (20 - component.length)} #{description}"
+      banner_line = "rails generate shadcn-ui #{component}:install #{" " * (20 - component.length)} #{description}"
       puts banner_line
     end
   end

data/lib/shadcn-ui/version.rb

@@ -1,3 +1,3 @@
 module ShadcnUi
-  VERSION = "0.0.3"
+  VERSION = "0.0.5"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: shadcn-ui
 version: !ruby/object:Gem::Version
-  version: 0.0.3
+  version: 0.0.5
 platform: ruby
 authors:
 - Avi Flombaum
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-07-15 00:00:00.000000000 Z
+date: 2023-07-26 00:00:00.000000000 Z
 dependencies: []
 description: This gem is a documentation site and gem that will copy components from
   the shadcn-ui library into a Ruby on Rails application.
@@ -44,6 +44,8 @@ files:
 - app/controllers/components_controller.rb
 - app/controllers/concerns/.keep
 - app/controllers/documentation_controller.rb
+- app/controllers/users_controller.rb
+- app/form_builders/shadcn_form_builder.rb
 - app/helpers/application_helper.rb
 - app/helpers/components/accordion_helper.rb
 - app/helpers/components/alert_dialog_helper.rb
@@ -56,6 +58,7 @@ files:
 - app/helpers/components/dialog_helper.rb
 - app/helpers/components/dropdown_menu_helper.rb
 - app/helpers/components/filter_helper.rb
+- app/helpers/components/forms_helper.rb
 - app/helpers/components/hover_card_helper.rb
 - app/helpers/components/input_helper.rb
 - app/helpers/components/label_helper.rb
@@ -98,6 +101,7 @@ files:
 - app/mailers/application_mailer.rb
 - app/models/application_record.rb
 - app/models/concerns/.keep
+- app/models/user.rb
 - app/views/application/index.html.erb
 - app/views/components/ui/_accordion.html.erb
 - app/views/components/ui/_alert.html.erb
@@ -130,69 +134,129 @@ files:
 - app/views/components/ui/svg/_check.html.erb
 - app/views/documentation/about.html.md
 - app/views/documentation/generators.html.md
+- app/views/documentation/helpers.html.md
 - app/views/documentation/index.html.erb.bak
 - app/views/documentation/index.html.md
 - app/views/documentation/installation.html.md
+- app/views/documentation/javascript.html.md
 - app/views/examples/authentication/index.html.erb
 - app/views/examples/components/accordion.html.erb
 - app/views/examples/components/accordion/_usage.html.erb
 - app/views/examples/components/accordion/code/_block.html.erb
 - app/views/examples/components/accordion/code/_description.html.erb
-- app/views/examples/components/accordion/code/preview.erb
-- app/views/examples/components/accordion/code/usage.erb
+- app/views/examples/components/accordion/code/_preview.erb
+- app/views/examples/components/accordion/code/_usage.erb
 - app/views/examples/components/alert-dialog.html.erb
+- app/views/examples/components/alert-dialog/_usage.html.erb
+- app/views/examples/components/alert-dialog/code/_preview.erb
+- app/views/examples/components/alert-dialog/code/_usage.erb
 - app/views/examples/components/alert.html.erb
 - app/views/examples/components/alert/_usage.html.erb
 - app/views/examples/components/alert/code/_attention.erb
 - app/views/examples/components/alert/code/_destructive.erb
 - app/views/examples/components/alert/code/_info.erb
 - app/views/examples/components/alert/code/_no_icon.erb
+- app/views/examples/components/alert/code/_preview.erb
 - app/views/examples/components/alert/code/_success.erb
-- app/views/examples/components/alert/code/preview.erb
-- app/views/examples/components/alert/code/usage.erb
+- app/views/examples/components/alert/code/_usage.erb
 - app/views/examples/components/badge.html.erb
 - app/views/examples/components/badge/_usage.html.erb
-- app/views/examples/components/badge/code/preview.erb
-- app/views/examples/components/badge/code/usage.erb
+- app/views/examples/components/badge/code/_preview.erb
+- app/views/examples/components/badge/code/_usage.erb
 - app/views/examples/components/button.html.erb
 - app/views/examples/components/button/_usage.html.erb
-- app/views/examples/components/button/code/preview.erb
-- app/views/examples/components/button/code/usage.erb
+- app/views/examples/components/button/code/_preview.erb
+- app/views/examples/components/button/code/_usage.erb
 - app/views/examples/components/card.html.erb
 - app/views/examples/components/card/_usage.html.erb
 - app/views/examples/components/card/code/_form.erb
 - app/views/examples/components/card/code/_notifications.erb
-- app/views/examples/components/card/code/preview.erb
-- app/views/examples/components/card/code/usage.erb
+- app/views/examples/components/card/code/_preview.erb
+- app/views/examples/components/card/code/_usage.erb
 - app/views/examples/components/checkbox.html.erb
 - app/views/examples/components/checkbox/_usage.html.erb
-- app/views/examples/components/checkbox/code/preview.erb
-- app/views/examples/components/checkbox/code/usage.erb
+- app/views/examples/components/checkbox/code/_preview.erb
+- app/views/examples/components/checkbox/code/_usage.erb
 - app/views/examples/components/collapsible.html.erb
 - app/views/examples/components/collapsible/_usage.html.erb
-- app/views/examples/components/collapsible/code/preview.erb
-- app/views/examples/components/collapsible/code/usage.erb
+- app/views/examples/components/collapsible/code/_preview.erb
+- app/views/examples/components/collapsible/code/_usage.erb
 - app/views/examples/components/dialog.html.erb
 - app/views/examples/components/dialog/_usage.html.erb
-- app/views/examples/components/dialog/code/form.erb
-- app/views/examples/components/dialog/code/notifications.erb
-- app/views/examples/components/dialog/code/preview.erb
-- app/views/examples/components/dialog/code/usage.erb
+- app/views/examples/components/dialog/code/_form.erb
+- app/views/examples/components/dialog/code/_notifications.erb
+- app/views/examples/components/dialog/code/_preview.erb
+- app/views/examples/components/dialog/code/_usage.erb
 - app/views/examples/components/dropdown-menu.html.erb
+- app/views/examples/components/dropdown-menu/_usage.html.erb
+- app/views/examples/components/dropdown-menu/code/_preview.erb
+- app/views/examples/components/dropdown-menu/code/_usage.erb
 - app/views/examples/components/filter.html.erb
+- app/views/examples/components/filter/_usage.html.erb
+- app/views/examples/components/filter/code/_icon.html.erb
+- app/views/examples/components/filter/code/_preview.erb
+- app/views/examples/components/filter/code/_usage.erb
+- app/views/examples/components/forms.html.erb
+- app/views/examples/components/forms/_usage.html.erb
+- app/views/examples/components/forms/code/_preview.erb
+- app/views/examples/components/forms/code/_usage.erb
 - app/views/examples/components/hover-card.html.erb
+- app/views/examples/components/hover-card/_usage.html.erb
+- app/views/examples/components/hover-card/code/_preview.erb
+- app/views/examples/components/hover-card/code/_usage.erb
 - app/views/examples/components/input.html.erb
+- app/views/examples/components/input/_usage.html.erb
+- app/views/examples/components/input/code/_borderless.erb
+- app/views/examples/components/input/code/_preview.erb
+- app/views/examples/components/input/code/_usage.erb
 - app/views/examples/components/label.html.erb
+- app/views/examples/components/label/_usage.html.erb
+- app/views/examples/components/label/code/_preview.erb
+- app/views/examples/components/label/code/_usage.erb
 - app/views/examples/components/popover.html.erb
+- app/views/examples/components/popover/_usage.html.erb
+- app/views/examples/components/popover/code/_form.erb
+- app/views/examples/components/popover/code/_preview.erb
+- app/views/examples/components/popover/code/_usage.erb
 - app/views/examples/components/progress.html.erb
+- app/views/examples/components/progress/_usage.erb
+- app/views/examples/components/progress/code/_preview.erb
+- app/views/examples/components/progress/code/_usage.erb
 - app/views/examples/components/separator.html.erb
+- app/views/examples/components/separator/_usage.html.erb
+- app/views/examples/components/separator/code/_fancy.erb
+- app/views/examples/components/separator/code/_preview.erb
+- app/views/examples/components/separator/code/_usage.erb
 - app/views/examples/components/sheet.html.erb
+- app/views/examples/components/sheet/_usage.html.erb
+- app/views/examples/components/sheet/code/_mobile_menu.erb
+- app/views/examples/components/sheet/code/_preview.erb
+- app/views/examples/components/sheet/code/_usage.erb
 - app/views/examples/components/skeleton.html.erb
+- app/views/examples/components/skeleton/_usage.html.erb
+- app/views/examples/components/skeleton/code/_preview.erb
+- app/views/examples/components/skeleton/code/_usage.erb
 - app/views/examples/components/slider.html.erb
+- app/views/examples/components/slider/_usage.html.erb
+- app/views/examples/components/slider/code/_preview.erb
+- app/views/examples/components/slider/code/_usage.erb
 - app/views/examples/components/textarea.html.erb
+- app/views/examples/components/textarea/_usage.html.erb
+- app/views/examples/components/textarea/code/_preview.erb
+- app/views/examples/components/textarea/code/_usage.erb
 - app/views/examples/components/toast.html.erb
+- app/views/examples/components/toast/_usage.html.erb
+- app/views/examples/components/toast/code/_destructive.erb
+- app/views/examples/components/toast/code/_preview.erb
+- app/views/examples/components/toast/code/_usage.erb
 - app/views/examples/components/toggle.html.erb
+- app/views/examples/components/toggle/_usage.html.erb
+- app/views/examples/components/toggle/code/_preview.erb
+- app/views/examples/components/toggle/code/_usage.erb
 - app/views/examples/components/tooltip.html.erb
+- app/views/examples/components/tooltip/_usage.html.erb
+- app/views/examples/components/tooltip/code/_preview.erb
+- app/views/examples/components/tooltip/code/_usage.erb
 - app/views/layouts/application.html.erb
 - app/views/layouts/component.html.erb
 - app/views/layouts/documentation.html.erb

data/app/views/examples/components/card/code/usage.erb

@@ -1,3 +0,0 @@
-<%= render(title: nil, subtitle: nil, body: nil, footer: nil:) do %>
-  <!-- Optional Body Block -->
-<% end %>

data/app/views/examples/components/checkbox/code/preview.erb

@@ -1,2 +0,0 @@
-<%= render_checkbox name: "terms",
-      label: "Accept terms and conditions", %>