@cyberskill/design 1.1.1 → 1.3.8

package/docs/status/assets/status-legacy.js

@@ -1,505 +0,0 @@
-/* status-app.js - client for status-hub@2.
-   One corpus, three lenses (board / table / releases) + a task detail drawer.
-   No dependencies and no network calls except the on-demand per-task spec chunk
-   (data/task/<ID>.js - a classic script, so it works over file:// too).
-   The page stays readable without this file: <noscript> carries a static table
-   of every task plus the full release list. */
-(function () {
-  "use strict";
-
-  var el = document.getElementById("cs-data");
-  if (!el) return;
-  var D = JSON.parse(el.textContent);
-  // status.css already has a `.tasks` rule meaning something else, so renaming
-  // the class would collide. Data key: renamed. CSS class: frozen.
-  var TASKS = D.tasks;
-  var BY = {};
-  TASKS.forEach(function (f) { BY[f.i] = f; });
-
-  var ACTIVE = { ready_to_implement: 1, implementing: 1, ready_to_review: 1,
-                 reviewing: 1, ready_to_test: 1, testing: 1 };
-  // cannot_reproduce / duplicate are TERMINAL (added 2026-07-14 with `type: bug`).
-  // Omit them here and they bucket as "todo" — the board would show closed bugs as
-  // outstanding work forever, which is exactly the kind of quiet lie a status page
-  // must not tell.
-  var DONE = { done: 1, closed: 1, cannot_reproduce: 1, duplicate: 1 };
-  function bucket(s) {
-    return DONE[s] ? "done" : ACTIVE[s] ? "active" : s === "on_hold" ? "hold" : "todo";
-  }
-
-  var LENSES = { board: 1, table: 1, timeline: 1 };
-  var LEGACY = { roadmap: "board", backlog: "table", changelog: "timeline" };
-  var FKEYS = ["m", "s", "p", "c", "ph", "b"];
-  var FFIELD = { m: "m", s: "s", p: "p", c: "c", ph: "ph" };
-  var FLABEL = { m: "module", s: "status", p: "priority", c: "class", ph: "phase", b: "group" };
-
-  var S = { lens: "board", q: "", f: {}, group: "m", sort: "i", dir: 1, task: null };
-
-  /* ---- hash state ------------------------------------------------------- */
-  function readHash() {
-    var h = decodeURIComponent(location.hash.replace(/^#/, ""));
-    if (!h) return;
-    var parts = h.split("?");
-    var path = parts[0];
-    var qs = parts[1] || "";
-    if (path.indexOf("task/") === 0) S.task = path.slice(5);
-    else if (LENSES[path]) S.lens = path;
-    else if (LEGACY[path]) S.lens = LEGACY[path];
-    qs.split("&").forEach(function (kv) {
-      if (!kv) return;
-      var i = kv.indexOf("=");
-      var k = i < 0 ? kv : kv.slice(0, i);
-      var v = i < 0 ? "" : decodeURIComponent(kv.slice(i + 1));
-      if (k === "q") S.q = v;
-      else if (k === "g") S.group = v;
-      else if (FKEYS.indexOf(k) >= 0 && v) S.f[k] = v;
-    });
-  }
-  function writeHash(replace) {
-    var q = [];
-    if (S.q) q.push("q=" + encodeURIComponent(S.q));
-    FKEYS.forEach(function (k) { if (S.f[k]) q.push(k + "=" + encodeURIComponent(S.f[k])); });
-    if (S.lens === "board" && S.group !== "m") q.push("g=" + S.group);
-    var h = "#" + (S.task ? "task/" + S.task : S.lens) + (q.length ? "?" + q.join("&") : "");
-    if (h === location.hash) return;
-    if (replace && history.replaceState) history.replaceState(null, "", h);
-    else if (history.pushState) history.pushState(null, "", h);
-    else location.hash = h;
-  }
-
-  /* ---- filtering -------------------------------------------------------- */
-  function matches(f) {
-    for (var k in FFIELD) if (S.f[k] && f[FFIELD[k]] !== S.f[k]) return false;
-    if (S.f.b && bucket(f.s) !== S.f.b) return false;
-    if (S.q) {
-      var q = S.q.toLowerCase();
-      var hay = (f.i + " " + f.t + " " + f.m + " " + (f.o || "") + " " +
-                 (f.ph || "") + " " + (f.sm || "")).toLowerCase();
-      if (hay.indexOf(q) < 0) return false;
-    }
-    return true;
-  }
-  function view() { return TASKS.filter(matches); }
-
-  /* ---- helpers ---------------------------------------------------------- */
-  function esc(s) {
-    return String(s == null ? "" : s).replace(/&/g, "&amp;").replace(/</g, "&lt;")
-      .replace(/>/g, "&gt;").replace(/"/g, "&quot;");
-  }
-  function pct(n, d) { return d ? (100 * n / d).toFixed(1) : "0.0"; }
-  function chip(f, ghost) {
-    if (!f) return "";
-    return '<button class="chip ' + bucket(f.s) + (ghost ? " ghost" : "") +
-      '" data-task="' + esc(f.i) + '" title="' + esc(f.i + " — " + f.t + " [" + f.s + "]") +
-      '">' + esc(f.i.replace(/^TASK-/, "")) + "</button>";
-  }
-  function chipId(id, ghost) {
-    return BY[id] ? chip(BY[id], ghost)
-      : '<span class="chip ghost" title="not in this corpus">' + esc(id.replace(/^TASK-/, "")) + "</span>";
-  }
-  function segs(rows) {
-    var d = 0, a = 0, h = 0;
-    rows.forEach(function (f) {
-      var b = bucket(f.s);
-      if (b === "done") d++; else if (b === "active") a++; else if (b === "hold") h++;
-    });
-    var n = rows.length;
-    return '<div class="minibar"><i class="seg-done" style="width:' + pct(d, n) + '%"></i>' +
-      '<i class="seg-active" style="width:' + pct(a, n) + '%"></i>' +
-      '<i class="seg-hold" style="width:' + pct(h, n) + '%"></i></div>';
-  }
-
-  /* ---- lens: board ------------------------------------------------------ */
-  function board(rows) {
-    var g = S.group, keys = [], bag = {};
-    rows.forEach(function (f) {
-      var k = f[g] || "(unset)";
-      if (!bag[k]) { bag[k] = []; keys.push(k); }
-      bag[k].push(f);
-    });
-    if (g === "s") keys.sort(function (a, b) { return D.statuses.indexOf(a) - D.statuses.indexOf(b); });
-    else keys.sort(function (a, b) {
-      return bag[b].length - bag[a].length || String(a).localeCompare(String(b));
-    });
-    if (!keys.length) return '<p class="empty">No task matches these filters.</p>';
-    return '<div class="grid">' + keys.map(function (k) {
-      var rs = bag[k];
-      var d = rs.filter(function (f) { return bucket(f.s) === "done"; }).length;
-      var a = rs.filter(function (f) { return bucket(f.s) === "active"; }).length;
-      return '<section class="card' + (a ? " hot" : "") + '">' +
-        '<div class="card-h"><h3><span class="k">' + esc(k) + '</span> ' +
-        '<span class="muted">· ' + rs.length + " tasks</span></h3>" +
-        '<span class="pct">' + pct(d, rs.length) + "% done</span></div>" +
-        segs(rs) + '<div class="task-chips">' +
-        rs.map(function (f) { return chip(f); }).join("") + "</div></section>";
-    }).join("") + "</div>";
-  }
-
-  /* ---- lens: table ------------------------------------------------------ */
-  var COLS = [
-    { k: "i", h: "id" }, { k: "t", h: "title" }, { k: "m", h: "module" },
-    { k: "c", h: "class" }, { k: "p", h: "priority" }, { k: "ph", h: "phase" },
-    { k: "e", h: "effort" }, { k: "s", h: "status" }
-  ];
-  function table(rows) {
-    var k = S.sort, dir = S.dir;
-    var sorted = rows.slice().sort(function (a, b) {
-      var x = a[k], y = b[k];
-      if (k === "s") { x = D.statuses.indexOf(x); y = D.statuses.indexOf(y); }
-      else if (k === "e") { x = +x || 0; y = +y || 0; }
-      else { x = x == null ? "" : x; y = y == null ? "" : y; }
-      return (x > y ? 1 : x < y ? -1 : 0) * dir || String(a.i).localeCompare(String(b.i));
-    });
-    if (!sorted.length) return '<p class="empty">No task matches these filters.</p>';
-    var head = COLS.map(function (c) {
-      var s = S.sort === c.k ? (S.dir > 0 ? "ascending" : "descending") : "none";
-      return '<th data-sort="' + c.k + '" aria-sort="' + s + '" scope="col">' + c.h + "</th>";
-    }).join("");
-    var body = sorted.map(function (f) {
-      return '<tr data-task="' + esc(f.i) + '" tabindex="0">' +
-        '<td class="code">' + esc(f.i) + "</td>" +
-        '<td class="t">' + esc(f.t) + "</td>" +
-        "<td>" + esc(f.m) + "</td><td>" + esc(f.c || "") + "</td>" +
-        '<td class="pri ' + esc(f.p || "") + '">' + esc(f.p || "") + "</td>" +
-        "<td>" + esc(f.ph || "") + "</td><td>" + esc(f.e || "") + "</td>" +
-        '<td><span class="pill ' + bucket(f.s) + '">' + esc(f.s) + "</span></td></tr>";
-    }).join("");
-    return '<div class="tbl-wrap"><table><thead><tr>' + head +
-      "</tr></thead><tbody>" + body + "</tbody></table></div>";
-  }
-
-  /* ---- lens: releases --------------------------------------------------- */
-  var BOUND = {};
-  (D.bound || []).forEach(function (id) { BOUND[id] = 1; });
-
-  function timeline(rows) {
-    var seen = {};
-    rows.forEach(function (f) { seen[f.i] = 1; });
-    // "unreleased" = in flight, plus anything already done that no release accounts for
-    var moving = rows.filter(function (f) {
-      var b = bucket(f.s);
-      return b === "active" || (b === "done" && !BOUND[f.i]);
-    });
-    var out = [];
-    if (moving.length) {
-      var shipped = moving.filter(function (f) { return bucket(f.s) === "done"; }).length;
-      out.push('<article class="rel now"><span class="tick">★</span><div>' +
-        '<div class="rel-h"><b>unreleased</b><span class="muted">' + moving.length + " tasks</span></div>" +
-        '<p class="relnote">No release accounts for these yet — ' +
-        (moving.length - shipped) + " in flight (<code>ready_to_implement</code> → <code>testing</code>)" +
-        (shipped ? ", " + shipped + " already <code>done</code> but not cut into a release" : "") +
-        ".</p>" +
-        '<div class="task-chips">' + moving.map(function (f) { return chip(f); }).join("") +
-        "</div></div></article>");
-    }
-    D.releases.forEach(function (r, i) {
-      var cited = r.cited.filter(function (id) { return !BY[id] || seen[id]; });
-      var dated = r.dated.filter(function (id) { return seen[id]; });
-      var secs = r.sec.map(function (s) {
-        return '<div class="rel-sec"><h4>' + esc(s.h) + "</h4><ul>" +
-          s.items.map(function (x) { return "<li>" + x + "</li>"; }).join("") + "</ul></div>";
-      }).join("");
-      var chips = cited.map(function (id) { return chipId(id); }).join("") +
-        dated.map(function (id) { return chipId(id, true); }).join("");
-      out.push('<article class="rel' + (i === 0 && !moving.length ? " now" : "") +
-        '"><span class="tick">' + (i === 0 ? "★" : "✓") + "</span><div>" +
-        '<div class="rel-h"><b>' + esc(r.vl) + "</b>" +
-        (r.d ? '<span class="muted">' + esc(r.d) + "</span>" : "") +
-        '<span class="muted">' + (cited.length + dated.length) + " tasks</span></div>" +
-        (chips ? '<div class="task-chips">' + chips + "</div>"
-               : '<p class="relnote">No task id cited in this entry.</p>') +
-        (dated.length ? '<p class="relnote">Dashed chips were bound by <code>shipped:</code> date, ' +
-          "not cited in the entry text.</p>" : "") +
-        (r.intro.length || secs
-          ? "<details><summary>Release notes</summary>" +
-            r.intro.map(function (p) { return "<p>" + p + "</p>"; }).join("") + secs + "</details>"
-          : "") +
-        "</div></article>");
-    });
-    return '<div class="rels">' + out.join("") + "</div>";
-  }
-
-  /* ---- drawer ----------------------------------------------------------- */
-  var drawer = document.getElementById("drawer");
-  var scrim = document.getElementById("scrim");
-  var dwTab = "overview";
-  var lastFocus = null;
-
-  // the markdown is only reachable when it ships next to the page (docs/status/ does; the
-  // website build does not - there the rendered task page is the way in)
-  function specHref(f) { return D.frBase ? D.frBase + f.dm + "/" + f.k + "/spec.md" : ""; }
-  function srcLink(f, label) {
-    var h = specHref(f);
-    return h ? '<a href="' + esc(h) + '">' + label + "</a>"
-      : (f.pg ? '<a href="' + esc(f.pg) + '">the task page</a>' : "");
-  }
-  function row(dt, dd) { return dd ? "<div><dt>" + esc(dt) + "</dt><dd>" + dd + "</dd></div>" : ""; }
-
-  function drawerHtml(f) {
-    var n = f.d.length + f.b.length + f.rl.length;
-    var tabs = [["overview", "Overview"], ["spec", "Full spec"], ["links", "Links (" + n + ")"]];
-    return '<div class="dw-h"><div class="row">' +
-      '<span class="pill ' + bucket(f.s) + '">' + esc(f.s) + "</span>" +
-      '<span class="code muted">' + esc(f.i) + "</span>" +
-      '<span class="pri ' + esc(f.p || "") + '">' + esc(f.p || "") + "</span>" +
-      '<button class="dw-x" type="button" aria-label="Close">×</button></div>' +
-      '<h2 id="dw-title">' + esc(f.t) + "</h2></div>" +
-      '<div class="dw-tabs" role="tablist">' + tabs.map(function (t) {
-        return '<button class="dw-tab" role="tab" type="button" data-dwtab="' + t[0] +
-          '" aria-selected="' + (dwTab === t[0]) + '">' + t[1] + "</button>";
-      }).join("") + "</div><div class=\"dw-b\" id=\"dw-body\"></div>";
-  }
-
-  function overview(f) {
-    var m = '<dl class="meta">' +
-      row("module", esc(f.m)) + row("class", esc(f.c)) + row("phase", esc(f.ph)) +
-      row("milestone", esc(f.ms)) + row("slice", esc(f.sl)) + row("owner", esc(f.o)) +
-      row("effort", f.e ? esc(f.e) + " h" : "") + row("verify", esc(f.v)) +
-      row("created", esc(f.cr)) + row("shipped", esc(f.sh)) + "</dl>";
-    var s = "";
-    if (f.sm) s += '<div class="sect"><h3>Summary</h3><p>' + esc(f.sm) + "</p></div>";
-    if (f.st && f.st.length) {
-      s += '<div class="sect"><h3>Sub-tasks (' + f.st.length + ')</h3><ul class="tasks">' +
-        f.st.map(function (t) { return "<li>" + esc(t) + "</li>"; }).join("") + "</ul></div>";
-    }
-    if (f.r) s += '<div class="sect"><h3>Risk if skipped</h3><p class="risk">' + esc(f.r) + "</p></div>";
-    return m + s;
-  }
-
-  function links(f) {
-    function blk(title, ids, none) {
-      return "<div><h3>" + esc(title) + " (" + ids.length + ")</h3>" +
-        (ids.length ? '<div class="task-chips">' + ids.map(function (id) { return chipId(id); }).join("") + "</div>"
-                    : '<p class="muted">' + esc(none) + "</p>") + "</div>";
-    }
-    var srcs = [];
-    if (f.pg) srcs.push('<a href="' + esc(f.pg) + '">Rendered task page</a>');
-    if (specHref(f)) srcs.push('<a href="' + esc(specHref(f)) + '"><code>spec.md</code> — the record of truth</a>');
-    if (!srcs.length) srcs.push('<span class="muted">Markdown is the record of truth: <code>' +
-      esc("docs/tasks/" + f.dm + "/" + f.k + "/spec.md") + "</code></span>");
-    return '<div class="rel-links">' +
-      blk("Depends on", f.d, "Nothing blocks this task.") +
-      blk("Blocks", f.b, "This task blocks nothing.") +
-      blk("Related", f.rl, "No related tasks recorded.") + "</div>" +
-      '<div class="sect"><h3>Sources</h3><p>' + srcs.join(" · ") + "</p></div>";
-  }
-
-  function specTab(f) {
-    var body = document.getElementById("dw-body");
-    if (!f.sp) {
-      body.innerHTML = '<p class="load">No spec body was rendered into this page. ' +
-        srcLink(f, "Open spec.md") + "</p>";
-      return;
-    }
-    var W = window.CS_SPEC || (window.CS_SPEC = {});
-    function paintSpec() {
-      var tmp = document.createElement("div");
-      tmp.innerHTML = W[f.i];
-      var toc = [];
-      Array.prototype.forEach.call(tmp.querySelectorAll("h2"), function (h, n) {
-        var id = "s" + n;
-        h.id = id;
-        toc.push('<a href="#' + id + '" data-anchor="' + id + '">' + esc(h.textContent) + "</a>");
-      });
-      body.innerHTML = (toc.length ? '<nav class="toc">' + toc.join("") + "</nav>" : "") +
-        '<div class="spec">' + tmp.innerHTML + "</div>";
-    }
-    if (W[f.i]) { paintSpec(); return; }
-    body.innerHTML = '<p class="load">Loading the full spec …</p>';
-    var sc = document.createElement("script");
-    sc.src = D.specDir + "/" + f.i + ".js";
-    sc.onerror = function () {
-      body.innerHTML = '<p class="load">The spec chunk did not load. ' + srcLink(f, "Open spec.md") + "</p>";
-    };
-    sc.onload = function () { if (W[f.i]) paintSpec(); else sc.onerror(); };
-    document.head.appendChild(sc);
-  }
-
-  function paintDrawer(f) {
-    if (dwTab === "spec") specTab(f);
-    else document.getElementById("dw-body").innerHTML = dwTab === "links" ? links(f) : overview(f);
-  }
-  function openTask(id, push) {
-    var f = BY[id];
-    if (!f) return;
-    if (!S.task) lastFocus = document.activeElement;
-    S.task = id;
-    drawer.innerHTML = drawerHtml(f);
-    drawer.hidden = false;
-    scrim.hidden = false;
-    document.body.style.overflow = "hidden";
-    paintDrawer(f);
-    drawer.querySelector(".dw-x").focus();
-    if (push !== false) writeHash();
-  }
-  function closeFR() {
-    if (!S.task) return;
-    S.task = null;
-    dwTab = "overview";
-    drawer.hidden = true;
-    scrim.hidden = true;
-    drawer.innerHTML = "";
-    document.body.style.overflow = "";
-    writeHash();
-    if (lastFocus && lastFocus.focus) lastFocus.focus();
-  }
-
-  /* ---- paint ------------------------------------------------------------ */
-  var lensEl = document.getElementById("lens");
-  var countEl = document.getElementById("count");
-  var chipbar = document.getElementById("active-filters");
-
-  function paint() {
-    var rows = view();
-    countEl.textContent = rows.length === TASKS.length
-      ? TASKS.length + " tasks"
-      : "showing " + rows.length + " of " + TASKS.length;
-    lensEl.innerHTML = S.lens === "table" ? table(rows)
-      : S.lens === "timeline" ? timeline(rows) : board(rows);
-
-    Array.prototype.forEach.call(document.querySelectorAll(".ln"), function (b) {
-      b.setAttribute("aria-selected", String(b.dataset.lens === S.lens));
-    });
-    var g = document.getElementById("f-g");
-    if (g) g.parentNode.hidden = S.lens !== "board";
-
-    var on = [];
-    FKEYS.forEach(function (k) {
-      if (S.f[k]) on.push('<span class="fchip">' + esc(FLABEL[k]) + ": " + esc(S.f[k]) +
-        '<button type="button" data-drop="' + k + '" aria-label="Remove filter">×</button></span>');
-    });
-    if (S.q) on.push('<span class="fchip">search: ' + esc(S.q) +
-      '<button type="button" data-drop="q" aria-label="Clear search">×</button></span>');
-    chipbar.innerHTML = on.join("");
-    chipbar.hidden = !on.length;
-
-    Array.prototype.forEach.call(document.querySelectorAll(".kpi"), function (k) {
-      k.dataset.on = S.f.b && S.f.b === k.dataset.bucket ? "1" : "0";
-    });
-  }
-
-  function syncControls() {
-    var q = document.getElementById("q");
-    if (q) q.value = S.q;
-    FKEYS.forEach(function (k) {
-      var s = document.getElementById("f-" + k);
-      if (s) s.value = S.f[k] || "";
-    });
-    var g = document.getElementById("f-g");
-    if (g) g.value = S.group;
-  }
-
-  /* ---- events ----------------------------------------------------------- */
-  document.addEventListener("click", function (e) {
-    var t = e.target;
-    if (!t.closest) return;
-
-    if (t === scrim || t.closest(".dw-x")) { closeFR(); return; }
-
-    var dt = t.closest("[data-dwtab]");
-    if (dt && S.task) {
-      dwTab = dt.dataset.dwtab;
-      Array.prototype.forEach.call(drawer.querySelectorAll(".dw-tab"), function (b) {
-        b.setAttribute("aria-selected", String(b.dataset.dwtab === dwTab));
-      });
-      paintDrawer(BY[S.task]);
-      return;
-    }
-
-    var anchor = t.closest("[data-anchor]");
-    if (anchor) {
-      e.preventDefault();
-      var target = document.getElementById(anchor.dataset.anchor);
-      if (target) target.scrollIntoView({ block: "start" });
-      return;
-    }
-
-    // branch never fired: clicking a task row on the status page did nothing, in every repo
-    // that vendored this file. Renamed the declaration, left the target — again.
-    var task = t.closest("[data-task]");
-    if (task) { openTask(task.dataset.task); return; }
-
-    var ln = t.closest(".ln");
-    if (ln) { S.lens = ln.dataset.lens; writeHash(); paint(); return; }
-
-    var drop = t.closest("[data-drop]");
-    if (drop) {
-      var dk = drop.dataset.drop;
-      if (dk === "q") S.q = ""; else delete S.f[dk];
-      syncControls(); writeHash(); paint();
-      return;
-    }
-
-    var kpi = t.closest(".kpi");
-    if (kpi && kpi.dataset.bucket) {
-      if (S.f.b === kpi.dataset.bucket) delete S.f.b; else S.f.b = kpi.dataset.bucket;
-      writeHash(); paint();
-      return;
-    }
-
-    var th = t.closest("th[data-sort]");
-    if (th) {
-      if (S.sort === th.dataset.sort) S.dir = -S.dir;
-      else { S.sort = th.dataset.sort; S.dir = 1; }
-      paint();
-      return;
-    }
-
-    if (t.closest("#clear")) { S.q = ""; S.f = {}; syncControls(); writeHash(); paint(); }
-  });
-
-  document.addEventListener("keydown", function (e) {
-    if (e.key === "Escape" && S.task) { closeFR(); return; }
-    if (e.key === "/" && document.activeElement.tagName !== "INPUT") {
-      e.preventDefault();
-      document.getElementById("q").focus();
-      return;
-    }
-    if (e.key === "Enter" && e.target.dataset && e.target.dataset.task) openTask(e.target.dataset.task);
-  });
-
-  var qEl = document.getElementById("q");
-  var timer;
-  qEl.addEventListener("input", function () {
-    clearTimeout(timer);
-    timer = setTimeout(function () { S.q = qEl.value.trim(); writeHash(true); paint(); }, 120);
-  });
-
-  Array.prototype.forEach.call(document.querySelectorAll("#bar select"), function (s) {
-    s.addEventListener("change", function () {
-      var k = s.id.slice(2);
-      if (k === "g") S.group = s.value;
-      else if (s.value) S.f[k] = s.value;
-      else delete S.f[k];
-      writeHash();
-      paint();
-    });
-  });
-
-  document.getElementById("theme").addEventListener("click", function () {
-    var next = document.documentElement.dataset.theme === "dark" ? "light" : "dark";
-    document.documentElement.dataset.theme = next;
-    try { window.localStorage.setItem("cs-theme", next); } catch (err) { /* private mode */ }
-  });
-
-  window.addEventListener("hashchange", function () {
-    var was = S.task;
-    S.task = null; S.q = ""; S.f = {};
-    readHash();
-    syncControls();
-    if (S.task) { openTask(S.task, false); return; }
-    if (was) closeFR();
-    paint();
-  });
-
-  /* ---- boot ------------------------------------------------------------- */
-  try {
-    var saved = window.localStorage.getItem("cs-theme");
-    if (saved) document.documentElement.dataset.theme = saved;
-  } catch (err) { /* private mode */ }
-
-  readHash();
-  syncControls();
-  paint();
-  if (S.task) openTask(S.task, false);
-})();