@preprio/toolkit 0.1.0-beta.4 → 0.1.0-beta.5

package/LICENSE

@@ -0,0 +1,202 @@
+
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright 2026 Prepr B.V.
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -647,9 +647,13 @@ validatePreprToken(process.env.PREPR_GRAPHQL_URL!); // throws PreprError if inva
 
 Extracts the access token from a Prepr GraphQL URL — the value `PreprTrackingPixel` needs as its `id`.
 
+Returns the token as a `string`. It never returns `null` — a URL that is malformed, not on `graphql.prepr.io`, or missing a token segment throws a `PreprError` with code `INVALID_TOKEN`.
+
 ```typescript
 const token = extractAccessToken('https://graphql.prepr.io/abc123');
-// 'abc123' or null
+// 'abc123'
+
+extractAccessToken('not-a-url'); // throws PreprError(INVALID_TOKEN)
 ```
 
 ### Components

package/dist/astro/index.cjs

@@ -30,7 +30,7 @@ __export(astro_exports, {
 module.exports = __toCommonJS(astro_exports);
 
 // src/version.ts
-var VERSION = "0.1.0-beta.4";
+var VERSION = "0.1.0-beta.5";
 
 // src/core/server.ts
 var PreprError = class extends Error {

package/dist/astro/index.js

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "0.1.0-beta.4";
+var VERSION = "0.1.0-beta.5";
 
 // src/core/server.ts
 var PreprError = class extends Error {

package/dist/{chunk-3FOY6KL4.js → chunk-NLQIRN5O.js}

@@ -2,7 +2,11 @@
 import { vercelStegaClean, vercelStegaDecode } from "@vercel/stega";
 
 // src/core/utils.ts
-function sendPreprEvent(event, data) {
+var trustedParentOrigin = null;
+function setTrustedParentOrigin(origin) {
+  trustedParentOrigin = origin;
+}
+function sendPreprEvent(event, data, options) {
   if (typeof window !== "undefined") {
     const message = {
       name: "prepr_preview_bar",
@@ -13,7 +17,11 @@ function sendPreprEvent(event, data) {
       new CustomEvent("prepr_preview_bar", { detail: message })
     );
     if (window.parent && window.parent !== window) {
-      window.parent.postMessage(message, "*");
+      if (trustedParentOrigin) {
+        window.parent.postMessage(message, trustedParentOrigin);
+      } else if (options?.allowUntrustedTarget) {
+        window.parent.postMessage(message, "*");
+      }
     }
   }
 }
@@ -1825,7 +1833,23 @@ function t2(key, locale, vars) {
 }
 
 // src/core/iframe-bridge.ts
-function createIframeBridge(store) {
+var EDITOR_BASE_DOMAIN = "prepr.io";
+function isAllowedEditorOrigin(origin, allowed) {
+  if (allowed) return allowed.includes(origin);
+  let url;
+  try {
+    url = new URL(origin);
+  } catch {
+    return false;
+  }
+  if (url.protocol !== "https:" || url.port !== "") return false;
+  const suffix = `.${EDITOR_BASE_DOMAIN}`;
+  if (!url.hostname.endsWith(suffix)) return false;
+  const label = url.hostname.slice(0, -suffix.length);
+  return label.length > 0 && !label.includes(".");
+}
+function createIframeBridge(store, options = {}) {
+  const allowedOrigins = options.allowedEditorOrigins;
   let parentOrigin = null;
   const onKeyDown = (event) => {
     const key = event.key.toLowerCase();
@@ -1835,14 +1859,16 @@ function createIframeBridge(store) {
   const onMessage = (evt) => {
     const data = evt?.data;
     if (data?.event === "prepr:initVE" && !parentOrigin) {
+      if (!isAllowedEditorOrigin(evt.origin, allowedOrigins)) return;
       parentOrigin = evt.origin;
+      setTrustedParentOrigin(parentOrigin);
       if (data.scrollPosition != null) {
         const top = data.scrollPosition;
         setTimeout(() => window.scrollTo(0, top), 1);
       }
       store.set({ previewMode: true, editMode: data.editMode ?? true });
     }
-    if (evt.origin !== parentOrigin) return;
+    if (!parentOrigin || evt.origin !== parentOrigin) return;
     if (data?.event === "prepr:getScrollPosition") {
       const currentScrollY = window.scrollY || document.documentElement.scrollTop;
       sendPreprEvent("getScrollPosition", { value: currentScrollY });
@@ -1850,13 +1876,15 @@ function createIframeBridge(store) {
   };
   return {
     start() {
-      sendPreprEvent("loaded");
+      sendPreprEvent("loaded", void 0, { allowUntrustedTarget: true });
       window.addEventListener("keydown", onKeyDown);
       window.addEventListener("message", onMessage);
     },
     stop() {
       window.removeEventListener("keydown", onKeyDown);
       window.removeEventListener("message", onMessage);
+      parentOrigin = null;
+      setTrustedParentOrigin(null);
     }
   };
 }
@@ -1871,25 +1899,28 @@ function cookieOpts() {
 }
 function createChangeHandler(deps) {
   const { store, stega, syncAutoClean } = deps;
-  function updateParam(name, value) {
+  function updateParams(patch) {
     const [path, existing] = splitPath(deps.currentPath());
     const params = new URLSearchParams(existing);
-    if (value === null) {
-      params.delete(name);
-    } else {
-      params.set(name, value);
+    for (const [name, value] of Object.entries(patch)) {
+      if (value === null) {
+        params.delete(name);
+      } else {
+        params.set(name, value);
+      }
     }
     const query = params.toString();
     deps.navigate(query ? `${path}?${query}` : path);
   }
   return function handleChange(before, after) {
+    const paramPatch = {};
     if (before.selectedSegment !== after.selectedSegment) {
       if (after.selectedSegment === null) {
         removeCookie(COOKIE_SEGMENT, "/", crossSiteCookieOptions());
       } else {
         setCookie(COOKIE_SEGMENT, after.selectedSegment, cookieOpts());
       }
-      updateParam(PARAM_SEGMENT, after.selectedSegment);
+      paramPatch[PARAM_SEGMENT] = after.selectedSegment;
       sendPreprEvent("segment_changed", {
         segment: after.selectedSegment ?? void 0
       });
@@ -1900,11 +1931,14 @@ function createChangeHandler(deps) {
       } else {
         setCookie(COOKIE_VARIANT, after.selectedVariant, cookieOpts());
       }
-      updateParam(PARAM_VARIANT, after.selectedVariant);
+      paramPatch[PARAM_VARIANT] = after.selectedVariant;
       sendPreprEvent("variant_changed", {
         variant: after.selectedVariant ?? void 0
       });
     }
+    if (Object.keys(paramPatch).length > 0) {
+      updateParams(paramPatch);
+    }
     if (before.editMode !== after.editMode) {
       if (after.editMode) {
         stega.start();
@@ -2052,7 +2086,9 @@ function createPreprToolbar(opts) {
   });
   syncAutoClean(store.get().previewMode);
   const bridge = createIframeBridge(store);
-  sendPreprEvent("getScrollPosition", { value: 0 });
+  sendPreprEvent("getScrollPosition", { value: 0 }, {
+    allowUntrustedTarget: true
+  });
   if (isIframe) {
     bridge.start();
   }

package/dist/index.cjs

@@ -43,7 +43,7 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/version.ts
-var VERSION = "0.1.0-beta.4";
+var VERSION = "0.1.0-beta.5";
 
 // src/core/constants.ts
 var COOKIE_PREVIEW_MODE = "Prepr-Preview-Mode";
@@ -188,7 +188,11 @@ function t(key, locale, vars) {
 }
 
 // src/core/utils.ts
-function sendPreprEvent(event, data) {
+var trustedParentOrigin = null;
+function setTrustedParentOrigin(origin) {
+  trustedParentOrigin = origin;
+}
+function sendPreprEvent(event, data, options) {
   if (typeof window !== "undefined") {
     const message = {
       name: "prepr_preview_bar",
@@ -199,7 +203,11 @@ function sendPreprEvent(event, data) {
       new CustomEvent("prepr_preview_bar", { detail: message })
     );
     if (window.parent && window.parent !== window) {
-      window.parent.postMessage(message, "*");
+      if (trustedParentOrigin) {
+        window.parent.postMessage(message, trustedParentOrigin);
+      } else if (options?.allowUntrustedTarget) {
+        window.parent.postMessage(message, "*");
+      }
     }
   }
 }
@@ -285,7 +293,23 @@ function createElementCache(query, ttl = 1e3) {
 }
 
 // src/core/iframe-bridge.ts
-function createIframeBridge(store) {
+var EDITOR_BASE_DOMAIN = "prepr.io";
+function isAllowedEditorOrigin(origin, allowed) {
+  if (allowed) return allowed.includes(origin);
+  let url;
+  try {
+    url = new URL(origin);
+  } catch {
+    return false;
+  }
+  if (url.protocol !== "https:" || url.port !== "") return false;
+  const suffix = `.${EDITOR_BASE_DOMAIN}`;
+  if (!url.hostname.endsWith(suffix)) return false;
+  const label = url.hostname.slice(0, -suffix.length);
+  return label.length > 0 && !label.includes(".");
+}
+function createIframeBridge(store, options = {}) {
+  const allowedOrigins = options.allowedEditorOrigins;
   let parentOrigin = null;
   const onKeyDown = (event) => {
     const key = event.key.toLowerCase();
@@ -295,14 +319,16 @@ function createIframeBridge(store) {
   const onMessage = (evt) => {
     const data = evt?.data;
     if (data?.event === "prepr:initVE" && !parentOrigin) {
+      if (!isAllowedEditorOrigin(evt.origin, allowedOrigins)) return;
       parentOrigin = evt.origin;
+      setTrustedParentOrigin(parentOrigin);
       if (data.scrollPosition != null) {
         const top = data.scrollPosition;
         setTimeout(() => window.scrollTo(0, top), 1);
       }
       store.set({ previewMode: true, editMode: data.editMode ?? true });
     }
-    if (evt.origin !== parentOrigin) return;
+    if (!parentOrigin || evt.origin !== parentOrigin) return;
     if (data?.event === "prepr:getScrollPosition") {
       const currentScrollY = window.scrollY || document.documentElement.scrollTop;
       sendPreprEvent("getScrollPosition", { value: currentScrollY });
@@ -310,13 +336,15 @@ function createIframeBridge(store) {
   };
   return {
     start() {
-      sendPreprEvent("loaded");
+      sendPreprEvent("loaded", void 0, { allowUntrustedTarget: true });
       window.addEventListener("keydown", onKeyDown);
       window.addEventListener("message", onMessage);
     },
     stop() {
       window.removeEventListener("keydown", onKeyDown);
       window.removeEventListener("message", onMessage);
+      parentOrigin = null;
+      setTrustedParentOrigin(null);
     }
   };
 }
@@ -960,25 +988,28 @@ function cookieOpts() {
 }
 function createChangeHandler(deps) {
   const { store, stega, syncAutoClean } = deps;
-  function updateParam(name, value) {
+  function updateParams(patch) {
     const [path, existing] = splitPath(deps.currentPath());
     const params = new URLSearchParams(existing);
-    if (value === null) {
-      params.delete(name);
-    } else {
-      params.set(name, value);
+    for (const [name, value] of Object.entries(patch)) {
+      if (value === null) {
+        params.delete(name);
+      } else {
+        params.set(name, value);
+      }
     }
     const query = params.toString();
     deps.navigate(query ? `${path}?${query}` : path);
   }
   return function handleChange(before, after) {
+    const paramPatch = {};
     if (before.selectedSegment !== after.selectedSegment) {
       if (after.selectedSegment === null) {
         removeCookie(COOKIE_SEGMENT, "/", crossSiteCookieOptions());
       } else {
         setCookie(COOKIE_SEGMENT, after.selectedSegment, cookieOpts());
       }
-      updateParam(PARAM_SEGMENT, after.selectedSegment);
+      paramPatch[PARAM_SEGMENT] = after.selectedSegment;
       sendPreprEvent("segment_changed", {
         segment: after.selectedSegment ?? void 0
       });
@@ -989,11 +1020,14 @@ function createChangeHandler(deps) {
       } else {
         setCookie(COOKIE_VARIANT, after.selectedVariant, cookieOpts());
       }
-      updateParam(PARAM_VARIANT, after.selectedVariant);
+      paramPatch[PARAM_VARIANT] = after.selectedVariant;
       sendPreprEvent("variant_changed", {
         variant: after.selectedVariant ?? void 0
       });
     }
+    if (Object.keys(paramPatch).length > 0) {
+      updateParams(paramPatch);
+    }
     if (before.editMode !== after.editMode) {
       if (after.editMode) {
         stega.start();
@@ -2099,7 +2133,9 @@ function createPreprToolbar(opts) {
   });
   syncAutoClean(store.get().previewMode);
   const bridge = createIframeBridge(store);
-  sendPreprEvent("getScrollPosition", { value: 0 });
+  sendPreprEvent("getScrollPosition", { value: 0 }, {
+    allowUntrustedTarget: true
+  });
   if (isIframe) {
     bridge.start();
   }

package/dist/index.d.cts

@@ -5,7 +5,7 @@ export { f as PreprEnvironment, g as PreprEventType, h as PreprHeaderName, i as
  * 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.1.0-beta.4";
+declare const VERSION = "0.1.0-beta.5";
 
 interface ToolbarState {
     locale: Locale;

package/dist/index.d.ts

@@ -5,7 +5,7 @@ export { f as PreprEnvironment, g as PreprEventType, h as PreprHeaderName, i as
  * 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.1.0-beta.4";
+declare const VERSION = "0.1.0-beta.5";
 
 interface ToolbarState {
     locale: Locale;

package/dist/index.js

@@ -16,10 +16,10 @@ import {
   setTrackingParam,
   stegaClean,
   trackEvent
-} from "./chunk-3FOY6KL4.js";
+} from "./chunk-NLQIRN5O.js";
 
 // src/version.ts
-var VERSION = "0.1.0-beta.4";
+var VERSION = "0.1.0-beta.5";
 
 // src/core/server.ts
 var PreprError = class extends Error {

package/dist/json-script.cjs

@@ -0,0 +1,32 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/core/json-script.ts
+var json_script_exports = {};
+__export(json_script_exports, {
+  serializeForScriptTag: () => serializeForScriptTag
+});
+module.exports = __toCommonJS(json_script_exports);
+function serializeForScriptTag(value) {
+  return JSON.stringify(value ?? null).replace(/</g, "\\u003c").replace(/>/g, "\\u003e").replace(/&/g, "\\u0026").replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029");
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  serializeForScriptTag
+});

package/dist/json-script.d.cts

@@ -0,0 +1,17 @@
+/**
+ * Serialize a value for embedding inside `<script type="application/json">`.
+ *
+ * `JSON.stringify` does not escape `<`, `>` or `&`, so a string value
+ * containing `</script>` would close the tag early and let the remainder parse
+ * as HTML — stored XSS whenever any part of the payload is author-controlled
+ * (CMS segment names reach these components verbatim).
+ *
+ * Escaping `<` and `>` as `\uXXXX` keeps the output valid JSON that parses back
+ * to the identical value, while making an early tag close impossible. `&` is
+ * escaped too so the payload is also safe inside HTML-escaping contexts, and
+ * U+2028/U+2029 because they are literal line terminators in JS source but
+ * legal unescaped inside a JSON string.
+ */
+declare function serializeForScriptTag(value: unknown): string;
+
+export { serializeForScriptTag };

package/dist/json-script.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Serialize a value for embedding inside `<script type="application/json">`.
+ *
+ * `JSON.stringify` does not escape `<`, `>` or `&`, so a string value
+ * containing `</script>` would close the tag early and let the remainder parse
+ * as HTML — stored XSS whenever any part of the payload is author-controlled
+ * (CMS segment names reach these components verbatim).
+ *
+ * Escaping `<` and `>` as `\uXXXX` keeps the output valid JSON that parses back
+ * to the identical value, while making an early tag close impossible. `&` is
+ * escaped too so the payload is also safe inside HTML-escaping contexts, and
+ * U+2028/U+2029 because they are literal line terminators in JS source but
+ * legal unescaped inside a JSON string.
+ */
+declare function serializeForScriptTag(value: unknown): string;
+
+export { serializeForScriptTag };

package/dist/json-script.js

@@ -0,0 +1,7 @@
+// src/core/json-script.ts
+function serializeForScriptTag(value) {
+  return JSON.stringify(value ?? null).replace(/</g, "\\u003c").replace(/>/g, "\\u003e").replace(/&/g, "\\u0026").replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029");
+}
+export {
+  serializeForScriptTag
+};

package/dist/nextjs/components.cjs

@@ -169,7 +169,11 @@ function t(key, locale, vars) {
 }
 
 // src/core/utils.ts
-function sendPreprEvent(event, data) {
+var trustedParentOrigin = null;
+function setTrustedParentOrigin(origin) {
+  trustedParentOrigin = origin;
+}
+function sendPreprEvent(event, data, options) {
   if (typeof window !== "undefined") {
     const message = {
       name: "prepr_preview_bar",
@@ -180,7 +184,11 @@ function sendPreprEvent(event, data) {
       new CustomEvent("prepr_preview_bar", { detail: message })
     );
     if (window.parent && window.parent !== window) {
-      window.parent.postMessage(message, "*");
+      if (trustedParentOrigin) {
+        window.parent.postMessage(message, trustedParentOrigin);
+      } else if (options?.allowUntrustedTarget) {
+        window.parent.postMessage(message, "*");
+      }
     }
   }
 }
@@ -266,7 +274,23 @@ function createElementCache(query, ttl = 1e3) {
 }
 
 // src/core/iframe-bridge.ts
-function createIframeBridge(store) {
+var EDITOR_BASE_DOMAIN = "prepr.io";
+function isAllowedEditorOrigin(origin, allowed) {
+  if (allowed) return allowed.includes(origin);
+  let url;
+  try {
+    url = new URL(origin);
+  } catch {
+    return false;
+  }
+  if (url.protocol !== "https:" || url.port !== "") return false;
+  const suffix = `.${EDITOR_BASE_DOMAIN}`;
+  if (!url.hostname.endsWith(suffix)) return false;
+  const label = url.hostname.slice(0, -suffix.length);
+  return label.length > 0 && !label.includes(".");
+}
+function createIframeBridge(store, options = {}) {
+  const allowedOrigins = options.allowedEditorOrigins;
   let parentOrigin = null;
   const onKeyDown = (event) => {
     const key = event.key.toLowerCase();
@@ -276,14 +300,16 @@ function createIframeBridge(store) {
   const onMessage = (evt) => {
     const data = evt?.data;
     if (data?.event === "prepr:initVE" && !parentOrigin) {
+      if (!isAllowedEditorOrigin(evt.origin, allowedOrigins)) return;
       parentOrigin = evt.origin;
+      setTrustedParentOrigin(parentOrigin);
       if (data.scrollPosition != null) {
         const top = data.scrollPosition;
         setTimeout(() => window.scrollTo(0, top), 1);
       }
       store.set({ previewMode: true, editMode: data.editMode ?? true });
     }
-    if (evt.origin !== parentOrigin) return;
+    if (!parentOrigin || evt.origin !== parentOrigin) return;
     if (data?.event === "prepr:getScrollPosition") {
       const currentScrollY = window.scrollY || document.documentElement.scrollTop;
       sendPreprEvent("getScrollPosition", { value: currentScrollY });
@@ -291,13 +317,15 @@ function createIframeBridge(store) {
   };
   return {
     start() {
-      sendPreprEvent("loaded");
+      sendPreprEvent("loaded", void 0, { allowUntrustedTarget: true });
       window.addEventListener("keydown", onKeyDown);
       window.addEventListener("message", onMessage);
     },
     stop() {
       window.removeEventListener("keydown", onKeyDown);
       window.removeEventListener("message", onMessage);
+      parentOrigin = null;
+      setTrustedParentOrigin(null);
     }
   };
 }
@@ -937,25 +965,28 @@ function cookieOpts() {
 }
 function createChangeHandler(deps) {
   const { store, stega, syncAutoClean } = deps;
-  function updateParam(name, value) {
+  function updateParams(patch) {
     const [path, existing] = splitPath(deps.currentPath());
     const params = new URLSearchParams(existing);
-    if (value === null) {
-      params.delete(name);
-    } else {
-      params.set(name, value);
+    for (const [name, value] of Object.entries(patch)) {
+      if (value === null) {
+        params.delete(name);
+      } else {
+        params.set(name, value);
+      }
     }
     const query = params.toString();
     deps.navigate(query ? `${path}?${query}` : path);
   }
   return function handleChange(before, after) {
+    const paramPatch = {};
     if (before.selectedSegment !== after.selectedSegment) {
       if (after.selectedSegment === null) {
         removeCookie(COOKIE_SEGMENT, "/", crossSiteCookieOptions());
       } else {
         setCookie(COOKIE_SEGMENT, after.selectedSegment, cookieOpts());
       }
-      updateParam(PARAM_SEGMENT, after.selectedSegment);
+      paramPatch[PARAM_SEGMENT] = after.selectedSegment;
       sendPreprEvent("segment_changed", {
         segment: after.selectedSegment ?? void 0
       });
@@ -966,11 +997,14 @@ function createChangeHandler(deps) {
       } else {
         setCookie(COOKIE_VARIANT, after.selectedVariant, cookieOpts());
       }
-      updateParam(PARAM_VARIANT, after.selectedVariant);
+      paramPatch[PARAM_VARIANT] = after.selectedVariant;
       sendPreprEvent("variant_changed", {
         variant: after.selectedVariant ?? void 0
       });
     }
+    if (Object.keys(paramPatch).length > 0) {
+      updateParams(paramPatch);
+    }
     if (before.editMode !== after.editMode) {
       if (after.editMode) {
         stega.start();
@@ -2076,7 +2110,9 @@ function createPreprToolbar(opts) {
   });
   syncAutoClean(store.get().previewMode);
   const bridge = createIframeBridge(store);
-  sendPreprEvent("getScrollPosition", { value: 0 });
+  sendPreprEvent("getScrollPosition", { value: 0 }, {
+    allowUntrustedTarget: true
+  });
   if (isIframe) {
     bridge.start();
   }

package/dist/nextjs/components.js

@@ -2,7 +2,7 @@
 import {
   createPreprToolbar,
   loadTrackingPixel
-} from "../chunk-3FOY6KL4.js";
+} from "../chunk-NLQIRN5O.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.1.0-beta.4";
+var VERSION = "0.1.0-beta.5";
 
 // src/core/constants.ts
 var COOKIE_PREVIEW_MODE = "Prepr-Preview-Mode";

package/dist/nextjs/index.js

@@ -2,7 +2,7 @@
 import { NextResponse } from "next/server";
 
 // src/version.ts
-var VERSION = "0.1.0-beta.4";
+var VERSION = "0.1.0-beta.5";
 
 // src/core/constants.ts
 var COOKIE_PREVIEW_MODE = "Prepr-Preview-Mode";

package/dist/nuxt/index.cjs

@@ -35,7 +35,7 @@ __export(nuxt_exports, {
 module.exports = __toCommonJS(nuxt_exports);
 
 // src/version.ts
-var VERSION = "0.1.0-beta.4";
+var VERSION = "0.1.0-beta.5";
 
 // src/core/constants.ts
 var COOKIE_PREVIEW_MODE = "Prepr-Preview-Mode";

package/dist/nuxt/index.js

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "0.1.0-beta.4";
+var VERSION = "0.1.0-beta.5";
 
 // src/core/constants.ts
 var COOKIE_PREVIEW_MODE = "Prepr-Preview-Mode";

package/dist/sveltekit/index.cjs

@@ -35,7 +35,7 @@ __export(sveltekit_exports, {
 module.exports = __toCommonJS(sveltekit_exports);
 
 // src/version.ts
-var VERSION = "0.1.0-beta.4";
+var VERSION = "0.1.0-beta.5";
 
 // 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.1.0-beta.4";
+var VERSION = "0.1.0-beta.5";
 
 // src/core/constants.ts
 var COOKIE_PREVIEW_MODE = "Prepr-Preview-Mode";

package/package.json

@@ -1,8 +1,28 @@
 {
   "name": "@preprio/toolkit",
-  "version": "0.1.0-beta.4",
+  "version": "0.1.0-beta.5",
   "description": "Prepr personalization, A/B testing and preview toolkit for Next.js, Nuxt, Astro, SvelteKit and Express",
-  "license": "MIT",
+  "license": "Apache-2.0",
+  "author": "Prepr B.V. (https://prepr.io)",
+  "keywords": [
+    "prepr",
+    "cms",
+    "headless-cms",
+    "personalization",
+    "ab-testing",
+    "preview",
+    "visual-editing",
+    "nextjs",
+    "nuxt",
+    "astro",
+    "sveltekit"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=18.17"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/preprio/prepr-toolkit.git",
@@ -23,6 +43,16 @@
       "import": "./dist/nextjs/index.js",
       "require": "./dist/nextjs/index.cjs"
     },
+    "./json-script": {
+      "types": "./dist/json-script.d.ts",
+      "import": "./dist/json-script.js",
+      "require": "./dist/json-script.cjs"
+    },
+    "./nextjs/components": {
+      "types": "./dist/nextjs/components.d.ts",
+      "import": "./dist/nextjs/components.js",
+      "require": "./dist/nextjs/components.cjs"
+    },
     "./nextjs/image-loader": {
       "types": "./dist/nextjs/image-loader.d.ts",
       "import": "./dist/nextjs/image-loader.js",
@@ -53,6 +83,16 @@
     "src/sveltekit/*.svelte",
     "src/nuxt/*.vue"
   ],
+  "scripts": {
+    "gen:css": "node scripts/compile-css.mjs",
+    "prebuild": "rm -rf dist && pnpm gen:css && node scripts/check-version.mjs",
+    "pretest": "pnpm gen:css",
+    "pretypecheck": "pnpm gen:css",
+    "build": "tsup",
+    "postbuild": "node scripts/check-exports.mjs",
+    "test": "vitest run",
+    "typecheck": "tsc --noEmit"
+  },
   "dependencies": {
     "@vercel/stega": "^1.1.0",
     "preact": "^10.29.7"
@@ -60,7 +100,9 @@
   "peerDependencies": {
     "next": ">=13",
     "react": ">=17",
-    "react-dom": ">=17"
+    "react-dom": ">=17",
+    "svelte": ">=4",
+    "vue": ">=3"
   },
   "peerDependenciesMeta": {
     "next": {
@@ -71,6 +113,12 @@
     },
     "react-dom": {
       "optional": true
+    },
+    "svelte": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
     }
   },
   "devDependencies": {
@@ -86,15 +134,5 @@
     "tsup": "^8.5.1",
     "typescript": "^5.9.3",
     "vitest": "^4.1.10"
-  },
-  "scripts": {
-    "gen:css": "node scripts/compile-css.mjs",
-    "prebuild": "rm -rf dist && pnpm gen:css && node scripts/check-version.mjs",
-    "pretest": "pnpm gen:css",
-    "pretypecheck": "pnpm gen:css",
-    "build": "tsup",
-    "postbuild": "node scripts/check-exports.mjs",
-    "test": "vitest run",
-    "typecheck": "tsc --noEmit"
   }
-}
+}

package/src/astro/PreprToolbar.astro

@@ -29,6 +29,7 @@
  * data shape of primitives/arrays.)
  */
 import type { PreprToolbarProps } from '@preprio/toolkit';
+import { serializeForScriptTag } from '@preprio/toolkit/json-script';
 
 type Props = PreprToolbarProps;
 
@@ -40,7 +41,7 @@ const props = { activeSegment, activeVariant, segments: segments ?? data ?? [] }
 <script
   type="application/json"
   data-prepr-toolbar-props
-  set:html={JSON.stringify(props)}
+  set:html={serializeForScriptTag(props)}
 />
 
 <script>

package/src/astro/PreprTrackingPixel.astro

@@ -14,6 +14,8 @@
  * from '@preprio/toolkit'` would fail to resolve in the browser. See
  * `PreprToolbar.astro` for the full explanation.
  */
+import { serializeForScriptTag } from '@preprio/toolkit/json-script';
+
 interface Props {
   id: string;
   config?: {
@@ -34,7 +36,7 @@ const payload = { id, config };
 <script
   type="application/json"
   data-prepr-pixel-props
-  set:html={JSON.stringify(payload)}
+  set:html={serializeForScriptTag(payload)}
 />
 
 <script>