@preprio/toolkit 0.4.0 → 0.4.1

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.1";
 
 // 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.1";
 
 // 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-FP5XYD6J.js}

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "0.4.0";
+var VERSION = "0.4.1";
 
 // src/core/features.ts
 function isEnabled(config) {

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.1";
 
 // src/core/features.ts
 function isEnabled(config) {
@@ -2386,6 +2386,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 +2481,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 +2518,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.1";
 
 /**
  * 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.1";
 
 /**
  * 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-FP5XYD6J.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

@@ -2266,7 +2266,7 @@ function createPreprPreview(opts = {}) {
 var import_react = require("react");
 
 // src/version.ts
-var VERSION = "0.4.0";
+var VERSION = "0.4.1";
 
 // 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-FP5XYD6J.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.1";
 
 // 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.1";
 
 // 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.1";
 
 // 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.1";
 
 // 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

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

package/dist/react/components.js

@@ -2238,7 +2238,7 @@ function createPreprPreview(opts = {}) {
 }
 
 // src/version.ts
-var VERSION = "0.4.0";
+var VERSION = "0.4.1";
 
 // 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.1";
 
 // 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.1";
 
 // 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.1",
   "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)",