@preprio/toolkit 0.1.0-beta.1

package/dist/nextjs/components.d.cts

@@ -0,0 +1,17 @@
+import { b as PreprToolbarProps, i as PreprPixelConfig } from '../pixel-DVSJQC0K.cjs';
+
+/**
+ * Mounts the Prepr toolbar and wires it to the Next.js router so segment/variant
+ * switches navigate. Renders nothing — the toolbar UI is a custom element that
+ * `createPreprToolbar` mounts imperatively.
+ */
+declare function PreprToolbar(props: PreprToolbarProps): null;
+interface PreprTrackingPixelProps {
+    /** Prepr tracking/access token. */
+    id: string;
+    config?: PreprPixelConfig;
+}
+/** Loads Prepr's CDN tracking pixel on mount. Renders nothing. */
+declare function PreprTrackingPixel({ id, config }: PreprTrackingPixelProps): null;
+
+export { PreprToolbar, PreprTrackingPixel, type PreprTrackingPixelProps };

package/dist/nextjs/components.d.ts

@@ -0,0 +1,17 @@
+import { b as PreprToolbarProps, i as PreprPixelConfig } from '../pixel-DVSJQC0K.js';
+
+/**
+ * Mounts the Prepr toolbar and wires it to the Next.js router so segment/variant
+ * switches navigate. Renders nothing — the toolbar UI is a custom element that
+ * `createPreprToolbar` mounts imperatively.
+ */
+declare function PreprToolbar(props: PreprToolbarProps): null;
+interface PreprTrackingPixelProps {
+    /** Prepr tracking/access token. */
+    id: string;
+    config?: PreprPixelConfig;
+}
+/** Loads Prepr's CDN tracking pixel on mount. Renders nothing. */
+declare function PreprTrackingPixel({ id, config }: PreprTrackingPixelProps): null;
+
+export { PreprToolbar, PreprTrackingPixel, type PreprTrackingPixelProps };

package/dist/nextjs/components.js

@@ -0,0 +1,34 @@
+"use client";
+import {
+  createPreprToolbar,
+  loadTrackingPixel
+} from "../chunk-H7HVQSSF.js";
+
+// src/nextjs/components.ts
+import { usePathname, useRouter } from "next/navigation";
+import { useEffect } from "react";
+function PreprToolbar(props) {
+  const router = useRouter();
+  const pathname = usePathname();
+  useEffect(() => {
+    const toolbar = createPreprToolbar({
+      props,
+      navigation: {
+        navigate: (url) => router.push(url),
+        currentPath: () => pathname + window.location.search
+      }
+    });
+    return () => toolbar.destroy();
+  }, []);
+  return null;
+}
+function PreprTrackingPixel({ id, config }) {
+  useEffect(() => {
+    loadTrackingPixel(id, config);
+  }, []);
+  return null;
+}
+export {
+  PreprToolbar,
+  PreprTrackingPixel
+};

package/dist/nextjs/image-loader.cjs

@@ -0,0 +1,122 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/nextjs/image-loader.ts
+var image_loader_exports = {};
+__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;
+    }
+  }
+  return sawKnownOption;
+}
+function parseTransform(segment) {
+  return segment.split(",").map((part) => {
+    const underscore = part.indexOf("_");
+    return [part.slice(0, underscore), part.slice(underscore + 1)];
+  });
+}
+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

@@ -0,0 +1,10 @@
+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.
+ */
+declare function preprImageLoader({ src, width, quality }: ImageLoaderProps): string;
+
+export { preprImageLoader as default };

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

@@ -0,0 +1,10 @@
+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.
+ */
+declare function preprImageLoader({ src, width, quality }: ImageLoaderProps): string;
+
+export { preprImageLoader as default };

package/dist/nextjs/image-loader.js

@@ -0,0 +1,101 @@
+// 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;
+    }
+  }
+  return sawKnownOption;
+}
+function parseTransform(segment) {
+  return segment.split(",").map((part) => {
+    const underscore = part.indexOf("_");
+    return [part.slice(0, underscore), part.slice(underscore + 1)];
+  });
+}
+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

@@ -0,0 +1,386 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/nextjs/index.ts
+var nextjs_exports = {};
+__export(nextjs_exports, {
+  PreprError: () => PreprError,
+  PreprToolbar: () => import_components.PreprToolbar,
+  PreprTrackingPixel: () => import_components.PreprTrackingPixel,
+  createPreprMiddleware: () => createPreprMiddleware,
+  extractAccessToken: () => extractAccessToken,
+  getActiveSegment: () => getActiveSegment,
+  getActiveVariant: () => getActiveVariant,
+  getPreprHeaders: () => getPreprHeaders,
+  getPreprUUID: () => getPreprUUID,
+  getToolbarProps: () => getToolbarProps,
+  validatePreprToken: () => validatePreprToken
+});
+module.exports = __toCommonJS(nextjs_exports);
+
+// src/nextjs/middleware.ts
+var import_server = require("next/server");
+
+// src/version.ts
+var VERSION = "0.1.0-beta.1";
+
+// src/core/constants.ts
+var COOKIE_PREVIEW_MODE = "Prepr-Preview-Mode";
+var COOKIE_SEGMENT = "Prepr-Segments";
+var COOKIE_VARIANT = "Prepr-ABtesting";
+var COOKIE_UID = "__prepr_uid";
+var COOKIE_HUBSPOT = "hubspotutk";
+var PARAM_SEGMENT = "prepr_preview_segment";
+var PARAM_VARIANT = "prepr_preview_ab";
+var PARAM_HIDE_BAR = "prepr_hide_bar";
+var ONE_YEAR_SECONDS = 60 * 60 * 24 * 365;
+
+// 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 };
+}
+
+// src/nextjs/middleware.ts
+function createPreprMiddleware(request, responseOrOptions, maybeOptions) {
+  let chainedResponse;
+  let options;
+  if (responseOrOptions instanceof import_server.NextResponse) {
+    chainedResponse = responseOrOptions;
+    options = maybeOptions;
+  } else {
+    options = responseOrOptions;
+  }
+  const { requestHeaders, responseCookies } = processPreprRequest(request, options);
+  const response = chainedResponse ?? import_server.NextResponse.next({ request: { headers: requestHeaders } });
+  if (chainedResponse) {
+    requestHeaders.forEach((value, key) => {
+      response.headers.set(key, value);
+    });
+  }
+  for (const cookie of responseCookies) {
+    response.cookies.set(cookie.name, cookie.value, {
+      maxAge: cookie.maxAge,
+      path: cookie.path
+    });
+  }
+  return response;
+}
+
+// src/nextjs/server.ts
+var import_headers = require("next/headers");
+
+// 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(headers2) {
+  return headers2.get("prepr-customer-id");
+}
+function getActiveSegmentFromHeaders(headers2) {
+  return headers2.get("Prepr-Segments");
+}
+function getActiveVariantFromHeaders(headers2) {
+  return headers2.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(headers2) {
+  const preprHeaders = {};
+  const copy = (key) => {
+    const value = headers2.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(headers2, token) {
+  let segments = [];
+  try {
+    segments = await getPreprEnvironmentSegments(token);
+  } catch {
+    segments = [];
+  }
+  return {
+    activeSegment: getActiveSegmentFromHeaders(headers2),
+    activeVariant: getActiveVariantFromHeaders(headers2),
+    segments,
+    data: segments
+  };
+}
+
+// src/nextjs/server.ts
+async function readHeaders() {
+  return await (0, import_headers.headers)();
+}
+async function getPreprUUID() {
+  const h = await readHeaders();
+  return getPreprUUIDFromHeaders(h);
+}
+async function getActiveSegment() {
+  const h = await readHeaders();
+  return getActiveSegmentFromHeaders(h);
+}
+async function getActiveVariant() {
+  const h = await readHeaders();
+  return getActiveVariantFromHeaders(h);
+}
+async function getPreprHeaders() {
+  const h = await readHeaders();
+  return getPreprHeadersFromHeaders(h);
+}
+async function getToolbarProps(token) {
+  const h = await readHeaders();
+  return getToolbarPropsFromHeaders(h, token);
+}
+
+// src/nextjs/index.ts
+var import_components = require("./components");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PreprError,
+  PreprToolbar,
+  PreprTrackingPixel,
+  createPreprMiddleware,
+  extractAccessToken,
+  getActiveSegment,
+  getActiveVariant,
+  getPreprHeaders,
+  getPreprUUID,
+  getToolbarProps,
+  validatePreprToken
+});