@preprio/toolkit 0.5.0-rc.4 → 0.5.0-rc.6

package/dist/index.js

@@ -17,7 +17,7 @@ import {
   setTrackingParam,
   stegaClean,
   trackEvent
-} from "./chunk-PDNCNTDB.js";
+} from "./chunk-L3SDL6MP.js";
 import {
   PreprError,
   extractAccessToken,
@@ -28,20 +28,22 @@ import {
   getPreprUUIDFromHeaders,
   getToolbarPropsFromHeaders,
   validatePreprToken
-} from "./chunk-AHBN6FQP.js";
+} from "./chunk-KZIRM54F.js";
 import {
   VERSION,
   resolveFeatures
-} from "./chunk-46ISDRHT.js";
+} from "./chunk-WHZNCYUS.js";
 import {
   createLiveBridge,
   createLiveStore
-} from "./chunk-TG6N3C22.js";
+} from "./chunk-IPMB32AZ.js";
 import "./chunk-URXSDJOU.js";
 import {
+  collectFields,
   normalizeQuery,
-  parsePatchLog
-} from "./chunk-74KY5EAM.js";
+  parsePatchLog,
+  readQueryDocument
+} from "./chunk-KD3GK6TO.js";
 import {
   createScopedLogger
 } from "./chunk-S3VT4UWM.js";
@@ -59,6 +61,105 @@ function previewAttrs(target, options) {
   return attrs;
 }
 
+// src/core/live-preview/edit-links.ts
+import {
+  vercelStegaCombine,
+  vercelStegaDecode,
+  vercelStegaSplit
+} from "@vercel/stega";
+var ENTRY_PARAM = "entry";
+var TOP_LEVEL_ENTRY = /^[A-Za-z0-9_]+\.\d+$/;
+function entryIdOf(element) {
+  if (!isRecord(element)) return void 0;
+  if (typeof element._id === "string") return element._id;
+  if (element.__typename !== "Assets" || !Array.isArray(element.items)) {
+    return void 0;
+  }
+  const first = element.items[0];
+  return isRecord(first) && typeof first._id === "string" ? first._id : void 0;
+}
+function isRecord(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function annotate(value, ctx) {
+  if (!ctx.entryId) return value;
+  const { cleaned, encoded } = vercelStegaSplit(value);
+  if (!encoded) return value;
+  let payload;
+  try {
+    payload = vercelStegaDecode(encoded);
+  } catch {
+    return value;
+  }
+  if (typeof payload?.href !== "string") return value;
+  let url;
+  try {
+    url = new URL(payload.href);
+  } catch {
+    return value;
+  }
+  if (url.searchParams.has(ENTRY_PARAM)) return value;
+  url.searchParams.set(ENTRY_PARAM, ctx.entryId);
+  const itemId = decodeURIComponent(url.pathname.split("/").pop() ?? "");
+  if (!url.searchParams.has("field") && ctx.entryField && TOP_LEVEL_ENTRY.test(ctx.entryField) && itemId === ctx.entryOwnerId) {
+    url.searchParams.set("field", ctx.entryField);
+  }
+  return vercelStegaCombine(
+    cleaned,
+    { ...payload, href: url.toString() },
+    false
+  );
+}
+function walk(value, selections, ctx) {
+  if (typeof value === "string") return annotate(value, ctx);
+  if (Array.isArray(value)) {
+    let changed2 = false;
+    const next2 = value.map((element, index) => {
+      const path = [...ctx.path, String(index)];
+      const entryId = ctx.inAssets ? void 0 : entryIdOf(element);
+      const entry = entryId ? {
+        entryId,
+        entryField: ctx.ownerId ? path.join(".") : void 0,
+        entryOwnerId: ctx.ownerId,
+        inAssets: isRecord(element) && element._id === void 0
+      } : {};
+      const out = walk(element, selections, { ...ctx, ...entry, path });
+      if (out !== element) changed2 = true;
+      return out;
+    });
+    return changed2 ? next2 : value;
+  }
+  if (!isRecord(value)) return value;
+  const id = typeof value._id === "string" ? value._id : void 0;
+  const typename = typeof value.__typename === "string" ? value.__typename : void 0;
+  const fields = ctx.doc && selections ? collectFields(selections, typename, ctx.doc) : null;
+  let changed = false;
+  const next = {};
+  for (const [key, child] of Object.entries(value)) {
+    const field = fields?.get(key);
+    const name = field?.name ?? key;
+    const out = walk(child, field?.selections ?? null, {
+      ...ctx,
+      ownerId: id ?? ctx.ownerId,
+      path: id ? [name] : [...ctx.path, name]
+    });
+    if (out !== child) changed = true;
+    next[key] = out;
+  }
+  return changed ? next : value;
+}
+function annotateEditLinks(result, query, operationName) {
+  let doc = null;
+  if (query !== void 0) {
+    try {
+      doc = readQueryDocument(query, operationName);
+    } catch {
+      doc = null;
+    }
+  }
+  return walk(result, doc?.operation ?? null, { doc, path: [] });
+}
+
 // src/core/live-preview/morph.ts
 function morphElement(current, next) {
   syncAttributes(current, next);
@@ -376,6 +477,7 @@ export {
   PreprError,
   PreprToolbarElement,
   VERSION,
+  annotateEditLinks,
   createPreprPreview,
   createToolbarStore,
   definePreprToolbar,

package/dist/{live-preview-H4643QYF.js → live-preview-DLXGXRE5.js}

@@ -1,13 +1,13 @@
 import {
   createLiveBridge,
   createLiveStore
-} from "./chunk-TG6N3C22.js";
+} from "./chunk-IPMB32AZ.js";
 import "./chunk-URXSDJOU.js";
 import {
   applyPatchLog,
   normalizeQuery,
   parsePatchLog
-} from "./chunk-74KY5EAM.js";
+} from "./chunk-KD3GK6TO.js";
 import "./chunk-S3VT4UWM.js";
 export {
   applyPatchLog,

package/dist/nextjs/components.cjs

@@ -537,6 +537,7 @@ function decodeStega(str) {
 
 // src/core/stega/dom.ts
 var IGNORED_ANCESTORS = "script, style, noscript";
+var AUTO_ENTRY_ATTR = "data-prepr-entry-auto";
 function isIgnoredTextNode(node) {
   if (node.parentElement?.closest(IGNORED_ANCESTORS)) return true;
   return !node.textContent?.trim();
@@ -570,7 +571,9 @@ function parseEditHref(href) {
     return {
       id: url.pathname.split("/").pop() || void 0,
       field: url.searchParams.get("field") || void 0,
-      locale: url.searchParams.get("locale") || void 0
+      locale: url.searchParams.get("locale") || void 0,
+      // Added by the toolkit's `annotateEditLinks`, not by Prepr.
+      entry: url.searchParams.get("entry") || void 0
     };
   } catch {
     return {};
@@ -587,11 +590,16 @@ function tagEncodedElement(element, decoded) {
   element.setAttribute("data-prepr-encoded", "");
   element.setAttribute("data-prepr-href", decoded.href);
   element.setAttribute("data-prepr-origin", decoded.origin);
-  const { id, field, locale } = parseEditHref(decoded.href);
+  const { id, field, locale, entry } = parseEditHref(decoded.href);
   setOrRemove(element, "data-prepr-id", id);
   const fieldHint = element.getAttribute("data-prepr-edit-target")?.trim() || void 0;
   setOrRemove(element, "data-prepr-field", field ?? fieldHint);
   setOrRemove(element, "data-prepr-locale", locale);
+  const siteEntry = element.hasAttribute("data-prepr-entry-id") && !element.hasAttribute(AUTO_ENTRY_ATTR);
+  if (!siteEntry) {
+    setOrRemove(element, "data-prepr-entry-id", entry);
+    setOrRemove(element, AUTO_ENTRY_ATTR, entry && "true");
+  }
 }
 function readEditPayload(element) {
   return {
@@ -3517,7 +3525,7 @@ function createPreprPreview(opts = {}) {
 var import_react = require("react");
 
 // src/version.ts
-var VERSION = "0.5.0-rc.4";
+var VERSION = "0.5.0-rc.6";
 
 // src/core/pixel.ts
 var PIXEL_SCRIPT_URL = "https://cdn.tracking.prepr.io/js/prepr.min.js";

package/dist/nextjs/components.js

@@ -2,8 +2,8 @@
 import {
   createPreprPreview,
   loadTrackingPixel
-} from "../chunk-PDNCNTDB.js";
-import "../chunk-46ISDRHT.js";
+} from "../chunk-L3SDL6MP.js";
+import "../chunk-WHZNCYUS.js";
 import "../chunk-URXSDJOU.js";
 import "../chunk-S3VT4UWM.js";
 

package/dist/nextjs/index.cjs

@@ -49,7 +49,7 @@ module.exports = __toCommonJS(nextjs_exports);
 var import_server = require("next/server");
 
 // src/version.ts
-var VERSION = "0.5.0-rc.4";
+var VERSION = "0.5.0-rc.6";
 
 // src/core/constants.ts
 var COOKIE_PREVIEW_MODE = "Prepr-Preview-Mode";
@@ -345,14 +345,14 @@ function indexSnapshot(data) {
   const index = /* @__PURE__ */ new Map();
   const visited = /* @__PURE__ */ new WeakSet();
   const path = [];
-  function walk(node) {
+  function walk2(node) {
     if (node === null || typeof node !== "object") return;
     if (visited.has(node)) return;
     visited.add(node);
     if (Array.isArray(node)) {
       for (let i = 0; i < node.length; i++) {
         path.push(i);
-        walk(node[i]);
+        walk2(node[i]);
         path.pop();
       }
       return;
@@ -370,11 +370,11 @@ function indexSnapshot(data) {
     for (const key in record) {
       if (!Object.prototype.hasOwnProperty.call(record, key)) continue;
       path.push(key);
-      walk(record[key]);
+      walk2(record[key]);
       path.pop();
     }
   }
-  walk(data);
+  walk2(data);
   return index;
 }
 
@@ -831,12 +831,12 @@ function resolveFields(selections, typename, doc, options) {
     }
   };
   const applies = (on, list) => conditionMatches(on, typename) || typename !== void 0 && typeConditions(list, doc).includes(typename);
-  const walk = (list, matched) => {
+  const walk2 = (list, matched) => {
     for (const s of list) {
       if (s.kind === "field") {
         add(matched ? exact : loose, s);
       } else if (s.kind === "inline") {
-        walk(s.selections, matched && applies(s.on, s.selections));
+        walk2(s.selections, matched && applies(s.on, s.selections));
       } else {
         const fragment = doc.fragments.get(s.name);
         if (!fragment) continue;
@@ -844,11 +844,11 @@ function resolveFields(selections, typename, doc, options) {
         if (walkedMatched.has(fragment)) continue;
         if (!asMatched && walkedLoose.has(fragment)) continue;
         (asMatched ? walkedMatched : walkedLoose).add(fragment);
-        walk(fragment.selections, asMatched);
+        walk2(fragment.selections, asMatched);
       }
     }
   };
-  walk(selections, true);
+  walk2(selections, true);
   if (!options.strict) {
     for (const [key, field] of loose) {
       if (!exact.has(key)) exact.set(key, field);
@@ -865,21 +865,21 @@ function typeConditions(selections, doc) {
   if (hit) return hit;
   const names = /* @__PURE__ */ new Set();
   const seen = /* @__PURE__ */ new Set();
-  const walk = (list) => {
+  const walk2 = (list) => {
     for (const s of list) {
       if (s.kind === "inline") {
         if (s.on) names.add(s.on);
-        walk(s.selections);
+        walk2(s.selections);
       } else if (s.kind === "spread") {
         const fragment = doc.fragments.get(s.name);
         if (!fragment || seen.has(fragment)) continue;
         seen.add(fragment);
         names.add(fragment.on);
-        walk(fragment.selections);
+        walk2(fragment.selections);
       }
     }
   };
-  walk(selections);
+  walk2(selections);
   const conditions = [...names];
   conditionsCache.set(selections, conditions);
   return conditions;
@@ -1031,7 +1031,7 @@ function resolveTargets(root, doc, ownerPath, segments) {
   let current = root;
   const out = [];
   const plain = /* @__PURE__ */ new Set();
-  const walk = (node, sel, i, path) => {
+  const walk2 = (node, sel, i, path) => {
     if (i === segments.length) {
       out.push(path);
       return;
@@ -1041,10 +1041,10 @@ function resolveTargets(root, doc, ownerPath, segments) {
       if (INDEX_SEGMENT.test(segment)) {
         const position = Number(segment);
         if (position < node.length) {
-          walk(node[position], sel, i + 1, [...path, position]);
+          walk2(node[position], sel, i + 1, [...path, position]);
         }
       } else if (segment === "items") {
-        walk(node, sel, i + 1, path);
+        walk2(node, sel, i + 1, path);
       }
       return;
     }
@@ -1077,11 +1077,11 @@ function resolveTargets(root, doc, ownerPath, segments) {
           current = writeAtPath(current, fieldPath, value);
         }
       }
-      walk(value, field.selections, i + 1, fieldPath);
+      walk2(value, field.selections, i + 1, fieldPath);
     }
-    if (!matched && segment === "items") walk(node, sel, i + 1, path);
+    if (!matched && segment === "items") walk2(node, sel, i + 1, path);
   };
-  walk(owner, selections, 0, ownerPath);
+  walk2(owner, selections, 0, ownerPath);
   return { root: current, targets: out, plain };
 }
 var NON_ALPHANUMERIC = /[^a-z0-9]/gi;
@@ -1204,11 +1204,11 @@ function listKeysIn(result) {
     if (!byType) {
       byType = /* @__PURE__ */ new Map();
       const seen = /* @__PURE__ */ new WeakSet();
-      const walk = (node) => {
+      const walk2 = (node) => {
         if (node === null || typeof node !== "object" || seen.has(node)) return;
         seen.add(node);
         if (Array.isArray(node)) {
-          node.forEach(walk);
+          node.forEach(walk2);
           return;
         }
         const record = node;
@@ -1219,10 +1219,10 @@ function listKeysIn(result) {
             if (!keys) byType.set(type, keys = /* @__PURE__ */ new Set());
             keys.add(key);
           }
-          walk(value);
+          walk2(value);
         }
       };
-      walk(result);
+      walk2(result);
       listKeysCache.set(result, byType);
     }
     return byType.get(typename) ?? NO_KEYS;
@@ -1264,7 +1264,7 @@ function findEditLink(root) {
   if (linkCache.has(root)) return linkCache.get(root) ?? null;
   let found = null;
   const seen = /* @__PURE__ */ new WeakSet();
-  const walk = (node) => {
+  const walk2 = (node) => {
     if (found) return;
     if (typeof node === "string") {
       if (!(0, import_stega2.vercelStegaSplit)(node).encoded) return;
@@ -1279,13 +1279,108 @@ function findEditLink(root) {
     }
     if (node === null || typeof node !== "object" || seen.has(node)) return;
     seen.add(node);
-    for (const value of Object.values(node)) walk(value);
+    for (const value of Object.values(node)) walk2(value);
   };
-  walk(root);
+  walk2(root);
   linkCache.set(root, found);
   return found;
 }
 
+// src/core/live-preview/edit-links.ts
+var import_stega3 = require("@vercel/stega");
+var ENTRY_PARAM = "entry";
+var TOP_LEVEL_ENTRY = /^[A-Za-z0-9_]+\.\d+$/;
+function entryIdOf(element) {
+  if (!isRecord(element)) return void 0;
+  if (typeof element._id === "string") return element._id;
+  if (element.__typename !== "Assets" || !Array.isArray(element.items)) {
+    return void 0;
+  }
+  const first = element.items[0];
+  return isRecord(first) && typeof first._id === "string" ? first._id : void 0;
+}
+function isRecord(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function annotate(value, ctx) {
+  if (!ctx.entryId) return value;
+  const { cleaned, encoded } = (0, import_stega3.vercelStegaSplit)(value);
+  if (!encoded) return value;
+  let payload;
+  try {
+    payload = (0, import_stega3.vercelStegaDecode)(encoded);
+  } catch {
+    return value;
+  }
+  if (typeof payload?.href !== "string") return value;
+  let url;
+  try {
+    url = new URL(payload.href);
+  } catch {
+    return value;
+  }
+  if (url.searchParams.has(ENTRY_PARAM)) return value;
+  url.searchParams.set(ENTRY_PARAM, ctx.entryId);
+  const itemId = decodeURIComponent(url.pathname.split("/").pop() ?? "");
+  if (!url.searchParams.has("field") && ctx.entryField && TOP_LEVEL_ENTRY.test(ctx.entryField) && itemId === ctx.entryOwnerId) {
+    url.searchParams.set("field", ctx.entryField);
+  }
+  return (0, import_stega3.vercelStegaCombine)(
+    cleaned,
+    { ...payload, href: url.toString() },
+    false
+  );
+}
+function walk(value, selections, ctx) {
+  if (typeof value === "string") return annotate(value, ctx);
+  if (Array.isArray(value)) {
+    let changed2 = false;
+    const next2 = value.map((element, index) => {
+      const path = [...ctx.path, String(index)];
+      const entryId = ctx.inAssets ? void 0 : entryIdOf(element);
+      const entry = entryId ? {
+        entryId,
+        entryField: ctx.ownerId ? path.join(".") : void 0,
+        entryOwnerId: ctx.ownerId,
+        inAssets: isRecord(element) && element._id === void 0
+      } : {};
+      const out = walk(element, selections, { ...ctx, ...entry, path });
+      if (out !== element) changed2 = true;
+      return out;
+    });
+    return changed2 ? next2 : value;
+  }
+  if (!isRecord(value)) return value;
+  const id = typeof value._id === "string" ? value._id : void 0;
+  const typename = typeof value.__typename === "string" ? value.__typename : void 0;
+  const fields = ctx.doc && selections ? collectFields(selections, typename, ctx.doc) : null;
+  let changed = false;
+  const next = {};
+  for (const [key, child] of Object.entries(value)) {
+    const field = fields?.get(key);
+    const name = field?.name ?? key;
+    const out = walk(child, field?.selections ?? null, {
+      ...ctx,
+      ownerId: id ?? ctx.ownerId,
+      path: id ? [name] : [...ctx.path, name]
+    });
+    if (out !== child) changed = true;
+    next[key] = out;
+  }
+  return changed ? next : value;
+}
+function annotateEditLinks(result, query, operationName) {
+  let doc = null;
+  if (query !== void 0) {
+    try {
+      doc = readQueryDocument(query, operationName);
+    } catch {
+      doc = null;
+    }
+  }
+  return walk(result, doc?.operation ?? null, { doc, path: [] });
+}
+
 // src/nextjs/server.ts
 var React = __toESM(require("react"), 1);
 
@@ -1526,9 +1621,10 @@ var getPreprLiveLog = cacheForRender(
 );
 async function normalizeQuery(query, result, options = {}) {
   if (!options.enabled) return result;
+  const annotated = annotateEditLinks(result, query, options.operationName);
   const log = await getPreprLiveLog();
-  if (!log.length) return result;
-  return applyPatchLog(query, result, log, options.operationName);
+  if (!log.length) return annotated;
+  return applyPatchLog(query, annotated, log, options.operationName);
 }
 
 // src/nextjs/index.ts

package/dist/nextjs/index.d.cts

@@ -311,6 +311,8 @@ interface LivePreviewConfig {
 interface PreprRefreshProps {
     /** Pass your preview flag; never `true` on a production deployment. */
     enabled?: boolean;
+    /** Exact editor origins, replacing the `*.prepr.io` default. */
+    allowedEditorOrigins?: string[];
     /** Your preview token uses GraphQL strict mode; see the toolbar option. */
     strictMode?: boolean;
 }

package/dist/nextjs/index.d.ts

@@ -311,6 +311,8 @@ interface LivePreviewConfig {
 interface PreprRefreshProps {
     /** Pass your preview flag; never `true` on a production deployment. */
     enabled?: boolean;
+    /** Exact editor origins, replacing the `*.prepr.io` default. */
+    allowedEditorOrigins?: string[];
     /** Your preview token uses GraphQL strict mode; see the toolbar option. */
     strictMode?: boolean;
 }