ruby_ui 1.0.0.pre.alpha.4

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: e8fe198601269bb419936470eb4544e7a18d649b11dca407cfccf6abab19c6d1
+  data.tar.gz: 78c7c0804dad0d83f8e6fd4d71846946b9d11f81b474e888b70aef5c8023eaea
+SHA512:
+  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/rbui/accordion/accordion.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module RBUI
+  class Accordion < Base
+    def view_template(&)
+      div(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        class: "w-full"
+      }
+    end
+  end
+end

data/lib/rbui/accordion/accordion_content.rb

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

data/lib/rbui/accordion/accordion_default_content.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module RBUI
+  class AccordionDefaultContent < Base
+    def view_template(&)
+      div(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        class: "pb-4 pt-0 text-sm"
+      }
+    end
+  end
+end

data/lib/rbui/accordion/accordion_default_trigger.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module RBUI
+  class AccordionDefaultTrigger < Base
+    def view_template(&block)
+      div(class: "flex items-center justify-between w-full") do
+        p(&block)
+        RBUI.AccordionIcon
+      end
+    end
+
+    def default_attrs
+      {
+        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
+  end
+end

data/lib/rbui/accordion/accordion_icon.rb

@@ -0,0 +1,38 @@
+# frozen_string_literal: true
+
+module RBUI
+  class AccordionIcon < Base
+    def view_template(&block)
+      span(**attrs) do
+        if block
+          block.call
+        else
+          icon
+        end
+      end
+    end
+
+    def icon
+      svg(
+        xmlns: "http://www.w3.org/2000/svg",
+        viewbox: "0 0 20 20",
+        fill: "currentColor",
+        class: "w-4 h-4"
+      ) do |s|
+        s.path(
+          fill_rule: "evenodd",
+          d:
+            "M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z",
+          clip_rule: "evenodd"
+        )
+      end
+    end
+
+    def default_attrs
+      {
+        class: "opacity-50",
+        data: {rbui__accordion_target: "icon"}
+      }
+    end
+  end
+end

data/lib/rbui/accordion/accordion_item.rb

@@ -0,0 +1,28 @@
+# frozen_string_literal: true
+
+module RBUI
+  class AccordionItem < Base
+    def initialize(open: false, rotate_icon: 180, **attrs)
+      @open = open
+      @rotate_icon = rotate_icon
+      super(**attrs)
+    end
+
+    def view_template(&)
+      div(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        data: {
+          controller: "rbui--accordion",
+          rbui__accordion_open_value: @open,
+          rbui__accordion_rotate_icon_value: @rotate_icon
+        },
+        class: "border-b"
+      }
+    end
+  end
+end

data/lib/rbui/accordion/accordion_trigger.rb

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+module RBUI
+  class AccordionTrigger < Base
+    def view_template(&)
+      button(**attrs, &)
+    end
+
+    def default_attrs
+      {
+        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
+  end
+end

data/lib/rbui/alert/alert.rb

@@ -0,0 +1,36 @@
+# frozen_string_literal: true
+
+module RBUI
+  class Alert < Base
+    def initialize(variant: nil, **attrs)
+      @variant = variant
+      super(**attrs) # must be called after variant is set
+    end
+
+    def view_template(&)
+      div(**attrs, &)
+    end
+
+    private
+
+    def colors
+      case @variant
+      when nil
+        "ring-border bg-muted/20 text-foreground [&>svg]:opacity-80"
+      when :warning
+        "ring-warning/20 bg-warning/5 text-warning [&>svg]:text-warning/80"
+      when :success
+        "ring-success/20 bg-success/5 text-success [&>svg]:text-success/80"
+      when :destructive
+        "ring-destructive/20 bg-destructive/5 text-destructive [&>svg]:text-destructive/80"
+      end
+    end
+
+    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: tokens(base_classes, colors)
+      }
+    end
+  end
+end

data/lib/rbui/alert/alert_description.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module RBUI
+  class AlertDescription < Base
+    def view_template(&)
+      div(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        class: "text-sm [&_p]:leading-relaxed"
+      }
+    end
+  end
+end

data/lib/rbui/alert/alert_title.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module RBUI
+  class AlertTitle < Base
+    def view_template(&)
+      h5(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        class: "mb-1 font-medium leading-none tracking-tight"
+      }
+    end
+  end
+end

data/lib/rbui/alert_dialog/alert_dialog.rb

@@ -0,0 +1,26 @@
+# frozen_string_literal: true
+
+module RBUI
+  class AlertDialog < Base
+    def initialize(open: false, **attrs)
+      @open = open
+      super(**attrs)
+    end
+
+    def view_template(&)
+      div(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        data: {
+          controller: "rbui--alert-dialog",
+          rbui__alert_dialog_open_value: @open.to_s
+        },
+        class: "inline-block"
+      }
+    end
+  end
+end

data/lib/rbui/alert_dialog/alert_dialog_action.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module RBUI
+  class AlertDialogAction < Base
+    def view_template(&)
+      render RBUI::Button.new(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        variant: :primary
+      }
+    end
+  end
+end

data/lib/rbui/alert_dialog/alert_dialog_cancel.rb

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