@preprio/toolkit 0.1.0-beta.1

package/dist/index.d.cts

@@ -0,0 +1,179 @@
+import { L as Locale, P as PreprSegment, a as PreprVariant, b as PreprToolbarProps, c as PreprToolbarOptions, d as PreprErrorCode, e as PreprHeaders } from './pixel-DVSJQC0K.cjs';
+export { f as PreprEnvironment, g as PreprEventType, h as PreprHeaderName, i as PreprPixelConfig, l as loadTrackingPixel, s as setTrackingParam, t as trackEvent } from './pixel-DVSJQC0K.cjs';
+
+/**
+ * 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.1.0-beta.1";
+
+interface ToolbarState {
+    locale: Locale;
+    segments: PreprSegment[];
+    selectedSegment: string | null;
+    selectedVariant: PreprVariant | null;
+    editMode: boolean;
+    previewMode: boolean;
+    toolbarOpen: boolean;
+    isIframe: boolean;
+}
+interface ToolbarStore {
+    get(): ToolbarState;
+    set(patch: Partial<ToolbarState>): void;
+    subscribe(fn: (s: ToolbarState) => void): () => void;
+}
+/**
+ * Framework-free store for toolbar state. Deliberately pure: it holds state and
+ * notifies subscribers, nothing else. Cookies, postMessage and reloads are side
+ * effects owned by the mount controller (create-toolbar.ts).
+ */
+declare function createToolbarStore(initial?: Partial<ToolbarState>): ToolbarStore;
+
+/** Strip the invisible stega characters. Safe on unencoded strings. */
+declare function stegaClean(text: string): string;
+
+/**
+ * Navigation seam that keeps the controller framework-free. Next.js/Astro inject
+ * their router here; the default uses `window.location`.
+ */
+interface PreprNavigationAdapter {
+    navigate(url: string): void;
+    currentPath(): string;
+    /**
+     * Refresh after a preview-mode toggle. Defaults to `window.location.reload()`;
+     * SPA routers can pass a soft refresh like Next.js `router.refresh()`.
+     */
+    reload?(): void;
+}
+interface CreatePreprToolbarOptions {
+    props: PreprToolbarProps;
+    options?: PreprToolbarOptions;
+    navigation?: PreprNavigationAdapter;
+}
+interface PreprToolbarController {
+    destroy(): void;
+}
+/**
+ * Composition root: hydrates state from props + cookies, mounts
+ * `<prepr-toolbar>`, and wires the collaborators — the change handler
+ * (toolbar-change-handler.ts), the stega click-to-edit controller, the
+ * auto-clean pass and the editor bridge (iframe-bridge.ts).
+ */
+declare function createPreprToolbar(opts: CreatePreprToolbarOptions): PreprToolbarController;
+
+type Translate = (key: string) => string;
+declare const HTMLElementBase: typeof HTMLElement;
+/**
+ * `<prepr-toolbar>` — the toolbar UI, in a shadow root so its CSS neither leaks
+ * into nor is affected by the host page. Markup is Preact JSX in `panel.tsx`.
+ *
+ * This element is the controller: it owns interaction state (listbox open,
+ * keyboard nav, tooltip positioning, outside-click) and writes back ONLY via
+ * `store.set(...)`. Cookies/postMessage/navigation belong to create-toolbar.ts,
+ * which subscribes to the same store.
+ *
+ * State reaches `<Panel>` as a prop rather than internal Preact state, so every
+ * `render()` diffs synchronously against the shadow root.
+ */
+declare class PreprToolbarElement extends HTMLElementBase {
+    private store;
+    private t;
+    private unsubscribe;
+    private listboxOpen;
+    private readonly handlers;
+    /** Idempotent: calling connect twice re-wires to the (possibly new) store. */
+    connect(store: ToolbarStore, t: Translate): void;
+    disconnectedCallback(): void;
+    private get state();
+    private set;
+    private renderPanel;
+    private tip;
+    /**
+     * Show the tooltip for a trigger carrying `data-tooltip-key`. Applied
+     * imperatively rather than through the Preact tree: hover/focus never write
+     * to the store, so no re-render can clobber it in between. Positioning is
+     * centered above the trigger, clamped to the viewport with 8px padding,
+     * arrow tracking the trigger center.
+     */
+    private showTooltip;
+    private hideTooltip;
+    private segmentButton;
+    private optionsList;
+    private onDocumentMouseDown;
+    private onListboxKeydown;
+    private optionEls;
+    private activeOptionIndex;
+    private moveActiveOption;
+    private toggleListbox;
+    private chooseSegment;
+}
+/** Idempotent, including across bundles that each try to define the element. */
+declare function definePreprToolbar(): void;
+
+/** Error thrown by the token helpers and the segments fetch. */
+declare class PreprError extends Error {
+    readonly code: PreprErrorCode;
+    readonly context?: string | undefined;
+    readonly originalError?: Error | undefined;
+    constructor(message: string, code: PreprErrorCode, context?: string | undefined, originalError?: Error | undefined);
+}
+/** Prepr Customer ID, or null if the middleware did not run for this request. */
+declare function getPreprUUIDFromHeaders(headers: Headers): string | null;
+/** Active segment ID, or null when no segment is selected. */
+declare function getActiveSegmentFromHeaders(headers: Headers): string | null;
+/** Active A/B variant (`'A'`/`'B'`), or null when no test is running. */
+declare function getActiveVariantFromHeaders(headers: Headers): string | null;
+/**
+ * Collect the Prepr headers into a `PreprHeaders`. Lookups are case-insensitive
+ * per the Fetch spec, but the returned keys use the declared casing.
+ */
+declare function getPreprHeadersFromHeaders(headers: Headers): PreprHeaders;
+/**
+ * Asserts `token` is the full `https://graphql.prepr.io/<token>` URL.
+ * @throws PreprError if the token is missing or not an HTTPS URL.
+ */
+declare function validatePreprToken(token: string): void;
+/**
+ * Pulls the access token out of a GraphQL URL: `https://graphql.prepr.io/abc123`
+ * -> `abc123`.
+ * @throws PreprError if the URL is not a valid `graphql.prepr.io` URL.
+ */
+declare function extractAccessToken(graphqlUrl: string): string;
+/**
+ * Fetches the environment's segments from the Prepr API.
+ *
+ * `token` must be a Prepr GraphQL URL with scope 'segments'.
+ * @throws PreprError if the token is invalid or the request fails.
+ */
+declare function getPreprEnvironmentSegments(token: string): Promise<PreprSegment[]>;
+/**
+ * Never throws: a failed segments fetch yields an empty list so the toolbar
+ * still renders. The list is returned under both `segments` and the deprecated
+ * `data` alias.
+ */
+declare function getToolbarPropsFromHeaders(headers: Headers, token: string): Promise<PreprToolbarProps>;
+
+interface CookieSpec {
+    name: string;
+    value: string;
+    maxAge: number;
+    path: string;
+}
+interface PreprMiddlewareResult {
+    requestHeaders: Headers;
+    responseCookies: CookieSpec[];
+}
+interface PreprMiddlewareOptions {
+    /** Enable preview-mode headers (segment/AB overrides, preview bar). */
+    preview?: boolean;
+    /** Override the version reported in Prepr-Package (mainly for tests). */
+    version?: string;
+}
+/**
+ * Compute the headers to forward to the Prepr API and the cookies to persist,
+ * from a standard `Request` alone. Pure and framework-free — the Next.js/Astro
+ * wrappers apply `requestHeaders`/`responseCookies` to their own objects.
+ */
+declare function processPreprRequest(request: Request, opts?: PreprMiddlewareOptions): PreprMiddlewareResult;
+
+export { type CookieSpec, type CreatePreprToolbarOptions, PreprError, PreprErrorCode, PreprHeaders, type PreprMiddlewareOptions, type PreprMiddlewareResult, type PreprNavigationAdapter, PreprSegment, type PreprToolbarController, PreprToolbarElement, PreprToolbarOptions, PreprToolbarProps, PreprVariant, type ToolbarState, type ToolbarStore, VERSION, createPreprToolbar, createToolbarStore, definePreprToolbar, extractAccessToken, getActiveSegmentFromHeaders, getActiveVariantFromHeaders, getPreprEnvironmentSegments, getPreprHeadersFromHeaders, getPreprUUIDFromHeaders, getToolbarPropsFromHeaders, processPreprRequest, stegaClean, validatePreprToken };

package/dist/index.d.ts

@@ -0,0 +1,179 @@
+import { L as Locale, P as PreprSegment, a as PreprVariant, b as PreprToolbarProps, c as PreprToolbarOptions, d as PreprErrorCode, e as PreprHeaders } from './pixel-DVSJQC0K.js';
+export { f as PreprEnvironment, g as PreprEventType, h as PreprHeaderName, i as PreprPixelConfig, l as loadTrackingPixel, s as setTrackingParam, t as trackEvent } from './pixel-DVSJQC0K.js';
+
+/**
+ * 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.1.0-beta.1";
+
+interface ToolbarState {
+    locale: Locale;
+    segments: PreprSegment[];
+    selectedSegment: string | null;
+    selectedVariant: PreprVariant | null;
+    editMode: boolean;
+    previewMode: boolean;
+    toolbarOpen: boolean;
+    isIframe: boolean;
+}
+interface ToolbarStore {
+    get(): ToolbarState;
+    set(patch: Partial<ToolbarState>): void;
+    subscribe(fn: (s: ToolbarState) => void): () => void;
+}
+/**
+ * Framework-free store for toolbar state. Deliberately pure: it holds state and
+ * notifies subscribers, nothing else. Cookies, postMessage and reloads are side
+ * effects owned by the mount controller (create-toolbar.ts).
+ */
+declare function createToolbarStore(initial?: Partial<ToolbarState>): ToolbarStore;
+
+/** Strip the invisible stega characters. Safe on unencoded strings. */
+declare function stegaClean(text: string): string;
+
+/**
+ * Navigation seam that keeps the controller framework-free. Next.js/Astro inject
+ * their router here; the default uses `window.location`.
+ */
+interface PreprNavigationAdapter {
+    navigate(url: string): void;
+    currentPath(): string;
+    /**
+     * Refresh after a preview-mode toggle. Defaults to `window.location.reload()`;
+     * SPA routers can pass a soft refresh like Next.js `router.refresh()`.
+     */
+    reload?(): void;
+}
+interface CreatePreprToolbarOptions {
+    props: PreprToolbarProps;
+    options?: PreprToolbarOptions;
+    navigation?: PreprNavigationAdapter;
+}
+interface PreprToolbarController {
+    destroy(): void;
+}
+/**
+ * Composition root: hydrates state from props + cookies, mounts
+ * `<prepr-toolbar>`, and wires the collaborators — the change handler
+ * (toolbar-change-handler.ts), the stega click-to-edit controller, the
+ * auto-clean pass and the editor bridge (iframe-bridge.ts).
+ */
+declare function createPreprToolbar(opts: CreatePreprToolbarOptions): PreprToolbarController;
+
+type Translate = (key: string) => string;
+declare const HTMLElementBase: typeof HTMLElement;
+/**
+ * `<prepr-toolbar>` — the toolbar UI, in a shadow root so its CSS neither leaks
+ * into nor is affected by the host page. Markup is Preact JSX in `panel.tsx`.
+ *
+ * This element is the controller: it owns interaction state (listbox open,
+ * keyboard nav, tooltip positioning, outside-click) and writes back ONLY via
+ * `store.set(...)`. Cookies/postMessage/navigation belong to create-toolbar.ts,
+ * which subscribes to the same store.
+ *
+ * State reaches `<Panel>` as a prop rather than internal Preact state, so every
+ * `render()` diffs synchronously against the shadow root.
+ */
+declare class PreprToolbarElement extends HTMLElementBase {
+    private store;
+    private t;
+    private unsubscribe;
+    private listboxOpen;
+    private readonly handlers;
+    /** Idempotent: calling connect twice re-wires to the (possibly new) store. */
+    connect(store: ToolbarStore, t: Translate): void;
+    disconnectedCallback(): void;
+    private get state();
+    private set;
+    private renderPanel;
+    private tip;
+    /**
+     * Show the tooltip for a trigger carrying `data-tooltip-key`. Applied
+     * imperatively rather than through the Preact tree: hover/focus never write
+     * to the store, so no re-render can clobber it in between. Positioning is
+     * centered above the trigger, clamped to the viewport with 8px padding,
+     * arrow tracking the trigger center.
+     */
+    private showTooltip;
+    private hideTooltip;
+    private segmentButton;
+    private optionsList;
+    private onDocumentMouseDown;
+    private onListboxKeydown;
+    private optionEls;
+    private activeOptionIndex;
+    private moveActiveOption;
+    private toggleListbox;
+    private chooseSegment;
+}
+/** Idempotent, including across bundles that each try to define the element. */
+declare function definePreprToolbar(): void;
+
+/** Error thrown by the token helpers and the segments fetch. */
+declare class PreprError extends Error {
+    readonly code: PreprErrorCode;
+    readonly context?: string | undefined;
+    readonly originalError?: Error | undefined;
+    constructor(message: string, code: PreprErrorCode, context?: string | undefined, originalError?: Error | undefined);
+}
+/** Prepr Customer ID, or null if the middleware did not run for this request. */
+declare function getPreprUUIDFromHeaders(headers: Headers): string | null;
+/** Active segment ID, or null when no segment is selected. */
+declare function getActiveSegmentFromHeaders(headers: Headers): string | null;
+/** Active A/B variant (`'A'`/`'B'`), or null when no test is running. */
+declare function getActiveVariantFromHeaders(headers: Headers): string | null;
+/**
+ * Collect the Prepr headers into a `PreprHeaders`. Lookups are case-insensitive
+ * per the Fetch spec, but the returned keys use the declared casing.
+ */
+declare function getPreprHeadersFromHeaders(headers: Headers): PreprHeaders;
+/**
+ * Asserts `token` is the full `https://graphql.prepr.io/<token>` URL.
+ * @throws PreprError if the token is missing or not an HTTPS URL.
+ */
+declare function validatePreprToken(token: string): void;
+/**
+ * Pulls the access token out of a GraphQL URL: `https://graphql.prepr.io/abc123`
+ * -> `abc123`.
+ * @throws PreprError if the URL is not a valid `graphql.prepr.io` URL.
+ */
+declare function extractAccessToken(graphqlUrl: string): string;
+/**
+ * Fetches the environment's segments from the Prepr API.
+ *
+ * `token` must be a Prepr GraphQL URL with scope 'segments'.
+ * @throws PreprError if the token is invalid or the request fails.
+ */
+declare function getPreprEnvironmentSegments(token: string): Promise<PreprSegment[]>;
+/**
+ * Never throws: a failed segments fetch yields an empty list so the toolbar
+ * still renders. The list is returned under both `segments` and the deprecated
+ * `data` alias.
+ */
+declare function getToolbarPropsFromHeaders(headers: Headers, token: string): Promise<PreprToolbarProps>;
+
+interface CookieSpec {
+    name: string;
+    value: string;
+    maxAge: number;
+    path: string;
+}
+interface PreprMiddlewareResult {
+    requestHeaders: Headers;
+    responseCookies: CookieSpec[];
+}
+interface PreprMiddlewareOptions {
+    /** Enable preview-mode headers (segment/AB overrides, preview bar). */
+    preview?: boolean;
+    /** Override the version reported in Prepr-Package (mainly for tests). */
+    version?: string;
+}
+/**
+ * Compute the headers to forward to the Prepr API and the cookies to persist,
+ * from a standard `Request` alone. Pure and framework-free — the Next.js/Astro
+ * wrappers apply `requestHeaders`/`responseCookies` to their own objects.
+ */
+declare function processPreprRequest(request: Request, opts?: PreprMiddlewareOptions): PreprMiddlewareResult;
+
+export { type CookieSpec, type CreatePreprToolbarOptions, PreprError, PreprErrorCode, PreprHeaders, type PreprMiddlewareOptions, type PreprMiddlewareResult, type PreprNavigationAdapter, PreprSegment, type PreprToolbarController, PreprToolbarElement, PreprToolbarOptions, PreprToolbarProps, PreprVariant, type ToolbarState, type ToolbarStore, VERSION, createPreprToolbar, createToolbarStore, definePreprToolbar, extractAccessToken, getActiveSegmentFromHeaders, getActiveVariantFromHeaders, getPreprEnvironmentSegments, getPreprHeadersFromHeaders, getPreprUUIDFromHeaders, getToolbarPropsFromHeaders, processPreprRequest, stegaClean, validatePreprToken };

package/dist/index.js

@@ -0,0 +1,306 @@
+import {
+  COOKIE_HUBSPOT,
+  COOKIE_PREVIEW_MODE,
+  COOKIE_SEGMENT,
+  COOKIE_UID,
+  COOKIE_VARIANT,
+  ONE_YEAR_SECONDS,
+  PARAM_HIDE_BAR,
+  PARAM_SEGMENT,
+  PARAM_VARIANT,
+  PreprToolbarElement,
+  createPreprToolbar,
+  createToolbarStore,
+  definePreprToolbar,
+  loadTrackingPixel,
+  setTrackingParam,
+  stegaClean,
+  trackEvent
+} from "./chunk-H7HVQSSF.js";
+
+// src/version.ts
+var VERSION = "0.1.0-beta.1";
+
+// src/core/server.ts
+var PreprError = class extends Error {
+  constructor(message, code, context, originalError) {
+    super(message);
+    this.code = code;
+    this.context = context;
+    this.originalError = originalError;
+    this.name = "PreprError";
+  }
+};
+function getPreprUUIDFromHeaders(headers) {
+  return headers.get("prepr-customer-id");
+}
+function getActiveSegmentFromHeaders(headers) {
+  return headers.get("Prepr-Segments");
+}
+function getActiveVariantFromHeaders(headers) {
+  return headers.get("Prepr-ABtesting");
+}
+var PREPR_HEADER_KEYS = [
+  "prepr-customer-id",
+  "Prepr-Segments",
+  "Prepr-ABtesting",
+  "Prepr-Preview-Bar",
+  "Prepr-Context-utm_source",
+  "Prepr-Context-utm_medium",
+  "Prepr-Context-utm_term",
+  "Prepr-Context-utm_content",
+  "Prepr-Context-utm_campaign",
+  "Prepr-Context-initial_referral",
+  "Prepr-Visitor-IP",
+  "Prepr-Hubspot-Id",
+  "Prepr-Customer-Id-Created",
+  "Prepr-User-Agent"
+];
+function getPreprHeadersFromHeaders(headers) {
+  const preprHeaders = {};
+  const copy = (key) => {
+    const value = headers.get(key);
+    if (value !== null) {
+      preprHeaders[key] = value;
+    }
+  };
+  for (const key of PREPR_HEADER_KEYS) {
+    copy(key);
+  }
+  return preprHeaders;
+}
+function validatePreprToken(token) {
+  if (!token) {
+    throw new PreprError("Token is required", "MISSING_TOKEN", "validatePreprToken");
+  }
+  if (!token.startsWith("https://")) {
+    throw new PreprError(
+      "Token must be a valid HTTPS URL",
+      "INVALID_TOKEN",
+      "validatePreprToken"
+    );
+  }
+}
+function extractAccessToken(graphqlUrl) {
+  let url;
+  try {
+    url = new URL(graphqlUrl);
+  } catch (error) {
+    throw new PreprError(
+      "Token must be a valid URL",
+      "INVALID_TOKEN",
+      "extractAccessToken",
+      error instanceof Error ? error : new Error(String(error))
+    );
+  }
+  if (url.hostname !== "graphql.prepr.io") {
+    throw new PreprError(
+      "Token must be a graphql.prepr.io URL",
+      "INVALID_TOKEN",
+      "extractAccessToken"
+    );
+  }
+  const pathParts = url.pathname.split("/");
+  const token = pathParts[pathParts.length - 1];
+  if (!token) {
+    throw new PreprError(
+      "Token URL is missing an access token segment",
+      "INVALID_TOKEN",
+      "extractAccessToken"
+    );
+  }
+  return token;
+}
+async function getPreprEnvironmentSegments(token) {
+  validatePreprToken(token);
+  try {
+    const response = await fetch(token, {
+      headers: {
+        "User-Agent": `Prepr-Preview-Bar/${VERSION}`,
+        "Content-Type": "application/json"
+      },
+      method: "POST",
+      body: JSON.stringify({
+        query: `{
+                _Segments {
+                    _id
+                    name
+                }
+            }`
+      })
+    });
+    if (!response.ok) {
+      throw new PreprError(
+        `HTTP ${response.status}: ${response.statusText}`,
+        "HTTP_ERROR",
+        "getPreprEnvironmentSegments"
+      );
+    }
+    const json = await response.json();
+    if (!json || !json.data || !json.data._Segments) {
+      throw new PreprError(
+        "Invalid response format from Prepr API",
+        "INVALID_RESPONSE",
+        "getPreprEnvironmentSegments"
+      );
+    }
+    return json.data._Segments;
+  } catch (error) {
+    if (error instanceof PreprError) {
+      throw error;
+    }
+    throw new PreprError(
+      "Failed to fetch segments from Prepr API",
+      "FETCH_ERROR",
+      "getPreprEnvironmentSegments",
+      error instanceof Error ? error : new Error(String(error))
+    );
+  }
+}
+async function getToolbarPropsFromHeaders(headers, token) {
+  let segments = [];
+  try {
+    segments = await getPreprEnvironmentSegments(token);
+  } catch {
+    segments = [];
+  }
+  return {
+    activeSegment: getActiveSegmentFromHeaders(headers),
+    activeVariant: getActiveVariantFromHeaders(headers),
+    segments,
+    data: segments
+  };
+}
+
+// src/core/middleware.ts
+var UTM_PARAMS = [
+  "utm_source",
+  "utm_medium",
+  "utm_term",
+  "utm_content",
+  "utm_campaign"
+];
+function parseCookies(request) {
+  const cookies = /* @__PURE__ */ new Map();
+  const header = request.headers.get("cookie");
+  if (!header) return cookies;
+  for (const part of header.split(";")) {
+    const eq = part.indexOf("=");
+    if (eq === -1) continue;
+    const name = part.slice(0, eq).trim();
+    const value = part.slice(eq + 1).trim();
+    if (!name) continue;
+    cookies.set(name, decodeURIComponent(value));
+  }
+  return cookies;
+}
+function processPreprRequest(request, opts) {
+  const requestHeaders = new Headers(request.headers);
+  const responseCookies = [];
+  const requestCookies = parseCookies(request);
+  const searchParams = new URL(request.url).searchParams;
+  for (const key of UTM_PARAMS) {
+    const value = searchParams.get(key);
+    if (value !== null) {
+      requestHeaders.set(`Prepr-Context-${key}`, value);
+    }
+  }
+  const referer = request.headers.get("referer");
+  if (referer) {
+    requestHeaders.set("Prepr-Context-initial_referral", referer);
+  }
+  const userAgent = request.headers.get("user-agent");
+  if (userAgent) {
+    requestHeaders.set("Prepr-User-Agent", userAgent);
+  }
+  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", ip);
+  }
+  const hutkCookie = requestCookies.get(COOKIE_HUBSPOT);
+  if (hutkCookie) {
+    requestHeaders.set("Prepr-Hubspot-Id", hutkCookie);
+  }
+  let uid = requestCookies.get(COOKIE_UID);
+  if (!uid) {
+    uid = crypto.randomUUID();
+    responseCookies.push({
+      name: COOKIE_UID,
+      value: uid,
+      maxAge: ONE_YEAR_SECONDS,
+      path: "/"
+    });
+    requestHeaders.set("Prepr-Customer-Id-Created", "true");
+  }
+  requestHeaders.set("Prepr-Customer-Id", uid);
+  if (!opts?.preview) {
+    return { requestHeaders, responseCookies };
+  }
+  const hasPreviewParams = searchParams.has(PARAM_SEGMENT) || searchParams.has(PARAM_VARIANT);
+  if (!hasPreviewParams) {
+    const previewModeCookie = requestCookies.get(COOKIE_PREVIEW_MODE);
+    const previewModeEnabled = previewModeCookie !== "false";
+    if (!previewModeEnabled) {
+      return { requestHeaders, responseCookies };
+    }
+  }
+  requestHeaders.set("Prepr-Preview-Bar", "true");
+  const isLivePreview = searchParams.get(PARAM_HIDE_BAR) === "true";
+  if (!isLivePreview) {
+    const segmentCookie = requestCookies.get(COOKIE_SEGMENT);
+    if (segmentCookie) {
+      requestHeaders.set("Prepr-Segments", segmentCookie);
+    }
+    const abCookie = requestCookies.get(COOKIE_VARIANT);
+    if (abCookie) {
+      requestHeaders.set("Prepr-ABtesting", abCookie);
+    }
+  }
+  const previewAb = searchParams.get(PARAM_VARIANT);
+  if (previewAb !== null) {
+    requestHeaders.set("Prepr-ABtesting", previewAb);
+    if (!isLivePreview) {
+      responseCookies.push({
+        name: COOKIE_VARIANT,
+        value: previewAb,
+        maxAge: ONE_YEAR_SECONDS,
+        path: "/"
+      });
+    }
+  }
+  const previewSegment = searchParams.get(PARAM_SEGMENT);
+  if (previewSegment !== null) {
+    requestHeaders.set("Prepr-Segments", previewSegment);
+    if (!isLivePreview) {
+      responseCookies.push({
+        name: COOKIE_SEGMENT,
+        value: previewSegment,
+        maxAge: ONE_YEAR_SECONDS,
+        path: "/"
+      });
+    }
+  }
+  return { requestHeaders, responseCookies };
+}
+export {
+  PreprError,
+  PreprToolbarElement,
+  VERSION,
+  createPreprToolbar,
+  createToolbarStore,
+  definePreprToolbar,
+  extractAccessToken,
+  getActiveSegmentFromHeaders,
+  getActiveVariantFromHeaders,
+  getPreprEnvironmentSegments,
+  getPreprHeadersFromHeaders,
+  getPreprUUIDFromHeaders,
+  getToolbarPropsFromHeaders,
+  loadTrackingPixel,
+  processPreprRequest,
+  setTrackingParam,
+  stegaClean,
+  trackEvent,
+  validatePreprToken
+};