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

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

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "0.6.0-alpha.3";
+var VERSION = "0.6.0-alpha.4";
 
 // 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-TLUVG5P7.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.4";
 
 // 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-TLUVG5P7.js";
 
 // src/core/constants.ts
 var COOKIE_PREVIEW_MODE = "Prepr-Preview-Mode";

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

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

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

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

package/dist/{chunk-UH2OK4XC.js → chunk-XQ4DDVSW.js}

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

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

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

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-MZW2RVGY.js";
+import "../chunk-XQ4DDVSW.js";
+import "../chunk-EE3GXKCF.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-MZW2RVGY.js";
 import {
   PreprError,
   validatePreprToken
-} from "./chunk-UH2OK4XC.js";
-import "./chunk-VY5D3IED.js";
+} from "./chunk-XQ4DDVSW.js";
+import "./chunk-EE3GXKCF.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.4";
 
 // 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.4";
 
 /**
  * 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.4";
 
 /**
  * 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-YNZUYENT.js";
 import {
   isPersonalizedResponse
 } from "./chunk-3NCEVJJ3.js";
@@ -32,11 +32,11 @@ import {
   getPreprUUIDFromHeaders,
   getToolbarPropsFromHeaders,
   validatePreprToken
-} from "./chunk-UH2OK4XC.js";
+} from "./chunk-XQ4DDVSW.js";
 import {
   VERSION,
   resolveFeatures
-} from "./chunk-VY5D3IED.js";
+} from "./chunk-EE3GXKCF.js";
 
 // src/core/middleware.ts
 var UTM_PARAMS = [

package/dist/nextjs/{chunk-5XGJJVGX.js → chunk-HP2SJJSL.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.4";
 
 // 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.4";
 
 // src/core/pixel.ts
 var PIXEL_SCRIPT_URL = "https://cdn.tracking.prepr.io/js/prepr.min.js";
@@ -2598,23 +2598,34 @@ 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
+  );
   (0, import_react2.useLayoutEffect)(() => {
     applyPreprDecisions();
   });
   (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';
 
@@ -58,7 +58,7 @@ interface PreprPersonalizationSwitchProps {
  * @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';
 
@@ -58,7 +58,7 @@ interface PreprPersonalizationSwitchProps {
  * @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-YNZUYENT.js";
 import "../chunk-S5RWVMDJ.js";
-import "../chunk-VY5D3IED.js";
+import "../chunk-EE3GXKCF.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
@@ -272,23 +274,34 @@ function PreprPersonalizationSwitch({
   refresh = true,
   freshFor
 }) {
-  const pathname = usePathname();
-  const scheduler = useRef(null);
+  const [scheduler, setScheduler] = useState(
+    null
+  );
   useLayoutEffect(() => {
     applyPreprDecisions();
   });
   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.4";
 
 // 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-HP2SJJSL.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.4";
 
 // 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). */
@@ -181,6 +182,6 @@ interface PreprPersonalizationSwitchProps {
  * @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). */
@@ -181,6 +182,6 @@ interface PreprPersonalizationSwitchProps {
  * @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-HP2SJJSL.js";
 
 // src/nextjs/index.ts
 import {

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

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "0.6.0-alpha.3";
+var VERSION = "0.6.0-alpha.4";
 
 // 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-QVY3D5B2.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.4";
 
 // 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-QVY3D5B2.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.4";
 
 // 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.4";
 
 // src/core/pixel.ts
 var PIXEL_SCRIPT_URL = "https://cdn.tracking.prepr.io/js/prepr.min.js";

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

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "0.6.0-alpha.3";
+var VERSION = "0.6.0-alpha.4";
 
 // 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-VSN5EX3U.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.4";
 
 // 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-VSN5EX3U.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.4",
   "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)",