senren-ui 0.1.5 → 0.2.0

data/templates/controllers/sheet_controller.js

@@ -2,33 +2,63 @@ import { Controller } from "@hotwired/stimulus"
 
 // senren--sheet
 // Side panel; behaves like a dialog.
+//
+// State lives in `openValue`. Actions assign it; openValueChanged performs every
+// DOM change, so the panel can be opened from the server and survives a morph.
 export default class extends Controller {
   static targets = ["overlay", "panel", "trigger"]
+  static values = { open: Boolean }
+
+  connect() {
+    this._onKey = this._onKey.bind(this)
+    this._onBeforeCache = this._onBeforeCache.bind(this)
+    document.addEventListener("turbo:before-cache", this._onBeforeCache)
+  }
 
-  connect()    { this._onKey = this._onKey.bind(this) }
   disconnect() {
     document.removeEventListener("keydown", this._onKey)
+    document.removeEventListener("turbo:before-cache", this._onBeforeCache)
     document.body.style.overflow = ""
   }
 
   open(event) {
     event?.preventDefault()
-    this.overlayTarget.hidden = false
-    this.panelTarget.hidden   = false
-    this.panelTarget.dataset.open = "true"
-    document.addEventListener("keydown", this._onKey)
-    document.body.style.overflow = "hidden"
-    queueMicrotask(() => this.panelTarget?.focus())
+    this.openValue = true
   }
 
   close(event) {
     event?.preventDefault()
-    this.overlayTarget.hidden = true
-    this.panelTarget.hidden   = true
-    this.panelTarget.dataset.open = "false"
+    this.openValue = false
+  }
+
+  openValueChanged(isOpen, wasOpen) {
+    if (this.hasOverlayTarget) this.overlayTarget.hidden = !isOpen
+    if (this.hasPanelTarget) {
+      this.panelTarget.hidden = !isOpen
+      this.panelTarget.dataset.open = isOpen ? "true" : "false"
+    }
+
+    if (isOpen) {
+      document.addEventListener("keydown", this._onKey)
+      document.body.style.overflow = "hidden"
+      queueMicrotask(() => this.panelTarget?.focus())
+      this.dispatch("opened")
+      return
+    }
+
     document.removeEventListener("keydown", this._onKey)
     document.body.style.overflow = ""
+    if (wasOpen !== undefined) this.dispatch("closed")
+  }
+
+  _onKey(event) {
+    if (event.key === "Escape") this.close()
   }
 
-  _onKey(event) { if (event.key === "Escape") this.close() }
+  // Turbo snapshots the page before navigating away; without this the scroll
+  // lock is captured while applied and a back navigation restores a page that
+  // cannot be scrolled.
+  _onBeforeCache() {
+    this.openValue = false
+  }
 }

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: senren-ui
 version: !ruby/object:Gem::Version
-  version: 0.1.5
+  version: 0.2.0
 platform: ruby
 authors:
 - vutt
@@ -29,14 +29,14 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: '3.0'
+        version: 4.9.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: '3.0'
+        version: 4.9.0
 description: |
   Senren UI is a Rails-native UI component library inspired by the developer
   experience of shadcn/ui. It ships generators, a registry, and a centralized
@@ -53,7 +53,11 @@ files:
 - LICENSE
 - README.md
 - Rakefile
+- docs/components.md
+- docs/hot_reload.md
+- docs/performance_testing.md
 - docs/visual_style.md
+- lib/commands/senren/add/add_command.rb
 - lib/generators/senren/component/component_generator.rb
 - lib/generators/senren/component/templates/component.html.erb.tt
 - lib/generators/senren/component/templates/component.rb.tt
@@ -65,15 +69,20 @@ files:
 - lib/generators/senren/install/templates/conventions.md.tt
 - lib/generators/senren/install/templates/installed_components.yml.tt
 - lib/generators/senren/install/templates/senren.css.tt
+- lib/senren-ui.rb
 - lib/senren/rails.rb
 - lib/senren/rails/agent_rules_writer.rb
+- lib/senren/rails/asset_path_guard.rb
+- lib/senren/rails/base_component_patch.rb
 - lib/senren/rails/component_copier.rb
+- lib/senren/rails/component_installer.rb
 - lib/senren/rails/doctor.rb
 - lib/senren/rails/engine.rb
 - lib/senren/rails/host_paths.rb
-- lib/senren/rails/installer.rb
 - lib/senren/rails/llms_writer.rb
+- lib/senren/rails/marker_block.rb
 - lib/senren/rails/registry.rb
+- lib/senren/rails/safe_write.rb
 - lib/senren/rails/skill_writer.rb
 - lib/senren/rails/version.rb
 - lib/tasks/senren.rake
@@ -112,6 +121,8 @@ files:
 - templates/components/card/card_component.rb
 - templates/components/carousel/carousel_component.html.erb
 - templates/components/carousel/carousel_component.rb
+- templates/components/cart/cart_component.html.erb
+- templates/components/cart/cart_component.rb
 - templates/components/checkbox/checkbox_component.html.erb
 - templates/components/checkbox/checkbox_component.rb
 - templates/components/checkbox_group/checkbox_group_component.html.erb
@@ -162,6 +173,8 @@ files:
 - templates/components/pagination/pagination_component.rb
 - templates/components/popover/popover_component.html.erb
 - templates/components/popover/popover_component.rb
+- templates/components/product_card/product_card_component.html.erb
+- templates/components/product_card/product_card_component.rb
 - templates/components/progress/progress_component.html.erb
 - templates/components/progress/progress_component.rb
 - templates/components/radio_button/radio_button_component.html.erb
@@ -209,6 +222,7 @@ files:
 - templates/controllers/api_key_field_controller.js
 - templates/controllers/calendar_controller.js
 - templates/controllers/carousel_controller.js
+- templates/controllers/cart_controller.js
 - templates/controllers/clipboard_controller.js
 - templates/controllers/collapsible_controller.js
 - templates/controllers/combobox_controller.js
@@ -245,14 +259,14 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: 3.1.0
+      version: 3.2.0
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 4.0.3
+rubygems_version: 4.0.6
 specification_version: 4
 summary: Rails-native UI component library with ViewComponent, Hotwire, Tailwind,
   and AI-agent skill files.

data/lib/senren/rails/installer.rb

@@ -1,84 +0,0 @@
-# frozen_string_literal: true
-
-require 'fileutils'
-
-module Senren
-  module Rails
-    # Idempotent installer that lays down the .senren directory, base
-    # component, stylesheet, and agent instruction files. Reused by the install
-    # generator and by ad-hoc rake task entry points.
-    class Installer
-      attr_reader :paths, :stdout
-
-      def initialize(paths: HostPaths.new, stdout: $stdout)
-        @paths  = paths
-        @stdout = stdout
-      end
-
-      def run!(force: false)
-        paths.ensure_dirs!
-        install_static_files(force: force)
-        mirror_registry
-        SkillWriter.new(paths: paths).sync!
-        AgentRulesWriter.new(paths: paths).sync!
-        print_next_steps
-        true
-      end
-
-      INSTALL_GENERATOR_TEMPLATES = File.expand_path(
-        '../../generators/senren/install/templates', __dir__
-      ).freeze
-
-      STATIC_FILES = {
-        'conventions.md.tt' => :conventions_file,
-        'installed_components.yml.tt' => :installed_components,
-        'base_component.rb.tt' => :base_component_path,
-        'senren.css.tt' => :stylesheet_path
-      }.freeze
-
-      private
-
-      def install_static_files(force:)
-        STATIC_FILES.each do |template_basename, paths_method|
-          src = File.join(INSTALL_GENERATOR_TEMPLATES, template_basename)
-          dest = paths.public_send(paths_method)
-          copy_template(src, dest, force: force)
-        end
-      end
-
-      def copy_template(src, dest, force:)
-        unless File.exist?(src)
-          stdout.puts "  warn  template missing: #{src}"
-          return
-        end
-        if File.exist?(dest) && !force
-          stdout.puts "  skip  #{dest}"
-          return
-        end
-        FileUtils.mkdir_p(File.dirname(dest))
-        FileUtils.cp(src, dest)
-        stdout.puts "  copy  #{dest}"
-      end
-
-      def mirror_registry
-        FileUtils.mkdir_p(paths.registry_mirror.dirname)
-        FileUtils.cp(Senren::Rails.registry_path, paths.registry_mirror)
-        stdout.puts "  mirror #{paths.registry_mirror}"
-      end
-
-      def print_next_steps
-        stdout.puts <<~MSG
-
-          Senren installed. Next steps:
-
-            bin/rails senren:add button card badge alert
-            bin/rails senren:add dialog dropdown_menu
-            bin/rails senren:agents:sync
-            bin/rails senren:doctor
-
-          Read .senren/skill.md and .senren/conventions.md to get oriented.
-        MSG
-      end
-    end
-  end
-end