shadcn-ui 0.0.1 → 0.0.2

data/config/initializers/markdown.rb

@@ -0,0 +1,24 @@
+require "redcarpet"
+require "rouge"
+require "rouge/plugins/redcarpet"
+
+class HTML < Redcarpet::Render::HTML
+  include Rouge::Plugins::Redcarpet # yep, that's it.
+end
+
+# config/initializers/markdown.rb
+
+# We define a module that can parse markdown to HTML with its `call` method
+module MarkdownHandler
+  def self.erb
+    @erb ||= ActionView::Template.registered_template_handler(:erb)
+  end
+
+  def self.call(template, source)
+    compiled_source = erb.call(template, source)
+    "Redcarpet::Markdown.new(Redcarpet::Render::HTML.new(with_toc_data: true), extensions = {fenced_code_blocks: true}).render(begin;#{compiled_source};end).html_safe"
+  end
+end
+
+# Now we tell Rails to process any files with the `.md` extension using our new MarkdownHandler
+ActionView::Template.register_template_handler :md, MarkdownHandler

data/config/routes.rb

@@ -1,7 +1,13 @@
 Rails.application.routes.draw do
   # Define your application routes per the DSL in https://guides.rubyonrails.org/routing.html
+
   get "/examples/:example", to: "application#examples", as: :example
-  get "/docs//components/:component", to: "components#show", as: :component
+  get "/docs/components/:component", to: "components#show", as: :component
+  get "/docs/components", to: redirect("/docs/components/accordion")
+  get "/components", to: redirect("/docs/components/accordion"), as: :components
+  get "/docs/:id" => "documentation#show", :as => :documentation, :format => false
+  get "/docs", to: "documentation#index", as: :documentation_index
+
   # Defines the root path route ("/")
   root "application#index"
 end

data/lib/components.json

@@ -0,0 +1,301 @@
+{
+  "accordion": {
+    "name": "accordion",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/accordion_helper.rb",
+      "app/views/components/ui/_accordion.html.erb",
+      "app/javascript/controllers/ui/accordion_controller.js"
+    ]
+  },
+  "alert": {
+    "name": "alert",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/alert_helper.rb",
+      "app/views/components/ui/_alert.html.erb",
+      "app/javascript/controllers/ui/alert_controller.js"
+    ]
+  },
+  "alert-dialog": {
+    "name": "alert-dialog",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/alert-dialog_helper.rb",
+      "app/views/components/ui/_alert-dialog.html.erb",
+      "app/javascript/controllers/ui/alert-dialog_controller.js"
+    ]
+  },
+  "badge": {
+    "name": "badge",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/badge_helper.rb",
+      "app/views/components/ui/_badge.html.erb",
+      "app/javascript/controllers/ui/badge_controller.js"
+    ]
+  },
+  "button": {
+    "name": "button",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/button_helper.rb",
+      "app/views/components/ui/_button.html.erb",
+      "app/javascript/controllers/ui/button_controller.js"
+    ]
+  },
+  "card": {
+    "name": "card",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/card_helper.rb",
+      "app/views/components/ui/_card.html.erb",
+      "app/javascript/controllers/ui/card_controller.js"
+    ]
+  },
+  "checkbox": {
+    "name": "checkbox",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/checkbox_helper.rb",
+      "app/views/components/ui/_checkbox.html.erb",
+      "app/javascript/controllers/ui/checkbox_controller.js"
+    ]
+  },
+  "collapsible": {
+    "name": "collapsible",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/collapsible_helper.rb",
+      "app/views/components/ui/_collapsible.html.erb",
+      "app/javascript/controllers/ui/collapsible_controller.js"
+    ]
+  },
+  "command": {
+    "name": "command",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/command_helper.rb",
+      "app/views/components/ui/_command.html.erb",
+      "app/javascript/controllers/ui/command_controller.js"
+    ]
+  },
+  "context-menu": {
+    "name": "context-menu",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/context-menu_helper.rb",
+      "app/views/components/ui/_context-menu.html.erb",
+      "app/javascript/controllers/ui/context-menu_controller.js"
+    ]
+  },
+  "dialog": {
+    "name": "dialog",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/dialog_helper.rb",
+      "app/views/components/ui/_dialog.html.erb",
+      "app/javascript/controllers/ui/dialog_controller.js"
+    ]
+  },
+  "dropdown-menu": {
+    "name": "dropdown-menu",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/dropdown-menu_helper.rb",
+      "app/views/components/ui/_dropdown-menu.html.erb",
+      "app/javascript/controllers/ui/dropdown-menu_controller.js"
+    ]
+  },
+  "hover-card": {
+    "name": "hover-card",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/hover-card_helper.rb",
+      "app/views/components/ui/_hover-card.html.erb",
+      "app/javascript/controllers/ui/hover-card_controller.js"
+    ]
+  },
+  "input": {
+    "name": "input",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/input_helper.rb",
+      "app/views/components/ui/_input.html.erb",
+      "app/javascript/controllers/ui/input_controller.js"
+    ]
+  },
+  "label": {
+    "name": "label",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/label_helper.rb",
+      "app/views/components/ui/_label.html.erb",
+      "app/javascript/controllers/ui/label_controller.js"
+    ]
+  },
+  "menubar": {
+    "name": "menubar",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/menubar_helper.rb",
+      "app/views/components/ui/_menubar.html.erb",
+      "app/javascript/controllers/ui/menubar_controller.js"
+    ]
+  },
+  "navigation-menu": {
+    "name": "navigation-menu",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/navigation-menu_helper.rb",
+      "app/views/components/ui/_navigation-menu.html.erb",
+      "app/javascript/controllers/ui/navigation-menu_controller.js"
+    ]
+  },
+  "popover": {
+    "name": "popover",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/popover_helper.rb",
+      "app/views/components/ui/_popover.html.erb",
+      "app/javascript/controllers/ui/popover_controller.js"
+    ]
+  },
+  "progress": {
+    "name": "progress",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/progress_helper.rb",
+      "app/views/components/ui/_progress.html.erb",
+      "app/javascript/controllers/ui/progress_controller.js"
+    ]
+  },
+  "radio-group": {
+    "name": "radio-group",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/radio-group_helper.rb",
+      "app/views/components/ui/_radio-group.html.erb",
+      "app/javascript/controllers/ui/radio-group_controller.js"
+    ]
+  },
+  "scroll-area": {
+    "name": "scroll-area",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/scroll-area_helper.rb",
+      "app/views/components/ui/_scroll-area.html.erb",
+      "app/javascript/controllers/ui/scroll-area_controller.js"
+    ]
+  },
+  "select": {
+    "name": "select",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/select_helper.rb",
+      "app/views/components/ui/_select.html.erb",
+      "app/javascript/controllers/ui/select_controller.js"
+    ]
+  },
+  "separator": {
+    "name": "separator",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/separator_helper.rb",
+      "app/views/components/ui/_separator.html.erb",
+      "app/javascript/controllers/ui/separator_controller.js"
+    ]
+  },
+  "sheet": {
+    "name": "sheet",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/sheet_helper.rb",
+      "app/views/components/ui/_sheet.html.erb",
+      "app/javascript/controllers/ui/sheet_controller.js"
+    ]
+  },
+  "skeleton": {
+    "name": "skeleton",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/skeleton_helper.rb",
+      "app/views/components/ui/_skeleton.html.erb",
+      "app/javascript/controllers/ui/skeleton_controller.js"
+    ]
+  },
+  "slider": {
+    "name": "slider",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/slider_helper.rb",
+      "app/views/components/ui/_slider.html.erb",
+      "app/javascript/controllers/ui/slider_controller.js"
+    ]
+  },
+  "switch": {
+    "name": "switch",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/switch_helper.rb",
+      "app/views/components/ui/_switch.html.erb",
+      "app/javascript/controllers/ui/switch_controller.js"
+    ]
+  },
+  "table": {
+    "name": "table",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/table_helper.rb",
+      "app/views/components/ui/_table.html.erb",
+      "app/javascript/controllers/ui/table_controller.js"
+    ]
+  },
+  "tabs": {
+    "name": "tabs",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/tabs_helper.rb",
+      "app/views/components/ui/_tabs.html.erb",
+      "app/javascript/controllers/ui/tabs_controller.js"
+    ]
+  },
+  "textarea": {
+    "name": "textarea",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/textarea_helper.rb",
+      "app/views/components/ui/_textarea.html.erb",
+      "app/javascript/controllers/ui/textarea_controller.js"
+    ]
+  },
+  "toast": {
+    "name": "toast",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/toast_helper.rb",
+      "app/views/components/ui/_toast.html.erb",
+      "app/javascript/controllers/ui/toast_controller.js",
+      "app/javascript/controllers/ui/use-toast.js",
+      "app/javascript/controllers/ui/toaster.js"
+    ]
+  },
+  "toggle": {
+    "name": "toggle",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/toggle_helper.rb",
+      "app/views/components/ui/_toggle.html.erb",
+      "app/javascript/controllers/ui/toggle_controller.js"
+    ]
+  },
+  "tooltip": {
+    "name": "tooltip",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/tooltip_helper.rb",
+      "app/views/components/ui/_tooltip.html.erb",
+      "app/javascript/controllers/ui/tooltip_controller.js"
+    ]
+  }
+}

data/lib/generators/shadcn_ui_generator.rb

@@ -1,32 +1,81 @@
-# lib/generators/shadcn_ui_generator.rb
-
+require "json"
 require "rails/generators/base"
 
 class ShadcnUiGenerator < Rails::Generators::Base
-  source_root File.expand_path("path/to/source/files")
+  attr_reader :component_name, :target_rails_root, :options
 
-  argument :component, required: true, desc: "Name of the component"
-  class_option :remove, type: :boolean, default: false, desc: "Remove the component"
+  argument :component, required: false, desc: "The name of the component to install"
+  argument :rails_root, required: false, desc: "Path to the Rails root directory"
 
-  def copy_or_remove_files
-    if options[:remove]
-      remove_files
-    else
+  def self.banner
+    "rails generate shadcn_ui <component_name>[:install] [--remove] [rails_root_path]"
+  end
+
+  def initialize(args, *options)
+    super
+
+    @component_name = component
+    @target_rails_root = rails_root || Rails.root
+    @options = options.first
+    start
+  end
+
+  private
+
+  def start
+    if component_valid?
       copy_files
+    else
+      display_available_components
     end
   end
 
-  private
+  def available_components
+    if !@available_components
+      gem_lib_path = File.expand_path("../../lib", __dir__)
+      components_file = File.read(File.join(gem_lib_path, "components.json"))
+      @available_components = JSON.parse(components_file)
+    else
+      @available_components
+    end
+  end
 
-  def copy_files
-    template "component_template.html.erb", destination_file_path
+  def display_available_components
+    puts self.class.banner
+    puts "\nAvailable components:"
+
+    available_components.each do |component, _|
+      description = "# A #{component} component"
+      banner_line = "rails g shadcn_ui #{component}:install #{" " * (20 - component.length)} #{description}"
+      puts banner_line
+    end
   end
 
-  def remove_files
-    remove_file destination_file_path
+  def copy_files
+    if component_valid?
+      component_data["files"].each do |file|
+        source_path = File.expand_path(File.join("../../", file), __dir__)
+        destination_path = File.expand_path(File.join(target_rails_root, file))
+
+        FileUtils.mkdir_p(File.dirname(destination_path))
+        FileUtils.cp(source_path, destination_path)
+      end
+    end
   end
 
   def destination_file_path
-    "app/views/components/#{component}.html.erb" # Modify the destination path according to your requirements
+    File.join(@rails_root, "app/views/components/ui/_#{component}.html.erb")
+  end
+
+  def controller_file_path
+    File.join(@rails_root, "app/javascript/controllers/ui/#{component}_controller.js")
+  end
+
+  def component_data
+    @component_data ||= available_components[component]
+  end
+
+  def component_valid?
+    component.present? && available_components.key?(component) && component_data
   end
 end

data/lib/shadcn-ui/version.rb

@@ -1,3 +1,3 @@
 module ShadcnUi
-  VERSION = "0.0.1"
+  VERSION = "0.0.2"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: shadcn-ui
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.0.2
 platform: ruby
 authors:
 - Avi Flombaum
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-07-09 00:00:00.000000000 Z
+date: 2023-07-12 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.
@@ -41,6 +41,7 @@ files:
 - 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 +53,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 +77,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,17 +105,31 @@ 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/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/alert-dialog.html.erb
@@ -118,23 +146,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,6 +187,7 @@ 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
@@ -159,6 +197,7 @@ files:
 - config/tailwind.config.js
 - db/seeds.rb
 - lib/assets/.keep
+- lib/components.json
 - lib/generators/shadcn_ui_generator.rb
 - lib/shadcn-ui/shadcn-ui.rb
 - lib/shadcn-ui/version.rb
@@ -169,6 +208,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