@preprio/toolkit 0.1.0-beta.5 → 0.2.0-beta.2

package/dist/nextjs/image-loader.cjs

@@ -23,100 +23,23 @@ __export(image_loader_exports, {
   default: () => preprImageLoader
 });
 module.exports = __toCommonJS(image_loader_exports);
-var TRANSFORMABLE_HOST_SUFFIXES = [".stream.prepr.io", ".b-cdn.net"];
-var KNOWN_OPTION_KEYS = /* @__PURE__ */ new Set([
-  "w",
-  // width
-  "h",
-  // height
-  "q",
-  // quality
-  "c",
-  // crop position (north, centre, ...)
-  "ex",
-  // crop extract: x offset
-  "ey",
-  // crop extract: y offset
-  "ew",
-  // crop extract: width
-  "eh"
-  // crop extract: height
-]);
-function isTransformSegment(segment) {
-  if (!segment) return false;
-  const parts = segment.split(",");
-  let sawKnownOption = false;
-  for (const part of parts) {
-    const underscore = part.indexOf("_");
-    if (underscore <= 0) return false;
-    const key = part.slice(0, underscore);
-    const value = part.slice(underscore + 1);
-    if (!value) return false;
-    if (KNOWN_OPTION_KEYS.has(key)) {
-      sawKnownOption = true;
+var TRANSFORM_SEGMENT = /\/([^/]*\bw_\d+[^/]*)\//;
+var isPositiveInteger = (value) => /^\d+$/.test(value);
+function preprImageLoader({ src, width }) {
+  return src.replace(TRANSFORM_SEGMENT, (match, segment) => {
+    const options = segment.split(",").map((pair) => {
+      const underscore = pair.indexOf("_");
+      return [pair.slice(0, underscore), pair.slice(underscore + 1)];
+    });
+    const emittedWidth = options.find(([key]) => key === "w");
+    if (!emittedWidth || !isPositiveInteger(emittedWidth[1])) return match;
+    const emittedHeight = options.find(([key]) => key === "h");
+    if (emittedHeight && isPositiveInteger(emittedHeight[1])) {
+      emittedHeight[1] = String(
+        Math.round(width * Number(emittedHeight[1]) / Number(emittedWidth[1]))
+      );
     }
-  }
-  return sawKnownOption;
-}
-function parseTransform(segment) {
-  return segment.split(",").map((part) => {
-    const underscore = part.indexOf("_");
-    return [part.slice(0, underscore), part.slice(underscore + 1)];
+    emittedWidth[1] = String(width);
+    return `/${options.map(([key, value]) => `${key}_${value}`).join(",")}/`;
   });
 }
-function parsePreprUrl(rawUrl) {
-  let url;
-  try {
-    url = new URL(rawUrl);
-  } catch {
-    return null;
-  }
-  const isTransformableHost = TRANSFORMABLE_HOST_SUFFIXES.some(
-    (suffix) => url.hostname.endsWith(suffix)
-  );
-  if (!isTransformableHost) return null;
-  const rawSegments = url.pathname.split("/");
-  rawSegments.shift();
-  if (rawSegments.length === 0) return null;
-  const filename = rawSegments[rawSegments.length - 1];
-  const leading = rawSegments.slice(0, -1);
-  let transform = [];
-  const prefixSegments = [];
-  for (const segment of leading) {
-    if (transform.length === 0 && isTransformSegment(segment)) {
-      transform = parseTransform(segment);
-    } else if (segment === "") {
-      continue;
-    } else {
-      prefixSegments.push(segment);
-    }
-  }
-  const prefix = url.origin + "/" + (prefixSegments.length > 0 ? prefixSegments.join("/") + "/" : "");
-  return { prefix, transform, filename: filename + url.search };
-}
-function buildTransformSegment(pairs) {
-  return pairs.map(([key, value]) => `${key}_${value}`).join(",");
-}
-function preprImageLoader({ src, width, quality }) {
-  const parsed = parsePreprUrl(src);
-  if (!parsed) return src;
-  const { prefix, transform, filename } = parsed;
-  const hasCropExtract = transform.some(([key]) => ["ex", "ey", "ew", "eh"].includes(key));
-  const next = [];
-  let setWidth = false;
-  for (const [key, value] of transform) {
-    if (key === "w") {
-      next.push(["w", String(width)]);
-      setWidth = true;
-    } else if (key === "h" && !hasCropExtract) {
-      continue;
-    } else if (key === "q") {
-      continue;
-    } else {
-      next.push([key, value]);
-    }
-  }
-  if (!setWidth) next.push(["w", String(width)]);
-  if (quality) next.push(["q", String(quality)]);
-  return `${prefix}${buildTransformSegment(next)}/${filename}`;
-}

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

@@ -1,10 +1,14 @@
 import { ImageLoaderProps } from 'next/image';
 
 /**
- * Rewrites Prepr stream URLs to the width `next/image` asks for, preserving any
- * crop/preset options already on the URL. Non-Prepr URLs (other hosts, relative
- * paths) come back unchanged — set `unoptimized` on those `<Image>`s.
+ * Rewrites Prepr stream URLs to the width `next/image` asks for. URLs with no
+ * transform segment (other hosts, relative paths) come back unchanged — set
+ * `unoptimized` on those `<Image>`s.
+ *
+ * No upper clamp: the emitted width is the asset's own size or its crop box,
+ * neither of which is a ceiling on what the CDN can serve, so capping there
+ * would rule out retina.
  */
-declare function preprImageLoader({ src, width, quality }: ImageLoaderProps): string;
+declare function preprImageLoader({ src, width }: ImageLoaderProps): string;
 
 export { preprImageLoader as default };

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

@@ -1,10 +1,14 @@
 import { ImageLoaderProps } from 'next/image';
 
 /**
- * Rewrites Prepr stream URLs to the width `next/image` asks for, preserving any
- * crop/preset options already on the URL. Non-Prepr URLs (other hosts, relative
- * paths) come back unchanged — set `unoptimized` on those `<Image>`s.
+ * Rewrites Prepr stream URLs to the width `next/image` asks for. URLs with no
+ * transform segment (other hosts, relative paths) come back unchanged — set
+ * `unoptimized` on those `<Image>`s.
+ *
+ * No upper clamp: the emitted width is the asset's own size or its crop box,
+ * neither of which is a ceiling on what the CDN can serve, so capping there
+ * would rule out retina.
  */
-declare function preprImageLoader({ src, width, quality }: ImageLoaderProps): string;
+declare function preprImageLoader({ src, width }: ImageLoaderProps): string;
 
 export { preprImageLoader as default };

package/dist/nextjs/image-loader.js

@@ -1,101 +1,24 @@
 // src/nextjs/image-loader.ts
-var TRANSFORMABLE_HOST_SUFFIXES = [".stream.prepr.io", ".b-cdn.net"];
-var KNOWN_OPTION_KEYS = /* @__PURE__ */ new Set([
-  "w",
-  // width
-  "h",
-  // height
-  "q",
-  // quality
-  "c",
-  // crop position (north, centre, ...)
-  "ex",
-  // crop extract: x offset
-  "ey",
-  // crop extract: y offset
-  "ew",
-  // crop extract: width
-  "eh"
-  // crop extract: height
-]);
-function isTransformSegment(segment) {
-  if (!segment) return false;
-  const parts = segment.split(",");
-  let sawKnownOption = false;
-  for (const part of parts) {
-    const underscore = part.indexOf("_");
-    if (underscore <= 0) return false;
-    const key = part.slice(0, underscore);
-    const value = part.slice(underscore + 1);
-    if (!value) return false;
-    if (KNOWN_OPTION_KEYS.has(key)) {
-      sawKnownOption = true;
+var TRANSFORM_SEGMENT = /\/([^/]*\bw_\d+[^/]*)\//;
+var isPositiveInteger = (value) => /^\d+$/.test(value);
+function preprImageLoader({ src, width }) {
+  return src.replace(TRANSFORM_SEGMENT, (match, segment) => {
+    const options = segment.split(",").map((pair) => {
+      const underscore = pair.indexOf("_");
+      return [pair.slice(0, underscore), pair.slice(underscore + 1)];
+    });
+    const emittedWidth = options.find(([key]) => key === "w");
+    if (!emittedWidth || !isPositiveInteger(emittedWidth[1])) return match;
+    const emittedHeight = options.find(([key]) => key === "h");
+    if (emittedHeight && isPositiveInteger(emittedHeight[1])) {
+      emittedHeight[1] = String(
+        Math.round(width * Number(emittedHeight[1]) / Number(emittedWidth[1]))
+      );
     }
-  }
-  return sawKnownOption;
-}
-function parseTransform(segment) {
-  return segment.split(",").map((part) => {
-    const underscore = part.indexOf("_");
-    return [part.slice(0, underscore), part.slice(underscore + 1)];
+    emittedWidth[1] = String(width);
+    return `/${options.map(([key, value]) => `${key}_${value}`).join(",")}/`;
   });
 }
-function parsePreprUrl(rawUrl) {
-  let url;
-  try {
-    url = new URL(rawUrl);
-  } catch {
-    return null;
-  }
-  const isTransformableHost = TRANSFORMABLE_HOST_SUFFIXES.some(
-    (suffix) => url.hostname.endsWith(suffix)
-  );
-  if (!isTransformableHost) return null;
-  const rawSegments = url.pathname.split("/");
-  rawSegments.shift();
-  if (rawSegments.length === 0) return null;
-  const filename = rawSegments[rawSegments.length - 1];
-  const leading = rawSegments.slice(0, -1);
-  let transform = [];
-  const prefixSegments = [];
-  for (const segment of leading) {
-    if (transform.length === 0 && isTransformSegment(segment)) {
-      transform = parseTransform(segment);
-    } else if (segment === "") {
-      continue;
-    } else {
-      prefixSegments.push(segment);
-    }
-  }
-  const prefix = url.origin + "/" + (prefixSegments.length > 0 ? prefixSegments.join("/") + "/" : "");
-  return { prefix, transform, filename: filename + url.search };
-}
-function buildTransformSegment(pairs) {
-  return pairs.map(([key, value]) => `${key}_${value}`).join(",");
-}
-function preprImageLoader({ src, width, quality }) {
-  const parsed = parsePreprUrl(src);
-  if (!parsed) return src;
-  const { prefix, transform, filename } = parsed;
-  const hasCropExtract = transform.some(([key]) => ["ex", "ey", "ew", "eh"].includes(key));
-  const next = [];
-  let setWidth = false;
-  for (const [key, value] of transform) {
-    if (key === "w") {
-      next.push(["w", String(width)]);
-      setWidth = true;
-    } else if (key === "h" && !hasCropExtract) {
-      continue;
-    } else if (key === "q") {
-      continue;
-    } else {
-      next.push([key, value]);
-    }
-  }
-  if (!setWidth) next.push(["w", String(width)]);
-  if (quality) next.push(["q", String(quality)]);
-  return `${prefix}${buildTransformSegment(next)}/${filename}`;
-}
 export {
   preprImageLoader as default
 };

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.1.0-beta.5";
+var VERSION = "0.2.0-beta.2";
 
 // src/core/constants.ts
 var COOKIE_PREVIEW_MODE = "Prepr-Preview-Mode";
@@ -51,6 +51,24 @@ var PARAM_VARIANT = "prepr_preview_ab";
 var PARAM_HIDE_BAR = "prepr_hide_bar";
 var ONE_YEAR_SECONDS = 60 * 60 * 24 * 365;
 
+// src/core/features.ts
+function isEnabled(config) {
+  if (typeof config === "boolean") return config;
+  return config?.enabled ?? true;
+}
+function resolveFeatures(features) {
+  return {
+    segments: isEnabled(features?.segments),
+    abTesting: isEnabled(features?.abTesting),
+    editMode: isEnabled(features?.editMode)
+  };
+}
+var ALL_FEATURES_ENABLED = Object.freeze({
+  segments: true,
+  abTesting: true,
+  editMode: true
+});
+
 // src/core/middleware.ts
 var UTM_PARAMS = [
   "utm_source",
@@ -120,7 +138,8 @@ function processPreprRequest(request, opts) {
   if (!opts?.preview) {
     return { requestHeaders, responseCookies };
   }
-  const hasPreviewParams = searchParams.has(PARAM_SEGMENT) || searchParams.has(PARAM_VARIANT);
+  const features = resolveFeatures(opts?.features);
+  const hasPreviewParams = features.segments && searchParams.has(PARAM_SEGMENT) || features.abTesting && searchParams.has(PARAM_VARIANT);
   if (!hasPreviewParams) {
     const previewModeCookie = requestCookies.get(COOKIE_PREVIEW_MODE);
     const previewModeEnabled = previewModeCookie !== "false";
@@ -140,16 +159,16 @@ function processPreprRequest(request, opts) {
     });
   }
   if (!isLivePreview) {
-    const segmentCookie = requestCookies.get(COOKIE_SEGMENT);
+    const segmentCookie = features.segments ? requestCookies.get(COOKIE_SEGMENT) : void 0;
     if (segmentCookie) {
       requestHeaders.set("Prepr-Segments", segmentCookie);
     }
-    const abCookie = requestCookies.get(COOKIE_VARIANT);
+    const abCookie = features.abTesting ? requestCookies.get(COOKIE_VARIANT) : void 0;
     if (abCookie) {
       requestHeaders.set("Prepr-ABtesting", abCookie);
     }
   }
-  const previewAb = searchParams.get(PARAM_VARIANT);
+  const previewAb = features.abTesting ? searchParams.get(PARAM_VARIANT) : null;
   if (previewAb !== null) {
     requestHeaders.set("Prepr-ABtesting", previewAb);
     if (!isLivePreview) {
@@ -162,7 +181,7 @@ function processPreprRequest(request, opts) {
       });
     }
   }
-  const previewSegment = searchParams.get(PARAM_SEGMENT);
+  const previewSegment = features.segments ? searchParams.get(PARAM_SEGMENT) : null;
   if (previewSegment !== null) {
     requestHeaders.set("Prepr-Segments", previewSegment);
     if (!isLivePreview) {
@@ -346,16 +365,19 @@ async function getPreprEnvironmentSegments(token) {
     );
   }
 }
-async function getToolbarPropsFromHeaders(headers2, token) {
+async function getToolbarPropsFromHeaders(headers2, token, features) {
+  const resolved = resolveFeatures(features);
   let segments = [];
-  try {
-    segments = await getPreprEnvironmentSegments(token);
-  } catch {
-    segments = [];
+  if (resolved.segments) {
+    try {
+      segments = await getPreprEnvironmentSegments(token);
+    } catch {
+      segments = [];
+    }
   }
   return {
-    activeSegment: getActiveSegmentFromHeaders(headers2),
-    activeVariant: getActiveVariantFromHeaders(headers2),
+    activeSegment: resolved.segments ? getActiveSegmentFromHeaders(headers2) : null,
+    activeVariant: resolved.abTesting ? getActiveVariantFromHeaders(headers2) : null,
     segments,
     data: segments
   };
@@ -381,9 +403,9 @@ async function getPreprHeaders() {
   const h = await readHeaders();
   return getPreprHeadersFromHeaders(h);
 }
-async function getToolbarProps(token) {
+async function getToolbarProps(token, features) {
   const h = await readHeaders();
-  return getToolbarPropsFromHeaders(h, token);
+  return getToolbarPropsFromHeaders(h, token, features);
 }
 
 // src/nextjs/index.ts

package/dist/nextjs/index.d.cts

@@ -1,25 +1,34 @@
 import { NextRequest, NextResponse } from 'next/server';
 export { PreprToolbar, PreprTrackingPixel, PreprTrackingPixelProps } from './components';
 
-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;
-}
-
-/**
- * Next.js middleware entry point. Despite the `create` prefix this runs
- * per-request — it does not return a handler. Pass an existing `NextResponse`
- * as the second argument to chain with other middleware.
- */
-declare function createPreprMiddleware(request: NextRequest, options?: PreprMiddlewareOptions): NextResponse;
-declare function createPreprMiddleware(request: NextRequest, response: NextResponse, options?: PreprMiddlewareOptions): NextResponse;
-
 interface PreprSegment {
     readonly _id: string;
     readonly name: string;
 }
+/**
+ * Per-feature config. `false` is shorthand for `{ enabled: false }`; the object
+ * form leaves room for per-feature options later without a breaking change.
+ */
+type PreprFeatureConfig = boolean | {
+    enabled?: boolean;
+};
+/** Toolkit features a consumer can turn off. Omitted keys stay enabled. */
+interface PreprFeatures {
+    /** Segment picker, `Prepr-Segments` header and its cookie/query param. */
+    segments?: PreprFeatureConfig;
+    /** A/B variant switch, `Prepr-ABtesting` header and its cookie/query param. */
+    abTesting?: PreprFeatureConfig;
+    /**
+     * The site's own click-to-edit: the toolbar's Edit mode control, the stega
+     * tooltip/overlay and the close-edit pill.
+     *
+     * NOT a security control, and NOT the Prepr editor's live preview. When the
+     * site is framed by the editor, `prepr:initVE` still activates edit mode —
+     * that is the CMS operating inside its own iframe, not an affordance offered
+     * to visitors. See iframe-bridge.ts.
+     */
+    editMode?: PreprFeatureConfig;
+}
 interface PreprToolbarProps {
     readonly activeSegment: string | null;
     readonly activeVariant: string | null;
@@ -47,6 +56,27 @@ interface PreprHeaders {
 }
 type PreprErrorCode = 'INVALID_TOKEN' | 'MISSING_TOKEN' | 'HTTP_ERROR' | 'FETCH_ERROR' | 'INVALID_RESPONSE' | 'CONTEXT_ERROR';
 
+interface PreprMiddlewareOptions {
+    /** Enable preview-mode headers (segment/AB overrides, preview bar). */
+    preview?: boolean;
+    /**
+     * Disable features app-wide. Pass the same object you give the toolbar: a
+     * disabled feature injects no header and persists no cookie, whatever the
+     * request carries.
+     */
+    features?: PreprFeatures;
+    /** Override the version reported in Prepr-Package (mainly for tests). */
+    version?: string;
+}
+
+/**
+ * Next.js middleware entry point. Despite the `create` prefix this runs
+ * per-request — it does not return a handler. Pass an existing `NextResponse`
+ * as the second argument to chain with other middleware.
+ */
+declare function createPreprMiddleware(request: NextRequest, options?: PreprMiddlewareOptions): NextResponse;
+declare function createPreprMiddleware(request: NextRequest, response: NextResponse, options?: PreprMiddlewareOptions): NextResponse;
+
 /** Prepr Customer ID for the current request. Server-only. */
 declare function getPreprUUID(): Promise<string | null>;
 /** Active segment for the current request. Server-only. */
@@ -66,7 +96,7 @@ declare function getPreprHeaders(): Promise<PreprHeaders>;
  * Never throws: segment-fetch failures degrade to an empty segment list, so a
  * bad or missing token can't crash the host app.
  */
-declare function getToolbarProps(token: string): Promise<PreprToolbarProps>;
+declare function getToolbarProps(token: string, features?: PreprFeatures): Promise<PreprToolbarProps>;
 
 /** Error thrown by the token helpers and the segments fetch. */
 declare class PreprError extends Error {

package/dist/nextjs/index.d.ts

@@ -1,25 +1,34 @@
 import { NextRequest, NextResponse } from 'next/server';
 export { PreprToolbar, PreprTrackingPixel, PreprTrackingPixelProps } from './components';
 
-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;
-}
-
-/**
- * Next.js middleware entry point. Despite the `create` prefix this runs
- * per-request — it does not return a handler. Pass an existing `NextResponse`
- * as the second argument to chain with other middleware.
- */
-declare function createPreprMiddleware(request: NextRequest, options?: PreprMiddlewareOptions): NextResponse;
-declare function createPreprMiddleware(request: NextRequest, response: NextResponse, options?: PreprMiddlewareOptions): NextResponse;
-
 interface PreprSegment {
     readonly _id: string;
     readonly name: string;
 }
+/**
+ * Per-feature config. `false` is shorthand for `{ enabled: false }`; the object
+ * form leaves room for per-feature options later without a breaking change.
+ */
+type PreprFeatureConfig = boolean | {
+    enabled?: boolean;
+};
+/** Toolkit features a consumer can turn off. Omitted keys stay enabled. */
+interface PreprFeatures {
+    /** Segment picker, `Prepr-Segments` header and its cookie/query param. */
+    segments?: PreprFeatureConfig;
+    /** A/B variant switch, `Prepr-ABtesting` header and its cookie/query param. */
+    abTesting?: PreprFeatureConfig;
+    /**
+     * The site's own click-to-edit: the toolbar's Edit mode control, the stega
+     * tooltip/overlay and the close-edit pill.
+     *
+     * NOT a security control, and NOT the Prepr editor's live preview. When the
+     * site is framed by the editor, `prepr:initVE` still activates edit mode —
+     * that is the CMS operating inside its own iframe, not an affordance offered
+     * to visitors. See iframe-bridge.ts.
+     */
+    editMode?: PreprFeatureConfig;
+}
 interface PreprToolbarProps {
     readonly activeSegment: string | null;
     readonly activeVariant: string | null;
@@ -47,6 +56,27 @@ interface PreprHeaders {
 }
 type PreprErrorCode = 'INVALID_TOKEN' | 'MISSING_TOKEN' | 'HTTP_ERROR' | 'FETCH_ERROR' | 'INVALID_RESPONSE' | 'CONTEXT_ERROR';
 
+interface PreprMiddlewareOptions {
+    /** Enable preview-mode headers (segment/AB overrides, preview bar). */
+    preview?: boolean;
+    /**
+     * Disable features app-wide. Pass the same object you give the toolbar: a
+     * disabled feature injects no header and persists no cookie, whatever the
+     * request carries.
+     */
+    features?: PreprFeatures;
+    /** Override the version reported in Prepr-Package (mainly for tests). */
+    version?: string;
+}
+
+/**
+ * Next.js middleware entry point. Despite the `create` prefix this runs
+ * per-request — it does not return a handler. Pass an existing `NextResponse`
+ * as the second argument to chain with other middleware.
+ */
+declare function createPreprMiddleware(request: NextRequest, options?: PreprMiddlewareOptions): NextResponse;
+declare function createPreprMiddleware(request: NextRequest, response: NextResponse, options?: PreprMiddlewareOptions): NextResponse;
+
 /** Prepr Customer ID for the current request. Server-only. */
 declare function getPreprUUID(): Promise<string | null>;
 /** Active segment for the current request. Server-only. */
@@ -66,7 +96,7 @@ declare function getPreprHeaders(): Promise<PreprHeaders>;
  * Never throws: segment-fetch failures degrade to an empty segment list, so a
  * bad or missing token can't crash the host app.
  */
-declare function getToolbarProps(token: string): Promise<PreprToolbarProps>;
+declare function getToolbarProps(token: string, features?: PreprFeatures): Promise<PreprToolbarProps>;
 
 /** Error thrown by the token helpers and the segments fetch. */
 declare class PreprError extends Error {

package/dist/nextjs/index.js

@@ -2,7 +2,7 @@
 import { NextResponse } from "next/server";
 
 // src/version.ts
-var VERSION = "0.1.0-beta.5";
+var VERSION = "0.2.0-beta.2";
 
 // src/core/constants.ts
 var COOKIE_PREVIEW_MODE = "Prepr-Preview-Mode";
@@ -15,6 +15,24 @@ var PARAM_VARIANT = "prepr_preview_ab";
 var PARAM_HIDE_BAR = "prepr_hide_bar";
 var ONE_YEAR_SECONDS = 60 * 60 * 24 * 365;
 
+// src/core/features.ts
+function isEnabled(config) {
+  if (typeof config === "boolean") return config;
+  return config?.enabled ?? true;
+}
+function resolveFeatures(features) {
+  return {
+    segments: isEnabled(features?.segments),
+    abTesting: isEnabled(features?.abTesting),
+    editMode: isEnabled(features?.editMode)
+  };
+}
+var ALL_FEATURES_ENABLED = Object.freeze({
+  segments: true,
+  abTesting: true,
+  editMode: true
+});
+
 // src/core/middleware.ts
 var UTM_PARAMS = [
   "utm_source",
@@ -84,7 +102,8 @@ function processPreprRequest(request, opts) {
   if (!opts?.preview) {
     return { requestHeaders, responseCookies };
   }
-  const hasPreviewParams = searchParams.has(PARAM_SEGMENT) || searchParams.has(PARAM_VARIANT);
+  const features = resolveFeatures(opts?.features);
+  const hasPreviewParams = features.segments && searchParams.has(PARAM_SEGMENT) || features.abTesting && searchParams.has(PARAM_VARIANT);
   if (!hasPreviewParams) {
     const previewModeCookie = requestCookies.get(COOKIE_PREVIEW_MODE);
     const previewModeEnabled = previewModeCookie !== "false";
@@ -104,16 +123,16 @@ function processPreprRequest(request, opts) {
     });
   }
   if (!isLivePreview) {
-    const segmentCookie = requestCookies.get(COOKIE_SEGMENT);
+    const segmentCookie = features.segments ? requestCookies.get(COOKIE_SEGMENT) : void 0;
     if (segmentCookie) {
       requestHeaders.set("Prepr-Segments", segmentCookie);
     }
-    const abCookie = requestCookies.get(COOKIE_VARIANT);
+    const abCookie = features.abTesting ? requestCookies.get(COOKIE_VARIANT) : void 0;
     if (abCookie) {
       requestHeaders.set("Prepr-ABtesting", abCookie);
     }
   }
-  const previewAb = searchParams.get(PARAM_VARIANT);
+  const previewAb = features.abTesting ? searchParams.get(PARAM_VARIANT) : null;
   if (previewAb !== null) {
     requestHeaders.set("Prepr-ABtesting", previewAb);
     if (!isLivePreview) {
@@ -126,7 +145,7 @@ function processPreprRequest(request, opts) {
       });
     }
   }
-  const previewSegment = searchParams.get(PARAM_SEGMENT);
+  const previewSegment = features.segments ? searchParams.get(PARAM_SEGMENT) : null;
   if (previewSegment !== null) {
     requestHeaders.set("Prepr-Segments", previewSegment);
     if (!isLivePreview) {
@@ -310,16 +329,19 @@ async function getPreprEnvironmentSegments(token) {
     );
   }
 }
-async function getToolbarPropsFromHeaders(headers2, token) {
+async function getToolbarPropsFromHeaders(headers2, token, features) {
+  const resolved = resolveFeatures(features);
   let segments = [];
-  try {
-    segments = await getPreprEnvironmentSegments(token);
-  } catch {
-    segments = [];
+  if (resolved.segments) {
+    try {
+      segments = await getPreprEnvironmentSegments(token);
+    } catch {
+      segments = [];
+    }
   }
   return {
-    activeSegment: getActiveSegmentFromHeaders(headers2),
-    activeVariant: getActiveVariantFromHeaders(headers2),
+    activeSegment: resolved.segments ? getActiveSegmentFromHeaders(headers2) : null,
+    activeVariant: resolved.abTesting ? getActiveVariantFromHeaders(headers2) : null,
     segments,
     data: segments
   };
@@ -345,9 +367,9 @@ async function getPreprHeaders() {
   const h = await readHeaders();
   return getPreprHeadersFromHeaders(h);
 }
-async function getToolbarProps(token) {
+async function getToolbarProps(token, features) {
   const h = await readHeaders();
-  return getToolbarPropsFromHeaders(h, token);
+  return getToolbarPropsFromHeaders(h, token, features);
 }
 
 // src/nextjs/index.ts