@preprio/toolkit 0.5.0-rc.4 → 0.5.1-dom.0

package/dist/chunk-AZC4BZJI.js

@@ -0,0 +1,447 @@
+import {
+  createScopedLogger
+} from "./chunk-S3VT4UWM.js";
+
+// src/core/live-preview/field-name.ts
+var UPPERCASE_BOUNDARY = /(.)(?=[A-Z])/g;
+function graphqlFieldName(apiId) {
+  return apiId.replace(UPPERCASE_BOUNDARY, "$1_").toLowerCase();
+}
+function fieldKeyIn(record, apiId) {
+  if (Object.prototype.hasOwnProperty.call(record, apiId)) return apiId;
+  const name = graphqlFieldName(apiId);
+  return Object.prototype.hasOwnProperty.call(record, name) ? name : void 0;
+}
+var TEXT_BODY_FIELDS = [
+  { name: "body", plain: false },
+  { name: "html", plain: false },
+  { name: "text", plain: true }
+];
+var TAG_PATTERN = /<[^>]+>/g;
+function plainTextFromHtml(html) {
+  return html.replace(TAG_PATTERN, "");
+}
+function isTextEntry(record) {
+  const typename = record.__typename;
+  if (typeof typename === "string") return typename === "Text";
+  return "html" in record || "text" in record && "format" in record;
+}
+
+// src/core/live-preview/index-snapshot.ts
+var debug = createScopedLogger("live-preview");
+function indexSnapshot(data) {
+  const index = /* @__PURE__ */ new Map();
+  const visited = /* @__PURE__ */ new WeakSet();
+  const path = [];
+  function walk(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]);
+        path.pop();
+      }
+      return;
+    }
+    const record = node;
+    if (typeof record._id === "string") {
+      const paths = index.get(record._id);
+      if (paths) paths.push([...path]);
+      else index.set(record._id, [[...path]]);
+    } else if (typeof record.__typename === "string") {
+      debug.log("item without _id will not live-update", {
+        __typename: record.__typename
+      });
+    }
+    for (const key in record) {
+      if (!Object.prototype.hasOwnProperty.call(record, key)) continue;
+      path.push(key);
+      walk(record[key]);
+      path.pop();
+    }
+  }
+  walk(data);
+  return index;
+}
+
+// src/core/live-preview/patch.ts
+import { vercelStegaSplit } from "@vercel/stega";
+var INDEX_SEGMENT = /^\d+$/;
+var FORBIDDEN_SEGMENTS = /* @__PURE__ */ new Set(["__proto__", "prototype", "constructor"]);
+function isPlainObject(value) {
+  return value !== null && typeof value === "object" && !Array.isArray(value);
+}
+function mergeObject(current, incoming) {
+  let changed = false;
+  const next = { ...current };
+  for (const key of Object.keys(current)) {
+    if (!(key in incoming) || incoming[key] === void 0) continue;
+    const value = isPlainObject(current[key]) && isPlainObject(incoming[key]) ? mergeObject(current[key], incoming[key]) : incoming[key];
+    if (value !== current[key]) {
+      next[key] = value;
+      changed = true;
+    }
+  }
+  return changed ? next : current;
+}
+function shapeLike(template, incoming) {
+  const out = {};
+  for (const key of Object.keys(template)) {
+    const value = incoming[key];
+    out[key] = value === void 0 ? null : isPlainObject(template[key]) && isPlainObject(value) ? shapeLike(template[key], value) : value;
+  }
+  return out;
+}
+function mergeStructured(current, incoming) {
+  if (incoming === null || Array.isArray(incoming) && !incoming.length) {
+    if (Array.isArray(current)) return current.length ? [] : current;
+    return null;
+  }
+  const list = Array.isArray(incoming) ? incoming : [incoming];
+  if (current === null || current === void 0) return incoming;
+  if (Array.isArray(current)) {
+    const template = current.find(isPlainObject);
+    return list.map((entry) => {
+      const match = current.find(
+        (c) => isPlainObject(c) && c._id !== void 0 && c._id === entry._id
+      );
+      if (isPlainObject(match)) return mergeObject(match, entry);
+      return isPlainObject(template) ? shapeLike(template, entry) : entry;
+    });
+  }
+  if (isPlainObject(current)) return mergeObject(current, list[0]);
+  return current;
+}
+function isPatchable(current) {
+  return current === null || typeof current === "string" || typeof current === "number" || typeof current === "boolean";
+}
+function cloneNode(node) {
+  return Array.isArray(node) ? [...node] : { ...node };
+}
+function patchSnapshot(snapshot, index, itemId, field, value) {
+  const paths = index.get(itemId);
+  if (!paths?.length) return snapshot;
+  let root = snapshot;
+  let changed = false;
+  const markChanged = () => {
+    changed = true;
+  };
+  for (const path of paths) {
+    for (const [target, targetValue] of expandTextBody(
+      root,
+      path,
+      field,
+      value
+    )) {
+      root = patchAtPath(root, path, target, targetValue, markChanged);
+    }
+  }
+  return changed ? root : snapshot;
+}
+function expandTextBody(root, path, field, value) {
+  const segments = field.split(".");
+  if (segments[segments.length - 1] !== "body" || typeof value !== "string") {
+    return [[field, value]];
+  }
+  let node = root;
+  for (const step of path) {
+    node = node[step];
+  }
+  for (const segment of segments.slice(0, -1)) {
+    if (node === null || typeof node !== "object") return [[field, value]];
+    const record2 = node;
+    node = INDEX_SEGMENT.test(segment) ? record2[Number(segment)] : record2[fieldKeyIn(record2, segment) ?? segment];
+  }
+  if (node === null || typeof node !== "object" || Array.isArray(node)) {
+    return [[field, value]];
+  }
+  const record = node;
+  if (!isTextEntry(record)) return [[field, value]];
+  const prefix = segments.slice(0, -1);
+  const writes = [];
+  for (const { name, plain } of TEXT_BODY_FIELDS) {
+    if (!(name in record)) continue;
+    writes.push([
+      [...prefix, name].join("."),
+      plain ? plainTextFromHtml(value) : value
+    ]);
+  }
+  return writes.length ? writes : [[field, value]];
+}
+function patchAtPath(root, path, field, value, markChanged) {
+  const segments = field.split(".");
+  if (segments.some((s) => FORBIDDEN_SEGMENTS.has(s))) return root;
+  let node = root;
+  for (const step of path) {
+    node = node[step];
+  }
+  const fullPath = [...path];
+  for (const segment of segments) {
+    let step = segment;
+    if (INDEX_SEGMENT.test(segment)) {
+      step = Number(segment);
+    } else if (node !== null && typeof node === "object") {
+      step = fieldKeyIn(node, segment) ?? segment;
+    }
+    fullPath.push(step);
+    node = node !== null && typeof node === "object" ? node[step] : void 0;
+  }
+  return writeAtPath(root, fullPath, value, markChanged);
+}
+function writeAtPath(root, fullPath, value, markChanged = () => {
+}) {
+  if (!fullPath.length) return root;
+  if (fullPath.some((s) => FORBIDDEN_SEGMENTS.has(String(s)))) return root;
+  const last = fullPath.length - 1;
+  let node = root;
+  for (let i = 0; i < last; i++) {
+    if (node === null || typeof node !== "object") return root;
+    node = node[fullPath[i]];
+  }
+  if (node === null || typeof node !== "object") return root;
+  const container = node;
+  const key = fullPath[last];
+  if (!(key in container)) return root;
+  let next;
+  if (value === null || typeof value === "object") {
+    next = mergeStructured(container[key], value);
+  } else if (!isPatchable(container[key])) {
+    return root;
+  } else {
+    next = keepEditLink(container[key], value);
+  }
+  if (container[key] === next) return root;
+  const newRoot = cloneNode(root);
+  let cursor = newRoot;
+  for (let i = 0; i < last; i++) {
+    const child = cloneNode(cursor[fullPath[i]]);
+    cursor[fullPath[i]] = child;
+    cursor = child;
+  }
+  cursor[key] = next;
+  markChanged();
+  return newRoot;
+}
+function listKeysOf(entry) {
+  if (!isPlainObject(entry)) return [];
+  const keys = [];
+  if (typeof entry._id === "string") keys.push(entry._id);
+  const first = Array.isArray(entry.items) ? entry.items[0] : null;
+  if (isPlainObject(first) && typeof first._id === "string") {
+    keys.push(first._id);
+  }
+  return keys;
+}
+function buildText(entry, template) {
+  const body = typeof entry.body === "string" ? entry.body : "";
+  const full = {
+    __typename: "Text",
+    _id: entry._id,
+    body,
+    html: body,
+    text: plainTextFromHtml(body),
+    format: entry.format ?? null
+  };
+  if (!template) return full;
+  const out = {};
+  for (const key of Object.keys(template)) {
+    out[key] = key in full ? full[key] : null;
+  }
+  return out;
+}
+function syncList(current, entries, build) {
+  if (current === null || current === void 0) {
+    const built = syncList([], entries, build);
+    return built.length ? built : current;
+  }
+  if (!Array.isArray(current)) return current;
+  const byKey = /* @__PURE__ */ new Map();
+  const templates = /* @__PURE__ */ new Map();
+  for (const c of current) {
+    for (const key of listKeysOf(c)) byKey.set(key, c);
+    if (isPlainObject(c) && typeof c.__typename === "string") {
+      if (!templates.has(c.__typename)) templates.set(c.__typename, c);
+    }
+  }
+  if (!entries.length) return current.length ? [] : current;
+  if (current.length && !byKey.size) return current;
+  if (current.length && !entries.some((e) => byKey.has(e._id))) return current;
+  const next = [];
+  for (const entry of entries) {
+    const existing = byKey.get(entry._id);
+    const built = existing === void 0 && entry.fields ? build?.(entry) : void 0;
+    if (existing !== void 0) {
+      next.push(existing);
+    } else if (built) {
+      next.push(built);
+    } else if (entry.__typename === "Text") {
+      next.push(buildText(entry, templates.get("Text")));
+    }
+  }
+  const same = next.length === current.length && next.every((n, i) => n === current[i]);
+  return same ? current : next;
+}
+function syncListSnapshot(snapshot, index, itemId, field, entries) {
+  const paths = index.get(itemId);
+  if (!paths?.length) return snapshot;
+  const fieldPath = field.split(".");
+  if (fieldPath.some((s) => FORBIDDEN_SEGMENTS.has(s))) return snapshot;
+  let root = snapshot;
+  for (const path of paths) {
+    root = syncListAtPath(root, [...path, ...fieldPath], entries);
+  }
+  return root;
+}
+function syncListAtPath(root, fullPath, entries, build) {
+  if (!fullPath.length) return root;
+  if (fullPath.some((s) => FORBIDDEN_SEGMENTS.has(String(s)))) return root;
+  let node = root;
+  for (const key of fullPath) {
+    node = node !== null && typeof node === "object" ? node[key] : void 0;
+  }
+  const next = syncList(node, entries, build);
+  if (next === node) return root;
+  const newRoot = cloneNode(root);
+  let cursor = newRoot;
+  for (let i = 0; i < fullPath.length - 1; i++) {
+    const child = cloneNode(cursor[fullPath[i]]);
+    cursor[fullPath[i]] = child;
+    cursor = child;
+  }
+  cursor[fullPath[fullPath.length - 1]] = next;
+  return newRoot;
+}
+function keepEditLink(current, value) {
+  if (typeof current !== "string" || typeof value !== "string") return value;
+  const { encoded } = vercelStegaSplit(current);
+  if (!encoded || vercelStegaSplit(value).encoded) return value;
+  return value + encoded;
+}
+
+// src/core/live-preview/validate.ts
+function isScalar(v) {
+  return typeof v === "string" || typeof v === "number" || typeof v === "boolean";
+}
+var MAX_DEPTH = 3;
+var MAX_ENTRIES = 50;
+var FORBIDDEN_KEYS = /* @__PURE__ */ new Set(["__proto__", "prototype", "constructor"]);
+var SAFE_URL = /^https?:\/\//i;
+var URL_KEY = /^(?:url|href|src|link)$|(?:_url|Url)$/;
+var URL_IGNORED_ANYWHERE = /[\t\n\r]/g;
+var SCRIPT_SCHEME = /^(?:javascript|vbscript|data):/i;
+function isSafeLinkValue(value) {
+  const stripped = value.replace(URL_IGNORED_ANYWHERE, "");
+  let start = 0;
+  while (start < stripped.length && stripped.charCodeAt(start) <= 32) start++;
+  return !SCRIPT_SCHEME.test(stripped.slice(start));
+}
+function isUrlKey(key) {
+  return URL_KEY.test(key);
+}
+function isSafeKeyValue(key, value) {
+  if (typeof value !== "string") return true;
+  if (key === "url") return SAFE_URL.test(value);
+  return !isUrlKey(key) || isSafeLinkValue(value);
+}
+function isLiveValue(v, depth = 0) {
+  if (v === null || isScalar(v)) return true;
+  if (depth >= MAX_DEPTH) return false;
+  if (Array.isArray(v)) {
+    return depth === 0 && v.length <= MAX_ENTRIES && v.every((entry) => isPlainRecord(entry) && isLiveValue(entry, depth + 1));
+  }
+  if (!isPlainRecord(v)) return false;
+  const keys = Object.keys(v);
+  if (keys.length > MAX_ENTRIES) return false;
+  return keys.every((key) => {
+    if (FORBIDDEN_KEYS.has(key)) return false;
+    const value = v[key];
+    if (!isSafeKeyValue(key, value)) return false;
+    return !Array.isArray(value) && isLiveValue(value, depth + 1);
+  });
+}
+function isLiveFieldChange(field, value) {
+  if (!isLiveValue(value)) return false;
+  const name = field.slice(field.lastIndexOf(".") + 1);
+  return typeof value !== "string" || !isUrlKey(name) || isSafeLinkValue(value);
+}
+var MAX_LIST_ENTRIES = 200;
+function parseListEntries(value) {
+  if (!Array.isArray(value) || value.length > MAX_LIST_ENTRIES) return null;
+  const list = [];
+  for (const raw of value) {
+    if (!isPlainRecord(raw) || typeof raw._id !== "string" || !raw._id) {
+      return null;
+    }
+    const entry = { _id: raw._id };
+    if (typeof raw.__typename === "string") entry.__typename = raw.__typename;
+    if (typeof raw.body === "string") entry.body = raw.body;
+    if (typeof raw.format === "string" || raw.format === null) {
+      entry.format = raw.format;
+    }
+    if (typeof raw.typeName === "string" && raw.typeName.length <= 200) {
+      entry.typeName = raw.typeName;
+    }
+    if (raw.fields !== void 0) {
+      if (!isPlainRecord(raw.fields) || !isFieldValue(raw.fields, 0)) {
+        return null;
+      }
+      entry.fields = raw.fields;
+    }
+    list.push(entry);
+  }
+  return list;
+}
+function isPlainRecord(v) {
+  return v !== null && typeof v === "object" && Object.getPrototypeOf(v) === Object.prototype;
+}
+var MAX_FIELD_DEPTH = 6;
+var MAX_FIELD_KEYS = 100;
+function isFieldValue(v, depth) {
+  if (v === null || isScalar(v)) return true;
+  if (depth >= MAX_FIELD_DEPTH) return false;
+  if (Array.isArray(v)) {
+    return v.length <= MAX_ENTRIES && v.every(
+      (entry) => isScalar(entry) || isPlainRecord(entry) && isFieldValue(entry, depth + 1)
+    );
+  }
+  if (!isPlainRecord(v)) return false;
+  const keys = Object.keys(v);
+  if (keys.length > MAX_FIELD_KEYS) return false;
+  return keys.every((key) => {
+    if (FORBIDDEN_KEYS.has(key)) return false;
+    const value = v[key];
+    if (!isSafeKeyValue(key, value)) return false;
+    return isFieldValue(value, depth + 1);
+  });
+}
+var MAX_EDIT_LENGTH = 1e3;
+function parseEditTarget(raw) {
+  if (!isPlainRecord(raw)) return void 0;
+  const { item, field } = raw;
+  if (typeof item !== "string" || !item || item.length > MAX_EDIT_LENGTH) {
+    return void 0;
+  }
+  if (typeof field !== "string" || !field || field.length > MAX_EDIT_LENGTH) {
+    return void 0;
+  }
+  return { item, field };
+}
+
+export {
+  graphqlFieldName,
+  TEXT_BODY_FIELDS,
+  plainTextFromHtml,
+  isTextEntry,
+  indexSnapshot,
+  patchSnapshot,
+  writeAtPath,
+  syncListSnapshot,
+  syncListAtPath,
+  keepEditLink,
+  isLiveFieldChange,
+  parseListEntries,
+  isPlainRecord,
+  parseEditTarget
+};

package/dist/{chunk-TG6N3C22.js → chunk-IKOOXTPM.js}

@@ -8,7 +8,7 @@ import {
   parseListEntries,
   patchSnapshot,
   syncListSnapshot
-} from "./chunk-74KY5EAM.js";
+} from "./chunk-AZC4BZJI.js";
 import {
   createScopedLogger,
   getTrustedParentOrigin,

package/dist/{chunk-AHBN6FQP.js → chunk-IOSO232M.js}

@@ -1,7 +1,9 @@
 import {
-  VERSION,
+  VERSION
+} from "./chunk-UK664KSV.js";
+import {
   resolveFeatures
-} from "./chunk-46ISDRHT.js";
+} from "./chunk-TEB7M7EM.js";
 
 // src/core/server.ts
 var PreprError = class extends Error {

package/dist/{chunk-PDNCNTDB.js → chunk-RRM5762S.js}

@@ -1,8 +1,7 @@
 import {
   ALL_FEATURES_ENABLED,
-  VERSION,
   resolveFeatures
-} from "./chunk-46ISDRHT.js";
+} from "./chunk-TEB7M7EM.js";
 import {
   createIframeBridge,
   isLocale,
@@ -3077,71 +3076,6 @@ function createPreprPreview(opts = {}) {
   return controller;
 }
 
-// src/core/pixel.ts
-var PIXEL_SCRIPT_URL = "https://cdn.tracking.prepr.io/js/prepr.min.js";
-var CACHE_BUST_INTERVAL_MS = 24 * 60 * 60 * 1e3;
-var warnedNoPixel = false;
-function warnNoPixelOnce() {
-  if (warnedNoPixel) return;
-  warnedNoPixel = true;
-  console.warn(
-    "[Prepr] Tracking pixel is not installed. Call loadTrackingPixel() first, or ensure the legacy Prepr snippet is present on the page."
-  );
-}
-function loadTrackingPixel(trackingId, config) {
-  if (typeof window === "undefined" || typeof document === "undefined") {
-    return;
-  }
-  if (window.prepr) {
-    return;
-  }
-  const queueFn = ((...args) => {
-    if (queueFn.process) {
-      queueFn.process(...args);
-    } else {
-      queueFn.queue.push(args);
-    }
-  });
-  queueFn.queue = [];
-  queueFn.t = Date.now();
-  window.prepr = queueFn;
-  const script = document.createElement("script");
-  script.async = true;
-  const cacheBuster = Math.ceil(Date.now() / CACHE_BUST_INTERVAL_MS) * CACHE_BUST_INTERVAL_MS;
-  script.src = `${PIXEL_SCRIPT_URL}?t=${cacheBuster}`;
-  const firstScript = document.getElementsByTagName("script")[0];
-  if (firstScript?.parentNode) {
-    firstScript.parentNode.insertBefore(script, firstScript);
-  } else {
-    document.head.appendChild(script);
-  }
-  if (config !== void 0) {
-    queueFn("init", trackingId, config);
-  } else {
-    queueFn("init", trackingId);
-  }
-  queueFn("param", "pp", VERSION);
-  queueFn("event", "pageload");
-}
-function trackEvent(name, data) {
-  if (typeof window === "undefined" || !window.prepr) {
-    warnNoPixelOnce();
-    return;
-  }
-  if (data !== void 0) {
-    window.prepr("event", name, data);
-  } else {
-    window.prepr("event", name);
-  }
-}
-function setTrackingParam(key, value) {
-  if (typeof window === "undefined" || !window.prepr) {
-    warnNoPixelOnce();
-    return;
-  }
-  window.prepr("param", key, value);
-}
-
 export {
   COOKIE_PREVIEW_MODE,
   COOKIE_SEGMENT,
@@ -3157,8 +3091,5 @@ export {
   createToolbarStore,
   PreprToolbarElement,
   definePreprToolbar,
-  createPreprPreview,
-  loadTrackingPixel,
-  trackEvent,
-  setTrackingParam
+  createPreprPreview
 };