@preprio/toolkit 0.2.0-beta.2 → 0.2.0-beta.4

package/dist/react/index.cjs

@@ -0,0 +1,32 @@
+"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/react/index.ts
+var react_exports = {};
+__export(react_exports, {
+  PreprPreview: () => import_components.PreprPreview,
+  PreprTrackingPixel: () => import_components.PreprTrackingPixel
+});
+module.exports = __toCommonJS(react_exports);
+var import_components = require("./components.js");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PreprPreview,
+  PreprTrackingPixel
+});

package/dist/react/index.d.cts

@@ -0,0 +1 @@
+export { PreprPreview, PreprPreviewProps, PreprTrackingPixel, PreprTrackingPixelProps } from './components.js';

package/dist/react/index.d.ts

@@ -0,0 +1 @@
+export { PreprPreview, PreprPreviewProps, PreprTrackingPixel, PreprTrackingPixelProps } from './components.js';

package/dist/react/index.js

@@ -0,0 +1,9 @@
+// src/react/index.ts
+import {
+  PreprPreview,
+  PreprTrackingPixel
+} from "./components.js";
+export {
+  PreprPreview,
+  PreprTrackingPixel
+};

package/dist/sveltekit/index.cjs

@@ -35,7 +35,7 @@ __export(sveltekit_exports, {
 module.exports = __toCommonJS(sveltekit_exports);
 
 // src/version.ts
-var VERSION = "0.2.0-beta.2";
+var VERSION = "0.2.0-beta.4";
 
 // src/core/constants.ts
 var COOKIE_PREVIEW_MODE = "Prepr-Preview-Mode";

package/dist/sveltekit/index.d.cts

@@ -27,8 +27,18 @@ interface PreprFeatures {
     editMode?: PreprFeatureConfig;
 }
 interface PreprToolbarProps {
-    readonly activeSegment: string | null;
-    readonly activeVariant: string | null;
+    /**
+     * Server-resolved active segment. Optional: omit it with `segments`
+     * disabled, where there is nothing to resolve. When enabled and omitted,
+     * the persisted cookie is used.
+     */
+    readonly activeSegment?: string | null;
+    /**
+     * Server-resolved active A/B variant. Optional: omit it with `abTesting`
+     * disabled, where there is nothing to resolve. When enabled and omitted,
+     * the persisted cookie is used.
+     */
+    readonly activeVariant?: string | null;
     /** Available segments to personalize on. */
     readonly segments?: readonly PreprSegment[];
     /** @deprecated Alias for `segments`. */

package/dist/sveltekit/index.d.ts

@@ -27,8 +27,18 @@ interface PreprFeatures {
     editMode?: PreprFeatureConfig;
 }
 interface PreprToolbarProps {
-    readonly activeSegment: string | null;
-    readonly activeVariant: string | null;
+    /**
+     * Server-resolved active segment. Optional: omit it with `segments`
+     * disabled, where there is nothing to resolve. When enabled and omitted,
+     * the persisted cookie is used.
+     */
+    readonly activeSegment?: string | null;
+    /**
+     * Server-resolved active A/B variant. Optional: omit it with `abTesting`
+     * disabled, where there is nothing to resolve. When enabled and omitted,
+     * the persisted cookie is used.
+     */
+    readonly activeVariant?: string | null;
     /** Available segments to personalize on. */
     readonly segments?: readonly PreprSegment[];
     /** @deprecated Alias for `segments`. */

package/dist/sveltekit/index.js

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "0.2.0-beta.2";
+var VERSION = "0.2.0-beta.4";
 
 // src/core/constants.ts
 var COOKIE_PREVIEW_MODE = "Prepr-Preview-Mode";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@preprio/toolkit",
-  "version": "0.2.0-beta.2",
-  "description": "Prepr personalization, A/B testing and preview toolkit for Next.js, Nuxt, Astro, SvelteKit and Express",
+  "version": "0.2.0-beta.4",
+  "description": "Prepr personalization, A/B testing and preview toolkit for React, Next.js, Nuxt, Astro, SvelteKit and Express",
   "license": "Apache-2.0",
   "author": "Prepr B.V. (https://prepr.io)",
   "keywords": [
@@ -12,6 +12,7 @@
     "ab-testing",
     "preview",
     "visual-editing",
+    "react",
     "nextjs",
     "nuxt",
     "astro",
@@ -38,6 +39,16 @@
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
     },
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "import": "./dist/react/index.js",
+      "require": "./dist/react/index.cjs"
+    },
+    "./react/components": {
+      "types": "./dist/react/components.d.ts",
+      "import": "./dist/react/components.js",
+      "require": "./dist/react/components.cjs"
+    },
     "./nextjs": {
       "types": "./dist/nextjs/index.d.ts",
       "import": "./dist/nextjs/index.js",
@@ -83,16 +94,6 @@
     "src/sveltekit/*.svelte",
     "src/nuxt/*.vue"
   ],
-  "scripts": {
-    "gen:css": "node scripts/compile-css.mjs",
-    "prebuild": "rm -rf dist && pnpm gen:css && node scripts/check-version.mjs",
-    "pretest": "pnpm gen:css",
-    "pretypecheck": "pnpm gen:css",
-    "build": "tsup",
-    "postbuild": "node scripts/check-exports.mjs",
-    "test": "vitest run",
-    "typecheck": "tsc --noEmit"
-  },
   "dependencies": {
     "@vercel/stega": "^1.1.0",
     "preact": "^10.29.7"
@@ -134,5 +135,15 @@
     "tsup": "^8.5.1",
     "typescript": "^5.9.3",
     "vitest": "^4.1.10"
+  },
+  "scripts": {
+    "gen:css": "node scripts/compile-css.mjs",
+    "prebuild": "rm -rf dist && pnpm gen:css && node scripts/check-version.mjs",
+    "pretest": "pnpm gen:css",
+    "pretypecheck": "pnpm gen:css",
+    "build": "tsup",
+    "postbuild": "node scripts/check-exports.mjs",
+    "test": "vitest run",
+    "typecheck": "tsc --noEmit"
   }
-}
+}

package/src/nuxt/PreprToolbar.vue

@@ -11,8 +11,8 @@ import { createPreprPreview } from '@preprio/toolkit';
 import type { PreprToolbarComponentProps } from '@preprio/toolkit';
 
 const props = defineProps<{
-  activeSegment: PreprToolbarComponentProps['activeSegment'];
-  activeVariant: PreprToolbarComponentProps['activeVariant'];
+  activeSegment?: PreprToolbarComponentProps['activeSegment'];
+  activeVariant?: PreprToolbarComponentProps['activeVariant'];
   segments?: PreprToolbarComponentProps['segments'];
   data?: PreprToolbarComponentProps['data'];
   options?: PreprToolbarComponentProps['options'];