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

package/dist/nuxt/live.cjs

@@ -148,11 +148,25 @@ function fieldKeyIn(record, apiId) {
   const name = graphqlFieldName(apiId);
   return Object.prototype.hasOwnProperty.call(record, name) ? name : void 0;
 }
-var UPPERCASE_BOUNDARY;
+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;
+}
+var UPPERCASE_BOUNDARY, TEXT_BODY_FIELDS, TAG_PATTERN;
 var init_field_name = __esm({
   "src/core/live-preview/field-name.ts"() {
     "use strict";
     UPPERCASE_BOUNDARY = /(.)(?=[A-Z])/g;
+    TEXT_BODY_FIELDS = [
+      { name: "body", plain: false },
+      { name: "html", plain: false },
+      { name: "text", plain: true }
+    ];
+    TAG_PATTERN = /<[^>]+>/g;
   }
 });
 
@@ -212,13 +226,51 @@ function patchSnapshot(snapshot, index, itemId, field, value) {
   if (!paths?.length) return snapshot;
   let root = snapshot;
   let changed = false;
+  const markChanged = () => {
+    changed = true;
+  };
   for (const path of paths) {
-    root = patchAtPath(root, path, field, value, () => {
-      changed = true;
-    });
+    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;
@@ -290,7 +342,7 @@ function buildText(entry, template) {
     _id: entry._id,
     body,
     html: body,
-    text: body.replace(TAG_PATTERN, ""),
+    text: plainTextFromHtml(body),
     format: entry.format ?? null
   };
   if (!template) return full;
@@ -368,7 +420,7 @@ function keepEditLink(current, value) {
   if (!encoded || (0, import_stega.vercelStegaSplit)(value).encoded) return value;
   return value + encoded;
 }
-var import_stega, INDEX_SEGMENT, FORBIDDEN_SEGMENTS, TAG_PATTERN;
+var import_stega, INDEX_SEGMENT, FORBIDDEN_SEGMENTS;
 var init_patch = __esm({
   "src/core/live-preview/patch.ts"() {
     "use strict";
@@ -376,7 +428,6 @@ var init_patch = __esm({
     init_field_name();
     INDEX_SEGMENT = /^\d+$/;
     FORBIDDEN_SEGMENTS = /* @__PURE__ */ new Set(["__proto__", "prototype", "constructor"]);
-    TAG_PATTERN = /<[^>]+>/g;
   }
 });
 
@@ -1192,11 +1243,13 @@ function applyPatch(root, index, patch, doc, result) {
   const segments = patch.field.split(".");
   if (segments.some((s) => !s || FORBIDDEN_SEGMENTS2.has(s))) return root;
   const targets = [];
+  const plain = /* @__PURE__ */ new Set();
   for (const ownerPath of ownerPaths) {
     if (doc) {
       const resolved = resolveTargets(root, doc, ownerPath, segments);
       root = resolved.root;
       targets.push(...resolved.targets);
+      resolved.plain.forEach((target) => plain.add(target));
     } else {
       targets.push([...ownerPath, ...segments.map(toPathSegment)]);
     }
@@ -1210,7 +1263,8 @@ function applyPatch(root, index, patch, doc, result) {
   }
   if (patch.type === "field") {
     for (const target of targets) {
-      let value = keepEditLink(readAtPath(root, target), patch.value);
+      const pushed = plain.has(target) && typeof patch.value === "string" ? plainTextFromHtml(patch.value) : patch.value;
+      let value = keepEditLink(readAtPath(root, target), pushed);
       if (patch.edit && typeof value === "string" && !(0, import_stega2.vercelStegaSplit)(value).encoded) {
         value = editLinksFor(result, patch.edit.item)?.encode(
           value,
@@ -1274,9 +1328,10 @@ function resolveTargets(root, doc, ownerPath, segments) {
     owner = owner[step];
   }
   const selections = selectionsAt(root, doc, ownerPath);
-  if (!selections) return { root, targets: [] };
+  if (!selections) return { root, targets: [], plain: /* @__PURE__ */ new Set() };
   let current = root;
   const out = [];
+  const plain = /* @__PURE__ */ new Set();
   const walk = (node, sel, i, path) => {
     if (i === segments.length) {
       out.push(path);
@@ -1297,12 +1352,15 @@ function resolveTargets(root, doc, ownerPath, segments) {
     if (node === null || typeof node !== "object") return;
     const record = node;
     const wanted = graphqlFieldName(segment);
+    const textBody = i === segments.length - 1 && segment === "body" && isTextEntry(record) ? TEXT_BODY_FIELDS : null;
     let matched = false;
     for (const field of collectFields(sel, typenameOf(node), doc).values()) {
-      if (field.name !== segment && field.name !== wanted) continue;
+      const alias = textBody?.find((f) => f.name === field.name);
+      if (field.name !== segment && field.name !== wanted && !alias) continue;
       if (!Object.prototype.hasOwnProperty.call(record, field.key)) continue;
       matched = true;
       const fieldPath = [...path, field.key];
+      if (alias?.plain) plain.add(fieldPath);
       let value = record[field.key];
       const next = segments[i + 1];
       if (value === null && field.selections.length && next !== void 0 && next !== "items" && !INDEX_SEGMENT2.test(next)) {
@@ -1325,7 +1383,7 @@ function resolveTargets(root, doc, ownerPath, segments) {
     if (!matched && segment === "items") walk(node, sel, i + 1, path);
   };
   walk(owner, selections, 0, ownerPath);
-  return { root: current, targets: out };
+  return { root: current, targets: out, plain };
 }
 function resolveTypename(doc, selections, typename, typeName) {
   const known = typeConditions(selections, doc);

package/dist/nuxt/live.js

@@ -26,7 +26,7 @@ function isFramed() {
   return typeof window !== "undefined" && window.self !== window.top;
 }
 function startLive() {
-  starting ?? (starting = import("./live-preview-PTEC3GPC.js").then(
+  starting ?? (starting = import("./live-preview-O2ZTJNW4.js").then(
     ({ applyPatchLog, createLiveBridge, createLiveStore }) => {
       applyLog = applyPatchLog;
       const started = createLiveStore();

package/dist/react/components.cjs

@@ -3513,7 +3513,7 @@ function createPreprPreview(opts = {}) {
 }
 
 // src/version.ts
-var VERSION = "0.5.0-rc.3";
+var VERSION = "0.5.0-rc.4";
 
 // src/core/pixel.ts
 var PIXEL_SCRIPT_URL = "https://cdn.tracking.prepr.io/js/prepr.min.js";

package/dist/react/components.js

@@ -3489,7 +3489,7 @@ function createPreprPreview(opts = {}) {
 }
 
 // src/version.ts
-var VERSION = "0.5.0-rc.3";
+var VERSION = "0.5.0-rc.4";
 
 // src/core/pixel.ts
 var PIXEL_SCRIPT_URL = "https://cdn.tracking.prepr.io/js/prepr.min.js";

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.3";
+var VERSION = "0.5.0-rc.4";
 
 // 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.3";
+var VERSION = "0.5.0-rc.4";
 
 // src/core/constants.ts
 var COOKIE_PREVIEW_MODE = "Prepr-Preview-Mode";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@preprio/toolkit",
-  "version": "0.5.0-rc.3",
+  "version": "0.5.0-rc.4",
   "description": "Prepr personalization, A/B testing and preview toolkit for React, Next.js, Nuxt, Astro, SvelteKit and Express",
   "license": "Apache-2.0",
   "author": "Prepr B.V. (https://prepr.io)",