clay-server 2.5.0

package/lib/public/modules/utils.js

@@ -0,0 +1,56 @@
+export function showToast(message, level, detail) {
+  var el = document.createElement("div");
+  el.className = "toast";
+  if (level) el.classList.add("toast-" + level);
+  el.textContent = message;
+  if (detail) {
+    var detailEl = document.createElement("div");
+    detailEl.style.cssText = "font-size:11px;opacity:0.7;margin-top:4px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap";
+    detailEl.textContent = detail.split("\n")[0];
+    el.appendChild(detailEl);
+  }
+  document.body.appendChild(el);
+  requestAnimationFrame(function () { el.classList.add("visible"); });
+  var duration = level === "warn" ? 5000 : 1500;
+  setTimeout(function () {
+    el.classList.remove("visible");
+    setTimeout(function () { el.remove(); }, 300);
+  }, duration);
+}
+
+var isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) ||
+  (navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1);
+
+export function copyToClipboard(text) {
+  var p;
+  if (isIOS) {
+    // iOS Safari URL-encodes clipboard text that contains colons via the
+    // Clipboard API. Use textarea + execCommand to copy raw text instead.
+    var ta = document.createElement("textarea");
+    ta.value = text;
+    ta.style.cssText = "position:fixed;left:-9999px;opacity:0";
+    document.body.appendChild(ta);
+    ta.focus();
+    ta.setSelectionRange(0, ta.value.length);
+    document.execCommand("copy");
+    document.body.removeChild(ta);
+    p = Promise.resolve();
+  } else if (navigator.clipboard && navigator.clipboard.writeText) {
+    p = navigator.clipboard.writeText(text);
+  } else {
+    var ta2 = document.createElement("textarea");
+    ta2.value = text;
+    ta2.style.cssText = "position:fixed;left:-9999px;opacity:0";
+    document.body.appendChild(ta2);
+    ta2.focus();
+    ta2.setSelectionRange(0, ta2.value.length);
+    document.execCommand("copy");
+    document.body.removeChild(ta2);
+    p = Promise.resolve();
+  }
+  return p.then(function () { showToast("Copied to clipboard"); });
+}
+
+export function escapeHtml(s) {
+  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}

package/lib/public/style.css

@@ -0,0 +1,15 @@
+@import url("css/base.css");
+@import url("css/icon-strip.css");
+@import url("css/title-bar.css");
+@import url("css/sidebar.css");
+@import url("css/overlays.css");
+@import url("css/menus.css");
+@import url("css/messages.css");
+@import url("css/rewind.css");
+@import url("css/input.css");
+@import url("css/filebrowser.css");
+@import url("css/diff.css");
+@import url("css/highlight.css");
+@import url("css/server-settings.css");
+@import url("css/sticky-notes.css");
+@import url("css/mobile-nav.css");

package/lib/public/sw.js

@@ -0,0 +1,75 @@
+self.addEventListener("install", function () {
+  self.skipWaiting();
+});
+
+self.addEventListener("activate", function (event) {
+  event.waitUntil(self.clients.claim());
+});
+
+self.addEventListener("push", function (event) {
+  var data = {};
+  try { data = event.data.json(); } catch (e) { return; }
+
+  // Silent validation push, do not show notification
+  if (data.type === "test") return;
+
+  var options = {
+    body: data.body || "",
+    tag: data.tag || "clay",
+    data: data,
+  };
+
+  if (data.type === "permission_request") {
+    options.requireInteraction = true;
+    options.tag = "perm-" + data.requestId;
+  } else if (data.type === "done") {
+    options.tag = data.tag || "claude-done";
+  } else if (data.type === "ask_user") {
+    options.requireInteraction = true;
+    options.tag = "claude-ask";
+  } else if (data.type === "error") {
+    options.requireInteraction = true;
+    options.tag = "claude-error";
+  }
+
+  event.waitUntil(
+    self.clients.matchAll({ type: "window", includeUncontrolled: true }).then(function (clientList) {
+      // Always show permission requests, questions, and errors
+      // Only suppress "done" notifications when app is in foreground
+      if (data.type !== "permission_request" && data.type !== "ask_user" && data.type !== "error") {
+        for (var i = 0; i < clientList.length; i++) {
+          if (clientList[i].focused || clientList[i].visibilityState === "visible") return;
+        }
+      }
+      return self.registration.showNotification(data.title || "Clay", options);
+    }).catch(function () {})
+  );
+});
+
+self.addEventListener("notificationclick", function (event) {
+  var data = event.notification.data || {};
+  event.notification.close();
+
+  // Build target URL from slug so we open the correct project
+  var baseUrl = self.registration.scope || "/";
+  var targetUrl = data.slug ? baseUrl + "p/" + data.slug + "/" : baseUrl;
+
+  event.waitUntil(
+    self.clients.matchAll({ type: "window", includeUncontrolled: true }).then(function (clientList) {
+      // Prefer a client already on the correct project
+      for (var i = 0; i < clientList.length; i++) {
+        if (clientList[i].url.indexOf(targetUrl) !== -1) {
+          return clientList[i].focus();
+        }
+      }
+      // Fall back to any visible client
+      for (var i = 0; i < clientList.length; i++) {
+        if (clientList[i].visibilityState !== "hidden") {
+          return clientList[i].focus();
+        }
+      }
+      if (clientList.length > 0) return clientList[0].focus();
+      return self.clients.openWindow(targetUrl);
+    })
+  );
+});

package/lib/push.js

@@ -0,0 +1,124 @@
+var webpush = require("web-push");
+var fs = require("fs");
+var path = require("path");
+var config = require("./config");
+
+function loadOrCreateVapidKeys() {
+  var dir = config.CONFIG_DIR;
+  var keyFile = path.join(dir, "vapid.json");
+
+  try {
+    var data = fs.readFileSync(keyFile, "utf8");
+    return JSON.parse(data);
+  } catch (e) {
+    // Generate new keys
+  }
+
+  var keys = webpush.generateVAPIDKeys();
+  fs.mkdirSync(dir, { recursive: true });
+  fs.writeFileSync(keyFile, JSON.stringify(keys, null, 2));
+  return keys;
+}
+
+function initPush() {
+  var keys = loadOrCreateVapidKeys();
+
+  var vapidDetails = {
+    subject: "mailto:push@clay.dev",
+    publicKey: keys.publicKey,
+    privateKey: keys.privateKey,
+  };
+
+  var dir = config.CONFIG_DIR;
+  var subFile = path.join(dir, "push-subs.json");
+  var subscriptions = new Map();
+
+  // Load persisted subscriptions, but clear if VAPID key changed
+  try {
+    var saved = JSON.parse(fs.readFileSync(subFile, "utf8"));
+    if (saved.vapidKey && saved.vapidKey !== keys.publicKey) {
+      saved.subs = [];
+    }
+    var subs = saved.subs || saved;
+    if (Array.isArray(subs)) {
+      for (var i = 0; i < subs.length; i++) {
+        if (subs[i] && subs[i].endpoint) subscriptions.set(subs[i].endpoint, subs[i]);
+      }
+    }
+  } catch (e) {}
+
+  function save() {
+    try {
+      fs.writeFileSync(subFile, JSON.stringify({
+        vapidKey: keys.publicKey,
+        subs: [...subscriptions.values()],
+      }));
+    } catch (e) {}
+  }
+
+  save();
+
+  // Purge stale subscriptions on startup
+  var startupEndpoints = Array.from(subscriptions.keys());
+  for (var si = 0; si < startupEndpoints.length; si++) {
+    (function (ep) {
+      var sub = subscriptions.get(ep);
+      webpush.sendNotification(sub, JSON.stringify({ type: "test" }), { TTL: 0, vapidDetails: vapidDetails })
+        .then(function () {})
+        .catch(function (err) {
+          if (err.statusCode === 403 || err.statusCode === 410 || err.statusCode === 404) {
+            subscriptions.delete(ep);
+            save();
+          }
+        });
+    })(startupEndpoints[si]);
+  }
+
+  function addSubscription(sub, replaceEndpoint) {
+    if (!sub || !sub.endpoint) return;
+    // Remove previous subscription from the same client if endpoint changed
+    if (replaceEndpoint && replaceEndpoint !== sub.endpoint) {
+      subscriptions.delete(replaceEndpoint);
+    }
+    // Store immediately, then validate async. Invalid subs get cleaned on first sendPush.
+    subscriptions.set(sub.endpoint, sub);
+    save();
+    // Validate with a silent push (TTL 0 = don't actually deliver if device offline)
+    webpush.sendNotification(sub, JSON.stringify({ type: "test" }), { TTL: 0, vapidDetails: vapidDetails })
+      .then(function () {})
+      .catch(function (err) {
+        if (err.statusCode === 403 || err.statusCode === 410 || err.statusCode === 404) {
+          subscriptions.delete(sub.endpoint);
+          save();
+        }
+      });
+  }
+
+  function removeSubscription(endpoint) {
+    subscriptions.delete(endpoint);
+    save();
+  }
+
+  function sendPush(payload) {
+    var json = JSON.stringify(payload);
+    subscriptions.forEach(function (sub, endpoint) {
+      webpush.sendNotification(sub, json, { vapidDetails: vapidDetails })
+        .then(function () {})
+        .catch(function (err) {
+          if (err.statusCode === 410 || err.statusCode === 404 || err.statusCode === 403) {
+            subscriptions.delete(endpoint);
+            save();
+          }
+        });
+    });
+  }
+
+  return {
+    publicKey: keys.publicKey,
+    addSubscription: addSubscription,
+    removeSubscription: removeSubscription,
+    sendPush: sendPush,
+  };
+}
+
+module.exports = { initPush };