rails_nexus 2.0.3 → 2.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e53768c742936d378f9f25d9a11c7e8e4940f1393e43f89f6f4de66e739c04a0
-  data.tar.gz: 2fb198abfe108349535f99a67b57d2ef3f1a1563c720537f88b10140433e5dc4
+  metadata.gz: 3deddaf8307ffc780ab2c69de90a02a6dc4c8baf8c780af2e107b08ff8798337
+  data.tar.gz: 73ab2141acb40a433ca2db21a1dd35b1a2a642ff74a1ad420be2978cfa237821
 SHA512:
-  metadata.gz: 7894b8271c99d1ed424e4a27a733e4b9b09df27c58471caf6c136e272ea0d7cfd98c6d847ebfdf27afa8312ee5ac8bcbb7f3ae39bf80980dcb88fa6ae1d3dcb5
-  data.tar.gz: da25a4ae602de381da422d8db9f910be1bbc7fc918bde6b608e5b6eb837dee458f78370514cc2a95cc6801be98cb97fdb7c47355def55a9199d7f1554b903ba6
+  metadata.gz: 7195e03556acf7084d881c264166564a02da3273feff2abbcb6ee56e93b9e5ae2e797309cd82e586ac4310ea083c7fde125e4d492b78268fcefdea19dfac58de
+  data.tar.gz: bb61711dba4e993e79ff6fab0185afe29ef4b20021fcf5c2fdc9ca79b11292bfcb005afe35ebb8fc243760e0f5513cb6a7207cefa7c225a7eb37fc43ef545675

data/app/assets/javascripts/rails_nexus/controllers.js

@@ -43,16 +43,103 @@
   // ═══════════════════════════════════════════════════════════════
 
   class RailsNexusSidebarController {
-    static get targets() { return ["drawer", "overlay"] }
+    static get targets() { return ["drawer", "overlay", "sidebar", "toggleButton"] }
+
+    connect() {
+      this.handleResize = this.syncButtonState.bind(this)
+      window.addEventListener("resize", this.handleResize)
+
+      if (this.desktop() && this.sidebarHidden() && this.hasSidebarTarget) {
+        this.sidebarTarget.classList.add("is-hidden")
+      }
+
+      this.syncButtonState()
+    }
+
+    disconnect() {
+      window.removeEventListener("resize", this.handleResize)
+    }
 
     toggle() {
-      if (this.hasDrawerTarget) this.drawerTarget.classList.toggle("open")
-      if (this.hasOverlayTarget) this.overlayTarget.classList.toggle("open")
+      if (this.desktop()) {
+        if (this.hasSidebarTarget) {
+          var hidden = this.sidebarTarget.classList.toggle("is-hidden")
+          this.storeSidebarState(hidden)
+        }
+      } else if (this.hasDrawerTarget) {
+        var opening = !this.drawerTarget.classList.contains("open")
+        this.drawerTarget.classList.toggle("open", opening)
+        if (this.hasOverlayTarget) this.overlayTarget.classList.toggle("open", opening)
+      }
+
+      this.syncButtonState()
     }
 
     close() {
       if (this.hasDrawerTarget) this.drawerTarget.classList.remove("open")
       if (this.hasOverlayTarget) this.overlayTarget.classList.remove("open")
+      this.syncButtonState()
+    }
+
+    desktop() {
+      return window.matchMedia("(min-width: 1024px)").matches
+    }
+
+    sidebarHidden() {
+      try {
+        return localStorage.getItem("rails_nexus-sidebar-hidden") === "true"
+      } catch (_error) {
+        return false
+      }
+    }
+
+    storeSidebarState(hidden) {
+      try {
+        localStorage.setItem("rails_nexus-sidebar-hidden", hidden.toString())
+      } catch (_error) {
+        // The toggle still works when storage is unavailable.
+      }
+    }
+
+    syncButtonState() {
+      if (!this.hasToggleButtonTarget) return
+
+      var expanded
+      if (this.desktop()) {
+        expanded = this.hasSidebarTarget && !this.sidebarTarget.classList.contains("is-hidden")
+      } else {
+        expanded = this.hasDrawerTarget && this.drawerTarget.classList.contains("open")
+      }
+
+      this.toggleButtonTarget.setAttribute("aria-expanded", expanded.toString())
+      this.toggleButtonTarget.setAttribute("aria-label", expanded ? "Hide navigation" : "Show navigation")
+      this.toggleButtonTarget.title = expanded ? "Hide navigation" : "Show navigation"
+    }
+
+    closeOtherMenus(event) {
+      var currentMenu = event.currentTarget
+      if (!currentMenu.open) return
+
+      var navigation = currentMenu.closest(".rn-sidebar-nav")
+      if (!navigation) return
+
+      navigation.querySelectorAll("details.rn-nav-section[open]").forEach(function(menu) {
+        if (menu !== currentMenu) menu.open = false
+      })
+    }
+
+    toggleShortcuts(event) {
+      var dialog = document.querySelector("[data-rails_nexus-target='shortcutsDialog']")
+      if (!dialog) return
+
+      var isOpening = !dialog.classList.contains("open")
+      dialog.classList.toggle("open", isOpening)
+      event.currentTarget.setAttribute("aria-expanded", isOpening.toString())
+
+      if (isOpening) {
+        var closeButton = dialog.querySelector("button")
+        if (closeButton) closeButton.focus()
+      }
     }
   }
 
@@ -277,11 +364,17 @@
         this.closeShortcuts()
       } else {
         this.shortcutsDialogTarget.classList.add("open")
+        var button = document.getElementById("rn-shortcuts-button")
+        if (button) button.setAttribute("aria-expanded", "true")
       }
     }
 
     closeShortcuts() {
-      if (this.hasShortcutsDialogTarget) this.shortcutsDialogTarget.classList.remove("open")
+      if (this.hasShortcutsDialogTarget) {
+        this.shortcutsDialogTarget.classList.remove("open")
+        var button = document.getElementById("rn-shortcuts-button")
+        if (button) button.setAttribute("aria-expanded", "false")
+      }
     }
 
     // ─── Navigation (prev/next) ───────────────────────────────
@@ -373,11 +466,15 @@
     // ─── Loading State ────────────────────────────────────────
 
     showActivity() {
-      if (this.hasActivityTarget) this.activityTarget.classList.remove("hidden")
+      if (!this.hasActivityTarget) return
+      this.activityTarget.hidden = false
+      this.activityTarget.classList.remove("hidden")
     }
 
     hideActivity() {
-      if (this.hasActivityTarget) this.activityTarget.classList.add("hidden")
+      if (!this.hasActivityTarget) return
+      this.activityTarget.hidden = true
+      this.activityTarget.classList.add("hidden")
     }
   }