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

package/dist/nextjs/components.cjs

@@ -369,9 +369,7 @@ function decodeStega(str) {
     const match = str.match(/{"origin.*?}/);
     if (match) {
       try {
-        const decodedMatch = (0, import_stega.vercelStegaDecode)(
-          match[0]
-        );
+        const decodedMatch = (0, import_stega.vercelStegaDecode)(match[0]);
         if (decodedMatch?.href) {
           return decodedMatch;
         }
@@ -440,6 +438,8 @@ function createStegaAutoClean() {
   function scanAndClean() {
     processing = true;
     walkTextNodes(document.body, cleanTextNode);
+    const title = (0, import_stega2.vercelStegaSplit)(document.title);
+    if (title.encoded) document.title = title.cleaned;
     processing = false;
   }
   function collectAffected(mutations) {
@@ -485,15 +485,8 @@ function createStegaAutoClean() {
   }
   function start() {
     if (observer || typeof window === "undefined") return;
-    const run = () => {
-      scanAndClean();
-      setupObserver();
-    };
-    if ("requestIdleCallback" in window) {
-      window.requestIdleCallback(run);
-    } else {
-      setTimeout(run, 0);
-    }
+    scanAndClean();
+    setupObserver();
     debug2.log("stega auto-clean started");
   }
   function stop() {
@@ -904,8 +897,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");
   };
@@ -986,7 +984,7 @@ function cookieOpts() {
   };
 }
 function createChangeHandler(deps) {
-  const { store, stega, syncAutoClean, features, editingEnabled } = deps;
+  const { store, stega, features, editingEnabled } = deps;
   function updateParams(patch) {
     const [path, existing] = splitPath(deps.currentPath());
     const params = new URLSearchParams(existing);
@@ -1048,17 +1046,20 @@ function createChangeHandler(deps) {
       }
       setCookie(COOKIE_PREVIEW_MODE, String(after.previewMode), cookieOpts());
       setCookie(COOKIE_TOOLBAR_OPEN, "false", cookieOpts());
-      sendPreprEvent("preview_mode_toggled", { previewMode: after.previewMode });
-      syncAutoClean(after.previewMode);
-      const [path, existing] = splitPath(deps.currentPath());
-      const params = new URLSearchParams(existing);
-      if (params.has(PARAM_SEGMENT) || params.has(PARAM_VARIANT)) {
-        params.delete(PARAM_SEGMENT);
-        params.delete(PARAM_VARIANT);
-        const query = params.toString();
-        deps.navigate(query ? `${path}?${query}` : path);
-      } else {
-        deps.reload();
+      sendPreprEvent("preview_mode_toggled", {
+        previewMode: after.previewMode
+      });
+      if (!after.isIframe) {
+        const [path, existing] = splitPath(deps.currentPath());
+        const params = new URLSearchParams(existing);
+        if (params.has(PARAM_SEGMENT) || params.has(PARAM_VARIANT)) {
+          params.delete(PARAM_SEGMENT);
+          params.delete(PARAM_VARIANT);
+          const query = params.toString();
+          deps.navigate(query ? `${path}?${query}` : path);
+        } else {
+          deps.reload();
+        }
       }
     }
     if (before.toolbarOpen !== after.toolbarOpen) {
@@ -1368,7 +1369,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",
     {
@@ -1939,9 +1943,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;
@@ -2142,16 +2144,7 @@ function createPreprPreview(opts = {}) {
     }
   });
   const autoClean = createStegaAutoClean();
-  let autoCleanActive = false;
-  function syncAutoClean(active) {
-    if (active && !autoCleanActive) {
-      autoClean.start();
-      autoCleanActive = true;
-    } else if (!active && autoCleanActive) {
-      autoClean.stop();
-      autoCleanActive = false;
-    }
-  }
+  autoClean.start();
   const handleChange = createChangeHandler({
     store,
     features,
@@ -2159,8 +2152,7 @@ function createPreprPreview(opts = {}) {
     navigate: (url) => navigation.navigate(url),
     currentPath: () => navigation.currentPath(),
     reload: navigation.reload ?? (() => window.location.reload()),
-    stega,
-    syncAutoClean
+    stega
   });
   let prev = store.get();
   const unsubscribe = store.subscribe((state) => {
@@ -2168,20 +2160,23 @@ function createPreprPreview(opts = {}) {
     prev = state;
     handleChange(before, state);
   });
-  syncAutoClean(store.get().previewMode);
   const bridge = createIframeBridge(store, {
     allowedEditorOrigins: options?.allowedEditorOrigins
   });
-  sendPreprEvent("getScrollPosition", { value: 0 }, {
-    allowUntrustedTarget: true
-  });
+  sendPreprEvent(
+    "getScrollPosition",
+    { value: 0 },
+    {
+      allowUntrustedTarget: true
+    }
+  );
   if (isIframe) {
     bridge.start();
   }
   function destroy() {
     unsubscribe();
     stega.stop();
-    syncAutoClean(false);
+    autoClean.stop();
     if (isIframe) {
       bridge.stop();
     }
@@ -2252,13 +2247,15 @@ function PreprToolbar({
 }) {
   const router = (0, import_navigation.useRouter)();
   const pathname = (0, import_navigation.usePathname)();
+  const pathnameRef = (0, import_react2.useRef)(pathname);
+  pathnameRef.current = pathname;
   (0, import_react2.useEffect)(() => {
     const toolbar = createPreprPreview({
       props,
       options,
       navigation: {
         navigate: (url) => router.push(url),
-        currentPath: () => pathname + window.location.search
+        currentPath: () => pathnameRef.current + window.location.search
       }
     });
     return () => toolbar.destroy();

package/dist/nextjs/components.js

@@ -2,11 +2,11 @@
 import {
   createPreprPreview,
   loadTrackingPixel
-} from "../chunk-C6YEXA5G.js";
+} from "../chunk-JVUG6S4O.js";
 
 // src/nextjs/components.ts
 import { usePathname, useRouter } from "next/navigation";
-import { useEffect as useEffect2 } from "react";
+import { useEffect as useEffect2, useRef } from "react";
 
 // src/react/components.ts
 import { useEffect } from "react";
@@ -27,13 +27,15 @@ function PreprToolbar({
 }) {
   const router = useRouter();
   const pathname = usePathname();
+  const pathnameRef = useRef(pathname);
+  pathnameRef.current = pathname;
   useEffect2(() => {
     const toolbar = createPreprPreview({
       props,
       options,
       navigation: {
         navigate: (url) => router.push(url),
-        currentPath: () => pathname + window.location.search
+        currentPath: () => pathnameRef.current + window.location.search
       }
     });
     return () => toolbar.destroy();

package/dist/nextjs/image-loader.cjs

@@ -25,7 +25,10 @@ __export(image_loader_exports, {
 module.exports = __toCommonJS(image_loader_exports);
 var TRANSFORM_SEGMENT = /\/([^/]*\bw_\d+[^/]*)\//;
 var isPositiveInteger = (value) => /^\d+$/.test(value);
-function preprImageLoader({ src, width }) {
+function preprImageLoader({
+  src,
+  width
+}) {
   return src.replace(TRANSFORM_SEGMENT, (match, segment) => {
     const options = segment.split(",").map((pair) => {
       const underscore = pair.indexOf("_");
@@ -36,7 +39,9 @@ function preprImageLoader({ src, width }) {
     const emittedHeight = options.find(([key]) => key === "h");
     if (emittedHeight && isPositiveInteger(emittedHeight[1])) {
       emittedHeight[1] = String(
-        Math.round(width * Number(emittedHeight[1]) / Number(emittedWidth[1]))
+        Math.round(
+          width * Number(emittedHeight[1]) / Number(emittedWidth[1])
+        )
       );
     }
     emittedWidth[1] = String(width);

package/dist/nextjs/image-loader.d.cts

@@ -9,6 +9,6 @@ import { ImageLoaderProps } from 'next/image';
  * neither of which is a ceiling on what the CDN can serve, so capping there
  * would rule out retina.
  */
-declare function preprImageLoader({ src, width }: ImageLoaderProps): string;
+declare function preprImageLoader({ src, width, }: ImageLoaderProps): string;
 
 export { preprImageLoader as default };

package/dist/nextjs/image-loader.d.ts

@@ -9,6 +9,6 @@ import { ImageLoaderProps } from 'next/image';
  * neither of which is a ceiling on what the CDN can serve, so capping there
  * would rule out retina.
  */
-declare function preprImageLoader({ src, width }: ImageLoaderProps): string;
+declare function preprImageLoader({ src, width, }: ImageLoaderProps): string;
 
 export { preprImageLoader as default };

package/dist/nextjs/image-loader.js

@@ -1,7 +1,10 @@
 // src/nextjs/image-loader.ts
 var TRANSFORM_SEGMENT = /\/([^/]*\bw_\d+[^/]*)\//;
 var isPositiveInteger = (value) => /^\d+$/.test(value);
-function preprImageLoader({ src, width }) {
+function preprImageLoader({
+  src,
+  width
+}) {
   return src.replace(TRANSFORM_SEGMENT, (match, segment) => {
     const options = segment.split(",").map((pair) => {
       const underscore = pair.indexOf("_");
@@ -12,7 +15,9 @@ function preprImageLoader({ src, width }) {
     const emittedHeight = options.find(([key]) => key === "h");
     if (emittedHeight && isPositiveInteger(emittedHeight[1])) {
       emittedHeight[1] = String(
-        Math.round(width * Number(emittedHeight[1]) / Number(emittedWidth[1]))
+        Math.round(
+          width * Number(emittedHeight[1]) / Number(emittedWidth[1])
+        )
       );
     }
     emittedWidth[1] = String(width);

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.2.0-beta.6";
+var VERSION = "0.2.0-beta.9";
 
 // src/core/constants.ts
 var COOKIE_PREVIEW_MODE = "Prepr-Preview-Mode";
@@ -92,7 +92,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;
 }
@@ -131,7 +135,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));
@@ -140,7 +147,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({
@@ -224,19 +231,30 @@ function createPreprMiddleware(request, responseOrOptions, maybeOptions) {
   } else {
     options = responseOrOptions;
   }
-  const { requestHeaders, responseCookies } = processPreprRequest(request, options);
+  const { requestHeaders, responseCookies } = processPreprRequest(
+    request,
+    options
+  );
   const response = chainedResponse ?? import_server.NextResponse.next({ request: { headers: requestHeaders } });
   if (chainedResponse) {
+    const existing = response.headers.get("x-middleware-override-headers");
+    const names = new Set(
+      existing ? existing.split(",").map((name) => name.trim()).filter(Boolean) : []
+    );
     requestHeaders.forEach((value, key) => {
-      response.headers.set(key, value);
+      names.add(key);
+      response.headers.set(`x-middleware-request-${key}`, value);
     });
+    response.headers.set("x-middleware-override-headers", [...names].join(","));
   }
   for (const cookie of responseCookies) {
     response.cookies.set(cookie.name, cookie.value, {
       maxAge: cookie.maxAge,
       path: cookie.path,
       // Lower-cased: Next's cookie API expects 'none' | 'lax' | 'strict'.
-      ...cookie.sameSite ? { sameSite: cookie.sameSite.toLowerCase() } : {},
+      ...cookie.sameSite ? {
+        sameSite: cookie.sameSite.toLowerCase()
+      } : {},
       ...cookie.secure ? { secure: true } : {}
     });
   }
@@ -296,7 +314,11 @@ function getPreprHeadersFromHeaders(headers2) {
 }
 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(
@@ -426,7 +448,7 @@ async function getToolbarProps(token, features) {
 }
 
 // src/nextjs/index.ts
-var import_components = require("./components");
+var import_components = require("./components.cjs");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   PreprError,

package/dist/nextjs/index.d.cts

@@ -1,5 +1,11 @@
 import { NextRequest, NextResponse } from 'next/server';
-export { PreprToolbar, PreprTrackingPixel, PreprTrackingPixelProps } from './components';
+
+type Dictionary = Record<string, unknown>;
+declare const dictionaries: {
+    en: Dictionary;
+    nl: Dictionary;
+};
+type Locale = keyof typeof dictionaries;
 
 interface PreprSegment {
     readonly _id: string;
@@ -29,6 +35,36 @@ interface PreprFeatures {
      */
     editMode?: PreprFeatureConfig;
 }
+interface PreprToolbarOptions {
+    debug?: boolean;
+    locale?: Locale;
+    /** Disable features app-wide. Pass the same object to the middleware. */
+    features?: PreprFeatures;
+}
+/**
+ * Options for the preview runtime. Two independent axes: `features` decides
+ * *what runs*, `ui` decides *whether the toolbar is visible*.
+ */
+interface PreprPreviewOptions extends PreprToolbarOptions {
+    /**
+     * Mount the visible `<prepr-toolbar>` element. Default `true`.
+     *
+     * `false` keeps every non-visual side effect wired — click-to-edit, the
+     * editor bridge, scroll restore, cookies and headers — with no chrome of its
+     * own. That is how a site gets live editing, or editor scroll restore, while
+     * rendering its own UI instead of the bar.
+     *
+     * Already implied inside the editor's iframe (the CMS owns the chrome there)
+     * and by `?prepr_hide_bar=true`, so this option is for consumers who want a
+     * headless preview by their own choice.
+     */
+    ui?: boolean;
+    /**
+     * Replace the `*.prepr.io` editor-origin wildcard with an exact list.
+     * Intended for self-hosted editors; when set, the wildcard no longer applies.
+     */
+    allowedEditorOrigins?: string[];
+}
 interface PreprToolbarProps {
     /**
      * Server-resolved active segment. Optional: omit it with `segments`
@@ -47,6 +83,13 @@ interface PreprToolbarProps {
     /** @deprecated Alias for `segments`. */
     readonly data?: readonly PreprSegment[];
 }
+/**
+ * Prop type for the framework `<PreprToolbar>` components: the toolbar data
+ * plus the options bag core `createPreprPreview` accepts.
+ */
+interface PreprToolbarComponentProps extends PreprToolbarProps {
+    options?: PreprPreviewOptions;
+}
 type PreprVariant = 'A' | 'B';
 interface PreprHeaders {
     readonly 'prepr-customer-id'?: string;
@@ -127,4 +170,58 @@ declare function validatePreprToken(token: string): void;
  */
 declare function extractAccessToken(graphqlUrl: string): string;
 
-export { PreprError, type PreprMiddlewareOptions, createPreprMiddleware, extractAccessToken, getActiveSegment, getActiveVariant, getPreprHeaders, getPreprUUID, getToolbarProps, validatePreprToken };
+/**
+ * Loader + typed facade for Prepr's CDN tracking pixel, so consumers don't have
+ * to paste a `<script>` tag. The pixel itself lives on the CDN; this only sets
+ * up the handoff.
+ *
+ * The CDN script expects a queue stub to already exist when it loads, so the
+ * contract must be reproduced exactly:
+ *   - `window.prepr` pushes `arguments` onto `.queue` until the real script
+ *     lands and replaces `.process`.
+ *   - `.t` must be a `Date.now()` timestamp.
+ *   - The tag is inserted async, `src` cache-busted every 24h via
+ *     `Math.ceil(Date.now() / cacheTime) * cacheTime`.
+ */
+/** Config accepted by the CDN pixel. */
+interface PreprPixelConfig {
+    destinations?: {
+        googleTagManager?: boolean;
+    };
+    variantImpressionThreshold?: number;
+}
+type PreprQueueArgs = unknown[];
+interface PreprQueueFn {
+    (...args: PreprQueueArgs): void;
+    queue: PreprQueueArgs[];
+    t: number;
+    process?: (...args: PreprQueueArgs) => void;
+}
+declare global {
+    interface Window {
+        prepr?: PreprQueueFn;
+    }
+}
+
+interface PreprTrackingPixelProps {
+    /** Prepr tracking/access token. */
+    id: string;
+    config?: PreprPixelConfig;
+}
+/**
+ * Loads Prepr's CDN tracking pixel on mount. Renders nothing.
+ *
+ * The pixel queues a single `pageload` event when it installs. Client-side
+ * route changes emit nothing on their own — call `trackEvent('pageload')` from
+ * the router to count them.
+ */
+declare function PreprTrackingPixel({ id, config, }: PreprTrackingPixelProps): null;
+
+/**
+ * Mounts the Prepr toolbar and wires it to the Next.js router so segment/variant
+ * switches navigate. Renders nothing — the toolbar UI is a custom element that
+ * `createPreprPreview` mounts imperatively.
+ */
+declare function PreprToolbar({ options, ...props }: PreprToolbarComponentProps): null;
+
+export { PreprError, type PreprMiddlewareOptions, PreprToolbar, PreprTrackingPixel, type PreprTrackingPixelProps, createPreprMiddleware, extractAccessToken, getActiveSegment, getActiveVariant, getPreprHeaders, getPreprUUID, getToolbarProps, validatePreprToken };

package/dist/nextjs/index.d.ts

@@ -1,5 +1,11 @@
 import { NextRequest, NextResponse } from 'next/server';
-export { PreprToolbar, PreprTrackingPixel, PreprTrackingPixelProps } from './components';
+
+type Dictionary = Record<string, unknown>;
+declare const dictionaries: {
+    en: Dictionary;
+    nl: Dictionary;
+};
+type Locale = keyof typeof dictionaries;
 
 interface PreprSegment {
     readonly _id: string;
@@ -29,6 +35,36 @@ interface PreprFeatures {
      */
     editMode?: PreprFeatureConfig;
 }
+interface PreprToolbarOptions {
+    debug?: boolean;
+    locale?: Locale;
+    /** Disable features app-wide. Pass the same object to the middleware. */
+    features?: PreprFeatures;
+}
+/**
+ * Options for the preview runtime. Two independent axes: `features` decides
+ * *what runs*, `ui` decides *whether the toolbar is visible*.
+ */
+interface PreprPreviewOptions extends PreprToolbarOptions {
+    /**
+     * Mount the visible `<prepr-toolbar>` element. Default `true`.
+     *
+     * `false` keeps every non-visual side effect wired — click-to-edit, the
+     * editor bridge, scroll restore, cookies and headers — with no chrome of its
+     * own. That is how a site gets live editing, or editor scroll restore, while
+     * rendering its own UI instead of the bar.
+     *
+     * Already implied inside the editor's iframe (the CMS owns the chrome there)
+     * and by `?prepr_hide_bar=true`, so this option is for consumers who want a
+     * headless preview by their own choice.
+     */
+    ui?: boolean;
+    /**
+     * Replace the `*.prepr.io` editor-origin wildcard with an exact list.
+     * Intended for self-hosted editors; when set, the wildcard no longer applies.
+     */
+    allowedEditorOrigins?: string[];
+}
 interface PreprToolbarProps {
     /**
      * Server-resolved active segment. Optional: omit it with `segments`
@@ -47,6 +83,13 @@ interface PreprToolbarProps {
     /** @deprecated Alias for `segments`. */
     readonly data?: readonly PreprSegment[];
 }
+/**
+ * Prop type for the framework `<PreprToolbar>` components: the toolbar data
+ * plus the options bag core `createPreprPreview` accepts.
+ */
+interface PreprToolbarComponentProps extends PreprToolbarProps {
+    options?: PreprPreviewOptions;
+}
 type PreprVariant = 'A' | 'B';
 interface PreprHeaders {
     readonly 'prepr-customer-id'?: string;
@@ -127,4 +170,58 @@ declare function validatePreprToken(token: string): void;
  */
 declare function extractAccessToken(graphqlUrl: string): string;
 
-export { PreprError, type PreprMiddlewareOptions, createPreprMiddleware, extractAccessToken, getActiveSegment, getActiveVariant, getPreprHeaders, getPreprUUID, getToolbarProps, validatePreprToken };
+/**
+ * Loader + typed facade for Prepr's CDN tracking pixel, so consumers don't have
+ * to paste a `<script>` tag. The pixel itself lives on the CDN; this only sets
+ * up the handoff.
+ *
+ * The CDN script expects a queue stub to already exist when it loads, so the
+ * contract must be reproduced exactly:
+ *   - `window.prepr` pushes `arguments` onto `.queue` until the real script
+ *     lands and replaces `.process`.
+ *   - `.t` must be a `Date.now()` timestamp.
+ *   - The tag is inserted async, `src` cache-busted every 24h via
+ *     `Math.ceil(Date.now() / cacheTime) * cacheTime`.
+ */
+/** Config accepted by the CDN pixel. */
+interface PreprPixelConfig {
+    destinations?: {
+        googleTagManager?: boolean;
+    };
+    variantImpressionThreshold?: number;
+}
+type PreprQueueArgs = unknown[];
+interface PreprQueueFn {
+    (...args: PreprQueueArgs): void;
+    queue: PreprQueueArgs[];
+    t: number;
+    process?: (...args: PreprQueueArgs) => void;
+}
+declare global {
+    interface Window {
+        prepr?: PreprQueueFn;
+    }
+}
+
+interface PreprTrackingPixelProps {
+    /** Prepr tracking/access token. */
+    id: string;
+    config?: PreprPixelConfig;
+}
+/**
+ * Loads Prepr's CDN tracking pixel on mount. Renders nothing.
+ *
+ * The pixel queues a single `pageload` event when it installs. Client-side
+ * route changes emit nothing on their own — call `trackEvent('pageload')` from
+ * the router to count them.
+ */
+declare function PreprTrackingPixel({ id, config, }: PreprTrackingPixelProps): null;
+
+/**
+ * Mounts the Prepr toolbar and wires it to the Next.js router so segment/variant
+ * switches navigate. Renders nothing — the toolbar UI is a custom element that
+ * `createPreprPreview` mounts imperatively.
+ */
+declare function PreprToolbar({ options, ...props }: PreprToolbarComponentProps): null;
+
+export { PreprError, type PreprMiddlewareOptions, PreprToolbar, PreprTrackingPixel, type PreprTrackingPixelProps, createPreprMiddleware, extractAccessToken, getActiveSegment, getActiveVariant, getPreprHeaders, getPreprUUID, getToolbarProps, validatePreprToken };