@preprio/toolkit 0.6.0-alpha.7 → 0.6.0-alpha.9

package/dist/nextjs/components.js

@@ -2,9 +2,9 @@
 import {
   createPreprPreview,
   loadTrackingPixel
-} from "../chunk-U7TRFVK7.js";
+} from "../chunk-J66UOCK6.js";
 import "../chunk-S5RWVMDJ.js";
-import "../chunk-VQIPTUN4.js";
+import "../chunk-5QIWVDP2.js";
 
 // src/nextjs/components.ts
 import { usePathname, useRouter } from "next/navigation";
@@ -35,10 +35,34 @@ function isReactHydrated(text) {
 }
 
 // src/nextjs/decision-switch.ts
-function applyPreprDecisions(decision) {
+function applyPreprDecisions(decision, options = {}) {
   const state = window;
   const key = location.pathname + location.search;
-  if (decision !== void 0) state.__preprDecision = { key, value: decision };
+  const previous = state.__preprDecision;
+  let value = decision;
+  if (value !== void 0 && value !== "*" && options.refresh && previous && previous.key === key && previous.value !== "*") {
+    const pairs = (from) => {
+      const out = {};
+      from.split("~").forEach((pair) => {
+        const colon = pair.indexOf(":");
+        if (colon > 0) out[pair.slice(0, colon)] = pair;
+      });
+      return out;
+    };
+    const before = pairs(previous.value);
+    const after = pairs(value);
+    document.querySelectorAll("[data-prepr-v][data-prepr-show]").forEach((element) => {
+      const range = document.createRange();
+      range.selectNodeContents(element);
+      if (range.getBoundingClientRect().top >= window.innerHeight) return;
+      (element.getAttribute("data-prepr-v") || "").split(" ").forEach((token) => {
+        const group = token.slice(0, token.indexOf(":"));
+        if (before[group]) after[group] = before[group];
+      });
+    });
+    value = Object.keys(after).map((group) => after[group]).join("~");
+  }
+  if (value !== void 0) state.__preprDecision = { key, value };
   const current = state.__preprDecision;
   if (!current || current.key !== key) return false;
   document.querySelectorAll("[data-prepr-decision]").forEach((marker) => {
@@ -64,6 +88,70 @@ function applyPreprDecisions(decision) {
   });
   return true;
 }
+function requestPreprDecision(key, options = {}) {
+  const fresh = 1e4;
+  const keep = 18e5;
+  const keepStatic = 36e5;
+  const state = window;
+  const asking = state.__preprAsking = state.__preprAsking || {};
+  const read = () => {
+    try {
+      const all = JSON.parse(sessionStorage.getItem("prepr_decisions") || "{}");
+      return all && typeof all === "object" ? all : {};
+    } catch {
+      return {};
+    }
+  };
+  const ask = () => {
+    if (!asking[key]) {
+      asking[key] = fetch(key, {
+        headers: { "Prepr-Decide": "1" },
+        cache: "no-store",
+        credentials: "same-origin",
+        // The proxy gives up on Prepr after its own `timeoutMs`; this only
+        // covers a proxy that never answers.
+        signal: AbortSignal.timeout ? AbortSignal.timeout(6e3) : void 0
+      }).then((response) => response.ok ? response.text() : "*").catch(() => "*").then((answer) => {
+        delete asking[key];
+        try {
+          const all = read();
+          const at = Date.now();
+          Object.keys(all).forEach((stored) => {
+            const entry = all[stored];
+            if (!(entry && typeof entry.at === "number" && at - entry.at < keepStatic))
+              delete all[stored];
+          });
+          const kept = all[key];
+          if (answer !== "*" || !kept || kept.value === "*")
+            all[key] = { value: answer, at };
+          sessionStorage.setItem("prepr_decisions", JSON.stringify(all));
+        } catch {
+        }
+        return answer;
+      });
+    }
+    return asking[key];
+  };
+  const last = read()[key];
+  const age = last && typeof last.at === "number" ? Date.now() - last.at : -1;
+  const value = last && typeof last.value === "string" ? last.value : null;
+  if (value !== null && !(value === "" && options.personalized) && age >= 0 && age < (value === "*" ? fresh : value === "" ? keepStatic : keep)) {
+    if (value !== "" && age >= fresh) {
+      ask().then((answer) => {
+        if (answer !== "*" && answer !== value && options.onChange)
+          options.onChange(answer);
+      });
+    }
+    return { result: value, value: Promise.resolve(value) };
+  }
+  const pending = {
+    value: ask()
+  };
+  pending.value.then((answer) => {
+    pending.result = answer;
+  });
+  return pending;
+}
 
 // src/react/components.ts
 import { useEffect } from "react";
@@ -100,35 +188,22 @@ function PreprToolbar({
   }, []);
   return null;
 }
-var DECIDE_HEADER = "Prepr-Decide";
-var DECIDE_TIMEOUT_MS = 6e3;
-function requestDecision(key) {
-  const pending = { key, value: null };
-  pending.value = fetch(key, {
-    headers: { [DECIDE_HEADER]: "1" },
-    cache: "no-store",
-    credentials: "same-origin",
-    signal: AbortSignal.timeout(DECIDE_TIMEOUT_MS)
-  }).then((response) => response.ok ? response.text() : "*").catch(() => "*").then((value) => {
-    pending.result = value;
-    try {
-      sessionStorage.setItem(
-        "prepr_decision",
-        JSON.stringify({ key, value, at: Date.now() })
-      );
-    } catch {
-    }
-    return value;
-  });
-  return pending;
-}
-var pressed = null;
-var replaying = null;
 var shown = /* @__PURE__ */ new Map();
 var historyStep = false;
 var onPopState = () => {
   historyStep = true;
 };
+function requestDecision(key, personalized = false) {
+  return requestPreprDecision(key, {
+    personalized,
+    onChange: (value) => {
+      if (location.pathname + location.search !== key) return;
+      applyPreprDecisions(value, { refresh: true });
+      const state = window.__preprDecision;
+      if (state) shown.set(key, state.value);
+    }
+  });
+}
 function linkTarget(event) {
   const anchor = event.target?.closest?.("a[href]");
   if (!(anchor instanceof HTMLAnchorElement)) return null;
@@ -140,55 +215,37 @@ function linkTarget(event) {
   if (url.origin !== location.origin || key === location.pathname + location.search) {
     return null;
   }
-  return { anchor, key };
+  return key;
+}
+var HOVER_DELAY_MS = 65;
+var hovering = null;
+function onPointerOver(event) {
+  if (event.pointerType !== "mouse") return;
+  const key = linkTarget(event);
+  if (hovering?.key === key) return;
+  if (hovering) clearTimeout(hovering.timer);
+  hovering = key ? { key, timer: setTimeout(() => requestDecision(key), HOVER_DELAY_MS) } : null;
 }
 function onPointerDown(event) {
   if (event.button !== 0) return;
-  const target = linkTarget(event);
-  if (!target || pressed?.key === target.key && pressed.result === void 0) {
-    return;
-  }
-  pressed = requestDecision(target.key);
-}
-function onClick(event) {
-  const target = linkTarget(event);
-  if (!target) return;
-  if (replaying === target.anchor) {
-    replaying = null;
-    return;
-  }
-  if (event.defaultPrevented || event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) {
-    return;
-  }
-  const pending = pressed && pressed.key === target.key ? pressed : requestDecision(target.key);
-  pressed = null;
-  const record = (value) => {
-    window.__preprDecision = { key: target.key, value };
-  };
-  if (pending.result !== void 0) {
-    record(pending.result);
-    return;
-  }
-  event.preventDefault();
-  event.stopImmediatePropagation();
-  void pending.value.then((value) => {
-    record(value);
-    replaying = target.anchor;
-    target.anchor.click();
-  });
+  const key = linkTarget(event);
+  if (key) requestDecision(key);
 }
 var listeners = 0;
 function useDecisionRequests() {
   useEffect2(() => {
     if (listeners++ === 0) {
-      window.addEventListener("pointerdown", onPointerDown, true);
-      window.addEventListener("click", onClick, true);
+      window.addEventListener("pointerover", onPointerOver, { passive: true });
+      window.addEventListener("pointerdown", onPointerDown, {
+        capture: true,
+        passive: true
+      });
       window.addEventListener("popstate", onPopState);
     }
     return () => {
       if (--listeners === 0) {
+        window.removeEventListener("pointerover", onPointerOver);
         window.removeEventListener("pointerdown", onPointerDown, true);
-        window.removeEventListener("click", onClick, true);
         window.removeEventListener("popstate", onPopState);
       }
     };
@@ -212,12 +269,16 @@ function PreprDecisionApplier() {
       remember();
       return;
     }
+    const pending = requestDecision(key, true);
+    if (pending.result !== void 0) {
+      applyPreprDecisions(pending.result);
+      remember();
+      return;
+    }
     let live = true;
-    const started = window.__preprPending;
-    const value = started?.key === key ? started.value : requestDecision(key).value;
-    void value.then((value2) => {
+    void pending.value.then((value) => {
       if (live && location.pathname + location.search === key) {
-        applyPreprDecisions(value2);
+        applyPreprDecisions(value);
         remember();
       }
     });

package/dist/nextjs/graphql.cjs

@@ -101,7 +101,7 @@ function preprCacheTags(data) {
 }
 
 // src/version.ts
-var VERSION = "0.6.0-alpha.7";
+var VERSION = "0.6.0-alpha.9";
 
 // src/core/features.ts
 function isEnabled(config) {
@@ -1451,10 +1451,34 @@ function createPreprProxy(options) {
 var import_react = require("react");
 
 // src/nextjs/decision-switch.ts
-function applyPreprDecisions(decision) {
+function applyPreprDecisions(decision, options = {}) {
   const state = window;
   const key = location.pathname + location.search;
-  if (decision !== void 0) state.__preprDecision = { key, value: decision };
+  const previous = state.__preprDecision;
+  let value = decision;
+  if (value !== void 0 && value !== "*" && options.refresh && previous && previous.key === key && previous.value !== "*") {
+    const pairs = (from) => {
+      const out = {};
+      from.split("~").forEach((pair) => {
+        const colon = pair.indexOf(":");
+        if (colon > 0) out[pair.slice(0, colon)] = pair;
+      });
+      return out;
+    };
+    const before = pairs(previous.value);
+    const after = pairs(value);
+    document.querySelectorAll("[data-prepr-v][data-prepr-show]").forEach((element) => {
+      const range = document.createRange();
+      range.selectNodeContents(element);
+      if (range.getBoundingClientRect().top >= window.innerHeight) return;
+      (element.getAttribute("data-prepr-v") || "").split(" ").forEach((token) => {
+        const group = token.slice(0, token.indexOf(":"));
+        if (before[group]) after[group] = before[group];
+      });
+    });
+    value = Object.keys(after).map((group) => after[group]).join("~");
+  }
+  if (value !== void 0) state.__preprDecision = { key, value };
   const current = state.__preprDecision;
   if (!current || current.key !== key) return false;
   document.querySelectorAll("[data-prepr-decision]").forEach((marker) => {
@@ -1480,35 +1504,83 @@ function applyPreprDecisions(decision) {
   });
   return true;
 }
-function startPreprDecision() {
+function requestPreprDecision(key, options = {}) {
+  const fresh = 1e4;
+  const keep = 18e5;
+  const keepStatic = 36e5;
   const state = window;
-  const key = location.pathname + location.search;
-  if (state.__preprPending && state.__preprPending.key === key) return;
-  let last;
-  try {
-    last = JSON.parse(sessionStorage.getItem("prepr_decision") || "{}");
-  } catch {
-    last = {};
-  }
-  const age = Date.now() - (last.at || 0);
-  const value = last.key === key && typeof last.value === "string" && age >= 0 && age < 1e4 ? Promise.resolve(last.value) : fetch(key, {
-    headers: { "Prepr-Decide": "1" },
-    cache: "no-store",
-    credentials: "same-origin"
-  }).then((response) => response.ok ? response.text() : "*").catch(() => "*").then((answer) => {
+  const asking = state.__preprAsking = state.__preprAsking || {};
+  const read = () => {
     try {
-      sessionStorage.setItem(
-        "prepr_decision",
-        JSON.stringify({ key, value: answer, at: Date.now() })
-      );
+      const all = JSON.parse(sessionStorage.getItem("prepr_decisions") || "{}");
+      return all && typeof all === "object" ? all : {};
     } catch {
+      return {};
     }
-    return answer;
+  };
+  const ask = () => {
+    if (!asking[key]) {
+      asking[key] = fetch(key, {
+        headers: { "Prepr-Decide": "1" },
+        cache: "no-store",
+        credentials: "same-origin",
+        // The proxy gives up on Prepr after its own `timeoutMs`; this only
+        // covers a proxy that never answers.
+        signal: AbortSignal.timeout ? AbortSignal.timeout(6e3) : void 0
+      }).then((response) => response.ok ? response.text() : "*").catch(() => "*").then((answer) => {
+        delete asking[key];
+        try {
+          const all = read();
+          const at = Date.now();
+          Object.keys(all).forEach((stored) => {
+            const entry = all[stored];
+            if (!(entry && typeof entry.at === "number" && at - entry.at < keepStatic))
+              delete all[stored];
+          });
+          const kept = all[key];
+          if (answer !== "*" || !kept || kept.value === "*")
+            all[key] = { value: answer, at };
+          sessionStorage.setItem("prepr_decisions", JSON.stringify(all));
+        } catch {
+        }
+        return answer;
+      });
+    }
+    return asking[key];
+  };
+  const last = read()[key];
+  const age = last && typeof last.at === "number" ? Date.now() - last.at : -1;
+  const value = last && typeof last.value === "string" ? last.value : null;
+  if (value !== null && !(value === "" && options.personalized) && age >= 0 && age < (value === "*" ? fresh : value === "" ? keepStatic : keep)) {
+    if (value !== "" && age >= fresh) {
+      ask().then((answer) => {
+        if (answer !== "*" && answer !== value && options.onChange)
+          options.onChange(answer);
+      });
+    }
+    return { result: value, value: Promise.resolve(value) };
+  }
+  const pending = {
+    value: ask()
+  };
+  pending.value.then((answer) => {
+    pending.result = answer;
   });
-  state.__preprPending = { key, value };
-  value.then((answer) => {
-    if (location.pathname + location.search === key) state.__preprApply(answer);
+  return pending;
+}
+function startPreprDecision() {
+  const state = window;
+  const key = location.pathname + location.search;
+  const apply = (answer, refresh) => {
+    if (location.pathname + location.search === key)
+      state.__preprApply(answer, { refresh });
+  };
+  const pending = state.__preprRequest(key, {
+    onChange: (answer) => apply(answer, true),
+    personalized: true
   });
+  if (pending.result !== void 0) apply(pending.result);
+  else pending.value.then((answer) => apply(answer));
 }
 
 // src/nextjs/stack.ts
@@ -1518,7 +1590,7 @@ var DEFAULT_ATTRIBUTE = "data-prepr-default";
 var NESTED_ATTRIBUTE = "data-prepr-nested";
 var GROUP_BASE_CSS = `[${VARIANT_ATTRIBUTE}]{display:none}[${VARIANT_ATTRIBUTE}][data-prepr-show]{display:contents}[data-prepr-decision]:not([data-prepr-decided])~[${VARIANT_ATTRIBUTE}][${DEFAULT_ATTRIBUTE}]{display:contents;visibility:hidden}`;
 var NOSCRIPT_HTML = `<style>[${VARIANT_ATTRIBUTE}][${DEFAULT_ATTRIBUTE}]{display:contents!important;visibility:visible!important}</style>`;
-var DECISION_SCRIPT = `window.__preprApply=${applyPreprDecisions.toString()};(${startPreprDecision.toString()})();`;
+var DECISION_SCRIPT = `window.__preprApply=${applyPreprDecisions.toString()};window.__preprRequest=${requestPreprDecision.toString()};(${startPreprDecision.toString()})();`;
 var APPLY_SCRIPT = "__preprApply()";
 function variantKeysOf(items) {
   return items.flatMap((item) => {

package/dist/nextjs/graphql.d.cts

@@ -326,7 +326,7 @@ interface PreprProxyOptions {
  *
  * Pages themselves never wait for Prepr: they are the same for every visitor
  * and pass straight through. The browser sends a decision request for each
- * page view, from the page load and when a visitor presses a link; the proxy
+ * page view, from the page load and when a visitor points at a link; the proxy
  * answers it with the visitor's variant of every A/B test and personalization
  * group on that page, asked from Prepr in one request, as text and no page.
  * Add your own cookies or headers to the response it returns.
@@ -398,10 +398,10 @@ interface PreprStackProps<T> {
  *   stack or nested inside an item, renders every variant, hidden. The page
  *   is the same for every visitor and never waits for Prepr: an inline script
  *   asks `createPreprProxy` for this page view's decision while the page
- *   loads, and shows the visitor's variant when it answers. A click's
- *   decision (requested by `PreprPersonalizationSwitch`) is in before the
- *   next page paints. Nothing streams, and the default variant never shows
- *   first to be replaced.
+ *   loads, and shows the visitor's variant when it answers.
+ *   `PreprPersonalizationSwitch` asks for a link's decision on hover, so it
+ *   is mostly in before the next page paints. Nothing streams, and the
+ *   default variant never shows first to be replaced.
  *
  * The page carries the HTML of every variant: an item with nested groups
  * repeats once per combination of their variants.

package/dist/nextjs/graphql.d.ts

@@ -326,7 +326,7 @@ interface PreprProxyOptions {
  *
  * Pages themselves never wait for Prepr: they are the same for every visitor
  * and pass straight through. The browser sends a decision request for each
- * page view, from the page load and when a visitor presses a link; the proxy
+ * page view, from the page load and when a visitor points at a link; the proxy
  * answers it with the visitor's variant of every A/B test and personalization
  * group on that page, asked from Prepr in one request, as text and no page.
  * Add your own cookies or headers to the response it returns.
@@ -398,10 +398,10 @@ interface PreprStackProps<T> {
  *   stack or nested inside an item, renders every variant, hidden. The page
  *   is the same for every visitor and never waits for Prepr: an inline script
  *   asks `createPreprProxy` for this page view's decision while the page
- *   loads, and shows the visitor's variant when it answers. A click's
- *   decision (requested by `PreprPersonalizationSwitch`) is in before the
- *   next page paints. Nothing streams, and the default variant never shows
- *   first to be replaced.
+ *   loads, and shows the visitor's variant when it answers.
+ *   `PreprPersonalizationSwitch` asks for a link's decision on hover, so it
+ *   is mostly in before the next page paints. Nothing streams, and the
+ *   default variant never shows first to be replaced.
  *
  * The page carries the HTML of every variant: an item with nested groups
  * repeats once per combination of their variants.

package/dist/nextjs/graphql.js

@@ -11,7 +11,7 @@ import {
   preprModelTag,
   preprModelTagsFor,
   validatePreprToken
-} from "./chunk-CZK7SMBD.js";
+} from "./chunk-CMV6ZP6E.js";
 
 // src/nextjs/graphql.ts
 import * as nextCache from "next/cache";
@@ -1038,10 +1038,34 @@ import {
 } from "react";
 
 // src/nextjs/decision-switch.ts
-function applyPreprDecisions(decision) {
+function applyPreprDecisions(decision, options = {}) {
   const state = window;
   const key = location.pathname + location.search;
-  if (decision !== void 0) state.__preprDecision = { key, value: decision };
+  const previous = state.__preprDecision;
+  let value = decision;
+  if (value !== void 0 && value !== "*" && options.refresh && previous && previous.key === key && previous.value !== "*") {
+    const pairs = (from) => {
+      const out = {};
+      from.split("~").forEach((pair) => {
+        const colon = pair.indexOf(":");
+        if (colon > 0) out[pair.slice(0, colon)] = pair;
+      });
+      return out;
+    };
+    const before = pairs(previous.value);
+    const after = pairs(value);
+    document.querySelectorAll("[data-prepr-v][data-prepr-show]").forEach((element) => {
+      const range = document.createRange();
+      range.selectNodeContents(element);
+      if (range.getBoundingClientRect().top >= window.innerHeight) return;
+      (element.getAttribute("data-prepr-v") || "").split(" ").forEach((token) => {
+        const group = token.slice(0, token.indexOf(":"));
+        if (before[group]) after[group] = before[group];
+      });
+    });
+    value = Object.keys(after).map((group) => after[group]).join("~");
+  }
+  if (value !== void 0) state.__preprDecision = { key, value };
   const current = state.__preprDecision;
   if (!current || current.key !== key) return false;
   document.querySelectorAll("[data-prepr-decision]").forEach((marker) => {
@@ -1067,35 +1091,83 @@ function applyPreprDecisions(decision) {
   });
   return true;
 }
-function startPreprDecision() {
+function requestPreprDecision(key, options = {}) {
+  const fresh = 1e4;
+  const keep = 18e5;
+  const keepStatic = 36e5;
   const state = window;
-  const key = location.pathname + location.search;
-  if (state.__preprPending && state.__preprPending.key === key) return;
-  let last;
-  try {
-    last = JSON.parse(sessionStorage.getItem("prepr_decision") || "{}");
-  } catch {
-    last = {};
-  }
-  const age = Date.now() - (last.at || 0);
-  const value = last.key === key && typeof last.value === "string" && age >= 0 && age < 1e4 ? Promise.resolve(last.value) : fetch(key, {
-    headers: { "Prepr-Decide": "1" },
-    cache: "no-store",
-    credentials: "same-origin"
-  }).then((response) => response.ok ? response.text() : "*").catch(() => "*").then((answer) => {
+  const asking = state.__preprAsking = state.__preprAsking || {};
+  const read = () => {
     try {
-      sessionStorage.setItem(
-        "prepr_decision",
-        JSON.stringify({ key, value: answer, at: Date.now() })
-      );
+      const all = JSON.parse(sessionStorage.getItem("prepr_decisions") || "{}");
+      return all && typeof all === "object" ? all : {};
     } catch {
+      return {};
     }
-    return answer;
+  };
+  const ask = () => {
+    if (!asking[key]) {
+      asking[key] = fetch(key, {
+        headers: { "Prepr-Decide": "1" },
+        cache: "no-store",
+        credentials: "same-origin",
+        // The proxy gives up on Prepr after its own `timeoutMs`; this only
+        // covers a proxy that never answers.
+        signal: AbortSignal.timeout ? AbortSignal.timeout(6e3) : void 0
+      }).then((response) => response.ok ? response.text() : "*").catch(() => "*").then((answer) => {
+        delete asking[key];
+        try {
+          const all = read();
+          const at = Date.now();
+          Object.keys(all).forEach((stored) => {
+            const entry = all[stored];
+            if (!(entry && typeof entry.at === "number" && at - entry.at < keepStatic))
+              delete all[stored];
+          });
+          const kept = all[key];
+          if (answer !== "*" || !kept || kept.value === "*")
+            all[key] = { value: answer, at };
+          sessionStorage.setItem("prepr_decisions", JSON.stringify(all));
+        } catch {
+        }
+        return answer;
+      });
+    }
+    return asking[key];
+  };
+  const last = read()[key];
+  const age = last && typeof last.at === "number" ? Date.now() - last.at : -1;
+  const value = last && typeof last.value === "string" ? last.value : null;
+  if (value !== null && !(value === "" && options.personalized) && age >= 0 && age < (value === "*" ? fresh : value === "" ? keepStatic : keep)) {
+    if (value !== "" && age >= fresh) {
+      ask().then((answer) => {
+        if (answer !== "*" && answer !== value && options.onChange)
+          options.onChange(answer);
+      });
+    }
+    return { result: value, value: Promise.resolve(value) };
+  }
+  const pending = {
+    value: ask()
+  };
+  pending.value.then((answer) => {
+    pending.result = answer;
   });
-  state.__preprPending = { key, value };
-  value.then((answer) => {
-    if (location.pathname + location.search === key) state.__preprApply(answer);
+  return pending;
+}
+function startPreprDecision() {
+  const state = window;
+  const key = location.pathname + location.search;
+  const apply = (answer, refresh) => {
+    if (location.pathname + location.search === key)
+      state.__preprApply(answer, { refresh });
+  };
+  const pending = state.__preprRequest(key, {
+    onChange: (answer) => apply(answer, true),
+    personalized: true
   });
+  if (pending.result !== void 0) apply(pending.result);
+  else pending.value.then((answer) => apply(answer));
 }
 
 // src/nextjs/stack.ts
@@ -1105,7 +1177,7 @@ var DEFAULT_ATTRIBUTE = "data-prepr-default";
 var NESTED_ATTRIBUTE = "data-prepr-nested";
 var GROUP_BASE_CSS = `[${VARIANT_ATTRIBUTE}]{display:none}[${VARIANT_ATTRIBUTE}][data-prepr-show]{display:contents}[data-prepr-decision]:not([data-prepr-decided])~[${VARIANT_ATTRIBUTE}][${DEFAULT_ATTRIBUTE}]{display:contents;visibility:hidden}`;
 var NOSCRIPT_HTML = `<style>[${VARIANT_ATTRIBUTE}][${DEFAULT_ATTRIBUTE}]{display:contents!important;visibility:visible!important}</style>`;
-var DECISION_SCRIPT = `window.__preprApply=${applyPreprDecisions.toString()};(${startPreprDecision.toString()})();`;
+var DECISION_SCRIPT = `window.__preprApply=${applyPreprDecisions.toString()};window.__preprRequest=${requestPreprDecision.toString()};(${startPreprDecision.toString()})();`;
 var APPLY_SCRIPT = "__preprApply()";
 function variantKeysOf(items) {
   return items.flatMap((item) => {

package/dist/nextjs/index.cjs

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

package/dist/nextjs/index.d.cts

@@ -175,15 +175,17 @@ declare function PreprTrackingPixel({ id, config, }: PreprTrackingPixelProps): n
  */
 declare function PreprToolbar({ options, ...props }: PreprToolbarComponentProps): null;
 /**
- * Decides every client-side navigation to another page: when the visitor
- * presses a same-site link, it asks `createPreprProxy` which variants they
- * get on that page, and holds the click until the answer is in. The new page
- * then paints with those variants, never with the default variant first.
- * Pressing starts the request, so the wait mostly overlaps the click itself.
+ * Gets each client-side navigation's decision in before the click: when the
+ * visitor hovers over a same-site link (or presses it, on touch devices), it
+ * asks `createPreprProxy` which variants they get on that page. Clicks are
+ * never held: the new page paints with those variants when the answer is in,
+ * and keeps its personalized sections hidden until then otherwise. Pages
+ * without personalization answer with no groups and are not asked again for
+ * an hour.
  *
  * Mount it once in the root layout, so links on pages without a
- * `PreprStack` are covered too. Clicks with a modifier key, links to other
- * sites and links that open a new tab or download are left alone.
+ * `PreprStack` are covered too. Links to other sites and links that open a
+ * new tab or download are left alone.
  *
  * @example
  * <PreprPersonalizationSwitch />