ruby_ui 1.0.0.beta1 → 1.0.0.pre.alpha.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 518fa1b05606796f9ae57a444aa55f5a5f0fcad5280c1e0ed75fa4778dbe978f
-  data.tar.gz: 58c2a5717af15d0326258044a7ffc862d06cb3f3c3cc47f54a269b465bca2bcf
+  metadata.gz: e8fe198601269bb419936470eb4544e7a18d649b11dca407cfccf6abab19c6d1
+  data.tar.gz: 78c7c0804dad0d83f8e6fd4d71846946b9d11f81b474e888b70aef5c8023eaea
 SHA512:
-  metadata.gz: c17770afaf73e476ba5d2a52bd60d4f4ab00c80e84f7390e9870099cd85a827f81992a6a8d1dd2fd246b34785b6fb2640a95d5f7ad5b08b697a710eb29c89db5
-  data.tar.gz: d70e491efc576db70d0fa7ea559ce16472a7fdd4f2a7a3a770ec15bc62b25da2ec12d12932baed3a966b9d44f2f0cb8704235f3bb016397b5e483cfe30cb1645
+  metadata.gz: 5e129efa1ca42b66ed176a70d4b0548c512aaf2a617802aa5559f1215a33c820822b2ed4784c04670b67220f02bbd7c56962c770293a156ee7e7606b59cc30ef
+  data.tar.gz: 01a600e4229632bc54cabd1abd4caf3acceb9fb689d973f74b18973b31e23247852a28d3db11b4b66532c094049d004b8987469c6240cfaccbbdeb36cb6b6e94

data/lib/generators/rbui/base_generator.rb

@@ -0,0 +1,17 @@
+require "rails/generators"
+
+module RBUI
+  module Generators
+    class BaseGenerator < defined?(Rails::Generators::Base) ? Rails::Generators::Base : Object
+      namespace "rbui:base"
+
+      source_root File.join(__dir__, "templates")
+
+      private
+
+      def using_importmap?
+        File.exist?(Rails.root.join("config/importmap.rb")) && File.exist?(Rails.root.join("bin/importmap"))
+      end
+    end
+  end
+end

data/lib/generators/rbui/component_generator.rb

@@ -0,0 +1,137 @@
+module RBUI
+  module Generators
+    class ComponentGenerator < RBUI::Generators::BaseGenerator
+      namespace "rbui:component"
+
+      source_root File.expand_path("../../..", __dir__)
+      argument :component_name, type: :string, required: true
+
+      def copy_component
+        return puts "This generator can only be run in a Rails environment." unless defined?(Rails::Generators::Base)
+
+        copy_common_files
+        copy_component_files
+      end
+
+      private
+
+      def copy_common_files
+        template "#{template_dir}/index.js", "#{destination_path}/index.js" unless File.exist?("#{destination_path}/index.js")
+        copy_file File.join(source_path, "base.rb"), File.join(destination_path, "base.rb")
+      end
+
+      def copy_component_files
+        puts "Component #{component} not found in rbui gem" if component_source.empty?
+
+        component_files = Dir.glob("#{component_source}/*")
+
+        component_files.each do |file|
+          copy_file file, File.join(destination_path, component, File.basename(file))
+        end
+        update_index_file
+      end
+
+      def update_index_file
+        index_path = File.join(destination_root, "app/components/rbui/index.js")
+
+        rbui_index_content = File.read(index_path)
+
+        updated_rbui_index_content = add_controller_registration(rbui_index_content)
+
+        File.write(index_path, updated_rbui_index_content)
+      end
+
+      def add_controller_registration(rbui_index_content)
+        valid_controllers = get_valid_controllers
+
+        rbui_index_content = update_imports(rbui_index_content, valid_controllers)
+        update_registrations(rbui_index_content, valid_controllers)
+        # Uncomment the following line if you want to update exports
+        # rbui_index_content = update_exports(rbui_index_content, valid_controllers)
+      end
+
+      def get_valid_controllers
+        all_js_controllers = Dir.glob(File.join(destination_path, "**", "*_controller.js"))
+
+        all_js_controllers.map do |controller_file|
+          controller_info(controller_file)
+        end
+      end
+
+      def controller_info(controller_file)
+        # Get the relative path from the destination path to the controller file
+        relative_path = Pathname.new(controller_file).relative_path_from(Pathname.new(destination_path))
+
+        # Extract the file name without the .js extension
+        file_name = relative_path.basename(".js").to_s
+
+        # Remove '_controller' suffix to get the component name
+        component_name = file_name.sub(/_controller$/, "")
+
+        # Create the new controller name by camelizing the component name and adding 'Controller'
+        new_controller = "#{component_name.camelize}Controller"
+
+        # Build the new import path
+        new_import_path = new_import_path("./#{relative_path.dirname}/#{file_name}")
+
+        # Create the registration name by dasherizing the component name and prefixing with 'rbui--'
+        registration_name = "rbui--#{component_name.dasherize}"
+
+        # Return a hash with import, registration, and export statements
+        {
+          # Import statement for importmaps
+          import: "import #{new_controller} from \"#{new_import_path}\";",
+
+          # Registration statement for the Stimulus controller
+          registration: "application.register(\"#{registration_name}\", #{new_controller});",
+
+          # Export statement for the controller
+          export: "export { default as #{new_controller} } from \"#{new_import_path}\";"
+        }
+      end
+
+      def new_import_path(relative_path)
+        if using_importmap?
+          "rbui/#{relative_path.sub(/^\.\//, "")}"
+        else
+          relative_path
+        end
+      end
+
+      def update_imports(content, controllers)
+        imports = controllers.map { |c| c[:import] }.sort.join("\n")
+        content.sub(/\/\/ Import all controller files.*?(?=\n\n)/m, "// Import all controller files\n#{imports}")
+      end
+
+      def update_registrations(content, controllers)
+        registrations = controllers.map { |c| c[:registration] }.sort.join("\n")
+        content.sub(/\/\/ Register all controllers.*?(?=\n\n)/m, "// Register all controllers\n#{registrations}")
+      end
+
+      def update_exports(content, controllers)
+        exports = controllers.map { |c| c[:export] }.sort.join("\n")
+        content.sub(/\/\/ Export all controllers.*?(?=\n\n)/m, "// Export all controllers so user of npm package can lazy load controllers\n#{exports}")
+      end
+
+      def component
+        @component ||= component_name.downcase
+      end
+
+      def source_path
+        @source_path ||= "lib/rbui"
+      end
+
+      def destination_path
+        @destination_path ||= "app/components/rbui"
+      end
+
+      def component_source
+        @component_source ||= File.join(self.class.source_root, source_path, component)
+      end
+
+      def template_dir
+        @template_dir ||= File.join(__dir__, "templates")
+      end
+    end
+  end
+end

data/lib/generators/rbui/install/install_generator.rb

@@ -0,0 +1,194 @@
+require "net/http"
+
+# TODO: make ejctectec components work without the gem
+module RBUI
+  module Generators
+    class InstallGenerator < RBUI::Generators::BaseGenerator
+      namespace "rbui:install"
+
+      if defined?(Rails::Generators::Base)
+        source_root File.expand_path("templates", __dir__)
+
+        def confirm_installation
+          return if yes?("You need tailwindcss installed. Continue? (y/n)")
+          say "Installation cancelled.", :red
+          exit
+        end
+
+        def add_phlex_rails
+          say "Checking for Phlex Rails"
+          if gem_installed?("phlex-rails")
+            say "Phlex Rails is already installed", :green
+          else
+            say "Adding Phlex Rails"
+            run "bundle add phlex-rails --version=\"~> 1.2.1\""
+          end
+
+          say "Adding tailwind_merge"
+          run "bundle add tailwind_merge"
+
+          say "run phlex install"
+          run "bin/rails generate phlex:install"
+        end
+
+        def install_stuff
+          # make default option no
+          # extend the yes func to have a default option y/(n) and also allow for enter to accedpt the default
+
+          if ENV["TEST_DATA"] == "true"
+            say "Do you want to set up the dev test data?"
+            say "Add index controller"
+            run "bin/rails generate controller static index --no-helper --no-assets --no-test-framework --no-jbuilder"
+
+            say "Add index view"
+            run "bin/rails g phlex:view Static::Index"
+
+            append_to_file "app/controllers/static_controller.rb", after: "  def index" do
+              # remove view because phlex is removing view
+              "\n    render Static::IndexView"
+            end
+
+            template "index_view.rb", "app/views/static/index_view.rb", force: true
+
+            say "Add index route"
+            append_to_file "config/routes.rb", after: "Rails.application.routes.draw do" do
+              "\n  root to: \"static#index\"\n"
+            end
+          end
+
+          tailwind_config_path = Rails.root.join("config/tailwind.config.js")
+          if !File.exist?(tailwind_config_path)
+            say "Tailwind CSS is required for RBUI", :red
+          end
+
+          say "Add rbui initializer"
+          template "base_store_initializer.rb", "config/initializers/rbui.rb"
+
+          if using_importmap?
+            say "Using importmaps, adding tailwind-animate"
+            run "bin/importmap pin tailwindcss-animate"
+
+            # Remove the default pin
+            gsub_file "config/importmap.rb", /^pin "tailwindcss-animate".*$\n/, ""
+
+            # Add the vendor-specific pin
+            append_to_file "config/importmap.rb" do
+              'pin "tailwindcss-animate", to: "tailwindcss-animate.js", preload: true' + "\n"
+            end
+
+          else
+            say "Not using importmaps, adding tailwind-animate via yarn"
+            run "yarn add tailwindcss-animate"
+          end
+
+          # check if tailwind.config is in config dir or in root or ask to specify a path
+          say "update tailwind.config.js"
+          template "tailwind.config.js", "config/tailwind.config.js", force: true, assigns: {using_importmap: using_importmap?}
+
+          say "Add CSS variables"
+          template "application.tailwind.css", "app/assets/stylesheets/application.tailwind.css", force: true
+        end
+
+        def pin_rbui_js
+          stimulus_path = Rails.root.join("app/javascript/application.js")
+          package_name = "rbui-js"
+
+          say "Add RBUI Stimulus controllers"
+          # run "mkdir -p app/javascript/controllers/rbui-js"
+          template "index.js", "app/components/rbui/index.js"
+
+          if using_importmap?
+            gsub_file "app/components/rbui/index.js", /^import { application }.*$/ do
+              'import { application } from "controllers/application";'
+            end
+
+            append_to_file Rails.root.join("config/initializers/assets.rb") do
+              "Rails.application.config.assets.paths << Rails.root.join(\"app/components\")\n"
+            end
+
+            say "Pin #{package_name}"
+            append_to_file Rails.root.join("config/importmap.rb") do
+              "pin_all_from \"app/components/rbui\", under: \"rbui\"\n"
+            end
+
+            run "bin/importmap pin #{package_name}"
+            append_to_file stimulus_path, "\nimport \"rbui\";\n"
+
+            manifest_path = Rails.root.join("app/assets/config/manifest.js")
+            if File.exist?(manifest_path)
+              append_to_file manifest_path, "\n//= link rbui/index.js\n"
+            end
+
+            fix_import_maps!
+          else
+            say "Add rbui-js package"
+            run "yarn add #{package_name}"
+
+            append_to_file stimulus_path, "\nimport \"../components/rbui\";\n"
+
+            run "yarn build"
+          end
+        end
+
+        def include_rbui
+          message = "Include RBUI in your global component layout?\n This allows to call RBUI.Button {\"button\"} / RBUI::Button.new {\"button\"} with Button  {\"button\"} (y/n)"
+          if yes?(message)
+            say "Add RBUI to your global component layout"
+            insert_into_file "app/views/application_view.rb", after: "class ApplicationView < ApplicationComponent\n" do
+              "  include RBUI\n"
+            end
+          end
+        end
+
+      else
+        def self.source_root
+          File.expand_path("templates", __dir__)
+        end
+
+        def add_stylesheet_link
+          puts "This generator can only be run in a Rails environment."
+        end
+
+        def revoke
+          puts "This generator can only be run in a Rails environment."
+        end
+      end
+
+      private
+
+      def fix_import_maps!
+        importmap_config_path = Rails.root.join("config/importmap.rb")
+
+        gsub_file importmap_config_path, /^pin "date-fns".*$/ do
+          'pin "date-fns", to: "https://ga.jspm.io/npm:date-fns@3.3.1/index.mjs"'
+        end
+        run "bin/importmap pin @popperjs/core@2.11.8/+esm  --from jsdelivr"
+
+        run "mv vendor/javascript/@popperjs--core--+esm.js vendor/javascript/stupid-popper-lib-2024.js"
+
+        append_to_file importmap_config_path do
+          'pin "@popperjs/core", to: "stupid-popper-lib-2024.js"'
+        end
+
+        uri = URI "https://ga.jspm.io/npm:chart.js@3.9.1/dist/chart.min.js"
+        request = Net::HTTP::Get.new uri
+
+        response = Net::HTTP.start(uri.hostname, uri.port, use_ssl: true) { |http|
+          http.request(request)
+        }
+
+        File.write(Rails.root.join("vendor/javascript/chart.js--auto.js"), response.body) if response.is_a?(Net::HTTPSuccess)
+
+        append_to_file Rails.root.join("app/views/layouts/application.html.erb"), before: "</body>" do
+          "<script>
+            window.process = { env: { NODE_ENV: 'production'} }
+          </script>"
+        end
+      end
+
+      def gem_installed?(name)
+        Gem::Specification.find_all_by_name(name).any?
+      end
+    end
+  end
+end

data/lib/{ruby_ui → rbui}/accordion/accordion.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class Accordion < Base
     def view_template(&)
       div(**attrs, &)

data/lib/{ruby_ui → rbui}/accordion/accordion_content.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class AccordionContent < Base
     def view_template(&)
       div(**attrs, &)
@@ -11,7 +11,7 @@ module RubyUI
     def default_attrs
       {
         data: {
-          ruby_ui__accordion_target: "content"
+          rbui__accordion_target: "content"
         },
         class: "overflow-y-hidden",
         style: "height: 0px;"

data/lib/{ruby_ui → rbui}/accordion/accordion_default_content.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class AccordionDefaultContent < Base
     def view_template(&)
       div(**attrs, &)

data/lib/{ruby_ui → rbui}/accordion/accordion_default_trigger.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class AccordionDefaultTrigger < Base
     def view_template(&block)
       div(class: "flex items-center justify-between w-full") do
         p(&block)
-        RubyUI.AccordionIcon
+        RBUI.AccordionIcon
       end
     end
 
     def default_attrs
       {
-        data: {action: "click->ruby-ui--accordion#toggle"},
+        data: {action: "click->rbui--accordion#toggle"},
         class: "w-full flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline"
       }
     end

data/lib/{ruby_ui → rbui}/accordion/accordion_icon.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class AccordionIcon < Base
     def view_template(&block)
       span(**attrs) do
@@ -31,7 +31,7 @@ module RubyUI
     def default_attrs
       {
         class: "opacity-50",
-        data: {ruby_ui__accordion_target: "icon"}
+        data: {rbui__accordion_target: "icon"}
       }
     end
   end

data/lib/{ruby_ui → rbui}/accordion/accordion_item.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class AccordionItem < Base
     def initialize(open: false, rotate_icon: 180, **attrs)
       @open = open
@@ -17,9 +17,9 @@ module RubyUI
     def default_attrs
       {
         data: {
-          controller: "ruby-ui--accordion",
-          ruby_ui__accordion_open_value: @open,
-          ruby_ui__accordion_rotate_icon_value: @rotate_icon
+          controller: "rbui--accordion",
+          rbui__accordion_open_value: @open,
+          rbui__accordion_rotate_icon_value: @rotate_icon
         },
         class: "border-b"
       }

data/lib/{ruby_ui → rbui}/accordion/accordion_trigger.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class AccordionTrigger < Base
     def view_template(&)
       button(**attrs, &)
@@ -8,8 +8,7 @@ module RubyUI
 
     def default_attrs
       {
-        type: "button",
-        data: {action: "click->ruby-ui--accordion#toggle"},
+        data: {action: "click->rbui--accordion#toggle"},
         class: "w-full flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline"
       }
     end

data/lib/{ruby_ui → rbui}/alert/alert.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class Alert < Base
     def initialize(variant: nil, **attrs)
       @variant = variant
@@ -29,7 +29,7 @@ module RubyUI
     def default_attrs
       base_classes = "backdrop-blur relative w-full ring-1 ring-inset rounded-lg px-4 py-4 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg~*]:pl-8"
       {
-        class: [base_classes, colors]
+        class: tokens(base_classes, colors)
       }
     end
   end

data/lib/{ruby_ui → rbui}/alert/alert_description.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class AlertDescription < Base
     def view_template(&)
       div(**attrs, &)

data/lib/{ruby_ui → rbui}/alert/alert_title.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class AlertTitle < Base
     def view_template(&)
       h5(**attrs, &)

data/lib/{ruby_ui → rbui}/alert_dialog/alert_dialog.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class AlertDialog < Base
     def initialize(open: false, **attrs)
       @open = open
@@ -16,8 +16,8 @@ module RubyUI
     def default_attrs
       {
         data: {
-          controller: "ruby-ui--alert-dialog",
-          ruby_ui__alert_dialog_open_value: @open.to_s
+          controller: "rbui--alert-dialog",
+          rbui__alert_dialog_open_value: @open.to_s
         },
         class: "inline-block"
       }

data/lib/{ruby_ui → rbui}/alert_dialog/alert_dialog_action.rb

@@ -1,9 +1,9 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class AlertDialogAction < Base
     def view_template(&)
-      render RubyUI::Button.new(**attrs, &)
+      render RBUI::Button.new(**attrs, &)
     end
 
     private

data/lib/{ruby_ui → rbui}/alert_dialog/alert_dialog_cancel.rb

@@ -1,9 +1,9 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class AlertDialogCancel < Base
     def view_template(&)
-      render RubyUI::Button.new(**attrs, &)
+      render RBUI::Button.new(**attrs, &)
     end
 
     private
@@ -12,7 +12,7 @@ module RubyUI
       {
         variant: :outline,
         data: {
-          action: "click->ruby-ui--alert-dialog#dismiss"
+          action: "click->rbui--alert-dialog#dismiss"
         },
         class: "mt-2 sm:mt-0"
       }

data/lib/{ruby_ui → rbui}/alert_dialog/alert_dialog_content.rb

@@ -1,10 +1,10 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class AlertDialogContent < Base
     def view_template(&block)
-      template(**attrs) do
-        div(data: {controller: "ruby-ui--alert-dialog"}) do
+      template_tag(**attrs) do
+        div(data: {controller: "rbui--alert-dialog"}) do
           background
           container(&block)
         end
@@ -37,7 +37,7 @@ module RubyUI
     def default_attrs
       {
         data: {
-          ruby_ui__alert_dialog_target: "content"
+          rbui__alert_dialog_target: "content"
         }
       }
     end

data/lib/{ruby_ui → rbui}/alert_dialog/alert_dialog_description.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class AlertDialogDescription < Base
     def view_template(&)
       p(**attrs, &)

data/lib/{ruby_ui → rbui}/alert_dialog/alert_dialog_footer.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class AlertDialogFooter < Base
     def view_template(&)
       div(**attrs, &)

data/lib/{ruby_ui → rbui}/alert_dialog/alert_dialog_header.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class AlertDialogHeader < Base
     def view_template(&)
       div(**attrs, &)

data/lib/{ruby_ui → rbui}/alert_dialog/alert_dialog_title.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class AlertDialogTitle < Base
     def view_template(&)
       h2(**attrs, &)

data/lib/{ruby_ui → rbui}/alert_dialog/alert_dialog_trigger.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class AlertDialogTrigger < Base
     def view_template(&)
       div(**attrs, &)
@@ -10,7 +10,7 @@ module RubyUI
 
     def default_attrs
       {
-        data: {action: "click->ruby-ui--alert-dialog#open"},
+        data: {action: "click->rbui--alert-dialog#open"},
         class: "inline-block"
       }
     end

data/lib/{ruby_ui → rbui}/aspect_ratio/aspect_ratio.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class AspectRatio < Base
     def initialize(aspect_ratio: "16/9", **attrs)
       raise "aspect_ratio must be in the format of a string with a slash in the middle (eg. '16/9', '1/1')" unless aspect_ratio.is_a?(String) && aspect_ratio.include?("/")

data/lib/{ruby_ui → rbui}/avatar/avatar.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class Avatar < Base
     SIZES = {
       xs: "h-4 w-4 text-[0.5rem]",
@@ -24,7 +24,7 @@ module RubyUI
 
     def default_attrs
       {
-        class: ["relative flex shrink-0 overflow-hidden rounded-full", @size_classes]
+        class: tokens("relative flex shrink-0 overflow-hidden rounded-full", @size_classes)
       }
     end
   end