@preprio/toolkit 0.2.0-beta.7 → 0.2.0-beta.9

package/dist/react/components.js

@@ -344,9 +344,7 @@ function decodeStega(str) {
     const match = str.match(/{"origin.*?}/);
     if (match) {
       try {
-        const decodedMatch = vercelStegaDecode(
-          match[0]
-        );
+        const decodedMatch = vercelStegaDecode(match[0]);
         if (decodedMatch?.href) {
           return decodedMatch;
         }
@@ -874,8 +872,13 @@ function createStegaController(opts) {
         overlay.hide();
       }
     }, 16);
-    document.addEventListener("mousemove", throttledMouseMove);
-    window.addEventListener("scroll", handleScroll, { capture: true });
+    document.addEventListener("mousemove", throttledMouseMove, {
+      passive: true
+    });
+    window.addEventListener("scroll", handleScroll, {
+      capture: true,
+      passive: true
+    });
     initialized = true;
     debug6.log("stega controller started");
   };
@@ -1018,7 +1021,9 @@ function createChangeHandler(deps) {
       }
       setCookie(COOKIE_PREVIEW_MODE, String(after.previewMode), cookieOpts());
       setCookie(COOKIE_TOOLBAR_OPEN, "false", cookieOpts());
-      sendPreprEvent("preview_mode_toggled", { previewMode: after.previewMode });
+      sendPreprEvent("preview_mode_toggled", {
+        previewMode: after.previewMode
+      });
       if (!after.isIframe) {
         const [path, existing] = splitPath(deps.currentPath());
         const params = new URLSearchParams(existing);
@@ -1339,7 +1344,10 @@ function u2(e2, t3, n2, o2, i2, u3) {
 }
 
 // src/core/ui/panel.tsx
-function RawSvg({ svg, className }) {
+function RawSvg({
+  svg,
+  className
+}) {
   return /* @__PURE__ */ u2(
     "span",
     {
@@ -1910,9 +1918,7 @@ var PreprToolbarElement = class extends HTMLElementBase {
     ) ?? null;
   }
   optionsList() {
-    return this.shadowRoot?.querySelector(
-      '[data-prepr="options"]'
-    ) ?? null;
+    return this.shadowRoot?.querySelector('[data-prepr="options"]') ?? null;
   }
   onListboxKeydown(event) {
     const e2 = event;
@@ -2132,9 +2138,13 @@ function createPreprPreview(opts = {}) {
   const bridge = createIframeBridge(store, {
     allowedEditorOrigins: options?.allowedEditorOrigins
   });
-  sendPreprEvent("getScrollPosition", { value: 0 }, {
-    allowUntrustedTarget: true
-  });
+  sendPreprEvent(
+    "getScrollPosition",
+    { value: 0 },
+    {
+      allowUntrustedTarget: true
+    }
+  );
   if (isIframe) {
     bridge.start();
   }

package/dist/react/index.cjs

@@ -24,7 +24,7 @@ __export(react_exports, {
   PreprTrackingPixel: () => import_components.PreprTrackingPixel
 });
 module.exports = __toCommonJS(react_exports);
-var import_components = require("./components.js");
+var import_components = require("./components.cjs");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   PreprPreview,

package/dist/react/index.d.cts

@@ -1 +1 @@
-export { PreprPreview, PreprPreviewProps, PreprTrackingPixel, PreprTrackingPixelProps } from './components.js';
+export { PreprPreview, PreprPreviewProps, PreprTrackingPixel, PreprTrackingPixelProps } from './components.cjs';

package/dist/sveltekit/index.cjs

@@ -35,7 +35,7 @@ __export(sveltekit_exports, {
 module.exports = __toCommonJS(sveltekit_exports);
 
 // src/version.ts
-var VERSION = "0.2.0-beta.7";
+var VERSION = "0.2.0-beta.9";
 
 // src/core/constants.ts
 var COOKIE_PREVIEW_MODE = "Prepr-Preview-Mode";
@@ -103,7 +103,11 @@ function parseCookies(request) {
     const name = part.slice(0, eq).trim();
     const value = part.slice(eq + 1).trim();
     if (!name) continue;
-    cookies.set(name, decodeURIComponent(value));
+    try {
+      cookies.set(name, decodeURIComponent(value));
+    } catch {
+      cookies.set(name, value);
+    }
   }
   return cookies;
 }
@@ -142,7 +146,10 @@ function processPreprRequest(request, opts) {
   if (userAgent) {
     requestHeaders.set("Prepr-User-Agent", sanitizeHeaderValue(userAgent));
   }
-  requestHeaders.set("Prepr-Package", `@preprio/toolkit@${opts?.version ?? VERSION}`);
+  requestHeaders.set(
+    "Prepr-Package",
+    `@preprio/toolkit@${opts?.version ?? VERSION}`
+  );
   const ip = request.headers.get("Cf-Connecting-Ip") ?? request.headers.get("x-real-ip");
   if (ip) {
     requestHeaders.set("Prepr-Visitor-IP", sanitizeHeaderValue(ip));
@@ -151,7 +158,7 @@ function processPreprRequest(request, opts) {
   if (hutkCookie) {
     requestHeaders.set("Prepr-Hubspot-Id", sanitizeHeaderValue(hutkCookie));
   }
-  let uid = requestCookies.get(COOKIE_UID);
+  let uid = sanitizeHeaderValue(requestCookies.get(COOKIE_UID) ?? "");
   if (!uid) {
     uid = crypto.randomUUID();
     responseCookies.push({
@@ -229,7 +236,10 @@ function processPreprRequest(request, opts) {
 var PREPR_LOCALS_KEY = "prepr";
 function preprHandle(options) {
   return async ({ event, resolve }) => {
-    const { requestHeaders, responseCookies } = processPreprRequest(event.request, options);
+    const { requestHeaders, responseCookies } = processPreprRequest(
+      event.request,
+      options
+    );
     requestHeaders.forEach((value, key) => {
       event.request.headers.set(key, value);
     });
@@ -298,7 +308,11 @@ function getPreprHeadersFromHeaders(headers) {
 }
 function validatePreprToken(token) {
   if (!token) {
-    throw new PreprError("Token is required", "MISSING_TOKEN", "validatePreprToken");
+    throw new PreprError(
+      "Token is required",
+      "MISSING_TOKEN",
+      "validatePreprToken"
+    );
   }
   if (!token.startsWith("https://")) {
     throw new PreprError(

package/dist/sveltekit/index.js

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "0.2.0-beta.7";
+var VERSION = "0.2.0-beta.9";
 
 // src/core/constants.ts
 var COOKIE_PREVIEW_MODE = "Prepr-Preview-Mode";
@@ -67,7 +67,11 @@ function parseCookies(request) {
     const name = part.slice(0, eq).trim();
     const value = part.slice(eq + 1).trim();
     if (!name) continue;
-    cookies.set(name, decodeURIComponent(value));
+    try {
+      cookies.set(name, decodeURIComponent(value));
+    } catch {
+      cookies.set(name, value);
+    }
   }
   return cookies;
 }
@@ -106,7 +110,10 @@ function processPreprRequest(request, opts) {
   if (userAgent) {
     requestHeaders.set("Prepr-User-Agent", sanitizeHeaderValue(userAgent));
   }
-  requestHeaders.set("Prepr-Package", `@preprio/toolkit@${opts?.version ?? VERSION}`);
+  requestHeaders.set(
+    "Prepr-Package",
+    `@preprio/toolkit@${opts?.version ?? VERSION}`
+  );
   const ip = request.headers.get("Cf-Connecting-Ip") ?? request.headers.get("x-real-ip");
   if (ip) {
     requestHeaders.set("Prepr-Visitor-IP", sanitizeHeaderValue(ip));
@@ -115,7 +122,7 @@ function processPreprRequest(request, opts) {
   if (hutkCookie) {
     requestHeaders.set("Prepr-Hubspot-Id", sanitizeHeaderValue(hutkCookie));
   }
-  let uid = requestCookies.get(COOKIE_UID);
+  let uid = sanitizeHeaderValue(requestCookies.get(COOKIE_UID) ?? "");
   if (!uid) {
     uid = crypto.randomUUID();
     responseCookies.push({
@@ -193,7 +200,10 @@ function processPreprRequest(request, opts) {
 var PREPR_LOCALS_KEY = "prepr";
 function preprHandle(options) {
   return async ({ event, resolve }) => {
-    const { requestHeaders, responseCookies } = processPreprRequest(event.request, options);
+    const { requestHeaders, responseCookies } = processPreprRequest(
+      event.request,
+      options
+    );
     requestHeaders.forEach((value, key) => {
       event.request.headers.set(key, value);
     });
@@ -262,7 +272,11 @@ function getPreprHeadersFromHeaders(headers) {
 }
 function validatePreprToken(token) {
   if (!token) {
-    throw new PreprError("Token is required", "MISSING_TOKEN", "validatePreprToken");
+    throw new PreprError(
+      "Token is required",
+      "MISSING_TOKEN",
+      "validatePreprToken"
+    );
   }
   if (!token.startsWith("https://")) {
     throw new PreprError(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@preprio/toolkit",
-  "version": "0.2.0-beta.7",
+  "version": "0.2.0-beta.9",
   "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)",
@@ -112,8 +112,8 @@
     "next": ">=13",
     "react": ">=17",
     "react-dom": ">=17",
-    "svelte": ">=4",
-    "vue": ">=3"
+    "svelte": ">=5",
+    "vue": ">=3.3"
   },
   "peerDependenciesMeta": {
     "next": {