cronwatch 0.11.0 → 0.11.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9f5d4d303ae53fd20968b2f416e805a3f840b07b152004878147c3d3c3e4e899
-  data.tar.gz: 184ac01a139983fdabc2344586a4bc6c6669b987864a8c84d7f7b8f8bd90909d
+  metadata.gz: 4a31800c33f9abb5092e104cc1572940190883006bab28dfc5c389d01ab3d5c8
+  data.tar.gz: 2e85fbf87e5c1929124d105f54791eb36726f69eae05db77ff22b6b665672471
 SHA512:
-  metadata.gz: 333767b7bcffda2b75c1349644c7fa870c371c9a5c1ee0491083effcdbb1030c54dfc561a36a883b8588411caa59b19ca4c36c06638c61c5652917c29f1252fa
-  data.tar.gz: 0ecbafab015195219f3dfb53e03dd202766342fc11195b7d97cdac4610821940a2e8d777898834aa8b015236b5b5a1a11eb0f1ecd424c42f52a4b84eddfb14b1
+  metadata.gz: dd728e8770453f91445d006f0ce7f15d709c04e4c130366a5adfb99f104570fca428e6363c91b69a55c0b58a6e4b90472ec13fd3588b85548b195161a4a2c0f8
+  data.tar.gz: 951158243f2598f6d75fe9cb4095138a4480af3f1d9dc9de1d9f24af011d63ad4df5001bbc6e3227c70f9cdb3c1b3e031e4a4b175b570a12ab04786946484ad8

data/lib/cronwatch/version.rb

@@ -2,5 +2,5 @@
 
 module Cronwatch
   # Kept in step with @cronwatch/sdk.
-  VERSION = "0.11.0"
+  VERSION = "0.11.1"
 end

data/lib/cronwatch/web/html.rb

@@ -3,7 +3,7 @@
 module Cronwatch
   class Web
     # The dashboard's pages, markup for markup the SDK's routes/html.ts. The
-    # one script, app.js, only registers the service worker: the pages refresh
+    # one script, app.js, registers the service worker and toggles the theme: the pages refresh
     # themselves and the forget button confirms with a <details>.
     #
     # Set like cronwatch.dev: a printed sheet on grey paper, a serif for what a
@@ -26,7 +26,8 @@ module Cronwatch
     module HTML
       CSS = "\n" + <<~'CSS'
         :root{color-scheme:light dark;--paper:#f4f4f5;--sheet:#fff;--sunk:#fafafa;--rule:#e4e4e7;--rule-2:#d4d4d8;--tick:#909098;--ink:#000;--body:#18181b;--muted:#71717a;--ok:#15803d;--warn:#a16207;--bad:#b91c1c;--serif:"Newsreader",ui-serif,Georgia,Cambria,"Times New Roman",serif;--mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--who:200px}
-        @media(prefers-color-scheme:dark){:root{--paper:#09090b;--sheet:#111113;--sunk:#18181b;--rule:#27272a;--rule-2:#3f3f46;--tick:#66666f;--ink:#fff;--body:#e4e4e7;--muted:#a1a1aa;--ok:#4ade80;--warn:#fbbf24;--bad:#f87171}}
+        @media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#09090b;--sheet:#111113;--sunk:#18181b;--rule:#27272a;--rule-2:#3f3f46;--tick:#66666f;--ink:#fff;--body:#e4e4e7;--muted:#a1a1aa;--ok:#4ade80;--warn:#fbbf24;--bad:#f87171}}
+        :root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--paper:#09090b;--sheet:#111113;--sunk:#18181b;--rule:#27272a;--rule-2:#3f3f46;--tick:#66666f;--ink:#fff;--body:#e4e4e7;--muted:#a1a1aa;--ok:#4ade80;--warn:#fbbf24;--bad:#f87171}
         *{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
         body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.55 var(--serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
         a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.16em;text-decoration-color:var(--rule-2)}a:hover{text-decoration-color:currentColor}
@@ -251,7 +252,7 @@ module Cronwatch
 
       # A page. `base` is where the dashboard is mounted ("" at the root): the
       # head links the web app manifest, the icons and app.js, the one script,
-      # which only registers the service worker (Web::PWA). Everything works
+      # which registers the service worker and toggles the theme (Web::PWA). Everything works
       # without it.
       def layout(title, body, base, refresh: nil)
         b = h(base)

data/lib/cronwatch/web/pwa.rb

@@ -16,11 +16,27 @@ module Cronwatch
       THEME_COLOR = "#ffffff"
       THEME_COLOR_DARK = "#111113"
 
-      # Registers the service worker, and does nothing else. The page works
-      # the same without it. Its own URL gives the base, so it is the same
+      # Registers the service worker, and switches between light and dark on
+      # Cmd+Shift+D (Ctrl+Shift+D elsewhere), keeping the choice in
+      # localStorage. The page works the same without it. Its own URL gives the base, so it is the same
       # text wherever the dashboard is mounted.
       APP_JS = <<~'JS'
         "use strict";
+        (function () {
+          var root = document.documentElement;
+          try {
+            var stored = localStorage.getItem("cronwatch-theme");
+            if (stored === "light" || stored === "dark") root.setAttribute("data-theme", stored);
+          } catch (e) {}
+          document.addEventListener("keydown", function (event) {
+            if (!(event.metaKey || event.ctrlKey) || !event.shiftKey || event.altKey || event.code !== "KeyD") return;
+            event.preventDefault();
+            var shown = root.getAttribute("data-theme") || (matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
+            var next = shown === "dark" ? "light" : "dark";
+            root.setAttribute("data-theme", next);
+            try { localStorage.setItem("cronwatch-theme", next); } catch (e) {}
+          });
+        })();
         (function () {
           var script = document.currentScript;
           if (!script || !("serviceWorker" in navigator)) return;

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: cronwatch
 version: !ruby/object:Gem::Version
-  version: 0.11.0
+  version: 0.11.1
 platform: ruby
 authors:
 - Jon C. Phillips