@diagrammo/dgmo 0.48.2 → 0.50.0

package/dist/clock.d.ts

@@ -0,0 +1,10 @@
+/** Run one update pass over every clock row inside `root`. */
+declare function tickClocks(root?: ParentNode): void;
+/**
+ * Update `root` immediately, then (once per page) register a single 1s interval
+ * that re-scans the whole document. Idempotent — safe to call on every render /
+ * route change. No-op with no DOM.
+ */
+declare function startClocks(root?: ParentNode): void;
+
+export { startClocks, tickClocks };

package/dist/clock.js

@@ -0,0 +1,235 @@
+// src/clock/resolve.ts
+var SOON_MIN = 60;
+var RAD = Math.PI / 180;
+var DAY_MS = 864e5;
+var J1970 = 2440588;
+var J2000 = 2451545;
+function zoneParts(zone, nowMs) {
+  const d = new Date(nowMs);
+  try {
+    const o = {};
+    new Intl.DateTimeFormat("en-US", {
+      timeZone: zone,
+      hour12: false,
+      hour: "2-digit",
+      minute: "2-digit",
+      second: "2-digit",
+      weekday: "short"
+    }).formatToParts(d).forEach((x) => {
+      o[x.type] = x.value;
+    });
+    const off = new Intl.DateTimeFormat("en-US", {
+      timeZone: zone,
+      timeZoneName: "shortOffset"
+    }).formatToParts(d).find((x) => x.type === "timeZoneName");
+    return {
+      h: parseInt(o["hour"], 10) % 24,
+      m: parseInt(o["minute"], 10),
+      s: parseInt(o["second"], 10),
+      weekday: o["weekday"],
+      offsetLabel: off ? off.value.replace("GMT", "UTC") : ""
+    };
+  } catch {
+    return {
+      h: d.getUTCHours(),
+      m: d.getUTCMinutes(),
+      s: d.getUTCSeconds(),
+      weekday: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"][d.getUTCDay()],
+      offsetLabel: "UTC"
+    };
+  }
+}
+function pad2(n) {
+  return n < 10 ? "0" + n : String(n);
+}
+function formatTime(h, m, s, hours12) {
+  const sec = pad2(s);
+  if (hours12) {
+    const ap = h < 12 ? "am" : "pm";
+    let hr = h % 12;
+    if (hr === 0) hr = 12;
+    return { main: `${hr}:${pad2(m)}`, sec, ap };
+  }
+  return { main: `${pad2(h)}:${pad2(m)}`, sec, ap: "" };
+}
+function fmtDelta(ms) {
+  const m = Math.max(0, Math.round(ms / 6e4));
+  if (m < 90) return `${m}m`;
+  return `${Math.floor(m / 60)}h ${m % 60}m`;
+}
+function workStatus(parts, work) {
+  if (!work) return null;
+  const min = parts.h * 60 + parts.m;
+  if (!work.days[parts.weekday]) return { cls: "off", text: "Weekend" };
+  if (min < work.startMin) {
+    const d = work.startMin - min;
+    return {
+      cls: d <= SOON_MIN ? "soon" : "off",
+      text: `starts in ${fmtDelta(d * 6e4)}`
+    };
+  }
+  if (min < work.endMin) {
+    return { cls: "ok", text: `${fmtDelta((work.endMin - min) * 6e4)} left` };
+  }
+  return {
+    cls: "off",
+    text: `ended ${fmtDelta((min - work.endMin) * 6e4)} ago`
+  };
+}
+function toJulian(ms) {
+  return ms / DAY_MS - 0.5 + J1970;
+}
+function fromJulian(j) {
+  return (j + 0.5 - J1970) * DAY_MS;
+}
+function sunTimes(nowMs, lat, lon) {
+  const lw = -lon * RAD;
+  const phi = lat * RAD;
+  const J = toJulian(nowMs);
+  const n = Math.round(J - J2000 - 9e-4 - lw / (2 * Math.PI));
+  const Jn = J2000 + 9e-4 + lw / (2 * Math.PI) + n;
+  const M = (357.5291 + 0.98560028 * (Jn - J2000)) * RAD;
+  const C = (1.9148 * Math.sin(M) + 0.02 * Math.sin(2 * M) + 3e-4 * Math.sin(3 * M)) * RAD;
+  const L = M + C + Math.PI + 102.9372 * RAD;
+  const Jt = Jn + 53e-4 * Math.sin(M) - 69e-4 * Math.sin(2 * L);
+  const dec = Math.asin(Math.sin(L) * Math.sin(23.44 * RAD));
+  const cw = (Math.sin(-0.833 * RAD) - Math.sin(phi) * Math.sin(dec)) / (Math.cos(phi) * Math.cos(dec));
+  if (cw > 1) return { polar: "night" };
+  if (cw < -1) return { polar: "day" };
+  const w = Math.acos(cw);
+  const Jset = J2000 + 9e-4 + (w + lw) / (2 * Math.PI) + n + 53e-4 * Math.sin(M) - 69e-4 * Math.sin(2 * L);
+  return {
+    sunriseMs: fromJulian(Jt - (Jset - Jt)),
+    sunsetMs: fromJulian(Jset)
+  };
+}
+function sunLine(nowMs, lat, lon) {
+  const t = sunTimes(nowMs, lat, lon);
+  if (t.polar) {
+    return {
+      up: t.polar === "day",
+      text: t.polar === "day" ? "midnight sun" : "polar night"
+    };
+  }
+  if (nowMs < t.sunriseMs) {
+    return { up: false, text: `sunrise in ${fmtDelta(t.sunriseMs - nowMs)}` };
+  }
+  if (nowMs < t.sunsetMs) {
+    return { up: true, text: `sunset in ${fmtDelta(t.sunsetMs - nowMs)}` };
+  }
+  const tm = sunTimes(nowMs + DAY_MS, lat, lon);
+  if (tm.polar) return { up: false, text: "sunrise in \u2014" };
+  return { up: false, text: `sunrise in ${fmtDelta(tm.sunriseMs - nowMs)}` };
+}
+function handAngles(h, m, s) {
+  return {
+    hour: (h % 12 + m / 60) * 30,
+    minute: (m + s / 60) * 6,
+    second: s * 6
+  };
+}
+
+// src/clock/ticker.ts
+function readWork(node) {
+  const start = node.getAttribute("data-dgmo-clock-work-start");
+  const end = node.getAttribute("data-dgmo-clock-work-end");
+  if (start === null || end === null) return null;
+  const days = {};
+  (node.getAttribute("data-dgmo-clock-work-days") ?? "").split(",").filter(Boolean).forEach((d) => {
+    days[d] = true;
+  });
+  return { startMin: Number(start), endMin: Number(end), days };
+}
+function setHand(group, which, angle) {
+  const hand = group.querySelector(`[data-dgmo-clock-hand="${which}"]`);
+  if (hand) hand.setAttribute("transform", `rotate(${angle} 50 50)`);
+}
+function setPart(group, sel, textContent) {
+  const el = group.querySelector(sel);
+  if (el && el.textContent !== textContent) el.textContent = textContent;
+}
+function updateRow(group, now) {
+  const zone = group.getAttribute("data-dgmo-clock-zone");
+  if (!zone) return;
+  const parts = zoneParts(zone, now);
+  const latAttr = group.getAttribute("data-dgmo-clock-lat");
+  const lonAttr = group.getAttribute("data-dgmo-clock-lon");
+  const sunOn = group.getAttribute("data-dgmo-clock-sun") === "1";
+  const hasCoords = latAttr !== null && lonAttr !== null;
+  const sun = sunOn && hasCoords ? sunLine(now, Number(latAttr), Number(lonAttr)) : null;
+  const up = sun ? sun.up : parts.h >= 6 && parts.h < 18;
+  const c = (name) => group.getAttribute(`data-dgmo-clock-c-${name}`) ?? "";
+  const stColor = up ? c("day") : c("night");
+  const stTint = up ? c("day-soft") : c("night-soft");
+  const hours12 = group.getAttribute("data-dgmo-clock-hours12") !== "0";
+  const ts = formatTime(parts.h, parts.m, parts.s, hours12);
+  const ang = handAngles(parts.h, parts.m, parts.s);
+  setHand(group, "h", ang.hour);
+  setHand(group, "m", ang.minute);
+  setHand(group, "s", ang.second);
+  const autoSolid = group.getAttribute("data-dgmo-clock-auto-solid");
+  const autoFace = group.getAttribute("data-dgmo-clock-auto-face");
+  const faceFill = autoFace ?? stTint;
+  const handColor = autoSolid ?? stColor;
+  const face = group.querySelector("[data-dgmo-clock-facebg]");
+  if (face) face.setAttribute("fill", faceFill);
+  const ring = group.querySelector("[data-dgmo-clock-facering]");
+  if (ring && autoSolid) ring.setAttribute("stroke", autoSolid);
+  const center = group.querySelector("[data-dgmo-clock-center]");
+  if (center) center.setAttribute("fill", handColor);
+  const secondHand = group.querySelector('[data-dgmo-clock-hand="s"]');
+  if (secondHand) secondHand.setAttribute("stroke", handColor);
+  setPart(group, '[data-dgmo-clock-digital-part="main"]', ts.main);
+  setPart(group, '[data-dgmo-clock-digital-part="sec"]', `:${ts.sec}`);
+  setPart(group, '[data-dgmo-clock-digital-part="ap"]', ` ${ts.ap}`);
+  setPart(group, "[data-dgmo-clock-ampm]", ts.ap.toUpperCase());
+  const work = readWork(group);
+  const status = workStatus(parts, work);
+  const statusEl = group.querySelector("[data-dgmo-clock-status]");
+  if (status && statusEl) {
+    const col = status.cls === "ok" ? c("ok") : status.cls === "soon" ? c("soon") : c("off");
+    if (statusEl.textContent !== status.text)
+      statusEl.textContent = status.text;
+    statusEl.setAttribute("fill", col);
+    const dot = group.querySelector("[data-dgmo-clock-status-dot]");
+    if (dot) {
+      if (status.cls === "off") {
+        dot.setAttribute("fill", "none");
+        dot.setAttribute("stroke", col);
+        dot.setAttribute("stroke-width", "1.4");
+      } else {
+        dot.setAttribute("fill", col);
+        dot.setAttribute("stroke", "none");
+      }
+    }
+  }
+  const sunEl = group.querySelector("[data-dgmo-clock-sun-line]");
+  if (sun && sunEl) {
+    if (sunEl.textContent !== sun.text) sunEl.textContent = sun.text;
+    const icon = group.querySelector("[data-dgmo-clock-sun-icon]");
+    if (icon) {
+      const sunG = icon.querySelector('[data-clock-glyph="sun"]');
+      const moonG = icon.querySelector('[data-clock-glyph="moon"]');
+      if (sunG) sunG.setAttribute("display", up ? "inline" : "none");
+      if (moonG) moonG.setAttribute("display", up ? "none" : "inline");
+    }
+  }
+}
+function tickClocks(root = document) {
+  if (typeof document === "undefined") return;
+  const now = Date.now();
+  root.querySelectorAll("[data-dgmo-clock]").forEach((group) => updateRow(group, now));
+}
+var intervalStarted = false;
+function startClocks(root = document) {
+  if (typeof window === "undefined" || typeof document === "undefined") return;
+  tickClocks(root);
+  if (intervalStarted) return;
+  intervalStarted = true;
+  window.setInterval(() => tickClocks(document), 1e3);
+}
+export {
+  startClocks,
+  tickClocks
+};
+//# sourceMappingURL=clock.js.map

package/dist/countdown.d.ts

@@ -0,0 +1,12 @@
+declare const DAY_MS = 86400000;
+
+/** Run one update pass over every countdown node inside `root`. */
+declare function tickCountdowns(root?: ParentNode): void;
+/**
+ * Update `root` immediately, then (once per page) register a single 1s interval
+ * that re-scans the whole document. Idempotent — safe to call on every render /
+ * route change (mirrors remark's `clickHandlerBound` guard). No-op with no DOM.
+ */
+declare function startCountdowns(root?: ParentNode): void;
+
+export { DAY_MS, startCountdowns, tickCountdowns };