@panphora/clayjs 1.5.3 → 1.6.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@panphora/clayjs",
-  "version": "1.5.3",
+  "version": "1.6.0",
   "type": "module",
   "description": "clayjs: malleable HTML files. Save lifecycle for self-saving HTML.",
   "license": "MIT-0",
@@ -54,11 +54,15 @@
     "test:standalone": "node build.js --standalone && web-test-runner --config tests/browser/wtr.config.mjs",
     "prepublishOnly": "npm test && npm run test:conformance && npm run test:standalone",
     "dev": "node tests/stub-server.mjs",
-    "build": "node build.js",
+    "build": "npm run build:bevel && npm run build:skins && node build.js",
     "propagate:foundation": "node scripts/propagate-foundation.mjs",
     "check:foundation": "node scripts/propagate-foundation.mjs --check",
     "deploy": "node build.js && wrangler deploy && git rev-parse HEAD > .deploy",
-    "build:parse5": "node scripts/build-parse5-vendor.mjs"
+    "build:parse5": "node scripts/build-parse5-vendor.mjs",
+    "build:bevel": "node scripts/build-bevel-subset.mjs",
+    "check:bevel": "node scripts/build-bevel-subset.mjs --check",
+    "build:skins": "node scripts/build-vendor-skins.mjs",
+    "check:skins": "node scripts/build-vendor-skins.mjs --check"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4-fix.0",
@@ -69,7 +73,8 @@
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "parse5": "^7.3.0",
-    "playwright": "1.62.1"
+    "playwright": "1.62.1",
+    "postcss": "^8.5.28"
   },
   "hyper": {
     "kind": "lib",

package/src/core/conflict-download.js

@@ -0,0 +1,91 @@
+import { serializeRecoveryClone, captureRecoveryPage } from "./snapshot.js";
+import { rowOf } from "./conflict-presentation.js";
+
+// Download my copy: one file, openable in a browser as the page this tab had, with
+// the replaced edits listed in a JSON block for anyone (or any tool) putting them
+// back by hand. Several applies lost edits: the newest one's page is the document,
+// the older pages ride along as strings. Nothing here saves, acknowledges or
+// releases anything.
+
+function stamp(d = new Date()) {
+  const p = (n) => String(n).padStart(2, "0");
+  return `${d.getFullYear()}${p(d.getMonth() + 1)}${p(d.getDate())}-${p(d.getHours())}${p(d.getMinutes())}${p(d.getSeconds())}`;
+}
+
+export function documentName(pathname = location.pathname) {
+  const last = pathname.split("/").filter(Boolean).pop();
+  if (!last) return pathname.endsWith("/") || pathname === "" ? "index" : "page";
+  let name = last;
+  try { name = decodeURIComponent(last); } catch {}
+  return name.replace(/\.(html?|htmlclay)$/i, "") || "page";
+}
+
+function embed(html, data) {
+  const json = JSON.stringify(data).replace(/</g, "\\u003c");
+  const block = `<script type="application/json" id="clay-lost-edits" clay="no-save">${json}</script>`;
+  const at = html.lastIndexOf("</body>");
+  return at >= 0 ? html.slice(0, at) + block + html.slice(at) : html + block;
+}
+
+export function buildRecovery(records, { refused = false } = {}) {
+  const ledger = window.clay?.conflicts || null;
+  const applies = [];
+  const seen = new Set();
+  for (const r of records) {
+    const apply = ledger?.recoveryOf(r.id);
+    if (apply && !seen.has(apply.id)) { seen.add(apply.id); applies.push(apply); }
+  }
+  applies.sort((a, b) => (a.ticket || 0) - (b.ticket || 0));
+  const pageOf = (a) => serializeRecoveryClone(a.root, { prepared: a.domain === "save" });
+
+  let html;
+  let older;
+  if (refused || !applies.length) {
+    html = captureRecoveryPage();
+    older = applies;
+  } else {
+    html = pageOf(applies[applies.length - 1]);
+    older = applies.slice(0, -1);
+  }
+  const edits = records.map((r) => {
+    if (r.kind === "apply-incomplete") return { id: r.id, kind: "apply-incomplete", name: "Sync update that did not finish", error: r.error ?? null };
+    const { id, name, kind, yours, now, sentence } = rowOf(r);
+    return { id, name, kind, yours, now, sentence };
+  });
+  const data = {
+    format: "clay-lost-edits",
+    version: 1,
+    savedAt: new Date().toISOString(),
+    page: location.href,
+    refused: !!refused,
+    edits,
+    earlierPages: older.map((a) => ({ applyId: a.id, source: a.source, html: pageOf(a) })),
+  };
+  return {
+    html: embed(html, data),
+    name: `${documentName()}-${refused ? "my-version" : "my-copy"}-${stamp()}.html`,
+  };
+}
+
+export function downloadRecovery(records, { refused = false } = {}) {
+  let url = null;
+  try {
+    const { html, name } = buildRecovery(records, { refused });
+    url = URL.createObjectURL(new Blob([html], { type: "text/html" }));
+    const a = document.createElement("a");
+    a.setAttribute("clay", "no-save no-watch no-snapshot");
+    a.href = url;
+    a.download = name;
+    a.style.setProperty("display", "none", "important");
+    document.body.appendChild(a);
+    a.click();
+    a.remove();
+    // Revoked late: Safari cancels a download whose URL goes away too soon.
+    setTimeout(() => URL.revokeObjectURL(url), 40000);
+    return true;
+  } catch (err) {
+    console.error("clayjs: could not build the download", err);
+    if (url) URL.revokeObjectURL(url);
+    return false;
+  }
+}