@preprio/toolkit 0.1.0-beta.1
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 +903 -0
- package/dist/astro/index.cjs +319 -0
- package/dist/astro/index.d.cts +76 -0
- package/dist/astro/index.d.ts +76 -0
- package/dist/astro/index.js +287 -0
- package/dist/chunk-H7HVQSSF.js +2081 -0
- package/dist/index.cjs +2393 -0
- package/dist/index.d.cts +179 -0
- package/dist/index.d.ts +179 -0
- package/dist/index.js +306 -0
- package/dist/nextjs/components.cjs +2087 -0
- package/dist/nextjs/components.d.cts +17 -0
- package/dist/nextjs/components.d.ts +17 -0
- package/dist/nextjs/components.js +34 -0
- package/dist/nextjs/image-loader.cjs +122 -0
- package/dist/nextjs/image-loader.d.cts +10 -0
- package/dist/nextjs/image-loader.d.ts +10 -0
- package/dist/nextjs/image-loader.js +101 -0
- package/dist/nextjs/index.cjs +386 -0
- package/dist/nextjs/index.d.cts +90 -0
- package/dist/nextjs/index.d.ts +90 -0
- package/dist/nextjs/index.js +352 -0
- package/dist/pixel-DVSJQC0K.d.cts +94 -0
- package/dist/pixel-DVSJQC0K.d.ts +94 -0
- package/dist/sveltekit/index.cjs +371 -0
- package/dist/sveltekit/index.d.cts +117 -0
- package/dist/sveltekit/index.d.ts +117 -0
- package/dist/sveltekit/index.js +334 -0
- package/package.json +93 -0
- package/src/astro/PreprToolbar.astro +53 -0
- package/src/astro/PreprTrackingPixel.astro +48 -0
- package/src/sveltekit/PreprToolbar.svelte +21 -0
- package/src/sveltekit/PreprTrackingPixel.svelte +22 -0
|
@@ -0,0 +1,287 @@
|
|
|
1
|
+
// src/version.ts
|
|
2
|
+
var VERSION = "0.1.0-beta.1";
|
|
3
|
+
|
|
4
|
+
// src/core/server.ts
|
|
5
|
+
var PreprError = class extends Error {
|
|
6
|
+
constructor(message, code, context, originalError) {
|
|
7
|
+
super(message);
|
|
8
|
+
this.code = code;
|
|
9
|
+
this.context = context;
|
|
10
|
+
this.originalError = originalError;
|
|
11
|
+
this.name = "PreprError";
|
|
12
|
+
}
|
|
13
|
+
};
|
|
14
|
+
function getPreprUUIDFromHeaders(headers) {
|
|
15
|
+
return headers.get("prepr-customer-id");
|
|
16
|
+
}
|
|
17
|
+
function getActiveSegmentFromHeaders(headers) {
|
|
18
|
+
return headers.get("Prepr-Segments");
|
|
19
|
+
}
|
|
20
|
+
function getActiveVariantFromHeaders(headers) {
|
|
21
|
+
return headers.get("Prepr-ABtesting");
|
|
22
|
+
}
|
|
23
|
+
var PREPR_HEADER_KEYS = [
|
|
24
|
+
"prepr-customer-id",
|
|
25
|
+
"Prepr-Segments",
|
|
26
|
+
"Prepr-ABtesting",
|
|
27
|
+
"Prepr-Preview-Bar",
|
|
28
|
+
"Prepr-Context-utm_source",
|
|
29
|
+
"Prepr-Context-utm_medium",
|
|
30
|
+
"Prepr-Context-utm_term",
|
|
31
|
+
"Prepr-Context-utm_content",
|
|
32
|
+
"Prepr-Context-utm_campaign",
|
|
33
|
+
"Prepr-Context-initial_referral",
|
|
34
|
+
"Prepr-Visitor-IP",
|
|
35
|
+
"Prepr-Hubspot-Id",
|
|
36
|
+
"Prepr-Customer-Id-Created",
|
|
37
|
+
"Prepr-User-Agent"
|
|
38
|
+
];
|
|
39
|
+
function getPreprHeadersFromHeaders(headers) {
|
|
40
|
+
const preprHeaders = {};
|
|
41
|
+
const copy = (key) => {
|
|
42
|
+
const value = headers.get(key);
|
|
43
|
+
if (value !== null) {
|
|
44
|
+
preprHeaders[key] = value;
|
|
45
|
+
}
|
|
46
|
+
};
|
|
47
|
+
for (const key of PREPR_HEADER_KEYS) {
|
|
48
|
+
copy(key);
|
|
49
|
+
}
|
|
50
|
+
return preprHeaders;
|
|
51
|
+
}
|
|
52
|
+
function validatePreprToken(token) {
|
|
53
|
+
if (!token) {
|
|
54
|
+
throw new PreprError("Token is required", "MISSING_TOKEN", "validatePreprToken");
|
|
55
|
+
}
|
|
56
|
+
if (!token.startsWith("https://")) {
|
|
57
|
+
throw new PreprError(
|
|
58
|
+
"Token must be a valid HTTPS URL",
|
|
59
|
+
"INVALID_TOKEN",
|
|
60
|
+
"validatePreprToken"
|
|
61
|
+
);
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
async function getPreprEnvironmentSegments(token) {
|
|
65
|
+
validatePreprToken(token);
|
|
66
|
+
try {
|
|
67
|
+
const response = await fetch(token, {
|
|
68
|
+
headers: {
|
|
69
|
+
"User-Agent": `Prepr-Preview-Bar/${VERSION}`,
|
|
70
|
+
"Content-Type": "application/json"
|
|
71
|
+
},
|
|
72
|
+
method: "POST",
|
|
73
|
+
body: JSON.stringify({
|
|
74
|
+
query: `{
|
|
75
|
+
_Segments {
|
|
76
|
+
_id
|
|
77
|
+
name
|
|
78
|
+
}
|
|
79
|
+
}`
|
|
80
|
+
})
|
|
81
|
+
});
|
|
82
|
+
if (!response.ok) {
|
|
83
|
+
throw new PreprError(
|
|
84
|
+
`HTTP ${response.status}: ${response.statusText}`,
|
|
85
|
+
"HTTP_ERROR",
|
|
86
|
+
"getPreprEnvironmentSegments"
|
|
87
|
+
);
|
|
88
|
+
}
|
|
89
|
+
const json = await response.json();
|
|
90
|
+
if (!json || !json.data || !json.data._Segments) {
|
|
91
|
+
throw new PreprError(
|
|
92
|
+
"Invalid response format from Prepr API",
|
|
93
|
+
"INVALID_RESPONSE",
|
|
94
|
+
"getPreprEnvironmentSegments"
|
|
95
|
+
);
|
|
96
|
+
}
|
|
97
|
+
return json.data._Segments;
|
|
98
|
+
} catch (error) {
|
|
99
|
+
if (error instanceof PreprError) {
|
|
100
|
+
throw error;
|
|
101
|
+
}
|
|
102
|
+
throw new PreprError(
|
|
103
|
+
"Failed to fetch segments from Prepr API",
|
|
104
|
+
"FETCH_ERROR",
|
|
105
|
+
"getPreprEnvironmentSegments",
|
|
106
|
+
error instanceof Error ? error : new Error(String(error))
|
|
107
|
+
);
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
async function getToolbarPropsFromHeaders(headers, token) {
|
|
111
|
+
let segments = [];
|
|
112
|
+
try {
|
|
113
|
+
segments = await getPreprEnvironmentSegments(token);
|
|
114
|
+
} catch {
|
|
115
|
+
segments = [];
|
|
116
|
+
}
|
|
117
|
+
return {
|
|
118
|
+
activeSegment: getActiveSegmentFromHeaders(headers),
|
|
119
|
+
activeVariant: getActiveVariantFromHeaders(headers),
|
|
120
|
+
segments,
|
|
121
|
+
data: segments
|
|
122
|
+
};
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
// src/core/constants.ts
|
|
126
|
+
var COOKIE_PREVIEW_MODE = "Prepr-Preview-Mode";
|
|
127
|
+
var COOKIE_SEGMENT = "Prepr-Segments";
|
|
128
|
+
var COOKIE_VARIANT = "Prepr-ABtesting";
|
|
129
|
+
var COOKIE_UID = "__prepr_uid";
|
|
130
|
+
var COOKIE_HUBSPOT = "hubspotutk";
|
|
131
|
+
var PARAM_SEGMENT = "prepr_preview_segment";
|
|
132
|
+
var PARAM_VARIANT = "prepr_preview_ab";
|
|
133
|
+
var PARAM_HIDE_BAR = "prepr_hide_bar";
|
|
134
|
+
var ONE_YEAR_SECONDS = 60 * 60 * 24 * 365;
|
|
135
|
+
|
|
136
|
+
// src/core/middleware.ts
|
|
137
|
+
var UTM_PARAMS = [
|
|
138
|
+
"utm_source",
|
|
139
|
+
"utm_medium",
|
|
140
|
+
"utm_term",
|
|
141
|
+
"utm_content",
|
|
142
|
+
"utm_campaign"
|
|
143
|
+
];
|
|
144
|
+
function parseCookies(request) {
|
|
145
|
+
const cookies = /* @__PURE__ */ new Map();
|
|
146
|
+
const header = request.headers.get("cookie");
|
|
147
|
+
if (!header) return cookies;
|
|
148
|
+
for (const part of header.split(";")) {
|
|
149
|
+
const eq = part.indexOf("=");
|
|
150
|
+
if (eq === -1) continue;
|
|
151
|
+
const name = part.slice(0, eq).trim();
|
|
152
|
+
const value = part.slice(eq + 1).trim();
|
|
153
|
+
if (!name) continue;
|
|
154
|
+
cookies.set(name, decodeURIComponent(value));
|
|
155
|
+
}
|
|
156
|
+
return cookies;
|
|
157
|
+
}
|
|
158
|
+
function processPreprRequest(request, opts) {
|
|
159
|
+
const requestHeaders = new Headers(request.headers);
|
|
160
|
+
const responseCookies = [];
|
|
161
|
+
const requestCookies = parseCookies(request);
|
|
162
|
+
const searchParams = new URL(request.url).searchParams;
|
|
163
|
+
for (const key of UTM_PARAMS) {
|
|
164
|
+
const value = searchParams.get(key);
|
|
165
|
+
if (value !== null) {
|
|
166
|
+
requestHeaders.set(`Prepr-Context-${key}`, value);
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
const referer = request.headers.get("referer");
|
|
170
|
+
if (referer) {
|
|
171
|
+
requestHeaders.set("Prepr-Context-initial_referral", referer);
|
|
172
|
+
}
|
|
173
|
+
const userAgent = request.headers.get("user-agent");
|
|
174
|
+
if (userAgent) {
|
|
175
|
+
requestHeaders.set("Prepr-User-Agent", userAgent);
|
|
176
|
+
}
|
|
177
|
+
requestHeaders.set("Prepr-Package", `@preprio/toolkit@${opts?.version ?? VERSION}`);
|
|
178
|
+
const ip = request.headers.get("Cf-Connecting-Ip") ?? request.headers.get("x-real-ip");
|
|
179
|
+
if (ip) {
|
|
180
|
+
requestHeaders.set("Prepr-Visitor-IP", ip);
|
|
181
|
+
}
|
|
182
|
+
const hutkCookie = requestCookies.get(COOKIE_HUBSPOT);
|
|
183
|
+
if (hutkCookie) {
|
|
184
|
+
requestHeaders.set("Prepr-Hubspot-Id", hutkCookie);
|
|
185
|
+
}
|
|
186
|
+
let uid = requestCookies.get(COOKIE_UID);
|
|
187
|
+
if (!uid) {
|
|
188
|
+
uid = crypto.randomUUID();
|
|
189
|
+
responseCookies.push({
|
|
190
|
+
name: COOKIE_UID,
|
|
191
|
+
value: uid,
|
|
192
|
+
maxAge: ONE_YEAR_SECONDS,
|
|
193
|
+
path: "/"
|
|
194
|
+
});
|
|
195
|
+
requestHeaders.set("Prepr-Customer-Id-Created", "true");
|
|
196
|
+
}
|
|
197
|
+
requestHeaders.set("Prepr-Customer-Id", uid);
|
|
198
|
+
if (!opts?.preview) {
|
|
199
|
+
return { requestHeaders, responseCookies };
|
|
200
|
+
}
|
|
201
|
+
const hasPreviewParams = searchParams.has(PARAM_SEGMENT) || searchParams.has(PARAM_VARIANT);
|
|
202
|
+
if (!hasPreviewParams) {
|
|
203
|
+
const previewModeCookie = requestCookies.get(COOKIE_PREVIEW_MODE);
|
|
204
|
+
const previewModeEnabled = previewModeCookie !== "false";
|
|
205
|
+
if (!previewModeEnabled) {
|
|
206
|
+
return { requestHeaders, responseCookies };
|
|
207
|
+
}
|
|
208
|
+
}
|
|
209
|
+
requestHeaders.set("Prepr-Preview-Bar", "true");
|
|
210
|
+
const isLivePreview = searchParams.get(PARAM_HIDE_BAR) === "true";
|
|
211
|
+
if (!isLivePreview) {
|
|
212
|
+
const segmentCookie = requestCookies.get(COOKIE_SEGMENT);
|
|
213
|
+
if (segmentCookie) {
|
|
214
|
+
requestHeaders.set("Prepr-Segments", segmentCookie);
|
|
215
|
+
}
|
|
216
|
+
const abCookie = requestCookies.get(COOKIE_VARIANT);
|
|
217
|
+
if (abCookie) {
|
|
218
|
+
requestHeaders.set("Prepr-ABtesting", abCookie);
|
|
219
|
+
}
|
|
220
|
+
}
|
|
221
|
+
const previewAb = searchParams.get(PARAM_VARIANT);
|
|
222
|
+
if (previewAb !== null) {
|
|
223
|
+
requestHeaders.set("Prepr-ABtesting", previewAb);
|
|
224
|
+
if (!isLivePreview) {
|
|
225
|
+
responseCookies.push({
|
|
226
|
+
name: COOKIE_VARIANT,
|
|
227
|
+
value: previewAb,
|
|
228
|
+
maxAge: ONE_YEAR_SECONDS,
|
|
229
|
+
path: "/"
|
|
230
|
+
});
|
|
231
|
+
}
|
|
232
|
+
}
|
|
233
|
+
const previewSegment = searchParams.get(PARAM_SEGMENT);
|
|
234
|
+
if (previewSegment !== null) {
|
|
235
|
+
requestHeaders.set("Prepr-Segments", previewSegment);
|
|
236
|
+
if (!isLivePreview) {
|
|
237
|
+
responseCookies.push({
|
|
238
|
+
name: COOKIE_SEGMENT,
|
|
239
|
+
value: previewSegment,
|
|
240
|
+
maxAge: ONE_YEAR_SECONDS,
|
|
241
|
+
path: "/"
|
|
242
|
+
});
|
|
243
|
+
}
|
|
244
|
+
}
|
|
245
|
+
return { requestHeaders, responseCookies };
|
|
246
|
+
}
|
|
247
|
+
|
|
248
|
+
// src/astro/index.ts
|
|
249
|
+
async function onPreprRequest(context, next, options) {
|
|
250
|
+
const { requestHeaders, responseCookies } = processPreprRequest(context.request, options);
|
|
251
|
+
requestHeaders.forEach((value, key) => {
|
|
252
|
+
context.request.headers.set(key, value);
|
|
253
|
+
});
|
|
254
|
+
const response = await next();
|
|
255
|
+
for (const cookie of responseCookies) {
|
|
256
|
+
const parts = [
|
|
257
|
+
`${cookie.name}=${encodeURIComponent(cookie.value)}`,
|
|
258
|
+
`Max-Age=${cookie.maxAge}`,
|
|
259
|
+
`Path=${cookie.path}`
|
|
260
|
+
];
|
|
261
|
+
response.headers.append("Set-Cookie", parts.join("; "));
|
|
262
|
+
}
|
|
263
|
+
return response;
|
|
264
|
+
}
|
|
265
|
+
function getPreprUUID(headers) {
|
|
266
|
+
return getPreprUUIDFromHeaders(headers);
|
|
267
|
+
}
|
|
268
|
+
function getActiveSegment(headers) {
|
|
269
|
+
return getActiveSegmentFromHeaders(headers);
|
|
270
|
+
}
|
|
271
|
+
function getActiveVariant(headers) {
|
|
272
|
+
return getActiveVariantFromHeaders(headers);
|
|
273
|
+
}
|
|
274
|
+
function getPreprHeaders(headers) {
|
|
275
|
+
return getPreprHeadersFromHeaders(headers);
|
|
276
|
+
}
|
|
277
|
+
async function getToolbarProps(headers, token) {
|
|
278
|
+
return getToolbarPropsFromHeaders(headers, token);
|
|
279
|
+
}
|
|
280
|
+
export {
|
|
281
|
+
getActiveSegment,
|
|
282
|
+
getActiveVariant,
|
|
283
|
+
getPreprHeaders,
|
|
284
|
+
getPreprUUID,
|
|
285
|
+
getToolbarProps,
|
|
286
|
+
onPreprRequest
|
|
287
|
+
};
|