@preprio/toolkit 0.4.0 → 0.4.2

package/dist/astro/index.cjs

@@ -30,7 +30,7 @@ __export(astro_exports, {
 module.exports = __toCommonJS(astro_exports);
 
 // src/version.ts
-var VERSION = "0.4.0";
+var VERSION = "0.4.2";
 
 // src/core/features.ts
 function isEnabled(config) {
@@ -120,6 +120,10 @@ async function getPreprEnvironmentSegments(token) {
   try {
     const response = await fetch(token, {
       headers: {
+        "Prepr-Package": `@preprio/toolkit@${VERSION}`,
+        // Duplicates the version in Prepr-Package. It keeps the User-Agent
+        // format used by `@preprio/prepr-nextjs`, for Prepr API consumers that
+        // still identify the toolbar by that string.
         "User-Agent": `Prepr-Preview-Bar/${VERSION}`,
         "Content-Type": "application/json"
       },
@@ -235,7 +239,7 @@ function parseCookies(request) {
   }
   return cookies;
 }
-function processPreprRequest(request, opts) {
+function processFrameworkRequest(request, opts, framework) {
   const requestHeaders = new Headers(request.headers);
   const responseCookies = [];
   const inboundPreprHeaders = [];
@@ -270,10 +274,10 @@ function processPreprRequest(request, opts) {
   if (userAgent) {
     requestHeaders.set("Prepr-User-Agent", sanitizeHeaderValue(userAgent));
   }
-  requestHeaders.set(
-    "Prepr-Package",
-    `@preprio/toolkit@${opts?.version ?? VERSION}`
-  );
+  const packageParts = [`@preprio/toolkit@${opts?.version ?? VERSION}`];
+  if (framework) packageParts.push(`framework=${framework}`);
+  packageParts.push(`preview=${opts?.preview ? "true" : "false"}`);
+  requestHeaders.set("Prepr-Package", packageParts.join("; "));
   const ip = request.headers.get("Cf-Connecting-Ip") ?? request.headers.get("x-real-ip");
   if (ip) {
     requestHeaders.set("Prepr-Visitor-IP", sanitizeHeaderValue(ip));
@@ -358,9 +362,10 @@ function processPreprRequest(request, opts) {
 
 // src/astro/index.ts
 async function onPreprRequest(context, next, options) {
-  const { requestHeaders, responseCookies } = processPreprRequest(
+  const { requestHeaders, responseCookies } = processFrameworkRequest(
     context.request,
-    options
+    options,
+    "astro"
   );
   requestHeaders.forEach((value, key) => {
     context.request.headers.set(key, value);

package/dist/astro/index.js

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "0.4.0";
+var VERSION = "0.4.2";
 
 // src/core/features.ts
 function isEnabled(config) {
@@ -89,6 +89,10 @@ async function getPreprEnvironmentSegments(token) {
   try {
     const response = await fetch(token, {
       headers: {
+        "Prepr-Package": `@preprio/toolkit@${VERSION}`,
+        // Duplicates the version in Prepr-Package. It keeps the User-Agent
+        // format used by `@preprio/prepr-nextjs`, for Prepr API consumers that
+        // still identify the toolbar by that string.
         "User-Agent": `Prepr-Preview-Bar/${VERSION}`,
         "Content-Type": "application/json"
       },
@@ -204,7 +208,7 @@ function parseCookies(request) {
   }
   return cookies;
 }
-function processPreprRequest(request, opts) {
+function processFrameworkRequest(request, opts, framework) {
   const requestHeaders = new Headers(request.headers);
   const responseCookies = [];
   const inboundPreprHeaders = [];
@@ -239,10 +243,10 @@ function processPreprRequest(request, opts) {
   if (userAgent) {
     requestHeaders.set("Prepr-User-Agent", sanitizeHeaderValue(userAgent));
   }
-  requestHeaders.set(
-    "Prepr-Package",
-    `@preprio/toolkit@${opts?.version ?? VERSION}`
-  );
+  const packageParts = [`@preprio/toolkit@${opts?.version ?? VERSION}`];
+  if (framework) packageParts.push(`framework=${framework}`);
+  packageParts.push(`preview=${opts?.preview ? "true" : "false"}`);
+  requestHeaders.set("Prepr-Package", packageParts.join("; "));
   const ip = request.headers.get("Cf-Connecting-Ip") ?? request.headers.get("x-real-ip");
   if (ip) {
     requestHeaders.set("Prepr-Visitor-IP", sanitizeHeaderValue(ip));
@@ -327,9 +331,10 @@ function processPreprRequest(request, opts) {
 
 // src/astro/index.ts
 async function onPreprRequest(context, next, options) {
-  const { requestHeaders, responseCookies } = processPreprRequest(
+  const { requestHeaders, responseCookies } = processFrameworkRequest(
     context.request,
-    options
+    options,
+    "astro"
   );
   requestHeaders.forEach((value, key) => {
     context.request.headers.set(key, value);

package/dist/{chunk-XFRVWN3C.js → chunk-72BQJDDK.js}

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "0.4.0";
+var VERSION = "0.4.2";
 
 // src/core/features.ts
 function isEnabled(config) {
@@ -655,6 +655,7 @@ function createStegaAutoClean(options) {
     const info = cleaned.get(textNode);
     const settled = stripText ? info?.cleaned : info?.original;
     if (info && textContent === settled) {
+      if (!info.decoded) return false;
       const shown = resolveEditTarget(textNode);
       if (!shown) return false;
       pendingHidden.delete(textNode);
@@ -666,13 +667,14 @@ function createStegaAutoClean(options) {
       const { cleaned: stripped, encoded } = vercelStegaSplit(textContent);
       if (!encoded || stripped === textContent) return false;
       const decoded = decodeStega(textContent);
-      if (!decoded?.href) return false;
+      if (!decoded?.href && !stripText) return false;
       cleaned.set(textNode, {
         original: textContent,
         cleaned: stripped,
-        decoded
+        decoded: decoded?.href ? decoded : null
       });
       if (stripText) textNode.textContent = stripped;
+      if (!decoded?.href) return false;
       const target = resolveEditTarget(textNode);
       if (target) {
         pendingHidden.delete(textNode);
@@ -709,7 +711,9 @@ function createStegaAutoClean(options) {
       if (mutation.type === "characterData" && mutation.target.nodeType === Node.TEXT_NODE) {
         const textNode = mutation.target;
         const info = cleaned.get(textNode);
-        if (info && textNode.textContent === info.original) {
+        const text = textNode.textContent ?? "";
+        const settled = stripText ? info?.cleaned : info?.original;
+        if (text !== settled && vercelStegaSplit(text).encoded) {
           affected.add(textNode);
         }
       }

package/dist/index.cjs

@@ -44,7 +44,7 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/version.ts
-var VERSION = "0.4.0";
+var VERSION = "0.4.2";
 
 // src/core/features.ts
 function isEnabled(config) {
@@ -456,6 +456,7 @@ function createStegaAutoClean(options) {
     const info = cleaned.get(textNode);
     const settled = stripText ? info?.cleaned : info?.original;
     if (info && textContent === settled) {
+      if (!info.decoded) return false;
       const shown = resolveEditTarget(textNode);
       if (!shown) return false;
       pendingHidden.delete(textNode);
@@ -467,13 +468,14 @@ function createStegaAutoClean(options) {
       const { cleaned: stripped, encoded } = (0, import_stega2.vercelStegaSplit)(textContent);
       if (!encoded || stripped === textContent) return false;
       const decoded = decodeStega(textContent);
-      if (!decoded?.href) return false;
+      if (!decoded?.href && !stripText) return false;
       cleaned.set(textNode, {
         original: textContent,
         cleaned: stripped,
-        decoded
+        decoded: decoded?.href ? decoded : null
       });
       if (stripText) textNode.textContent = stripped;
+      if (!decoded?.href) return false;
       const target = resolveEditTarget(textNode);
       if (target) {
         pendingHidden.delete(textNode);
@@ -510,7 +512,9 @@ function createStegaAutoClean(options) {
       if (mutation.type === "characterData" && mutation.target.nodeType === Node.TEXT_NODE) {
         const textNode = mutation.target;
         const info = cleaned.get(textNode);
-        if (info && textNode.textContent === info.original) {
+        const text = textNode.textContent ?? "";
+        const settled = stripText ? info?.cleaned : info?.original;
+        if (text !== settled && (0, import_stega2.vercelStegaSplit)(text).encoded) {
           affected.add(textNode);
         }
       }
@@ -2386,6 +2390,10 @@ async function getPreprEnvironmentSegments(token) {
   try {
     const response = await fetch(token, {
       headers: {
+        "Prepr-Package": `@preprio/toolkit@${VERSION}`,
+        // Duplicates the version in Prepr-Package. It keeps the User-Agent
+        // format used by `@preprio/prepr-nextjs`, for Prepr API consumers that
+        // still identify the toolbar by that string.
         "User-Agent": `Prepr-Preview-Bar/${VERSION}`,
         "Content-Type": "application/json"
       },
@@ -2477,6 +2485,9 @@ function parseCookies(request) {
   return cookies;
 }
 function processPreprRequest(request, opts) {
+  return processFrameworkRequest(request, opts);
+}
+function processFrameworkRequest(request, opts, framework) {
   const requestHeaders = new Headers(request.headers);
   const responseCookies = [];
   const inboundPreprHeaders = [];
@@ -2511,10 +2522,10 @@ function processPreprRequest(request, opts) {
   if (userAgent) {
     requestHeaders.set("Prepr-User-Agent", sanitizeHeaderValue(userAgent));
   }
-  requestHeaders.set(
-    "Prepr-Package",
-    `@preprio/toolkit@${opts?.version ?? VERSION}`
-  );
+  const packageParts = [`@preprio/toolkit@${opts?.version ?? VERSION}`];
+  if (framework) packageParts.push(`framework=${framework}`);
+  packageParts.push(`preview=${opts?.preview ? "true" : "false"}`);
+  requestHeaders.set("Prepr-Package", packageParts.join("; "));
   const ip = request.headers.get("Cf-Connecting-Ip") ?? request.headers.get("x-real-ip");
   if (ip) {
     requestHeaders.set("Prepr-Visitor-IP", sanitizeHeaderValue(ip));

package/dist/index.d.cts

@@ -5,7 +5,7 @@ export { g as PreprEnvironment, h as PreprEventType, i as PreprFeatureConfig, j
  * Package version; must match package.json. Lives in its own leaf module so
  * core can import it without cycling through the barrel.
  */
-declare const VERSION = "0.4.0";
+declare const VERSION = "0.4.2";
 
 /**
  * Resolve a `PreprFeatures` bag to plain booleans, defaulting every omitted key

package/dist/index.d.ts

@@ -5,7 +5,7 @@ export { g as PreprEnvironment, h as PreprEventType, i as PreprFeatureConfig, j
  * Package version; must match package.json. Lives in its own leaf module so
  * core can import it without cycling through the barrel.
  */
-declare const VERSION = "0.4.0";
+declare const VERSION = "0.4.2";
 
 /**
  * Resolve a `PreprFeatures` bag to plain booleans, defaulting every omitted key

package/dist/index.js

@@ -18,7 +18,7 @@ import {
   setTrackingParam,
   stegaClean,
   trackEvent
-} from "./chunk-XFRVWN3C.js";
+} from "./chunk-72BQJDDK.js";
 
 // src/core/server.ts
 var PreprError = class extends Error {
@@ -120,6 +120,10 @@ async function getPreprEnvironmentSegments(token) {
   try {
     const response = await fetch(token, {
       headers: {
+        "Prepr-Package": `@preprio/toolkit@${VERSION}`,
+        // Duplicates the version in Prepr-Package. It keeps the User-Agent
+        // format used by `@preprio/prepr-nextjs`, for Prepr API consumers that
+        // still identify the toolbar by that string.
         "User-Agent": `Prepr-Preview-Bar/${VERSION}`,
         "Content-Type": "application/json"
       },
@@ -211,6 +215,9 @@ function parseCookies(request) {
   return cookies;
 }
 function processPreprRequest(request, opts) {
+  return processFrameworkRequest(request, opts);
+}
+function processFrameworkRequest(request, opts, framework) {
   const requestHeaders = new Headers(request.headers);
   const responseCookies = [];
   const inboundPreprHeaders = [];
@@ -245,10 +252,10 @@ function processPreprRequest(request, opts) {
   if (userAgent) {
     requestHeaders.set("Prepr-User-Agent", sanitizeHeaderValue(userAgent));
   }
-  requestHeaders.set(
-    "Prepr-Package",
-    `@preprio/toolkit@${opts?.version ?? VERSION}`
-  );
+  const packageParts = [`@preprio/toolkit@${opts?.version ?? VERSION}`];
+  if (framework) packageParts.push(`framework=${framework}`);
+  packageParts.push(`preview=${opts?.preview ? "true" : "false"}`);
+  requestHeaders.set("Prepr-Package", packageParts.join("; "));
   const ip = request.headers.get("Cf-Connecting-Ip") ?? request.headers.get("x-real-ip");
   if (ip) {
     requestHeaders.set("Prepr-Visitor-IP", sanitizeHeaderValue(ip));

package/dist/nextjs/components.cjs

@@ -432,6 +432,7 @@ function createStegaAutoClean(options) {
     const info = cleaned.get(textNode);
     const settled = stripText ? info?.cleaned : info?.original;
     if (info && textContent === settled) {
+      if (!info.decoded) return false;
       const shown = resolveEditTarget(textNode);
       if (!shown) return false;
       pendingHidden.delete(textNode);
@@ -443,13 +444,14 @@ function createStegaAutoClean(options) {
       const { cleaned: stripped, encoded } = (0, import_stega2.vercelStegaSplit)(textContent);
       if (!encoded || stripped === textContent) return false;
       const decoded = decodeStega(textContent);
-      if (!decoded?.href) return false;
+      if (!decoded?.href && !stripText) return false;
       cleaned.set(textNode, {
         original: textContent,
         cleaned: stripped,
-        decoded
+        decoded: decoded?.href ? decoded : null
       });
       if (stripText) textNode.textContent = stripped;
+      if (!decoded?.href) return false;
       const target = resolveEditTarget(textNode);
       if (target) {
         pendingHidden.delete(textNode);
@@ -486,7 +488,9 @@ function createStegaAutoClean(options) {
       if (mutation.type === "characterData" && mutation.target.nodeType === Node.TEXT_NODE) {
         const textNode = mutation.target;
         const info = cleaned.get(textNode);
-        if (info && textNode.textContent === info.original) {
+        const text = textNode.textContent ?? "";
+        const settled = stripText ? info?.cleaned : info?.original;
+        if (text !== settled && (0, import_stega2.vercelStegaSplit)(text).encoded) {
           affected.add(textNode);
         }
       }
@@ -2266,7 +2270,7 @@ function createPreprPreview(opts = {}) {
 var import_react = require("react");
 
 // src/version.ts
-var VERSION = "0.4.0";
+var VERSION = "0.4.2";
 
 // src/core/pixel.ts
 var PIXEL_SCRIPT_URL = "https://cdn.tracking.prepr.io/js/prepr.min.js";

package/dist/nextjs/components.js

@@ -2,7 +2,7 @@
 import {
   createPreprPreview,
   loadTrackingPixel
-} from "../chunk-XFRVWN3C.js";
+} from "../chunk-72BQJDDK.js";
 
 // src/nextjs/components.ts
 import { usePathname, useRouter } from "next/navigation";

package/dist/nextjs/index.cjs

@@ -38,7 +38,7 @@ module.exports = __toCommonJS(nextjs_exports);
 var import_server = require("next/server");
 
 // src/version.ts
-var VERSION = "0.4.0";
+var VERSION = "0.4.2";
 
 // src/core/constants.ts
 var COOKIE_PREVIEW_MODE = "Prepr-Preview-Mode";
@@ -100,7 +100,7 @@ function parseCookies(request) {
   }
   return cookies;
 }
-function processPreprRequest(request, opts) {
+function processFrameworkRequest(request, opts, framework) {
   const requestHeaders = new Headers(request.headers);
   const responseCookies = [];
   const inboundPreprHeaders = [];
@@ -135,10 +135,10 @@ function processPreprRequest(request, opts) {
   if (userAgent) {
     requestHeaders.set("Prepr-User-Agent", sanitizeHeaderValue(userAgent));
   }
-  requestHeaders.set(
-    "Prepr-Package",
-    `@preprio/toolkit@${opts?.version ?? VERSION}`
-  );
+  const packageParts = [`@preprio/toolkit@${opts?.version ?? VERSION}`];
+  if (framework) packageParts.push(`framework=${framework}`);
+  packageParts.push(`preview=${opts?.preview ? "true" : "false"}`);
+  requestHeaders.set("Prepr-Package", packageParts.join("; "));
   const ip = request.headers.get("Cf-Connecting-Ip") ?? request.headers.get("x-real-ip");
   if (ip) {
     requestHeaders.set("Prepr-Visitor-IP", sanitizeHeaderValue(ip));
@@ -231,9 +231,10 @@ function createPreprMiddleware(request, responseOrOptions, maybeOptions) {
   } else {
     options = responseOrOptions;
   }
-  const { requestHeaders, responseCookies } = processPreprRequest(
+  const { requestHeaders, responseCookies } = processFrameworkRequest(
     request,
-    options
+    options,
+    "nextjs"
   );
   const response = chainedResponse ?? import_server.NextResponse.next({ request: { headers: requestHeaders } });
   if (chainedResponse) {
@@ -364,6 +365,10 @@ async function getPreprEnvironmentSegments(token) {
   try {
     const response = await fetch(token, {
       headers: {
+        "Prepr-Package": `@preprio/toolkit@${VERSION}`,
+        // Duplicates the version in Prepr-Package. It keeps the User-Agent
+        // format used by `@preprio/prepr-nextjs`, for Prepr API consumers that
+        // still identify the toolbar by that string.
         "User-Agent": `Prepr-Preview-Bar/${VERSION}`,
         "Content-Type": "application/json"
       },

package/dist/nextjs/index.js

@@ -2,7 +2,7 @@
 import { NextResponse } from "next/server";
 
 // src/version.ts
-var VERSION = "0.4.0";
+var VERSION = "0.4.2";
 
 // src/core/constants.ts
 var COOKIE_PREVIEW_MODE = "Prepr-Preview-Mode";
@@ -64,7 +64,7 @@ function parseCookies(request) {
   }
   return cookies;
 }
-function processPreprRequest(request, opts) {
+function processFrameworkRequest(request, opts, framework) {
   const requestHeaders = new Headers(request.headers);
   const responseCookies = [];
   const inboundPreprHeaders = [];
@@ -99,10 +99,10 @@ function processPreprRequest(request, opts) {
   if (userAgent) {
     requestHeaders.set("Prepr-User-Agent", sanitizeHeaderValue(userAgent));
   }
-  requestHeaders.set(
-    "Prepr-Package",
-    `@preprio/toolkit@${opts?.version ?? VERSION}`
-  );
+  const packageParts = [`@preprio/toolkit@${opts?.version ?? VERSION}`];
+  if (framework) packageParts.push(`framework=${framework}`);
+  packageParts.push(`preview=${opts?.preview ? "true" : "false"}`);
+  requestHeaders.set("Prepr-Package", packageParts.join("; "));
   const ip = request.headers.get("Cf-Connecting-Ip") ?? request.headers.get("x-real-ip");
   if (ip) {
     requestHeaders.set("Prepr-Visitor-IP", sanitizeHeaderValue(ip));
@@ -195,9 +195,10 @@ function createPreprMiddleware(request, responseOrOptions, maybeOptions) {
   } else {
     options = responseOrOptions;
   }
-  const { requestHeaders, responseCookies } = processPreprRequest(
+  const { requestHeaders, responseCookies } = processFrameworkRequest(
     request,
-    options
+    options,
+    "nextjs"
   );
   const response = chainedResponse ?? NextResponse.next({ request: { headers: requestHeaders } });
   if (chainedResponse) {
@@ -328,6 +329,10 @@ async function getPreprEnvironmentSegments(token) {
   try {
     const response = await fetch(token, {
       headers: {
+        "Prepr-Package": `@preprio/toolkit@${VERSION}`,
+        // Duplicates the version in Prepr-Package. It keeps the User-Agent
+        // format used by `@preprio/prepr-nextjs`, for Prepr API consumers that
+        // still identify the toolbar by that string.
         "User-Agent": `Prepr-Preview-Bar/${VERSION}`,
         "Content-Type": "application/json"
       },

package/dist/nuxt/index.cjs

@@ -35,7 +35,7 @@ __export(nuxt_exports, {
 module.exports = __toCommonJS(nuxt_exports);
 
 // src/version.ts
-var VERSION = "0.4.0";
+var VERSION = "0.4.2";
 
 // src/core/constants.ts
 var COOKIE_PREVIEW_MODE = "Prepr-Preview-Mode";
@@ -111,7 +111,7 @@ function parseCookies(request) {
   }
   return cookies;
 }
-function processPreprRequest(request, opts) {
+function processFrameworkRequest(request, opts, framework) {
   const requestHeaders = new Headers(request.headers);
   const responseCookies = [];
   const inboundPreprHeaders = [];
@@ -146,10 +146,10 @@ function processPreprRequest(request, opts) {
   if (userAgent) {
     requestHeaders.set("Prepr-User-Agent", sanitizeHeaderValue(userAgent));
   }
-  requestHeaders.set(
-    "Prepr-Package",
-    `@preprio/toolkit@${opts?.version ?? VERSION}`
-  );
+  const packageParts = [`@preprio/toolkit@${opts?.version ?? VERSION}`];
+  if (framework) packageParts.push(`framework=${framework}`);
+  packageParts.push(`preview=${opts?.preview ? "true" : "false"}`);
+  requestHeaders.set("Prepr-Package", packageParts.join("; "));
   const ip = request.headers.get("Cf-Connecting-Ip") ?? request.headers.get("x-real-ip");
   if (ip) {
     requestHeaders.set("Prepr-Visitor-IP", sanitizeHeaderValue(ip));
@@ -245,9 +245,10 @@ function handlePreprRequest(event, options) {
       request.headers.set(key, value.join(", "));
     }
   }
-  const { requestHeaders, responseCookies } = processPreprRequest(
+  const { requestHeaders, responseCookies } = processFrameworkRequest(
     request,
-    options
+    options,
+    "nuxt"
   );
   requestHeaders.forEach((value, key) => {
     req.headers[key.toLowerCase()] = value;
@@ -362,6 +363,10 @@ async function getPreprEnvironmentSegments(token) {
   try {
     const response = await fetch(token, {
       headers: {
+        "Prepr-Package": `@preprio/toolkit@${VERSION}`,
+        // Duplicates the version in Prepr-Package. It keeps the User-Agent
+        // format used by `@preprio/prepr-nextjs`, for Prepr API consumers that
+        // still identify the toolbar by that string.
         "User-Agent": `Prepr-Preview-Bar/${VERSION}`,
         "Content-Type": "application/json"
       },

package/dist/nuxt/index.js

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "0.4.0";
+var VERSION = "0.4.2";
 
 // src/core/constants.ts
 var COOKIE_PREVIEW_MODE = "Prepr-Preview-Mode";
@@ -75,7 +75,7 @@ function parseCookies(request) {
   }
   return cookies;
 }
-function processPreprRequest(request, opts) {
+function processFrameworkRequest(request, opts, framework) {
   const requestHeaders = new Headers(request.headers);
   const responseCookies = [];
   const inboundPreprHeaders = [];
@@ -110,10 +110,10 @@ function processPreprRequest(request, opts) {
   if (userAgent) {
     requestHeaders.set("Prepr-User-Agent", sanitizeHeaderValue(userAgent));
   }
-  requestHeaders.set(
-    "Prepr-Package",
-    `@preprio/toolkit@${opts?.version ?? VERSION}`
-  );
+  const packageParts = [`@preprio/toolkit@${opts?.version ?? VERSION}`];
+  if (framework) packageParts.push(`framework=${framework}`);
+  packageParts.push(`preview=${opts?.preview ? "true" : "false"}`);
+  requestHeaders.set("Prepr-Package", packageParts.join("; "));
   const ip = request.headers.get("Cf-Connecting-Ip") ?? request.headers.get("x-real-ip");
   if (ip) {
     requestHeaders.set("Prepr-Visitor-IP", sanitizeHeaderValue(ip));
@@ -209,9 +209,10 @@ function handlePreprRequest(event, options) {
       request.headers.set(key, value.join(", "));
     }
   }
-  const { requestHeaders, responseCookies } = processPreprRequest(
+  const { requestHeaders, responseCookies } = processFrameworkRequest(
     request,
-    options
+    options,
+    "nuxt"
   );
   requestHeaders.forEach((value, key) => {
     req.headers[key.toLowerCase()] = value;
@@ -326,6 +327,10 @@ async function getPreprEnvironmentSegments(token) {
   try {
     const response = await fetch(token, {
       headers: {
+        "Prepr-Package": `@preprio/toolkit@${VERSION}`,
+        // Duplicates the version in Prepr-Package. It keeps the User-Agent
+        // format used by `@preprio/prepr-nextjs`, for Prepr API consumers that
+        // still identify the toolbar by that string.
         "User-Agent": `Prepr-Preview-Bar/${VERSION}`,
         "Content-Type": "application/json"
       },

package/dist/react/components.cjs

@@ -431,6 +431,7 @@ function createStegaAutoClean(options) {
     const info = cleaned.get(textNode);
     const settled = stripText ? info?.cleaned : info?.original;
     if (info && textContent === settled) {
+      if (!info.decoded) return false;
       const shown = resolveEditTarget(textNode);
       if (!shown) return false;
       pendingHidden.delete(textNode);
@@ -442,13 +443,14 @@ function createStegaAutoClean(options) {
       const { cleaned: stripped, encoded } = (0, import_stega2.vercelStegaSplit)(textContent);
       if (!encoded || stripped === textContent) return false;
       const decoded = decodeStega(textContent);
-      if (!decoded?.href) return false;
+      if (!decoded?.href && !stripText) return false;
       cleaned.set(textNode, {
         original: textContent,
         cleaned: stripped,
-        decoded
+        decoded: decoded?.href ? decoded : null
       });
       if (stripText) textNode.textContent = stripped;
+      if (!decoded?.href) return false;
       const target = resolveEditTarget(textNode);
       if (target) {
         pendingHidden.delete(textNode);
@@ -485,7 +487,9 @@ function createStegaAutoClean(options) {
       if (mutation.type === "characterData" && mutation.target.nodeType === Node.TEXT_NODE) {
         const textNode = mutation.target;
         const info = cleaned.get(textNode);
-        if (info && textNode.textContent === info.original) {
+        const text = textNode.textContent ?? "";
+        const settled = stripText ? info?.cleaned : info?.original;
+        if (text !== settled && (0, import_stega2.vercelStegaSplit)(text).encoded) {
           affected.add(textNode);
         }
       }
@@ -2262,7 +2266,7 @@ function createPreprPreview(opts = {}) {
 }
 
 // src/version.ts
-var VERSION = "0.4.0";
+var VERSION = "0.4.2";
 
 // src/core/pixel.ts
 var PIXEL_SCRIPT_URL = "https://cdn.tracking.prepr.io/js/prepr.min.js";

package/dist/react/components.js

@@ -407,6 +407,7 @@ function createStegaAutoClean(options) {
     const info = cleaned.get(textNode);
     const settled = stripText ? info?.cleaned : info?.original;
     if (info && textContent === settled) {
+      if (!info.decoded) return false;
       const shown = resolveEditTarget(textNode);
       if (!shown) return false;
       pendingHidden.delete(textNode);
@@ -418,13 +419,14 @@ function createStegaAutoClean(options) {
       const { cleaned: stripped, encoded } = vercelStegaSplit(textContent);
       if (!encoded || stripped === textContent) return false;
       const decoded = decodeStega(textContent);
-      if (!decoded?.href) return false;
+      if (!decoded?.href && !stripText) return false;
       cleaned.set(textNode, {
         original: textContent,
         cleaned: stripped,
-        decoded
+        decoded: decoded?.href ? decoded : null
       });
       if (stripText) textNode.textContent = stripped;
+      if (!decoded?.href) return false;
       const target = resolveEditTarget(textNode);
       if (target) {
         pendingHidden.delete(textNode);
@@ -461,7 +463,9 @@ function createStegaAutoClean(options) {
       if (mutation.type === "characterData" && mutation.target.nodeType === Node.TEXT_NODE) {
         const textNode = mutation.target;
         const info = cleaned.get(textNode);
-        if (info && textNode.textContent === info.original) {
+        const text = textNode.textContent ?? "";
+        const settled = stripText ? info?.cleaned : info?.original;
+        if (text !== settled && vercelStegaSplit(text).encoded) {
           affected.add(textNode);
         }
       }
@@ -2238,7 +2242,7 @@ function createPreprPreview(opts = {}) {
 }
 
 // src/version.ts
-var VERSION = "0.4.0";
+var VERSION = "0.4.2";
 
 // 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.4.0";
+var VERSION = "0.4.2";
 
 // src/core/constants.ts
 var COOKIE_PREVIEW_MODE = "Prepr-Preview-Mode";
@@ -111,7 +111,7 @@ function parseCookies(request) {
   }
   return cookies;
 }
-function processPreprRequest(request, opts) {
+function processFrameworkRequest(request, opts, framework) {
   const requestHeaders = new Headers(request.headers);
   const responseCookies = [];
   const inboundPreprHeaders = [];
@@ -146,10 +146,10 @@ function processPreprRequest(request, opts) {
   if (userAgent) {
     requestHeaders.set("Prepr-User-Agent", sanitizeHeaderValue(userAgent));
   }
-  requestHeaders.set(
-    "Prepr-Package",
-    `@preprio/toolkit@${opts?.version ?? VERSION}`
-  );
+  const packageParts = [`@preprio/toolkit@${opts?.version ?? VERSION}`];
+  if (framework) packageParts.push(`framework=${framework}`);
+  packageParts.push(`preview=${opts?.preview ? "true" : "false"}`);
+  requestHeaders.set("Prepr-Package", packageParts.join("; "));
   const ip = request.headers.get("Cf-Connecting-Ip") ?? request.headers.get("x-real-ip");
   if (ip) {
     requestHeaders.set("Prepr-Visitor-IP", sanitizeHeaderValue(ip));
@@ -236,9 +236,10 @@ function processPreprRequest(request, opts) {
 var PREPR_LOCALS_KEY = "prepr";
 function preprHandle(options) {
   return async ({ event, resolve }) => {
-    const { requestHeaders, responseCookies } = processPreprRequest(
+    const { requestHeaders, responseCookies } = processFrameworkRequest(
       event.request,
-      options
+      options,
+      "sveltekit"
     );
     requestHeaders.forEach((value, key) => {
       event.request.headers.set(key, value);
@@ -358,6 +359,10 @@ async function getPreprEnvironmentSegments(token) {
   try {
     const response = await fetch(token, {
       headers: {
+        "Prepr-Package": `@preprio/toolkit@${VERSION}`,
+        // Duplicates the version in Prepr-Package. It keeps the User-Agent
+        // format used by `@preprio/prepr-nextjs`, for Prepr API consumers that
+        // still identify the toolbar by that string.
         "User-Agent": `Prepr-Preview-Bar/${VERSION}`,
         "Content-Type": "application/json"
       },

package/dist/sveltekit/index.js

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "0.4.0";
+var VERSION = "0.4.2";
 
 // src/core/constants.ts
 var COOKIE_PREVIEW_MODE = "Prepr-Preview-Mode";
@@ -75,7 +75,7 @@ function parseCookies(request) {
   }
   return cookies;
 }
-function processPreprRequest(request, opts) {
+function processFrameworkRequest(request, opts, framework) {
   const requestHeaders = new Headers(request.headers);
   const responseCookies = [];
   const inboundPreprHeaders = [];
@@ -110,10 +110,10 @@ function processPreprRequest(request, opts) {
   if (userAgent) {
     requestHeaders.set("Prepr-User-Agent", sanitizeHeaderValue(userAgent));
   }
-  requestHeaders.set(
-    "Prepr-Package",
-    `@preprio/toolkit@${opts?.version ?? VERSION}`
-  );
+  const packageParts = [`@preprio/toolkit@${opts?.version ?? VERSION}`];
+  if (framework) packageParts.push(`framework=${framework}`);
+  packageParts.push(`preview=${opts?.preview ? "true" : "false"}`);
+  requestHeaders.set("Prepr-Package", packageParts.join("; "));
   const ip = request.headers.get("Cf-Connecting-Ip") ?? request.headers.get("x-real-ip");
   if (ip) {
     requestHeaders.set("Prepr-Visitor-IP", sanitizeHeaderValue(ip));
@@ -200,9 +200,10 @@ function processPreprRequest(request, opts) {
 var PREPR_LOCALS_KEY = "prepr";
 function preprHandle(options) {
   return async ({ event, resolve }) => {
-    const { requestHeaders, responseCookies } = processPreprRequest(
+    const { requestHeaders, responseCookies } = processFrameworkRequest(
       event.request,
-      options
+      options,
+      "sveltekit"
     );
     requestHeaders.forEach((value, key) => {
       event.request.headers.set(key, value);
@@ -322,6 +323,10 @@ async function getPreprEnvironmentSegments(token) {
   try {
     const response = await fetch(token, {
       headers: {
+        "Prepr-Package": `@preprio/toolkit@${VERSION}`,
+        // Duplicates the version in Prepr-Package. It keeps the User-Agent
+        // format used by `@preprio/prepr-nextjs`, for Prepr API consumers that
+        // still identify the toolbar by that string.
         "User-Agent": `Prepr-Preview-Bar/${VERSION}`,
         "Content-Type": "application/json"
       },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@preprio/toolkit",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "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)",