@preprio/toolkit 0.6.0-alpha.2 → 0.6.0-alpha.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +46 -30
- package/dist/astro/{chunk-U7VUQL57.js → chunk-TLUVG5P7.js} +1 -1
- package/dist/astro/graphql.js +1 -1
- package/dist/astro/index.cjs +1 -1
- package/dist/astro/index.js +1 -1
- package/dist/{chunk-VV4PRH7W.js → chunk-EE3GXKCF.js} +1 -1
- package/dist/{chunk-7HSMUULV.js → chunk-MZW2RVGY.js} +1 -1
- package/dist/{chunk-UYYTYSOD.js → chunk-XQ4DDVSW.js} +1 -1
- package/dist/{chunk-DS3QA3HF.js → chunk-YNZUYENT.js} +1 -1
- package/dist/graphql/codegen.js +3 -3
- package/dist/graphql.js +3 -3
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +3 -3
- package/dist/nextjs/chunk-HP2SJJSL.js +544 -0
- package/dist/nextjs/components.cjs +166 -2
- package/dist/nextjs/components.d.cts +32 -4
- package/dist/nextjs/components.d.ts +32 -4
- package/dist/nextjs/components.js +169 -4
- package/dist/nextjs/graphql.cjs +588 -50
- package/dist/nextjs/graphql.d.cts +95 -28
- package/dist/nextjs/graphql.d.ts +95 -28
- package/dist/nextjs/graphql.js +287 -50
- package/dist/nextjs/index.cjs +3 -1
- package/dist/nextjs/index.d.cts +33 -3
- package/dist/nextjs/index.d.ts +33 -3
- package/dist/nextjs/index.js +8 -313
- package/dist/nextjs/{server-CjpELYvq.d.cts → server-BL-sqZvu.d.cts} +1 -1
- package/dist/nextjs/{server-CjpELYvq.d.ts → server-BL-sqZvu.d.ts} +1 -1
- package/dist/nuxt/{chunk-GMWF6PQ5.js → chunk-QVY3D5B2.js} +1 -1
- package/dist/nuxt/graphql.js +1 -1
- package/dist/nuxt/index.cjs +1 -1
- package/dist/nuxt/index.js +1 -1
- package/dist/react/components.cjs +1 -1
- package/dist/react/components.js +1 -1
- package/dist/sveltekit/{chunk-5SQUG2L4.js → chunk-VSN5EX3U.js} +1 -1
- package/dist/sveltekit/graphql.js +1 -1
- package/dist/sveltekit/index.cjs +1 -1
- package/dist/sveltekit/index.js +1 -1
- package/package.json +1 -1
- package/dist/nextjs/chunk-ZIUKEGEN.js +0 -231
package/dist/nextjs/index.js
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import {
|
|
2
|
+
PREPR_BUCKET_COOKIE,
|
|
2
3
|
PreprError,
|
|
3
|
-
|
|
4
|
+
createPreprDraftRoute,
|
|
5
|
+
createPreprMiddleware,
|
|
4
6
|
extractAccessToken,
|
|
5
7
|
getActiveSegment,
|
|
6
8
|
getActiveVariant,
|
|
@@ -8,328 +10,21 @@ import {
|
|
|
8
10
|
getPreprUUID,
|
|
9
11
|
getToolbarProps,
|
|
10
12
|
isPersonalizedResponse,
|
|
11
|
-
|
|
13
|
+
preprDraftRedirect,
|
|
14
|
+
resolvePreprBucket,
|
|
12
15
|
validatePreprToken
|
|
13
|
-
} from "./chunk-
|
|
14
|
-
|
|
15
|
-
// src/nextjs/middleware.ts
|
|
16
|
-
import { NextResponse } from "next/server";
|
|
17
|
-
|
|
18
|
-
// src/core/constants.ts
|
|
19
|
-
var COOKIE_PREVIEW_MODE = "Prepr-Preview-Mode";
|
|
20
|
-
var COOKIE_SEGMENT = "Prepr-Segments";
|
|
21
|
-
var COOKIE_VARIANT = "Prepr-ABtesting";
|
|
22
|
-
var COOKIE_UID = "__prepr_uid";
|
|
23
|
-
var COOKIE_HUBSPOT = "hubspotutk";
|
|
24
|
-
var PARAM_SEGMENT = "prepr_preview_segment";
|
|
25
|
-
var PARAM_VARIANT = "prepr_preview_ab";
|
|
26
|
-
var PARAM_HIDE_BAR = "prepr_hide_bar";
|
|
27
|
-
var ONE_YEAR_SECONDS = 60 * 60 * 24 * 365;
|
|
28
|
-
|
|
29
|
-
// src/core/middleware.ts
|
|
30
|
-
var UTM_PARAMS = [
|
|
31
|
-
"utm_source",
|
|
32
|
-
"utm_medium",
|
|
33
|
-
"utm_term",
|
|
34
|
-
"utm_content",
|
|
35
|
-
"utm_campaign"
|
|
36
|
-
];
|
|
37
|
-
var MAX_HEADER_VALUE_LENGTH = 2048;
|
|
38
|
-
function sanitizeHeaderValue(value) {
|
|
39
|
-
const stripped = value.replace(/[\u0000-\u001f\u007f]/g, "");
|
|
40
|
-
return stripped.length > MAX_HEADER_VALUE_LENGTH ? stripped.slice(0, MAX_HEADER_VALUE_LENGTH) : stripped;
|
|
41
|
-
}
|
|
42
|
-
function parseCookies(request) {
|
|
43
|
-
const cookies2 = /* @__PURE__ */ new Map();
|
|
44
|
-
const header = request.headers.get("cookie");
|
|
45
|
-
if (!header) return cookies2;
|
|
46
|
-
for (const part of header.split(";")) {
|
|
47
|
-
const eq = part.indexOf("=");
|
|
48
|
-
if (eq === -1) continue;
|
|
49
|
-
const name = part.slice(0, eq).trim();
|
|
50
|
-
const value = part.slice(eq + 1).trim();
|
|
51
|
-
if (!name) continue;
|
|
52
|
-
try {
|
|
53
|
-
cookies2.set(name, decodeURIComponent(value));
|
|
54
|
-
} catch {
|
|
55
|
-
cookies2.set(name, value);
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
return cookies2;
|
|
59
|
-
}
|
|
60
|
-
function processFrameworkRequest(request, opts, framework) {
|
|
61
|
-
const requestHeaders = new Headers(request.headers);
|
|
62
|
-
const responseCookies = [];
|
|
63
|
-
const inboundPreprHeaders = [];
|
|
64
|
-
requestHeaders.forEach((_value, key) => {
|
|
65
|
-
if (key.toLowerCase().startsWith("prepr-")) {
|
|
66
|
-
inboundPreprHeaders.push(key);
|
|
67
|
-
}
|
|
68
|
-
});
|
|
69
|
-
for (const key of inboundPreprHeaders) {
|
|
70
|
-
requestHeaders.delete(key);
|
|
71
|
-
}
|
|
72
|
-
const requestCookies = parseCookies(request);
|
|
73
|
-
const url = new URL(request.url);
|
|
74
|
-
const searchParams = url.searchParams;
|
|
75
|
-
const forwardedProto = request.headers.get("x-forwarded-proto")?.split(",")[0]?.trim();
|
|
76
|
-
const isSecure = forwardedProto ? forwardedProto === "https" : url.protocol === "https:";
|
|
77
|
-
const crossSite = isSecure ? { sameSite: "None", secure: true } : {};
|
|
78
|
-
for (const key of UTM_PARAMS) {
|
|
79
|
-
const value = searchParams.get(key);
|
|
80
|
-
if (value !== null) {
|
|
81
|
-
requestHeaders.set(`Prepr-Context-${key}`, sanitizeHeaderValue(value));
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
const referer = request.headers.get("referer");
|
|
85
|
-
if (referer) {
|
|
86
|
-
requestHeaders.set(
|
|
87
|
-
"Prepr-Context-initial_referral",
|
|
88
|
-
sanitizeHeaderValue(referer)
|
|
89
|
-
);
|
|
90
|
-
}
|
|
91
|
-
const userAgent = request.headers.get("user-agent");
|
|
92
|
-
if (userAgent) {
|
|
93
|
-
requestHeaders.set("User-Agent", sanitizeHeaderValue(userAgent));
|
|
94
|
-
}
|
|
95
|
-
const packageParts = [`@preprio/toolkit@${opts?.version ?? VERSION}`];
|
|
96
|
-
if (framework) packageParts.push(`framework=${framework}`);
|
|
97
|
-
packageParts.push(`preview=${opts?.preview ? "true" : "false"}`);
|
|
98
|
-
requestHeaders.set("Prepr-Package", packageParts.join("; "));
|
|
99
|
-
const ip = request.headers.get("Cf-Connecting-Ip") ?? request.headers.get("x-real-ip");
|
|
100
|
-
if (ip) {
|
|
101
|
-
requestHeaders.set("Prepr-Visitor-IP", sanitizeHeaderValue(ip));
|
|
102
|
-
}
|
|
103
|
-
const hutkCookie = requestCookies.get(COOKIE_HUBSPOT);
|
|
104
|
-
if (hutkCookie) {
|
|
105
|
-
requestHeaders.set("Prepr-Hubspot-Id", sanitizeHeaderValue(hutkCookie));
|
|
106
|
-
}
|
|
107
|
-
let uid = sanitizeHeaderValue(requestCookies.get(COOKIE_UID) ?? "");
|
|
108
|
-
if (!uid) {
|
|
109
|
-
uid = crypto.randomUUID();
|
|
110
|
-
responseCookies.push({
|
|
111
|
-
name: COOKIE_UID,
|
|
112
|
-
value: uid,
|
|
113
|
-
maxAge: ONE_YEAR_SECONDS,
|
|
114
|
-
path: "/"
|
|
115
|
-
});
|
|
116
|
-
requestHeaders.set("Prepr-Customer-Id-Created", "true");
|
|
117
|
-
}
|
|
118
|
-
requestHeaders.set("Prepr-Customer-Id", uid);
|
|
119
|
-
if (!opts?.preview) {
|
|
120
|
-
return { requestHeaders, responseCookies };
|
|
121
|
-
}
|
|
122
|
-
const features = resolveFeatures(opts?.features);
|
|
123
|
-
const hasPreviewParams = features.segments && searchParams.has(PARAM_SEGMENT) || features.abTesting && searchParams.has(PARAM_VARIANT);
|
|
124
|
-
if (!hasPreviewParams) {
|
|
125
|
-
const previewModeCookie = requestCookies.get(COOKIE_PREVIEW_MODE);
|
|
126
|
-
const previewModeEnabled = previewModeCookie !== "false";
|
|
127
|
-
if (!previewModeEnabled) {
|
|
128
|
-
return { requestHeaders, responseCookies };
|
|
129
|
-
}
|
|
130
|
-
}
|
|
131
|
-
requestHeaders.set("Prepr-Preview-Bar", "true");
|
|
132
|
-
const isLivePreview = searchParams.get(PARAM_HIDE_BAR) === "true";
|
|
133
|
-
if (!isLivePreview && !requestCookies.has(COOKIE_PREVIEW_MODE)) {
|
|
134
|
-
responseCookies.push({
|
|
135
|
-
name: COOKIE_PREVIEW_MODE,
|
|
136
|
-
value: "true",
|
|
137
|
-
maxAge: ONE_YEAR_SECONDS,
|
|
138
|
-
path: "/",
|
|
139
|
-
...crossSite
|
|
140
|
-
});
|
|
141
|
-
}
|
|
142
|
-
if (!isLivePreview) {
|
|
143
|
-
const segmentCookie = features.segments ? requestCookies.get(COOKIE_SEGMENT) : void 0;
|
|
144
|
-
if (segmentCookie) {
|
|
145
|
-
requestHeaders.set("Prepr-Segments", sanitizeHeaderValue(segmentCookie));
|
|
146
|
-
}
|
|
147
|
-
const abCookie = features.abTesting ? requestCookies.get(COOKIE_VARIANT) : void 0;
|
|
148
|
-
if (abCookie) {
|
|
149
|
-
requestHeaders.set("Prepr-ABtesting", sanitizeHeaderValue(abCookie));
|
|
150
|
-
}
|
|
151
|
-
}
|
|
152
|
-
const previewAb = features.abTesting ? searchParams.get(PARAM_VARIANT) : null;
|
|
153
|
-
if (previewAb !== null) {
|
|
154
|
-
requestHeaders.set("Prepr-ABtesting", sanitizeHeaderValue(previewAb));
|
|
155
|
-
if (!isLivePreview) {
|
|
156
|
-
responseCookies.push({
|
|
157
|
-
name: COOKIE_VARIANT,
|
|
158
|
-
value: previewAb,
|
|
159
|
-
maxAge: ONE_YEAR_SECONDS,
|
|
160
|
-
path: "/",
|
|
161
|
-
...crossSite
|
|
162
|
-
});
|
|
163
|
-
}
|
|
164
|
-
}
|
|
165
|
-
const previewSegment = features.segments ? searchParams.get(PARAM_SEGMENT) : null;
|
|
166
|
-
if (previewSegment !== null) {
|
|
167
|
-
requestHeaders.set("Prepr-Segments", sanitizeHeaderValue(previewSegment));
|
|
168
|
-
if (!isLivePreview) {
|
|
169
|
-
responseCookies.push({
|
|
170
|
-
name: COOKIE_SEGMENT,
|
|
171
|
-
value: previewSegment,
|
|
172
|
-
maxAge: ONE_YEAR_SECONDS,
|
|
173
|
-
path: "/",
|
|
174
|
-
...crossSite
|
|
175
|
-
});
|
|
176
|
-
}
|
|
177
|
-
}
|
|
178
|
-
if (requestHeaders.has("Prepr-Segments")) {
|
|
179
|
-
requestHeaders.delete("Prepr-Customer-Id");
|
|
180
|
-
requestHeaders.delete("Prepr-Customer-Id-Created");
|
|
181
|
-
}
|
|
182
|
-
return { requestHeaders, responseCookies };
|
|
183
|
-
}
|
|
184
|
-
|
|
185
|
-
// src/nextjs/middleware.ts
|
|
186
|
-
function createPreprMiddleware(request, responseOrOptions, maybeOptions) {
|
|
187
|
-
let chainedResponse;
|
|
188
|
-
let options;
|
|
189
|
-
if (responseOrOptions instanceof NextResponse) {
|
|
190
|
-
chainedResponse = responseOrOptions;
|
|
191
|
-
options = maybeOptions;
|
|
192
|
-
} else {
|
|
193
|
-
options = responseOrOptions;
|
|
194
|
-
}
|
|
195
|
-
const { requestHeaders, responseCookies } = processFrameworkRequest(
|
|
196
|
-
request,
|
|
197
|
-
options,
|
|
198
|
-
"nextjs"
|
|
199
|
-
);
|
|
200
|
-
const response = chainedResponse ?? NextResponse.next({ request: { headers: requestHeaders } });
|
|
201
|
-
if (chainedResponse) {
|
|
202
|
-
const existing = response.headers.get("x-middleware-override-headers");
|
|
203
|
-
const names = new Set(
|
|
204
|
-
existing ? existing.split(",").map((name) => name.trim()).filter(Boolean) : []
|
|
205
|
-
);
|
|
206
|
-
requestHeaders.forEach((value, key) => {
|
|
207
|
-
names.add(key);
|
|
208
|
-
response.headers.set(`x-middleware-request-${key}`, value);
|
|
209
|
-
});
|
|
210
|
-
response.headers.set("x-middleware-override-headers", [...names].join(","));
|
|
211
|
-
}
|
|
212
|
-
for (const cookie of responseCookies) {
|
|
213
|
-
response.cookies.set(cookie.name, cookie.value, {
|
|
214
|
-
maxAge: cookie.maxAge,
|
|
215
|
-
path: cookie.path,
|
|
216
|
-
// Lower-cased: Next's cookie API expects 'none' | 'lax' | 'strict'.
|
|
217
|
-
...cookie.sameSite ? {
|
|
218
|
-
sameSite: cookie.sameSite.toLowerCase()
|
|
219
|
-
} : {},
|
|
220
|
-
...cookie.secure ? { secure: true } : {}
|
|
221
|
-
});
|
|
222
|
-
}
|
|
223
|
-
return response;
|
|
224
|
-
}
|
|
225
|
-
|
|
226
|
-
// src/nextjs/bucket.ts
|
|
227
|
-
var PREPR_BUCKET_COOKIE = "prepr_ab_bucket";
|
|
228
|
-
var isBucket = (value) => value === "A" || value === "B";
|
|
229
|
-
function setBucketCookie(request, response, bucket) {
|
|
230
|
-
response.cookies.set(PREPR_BUCKET_COOKIE, bucket, {
|
|
231
|
-
path: "/",
|
|
232
|
-
sameSite: "lax",
|
|
233
|
-
// Readable on purpose: PreprStack's inline switch reads it before first
|
|
234
|
-
// paint. It holds only "A" or "B".
|
|
235
|
-
httpOnly: false,
|
|
236
|
-
secure: request.nextUrl.protocol === "https:",
|
|
237
|
-
maxAge: 60 * 60 * 24 * 365
|
|
238
|
-
});
|
|
239
|
-
}
|
|
240
|
-
async function resolvePreprBucket(request, response, options) {
|
|
241
|
-
const stored = request.cookies.get(PREPR_BUCKET_COOKIE)?.value;
|
|
242
|
-
const forced = response.headers.get("x-middleware-request-prepr-abtesting") ?? request.cookies.get(COOKIE_VARIANT)?.value;
|
|
243
|
-
if (options.preview && isBucket(forced)) {
|
|
244
|
-
if (forced !== stored) setBucketCookie(request, response, forced);
|
|
245
|
-
return forced;
|
|
246
|
-
}
|
|
247
|
-
if (isBucket(stored)) return stored;
|
|
248
|
-
if (options.onlyIf) {
|
|
249
|
-
const needed = await Promise.resolve().then(options.onlyIf).catch(() => true);
|
|
250
|
-
if (!needed) return "A";
|
|
251
|
-
}
|
|
252
|
-
const customerId = request.cookies.get(COOKIE_UID)?.value ?? response.cookies.get(COOKIE_UID)?.value;
|
|
253
|
-
if (!customerId) return "A";
|
|
254
|
-
try {
|
|
255
|
-
const res = await fetch(options.url, {
|
|
256
|
-
method: "POST",
|
|
257
|
-
headers: {
|
|
258
|
-
"Content-Type": "application/json",
|
|
259
|
-
"Prepr-Customer-Id": customerId
|
|
260
|
-
},
|
|
261
|
-
body: JSON.stringify({ query: "{ __typename }" }),
|
|
262
|
-
cache: "no-store",
|
|
263
|
-
signal: AbortSignal.timeout(options.timeoutMs ?? 1500)
|
|
264
|
-
});
|
|
265
|
-
const bucket = res.headers.get("x-prepr-customer-bucket");
|
|
266
|
-
if (isBucket(bucket)) {
|
|
267
|
-
setBucketCookie(request, response, bucket);
|
|
268
|
-
return bucket;
|
|
269
|
-
}
|
|
270
|
-
} catch {
|
|
271
|
-
}
|
|
272
|
-
return "A";
|
|
273
|
-
}
|
|
274
|
-
|
|
275
|
-
// src/nextjs/draft.ts
|
|
276
|
-
import { cookies, draftMode } from "next/headers";
|
|
277
|
-
import { redirect } from "next/navigation";
|
|
278
|
-
import { NextResponse as NextResponse2 } from "next/server";
|
|
279
|
-
var DRAFT_COOKIE = "__prerender_bypass";
|
|
280
|
-
var RETURN_PARAM = "prepr_draft";
|
|
281
|
-
var DEFAULT_ROUTE = "/api/prepr/draft";
|
|
282
|
-
function preprDraftRedirect(request, options) {
|
|
283
|
-
if (!options.preview) return null;
|
|
284
|
-
if (request.method !== "GET" && request.method !== "HEAD") return null;
|
|
285
|
-
const url = request.nextUrl;
|
|
286
|
-
if (url.pathname === (options.route ?? DEFAULT_ROUTE)) return null;
|
|
287
|
-
if (request.cookies.has(DRAFT_COOKIE)) {
|
|
288
|
-
if (!url.searchParams.has(RETURN_PARAM)) return null;
|
|
289
|
-
const clean = url.clone();
|
|
290
|
-
clean.searchParams.delete(RETURN_PARAM);
|
|
291
|
-
return NextResponse2.redirect(clean, 307);
|
|
292
|
-
}
|
|
293
|
-
if (url.searchParams.has(RETURN_PARAM)) return null;
|
|
294
|
-
const target = new URL(options.route ?? DEFAULT_ROUTE, request.url);
|
|
295
|
-
target.searchParams.set("to", url.pathname + url.search);
|
|
296
|
-
return NextResponse2.redirect(target, 307);
|
|
297
|
-
}
|
|
298
|
-
function createPreprDraftRoute(options) {
|
|
299
|
-
return async (request) => {
|
|
300
|
-
if (!options.preview) return new Response("Not found", { status: 404 });
|
|
301
|
-
(await draftMode()).enable();
|
|
302
|
-
const self = new URL(request.url);
|
|
303
|
-
if (self.protocol === "https:") {
|
|
304
|
-
const jar = await cookies();
|
|
305
|
-
const draft = jar.get(DRAFT_COOKIE);
|
|
306
|
-
if (draft) {
|
|
307
|
-
jar.set({
|
|
308
|
-
name: DRAFT_COOKIE,
|
|
309
|
-
value: draft.value,
|
|
310
|
-
path: "/",
|
|
311
|
-
httpOnly: true,
|
|
312
|
-
secure: true,
|
|
313
|
-
sameSite: "none",
|
|
314
|
-
partitioned: true
|
|
315
|
-
});
|
|
316
|
-
}
|
|
317
|
-
}
|
|
318
|
-
let to = new URL(self.searchParams.get("to") ?? "/", self);
|
|
319
|
-
if (to.origin !== self.origin) to = new URL("/", self);
|
|
320
|
-
to.searchParams.set(RETURN_PARAM, "1");
|
|
321
|
-
redirect(to.pathname + to.search);
|
|
322
|
-
};
|
|
323
|
-
}
|
|
16
|
+
} from "./chunk-HP2SJJSL.js";
|
|
324
17
|
|
|
325
18
|
// src/nextjs/index.ts
|
|
326
19
|
import {
|
|
20
|
+
PreprPersonalizationSwitch,
|
|
327
21
|
PreprToolbar,
|
|
328
22
|
PreprTrackingPixel
|
|
329
23
|
} from "./components.js";
|
|
330
24
|
export {
|
|
331
25
|
PREPR_BUCKET_COOKIE,
|
|
332
26
|
PreprError,
|
|
27
|
+
PreprPersonalizationSwitch,
|
|
333
28
|
PreprToolbar,
|
|
334
29
|
PreprTrackingPixel,
|
|
335
30
|
createPreprDraftRoute,
|
|
@@ -153,4 +153,4 @@ declare function validatePreprToken(token: string): void;
|
|
|
153
153
|
*/
|
|
154
154
|
declare function extractAccessToken(graphqlUrl: string): string;
|
|
155
155
|
|
|
156
|
-
export { type PreprHeaders as P,
|
|
156
|
+
export { type PreprHeaders as P, type PreprFeatures as a, PreprError as b, type PreprToolbarProps as c, type PreprToolbarComponentProps as d, extractAccessToken as e, isPersonalizedResponse as i, validatePreprToken as v };
|
|
@@ -153,4 +153,4 @@ declare function validatePreprToken(token: string): void;
|
|
|
153
153
|
*/
|
|
154
154
|
declare function extractAccessToken(graphqlUrl: string): string;
|
|
155
155
|
|
|
156
|
-
export { type PreprHeaders as P,
|
|
156
|
+
export { type PreprHeaders as P, type PreprFeatures as a, PreprError as b, type PreprToolbarProps as c, type PreprToolbarComponentProps as d, extractAccessToken as e, isPersonalizedResponse as i, validatePreprToken as v };
|
package/dist/nuxt/graphql.js
CHANGED
package/dist/nuxt/index.cjs
CHANGED
package/dist/nuxt/index.js
CHANGED
|
@@ -2313,7 +2313,7 @@ function isReactHydrated(text) {
|
|
|
2313
2313
|
}
|
|
2314
2314
|
|
|
2315
2315
|
// src/version.ts
|
|
2316
|
-
var VERSION = "0.6.0-alpha.
|
|
2316
|
+
var VERSION = "0.6.0-alpha.4";
|
|
2317
2317
|
|
|
2318
2318
|
// src/core/pixel.ts
|
|
2319
2319
|
var PIXEL_SCRIPT_URL = "https://cdn.tracking.prepr.io/js/prepr.min.js";
|
package/dist/react/components.js
CHANGED
|
@@ -2289,7 +2289,7 @@ function isReactHydrated(text) {
|
|
|
2289
2289
|
}
|
|
2290
2290
|
|
|
2291
2291
|
// src/version.ts
|
|
2292
|
-
var VERSION = "0.6.0-alpha.
|
|
2292
|
+
var VERSION = "0.6.0-alpha.4";
|
|
2293
2293
|
|
|
2294
2294
|
// src/core/pixel.ts
|
|
2295
2295
|
var PIXEL_SCRIPT_URL = "https://cdn.tracking.prepr.io/js/prepr.min.js";
|
package/dist/sveltekit/index.cjs
CHANGED
package/dist/sveltekit/index.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@preprio/toolkit",
|
|
3
|
-
"version": "0.6.0-alpha.
|
|
3
|
+
"version": "0.6.0-alpha.4",
|
|
4
4
|
"description": "Prepr personalization, A/B testing and preview toolkit for React, Next.js, Nuxt, Astro, SvelteKit and Express",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Prepr B.V. (https://prepr.io)",
|
|
@@ -1,231 +0,0 @@
|
|
|
1
|
-
// src/version.ts
|
|
2
|
-
var VERSION = "0.6.0-alpha.2";
|
|
3
|
-
|
|
4
|
-
// src/core/features.ts
|
|
5
|
-
function isEnabled(config) {
|
|
6
|
-
if (typeof config === "boolean") return config;
|
|
7
|
-
return config?.enabled ?? true;
|
|
8
|
-
}
|
|
9
|
-
function resolveFeatures(features) {
|
|
10
|
-
return {
|
|
11
|
-
segments: isEnabled(features?.segments),
|
|
12
|
-
abTesting: isEnabled(features?.abTesting),
|
|
13
|
-
editMode: isEnabled(features?.editMode)
|
|
14
|
-
};
|
|
15
|
-
}
|
|
16
|
-
var ALL_FEATURES_ENABLED = Object.freeze({
|
|
17
|
-
segments: true,
|
|
18
|
-
abTesting: true,
|
|
19
|
-
editMode: true
|
|
20
|
-
});
|
|
21
|
-
|
|
22
|
-
// src/core/server.ts
|
|
23
|
-
var PreprError = class extends Error {
|
|
24
|
-
constructor(message, code, context, originalError) {
|
|
25
|
-
super(message);
|
|
26
|
-
this.code = code;
|
|
27
|
-
this.context = context;
|
|
28
|
-
this.originalError = originalError;
|
|
29
|
-
this.name = "PreprError";
|
|
30
|
-
}
|
|
31
|
-
};
|
|
32
|
-
function getPreprUUIDFromHeaders(headers2) {
|
|
33
|
-
return headers2.get("prepr-customer-id");
|
|
34
|
-
}
|
|
35
|
-
function getActiveSegmentFromHeaders(headers2) {
|
|
36
|
-
return headers2.get("Prepr-Segments");
|
|
37
|
-
}
|
|
38
|
-
function getActiveVariantFromHeaders(headers2) {
|
|
39
|
-
return headers2.get("Prepr-ABtesting");
|
|
40
|
-
}
|
|
41
|
-
var PREPR_HEADER_KEYS = [
|
|
42
|
-
"prepr-customer-id",
|
|
43
|
-
"Prepr-Segments",
|
|
44
|
-
"Prepr-ABtesting",
|
|
45
|
-
"Prepr-Preview-Bar",
|
|
46
|
-
"Prepr-Context-utm_source",
|
|
47
|
-
"Prepr-Context-utm_medium",
|
|
48
|
-
"Prepr-Context-utm_term",
|
|
49
|
-
"Prepr-Context-utm_content",
|
|
50
|
-
"Prepr-Context-utm_campaign",
|
|
51
|
-
"Prepr-Context-initial_referral",
|
|
52
|
-
"Prepr-Visitor-IP",
|
|
53
|
-
"Prepr-Hubspot-Id",
|
|
54
|
-
"Prepr-Customer-Id-Created",
|
|
55
|
-
"User-Agent",
|
|
56
|
-
"Prepr-Package"
|
|
57
|
-
];
|
|
58
|
-
function getPreprHeadersFromHeaders(headers2) {
|
|
59
|
-
const preprHeaders = {};
|
|
60
|
-
const copy = (key) => {
|
|
61
|
-
const value = headers2.get(key);
|
|
62
|
-
if (value !== null) {
|
|
63
|
-
preprHeaders[key] = value;
|
|
64
|
-
}
|
|
65
|
-
};
|
|
66
|
-
for (const key of PREPR_HEADER_KEYS) {
|
|
67
|
-
copy(key);
|
|
68
|
-
}
|
|
69
|
-
return preprHeaders;
|
|
70
|
-
}
|
|
71
|
-
function validatePreprToken(token) {
|
|
72
|
-
if (!token) {
|
|
73
|
-
throw new PreprError(
|
|
74
|
-
"Token is required",
|
|
75
|
-
"MISSING_TOKEN",
|
|
76
|
-
"validatePreprToken"
|
|
77
|
-
);
|
|
78
|
-
}
|
|
79
|
-
if (!token.startsWith("https://")) {
|
|
80
|
-
throw new PreprError(
|
|
81
|
-
"Token must be a valid HTTPS URL",
|
|
82
|
-
"INVALID_TOKEN",
|
|
83
|
-
"validatePreprToken"
|
|
84
|
-
);
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
function extractAccessToken(graphqlUrl) {
|
|
88
|
-
let url;
|
|
89
|
-
try {
|
|
90
|
-
url = new URL(graphqlUrl);
|
|
91
|
-
} catch (error) {
|
|
92
|
-
throw new PreprError(
|
|
93
|
-
"Token must be a valid URL",
|
|
94
|
-
"INVALID_TOKEN",
|
|
95
|
-
"extractAccessToken",
|
|
96
|
-
error instanceof Error ? error : new Error(String(error))
|
|
97
|
-
);
|
|
98
|
-
}
|
|
99
|
-
if (url.hostname !== "graphql.prepr.io") {
|
|
100
|
-
throw new PreprError(
|
|
101
|
-
"Token must be a graphql.prepr.io URL",
|
|
102
|
-
"INVALID_TOKEN",
|
|
103
|
-
"extractAccessToken"
|
|
104
|
-
);
|
|
105
|
-
}
|
|
106
|
-
const pathParts = url.pathname.split("/");
|
|
107
|
-
const token = pathParts[pathParts.length - 1];
|
|
108
|
-
if (!token) {
|
|
109
|
-
throw new PreprError(
|
|
110
|
-
"Token URL is missing an access token segment",
|
|
111
|
-
"INVALID_TOKEN",
|
|
112
|
-
"extractAccessToken"
|
|
113
|
-
);
|
|
114
|
-
}
|
|
115
|
-
return token;
|
|
116
|
-
}
|
|
117
|
-
async function getPreprEnvironmentSegments(token) {
|
|
118
|
-
validatePreprToken(token);
|
|
119
|
-
try {
|
|
120
|
-
const response = await fetch(token, {
|
|
121
|
-
headers: {
|
|
122
|
-
"Prepr-Package": `@preprio/toolkit@${VERSION}`,
|
|
123
|
-
// Duplicates the version in Prepr-Package. It keeps the User-Agent
|
|
124
|
-
// format used by `@preprio/prepr-nextjs`, for Prepr API consumers that
|
|
125
|
-
// still identify the toolbar by that string.
|
|
126
|
-
"User-Agent": `Prepr-Preview-Bar/${VERSION}`,
|
|
127
|
-
"Content-Type": "application/json"
|
|
128
|
-
},
|
|
129
|
-
method: "POST",
|
|
130
|
-
body: JSON.stringify({
|
|
131
|
-
query: `{
|
|
132
|
-
_Segments {
|
|
133
|
-
_id
|
|
134
|
-
name
|
|
135
|
-
}
|
|
136
|
-
}`
|
|
137
|
-
})
|
|
138
|
-
});
|
|
139
|
-
if (!response.ok) {
|
|
140
|
-
throw new PreprError(
|
|
141
|
-
`HTTP ${response.status}: ${response.statusText}`,
|
|
142
|
-
"HTTP_ERROR",
|
|
143
|
-
"getPreprEnvironmentSegments"
|
|
144
|
-
);
|
|
145
|
-
}
|
|
146
|
-
const json = await response.json();
|
|
147
|
-
if (!json || !json.data || !json.data._Segments) {
|
|
148
|
-
throw new PreprError(
|
|
149
|
-
"Invalid response format from Prepr API",
|
|
150
|
-
"INVALID_RESPONSE",
|
|
151
|
-
"getPreprEnvironmentSegments"
|
|
152
|
-
);
|
|
153
|
-
}
|
|
154
|
-
return json.data._Segments;
|
|
155
|
-
} catch (error) {
|
|
156
|
-
if (error instanceof PreprError) {
|
|
157
|
-
throw error;
|
|
158
|
-
}
|
|
159
|
-
throw new PreprError(
|
|
160
|
-
"Failed to fetch segments from Prepr API",
|
|
161
|
-
"FETCH_ERROR",
|
|
162
|
-
"getPreprEnvironmentSegments",
|
|
163
|
-
error instanceof Error ? error : new Error(String(error))
|
|
164
|
-
);
|
|
165
|
-
}
|
|
166
|
-
}
|
|
167
|
-
async function getToolbarPropsFromHeaders(headers2, token, features) {
|
|
168
|
-
const resolved = resolveFeatures(features);
|
|
169
|
-
let segments = [];
|
|
170
|
-
if (resolved.segments) {
|
|
171
|
-
try {
|
|
172
|
-
segments = await getPreprEnvironmentSegments(token);
|
|
173
|
-
} catch {
|
|
174
|
-
segments = [];
|
|
175
|
-
}
|
|
176
|
-
}
|
|
177
|
-
return {
|
|
178
|
-
activeSegment: resolved.segments ? getActiveSegmentFromHeaders(headers2) : null,
|
|
179
|
-
activeVariant: resolved.abTesting ? getActiveVariantFromHeaders(headers2) : null,
|
|
180
|
-
segments,
|
|
181
|
-
data: segments
|
|
182
|
-
};
|
|
183
|
-
}
|
|
184
|
-
|
|
185
|
-
// src/nextjs/server.ts
|
|
186
|
-
import { headers } from "next/headers";
|
|
187
|
-
async function readHeaders() {
|
|
188
|
-
return await headers();
|
|
189
|
-
}
|
|
190
|
-
async function getPreprUUID() {
|
|
191
|
-
const h = await readHeaders();
|
|
192
|
-
return getPreprUUIDFromHeaders(h);
|
|
193
|
-
}
|
|
194
|
-
async function getActiveSegment() {
|
|
195
|
-
const h = await readHeaders();
|
|
196
|
-
return getActiveSegmentFromHeaders(h);
|
|
197
|
-
}
|
|
198
|
-
async function getActiveVariant() {
|
|
199
|
-
const h = await readHeaders();
|
|
200
|
-
return getActiveVariantFromHeaders(h);
|
|
201
|
-
}
|
|
202
|
-
async function getPreprHeaders() {
|
|
203
|
-
const h = await readHeaders();
|
|
204
|
-
return getPreprHeadersFromHeaders(h);
|
|
205
|
-
}
|
|
206
|
-
async function getToolbarProps(token, features) {
|
|
207
|
-
const h = await readHeaders();
|
|
208
|
-
return getToolbarPropsFromHeaders(h, token, features);
|
|
209
|
-
}
|
|
210
|
-
|
|
211
|
-
// src/core/personalization.ts
|
|
212
|
-
var PERSONALIZED_VARY = /\bPrepr-(Segments|ABTesting)/i;
|
|
213
|
-
function isPersonalizedResponse(source) {
|
|
214
|
-
const headers2 = "headers" in source ? source.headers : source;
|
|
215
|
-
return PERSONALIZED_VARY.test(headers2.get("vary") ?? "");
|
|
216
|
-
}
|
|
217
|
-
|
|
218
|
-
export {
|
|
219
|
-
VERSION,
|
|
220
|
-
resolveFeatures,
|
|
221
|
-
PreprError,
|
|
222
|
-
getPreprHeadersFromHeaders,
|
|
223
|
-
validatePreprToken,
|
|
224
|
-
extractAccessToken,
|
|
225
|
-
getPreprUUID,
|
|
226
|
-
getActiveSegment,
|
|
227
|
-
getActiveVariant,
|
|
228
|
-
getPreprHeaders,
|
|
229
|
-
getToolbarProps,
|
|
230
|
-
isPersonalizedResponse
|
|
231
|
-
};
|