allowthem-server 0.0.4

HTTP server and middleware for allowthem
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63

// mode-toggle.js — persisted dark/light toggle for allowthem.
//
// Contract:
//   - On load: read localStorage["allowthem:mode"], apply to <html data-mode>.
//     If unset, leave the attribute alone (server default = dark; no attr).
//   - On click of any [data-mode-toggle]: flip, persist, update button label.
//   - When <html data-mode-locked> is present (tenant forced a mode),
//     the toggle is hidden via CSS and this script is a no-op on click.
//
// Kept tiny on purpose. No dependencies. Runs in module-less <script> tag.

(function () {
  "use strict";

  var KEY = "allowthem:mode";
  var html = document.documentElement;

  function currentMode() {
    return html.getAttribute("data-mode") || "dark";
  }

  function labelFor(mode) {
    // Show the mode you'd switch *to* on click.
    return mode === "dark" ? "light" : "dark";
  }

  function paintButtons() {
    var next = labelFor(currentMode());
    var buttons = document.querySelectorAll("[data-mode-toggle]");
    for (var i = 0; i < buttons.length; i++) {
      buttons[i].setAttribute("data-next-mode", next);
    }
  }

  // Apply stored preference unless tenant has locked the mode.
  if (!html.hasAttribute("data-mode-locked")) {
    try {
      var stored = window.localStorage.getItem(KEY);
      if (stored === "dark" || stored === "light") {
        html.setAttribute("data-mode", stored);
      }
    } catch (_e) {
      // Private mode / disabled storage — ignore.
    }
  }

  document.addEventListener("click", function (ev) {
    var btn = ev.target.closest && ev.target.closest("[data-mode-toggle]");
    if (!btn) return;
    if (html.hasAttribute("data-mode-locked")) return;
    var next = labelFor(currentMode());
    html.setAttribute("data-mode", next);
    try {
      window.localStorage.setItem(KEY, next);
    } catch (_e) {}
    paintButtons();
    if (window.wfEcho) {
      window.wfEcho("Switched to " + next + " mode.", { kind: "info" });
    }
  });

  paintButtons();
})();