shadcn-ui 0.0.2 → 0.0.4

data/package-lock.json

@@ -8,6 +8,10 @@
         "tailwindcss-animate": "^1.0.6"
       },
       "devDependencies": {
+        "@tailwindcss/aspect-ratio": "^0.4.2",
+        "@tailwindcss/container-queries": "^0.1.1",
+        "@tailwindcss/forms": "^0.5.3",
+        "@tailwindcss/typography": "^0.5.9",
         "prettier": "^3.0.0"
       }
     },
@@ -112,6 +116,64 @@
         "node": ">= 8"
       }
     },
+    "node_modules/@tailwindcss/aspect-ratio": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/aspect-ratio/-/aspect-ratio-0.4.2.tgz",
+      "integrity": "sha512-8QPrypskfBa7QIMuKHg2TA7BqES6vhBrDLOv8Unb6FcFyd3TjKbc6lcmb9UPQHxfl24sXoJ41ux/H7qQQvfaSQ==",
+      "dev": true,
+      "peerDependencies": {
+        "tailwindcss": ">=2.0.0 || >=3.0.0 || >=3.0.0-alpha.1"
+      }
+    },
+    "node_modules/@tailwindcss/container-queries": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/container-queries/-/container-queries-0.1.1.tgz",
+      "integrity": "sha512-p18dswChx6WnTSaJCSGx6lTmrGzNNvm2FtXmiO6AuA1V4U5REyoqwmT6kgAsIMdjo07QdAfYXHJ4hnMtfHzWgA==",
+      "dev": true,
+      "peerDependencies": {
+        "tailwindcss": ">=3.2.0"
+      }
+    },
+    "node_modules/@tailwindcss/forms": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.5.3.tgz",
+      "integrity": "sha512-y5mb86JUoiUgBjY/o6FJSFZSEttfb3Q5gllE4xoKjAAD+vBrnIhE4dViwUuow3va8mpH4s9jyUbUbrRGoRdc2Q==",
+      "dev": true,
+      "dependencies": {
+        "mini-svg-data-uri": "^1.2.3"
+      },
+      "peerDependencies": {
+        "tailwindcss": ">=3.0.0 || >= 3.0.0-alpha.1"
+      }
+    },
+    "node_modules/@tailwindcss/typography": {
+      "version": "0.5.9",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.9.tgz",
+      "integrity": "sha512-t8Sg3DyynFysV9f4JDOVISGsjazNb48AeIYQwcL+Bsq5uf4RYL75C1giZ43KISjeDGBaTN3Kxh7Xj/vRSMJUUg==",
+      "dev": true,
+      "dependencies": {
+        "lodash.castarray": "^4.4.0",
+        "lodash.isplainobject": "^4.0.6",
+        "lodash.merge": "^4.6.2",
+        "postcss-selector-parser": "6.0.10"
+      },
+      "peerDependencies": {
+        "tailwindcss": ">=3.0.0 || insiders"
+      }
+    },
+    "node_modules/@tailwindcss/typography/node_modules/postcss-selector-parser": {
+      "version": "6.0.10",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
+      "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==",
+      "dev": true,
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/any-promise": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
@@ -241,7 +303,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
       "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
-      "peer": true,
       "bin": {
         "cssesc": "bin/cssesc"
       },
@@ -474,6 +535,24 @@
       "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
       "peer": true
     },
+    "node_modules/lodash.castarray": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/lodash.castarray/-/lodash.castarray-4.4.0.tgz",
+      "integrity": "sha512-aVx8ztPv7/2ULbArGJ2Y42bG1mEQ5mGjpdvrbJcJFU3TbYybe+QlLS4pst9zV52ymy2in1KpFPiZnAOATxD4+Q==",
+      "dev": true
+    },
+    "node_modules/lodash.isplainobject": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
+      "integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==",
+      "dev": true
+    },
+    "node_modules/lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true
+    },
     "node_modules/merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
@@ -496,6 +575,15 @@
         "node": ">=8.6"
       }
     },
+    "node_modules/mini-svg-data-uri": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz",
+      "integrity": "sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==",
+      "dev": true,
+      "bin": {
+        "mini-svg-data-uri": "cli.js"
+      }
+    },
     "node_modules/minimatch": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
@@ -992,8 +1080,7 @@
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
-      "peer": true
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
     },
     "node_modules/wrappy": {
       "version": "1.0.2",

data/package.json

@@ -3,6 +3,10 @@
     "tailwindcss-animate": "^1.0.6"
   },
   "devDependencies": {
+    "@tailwindcss/aspect-ratio": "^0.4.2",
+    "@tailwindcss/container-queries": "^0.1.1",
+    "@tailwindcss/forms": "^0.5.3",
+    "@tailwindcss/typography": "^0.5.9",
     "prettier": "^3.0.0"
   }
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: shadcn-ui
 version: !ruby/object:Gem::Version
-  version: 0.0.2
+  version: 0.0.4
 platform: ruby
 authors:
 - Avi Flombaum
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-07-12 00:00:00.000000000 Z
+date: 2023-07-18 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,9 +34,10 @@ 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
@@ -127,39 +129,124 @@ files:
 - 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/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/alert-dialog.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/_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
-- 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/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/_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
@@ -193,12 +280,13 @@ files:
 - 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/components.json
-- lib/generators/shadcn_ui_generator.rb
+- lib/generators/shadcn-ui_generator.rb
 - lib/shadcn-ui/shadcn-ui.rb
 - lib/shadcn-ui/version.rb
 - lib/tasks/.keep

data/lib/generators/shadcn_ui_generator.rb

@@ -1,81 +0,0 @@
-require "json"
-require "rails/generators/base"
-
-class ShadcnUiGenerator < Rails::Generators::Base
-  attr_reader :component_name, :target_rails_root, :options
-
-  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 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
-
-  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 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 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
-    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