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

package/dist/nuxt/live.js

@@ -1,3 +1,8 @@
+import {
+  collectFields,
+  readQueryDocument
+} from "./chunk-BWPGO25E.js";
+
 // src/nuxt/live.ts
 import {
   computed,
@@ -7,6 +12,105 @@ import {
   unref
 } from "vue";
 
+// 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/test-reset.ts
 var resets = /* @__PURE__ */ new Set();
 function onTestReset(reset) {
@@ -26,7 +130,7 @@ function isFramed() {
   return typeof window !== "undefined" && window.self !== window.top;
 }
 function startLive() {
-  starting ?? (starting = import("./live-preview-O2ZTJNW4.js").then(
+  starting ?? (starting = import("./live-preview-2RCU35W5.js").then(
     ({ applyPatchLog, createLiveBridge, createLiveStore }) => {
       applyLog = applyPatchLog;
       const started = createLiveStore();
@@ -54,9 +158,9 @@ function whenLive(listener) {
   return () => startListeners.delete(listener);
 }
 function useNormalizedQuery(query, data, options = {}) {
-  if (!options.enabled || !isFramed()) {
-    return computed(() => unref(data));
-  }
+  if (!options.enabled) return computed(() => unref(data));
+  const annotated = computed(() => annotateEditLinks(unref(data), query));
+  if (!isFramed()) return annotated;
   if (options.strictMode) strictMode = true;
   if (options.allowedEditorOrigins) {
     allowedEditorOrigins = [...options.allowedEditorOrigins];
@@ -74,7 +178,7 @@ function useNormalizedQuery(query, data, options = {}) {
     });
   }
   return computed(() => {
-    const value = unref(data);
+    const value = annotated.value;
     return log.value.length && applyLog ? applyLog(query, value, log.value) : value;
   });
 }

package/dist/react/components.cjs

@@ -536,6 +536,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();
@@ -569,7 +570,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 {};
@@ -586,11 +589,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 {
@@ -3513,7 +3521,7 @@ function createPreprPreview(opts = {}) {
 }
 
 // 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/react/components.js

@@ -512,6 +512,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();
@@ -545,7 +546,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 {};
@@ -562,11 +565,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 {
@@ -3489,7 +3497,7 @@ function createPreprPreview(opts = {}) {
 }
 
 // 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/sveltekit/chunk-BWPGO25E.js

@@ -0,0 +1,340 @@
+// src/core/live-preview/query-document.ts
+var NAME_START = /[_A-Za-z]/;
+var NAME_CONTINUE = /[_0-9A-Za-z]/;
+var PUNCT = /* @__PURE__ */ new Set([
+  "!",
+  "$",
+  "&",
+  "(",
+  ")",
+  ":",
+  "=",
+  "@",
+  "[",
+  "]",
+  "{",
+  "|",
+  "}"
+]);
+function tokenize(source) {
+  const tokens = [];
+  let i = 0;
+  const n = source.length;
+  while (i < n) {
+    const ch = source[i];
+    if (ch === " " || ch === "	" || ch === "\n" || ch === "\r" || ch === "," || ch === "\uFEFF") {
+      i++;
+    } else if (ch === "#") {
+      while (i < n && source[i] !== "\n" && source[i] !== "\r") i++;
+    } else if (ch === "." && source.startsWith("...", i)) {
+      tokens.push({ type: "punct", value: "..." });
+      i += 3;
+    } else if (PUNCT.has(ch)) {
+      tokens.push({ type: "punct", value: ch });
+      i++;
+    } else if (NAME_START.test(ch)) {
+      const start = i;
+      while (i < n && NAME_CONTINUE.test(source[i])) i++;
+      tokens.push({ type: "name", value: source.slice(start, i) });
+    } else if (ch === '"') {
+      if (source.startsWith('"""', i)) {
+        i += 3;
+        while (i < n && !source.startsWith('"""', i)) {
+          i += source.startsWith('\\"""', i) ? 4 : 1;
+        }
+        if (i >= n) throw new SyntaxError("Unterminated block string");
+        i += 3;
+      } else {
+        i++;
+        while (i < n && source[i] !== '"') {
+          if (source[i] === "\n" || source[i] === "\r") {
+            throw new SyntaxError("Unterminated string");
+          }
+          i += source[i] === "\\" ? 2 : 1;
+        }
+        if (i >= n) throw new SyntaxError("Unterminated string");
+        i++;
+      }
+      tokens.push({ type: "value" });
+    } else if (ch === "-" || ch >= "0" && ch <= "9") {
+      i++;
+      while (i < n && /[0-9.eE+-]/.test(source[i])) i++;
+      tokens.push({ type: "value" });
+    } else {
+      throw new SyntaxError(`Unexpected character "${ch}"`);
+    }
+  }
+  return tokens;
+}
+function parseSource(source, operationName) {
+  const tokens = tokenize(source);
+  let pos = 0;
+  const peek = () => tokens[pos];
+  const isPunct = (value) => {
+    const t = tokens[pos];
+    return t?.type === "punct" && t.value === value;
+  };
+  const expectPunct = (value) => {
+    if (!isPunct(value)) throw new SyntaxError(`Expected "${value}"`);
+    pos++;
+  };
+  const expectName = () => {
+    const t = tokens[pos];
+    if (t?.type !== "name") throw new SyntaxError("Expected a name");
+    pos++;
+    return t.value;
+  };
+  const skipParens = () => {
+    expectPunct("(");
+    let depth = 1;
+    while (depth > 0) {
+      const t = tokens[pos++];
+      if (!t) throw new SyntaxError("Unbalanced parentheses");
+      if (t.type === "punct" && t.value === "(") depth++;
+      else if (t.type === "punct" && t.value === ")") depth--;
+    }
+  };
+  const skipDirectives = () => {
+    while (isPunct("@")) {
+      pos++;
+      expectName();
+      if (isPunct("(")) skipParens();
+    }
+  };
+  const parseSelectionSet = () => {
+    expectPunct("{");
+    const selections = [];
+    while (!isPunct("}")) {
+      if (!peek()) throw new SyntaxError("Unterminated selection set");
+      selections.push(parseSelection());
+    }
+    pos++;
+    return selections;
+  };
+  const parseSelection = () => {
+    if (isPunct("...")) {
+      pos++;
+      const t = peek();
+      if (t?.type === "name" && t.value !== "on") {
+        pos++;
+        skipDirectives();
+        return { kind: "spread", name: t.value };
+      }
+      let on = null;
+      if (t?.type === "name") {
+        pos++;
+        on = expectName();
+      }
+      skipDirectives();
+      return { kind: "inline", on, selections: parseSelectionSet() };
+    }
+    let name = expectName();
+    const key = name;
+    if (isPunct(":")) {
+      pos++;
+      name = expectName();
+    }
+    let hasArgs = false;
+    if (isPunct("(")) {
+      hasArgs = true;
+      skipParens();
+    }
+    skipDirectives();
+    const selections = isPunct("{") ? parseSelectionSet() : null;
+    return { kind: "field", name, key, hasArgs, selections };
+  };
+  const fragments = /* @__PURE__ */ new Map();
+  const operations = [];
+  while (pos < tokens.length) {
+    if (isPunct("{")) {
+      operations.push({ name: null, selections: parseSelectionSet() });
+      continue;
+    }
+    const keyword = expectName();
+    if (keyword === "fragment") {
+      const name = expectName();
+      if (expectName() !== "on") throw new SyntaxError('Expected "on"');
+      const on = expectName();
+      skipDirectives();
+      fragments.set(name, { on, selections: parseSelectionSet() });
+    } else if (keyword === "query" || keyword === "mutation" || keyword === "subscription") {
+      const t = peek();
+      let name = null;
+      if (t?.type === "name") name = expectName();
+      if (isPunct("(")) skipParens();
+      skipDirectives();
+      operations.push({ name, selections: parseSelectionSet() });
+    } else {
+      throw new SyntaxError(`Unexpected "${keyword}"`);
+    }
+  }
+  return { operation: pickOperation(operations, operationName), fragments };
+}
+function pickOperation(operations, operationName) {
+  const op = operationName ? operations.find((o) => o.name === operationName) : operations[0];
+  if (!op) throw new SyntaxError("The document has no operation");
+  return op.selections;
+}
+function fromAstSelections(set) {
+  return set.selections.map((s) => {
+    if (s.kind === "FragmentSpread")
+      return { kind: "spread", name: s.name.value };
+    if (s.kind === "InlineFragment") {
+      return {
+        kind: "inline",
+        on: s.typeCondition?.name.value ?? null,
+        selections: fromAstSelections(s.selectionSet)
+      };
+    }
+    const name = s.name.value;
+    return {
+      kind: "field",
+      name,
+      key: s.alias?.value ?? name,
+      hasArgs: Boolean(s.arguments?.length),
+      selections: s.selectionSet ? fromAstSelections(s.selectionSet) : null
+    };
+  });
+}
+function fromAst(doc, operationName) {
+  const fragments = /* @__PURE__ */ new Map();
+  const operations = [];
+  for (const def of doc.definitions ?? []) {
+    if (def.kind === "FragmentDefinition" && def.name && def.typeCondition && def.selectionSet) {
+      fragments.set(def.name.value, {
+        on: def.typeCondition.name.value,
+        selections: fromAstSelections(def.selectionSet)
+      });
+    } else if (def.kind === "OperationDefinition" && def.selectionSet) {
+      operations.push({
+        name: def.name?.value ?? null,
+        selections: fromAstSelections(def.selectionSet)
+      });
+    }
+  }
+  return { operation: pickOperation(operations, operationName), fragments };
+}
+var astCache = /* @__PURE__ */ new WeakMap();
+var sourceCache = /* @__PURE__ */ new Map();
+var SOURCE_CACHE_LIMIT = 200;
+function readQueryDocument(query, operationName) {
+  const cacheKey = operationName ?? "";
+  if (typeof query === "object" && query !== null && query.kind === "Document") {
+    let byName = astCache.get(query);
+    if (!byName) astCache.set(query, byName = /* @__PURE__ */ new Map());
+    let parsed2 = byName.get(cacheKey);
+    if (!parsed2) {
+      parsed2 = fromAst(
+        query,
+        operationName
+      );
+      byName.set(cacheKey, parsed2);
+    }
+    return parsed2;
+  }
+  const source = String(query);
+  const sourceKey = `${cacheKey}
+${source}`;
+  let parsed = sourceCache.get(sourceKey);
+  if (!parsed) {
+    parsed = parseSource(source, operationName);
+    if (sourceCache.size >= SOURCE_CACHE_LIMIT) {
+      sourceCache.delete(sourceCache.keys().next().value);
+    }
+    sourceCache.set(sourceKey, parsed);
+  }
+  return parsed;
+}
+var fieldsCache = /* @__PURE__ */ new WeakMap();
+function collectFields(selections, typename, doc, options = {}) {
+  const cacheKey = `${options.strict ? "s" : "l"}:${typename ?? ""}`;
+  let cached = fieldsCache.get(selections);
+  if (!cached) {
+    cached = /* @__PURE__ */ new Map();
+    fieldsCache.set(selections, cached);
+  }
+  const hit = cached.get(cacheKey);
+  if (hit) return hit;
+  const fields = resolveFields(selections, typename, doc, options);
+  cached.set(cacheKey, fields);
+  return fields;
+}
+function resolveFields(selections, typename, doc, options) {
+  const exact = /* @__PURE__ */ new Map();
+  const loose = /* @__PURE__ */ new Map();
+  const merged = /* @__PURE__ */ new Map();
+  const walkedMatched = /* @__PURE__ */ new Set();
+  const walkedLoose = /* @__PURE__ */ new Set();
+  const add = (target, s) => {
+    let field = target.get(s.key);
+    if (!field) {
+      field = { name: s.name, key: s.key, hasArgs: s.hasArgs, selections: [] };
+      target.set(s.key, field);
+      merged.set(field, /* @__PURE__ */ new Set());
+    }
+    const done = merged.get(field);
+    if (s.selections && !done.has(s.selections)) {
+      done.add(s.selections);
+      field.selections = [...field.selections, ...s.selections];
+    }
+  };
+  const applies = (on, list) => conditionMatches(on, typename) || typename !== void 0 && typeConditions(list, doc).includes(typename);
+  const walk = (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));
+      } else {
+        const fragment = doc.fragments.get(s.name);
+        if (!fragment) continue;
+        const asMatched = matched && applies(fragment.on, fragment.selections);
+        if (walkedMatched.has(fragment)) continue;
+        if (!asMatched && walkedLoose.has(fragment)) continue;
+        (asMatched ? walkedMatched : walkedLoose).add(fragment);
+        walk(fragment.selections, asMatched);
+      }
+    }
+  };
+  walk(selections, true);
+  if (!options.strict) {
+    for (const [key, field] of loose) {
+      if (!exact.has(key)) exact.set(key, field);
+    }
+  }
+  return exact;
+}
+function conditionMatches(on, typename) {
+  return on === null || typename === void 0 || on === typename;
+}
+var conditionsCache = /* @__PURE__ */ new WeakMap();
+function typeConditions(selections, doc) {
+  const hit = conditionsCache.get(selections);
+  if (hit) return hit;
+  const names = /* @__PURE__ */ new Set();
+  const seen = /* @__PURE__ */ new Set();
+  const walk = (list) => {
+    for (const s of list) {
+      if (s.kind === "inline") {
+        if (s.on) names.add(s.on);
+        walk(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);
+      }
+    }
+  };
+  walk(selections);
+  const conditions = [...names];
+  conditionsCache.set(selections, conditions);
+  return conditions;
+}
+
+export {
+  readQueryDocument,
+  collectFields,
+  typeConditions
+};

package/dist/sveltekit/index.cjs

@@ -35,7 +35,7 @@ __export(sveltekit_exports, {
 module.exports = __toCommonJS(sveltekit_exports);
 
 // 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";

package/dist/sveltekit/index.js

@@ -1,5 +1,5 @@
 // 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";