baldur 0.1.6 → 0.2.0

data/baldur.gemspec

@@ -4,8 +4,8 @@ Gem::Specification.new do |spec|
   spec.name        = "baldur"
   spec.version     = Baldur::VERSION
   spec.authors     = [ "Varun Murkar" ]
-  spec.summary     = "Reusable Rails UI engine for same-stack application interfaces"
-  spec.description = "Baldur packages reusable Rails view helpers, components, styles, and Stimulus controllers."
+  spec.summary     = "Batteries-included Rails UI engine for the importmap, Stimulus, Tailwind stack"
+  spec.description = "Baldur helps Rails teams ship polished UI faster with install generators, reusable ui_* helpers, Tailwind components, and Stimulus wiring for apps using Propshaft, importmap-rails, stimulus-rails, and tailwindcss-rails."
   spec.homepage    = "https://github.com/varunmurkar/baldur"
   spec.license     = "MIT"
   spec.metadata = {
@@ -31,6 +31,6 @@ Gem::Specification.new do |spec|
 
   spec.add_dependency "importmap-rails"
   spec.add_dependency "lucide-rails"
-  spec.add_dependency "rails", ">= 8.1.0"
-  spec.add_dependency "tailwindcss-rails", ">= 4.4.0"
+  spec.add_dependency "rails", ">= 7.0.0"
+  spec.add_dependency "tailwindcss-rails", ">= 4.3.0"
 end

data/lib/baldur/version.rb

@@ -1,3 +1,3 @@
 module Baldur
-  VERSION = "0.1.6".freeze
+  VERSION = "0.2.0".freeze
 end

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

@@ -7,6 +7,7 @@ module Baldur
 
       CORE_CONTROLLERS = %w[
         accordion
+        confirmation
         date_field
         details_menu
         form_submit
@@ -14,6 +15,7 @@ module Baldur
         modal
         marketing_pricing
         marketing_tabs
+        mobile_sidebar
         segmented_tabs
         sidebar
         smooth_scroll

data/test/confirmation_modal_helper_test.rb

@@ -0,0 +1,241 @@
+require_relative "test_helper"
+require "action_controller"
+require_relative "../lib/generators/baldur/install/install_generator"
+
+class BaldurConfirmationModalHelperTest < Minitest::Test
+  class TestController < ActionController::Base
+    append_view_path File.expand_path("../app/views", __dir__)
+    helper Baldur::UiHelper
+    helper Baldur::RenderHelper
+  end
+
+  def test_ui_modal_host_renders_host_wrapper
+    html = TestController.render(
+      inline: <<~ERB,
+        <%= ui_modal_host(id: "test-modal") do %>
+          <p>Modal content</p>
+        <% end %>
+      ERB
+      formats: [:html]
+    )
+
+    assert_includes html, 'id="test-modal"'
+    assert_includes html, 'data-controller="modal"'
+    assert_includes html, 'data-modal-selector-value="#test-modal"'
+    assert_includes html, 'data-modal="true"'
+    assert_includes html, 'aria-hidden="true"'
+    assert_includes html, "Modal content"
+    assert_includes html, 'class="fixed inset-0 z-50'
+  end
+
+  def test_ui_modal_host_with_custom_classes
+    html = TestController.render(
+      inline: <<~ERB,
+        <%= ui_modal_host(id: "custom-modal", classes: "my-extra-class") do %>
+          <p>Custom</p>
+        <% end %>
+      ERB
+      formats: [:html]
+    )
+
+    assert_includes html, "my-extra-class"
+    assert_includes html, "Custom"
+  end
+
+  def test_ui_confirmation_modal_renders_basic_structure
+    html = TestController.render(
+      inline: '<%=
+        ui_confirmation_modal(
+          host_id: "delete-modal",
+          dialog_id: "delete-dialog",
+          title: "Delete item?"
+        )
+      %>',
+      formats: [:html]
+    )
+
+    assert_includes html, 'id="delete-modal"'
+    assert_includes html, 'id="delete-dialog"'
+    assert_includes html, 'data-controller="modal"'
+    assert_includes html, "Delete item?"
+    assert_includes html, "Confirm"
+    assert_includes html, "Cancel"
+    assert_includes html, 'data-modal-close="true"'
+  end
+
+  def test_ui_confirmation_modal_with_danger_tone_shows_icon
+    html = TestController.render(
+      inline: '<%=
+        ui_confirmation_modal(
+          host_id: "danger-modal",
+          dialog_id: "danger-dialog",
+          title: "Discard collection?",
+          tone: :danger
+        )
+      %>',
+      formats: [:html]
+    )
+
+    assert_includes html, "color-error"
+    assert_includes html, "Discard collection?"
+  end
+
+  def test_ui_confirmation_modal_default_tone_no_icon
+    html = TestController.render(
+      inline: '<%=
+        ui_confirmation_modal(
+          host_id: "default-modal",
+          dialog_id: "default-dialog",
+          title: "Proceed?"
+        )
+      %>',
+      formats: [:html]
+    )
+
+    refute_includes html, "color-error"
+    assert_includes html, "Proceed?"
+  end
+
+  def test_ui_confirmation_modal_danger_tone_sets_danger_button_variant
+    html = TestController.render(
+      inline: '<%=
+        ui_confirmation_modal(
+          host_id: "danger-btn-modal",
+          dialog_id: "danger-btn-dialog",
+          title: "Discard?",
+          tone: :danger
+        )
+      %>',
+      formats: [:html]
+    )
+
+    assert_includes html, "button--error"
+  end
+
+  def test_ui_confirmation_modal_default_tone_sets_primary_button_variant
+    html = TestController.render(
+      inline: '<%=
+        ui_confirmation_modal(
+          host_id: "primary-btn-modal",
+          dialog_id: "primary-btn-dialog",
+          title: "Proceed?"
+        )
+      %>',
+      formats: [:html]
+    )
+
+    assert_includes html, "button--filled"
+    refute_includes html, "button--error"
+  end
+
+  def test_ui_confirmation_modal_with_type_to_confirm
+    html = TestController.render(
+      inline: '<%=
+        ui_confirmation_modal(
+          host_id: "flush-modal",
+          dialog_id: "flush-dialog",
+          title: "Flush All Data",
+          description: "This cannot be undone.",
+          tone: :danger,
+          confirm_label: "Confirm",
+          type_to_confirm: {
+            expected_text: "confirm",
+            label: "Type confirm to continue",
+            placeholder: "confirm",
+            hint: "This permanently removes all data."
+          }
+        )
+      %>',
+      formats: [:html]
+    )
+
+    assert_includes html, "modal confirmation"
+    assert_includes html, "confirmation-case-sensitive-value"
+    assert_includes html, 'data-confirmation-target="input"'
+    assert_includes html, 'data-confirmation-target="submit"'
+    assert_includes html, "confirmation#validate"
+    assert_includes html, "Type confirm to continue"
+    assert_includes html, "This permanently removes all data."
+    assert_includes html, "Flush All Data"
+    assert_includes html, "Confirm"
+  end
+
+  def test_ui_confirmation_modal_type_to_confirm_disables_submit
+    html = TestController.render(
+      inline: '<%=
+        ui_confirmation_modal(
+          host_id: "disabled-modal",
+          dialog_id: "disabled-dialog",
+          title: "Delete?",
+          type_to_confirm: {
+            expected_text: "DELETE",
+            label: "Type DELETE"
+          }
+        )
+      %>',
+      formats: [:html]
+    )
+
+    assert_includes html, "disabled"
+    assert_includes html, "Type DELETE"
+  end
+
+  def test_ui_confirmation_modal_type_to_confirm_case_insensitive
+    html = TestController.render(
+      inline: '<%=
+        ui_confirmation_modal(
+          host_id: "ci-modal",
+          dialog_id: "ci-dialog",
+          title: "Delete?",
+          type_to_confirm: {
+            expected_text: "delete",
+            case_sensitive: false
+          }
+        )
+      %>',
+      formats: [:html]
+    )
+
+    assert_includes html, "confirmation-case-sensitive-value"
+    refute_includes html, "case-sensitive-value=\"true\""
+    assert_includes html, "case-sensitive-value=&quot;false&quot;"
+  end
+
+  def test_ui_confirmation_modal_without_type_to_confirm_has_no_confirmation_controller
+    html = TestController.render(
+      inline: '<%=
+        ui_confirmation_modal(
+          host_id: "simple-modal",
+          dialog_id: "simple-dialog",
+          title: "Are you sure?"
+        )
+      %>',
+      formats: [:html]
+    )
+
+    assert_includes html, 'data-controller="modal"'
+    refute_includes html, "confirmation"
+  end
+
+  def test_ui_confirmation_modal_custom_labels
+    html = TestController.render(
+      inline: '<%=
+        ui_confirmation_modal(
+          host_id: "custom-modal",
+          dialog_id: "custom-dialog",
+          title: "Discard?",
+          confirm_label: "Discard",
+          cancel_label: "Go back"
+        )
+      %>',
+      formats: [:html]
+    )
+
+    assert_includes html, "Discard"
+    assert_includes html, "Go back"
+  end
+
+  def test_install_generator_includes_confirmation_controller
+    assert_includes Baldur::Generators::InstallGenerator::CORE_CONTROLLERS, "confirmation"
+  end
+end

data/test/install_generator_test.rb

@@ -30,6 +30,7 @@ class BaldurInstallGeneratorTest < Rails::Generators::TestCase
     assert_file "config/initializers/baldur.rb"
     assert_file "app/assets/stylesheets/fonts.css"
     assert_file "app/assets/stylesheets/theme.css"
+    assert_file "app/javascript/controllers/mobile_sidebar_controller.js", /export \{ default \} from "baldur\/controllers\/mobile_sidebar_controller"/
     assert_file "app/javascript/controllers/sidebar_controller.js", /export \{ default \} from "baldur\/controllers\/sidebar_controller"/
     assert_file "app/javascript/lib/snackbar.js", /export \* from "baldur\/lib\/snackbar"/
   end

data/test/sidebar_helper_test.rb

@@ -0,0 +1,69 @@
+require_relative "test_helper"
+
+require "action_controller"
+
+class BaldurSidebarHelperTest < Minitest::Test
+  class TestController < ActionController::Base
+    append_view_path File.expand_path("../app/views", __dir__)
+    helper Baldur::UiHelper
+    helper Baldur::UiHelperSidebar
+  end
+
+  def setup
+    @original_brand = Baldur.config.marketing_brand
+    Baldur.config.marketing_brand = {
+      name: "Acme",
+      wordmark: "Acme Ops",
+      logo_src: "/acme.svg",
+      logo_alt: "Acme logo"
+    }
+  end
+
+  def teardown
+    Baldur.config.marketing_brand = @original_brand
+  end
+
+  def test_sidebar_uses_configured_brand_and_mirrors_links_for_mobile
+    html = TestController.render(
+      inline: <<~ERB,
+        <%= ui_sidebar(
+              brand_path: "/home",
+              primary_links: [{ name: "Dashboard", path: "/dashboard", icon: "layout-dashboard", active: true }],
+              secondary_links: [{ name: "Settings", path: "/settings", icon: "settings", active: false }],
+              secondary_label: "Admin"
+            ) %>
+      ERB
+      formats: [ :html ]
+    )
+
+    assert_includes html, 'data-controller="sidebar"'
+    assert_includes html, 'data-controller="mobile-sidebar"'
+    assert_includes html, "Acme Ops"
+    assert_includes html, 'href="/dashboard"'
+    assert_includes html, 'href="/settings"'
+    assert_includes html, 'aria-current="page"'
+    assert_includes html, "Admin"
+  end
+
+  def test_sidebar_renders_slot_content_and_mobile_fallbacks
+    html = TestController.render(
+      inline: <<~ERB,
+        <%= ui_sidebar(primary_links: [{ name: "Dashboard", path: "/dashboard" }]) do |sidebar| %>
+          <% sidebar.with_header do %>
+            <div class="tenant-switcher">Tenant Switcher</div>
+          <% end %>
+          <% sidebar.with_footer do %>
+            <div class="user-menu">Sign out</div>
+          <% end %>
+        <% end %>
+      ERB
+      formats: [ :html ]
+    )
+
+    assert_includes html, "Tenant Switcher"
+    assert_includes html, "user-menu"
+    assert_includes html, "Sign out"
+    assert_operator html.scan("Tenant Switcher").size, :>=, 2
+    assert_operator html.scan("Sign out").size, :>=, 2
+  end
+end

data/test/test_helper.rb

@@ -11,5 +11,6 @@ require_relative "../app/helpers/baldur/render_helper"
 require_relative "../app/helpers/baldur/ui_helper_feedback"
 require_relative "../app/helpers/baldur/ui_helper_unavailable"
 require_relative "../app/helpers/baldur/ui_helper_forms"
-require_relative "../app/helpers/baldur/ui_helper"
 require_relative "../app/helpers/baldur/marketing_helper"
+require_relative "../app/helpers/baldur/ui_helper_sidebar"
+require_relative "../app/helpers/baldur/ui_helper"

data/test/tmp/install_generator/app/javascript/controllers/confirmation_controller.js

@@ -0,0 +1 @@
+export { default } from "baldur/controllers/confirmation_controller"

data/test/tmp/install_generator/app/javascript/controllers/mobile_sidebar_controller.js

@@ -0,0 +1 @@
+export { default } from "baldur/controllers/mobile_sidebar_controller"

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: baldur
 version: !ruby/object:Gem::Version
-  version: 0.1.6
+  version: 0.2.0
 platform: ruby
 authors:
 - Varun Murkar
@@ -43,30 +43,31 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 8.1.0
+        version: 7.0.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 8.1.0
+        version: 7.0.0
 - !ruby/object:Gem::Dependency
   name: tailwindcss-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 4.4.0
+        version: 4.3.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 4.4.0
-description: Baldur packages reusable Rails view helpers, components, styles, and
-  Stimulus controllers.
+        version: 4.3.0
+description: Baldur helps Rails teams ship polished UI faster with install generators,
+  reusable ui_* helpers, Tailwind components, and Stimulus wiring for apps using Propshaft,
+  importmap-rails, stimulus-rails, and tailwindcss-rails.
 executables: []
 extensions: []
 extra_rdoc_files: []
@@ -78,6 +79,7 @@ files:
 - TODO.md
 - app/assets/javascripts/baldur/controllers/accordion_controller.js
 - app/assets/javascripts/baldur/controllers/alert_controller.js
+- app/assets/javascripts/baldur/controllers/confirmation_controller.js
 - app/assets/javascripts/baldur/controllers/date_field_controller.js
 - app/assets/javascripts/baldur/controllers/details_menu_controller.js
 - app/assets/javascripts/baldur/controllers/form_submit_controller.js
@@ -106,10 +108,12 @@ files:
 - app/assets/stylesheets/baldur.css
 - app/assets/stylesheets/baldur/application/components/alert.css
 - app/assets/stylesheets/baldur/application/components/app_bar.css
+- app/assets/stylesheets/baldur/application/components/auth-page.css
 - app/assets/stylesheets/baldur/application/components/button.css
 - app/assets/stylesheets/baldur/application/components/card.css
 - app/assets/stylesheets/baldur/application/components/chart.css
 - app/assets/stylesheets/baldur/application/components/chip.css
+- app/assets/stylesheets/baldur/application/components/confirmation.css
 - app/assets/stylesheets/baldur/application/components/dialog.css
 - app/assets/stylesheets/baldur/application/components/forms.css
 - app/assets/stylesheets/baldur/application/components/layout.css
@@ -146,6 +150,7 @@ files:
 - app/helpers/baldur/ui_helper.rb
 - app/helpers/baldur/ui_helper_feedback.rb
 - app/helpers/baldur/ui_helper_forms.rb
+- app/helpers/baldur/ui_helper_sidebar.rb
 - app/helpers/baldur/ui_helper_unavailable.rb
 - app/views/baldur/components/_accordion.html.erb
 - app/views/baldur/components/_action_row.html.erb
@@ -155,15 +160,18 @@ files:
 - app/views/baldur/components/_card.html.erb
 - app/views/baldur/components/_chart_card.html.erb
 - app/views/baldur/components/_checkbox.html.erb
+- app/views/baldur/components/_confirmation_modal.html.erb
 - app/views/baldur/components/_date_field.html.erb
 - app/views/baldur/components/_google_sign_in_button.html.erb
 - app/views/baldur/components/_kebab_menu.html.erb
 - app/views/baldur/components/_kpi.html.erb
 - app/views/baldur/components/_menu_select.html.erb
 - app/views/baldur/components/_modal.html.erb
+- app/views/baldur/components/_modal_host.html.erb
 - app/views/baldur/components/_pagination.html.erb
 - app/views/baldur/components/_segmented_buttons.html.erb
 - app/views/baldur/components/_settings_nav.html.erb
+- app/views/baldur/components/_sidebar.html.erb
 - app/views/baldur/components/_snackbar.html.erb
 - app/views/baldur/components/_snackbar_stack.html.erb
 - app/views/baldur/components/_stepper.html.erb
@@ -199,24 +207,28 @@ files:
 - lib/generators/baldur/install_panel_right/install_panel_right_generator.rb
 - lib/generators/baldur/install_panel_secondary/install_panel_secondary_generator.rb
 - script/verify_host_install
+- test/confirmation_modal_helper_test.rb
 - test/csp_rendering_test.rb
 - test/gemspec_test.rb
 - test/install_generator_test.rb
 - test/install_panel_secondary_generator_test.rb
 - test/marketing_helper_test.rb
 - test/run_all.rb
+- test/sidebar_helper_test.rb
 - test/test_helper.rb
 - test/tmp/install_generator/app/assets/stylesheets/fonts.css
 - test/tmp/install_generator/app/assets/stylesheets/theme.css
 - test/tmp/install_generator/app/assets/tailwind/application.css
 - test/tmp/install_generator/app/helpers/ui_helper.rb
 - test/tmp/install_generator/app/javascript/controllers/accordion_controller.js
+- test/tmp/install_generator/app/javascript/controllers/confirmation_controller.js
 - test/tmp/install_generator/app/javascript/controllers/date_field_controller.js
 - test/tmp/install_generator/app/javascript/controllers/details_menu_controller.js
 - test/tmp/install_generator/app/javascript/controllers/form_submit_controller.js
 - test/tmp/install_generator/app/javascript/controllers/marketing_pricing_controller.js
 - test/tmp/install_generator/app/javascript/controllers/marketing_tabs_controller.js
 - test/tmp/install_generator/app/javascript/controllers/menu_select_controller.js
+- test/tmp/install_generator/app/javascript/controllers/mobile_sidebar_controller.js
 - test/tmp/install_generator/app/javascript/controllers/modal_controller.js
 - test/tmp/install_generator/app/javascript/controllers/segmented_tabs_controller.js
 - test/tmp/install_generator/app/javascript/controllers/sidebar_controller.js
@@ -259,5 +271,6 @@ required_rubygems_version: !ruby/object:Gem::Requirement
 requirements: []
 rubygems_version: 4.0.6
 specification_version: 4
-summary: Reusable Rails UI engine for same-stack application interfaces
+summary: Batteries-included Rails UI engine for the importmap, Stimulus, Tailwind
+  stack
 test_files: []