thurview 0.18.0 → 0.20.0

package/dist/ui/app.js

@@ -125,7 +125,30 @@
   });
 
   // src/ui/api.ts
+  var published = (() => {
+    const el = document.getElementById("thurview-snapshot");
+    return el?.textContent ? JSON.parse(el.textContent) : null;
+  })();
+  function offline(url) {
+    const snap = published;
+    const u = new URL(url, "http://published.invalid");
+    const sub = u.pathname.split("/").filter(Boolean)[3];
+    const path = u.searchParams.get("path") ?? "";
+    const answer = sub === void 0 ? snap.payload : sub === "commits" ? snap.commits : sub === "presence" ? snap.payload.agent : sub === "diff" ? snap.diffs[path] : sub === "file" ? sliceLines(snap.files[`${u.searchParams.get("graph")}:${path}`], u.searchParams) : void 0;
+    if (answer === void 0) throw new Error("not in this published copy");
+    return answer;
+  }
+  function sliceLines(f, q) {
+    if (!f) return void 0;
+    const from = Math.max(1, Number(q.get("from") ?? 1));
+    const to = Math.min(f.total, Number(q.get("to") ?? f.total));
+    return { ...f, from, to, lines: f.lines.slice(from - 1, to) };
+  }
   async function j(url, init) {
+    if (published) {
+      if (init?.method && init.method !== "GET") throw new Error("a published copy is read only");
+      return offline(url);
+    }
     const r = await fetch(url, init);
     const body = await r.json();
     if (!r.ok) throw new Error(body.error ?? r.statusText);
@@ -227,7 +250,10 @@
     return s === "accepted" || s === "closed";
   }
   function readOnly() {
-    return isTerminal() || state.viewingRevision !== null;
+    return isTerminal() || !canWrite();
+  }
+  function canWrite() {
+    return state.viewingRevision === null && !published;
   }
 
   // src/ui/code.ts
@@ -615,13 +641,13 @@
     return table;
   }
   function startLineComment(e, target, quote) {
-    if (state.viewingRevision !== null) return;
+    if (!canWrite()) return;
     const el = commentPopover(target, quote?.trim() ? quote.trim() : void 0);
     popover(el, { x: e.pageX + 8, y: e.pageY + 8 });
   }
   var rangeStart = null;
   function lineClick(e, path, side2, line, table) {
-    if (state.viewingRevision !== null) return;
+    if (!canWrite()) return;
     if (e.shiftKey && rangeStart && rangeStart.path === path && rangeStart.side === side2) {
       const from = Math.min(rangeStart.line, line);
       const to = Math.max(rangeStart.line, line);
@@ -664,8 +690,7 @@
       );
       const a = rowOf(range.startContainer);
       const b = rowOf(range.endContainer);
-      if (!a || !b || !root.contains(a) || !root.contains(b) || state.viewingRevision !== null)
-        return remove();
+      if (!a || !b || !root.contains(a) || !root.contains(b) || !canWrite()) return remove();
       const table = a.closest("table");
       if (!table || table !== b.closest("table")) return remove();
       const path = root.closest("[data-path]")?.dataset["path"] ?? "";
@@ -708,7 +733,7 @@
       const sel = window.getSelection();
       if (sel && !sel.isCollapsed) return;
       const word = wordAt(e);
-      if (!word) return;
+      if (!word || published) return;
       const defs = await api.symbols(state.id, word, graph);
       if (e.ctrlKey || e.metaKey) {
         const d = defs[0];
@@ -1421,7 +1446,7 @@
           class: threads.length ? "count" : "",
           title: design ? "Comment on what this design proposes" : "Comment on the interface delta",
           onclick: (e) => {
-            if (state.viewingRevision !== null) return;
+            if (!canWrite()) return;
             popover(commentPopover({ type: "document", blockId: DELTA_BLOCK }), {
               x: e.pageX + 10,
               y: e.pageY
@@ -1491,7 +1516,7 @@
           class: threads.length ? "count" : "",
           title: "Comment on coverage",
           onclick: (e) => {
-            if (state.viewingRevision !== null) return;
+            if (!canWrite()) return;
             popover(commentPopover({ type: "document", blockId: COVERAGE_BLOCK }), {
               x: e.pageX + 10,
               y: e.pageY
@@ -1556,7 +1581,7 @@
           class: threads.length ? "count" : "",
           title: "Comment on the trust boundaries",
           onclick: (e) => {
-            if (state.viewingRevision !== null) return;
+            if (!canWrite()) return;
             popover(commentPopover({ type: "document", blockId: SECURITY_BLOCK }), {
               x: e.pageX + 10,
               y: e.pageY
@@ -1664,7 +1689,7 @@
           class: threads.length ? "count" : "",
           title: "Comment on this block",
           onclick: (e) => {
-            if (state.viewingRevision !== null) return;
+            if (!canWrite()) return;
             popover(commentPopover({ type: "document", blockId: b.id }), {
               x: e.pageX + 10,
               y: e.pageY
@@ -1759,7 +1784,7 @@
       if (!sel || sel.isCollapsed || !sel.rangeCount) return remove();
       const range = sel.getRangeAt(0);
       const block = (range.commonAncestorContainer instanceof Element ? range.commonAncestorContainer : range.commonAncestorContainer.parentElement)?.closest(".block");
-      if (!block || !docEl.contains(block) || state.viewingRevision !== null) return remove();
+      if (!block || !docEl.contains(block) || !canWrite()) return remove();
       const quote = sel.toString().trim();
       if (!quote) return remove();
       const rect = range.getBoundingClientRect();
@@ -1897,12 +1922,12 @@
           { class: "muted" },
           `${d.hunks.reduce((n, hk) => n + hk.rows.filter((r) => r.type === "add").length, 0)} added \xB7 ${d.hunks.reduce((n, hk) => n + hk.rows.filter((r) => r.type === "del").length, 0)} deleted`
         ),
-        h(
+        canWrite() ? h(
           "span",
           { class: "muted hint" },
           "click a line number to comment \xB7 shift-click or select text for a range"
-        ),
-        state.viewingRevision === null ? h(
+        ) : null,
+        canWrite() ? h(
           "button",
           {
             class: "small",
@@ -2601,18 +2626,21 @@
             );
           })
         ) : null,
-        h(
+        canWrite() ? h(
           "div",
           { style: { marginTop: "12px" } },
           h(
             "button",
             {
               class: "small",
-              onclick: (e) => popover(commentPopover({ type: "map", node: n.id }), { x: e.pageX, y: e.pageY + 8 })
+              onclick: (e) => popover(commentPopover({ type: "map", node: n.id }), {
+                x: e.pageX,
+                y: e.pageY + 8
+              })
             },
             "Comment on this node"
           )
-        ),
+        ) : null,
         threads.length ? h(
           "div",
           { class: "thread-pins", style: { marginTop: "10px" } },
@@ -2956,15 +2984,6 @@
     });
     app.append(topbar, banner, h("div", { class: "main" }, center, resizer, side));
   }
-  function applyTheme() {
-    let style = document.getElementById("review-theme");
-    if (!style) {
-      style = document.createElement("style");
-      style.id = "review-theme";
-      document.head.appendChild(style);
-    }
-    style.textContent = state.data?.theme?.css ?? "";
-  }
   function renderTopbar() {
     clear(topbar);
     const d = state.data;
@@ -3000,10 +3019,10 @@
         )
       );
     const identity = h("div", { class: "bar-row bar-identity" }, [
-      h("a", { href: "/", class: "brand", title: "All reviews" }, "thurview"),
+      published ? h("span", { class: "brand" }, "thurview") : h("a", { href: "/", class: "brand", title: "All reviews" }, "thurview"),
       h("span", { class: "title", title: r.title }, r.title),
       h("span", { class: `badge ${statusClass2(r.status)}` }, r.status),
-      r.revision > 1 ? revSel : h("span", { class: "badge bar-rev" }, `rev ${r.revision}`),
+      r.revision > 1 && !published ? revSel : h("span", { class: "badge bar-rev" }, `rev ${r.revision}`),
       h(
         "span",
         {
@@ -3034,12 +3053,12 @@
         },
         `Threads${open ? ` \xB7 ${open}` : ""}`
       ),
-      isTerminal() || state.viewingRevision !== null ? null : h(
+      readOnly() ? null : h(
         "button",
         { class: pending ? "primary" : "ok", onclick: () => submitDialog() },
         pending ? `Submit${pending ? ` (${pending})` : ""}` : "Decide"
       ),
-      h(
+      published ? null : h(
         "button",
         { class: "ghost bar-more", title: "More", onclick: (e) => moreMenu(e) },
         "\u22EF"
@@ -3047,6 +3066,19 @@
     ]);
     append(topbar, [identity, actions]);
   }
+  var THEME_PICKS = ["system", "light", "dark"];
+  var themeLabel = () => `Theme: ${document.documentElement.dataset["themePick"] ?? "system"}`;
+  function pickTheme(item) {
+    const now = document.documentElement.dataset["themePick"] ?? "system";
+    const next = THEME_PICKS[(THEME_PICKS.indexOf(now) + 1) % THEME_PICKS.length];
+    try {
+      localStorage.setItem("thurview.theme", next);
+    } catch {
+    }
+    window.thurviewTheme?.(next);
+    const label = [...item.querySelectorAll(".item")].find((e) => e.textContent?.startsWith("Theme"));
+    if (label) label.textContent = themeLabel();
+  }
   function moreMenu(e) {
     const r = state.data.review;
     const box = h(
@@ -3086,7 +3118,7 @@
                   h(
                     "button",
                     {
-                      style: { background: "var(--del)", color: "#fff" },
+                      style: { background: "var(--del)", color: "var(--on-fill)" },
                       onclick: async () => {
                         await api.remove(state.id);
                         location.href = "/";
@@ -3101,15 +3133,11 @@
         },
         "Delete review"
       ),
+      h("div", { class: "item", onclick: () => pickTheme(box) }, themeLabel()),
       h(
         "div",
         { class: "item muted" },
         kind() === "review" ? `base ${r.pins.base.slice(0, 12)} \xB7 head ${r.pins.head.slice(0, 12)}` : `commit ${r.pins.head.slice(0, 12)}`
-      ),
-      h(
-        "div",
-        { class: "item muted" },
-        `theme: ${state.data.theme?.name ?? "default"}${state.data.theme?.source ? ` (${state.data.theme.source})` : ""}`
       )
     );
     Promise.resolve().then(() => (init_dom(), dom_exports)).then(({ popover: popover2 }) => popover2(box, { x: e.pageX - 200, y: e.pageY + 10 }));
@@ -3146,7 +3174,12 @@
     banner.hidden = true;
     clear(banner);
     const d = state.data;
-    if (state.viewingRevision !== null) {
+    if (published) {
+      banner.hidden = false;
+      banner.append(
+        `Published copy of revision ${d.review.revision}, ${d.review.status}. Read only: nothing here reaches the agent.`
+      );
+    } else if (state.viewingRevision !== null) {
       banner.hidden = false;
       banner.append(
         `Viewing revision ${state.viewingRevision} of ${d.review.revision}. Read only.`,
@@ -3249,7 +3282,6 @@
     document.title = `${state.data.review.title} \xB7 thurview`;
     if (state.params.get("side") === "threads") state.side = { kind: "threads" };
     on("data", () => {
-      applyTheme();
       renderTopbar();
       renderBanner();
       renderCenter();
@@ -3275,11 +3307,16 @@
     });
     window.matchMedia(NARROW).addEventListener("change", () => emit("view"));
     emit("data");
+    if (published) {
+      document.documentElement.classList.add("published");
+      return;
+    }
     connectEvents();
     pollPresence();
   }
   var m = /^\/review\/([^/]+)/.exec(location.pathname);
-  if (m) void reviewPage(m[1]);
+  if (published) void reviewPage(published.payload.review.id);
+  else if (m) void reviewPage(m[1]);
   else void home();
 })();
 //# sourceMappingURL=app.js.map