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

package/dist/sveltekit/live.js

@@ -1,3 +1,107 @@
+import {
+  collectFields,
+  readQueryDocument
+} from "./chunk-BWPGO25E.js";
+
+// 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) {
@@ -14,11 +118,20 @@ var allowedEditorOrigins;
 var strictMode;
 var logListeners = /* @__PURE__ */ new Set();
 var startListeners = /* @__PURE__ */ new Set();
+function constant(value) {
+  return {
+    subscribe(run) {
+      run(value);
+      return () => {
+      };
+    }
+  };
+}
 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();
@@ -47,21 +160,15 @@ function whenLive(listener) {
   return () => startListeners.delete(listener);
 }
 function normalizedQuery(query, data, options = {}) {
-  if (!options.enabled || !isFramed()) {
-    return {
-      subscribe(run) {
-        run(data);
-        return () => {
-        };
-      }
-    };
-  }
+  if (!options.enabled) return constant(data);
+  const annotated = annotateEditLinks(data, query);
+  if (!isFramed()) return constant(annotated);
   if (options.strictMode) strictMode = true;
   if (options.allowedEditorOrigins) {
     allowedEditorOrigins = [...options.allowedEditorOrigins];
   }
   startLive();
-  const current = () => log.length && applyLog ? applyLog(query, data, log) : data;
+  const current = () => log.length && applyLog ? applyLog(query, annotated, log) : annotated;
   return {
     subscribe(run) {
       run(current());

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@preprio/toolkit",
-  "version": "0.5.0-rc.5",
+  "version": "0.5.0-rc.6",
   "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)",
@@ -80,6 +80,11 @@
       "require": "./dist/astro/index.cjs"
     },
     "./astro/components/*": "./src/astro/*.astro",
+    "./codegen": {
+      "types": "./dist/codegen/index.d.ts",
+      "import": "./dist/codegen/index.js",
+      "require": "./dist/codegen/index.cjs"
+    },
     "./sveltekit": {
       "types": "./dist/sveltekit/index.d.ts",
       "import": "./dist/sveltekit/index.js",
@@ -125,6 +130,7 @@
     "preact": "^10.29.7"
   },
   "peerDependencies": {
+    "graphql": ">=16",
     "next": ">=13",
     "react": ">=17",
     "react-dom": ">=17",
@@ -132,6 +138,9 @@
     "vue": ">=3.3"
   },
   "peerDependenciesMeta": {
+    "graphql": {
+      "optional": true
+    },
     "next": {
       "optional": true
     },
@@ -153,6 +162,7 @@
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "browserslist": "^4.28.7",
+    "graphql": "^16.14.2",
     "happy-dom": "^20.11.1",
     "lightningcss": "^1.33.0",
     "next": "^16.2.12",