Install component dependencies (gems, stimulus, packages, components)

Author: stephannv

lib/generators/ruby_ui/component_generator.rb

@@ -39,19 +39,23 @@ def copy_js_files
         say "Generating Stimulus controllers"
 
         js_controller_file_paths.each do |file_path|
-          component_file_name = file_path.split("/").last
-          copy_file file_path, Rails.root.join("app/javascript/controllers/ruby_ui", component_file_name)
+          controller_file_name = file_path.split("/").last
+          copy_file file_path, Rails.root.join("app/javascript/controllers/ruby_ui", controller_file_name)
         end
 
         say "Updating Stimulus controllers manifest"
         run "rake stimulus:manifest:update"
       end
 
-      def copy_dependencies
-        case component_folder_name
-        when "masked_input"
-          copy_masked_input_dependencies
-        end
+      def install_dependencies
+        return if dependencies.blank?
+
+        say "Installing dependencies"
+
+        install_components_dependencies(dependencies["components"])
+        install_stimulus_dependencies(dependencies["stimulus_controllers"])
+        install_gems_dependencies(dependencies["gems"])
+        install_js_packages(dependencies["js_packages"])
       end
 
       private
@@ -68,10 +72,50 @@ def subcomponent_file_paths = Dir.glob(File.join(component_folder_path, "*.rb"))
 
       def js_controller_file_paths = Dir.glob(File.join(component_folder_path, "*.js"))
 
-      def copy_masked_input_dependencies
-        say "Generating masked input dependencies"
+      def install_components_dependencies(components)
+        components&.each do |component|
+          run "bin/rails generate ruby_ui:component #{component}"
+        end
+      end
+
+      def install_stimulus_dependencies(stimulus_controllers)
+        return if stimulus_controllers.nil?
+
+        stimulus_controllers.each do |controller|
+          controller_path = File.join(self.class.source_root, controller)
+          controller_file_name = controller.split("/").last
+          copy_file controller_path, Rails.root.join("app/javascript/controllers/ruby_ui", controller_file_name)
+        end
+
+        run "rake stimulus:manifest:update"
+      end
+
+      def install_gems_dependencies(gems)
+        gems&.each do |ruby_gem|
+          run "bundle show #{ruby_gem} > /dev/null 2>&1 || bundle add #{ruby_gem}"
+        end
+      end
+
+      def install_js_packages(js_packages)
+        js_packages&.each do |js_package|
+          install_js_package(js_package)
+        end
+      end
+
+      def install_js_package(package)
+        if File.exist?(Rails.root.join("package-lock.json"))
+          run "npm install #{package}"
+        elsif File.exist?(Rails.root.join("yarn.lock"))
+          run "yarn add #{package}"
+        else
+          say "Could not detect the package manager, you need to install '#{package}' manually", :red
+        end
+      end
+
+      def dependencies
+        @dependencies ||= YAML.load_file(File.join(__dir__, "dependencies.yml")).freeze
 
-        run "bin/rails generate ruby_ui:component Input"
+        @dependencies[component_folder_name]
       end
     end
   end

lib/generators/ruby_ui/dependencies.yml

@@ -0,0 +1,92 @@
+accordion:
+  js_packages:
+    - "motion"
+
+alert_dialog:
+  components:
+    - "Button"
+
+calendar:
+  js_packages:
+    - "mustache"
+
+chart:
+  js_packages:
+    - "chart.js"
+
+checkbox:
+  stimulus_controllers:
+    - "form/form_field_controller.js"
+
+clipboard:
+  js_packages:
+    - "@floating-ui/dom"
+
+codeblock:
+  components:
+    - "Button"
+    - "Clipboard"
+
+  gems:
+    - "rouge"
+
+combobox:
+  js_packages:
+    - "@floating-ui/dom"
+
+  stimulus_controllers:
+    - "form/form_field_controller.js"
+
+command:
+  js_packages:
+    - "fuse.js"
+
+context_menu:
+  js_packages:
+    - "tippy.js"
+
+dropdown_menu:
+  js_packages:
+    - "@floating-ui/dom"
+
+hover_card:
+  js_packages:
+    - "tippy.js"
+
+input:
+  stimulus_controllers:
+    - "form/form_field_controller.js"
+
+masked_input:
+  components:
+    - "Input"
+
+  js_packages:
+    - "maska"
+
+pagination:
+  components:
+    - "Button"
+
+popover:
+  js_packages:
+    - "@floating-ui/dom"
+
+radio_button:
+  stimulus_controllers:
+    - "form/form_field_controller.js"
+
+select:
+  js_packages:
+    - "@floating-ui/dom"
+
+  stimulus_controllers:
+    - "form/form_field_controller.js"
+
+textarea:
+  stimulus_controllers:
+    - "form/form_field_controller.js"
+
+tooltip:
+  js_packages:
+    - "@floating-ui/dom"