plutonium 0.48.0 → 0.49.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d07d40ddf359fb63528f92bae1e1c10c0ec19d4d8101a7202e1c7ae30a798e90
-  data.tar.gz: 30fe5b1d2c89bd08552b3d64eb84795bc12e5417805b7ffd6c18f84f5f05d8d1
+  metadata.gz: 1fd296597ba3188b150bdf43c10dd2dbea52a5e1868a5fde7aa0f294c51422b1
+  data.tar.gz: 9bf3369f203a8abb9dfdc044f431280c76b4f2692209005d7f4ec0ca07ccb4bb
 SHA512:
-  metadata.gz: f5652a759d23236d48265376846ed7269a34ab6a7796bb40c6cc2331a7be308a8de472cda0405e7453ce52ae6452bcb291aaf2c784d305a9dbec451d1be3efa8
-  data.tar.gz: 3aee38cfc32329df17558559fcda9f1cae1c0605dc8c5a70d3e8ccd74ec5a4de9a04082e95b7368a07e812fe9a1b7d59e89405077e1dfb8210241710f59b3397
+  metadata.gz: 973f8e43740f8de1406bc904cc70926d3d09dcf25bb323a592b50514bfa7652179c0a93e7149aa4be8982f1c1893518d803810d7dcca4936c9f0ef9cf9832192
+  data.tar.gz: f5c97706349048b20be9f8771d0c75c5ab36d74904a7cedf158183ed772f7fe362c13d5b0583c373d1bf667689332edfcde5aaa5325aa88c6b3585aa6a7943e5

data/CHANGELOG.md

@@ -1,3 +1,26 @@
+## [0.49.0] - 2026-05-04
+
+### 🚀 Features
+
+- *(generators)* Add `pu:gem:actual_db_schema` and wire into app template
+- *(ui)* Add auto mode to color mode selector
+- *(ui)* Render color mode selector on rodauth layout
+- *(generators)* Flesh out rails_pulse initializer template
+
+### 🐛 Bug Fixes
+
+- *(controller)* Return clean 403 from non-HTML unauthorized handler
+- *(generators)* Align pu:lite:rails_pulse with v0.3 schema flow
+- *(rodauth)* Prefer main_app.root_path over login_redirect
+
+### 🚜 Refactor
+
+- *(routing)* Rename entity scope prefix from `_scope` to `_scoped`
+
+### ⚙️ Miscellaneous Tasks
+
+- *(pagy)* Rename :client_max_limit to :max_limit
+- Run appraisals
 ## [0.48.0] - 2026-04-16
 
 ### 🚀 Features

data/app/assets/plutonium.js

@@ -13383,49 +13383,62 @@
   };
 
   // src/js/controllers/color_mode_controller.js
+  var ORDER = ["auto", "light", "dark"];
   var color_mode_controller_default = class extends Controller {
     static values = { current: String };
     connect() {
-      const mode = localStorage.getItem("theme") || "light";
-      this.setMode(mode);
+      this.applyMode(this.readMode());
       this.handleStorageChange = (e4) => {
-        console.log("Storage event received in color-mode controller:", e4.key, e4.newValue, e4.oldValue);
-        if (e4.key === "theme" && e4.newValue) {
-          console.log("Updating color-mode theme to:", e4.newValue);
-          this.setMode(e4.newValue);
-        }
+        if (e4.key === "theme")
+          this.applyMode(this.readMode());
       };
       window.addEventListener("storage", this.handleStorageChange);
+      this.mq = window.matchMedia("(prefers-color-scheme: dark)");
+      this.handleMqChange = () => {
+        if (this.readMode() === "auto")
+          this.applyMode("auto");
+      };
+      this.mq.addEventListener("change", this.handleMqChange);
     }
     disconnect() {
       window.removeEventListener("storage", this.handleStorageChange);
+      if (this.mq)
+        this.mq.removeEventListener("change", this.handleMqChange);
     }
     toggleMode() {
-      const current = this.currentValue || "light";
-      const next = current === "light" ? "dark" : "light";
+      const current = this.readMode();
+      const next = ORDER[(ORDER.indexOf(current) + 1) % ORDER.length];
       this.setMode(next);
     }
     setMode(mode) {
-      if (mode === "dark") {
-        document.documentElement.classList.add("dark");
-      } else {
-        document.documentElement.classList.remove("dark");
-      }
+      localStorage.setItem("theme", mode);
+      this.applyMode(mode);
+    }
+    applyMode(mode) {
+      const effective = this.effectiveMode(mode);
+      document.documentElement.classList.toggle("dark", effective === "dark");
       this.currentValue = mode;
       this.toggleIcons(mode);
-      localStorage.setItem("theme", mode);
+    }
+    readMode() {
+      const saved = localStorage.getItem("theme");
+      return ORDER.includes(saved) ? saved : "auto";
+    }
+    effectiveMode(mode) {
+      if (mode === "light" || mode === "dark")
+        return mode;
+      return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
     }
     toggleIcons(mode) {
-      const sun = this.element.querySelector(".color-mode-icon-light");
-      const moon = this.element.querySelector(".color-mode-icon-dark");
-      if (sun && moon) {
-        if (mode === "light") {
-          sun.classList.remove("hidden");
-          moon.classList.add("hidden");
-        } else {
-          sun.classList.add("hidden");
-          moon.classList.remove("hidden");
-        }
+      const icons = {
+        auto: this.element.querySelector(".color-mode-icon-auto"),
+        light: this.element.querySelector(".color-mode-icon-light"),
+        dark: this.element.querySelector(".color-mode-icon-dark")
+      };
+      for (const [key, el] of Object.entries(icons)) {
+        if (!el)
+          continue;
+        el.classList.toggle("hidden", key !== mode);
       }
     }
   };