ruby_ui 1.0.0.pre.alpha.4 → 1.0.0.rc1

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

@@ -1,194 +0,0 @@
-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/calendar/calendar.rb

@@ -1,39 +0,0 @@
-# frozen_string_literal: true
-
-module RBUI
-  class Calendar < Base
-    def initialize(selected_date: nil, input_id: nil, date_format: "yyyy-MM-dd", **attrs)
-      @selected_date = selected_date
-      @input_id = input_id
-      @date_format = date_format
-      super(**attrs)
-    end
-
-    def view_template
-      div(**attrs) do
-        RBUI.CalendarHeader do
-          RBUI.CalendarTitle
-          RBUI.CalendarPrev
-          RBUI.CalendarNext
-        end
-        RBUI.CalendarBody # Where the calendar is rendered (Weekdays and Days)
-        RBUI.CalendarWeekdays # Template for the weekdays
-        RBUI.CalendarDays # Template for the days
-      end
-    end
-
-    private
-
-    def default_attrs
-      {
-        class: "p-3 space-y-4",
-        data: {
-          controller: "rbui--calendar",
-          rbui__calendar_selected_date_value: @selected_date&.to_s,
-          rbui__calendar_format_value: @date_format,
-          rbui__calendar_rbui__calendar_input_outlet: @input_id
-        }
-      }
-    end
-  end
-end

data/lib/rbui/combobox/combobox.rb

@@ -1,24 +0,0 @@
-# frozen_string_literal: true
-
-module RBUI
-  class Combobox < Base
-    def view_template(&)
-      div(**attrs, &)
-    end
-
-    private
-
-    def default_attrs
-      {
-        data: {
-          controller: "rbui--combobox",
-          rbui__combobox_open_value: "false",
-          action: "click@window->rbui--combobox#onClickOutside",
-          rbui__combobox_rbui__combobox_content_outlet: ".combobox-content",
-          rbui__combobox_rbui__combobox_item_outlet: ".combobox-item"
-        },
-        class: "group/combobox w-full relative"
-      }
-    end
-  end
-end

data/lib/rbui/combobox/combobox_content.rb

@@ -1,31 +0,0 @@
-# frozen_string_literal: true
-
-module RBUI
-  class ComboboxContent < Base
-    def initialize(**attrs)
-      @id = "content#{SecureRandom.hex(4)}"
-      super
-    end
-
-    def view_template(&)
-      div(**attrs) do
-        div(class: "min-w-max max-h-[300px] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md outline-none animate-out group-data-[rbui--combobox-open-value=true]/combobox:animate-in fade-out-0 group-data-[rbui--combobox-open-value=true]/combobox:fade-in-0 zoom-out-95 group-data-[rbui--combobox-open-value=true]/combobox:zoom-in-95 slide-in-from-top-2", &)
-      end
-    end
-
-    private
-
-    def default_attrs
-      {
-        id: @id,
-        role: "listbox",
-        data: {
-          controller: "rbui--combobox-content",
-          rbui__combobox_target: "content",
-          action: "keydown.enter->rbui--combobox#onKeyEnter keydown.esc->rbui--combobox#onEscKey keydown.down->rbui--combobox#onKeyDown keydown.up->rbui--combobox#onKeyUp"
-        },
-        class: "combobox-content hidden w-full absolute top-0 left-0 z-50"
-      }
-    end
-  end
-end

data/lib/rbui/combobox/combobox_group.rb

@@ -1,38 +0,0 @@
-# frozen_string_literal: true
-
-module RBUI
-  class ComboboxGroup < Base
-    def initialize(heading: nil, **attrs)
-      @heading = heading
-      super(**attrs)
-    end
-
-    def view_template(&block)
-      div(**attrs) do
-        render_header if @heading
-        render_items(&block)
-      end
-    end
-
-    private
-
-    def render_header
-      div(group_heading: @heading, class: "px-2 py-1.5 text-xs font-medium text-muted-foreground") { @heading }
-    end
-
-    def render_items(&)
-      div(group_items: "", role: "group", &)
-    end
-
-    def default_attrs
-      {
-        class: "overflow-hidden p-1 text-foreground",
-        role: "presentation",
-        data: {
-          value: @heading,
-          rbui__combobox_content_target: "group"
-        }
-      }
-    end
-  end
-end

data/lib/rbui/combobox/combobox_input.rb

@@ -1,22 +0,0 @@
-# frozen_string_literal: true
-
-module RBUI
-  class ComboboxInput < Base
-    def view_template
-      input(**attrs)
-    end
-
-    private
-
-    def default_attrs
-      {
-        class: "hidden",
-        data: {
-          rbui__combobox_target: "input",
-          rbui__form_field_target: "input",
-          action: "change->rbui--form-field#onChange invalid->rbui--form-field#onInvalid"
-        }
-      }
-    end
-  end
-end

data/lib/rbui/combobox/combobox_item.rb

@@ -1,53 +0,0 @@
-# frozen_string_literal: true
-
-module RBUI
-  class ComboboxItem < Base
-    def initialize(value: nil, **attrs)
-      @value = value
-      super(**attrs)
-    end
-
-    def view_template(&block)
-      div(**attrs) do
-        div(class: "invisible group-aria-selected:visible") { icon }
-        block.call
-      end
-    end
-
-    private
-
-    def icon
-      svg(
-        xmlns: "http://www.w3.org/2000/svg",
-        viewbox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        class: "mr-2 h-4 w-4",
-        stroke_width: "2",
-        stroke_linecap: "round",
-        stroke_linejoin: "round"
-      ) do |s|
-        s.path(
-          d: "M20 6 9 17l-5-5"
-        )
-      end
-    end
-
-    def default_attrs
-      {
-        role: "option",
-        tabindex: "0",
-        class:
-          "combobox-item group relative flex cursor-pointer select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-none hover:bg-accent hover:text-accent-foreground aria-[current]:bg-accent aria-[current]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-        data: {
-          value: @value,
-          rbui__combobox_target: "item",
-          rbui__combobox_content_target: "item",
-          controller: "rbui--combobox-item",
-          action: "click->rbui--combobox#onItemSelected"
-        },
-        aria_selected: "false"
-      }
-    end
-  end
-end

data/lib/rbui/combobox/combobox_list.rb

@@ -1,29 +0,0 @@
-# frozen_string_literal: true
-
-require "securerandom"
-
-module RBUI
-  class ComboboxList < Base
-    def initialize(**attrs)
-      @id = "list#{SecureRandom.hex(4)}"
-      super
-    end
-
-    def view_template(&)
-      div(**attrs, &)
-    end
-
-    private
-
-    def default_attrs
-      {
-        id: @id,
-        data: {
-          rbui__combobox_target: "list"
-        },
-        role: "listbox",
-        tabindex: "-1"
-      }
-    end
-  end
-end

data/lib/rbui/combobox/combobox_separator.rb

@@ -1,15 +0,0 @@
-# frozen_string_literal: true
-
-module RBUI
-  class ComboboxSeparator < Base
-    def view_template(&)
-      div(**attrs, &)
-    end
-
-    private
-
-    def default_attrs
-      {class: "-mx-1 h-px bg-border"}
-    end
-  end
-end

data/lib/rbui/combobox/combobox_value.rb

@@ -1,27 +0,0 @@
-# frozen_string_literal: true
-
-module RBUI
-  class ComboboxValue < Base
-    def initialize(placeholder: nil, **attrs)
-      @placeholder = placeholder
-      super(**attrs)
-    end
-
-    def view_template(&block)
-      span(**attrs) do
-        block ? block.call : @placeholder
-      end
-    end
-
-    private
-
-    def default_attrs
-      {
-        data: {
-          rbui__combobox_target: "value"
-        },
-        class: "pointer-events-none"
-      }
-    end
-  end
-end

data/lib/rbui/radio_button/radio_button.rb

@@ -1,22 +0,0 @@
-# frozen_string_literal: true
-
-module RBUI
-  class RadioButton < Base
-    def view_template
-      input(**attrs)
-    end
-
-    private
-
-    def default_attrs
-      {
-        type: "radio",
-        data: {
-          rbui__form_field_target: "input",
-          action: "input->rbui--form-field#onInput invalid->rbui--form-field#onInvalid"
-        },
-        class: "h-4 w-4 p-0 border-primary rounded-full flex-none"
-      }
-    end
-  end
-end

data/lib/rbui/railtie.rb

@@ -1,52 +0,0 @@
-module RBUI
-  if defined?(Rails)
-    class Railtie < ::Rails::Railtie
-      generators do
-        require_relative "../generators/rbui/install/install_generator"
-
-        config.app_generators do |g|
-          g.templates.unshift File.expand_path("../templates", __FILE__)
-        end
-
-        initializer "rbui.set_generator_namespace" do
-          Rails::Generators.namespace(RBUI::Generators, as: "rbui")
-        end
-      end
-
-      # Add component loading
-      config.to_prepare do
-        # Define the path to the RBUI components
-        rbui_components_path = Rails.root.join("app/components/rbui")
-
-        # Check if the RBUI components directory exists
-        if Dir.exist?(rbui_components_path)
-          # Find all Ruby files in the RBUI components directory and its subdirectories
-          Dir[rbui_components_path.join("**", "*.rb")].each do |file|
-            # Get the relative path of the file from the RBUI components directory
-            relative_path = Pathname.new(file).relative_path_from(rbui_components_path)
-
-            # Convert the file path to a component name
-            # e.g., "form/input.rb" becomes ["Form", "Input"]
-            component_name_parts = relative_path.to_s.chomp(".rb").split("/").map(&:camelize)
-
-            # Create the full component name with RBUI namespace
-            # e.g., "RBUI::Form::Input"
-            full_component_name = "RBUI::#{component_name_parts.join("::")}"
-
-            begin
-              # Check if the component is already defined
-              if defined?(full_component_name.constantize)
-                # If it's defined, load (or reload) the file
-                load file
-              end
-            rescue NameError
-              # If the constant isn't defined (i.e., the component doesn't exist),
-              # we'll skip this file and move to the next one
-              next
-            end
-          end
-        end
-      end
-    end
-  end
-end

data/lib/rbui/typography/typography_h1.rb

@@ -1,17 +0,0 @@
-# frozen_string_literal: true
-
-module RBUI
-  class TypographyH1 < Base
-    def view_template(&)
-      h1(**attrs, &)
-    end
-
-    private
-
-    def default_attrs
-      {
-        class: "scroll-m-20 text-3xl font-bold leading-normal lg:leading-normal tracking-tight lg:text-4xl"
-      }
-    end
-  end
-end

data/lib/rbui/typography/typography_h2.rb

@@ -1,17 +0,0 @@
-# frozen_string_literal: true
-
-module RBUI
-  class TypographyH2 < Base
-    def view_template(&)
-      h2(**attrs, &)
-    end
-
-    private
-
-    def default_attrs
-      {
-        class: "scroll-m-20 text-2xl font-semibold tracking-tight transition-colors first:mt-0 pb-4 border-b"
-      }
-    end
-  end
-end

data/lib/rbui/typography/typography_h3.rb

@@ -1,17 +0,0 @@
-# frozen_string_literal: true
-
-module RBUI
-  class TypographyH3 < Base
-    def view_template(&)
-      h3(**attrs, &)
-    end
-
-    private
-
-    def default_attrs
-      {
-        class: "scroll-m-20 text-xl font-semibold tracking-tight"
-      }
-    end
-  end
-end

data/lib/rbui/typography/typography_h4.rb

@@ -1,17 +0,0 @@
-# frozen_string_literal: true
-
-module RBUI
-  class TypographyH4 < Base
-    def view_template(&)
-      h4(**attrs, &)
-    end
-
-    private
-
-    def default_attrs
-      {
-        class: "scroll-m-20 text-lg font-medium tracking-tight"
-      }
-    end
-  end
-end

data/lib/rbui/typography/typography_large.rb

@@ -1,17 +0,0 @@
-# frozen_string_literal: true
-
-module RBUI
-  class TypographyLarge < Base
-    def view_template(&)
-      div(**attrs, &)
-    end
-
-    private
-
-    def default_attrs
-      {
-        class: "text-lg font-semibold"
-      }
-    end
-  end
-end

data/lib/rbui/typography/typography_lead.rb

@@ -1,17 +0,0 @@
-# frozen_string_literal: true
-
-module RBUI
-  class TypographyLead < Base
-    def view_template(&)
-      p(**attrs, &)
-    end
-
-    private
-
-    def default_attrs
-      {
-        class: "text-xl text-muted-foreground"
-      }
-    end
-  end
-end