shadcn-ui 0.0.1 → 0.0.3

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: shadcn-ui
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.0.3
 platform: ruby
 authors:
 - Avi Flombaum
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-07-09 00:00:00.000000000 Z
+date: 2023-07-15 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.
@@ -19,6 +19,7 @@ extensions: []
 extra_rdoc_files: []
 files:
 - ".editorconfig"
+- ".env"
 - ".prettierignore"
 - ".prettierrc.json"
 - ".rspec"
@@ -33,14 +34,16 @@ files:
 - app/assets/builds/.keep
 - app/assets/config/manifest.js
 - app/assets/images/.keep
-- app/assets/stylesheets/application.scss
+- app/assets/stylesheets/application.css
 - app/assets/stylesheets/application.tailwind.css
-- app/assets/stylesheets/lambda.light.scss
+- app/assets/stylesheets/lambda.light.css
+- app/assets/stylesheets/shadcn.css
 - app/channels/application_cable/channel.rb
 - app/channels/application_cable/connection.rb
 - app/controllers/application_controller.rb
 - app/controllers/components_controller.rb
 - app/controllers/concerns/.keep
+- app/controllers/documentation_controller.rb
 - app/helpers/application_helper.rb
 - app/helpers/components/accordion_helper.rb
 - app/helpers/components/alert_dialog_helper.rb
@@ -52,14 +55,23 @@ files:
 - app/helpers/components/collapsible_helper.rb
 - app/helpers/components/dialog_helper.rb
 - app/helpers/components/dropdown_menu_helper.rb
+- app/helpers/components/filter_helper.rb
 - app/helpers/components/hover_card_helper.rb
+- app/helpers/components/input_helper.rb
+- app/helpers/components/label_helper.rb
+- app/helpers/components/list_helper.rb
 - app/helpers/components/popover_helper.rb
+- app/helpers/components/progress_helper.rb
 - app/helpers/components/seperator_helper.rb
+- app/helpers/components/sheet_helper.rb
+- app/helpers/components/skeleton_helper.rb
+- app/helpers/components/slider_helper.rb
 - app/helpers/components/textarea_helper.rb
 - app/helpers/components/toast_helper.rb
 - app/helpers/components/toggle_helper.rb
 - app/helpers/components/tooltip_helper.rb
 - app/helpers/components_helper.rb
+- app/helpers/documentation_helper.rb
 - app/helpers/examples_helper.rb
 - app/javascript/application.js
 - app/javascript/controllers/application.js
@@ -67,13 +79,17 @@ files:
 - app/javascript/controllers/highlight_controller.js
 - app/javascript/controllers/index.js
 - app/javascript/controllers/tabs_controller.js
+- app/javascript/controllers/theme_controller.js
 - app/javascript/controllers/ui/accordion_controller.js
 - app/javascript/controllers/ui/checkbox_controller.js
 - app/javascript/controllers/ui/collapsible_controller.js
 - app/javascript/controllers/ui/dialog_controller.js
 - app/javascript/controllers/ui/dropdown_controller.js
+- app/javascript/controllers/ui/filter_controller.js
 - app/javascript/controllers/ui/hover-card_controller.js
 - app/javascript/controllers/ui/popover_controller.js
+- app/javascript/controllers/ui/sheet_controller.js
+- app/javascript/controllers/ui/slider_controller.js
 - app/javascript/controllers/ui/toast_controller.js
 - app/javascript/controllers/ui/toggle_controller.js
 - app/javascript/controllers/ui/tooltip_controller.js
@@ -91,26 +107,71 @@ files:
 - app/views/components/ui/_card.html.erb
 - app/views/components/ui/_checkbox.html.erb
 - app/views/components/ui/_collapsible.html.erb
+- app/views/components/ui/_command.html.erb
 - app/views/components/ui/_dialog.html.erb
 - app/views/components/ui/_dropdown_menu.html.erb
+- app/views/components/ui/_filter.html.erb
 - app/views/components/ui/_hover_card.html.erb
+- app/views/components/ui/_input.html.erb
+- app/views/components/ui/_label.html.erb
+- app/views/components/ui/_list.html.erb
 - app/views/components/ui/_popover.html.erb
+- app/views/components/ui/_progress.html.erb
 - app/views/components/ui/_separator.html.erb
+- app/views/components/ui/_sheet.html.erb
+- app/views/components/ui/_skeleton.html.erb
+- app/views/components/ui/_slider.html.erb
 - app/views/components/ui/_textarea.html.erb
 - app/views/components/ui/_toast.html.erb
 - app/views/components/ui/_toggle.html.erb
 - app/views/components/ui/_tooltip.html.erb
-- app/views/components/ui/shared/_dialog_background.html.erb
+- app/views/components/ui/shared/_backdrop.html.erb
 - app/views/components/ui/shared/_menu_item.html.erb
+- app/views/components/ui/svg/_check.html.erb
+- app/views/documentation/about.html.md
+- app/views/documentation/generators.html.md
+- app/views/documentation/index.html.erb.bak
+- app/views/documentation/index.html.md
+- app/views/documentation/installation.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/alert-dialog.html.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/_success.erb
+- app/views/examples/components/alert/code/preview.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/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/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/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/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/dialog.html.erb
 - app/views/examples/components/dialog/_usage.html.erb
 - app/views/examples/components/dialog/code/form.erb
@@ -118,23 +179,32 @@ files:
 - 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/filter.html.erb
 - app/views/examples/components/hover-card.html.erb
+- app/views/examples/components/input.html.erb
+- app/views/examples/components/label.html.erb
 - app/views/examples/components/popover.html.erb
+- app/views/examples/components/progress.html.erb
 - app/views/examples/components/separator.html.erb
+- app/views/examples/components/sheet.html.erb
+- app/views/examples/components/skeleton.html.erb
+- app/views/examples/components/slider.html.erb
 - app/views/examples/components/textarea.html.erb
 - app/views/examples/components/toast.html.erb
 - app/views/examples/components/toggle.html.erb
 - app/views/examples/components/tooltip.html.erb
-- app/views/layouts/_sidebar.html.erb
 - app/views/layouts/application.html.erb
 - app/views/layouts/component.html.erb
+- app/views/layouts/documentation.html.erb
 - app/views/layouts/documentation/_breadcrumb.html.erb
 - app/views/layouts/documentation/_component_header.html.erb
 - app/views/layouts/documentation/_examples.html.erb
 - app/views/layouts/documentation/_preview.html.erb
 - app/views/layouts/mailer.html.erb
 - app/views/layouts/mailer.text.erb
+- app/views/layouts/shared/_components.html.erb
 - app/views/layouts/shared/_header.html.erb
+- app/views/layouts/shared/_sidebar.html.erb
 - config.ru
 - config/application.rb
 - config/boot.rb
@@ -150,16 +220,19 @@ files:
 - config/initializers/content_security_policy.rb
 - config/initializers/filter_parameter_logging.rb
 - config/initializers/inflections.rb
+- config/initializers/markdown.rb
 - config/initializers/permissions_policy.rb
 - config/locales/en.yml
 - config/puma.rb
 - config/render.yml
 - config/routes.rb
+- config/shadcn.tailwind.js
 - config/storage.yml
 - config/tailwind.config.js
 - db/seeds.rb
 - lib/assets/.keep
-- lib/generators/shadcn_ui_generator.rb
+- lib/components.json
+- lib/generators/shadcn-ui_generator.rb
 - lib/shadcn-ui/shadcn-ui.rb
 - lib/shadcn-ui/version.rb
 - lib/tasks/.keep
@@ -169,6 +242,7 @@ files:
 - public/404.html
 - public/422.html
 - public/500.html
+- public/accordion.png
 - public/android-chrome-192x192.png
 - public/android-chrome-512x512.png
 - public/apple-touch-icon-precomposed.png

data/app/views/layouts/_sidebar.html.erb

@@ -1,270 +0,0 @@
-<aside
-  class="fixed top-14 z-30 -ml-2 hidden h-[calc(100vh-3.5rem)] w-full shrink-0 md:sticky md:block">
-  <div
-    dir="ltr"
-    class="relative overflow-hidden h-full py-6 pl-8 pr-6 lg:py-8"
-    style="
-      position: relative;
-      --radix-scroll-area-corner-width: 0px;
-      --radix-scroll-area-corner-height: 0px;
-    ">
-    <style>
-      [data-radix-scroll-area-viewport] {
-        scrollbar-width: none;
-        -ms-overflow-style: none;
-        -webkit-overflow-scrolling: touch;
-      }
-      [data-radix-scroll-area-viewport]::-webkit-scrollbar {
-        display: none;
-      }
-    </style>
-    <div
-      data-radix-scroll-area-viewport=""
-      class="h-full w-full rounded-[inherit]"
-      style="overflow: hidden scroll">
-      <div style="min-width: 100%; display: table">
-        <div class="w-full">
-          <div class="pb-4">
-            <h4 class="mb-1 rounded-md px-2 py-1 text-sm font-semibold">Getting Started</h4>
-            <div class="grid grid-flow-row auto-rows-max text-sm">
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline font-medium text-foreground"
-                target=""
-                rel=""
-                href="/docs">Introduction</a>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/installation">Installation</a>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/theming">Theming</a>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/dark-mode">Dark mode</a>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/changelog">Changelog</a>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/about">About</a>
-            </div>
-          </div>
-          <div class="pb-4">
-            <h4 class="mb-1 rounded-md px-2 py-1 text-sm font-semibold">Components</h4>
-            <div class="grid grid-flow-row auto-rows-max text-sm">
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/components/accordion">✅ Accordion</a>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/components/alert">✅ Alert</a>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/components/alert-dialog">✅ Alert Dialog</a>
-              <span
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel="">❌ Aspect Ratio</span>
-              <span
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/components/avatar">❌ Avatar</span>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/components/badge">✅ Badge</a>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/components/button">✅ Button</a>
-              <span
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/components/calendar">❌ Calendar</span>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/components/card">✅ Card</a>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/components/checkbox">✅ Checkbox</a>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/components/collapsible">✅ Collapsible</a>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/components/combobox">Combobox</a>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/components/command">Command</a>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/components/context-menu">Context Menu</a>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/components/data-table">Data Table</a>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/components/date-picker">Date Picker</a>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/components/dialog">✅ Dialog</a>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/components/dropdown-menu">Dropdown Menu</a>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/components/form">Form</a>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/components/hover-card">✅ Hover Card</a>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/components/input">Input</a>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/components/label">Label</a>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/components/menubar">Menubar</a>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/components/navigation-menu">Navigation Menu</a>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/components/popover">✅ Popover</a>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/components/progress">Progress</a>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/components/radio-group">Radio Group</a>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/components/scroll-area">Scroll Area</a>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/components/select">Select</a>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/components/separator">✅ Separator</a>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/components/sheet">Sheet</a>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/components/skeleton">Skeleton</a>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/components/slider">Slider</a>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/components/switch">Switch</a>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/components/table">Table</a>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/components/tabs">Tabs</a>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/components/textarea">✅ Textarea</a>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/components/toast">✅ Toast</a>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/components/toggle">✅ Toggle</a>
-              <a
-                class="group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline text-muted-foreground"
-                target=""
-                rel=""
-                href="/docs/components/tooltip">✅ Tooltip</a>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</aside>

data/lib/generators/shadcn_ui_generator.rb

@@ -1,32 +0,0 @@
-# lib/generators/shadcn_ui_generator.rb
-
-require "rails/generators/base"
-
-class ShadcnUiGenerator < Rails::Generators::Base
-  source_root File.expand_path("path/to/source/files")
-
-  argument :component, required: true, desc: "Name of the component"
-  class_option :remove, type: :boolean, default: false, desc: "Remove the component"
-
-  def copy_or_remove_files
-    if options[:remove]
-      remove_files
-    else
-      copy_files
-    end
-  end
-
-  private
-
-  def copy_files
-    template "component_template.html.erb", destination_file_path
-  end
-
-  def remove_files
-    remove_file destination_file_path
-  end
-
-  def destination_file_path
-    "app/views/components/#{component}.html.erb" # Modify the destination path according to your requirements
-  end
-end