@preprio/toolkit 0.6.0-alpha.3 → 0.6.0-alpha.5

package/dist/astro/{chunk-CUDYSNJD.js → chunk-CD4LXNR3.js}

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

package/dist/astro/graphql.js

@@ -3,7 +3,7 @@ import {
   getPreprHeadersFromHeaders,
   isPersonalizedResponse,
   validatePreprToken
-} from "./chunk-CUDYSNJD.js";
+} from "./chunk-CD4LXNR3.js";
 
 // src/core/variants/constants.ts
 var PREPR_CONTEXT_ALIAS = "_preprContext";

package/dist/astro/index.cjs

@@ -31,7 +31,7 @@ __export(astro_exports, {
 module.exports = __toCommonJS(astro_exports);
 
 // src/version.ts
-var VERSION = "0.6.0-alpha.3";
+var VERSION = "0.6.0-alpha.5";
 
 // src/core/features.ts
 function isEnabled(config) {

package/dist/astro/index.js

@@ -7,7 +7,7 @@ import {
   getToolbarPropsFromHeaders,
   isPersonalizedResponse,
   resolveFeatures
-} from "./chunk-CUDYSNJD.js";
+} from "./chunk-CD4LXNR3.js";
 
 // src/core/constants.ts
 var COOKIE_PREVIEW_MODE = "Prepr-Preview-Mode";

package/dist/{chunk-UH2OK4XC.js → chunk-5O7RGYHX.js}

@@ -1,7 +1,7 @@
 import {
   VERSION,
   resolveFeatures
-} from "./chunk-VY5D3IED.js";
+} from "./chunk-OH2PPC76.js";
 
 // src/core/server.ts
 var PreprError = class extends Error {

package/dist/{chunk-3YZANSVY.js → chunk-HPWTLDLR.js}

@@ -11,7 +11,7 @@ import {
   ALL_FEATURES_ENABLED,
   VERSION,
   resolveFeatures
-} from "./chunk-VY5D3IED.js";
+} from "./chunk-OH2PPC76.js";
 
 // src/core/stega/dom.ts
 var IGNORED_ANCESTORS = "script, style, noscript";

package/dist/{chunk-VY5D3IED.js → chunk-OH2PPC76.js}

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

package/dist/{chunk-FC53KN4H.js → chunk-ZWKHACNA.js}

@@ -1,6 +1,6 @@
 import {
   PreprError
-} from "./chunk-UH2OK4XC.js";
+} from "./chunk-5O7RGYHX.js";
 
 // src/core/variants/constants.ts
 var PREPR_CONTEXT_ALIAS = "_preprContext";

package/dist/graphql/codegen.js

@@ -2,9 +2,9 @@ import {
   toDecisionQuery,
   toSchemaInfo,
   toVariantsQuery
-} from "../chunk-FC53KN4H.js";
-import "../chunk-UH2OK4XC.js";
-import "../chunk-VY5D3IED.js";
+} from "../chunk-ZWKHACNA.js";
+import "../chunk-5O7RGYHX.js";
+import "../chunk-OH2PPC76.js";
 
 // src/codegen/index.ts
 function typeRef(type) {

package/dist/graphql.js

@@ -21,12 +21,12 @@ import {
   toSchemaInfo,
   toVariantsDocument,
   toVariantsQuery
-} from "./chunk-FC53KN4H.js";
+} from "./chunk-ZWKHACNA.js";
 import {
   PreprError,
   validatePreprToken
-} from "./chunk-UH2OK4XC.js";
-import "./chunk-VY5D3IED.js";
+} from "./chunk-5O7RGYHX.js";
+import "./chunk-OH2PPC76.js";
 
 // src/core/variants/probe-document.ts
 function probeSelectionSet(set, fragments) {

package/dist/index.cjs

@@ -45,7 +45,7 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/version.ts
-var VERSION = "0.6.0-alpha.3";
+var VERSION = "0.6.0-alpha.5";
 
 // src/core/features.ts
 function isEnabled(config) {

package/dist/index.d.cts

@@ -7,7 +7,7 @@ export { P as PreprPixelConfig, l as loadTrackingPixel, s as setTrackingParam, t
  * 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.6.0-alpha.3";
+declare const VERSION = "0.6.0-alpha.5";
 
 /**
  * Resolve a `PreprFeatures` bag to plain booleans, defaulting every omitted key

package/dist/index.d.ts

@@ -7,7 +7,7 @@ export { P as PreprPixelConfig, l as loadTrackingPixel, s as setTrackingParam, t
  * 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.6.0-alpha.3";
+declare const VERSION = "0.6.0-alpha.5";
 
 /**
  * Resolve a `PreprFeatures` bag to plain booleans, defaulting every omitted key

package/dist/index.js

@@ -15,7 +15,7 @@ import {
   loadTrackingPixel,
   setTrackingParam,
   trackEvent
-} from "./chunk-3YZANSVY.js";
+} from "./chunk-HPWTLDLR.js";
 import {
   isPersonalizedResponse
 } from "./chunk-3NCEVJJ3.js";
@@ -32,11 +32,11 @@ import {
   getPreprUUIDFromHeaders,
   getToolbarPropsFromHeaders,
   validatePreprToken
-} from "./chunk-UH2OK4XC.js";
+} from "./chunk-5O7RGYHX.js";
 import {
   VERSION,
   resolveFeatures
-} from "./chunk-VY5D3IED.js";
+} from "./chunk-OH2PPC76.js";
 
 // src/core/middleware.ts
 var UTM_PARAMS = [

package/dist/nextjs/{chunk-5XGJJVGX.js → chunk-L4L6X3JJ.js}

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

package/dist/nextjs/components.cjs

@@ -2513,7 +2513,7 @@ function applyPreprDecisions(view) {
 var import_react = require("react");
 
 // src/version.ts
-var VERSION = "0.6.0-alpha.3";
+var VERSION = "0.6.0-alpha.5";
 
 // src/core/pixel.ts
 var PIXEL_SCRIPT_URL = "https://cdn.tracking.prepr.io/js/prepr.min.js";
@@ -2594,27 +2594,43 @@ function PreprAbSwitch() {
   });
   return null;
 }
+var viewCount = 0;
 function PreprPersonalizationSwitch({
   refresh = true,
   freshFor
 }) {
-  const pathname = (0, import_navigation.usePathname)();
-  const scheduler = (0, import_react2.useRef)(null);
+  const [scheduler, setScheduler] = (0, import_react2.useState)(
+    null
+  );
+  const viewUrl = (0, import_react2.useRef)(null);
   (0, import_react2.useLayoutEffect)(() => {
-    applyPreprDecisions();
+    const url = location.pathname + location.search;
+    if (viewUrl.current === url) return;
+    viewUrl.current = url;
+    applyPreprDecisions(`${url}#${++viewCount}`);
   });
   (0, import_react2.useEffect)(() => {
     if (!refresh) return;
     const started = createPreprRefreshScheduler({ freshFor });
-    scheduler.current = started;
+    setScheduler(started);
     return () => {
       started.stop();
-      scheduler.current = null;
+      setScheduler(null);
     };
   }, [refresh, freshFor]);
+  return scheduler ? (0, import_react2.createElement)(
+    import_react2.Suspense,
+    { fallback: null },
+    (0, import_react2.createElement)(ViewCounter, { scheduler })
+  ) : null;
+}
+function ViewCounter({
+  scheduler
+}) {
+  const pathname = (0, import_navigation.usePathname)();
   (0, import_react2.useEffect)(() => {
-    scheduler.current?.view();
-  }, [pathname, refresh, freshFor]);
+    scheduler.view();
+  }, [pathname, scheduler]);
   return null;
 }
 var VARIANT_KEY_ATTRIBUTE = "data-prepr-variant-key";

package/dist/nextjs/components.d.cts

@@ -1,4 +1,4 @@
-import { ReactNode, ReactElement } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { k as PreprToolbarComponentProps } from '../types-BYH9XqmN.cjs';
 import { P as PreprPixelConfig } from '../pixel-DwW7cXJm.cjs';
 
@@ -40,25 +40,7 @@ interface PreprPersonalizationSwitchProps {
     /** Same as `createPreprProxy`'s `freshFor`. Default 10 000 ms. */
     freshFor?: number;
 }
-/**
- * Shows the segment variants decided in the proxy for the groups above the
- * fold, before the page paints, and keeps those decisions fresh while the
- * visitor browses: a short while after each page view, when the visitor
- * points at a link to a personalized page, and when the tab comes back.
- * Because the next page's decision is already in place when it opens, a
- * visitor who joins a segment mid-visit sees it on their next page view,
- * without anything on screen changing.
- *
- * Mount it once in the root layout. The background refreshes are answered by
- * `createPreprProxy`; with a proxy that calls `resolveDecisions` itself, the
- * first refresh gets a page back and refreshing stops for the browser
- * session. The decisions themselves come from `createPreprProxy` or
- * `resolveDecisions` in `proxy.ts`.
- *
- * @example
- * <PreprPersonalizationSwitch />
- */
-declare function PreprPersonalizationSwitch({ refresh, freshFor, }: PreprPersonalizationSwitchProps): null;
+declare function PreprPersonalizationSwitch({ refresh, freshFor, }: PreprPersonalizationSwitchProps): ReactElement | null;
 /**
  * Wraps one rendered variant and, once hydrated, puts the variant keys on the
  * elements inside, where Prepr's tracking pixel counts impressions and the

package/dist/nextjs/components.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode, ReactElement } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { k as PreprToolbarComponentProps } from '../types-BYH9XqmN.js';
 import { P as PreprPixelConfig } from '../pixel-DwW7cXJm.js';
 
@@ -40,25 +40,7 @@ interface PreprPersonalizationSwitchProps {
     /** Same as `createPreprProxy`'s `freshFor`. Default 10 000 ms. */
     freshFor?: number;
 }
-/**
- * Shows the segment variants decided in the proxy for the groups above the
- * fold, before the page paints, and keeps those decisions fresh while the
- * visitor browses: a short while after each page view, when the visitor
- * points at a link to a personalized page, and when the tab comes back.
- * Because the next page's decision is already in place when it opens, a
- * visitor who joins a segment mid-visit sees it on their next page view,
- * without anything on screen changing.
- *
- * Mount it once in the root layout. The background refreshes are answered by
- * `createPreprProxy`; with a proxy that calls `resolveDecisions` itself, the
- * first refresh gets a page back and refreshing stops for the browser
- * session. The decisions themselves come from `createPreprProxy` or
- * `resolveDecisions` in `proxy.ts`.
- *
- * @example
- * <PreprPersonalizationSwitch />
- */
-declare function PreprPersonalizationSwitch({ refresh, freshFor, }: PreprPersonalizationSwitchProps): null;
+declare function PreprPersonalizationSwitch({ refresh, freshFor, }: PreprPersonalizationSwitchProps): ReactElement | null;
 /**
  * Wraps one rendered variant and, once hydrated, puts the variant keys on the
  * elements inside, where Prepr's tracking pixel counts impressions and the

package/dist/nextjs/components.js

@@ -2,9 +2,9 @@
 import {
   createPreprPreview,
   loadTrackingPixel
-} from "../chunk-3YZANSVY.js";
+} from "../chunk-HPWTLDLR.js";
 import "../chunk-S5RWVMDJ.js";
-import "../chunk-VY5D3IED.js";
+import "../chunk-OH2PPC76.js";
 
 // src/nextjs/components.ts
 import { usePathname, useRouter } from "next/navigation";
@@ -12,7 +12,9 @@ import {
   createElement,
   useEffect as useEffect2,
   useLayoutEffect,
-  useRef
+  useRef,
+  useState,
+  Suspense
 } from "react";
 
 // src/react/hydration.ts
@@ -268,27 +270,43 @@ function PreprAbSwitch() {
   });
   return null;
 }
+var viewCount = 0;
 function PreprPersonalizationSwitch({
   refresh = true,
   freshFor
 }) {
-  const pathname = usePathname();
-  const scheduler = useRef(null);
+  const [scheduler, setScheduler] = useState(
+    null
+  );
+  const viewUrl = useRef(null);
   useLayoutEffect(() => {
-    applyPreprDecisions();
+    const url = location.pathname + location.search;
+    if (viewUrl.current === url) return;
+    viewUrl.current = url;
+    applyPreprDecisions(`${url}#${++viewCount}`);
   });
   useEffect2(() => {
     if (!refresh) return;
     const started = createPreprRefreshScheduler({ freshFor });
-    scheduler.current = started;
+    setScheduler(started);
     return () => {
       started.stop();
-      scheduler.current = null;
+      setScheduler(null);
     };
   }, [refresh, freshFor]);
+  return scheduler ? createElement(
+    Suspense,
+    { fallback: null },
+    createElement(ViewCounter, { scheduler })
+  ) : null;
+}
+function ViewCounter({
+  scheduler
+}) {
+  const pathname = usePathname();
   useEffect2(() => {
-    scheduler.current?.view();
-  }, [pathname, refresh, freshFor]);
+    scheduler.view();
+  }, [pathname, scheduler]);
   return null;
 }
 var VARIANT_KEY_ATTRIBUTE = "data-prepr-variant-key";

package/dist/nextjs/graphql.cjs

@@ -38,7 +38,7 @@ __export(graphql_exports, {
 module.exports = __toCommonJS(graphql_exports);
 
 // src/version.ts
-var VERSION = "0.6.0-alpha.3";
+var VERSION = "0.6.0-alpha.5";
 
 // src/core/features.ts
 function isEnabled(config) {

package/dist/nextjs/graphql.js

@@ -7,7 +7,7 @@ import {
   preprDraftRedirect,
   resolvePreprBucket,
   validatePreprToken
-} from "./chunk-5XGJJVGX.js";
+} from "./chunk-L4L6X3JJ.js";
 
 // src/core/variants/constants.ts
 var PREPR_CONTEXT_ALIAS = "_preprContext";

package/dist/nextjs/index.cjs

@@ -44,7 +44,7 @@ module.exports = __toCommonJS(nextjs_exports);
 var import_server = require("next/server");
 
 // src/version.ts
-var VERSION = "0.6.0-alpha.3";
+var VERSION = "0.6.0-alpha.5";
 
 // src/core/constants.ts
 var COOKIE_PREVIEW_MODE = "Prepr-Preview-Mode";

package/dist/nextjs/index.d.cts

@@ -1,6 +1,7 @@
 import { NextRequest, NextResponse } from 'next/server';
 import { a as PreprFeatures, P as PreprHeaders, c as PreprToolbarProps, d as PreprToolbarComponentProps } from './server-BL-sqZvu.cjs';
 export { b as PreprError, e as extractAccessToken, i as isPersonalizedResponse, v as validatePreprToken } from './server-BL-sqZvu.cjs';
+import { ReactElement } from 'react';
 
 interface PreprMiddlewareOptions {
     /** Enable preview-mode headers (segment/AB overrides, preview bar). */
@@ -163,24 +164,6 @@ interface PreprPersonalizationSwitchProps {
     /** Same as `createPreprProxy`'s `freshFor`. Default 10 000 ms. */
     freshFor?: number;
 }
-/**
- * Shows the segment variants decided in the proxy for the groups above the
- * fold, before the page paints, and keeps those decisions fresh while the
- * visitor browses: a short while after each page view, when the visitor
- * points at a link to a personalized page, and when the tab comes back.
- * Because the next page's decision is already in place when it opens, a
- * visitor who joins a segment mid-visit sees it on their next page view,
- * without anything on screen changing.
- *
- * Mount it once in the root layout. The background refreshes are answered by
- * `createPreprProxy`; with a proxy that calls `resolveDecisions` itself, the
- * first refresh gets a page back and refreshing stops for the browser
- * session. The decisions themselves come from `createPreprProxy` or
- * `resolveDecisions` in `proxy.ts`.
- *
- * @example
- * <PreprPersonalizationSwitch />
- */
-declare function PreprPersonalizationSwitch({ refresh, freshFor, }: PreprPersonalizationSwitchProps): null;
+declare function PreprPersonalizationSwitch({ refresh, freshFor, }: PreprPersonalizationSwitchProps): ReactElement | null;
 
 export { PREPR_BUCKET_COOKIE, type PreprBucket, type PreprDraftOptions, type PreprMiddlewareOptions, PreprPersonalizationSwitch, type PreprPersonalizationSwitchProps, PreprToolbar, PreprTrackingPixel, type PreprTrackingPixelProps, type ResolvePreprBucketOptions, createPreprDraftRoute, createPreprMiddleware, getActiveSegment, getActiveVariant, getPreprHeaders, getPreprUUID, getToolbarProps, preprDraftRedirect, resolvePreprBucket };

package/dist/nextjs/index.d.ts

@@ -1,6 +1,7 @@
 import { NextRequest, NextResponse } from 'next/server';
 import { a as PreprFeatures, P as PreprHeaders, c as PreprToolbarProps, d as PreprToolbarComponentProps } from './server-BL-sqZvu.js';
 export { b as PreprError, e as extractAccessToken, i as isPersonalizedResponse, v as validatePreprToken } from './server-BL-sqZvu.js';
+import { ReactElement } from 'react';
 
 interface PreprMiddlewareOptions {
     /** Enable preview-mode headers (segment/AB overrides, preview bar). */
@@ -163,24 +164,6 @@ interface PreprPersonalizationSwitchProps {
     /** Same as `createPreprProxy`'s `freshFor`. Default 10 000 ms. */
     freshFor?: number;
 }
-/**
- * Shows the segment variants decided in the proxy for the groups above the
- * fold, before the page paints, and keeps those decisions fresh while the
- * visitor browses: a short while after each page view, when the visitor
- * points at a link to a personalized page, and when the tab comes back.
- * Because the next page's decision is already in place when it opens, a
- * visitor who joins a segment mid-visit sees it on their next page view,
- * without anything on screen changing.
- *
- * Mount it once in the root layout. The background refreshes are answered by
- * `createPreprProxy`; with a proxy that calls `resolveDecisions` itself, the
- * first refresh gets a page back and refreshing stops for the browser
- * session. The decisions themselves come from `createPreprProxy` or
- * `resolveDecisions` in `proxy.ts`.
- *
- * @example
- * <PreprPersonalizationSwitch />
- */
-declare function PreprPersonalizationSwitch({ refresh, freshFor, }: PreprPersonalizationSwitchProps): null;
+declare function PreprPersonalizationSwitch({ refresh, freshFor, }: PreprPersonalizationSwitchProps): ReactElement | null;
 
 export { PREPR_BUCKET_COOKIE, type PreprBucket, type PreprDraftOptions, type PreprMiddlewareOptions, PreprPersonalizationSwitch, type PreprPersonalizationSwitchProps, PreprToolbar, PreprTrackingPixel, type PreprTrackingPixelProps, type ResolvePreprBucketOptions, createPreprDraftRoute, createPreprMiddleware, getActiveSegment, getActiveVariant, getPreprHeaders, getPreprUUID, getToolbarProps, preprDraftRedirect, resolvePreprBucket };

package/dist/nextjs/index.js

@@ -13,7 +13,7 @@ import {
   preprDraftRedirect,
   resolvePreprBucket,
   validatePreprToken
-} from "./chunk-5XGJJVGX.js";
+} from "./chunk-L4L6X3JJ.js";
 
 // src/nextjs/index.ts
 import {

package/dist/nuxt/{chunk-KROR7RXW.js → chunk-PJZMLKJ2.js}

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "0.6.0-alpha.3";
+var VERSION = "0.6.0-alpha.5";
 
 // src/core/constants.ts
 var COOKIE_PREVIEW_MODE = "Prepr-Preview-Mode";

package/dist/nuxt/graphql.js

@@ -4,7 +4,7 @@ import {
   getPreprHeadersFromHeaders,
   isPersonalizedResponse,
   validatePreprToken
-} from "./chunk-KROR7RXW.js";
+} from "./chunk-PJZMLKJ2.js";
 
 // src/core/variants/constants.ts
 var PREPR_CONTEXT_ALIAS = "_preprContext";

package/dist/nuxt/index.cjs

@@ -36,7 +36,7 @@ __export(nuxt_exports, {
 module.exports = __toCommonJS(nuxt_exports);
 
 // src/version.ts
-var VERSION = "0.6.0-alpha.3";
+var VERSION = "0.6.0-alpha.5";
 
 // src/core/constants.ts
 var COOKIE_PREVIEW_MODE = "Prepr-Preview-Mode";

package/dist/nuxt/index.js

@@ -11,7 +11,7 @@ import {
   handlePreprRequest,
   isPersonalizedResponse,
   validatePreprToken
-} from "./chunk-KROR7RXW.js";
+} from "./chunk-PJZMLKJ2.js";
 
 // src/nuxt/server.ts
 function getPreprUUID(headers) {

package/dist/react/components.cjs

@@ -2313,7 +2313,7 @@ function isReactHydrated(text) {
 }
 
 // src/version.ts
-var VERSION = "0.6.0-alpha.3";
+var VERSION = "0.6.0-alpha.5";
 
 // src/core/pixel.ts
 var PIXEL_SCRIPT_URL = "https://cdn.tracking.prepr.io/js/prepr.min.js";

package/dist/react/components.js

@@ -2289,7 +2289,7 @@ function isReactHydrated(text) {
 }
 
 // src/version.ts
-var VERSION = "0.6.0-alpha.3";
+var VERSION = "0.6.0-alpha.5";
 
 // src/core/pixel.ts
 var PIXEL_SCRIPT_URL = "https://cdn.tracking.prepr.io/js/prepr.min.js";

package/dist/sveltekit/{chunk-INDMNPEM.js → chunk-SKBW7RBD.js}

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "0.6.0-alpha.3";
+var VERSION = "0.6.0-alpha.5";
 
 // src/core/constants.ts
 var COOKIE_PREVIEW_MODE = "Prepr-Preview-Mode";

package/dist/sveltekit/graphql.js

@@ -4,7 +4,7 @@ import {
   getPreprHeadersFromLocals,
   isPersonalizedResponse,
   validatePreprToken
-} from "./chunk-INDMNPEM.js";
+} from "./chunk-SKBW7RBD.js";
 
 // src/core/variants/constants.ts
 var PREPR_CONTEXT_ALIAS = "_preprContext";

package/dist/sveltekit/index.cjs

@@ -36,7 +36,7 @@ __export(sveltekit_exports, {
 module.exports = __toCommonJS(sveltekit_exports);
 
 // src/version.ts
-var VERSION = "0.6.0-alpha.3";
+var VERSION = "0.6.0-alpha.5";
 
 // src/core/constants.ts
 var COOKIE_PREVIEW_MODE = "Prepr-Preview-Mode";

package/dist/sveltekit/index.js

@@ -11,7 +11,7 @@ import {
   isPersonalizedResponse,
   preprHandle,
   validatePreprToken
-} from "./chunk-INDMNPEM.js";
+} from "./chunk-SKBW7RBD.js";
 
 // src/sveltekit/server.ts
 function getPreprUUID(headers) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@preprio/toolkit",
-  "version": "0.6.0-alpha.3",
+  "version": "0.6.0-alpha.5",
   "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)",