@power-seo/tracking 1.0.0
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 +384 -0
- package/dist/index.cjs +379 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.cts +26 -0
- package/dist/index.d.ts +26 -0
- package/dist/index.js +367 -0
- package/dist/index.js.map +1 -0
- package/dist/react.cjs +132 -0
- package/dist/react.cjs.map +1 -0
- package/dist/react.d.cts +38 -0
- package/dist/react.d.ts +38 -0
- package/dist/react.js +129 -0
- package/dist/react.js.map +1 -0
- package/dist/types-DFyKCGgf.d.cts +180 -0
- package/dist/types-DFyKCGgf.d.ts +180 -0
- package/package.json +77 -0
package/dist/index.js
ADDED
|
@@ -0,0 +1,367 @@
|
|
|
1
|
+
// src/consent.ts
|
|
2
|
+
var DEFAULT_STATE = {
|
|
3
|
+
necessary: true,
|
|
4
|
+
analytics: false,
|
|
5
|
+
marketing: false,
|
|
6
|
+
preferences: false
|
|
7
|
+
};
|
|
8
|
+
function createConsentManager(initial) {
|
|
9
|
+
const state = {
|
|
10
|
+
...DEFAULT_STATE,
|
|
11
|
+
...initial,
|
|
12
|
+
necessary: true
|
|
13
|
+
// necessary cannot be overridden
|
|
14
|
+
};
|
|
15
|
+
const listeners = /* @__PURE__ */ new Set();
|
|
16
|
+
function notify() {
|
|
17
|
+
for (const cb of listeners) {
|
|
18
|
+
cb({ ...state });
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
return {
|
|
22
|
+
getState() {
|
|
23
|
+
return { ...state };
|
|
24
|
+
},
|
|
25
|
+
grant(category) {
|
|
26
|
+
if (state[category]) return;
|
|
27
|
+
state[category] = true;
|
|
28
|
+
notify();
|
|
29
|
+
},
|
|
30
|
+
revoke(category) {
|
|
31
|
+
if (category === "necessary") return;
|
|
32
|
+
if (!state[category]) return;
|
|
33
|
+
state[category] = false;
|
|
34
|
+
notify();
|
|
35
|
+
},
|
|
36
|
+
grantAll() {
|
|
37
|
+
state.analytics = true;
|
|
38
|
+
state.marketing = true;
|
|
39
|
+
state.preferences = true;
|
|
40
|
+
notify();
|
|
41
|
+
},
|
|
42
|
+
revokeAll() {
|
|
43
|
+
state.analytics = false;
|
|
44
|
+
state.marketing = false;
|
|
45
|
+
state.preferences = false;
|
|
46
|
+
notify();
|
|
47
|
+
},
|
|
48
|
+
isGranted(category) {
|
|
49
|
+
return state[category];
|
|
50
|
+
},
|
|
51
|
+
onChange(callback) {
|
|
52
|
+
listeners.add(callback);
|
|
53
|
+
return () => {
|
|
54
|
+
listeners.delete(callback);
|
|
55
|
+
};
|
|
56
|
+
}
|
|
57
|
+
};
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
// src/scripts/ga4.ts
|
|
61
|
+
function buildGA4Script(config) {
|
|
62
|
+
const { measurementId, consentModeV2 = true, anonymizeIp = true, sendPageView = true } = config;
|
|
63
|
+
const scripts = [];
|
|
64
|
+
if (consentModeV2) {
|
|
65
|
+
scripts.push({
|
|
66
|
+
id: `ga4-consent-${measurementId}`,
|
|
67
|
+
innerHTML: `window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('consent','default',{'analytics_storage':'denied','ad_storage':'denied','ad_user_data':'denied','ad_personalization':'denied'});`,
|
|
68
|
+
consentCategory: "necessary",
|
|
69
|
+
shouldLoad: () => true
|
|
70
|
+
});
|
|
71
|
+
}
|
|
72
|
+
scripts.push({
|
|
73
|
+
id: `ga4-gtag-${measurementId}`,
|
|
74
|
+
src: `https://www.googletagmanager.com/gtag/js?id=${measurementId}`,
|
|
75
|
+
async: true,
|
|
76
|
+
consentCategory: "analytics",
|
|
77
|
+
shouldLoad: (consent) => consent.analytics
|
|
78
|
+
});
|
|
79
|
+
const configParts = [
|
|
80
|
+
`window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());`,
|
|
81
|
+
`gtag('config','${measurementId}',{${anonymizeIp ? "'anonymize_ip':true," : ""}${!sendPageView ? "'send_page_view':false" : ""}});`
|
|
82
|
+
];
|
|
83
|
+
if (consentModeV2) {
|
|
84
|
+
configParts.push(
|
|
85
|
+
`gtag('consent','update',{'analytics_storage':'granted'});`
|
|
86
|
+
);
|
|
87
|
+
}
|
|
88
|
+
scripts.push({
|
|
89
|
+
id: `ga4-config-${measurementId}`,
|
|
90
|
+
innerHTML: configParts.join(""),
|
|
91
|
+
consentCategory: "analytics",
|
|
92
|
+
shouldLoad: (consent) => consent.analytics
|
|
93
|
+
});
|
|
94
|
+
return scripts;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
// src/scripts/clarity.ts
|
|
98
|
+
function buildClarityScript(config) {
|
|
99
|
+
const { projectId } = config;
|
|
100
|
+
return {
|
|
101
|
+
id: `clarity-${projectId}`,
|
|
102
|
+
innerHTML: `(function(c,l,a,r,i,t,y){c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);})(window,document,"clarity","script","${projectId}");`,
|
|
103
|
+
consentCategory: "analytics",
|
|
104
|
+
shouldLoad: (consent) => consent.analytics
|
|
105
|
+
};
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
// src/scripts/posthog.ts
|
|
109
|
+
function buildPostHogScript(config) {
|
|
110
|
+
const { apiKey, host = "https://us.i.posthog.com" } = config;
|
|
111
|
+
return {
|
|
112
|
+
id: `posthog-${apiKey}`,
|
|
113
|
+
innerHTML: `!function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.async=!0,p.src=s.api_host+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="init capture register register_once register_for_session unregister opt_out_capturing has_opted_out_capturing opt_in_capturing reset isFeatureEnabled getFeatureFlag getFeatureFlagPayload reloadFeatureFlags group updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures getActiveMatchingSurveys getSurveys onFeatureFlags".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]);posthog.init('${apiKey}',{api_host:'${host}',person_profiles:'identified_only'});`,
|
|
114
|
+
consentCategory: "analytics",
|
|
115
|
+
shouldLoad: (consent) => consent.analytics
|
|
116
|
+
};
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
// src/scripts/plausible.ts
|
|
120
|
+
function buildPlausibleScript(config) {
|
|
121
|
+
const { domain, selfHostedUrl } = config;
|
|
122
|
+
const scriptSrc = selfHostedUrl ? `${selfHostedUrl.replace(/\/$/, "")}/js/script.js` : "https://plausible.io/js/script.js";
|
|
123
|
+
return {
|
|
124
|
+
id: `plausible-${domain}`,
|
|
125
|
+
src: scriptSrc,
|
|
126
|
+
defer: true,
|
|
127
|
+
consentCategory: "analytics",
|
|
128
|
+
attributes: {
|
|
129
|
+
"data-domain": domain
|
|
130
|
+
},
|
|
131
|
+
shouldLoad: (consent) => consent.analytics
|
|
132
|
+
};
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
// src/scripts/fathom.ts
|
|
136
|
+
function buildFathomScript(config) {
|
|
137
|
+
const { siteId } = config;
|
|
138
|
+
return {
|
|
139
|
+
id: `fathom-${siteId}`,
|
|
140
|
+
src: "https://cdn.usefathom.com/script.js",
|
|
141
|
+
defer: true,
|
|
142
|
+
consentCategory: "analytics",
|
|
143
|
+
attributes: {
|
|
144
|
+
"data-site": siteId
|
|
145
|
+
},
|
|
146
|
+
shouldLoad: (consent) => consent.analytics
|
|
147
|
+
};
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
// src/api/ga4.ts
|
|
151
|
+
var GA4_BASE = "https://analyticsdata.googleapis.com/v1beta";
|
|
152
|
+
function createGA4Client(accessToken) {
|
|
153
|
+
async function request(url, body) {
|
|
154
|
+
const response = await globalThis.fetch(url, {
|
|
155
|
+
method: body ? "POST" : "GET",
|
|
156
|
+
headers: {
|
|
157
|
+
Authorization: `Bearer ${accessToken}`,
|
|
158
|
+
"Content-Type": "application/json"
|
|
159
|
+
},
|
|
160
|
+
body: body ? JSON.stringify(body) : void 0
|
|
161
|
+
});
|
|
162
|
+
if (!response.ok) {
|
|
163
|
+
const text = await response.text();
|
|
164
|
+
throw new Error(`GA4 API error: ${response.status} ${text}`);
|
|
165
|
+
}
|
|
166
|
+
return await response.json();
|
|
167
|
+
}
|
|
168
|
+
return {
|
|
169
|
+
async queryReport(propertyId, req) {
|
|
170
|
+
const body = {
|
|
171
|
+
dateRanges: [{ startDate: req.startDate, endDate: req.endDate }],
|
|
172
|
+
metrics: req.metrics.map((m) => ({ name: m })),
|
|
173
|
+
dimensions: (req.dimensions ?? []).map((d) => ({ name: d })),
|
|
174
|
+
limit: req.limit ?? 1e3
|
|
175
|
+
};
|
|
176
|
+
const raw = await request(`${GA4_BASE}/properties/${propertyId}:runReport`, body);
|
|
177
|
+
const rows = (raw.rows ?? []).map((r) => ({
|
|
178
|
+
dimensions: (r.dimensionValues ?? []).map((d) => d.value),
|
|
179
|
+
metrics: (r.metricValues ?? []).map((m) => Number(m.value))
|
|
180
|
+
}));
|
|
181
|
+
return {
|
|
182
|
+
rows,
|
|
183
|
+
rowCount: raw.rowCount ?? rows.length,
|
|
184
|
+
metadata: raw.metricHeaders ? { metricHeaders: raw.metricHeaders } : void 0
|
|
185
|
+
};
|
|
186
|
+
},
|
|
187
|
+
async getRealtimeReport(propertyId, metrics) {
|
|
188
|
+
const body = {
|
|
189
|
+
metrics: metrics.map((m) => ({ name: m }))
|
|
190
|
+
};
|
|
191
|
+
const raw = await request(`${GA4_BASE}/properties/${propertyId}:runRealtimeReport`, body);
|
|
192
|
+
const rows = (raw.rows ?? []).map((r) => ({
|
|
193
|
+
dimensions: (r.dimensionValues ?? []).map((d) => d.value),
|
|
194
|
+
metrics: (r.metricValues ?? []).map((m) => Number(m.value))
|
|
195
|
+
}));
|
|
196
|
+
return { rows, rowCount: raw.rowCount ?? rows.length };
|
|
197
|
+
},
|
|
198
|
+
async getMetadata(propertyId) {
|
|
199
|
+
const raw = await request(`${GA4_BASE}/properties/${propertyId}/metadata`);
|
|
200
|
+
return {
|
|
201
|
+
dimensions: raw.dimensions ?? [],
|
|
202
|
+
metrics: raw.metrics ?? []
|
|
203
|
+
};
|
|
204
|
+
}
|
|
205
|
+
};
|
|
206
|
+
}
|
|
207
|
+
|
|
208
|
+
// src/api/clarity.ts
|
|
209
|
+
var CLARITY_BASE = "https://www.clarity.ms/api/v1";
|
|
210
|
+
function createClarityClient(apiKey) {
|
|
211
|
+
async function request(path) {
|
|
212
|
+
const response = await globalThis.fetch(`${CLARITY_BASE}${path}`, {
|
|
213
|
+
headers: {
|
|
214
|
+
Authorization: `Bearer ${apiKey}`,
|
|
215
|
+
"Content-Type": "application/json"
|
|
216
|
+
}
|
|
217
|
+
});
|
|
218
|
+
if (!response.ok) {
|
|
219
|
+
const text = await response.text();
|
|
220
|
+
throw new Error(`Clarity API error: ${response.status} ${text}`);
|
|
221
|
+
}
|
|
222
|
+
return await response.json();
|
|
223
|
+
}
|
|
224
|
+
return {
|
|
225
|
+
async getProjects() {
|
|
226
|
+
return request("/projects");
|
|
227
|
+
},
|
|
228
|
+
async getInsights(projectId) {
|
|
229
|
+
return request(`/projects/${projectId}/insights`);
|
|
230
|
+
},
|
|
231
|
+
async getHeatmapData(projectId, url) {
|
|
232
|
+
const encodedUrl = encodeURIComponent(url);
|
|
233
|
+
return request(
|
|
234
|
+
`/projects/${projectId}/heatmaps?url=${encodedUrl}`
|
|
235
|
+
);
|
|
236
|
+
}
|
|
237
|
+
};
|
|
238
|
+
}
|
|
239
|
+
|
|
240
|
+
// src/api/posthog.ts
|
|
241
|
+
var POSTHOG_BASE = "https://us.posthog.com/api";
|
|
242
|
+
function createPostHogClient(apiKey, host) {
|
|
243
|
+
const baseUrl = host ? `${host.replace(/\/$/, "")}/api` : POSTHOG_BASE;
|
|
244
|
+
async function request(path, body) {
|
|
245
|
+
const response = await globalThis.fetch(`${baseUrl}${path}`, {
|
|
246
|
+
method: body ? "POST" : "GET",
|
|
247
|
+
headers: {
|
|
248
|
+
Authorization: `Bearer ${apiKey}`,
|
|
249
|
+
"Content-Type": "application/json"
|
|
250
|
+
},
|
|
251
|
+
body: body ? JSON.stringify(body) : void 0
|
|
252
|
+
});
|
|
253
|
+
if (!response.ok) {
|
|
254
|
+
const text = await response.text();
|
|
255
|
+
throw new Error(`PostHog API error: ${response.status} ${text}`);
|
|
256
|
+
}
|
|
257
|
+
return await response.json();
|
|
258
|
+
}
|
|
259
|
+
return {
|
|
260
|
+
async queryEvents(projectId, event, limit = 100) {
|
|
261
|
+
const raw = await request(
|
|
262
|
+
`/projects/${projectId}/events?event=${encodeURIComponent(event)}&limit=${limit}`
|
|
263
|
+
);
|
|
264
|
+
return raw.results ?? [];
|
|
265
|
+
},
|
|
266
|
+
async getTrends(projectId, events, days = 7) {
|
|
267
|
+
const body = {
|
|
268
|
+
events: events.map((e) => ({ id: e, type: "events" })),
|
|
269
|
+
date_from: `-${days}d`
|
|
270
|
+
};
|
|
271
|
+
const raw = await request(
|
|
272
|
+
`/projects/${projectId}/insights/trend`,
|
|
273
|
+
body
|
|
274
|
+
);
|
|
275
|
+
return raw.result ?? [];
|
|
276
|
+
},
|
|
277
|
+
async getFunnels(projectId, steps) {
|
|
278
|
+
const body = {
|
|
279
|
+
events: steps.map((s) => ({ id: s, type: "events" }))
|
|
280
|
+
};
|
|
281
|
+
const raw = await request(
|
|
282
|
+
`/projects/${projectId}/insights/funnel`,
|
|
283
|
+
body
|
|
284
|
+
);
|
|
285
|
+
return raw.result ?? [];
|
|
286
|
+
}
|
|
287
|
+
};
|
|
288
|
+
}
|
|
289
|
+
|
|
290
|
+
// src/api/plausible.ts
|
|
291
|
+
var PLAUSIBLE_BASE = "https://plausible.io/api/v1";
|
|
292
|
+
function createPlausibleClient(apiKey, selfHostedUrl) {
|
|
293
|
+
const baseUrl = selfHostedUrl ? `${selfHostedUrl.replace(/\/$/, "")}/api/v1` : PLAUSIBLE_BASE;
|
|
294
|
+
async function request(path) {
|
|
295
|
+
const response = await globalThis.fetch(`${baseUrl}${path}`, {
|
|
296
|
+
headers: {
|
|
297
|
+
Authorization: `Bearer ${apiKey}`,
|
|
298
|
+
"Content-Type": "application/json"
|
|
299
|
+
}
|
|
300
|
+
});
|
|
301
|
+
if (!response.ok) {
|
|
302
|
+
const text = await response.text();
|
|
303
|
+
throw new Error(`Plausible API error: ${response.status} ${text}`);
|
|
304
|
+
}
|
|
305
|
+
return await response.json();
|
|
306
|
+
}
|
|
307
|
+
return {
|
|
308
|
+
async getTimeseries(siteId, period = "30d") {
|
|
309
|
+
const raw = await request(
|
|
310
|
+
`/stats/timeseries?site_id=${encodeURIComponent(siteId)}&period=${period}`
|
|
311
|
+
);
|
|
312
|
+
return raw.results ?? [];
|
|
313
|
+
},
|
|
314
|
+
async getBreakdown(siteId, property, period = "30d") {
|
|
315
|
+
const raw = await request(
|
|
316
|
+
`/stats/breakdown?site_id=${encodeURIComponent(siteId)}&property=${encodeURIComponent(property)}&period=${period}`
|
|
317
|
+
);
|
|
318
|
+
return raw.results ?? [];
|
|
319
|
+
},
|
|
320
|
+
async getAggregate(siteId, period = "30d") {
|
|
321
|
+
const raw = await request(
|
|
322
|
+
`/stats/aggregate?site_id=${encodeURIComponent(siteId)}&period=${period}&metrics=visitors,pageviews,bounce_rate,visit_duration,events`
|
|
323
|
+
);
|
|
324
|
+
return raw.results;
|
|
325
|
+
}
|
|
326
|
+
};
|
|
327
|
+
}
|
|
328
|
+
|
|
329
|
+
// src/api/fathom.ts
|
|
330
|
+
var FATHOM_BASE = "https://api.usefathom.com/v1";
|
|
331
|
+
function createFathomClient(apiKey) {
|
|
332
|
+
async function request(path) {
|
|
333
|
+
const response = await globalThis.fetch(`${FATHOM_BASE}${path}`, {
|
|
334
|
+
headers: {
|
|
335
|
+
Authorization: `Bearer ${apiKey}`,
|
|
336
|
+
"Content-Type": "application/json"
|
|
337
|
+
}
|
|
338
|
+
});
|
|
339
|
+
if (!response.ok) {
|
|
340
|
+
const text = await response.text();
|
|
341
|
+
throw new Error(`Fathom API error: ${response.status} ${text}`);
|
|
342
|
+
}
|
|
343
|
+
return await response.json();
|
|
344
|
+
}
|
|
345
|
+
return {
|
|
346
|
+
async getSites() {
|
|
347
|
+
const raw = await request("/sites");
|
|
348
|
+
return raw.data ?? [];
|
|
349
|
+
},
|
|
350
|
+
async getPageviews(siteId, period = "30d") {
|
|
351
|
+
const raw = await request(
|
|
352
|
+
`/sites/${siteId}/pages?period=${period}`
|
|
353
|
+
);
|
|
354
|
+
return raw.data ?? [];
|
|
355
|
+
},
|
|
356
|
+
async getReferrers(siteId, period = "30d") {
|
|
357
|
+
const raw = await request(
|
|
358
|
+
`/sites/${siteId}/referrers?period=${period}`
|
|
359
|
+
);
|
|
360
|
+
return raw.data ?? [];
|
|
361
|
+
}
|
|
362
|
+
};
|
|
363
|
+
}
|
|
364
|
+
|
|
365
|
+
export { buildClarityScript, buildFathomScript, buildGA4Script, buildPlausibleScript, buildPostHogScript, createClarityClient, createConsentManager, createFathomClient, createGA4Client, createPlausibleClient, createPostHogClient };
|
|
366
|
+
//# sourceMappingURL=index.js.map
|
|
367
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/consent.ts","../src/scripts/ga4.ts","../src/scripts/clarity.ts","../src/scripts/posthog.ts","../src/scripts/plausible.ts","../src/scripts/fathom.ts","../src/api/ga4.ts","../src/api/clarity.ts","../src/api/posthog.ts","../src/api/plausible.ts","../src/api/fathom.ts"],"names":[],"mappings":";AAMA,IAAM,aAAA,GAA8B;AAAA,EAClC,SAAA,EAAW,IAAA;AAAA,EACX,SAAA,EAAW,KAAA;AAAA,EACX,SAAA,EAAW,KAAA;AAAA,EACX,WAAA,EAAa;AACf,CAAA;AAEO,SAAS,qBACd,OAAA,EACgB;AAChB,EAAA,MAAM,KAAA,GAAsB;AAAA,IAC1B,GAAG,aAAA;AAAA,IACH,GAAG,OAAA;AAAA,IACH,SAAA,EAAW;AAAA;AAAA,GACb;AAEA,EAAA,MAAM,SAAA,uBAAgB,GAAA,EAA2B;AAEjD,EAAA,SAAS,MAAA,GAAe;AACtB,IAAA,KAAA,MAAW,MAAM,SAAA,EAAW;AAC1B,MAAA,EAAA,CAAG,EAAE,GAAG,KAAA,EAAO,CAAA;AAAA,IACjB;AAAA,EACF;AAEA,EAAA,OAAO;AAAA,IACL,QAAA,GAAW;AACT,MAAA,OAAO,EAAE,GAAG,KAAA,EAAM;AAAA,IACpB,CAAA;AAAA,IAEA,MAAM,QAAA,EAA2B;AAC/B,MAAA,IAAI,KAAA,CAAM,QAAQ,CAAA,EAAG;AACrB,MAAA,KAAA,CAAM,QAAQ,CAAA,GAAI,IAAA;AAClB,MAAA,MAAA,EAAO;AAAA,IACT,CAAA;AAAA,IAEA,OAAO,QAAA,EAA2B;AAChC,MAAA,IAAI,aAAa,WAAA,EAAa;AAC9B,MAAA,IAAI,CAAC,KAAA,CAAM,QAAQ,CAAA,EAAG;AACtB,MAAA,KAAA,CAAM,QAAQ,CAAA,GAAI,KAAA;AAClB,MAAA,MAAA,EAAO;AAAA,IACT,CAAA;AAAA,IAEA,QAAA,GAAW;AACT,MAAA,KAAA,CAAM,SAAA,GAAY,IAAA;AAClB,MAAA,KAAA,CAAM,SAAA,GAAY,IAAA;AAClB,MAAA,KAAA,CAAM,WAAA,GAAc,IAAA;AACpB,MAAA,MAAA,EAAO;AAAA,IACT,CAAA;AAAA,IAEA,SAAA,GAAY;AACV,MAAA,KAAA,CAAM,SAAA,GAAY,KAAA;AAClB,MAAA,KAAA,CAAM,SAAA,GAAY,KAAA;AAClB,MAAA,KAAA,CAAM,WAAA,GAAc,KAAA;AACpB,MAAA,MAAA,EAAO;AAAA,IACT,CAAA;AAAA,IAEA,UAAU,QAAA,EAA2B;AACnC,MAAA,OAAO,MAAM,QAAQ,CAAA;AAAA,IACvB,CAAA;AAAA,IAEA,SAAS,QAAA,EAAiC;AACxC,MAAA,SAAA,CAAU,IAAI,QAAQ,CAAA;AACtB,MAAA,OAAO,MAAM;AACX,QAAA,SAAA,CAAU,OAAO,QAAQ,CAAA;AAAA,MAC3B,CAAA;AAAA,IACF;AAAA,GACF;AACF;;;ACnEO,SAAS,eAAe,MAAA,EAAmC;AAChE,EAAA,MAAM,EAAE,eAAe,aAAA,GAAgB,IAAA,EAAM,cAAc,IAAA,EAAM,YAAA,GAAe,MAAK,GAAI,MAAA;AAEzF,EAAA,MAAM,UAA0B,EAAC;AAEjC,EAAA,IAAI,aAAA,EAAe;AACjB,IAAA,OAAA,CAAQ,IAAA,CAAK;AAAA,MACX,EAAA,EAAI,eAAe,aAAa,CAAA,CAAA;AAAA,MAChC,SAAA,EAAW,CAAA,sNAAA,CAAA;AAAA,MACX,eAAA,EAAiB,WAAA;AAAA,MACjB,YAAY,MAAM;AAAA,KACnB,CAAA;AAAA,EACH;AAEA,EAAA,OAAA,CAAQ,IAAA,CAAK;AAAA,IACX,EAAA,EAAI,YAAY,aAAa,CAAA,CAAA;AAAA,IAC7B,GAAA,EAAK,+CAA+C,aAAa,CAAA,CAAA;AAAA,IACjE,KAAA,EAAO,IAAA;AAAA,IACP,eAAA,EAAiB,WAAA;AAAA,IACjB,UAAA,EAAY,CAAC,OAAA,KAA0B,OAAA,CAAQ;AAAA,GAChD,CAAA;AAED,EAAA,MAAM,WAAA,GAAc;AAAA,IAClB,CAAA,uGAAA,CAAA;AAAA,IACA,CAAA,eAAA,EAAkB,aAAa,CAAA,GAAA,EAAM,WAAA,GAAc,sBAAA,GAAyB,EAAE,CAAA,EAAG,CAAC,YAAA,GAAe,wBAAA,GAA2B,EAAE,CAAA,GAAA;AAAA,GAChI;AAEA,EAAA,IAAI,aAAA,EAAe;AACjB,IAAA,WAAA,CAAY,IAAA;AAAA,MACV,CAAA,yDAAA;AAAA,KACF;AAAA,EACF;AAEA,EAAA,OAAA,CAAQ,IAAA,CAAK;AAAA,IACX,EAAA,EAAI,cAAc,aAAa,CAAA,CAAA;AAAA,IAC/B,SAAA,EAAW,WAAA,CAAY,IAAA,CAAK,EAAE,CAAA;AAAA,IAC9B,eAAA,EAAiB,WAAA;AAAA,IACjB,UAAA,EAAY,CAAC,OAAA,KAA0B,OAAA,CAAQ;AAAA,GAChD,CAAA;AAED,EAAA,OAAO,OAAA;AACT;;;ACzCO,SAAS,mBAAmB,MAAA,EAAqC;AACtE,EAAA,MAAM,EAAE,WAAU,GAAI,MAAA;AAEtB,EAAA,OAAO;AAAA,IACL,EAAA,EAAI,WAAW,SAAS,CAAA,CAAA;AAAA,IACxB,SAAA,EAAW,iQAAiQ,SAAS,CAAA,GAAA,CAAA;AAAA,IACrR,eAAA,EAAiB,WAAA;AAAA,IACjB,UAAA,EAAY,CAAC,OAAA,KAA0B,OAAA,CAAQ;AAAA,GACjD;AACF;;;ACTO,SAAS,mBAAmB,MAAA,EAAqC;AACtE,EAAA,MAAM,EAAE,MAAA,EAAQ,IAAA,GAAO,0BAAA,EAA2B,GAAI,MAAA;AAEtD,EAAA,OAAO;AAAA,IACL,EAAA,EAAI,WAAW,MAAM,CAAA,CAAA;AAAA,IACrB,SAAA,EAAW,CAAA,uiCAAA,EAA0iC,MAAM,CAAA,aAAA,EAAgB,IAAI,CAAA,sCAAA,CAAA;AAAA,IAC/kC,eAAA,EAAiB,WAAA;AAAA,IACjB,UAAA,EAAY,CAAC,OAAA,KAA0B,OAAA,CAAQ;AAAA,GACjD;AACF;;;ACTO,SAAS,qBAAqB,MAAA,EAAuC;AAC1E,EAAA,MAAM,EAAE,MAAA,EAAQ,aAAA,EAAc,GAAI,MAAA;AAClC,EAAA,MAAM,SAAA,GAAY,gBACd,CAAA,EAAG,aAAA,CAAc,QAAQ,KAAA,EAAO,EAAE,CAAC,CAAA,aAAA,CAAA,GACnC,mCAAA;AAEJ,EAAA,OAAO;AAAA,IACL,EAAA,EAAI,aAAa,MAAM,CAAA,CAAA;AAAA,IACvB,GAAA,EAAK,SAAA;AAAA,IACL,KAAA,EAAO,IAAA;AAAA,IACP,eAAA,EAAiB,WAAA;AAAA,IACjB,UAAA,EAAY;AAAA,MACV,aAAA,EAAe;AAAA,KACjB;AAAA,IACA,UAAA,EAAY,CAAC,OAAA,KAA0B,OAAA,CAAQ;AAAA,GACjD;AACF;;;AChBO,SAAS,kBAAkB,MAAA,EAAoC;AACpE,EAAA,MAAM,EAAE,QAAO,GAAI,MAAA;AAEnB,EAAA,OAAO;AAAA,IACL,EAAA,EAAI,UAAU,MAAM,CAAA,CAAA;AAAA,IACpB,GAAA,EAAK,qCAAA;AAAA,IACL,KAAA,EAAO,IAAA;AAAA,IACP,eAAA,EAAiB,WAAA;AAAA,IACjB,UAAA,EAAY;AAAA,MACV,WAAA,EAAa;AAAA,KACf;AAAA,IACA,UAAA,EAAY,CAAC,OAAA,KAA0B,OAAA,CAAQ;AAAA,GACjD;AACF;;;ACRA,IAAM,QAAA,GAAW,6CAAA;AAEV,SAAS,gBAAgB,WAAA,EAAgC;AAC9D,EAAA,eAAe,OAAA,CAAW,KAAa,IAAA,EAA4B;AACjE,IAAA,MAAM,QAAA,GAAW,MAAM,UAAA,CAAW,KAAA,CAAM,GAAA,EAAK;AAAA,MAC3C,MAAA,EAAQ,OAAO,MAAA,GAAS,KAAA;AAAA,MACxB,OAAA,EAAS;AAAA,QACP,aAAA,EAAe,UAAU,WAAW,CAAA,CAAA;AAAA,QACpC,cAAA,EAAgB;AAAA,OAClB;AAAA,MACA,IAAA,EAAM,IAAA,GAAO,IAAA,CAAK,SAAA,CAAU,IAAI,CAAA,GAAI;AAAA,KACrC,CAAA;AAED,IAAA,IAAI,CAAC,SAAS,EAAA,EAAI;AAChB,MAAA,MAAM,IAAA,GAAO,MAAM,QAAA,CAAS,IAAA,EAAK;AACjC,MAAA,MAAM,IAAI,KAAA,CAAM,CAAA,eAAA,EAAkB,SAAS,MAAM,CAAA,CAAA,EAAI,IAAI,CAAA,CAAE,CAAA;AAAA,IAC7D;AAEA,IAAA,OAAQ,MAAM,SAAS,IAAA,EAAK;AAAA,EAC9B;AAEA,EAAA,OAAO;AAAA,IACL,MAAM,WAAA,CAAY,UAAA,EAAY,GAAA,EAAK;AACjC,MAAA,MAAM,IAAA,GAAO;AAAA,QACX,UAAA,EAAY,CAAC,EAAE,SAAA,EAAW,IAAI,SAAA,EAAW,OAAA,EAAS,GAAA,CAAI,OAAA,EAAS,CAAA;AAAA,QAC/D,OAAA,EAAS,IAAI,OAAA,CAAQ,GAAA,CAAI,CAAC,CAAA,MAAO,EAAE,IAAA,EAAM,CAAA,EAAE,CAAE,CAAA;AAAA,QAC7C,UAAA,EAAA,CAAa,GAAA,CAAI,UAAA,IAAc,EAAC,EAAG,GAAA,CAAI,CAAC,CAAA,MAAO,EAAE,IAAA,EAAM,CAAA,EAAE,CAAE,CAAA;AAAA,QAC3D,KAAA,EAAO,IAAI,KAAA,IAAS;AAAA,OACtB;AAEA,MAAA,MAAM,GAAA,GAAM,MAAM,OAAA,CAOf,CAAA,EAAG,QAAQ,CAAA,YAAA,EAAe,UAAU,cAAc,IAAI,CAAA;AAEzD,MAAA,MAAM,QAAwB,GAAA,CAAI,IAAA,IAAQ,EAAC,EAAG,GAAA,CAAI,CAAC,CAAA,MAAO;AAAA,QACxD,UAAA,EAAA,CAAa,EAAE,eAAA,IAAmB,IAAI,GAAA,CAAI,CAAC,CAAA,KAAM,CAAA,CAAE,KAAK,CAAA;AAAA,QACxD,OAAA,EAAA,CAAU,CAAA,CAAE,YAAA,IAAgB,EAAC,EAAG,GAAA,CAAI,CAAC,CAAA,KAAM,MAAA,CAAO,CAAA,CAAE,KAAK,CAAC;AAAA,OAC5D,CAAE,CAAA;AAEF,MAAA,OAAO;AAAA,QACL,IAAA;AAAA,QACA,QAAA,EAAU,GAAA,CAAI,QAAA,IAAY,IAAA,CAAK,MAAA;AAAA,QAC/B,UAAU,GAAA,CAAI,aAAA,GAAgB,EAAE,aAAA,EAAe,GAAA,CAAI,eAAc,GAAI;AAAA,OACvE;AAAA,IACF,CAAA;AAAA,IAEA,MAAM,iBAAA,CAAkB,UAAA,EAAY,OAAA,EAAS;AAC3C,MAAA,MAAM,IAAA,GAAO;AAAA,QACX,OAAA,EAAS,QAAQ,GAAA,CAAI,CAAC,OAAO,EAAE,IAAA,EAAM,GAAE,CAAE;AAAA,OAC3C;AAEA,MAAA,MAAM,GAAA,GAAM,MAAM,OAAA,CAMf,CAAA,EAAG,QAAQ,CAAA,YAAA,EAAe,UAAU,sBAAsB,IAAI,CAAA;AAEjE,MAAA,MAAM,QAAwB,GAAA,CAAI,IAAA,IAAQ,EAAC,EAAG,GAAA,CAAI,CAAC,CAAA,MAAO;AAAA,QACxD,UAAA,EAAA,CAAa,EAAE,eAAA,IAAmB,IAAI,GAAA,CAAI,CAAC,CAAA,KAAM,CAAA,CAAE,KAAK,CAAA;AAAA,QACxD,OAAA,EAAA,CAAU,CAAA,CAAE,YAAA,IAAgB,EAAC,EAAG,GAAA,CAAI,CAAC,CAAA,KAAM,MAAA,CAAO,CAAA,CAAE,KAAK,CAAC;AAAA,OAC5D,CAAE,CAAA;AAEF,MAAA,OAAO,EAAE,IAAA,EAAM,QAAA,EAAU,GAAA,CAAI,QAAA,IAAY,KAAK,MAAA,EAAO;AAAA,IACvD,CAAA;AAAA,IAEA,MAAM,YAAY,UAAA,EAAY;AAC5B,MAAA,MAAM,MAAM,MAAM,OAAA,CAGf,GAAG,QAAQ,CAAA,YAAA,EAAe,UAAU,CAAA,SAAA,CAAW,CAAA;AAElD,MAAA,OAAO;AAAA,QACL,UAAA,EAAY,GAAA,CAAI,UAAA,IAAc,EAAC;AAAA,QAC/B,OAAA,EAAS,GAAA,CAAI,OAAA,IAAW;AAAC,OAC3B;AAAA,IACF;AAAA,GACF;AACF;;;ACpFA,IAAM,YAAA,GAAe,+BAAA;AAEd,SAAS,oBAAoB,MAAA,EAA+B;AACjE,EAAA,eAAe,QAAW,IAAA,EAA0B;AAClD,IAAA,MAAM,QAAA,GAAW,MAAM,UAAA,CAAW,KAAA,CAAM,GAAG,YAAY,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI;AAAA,MAChE,OAAA,EAAS;AAAA,QACP,aAAA,EAAe,UAAU,MAAM,CAAA,CAAA;AAAA,QAC/B,cAAA,EAAgB;AAAA;AAClB,KACD,CAAA;AAED,IAAA,IAAI,CAAC,SAAS,EAAA,EAAI;AAChB,MAAA,MAAM,IAAA,GAAO,MAAM,QAAA,CAAS,IAAA,EAAK;AACjC,MAAA,MAAM,IAAI,KAAA,CAAM,CAAA,mBAAA,EAAsB,SAAS,MAAM,CAAA,CAAA,EAAI,IAAI,CAAA,CAAE,CAAA;AAAA,IACjE;AAEA,IAAA,OAAQ,MAAM,SAAS,IAAA,EAAK;AAAA,EAC9B;AAEA,EAAA,OAAO;AAAA,IACL,MAAM,WAAA,GAAc;AAClB,MAAA,OAAO,QAA0B,WAAW,CAAA;AAAA,IAC9C,CAAA;AAAA,IAEA,MAAM,YAAY,SAAA,EAAW;AAC3B,MAAA,OAAO,OAAA,CAA0B,CAAA,UAAA,EAAa,SAAS,CAAA,SAAA,CAAW,CAAA;AAAA,IACpE,CAAA;AAAA,IAEA,MAAM,cAAA,CAAe,SAAA,EAAW,GAAA,EAAK;AACnC,MAAA,MAAM,UAAA,GAAa,mBAAmB,GAAG,CAAA;AACzC,MAAA,OAAO,OAAA;AAAA,QACL,CAAA,UAAA,EAAa,SAAS,CAAA,cAAA,EAAiB,UAAU,CAAA;AAAA,OACnD;AAAA,IACF;AAAA,GACF;AACF;;;ACnCA,IAAM,YAAA,GAAe,4BAAA;AAEd,SAAS,mBAAA,CAAoB,QAAgB,IAAA,EAA8B;AAChF,EAAA,MAAM,OAAA,GAAU,OAAO,CAAA,EAAG,IAAA,CAAK,QAAQ,KAAA,EAAO,EAAE,CAAC,CAAA,IAAA,CAAA,GAAS,YAAA;AAE1D,EAAA,eAAe,OAAA,CAAW,MAAc,IAAA,EAA4B;AAClE,IAAA,MAAM,QAAA,GAAW,MAAM,UAAA,CAAW,KAAA,CAAM,GAAG,OAAO,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI;AAAA,MAC3D,MAAA,EAAQ,OAAO,MAAA,GAAS,KAAA;AAAA,MACxB,OAAA,EAAS;AAAA,QACP,aAAA,EAAe,UAAU,MAAM,CAAA,CAAA;AAAA,QAC/B,cAAA,EAAgB;AAAA,OAClB;AAAA,MACA,IAAA,EAAM,IAAA,GAAO,IAAA,CAAK,SAAA,CAAU,IAAI,CAAA,GAAI;AAAA,KACrC,CAAA;AAED,IAAA,IAAI,CAAC,SAAS,EAAA,EAAI;AAChB,MAAA,MAAM,IAAA,GAAO,MAAM,QAAA,CAAS,IAAA,EAAK;AACjC,MAAA,MAAM,IAAI,KAAA,CAAM,CAAA,mBAAA,EAAsB,SAAS,MAAM,CAAA,CAAA,EAAI,IAAI,CAAA,CAAE,CAAA;AAAA,IACjE;AAEA,IAAA,OAAQ,MAAM,SAAS,IAAA,EAAK;AAAA,EAC9B;AAEA,EAAA,OAAO;AAAA,IACL,MAAM,WAAA,CAAY,SAAA,EAAW,KAAA,EAAO,QAAQ,GAAA,EAAK;AAC/C,MAAA,MAAM,MAAM,MAAM,OAAA;AAAA,QAChB,aAAa,SAAS,CAAA,cAAA,EAAiB,mBAAmB,KAAK,CAAC,UAAU,KAAK,CAAA;AAAA,OACjF;AACA,MAAA,OAAO,GAAA,CAAI,WAAW,EAAC;AAAA,IACzB,CAAA;AAAA,IAEA,MAAM,SAAA,CAAU,SAAA,EAAW,MAAA,EAAQ,OAAO,CAAA,EAAG;AAC3C,MAAA,MAAM,IAAA,GAAO;AAAA,QACX,MAAA,EAAQ,MAAA,CAAO,GAAA,CAAI,CAAC,CAAA,MAAO,EAAE,EAAA,EAAI,CAAA,EAAG,IAAA,EAAM,QAAA,EAAS,CAAE,CAAA;AAAA,QACrD,SAAA,EAAW,IAAI,IAAI,CAAA,CAAA;AAAA,OACrB;AACA,MAAA,MAAM,MAAM,MAAM,OAAA;AAAA,QAChB,aAAa,SAAS,CAAA,eAAA,CAAA;AAAA,QACtB;AAAA,OACF;AACA,MAAA,OAAO,GAAA,CAAI,UAAU,EAAC;AAAA,IACxB,CAAA;AAAA,IAEA,MAAM,UAAA,CAAW,SAAA,EAAW,KAAA,EAAO;AACjC,MAAA,MAAM,IAAA,GAAO;AAAA,QACX,MAAA,EAAQ,KAAA,CAAM,GAAA,CAAI,CAAC,CAAA,MAAO,EAAE,EAAA,EAAI,CAAA,EAAG,IAAA,EAAM,QAAA,EAAS,CAAE;AAAA,OACtD;AACA,MAAA,MAAM,MAAM,MAAM,OAAA;AAAA,QAChB,aAAa,SAAS,CAAA,gBAAA,CAAA;AAAA,QACtB;AAAA,OACF;AACA,MAAA,OAAO,GAAA,CAAI,UAAU,EAAC;AAAA,IACxB;AAAA,GACF;AACF;;;ACtDA,IAAM,cAAA,GAAiB,6BAAA;AAEhB,SAAS,qBAAA,CAAsB,QAAgB,aAAA,EAAyC;AAC7F,EAAA,MAAM,OAAA,GAAU,gBACZ,CAAA,EAAG,aAAA,CAAc,QAAQ,KAAA,EAAO,EAAE,CAAC,CAAA,OAAA,CAAA,GACnC,cAAA;AAEJ,EAAA,eAAe,QAAW,IAAA,EAA0B;AAClD,IAAA,MAAM,QAAA,GAAW,MAAM,UAAA,CAAW,KAAA,CAAM,GAAG,OAAO,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI;AAAA,MAC3D,OAAA,EAAS;AAAA,QACP,aAAA,EAAe,UAAU,MAAM,CAAA,CAAA;AAAA,QAC/B,cAAA,EAAgB;AAAA;AAClB,KACD,CAAA;AAED,IAAA,IAAI,CAAC,SAAS,EAAA,EAAI;AAChB,MAAA,MAAM,IAAA,GAAO,MAAM,QAAA,CAAS,IAAA,EAAK;AACjC,MAAA,MAAM,IAAI,KAAA,CAAM,CAAA,qBAAA,EAAwB,SAAS,MAAM,CAAA,CAAA,EAAI,IAAI,CAAA,CAAE,CAAA;AAAA,IACnE;AAEA,IAAA,OAAQ,MAAM,SAAS,IAAA,EAAK;AAAA,EAC9B;AAEA,EAAA,OAAO;AAAA,IACL,MAAM,aAAA,CAAc,MAAA,EAAQ,MAAA,GAAS,KAAA,EAAO;AAC1C,MAAA,MAAM,MAAM,MAAM,OAAA;AAAA,QAChB,CAAA,0BAAA,EAA6B,kBAAA,CAAmB,MAAM,CAAC,WAAW,MAAM,CAAA;AAAA,OAC1E;AACA,MAAA,OAAO,GAAA,CAAI,WAAW,EAAC;AAAA,IACzB,CAAA;AAAA,IAEA,MAAM,YAAA,CAAa,MAAA,EAAQ,QAAA,EAAU,SAAS,KAAA,EAAO;AACnD,MAAA,MAAM,MAAM,MAAM,OAAA;AAAA,QAChB,CAAA,yBAAA,EAA4B,mBAAmB,MAAM,CAAC,aAAa,kBAAA,CAAmB,QAAQ,CAAC,CAAA,QAAA,EAAW,MAAM,CAAA;AAAA,OAClH;AACA,MAAA,OAAO,GAAA,CAAI,WAAW,EAAC;AAAA,IACzB,CAAA;AAAA,IAEA,MAAM,YAAA,CAAa,MAAA,EAAQ,MAAA,GAAS,KAAA,EAAO;AACzC,MAAA,MAAM,MAAM,MAAM,OAAA;AAAA,QAChB,CAAA,yBAAA,EAA4B,kBAAA,CAAmB,MAAM,CAAC,WAAW,MAAM,CAAA,6DAAA;AAAA,OACzE;AACA,MAAA,OAAO,GAAA,CAAI,OAAA;AAAA,IACb;AAAA,GACF;AACF;;;AC7CA,IAAM,WAAA,GAAc,8BAAA;AAEb,SAAS,mBAAmB,MAAA,EAA8B;AAC/D,EAAA,eAAe,QAAW,IAAA,EAA0B;AAClD,IAAA,MAAM,QAAA,GAAW,MAAM,UAAA,CAAW,KAAA,CAAM,GAAG,WAAW,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI;AAAA,MAC/D,OAAA,EAAS;AAAA,QACP,aAAA,EAAe,UAAU,MAAM,CAAA,CAAA;AAAA,QAC/B,cAAA,EAAgB;AAAA;AAClB,KACD,CAAA;AAED,IAAA,IAAI,CAAC,SAAS,EAAA,EAAI;AAChB,MAAA,MAAM,IAAA,GAAO,MAAM,QAAA,CAAS,IAAA,EAAK;AACjC,MAAA,MAAM,IAAI,KAAA,CAAM,CAAA,kBAAA,EAAqB,SAAS,MAAM,CAAA,CAAA,EAAI,IAAI,CAAA,CAAE,CAAA;AAAA,IAChE;AAEA,IAAA,OAAQ,MAAM,SAAS,IAAA,EAAK;AAAA,EAC9B;AAEA,EAAA,OAAO;AAAA,IACL,MAAM,QAAA,GAAW;AACf,MAAA,MAAM,GAAA,GAAM,MAAM,OAAA,CAAgC,QAAQ,CAAA;AAC1D,MAAA,OAAO,GAAA,CAAI,QAAQ,EAAC;AAAA,IACtB,CAAA;AAAA,IAEA,MAAM,YAAA,CAAa,MAAA,EAAQ,MAAA,GAAS,KAAA,EAAO;AACzC,MAAA,MAAM,MAAM,MAAM,OAAA;AAAA,QAChB,CAAA,OAAA,EAAU,MAAM,CAAA,cAAA,EAAiB,MAAM,CAAA;AAAA,OACzC;AACA,MAAA,OAAO,GAAA,CAAI,QAAQ,EAAC;AAAA,IACtB,CAAA;AAAA,IAEA,MAAM,YAAA,CAAa,MAAA,EAAQ,MAAA,GAAS,KAAA,EAAO;AACzC,MAAA,MAAM,MAAM,MAAM,OAAA;AAAA,QAChB,CAAA,OAAA,EAAU,MAAM,CAAA,kBAAA,EAAqB,MAAM,CAAA;AAAA,OAC7C;AACA,MAAA,OAAO,GAAA,CAAI,QAAQ,EAAC;AAAA,IACtB;AAAA,GACF;AACF","file":"index.js","sourcesContent":["// ============================================================================\r\n// @power-seo/tracking — Consent Manager\r\n// ============================================================================\r\n\r\nimport type { ConsentState, ConsentCategory, ConsentManager, ConsentChangeCallback } from './types.js';\r\n\r\nconst DEFAULT_STATE: ConsentState = {\r\n necessary: true,\r\n analytics: false,\r\n marketing: false,\r\n preferences: false,\r\n};\r\n\r\nexport function createConsentManager(\r\n initial?: Partial<ConsentState>,\r\n): ConsentManager {\r\n const state: ConsentState = {\r\n ...DEFAULT_STATE,\r\n ...initial,\r\n necessary: true, // necessary cannot be overridden\r\n };\r\n\r\n const listeners = new Set<ConsentChangeCallback>();\r\n\r\n function notify(): void {\r\n for (const cb of listeners) {\r\n cb({ ...state });\r\n }\r\n }\r\n\r\n return {\r\n getState() {\r\n return { ...state };\r\n },\r\n\r\n grant(category: ConsentCategory) {\r\n if (state[category]) return; // already granted\r\n state[category] = true;\r\n notify();\r\n },\r\n\r\n revoke(category: ConsentCategory) {\r\n if (category === 'necessary') return; // cannot revoke necessary\r\n if (!state[category]) return; // already revoked\r\n state[category] = false;\r\n notify();\r\n },\r\n\r\n grantAll() {\r\n state.analytics = true;\r\n state.marketing = true;\r\n state.preferences = true;\r\n notify();\r\n },\r\n\r\n revokeAll() {\r\n state.analytics = false;\r\n state.marketing = false;\r\n state.preferences = false;\r\n notify();\r\n },\r\n\r\n isGranted(category: ConsentCategory) {\r\n return state[category];\r\n },\r\n\r\n onChange(callback: ConsentChangeCallback) {\r\n listeners.add(callback);\r\n return () => {\r\n listeners.delete(callback);\r\n };\r\n },\r\n };\r\n}\r\n","// ============================================================================\r\n// @power-seo/tracking — GA4 Script Builder\r\n// ============================================================================\r\n\r\nimport type { ScriptConfig, GA4Config, ConsentState } from '../types.js';\r\n\r\nexport function buildGA4Script(config: GA4Config): ScriptConfig[] {\r\n const { measurementId, consentModeV2 = true, anonymizeIp = true, sendPageView = true } = config;\r\n\r\n const scripts: ScriptConfig[] = [];\r\n\r\n if (consentModeV2) {\r\n scripts.push({\r\n id: `ga4-consent-${measurementId}`,\r\n innerHTML: `window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('consent','default',{'analytics_storage':'denied','ad_storage':'denied','ad_user_data':'denied','ad_personalization':'denied'});`,\r\n consentCategory: 'necessary',\r\n shouldLoad: () => true,\r\n });\r\n }\r\n\r\n scripts.push({\r\n id: `ga4-gtag-${measurementId}`,\r\n src: `https://www.googletagmanager.com/gtag/js?id=${measurementId}`,\r\n async: true,\r\n consentCategory: 'analytics',\r\n shouldLoad: (consent: ConsentState) => consent.analytics,\r\n });\r\n\r\n const configParts = [\r\n `window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());`,\r\n `gtag('config','${measurementId}',{${anonymizeIp ? \"'anonymize_ip':true,\" : ''}${!sendPageView ? \"'send_page_view':false\" : ''}});`,\r\n ];\r\n\r\n if (consentModeV2) {\r\n configParts.push(\r\n `gtag('consent','update',{'analytics_storage':'granted'});`,\r\n );\r\n }\r\n\r\n scripts.push({\r\n id: `ga4-config-${measurementId}`,\r\n innerHTML: configParts.join(''),\r\n consentCategory: 'analytics',\r\n shouldLoad: (consent: ConsentState) => consent.analytics,\r\n });\r\n\r\n return scripts;\r\n}\r\n","// ============================================================================\r\n// @power-seo/tracking — Clarity Script Builder\r\n// ============================================================================\r\n\r\nimport type { ScriptConfig, ClarityConfig, ConsentState } from '../types.js';\r\n\r\nexport function buildClarityScript(config: ClarityConfig): ScriptConfig {\r\n const { projectId } = config;\r\n\r\n return {\r\n id: `clarity-${projectId}`,\r\n innerHTML: `(function(c,l,a,r,i,t,y){c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};t=l.createElement(r);t.async=1;t.src=\"https://www.clarity.ms/tag/\"+i;y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);})(window,document,\"clarity\",\"script\",\"${projectId}\");`,\r\n consentCategory: 'analytics',\r\n shouldLoad: (consent: ConsentState) => consent.analytics,\r\n };\r\n}\r\n","// ============================================================================\r\n// @power-seo/tracking — PostHog Script Builder\r\n// ============================================================================\r\n\r\nimport type { ScriptConfig, PostHogConfig, ConsentState } from '../types.js';\r\n\r\nexport function buildPostHogScript(config: PostHogConfig): ScriptConfig {\r\n const { apiKey, host = 'https://us.i.posthog.com' } = config;\r\n\r\n return {\r\n id: `posthog-${apiKey}`,\r\n innerHTML: `!function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(\".\");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement(\"script\")).type=\"text/javascript\",p.async=!0,p.src=s.api_host+\"/static/array.js\",(r=t.getElementsByTagName(\"script\")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a=\"posthog\",u.people=u.people||[],u.toString=function(t){var e=\"posthog\";return\"posthog\"!==a&&(e+=\".\"+a),t||(e+=\" (stub)\"),e},u.people.toString=function(){return u.toString(1)+\".people (stub)\"},o=\"init capture register register_once register_for_session unregister opt_out_capturing has_opted_out_capturing opt_in_capturing reset isFeatureEnabled getFeatureFlag getFeatureFlagPayload reloadFeatureFlags group updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures getActiveMatchingSurveys getSurveys onFeatureFlags\".split(\" \"),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]);posthog.init('${apiKey}',{api_host:'${host}',person_profiles:'identified_only'});`,\r\n consentCategory: 'analytics',\r\n shouldLoad: (consent: ConsentState) => consent.analytics,\r\n };\r\n}\r\n","// ============================================================================\r\n// @power-seo/tracking — Plausible Script Builder\r\n// ============================================================================\r\n\r\nimport type { ScriptConfig, PlausibleConfig, ConsentState } from '../types.js';\r\n\r\nexport function buildPlausibleScript(config: PlausibleConfig): ScriptConfig {\r\n const { domain, selfHostedUrl } = config;\r\n const scriptSrc = selfHostedUrl\r\n ? `${selfHostedUrl.replace(/\\/$/, '')}/js/script.js`\r\n : 'https://plausible.io/js/script.js';\r\n\r\n return {\r\n id: `plausible-${domain}`,\r\n src: scriptSrc,\r\n defer: true,\r\n consentCategory: 'analytics',\r\n attributes: {\r\n 'data-domain': domain,\r\n },\r\n shouldLoad: (consent: ConsentState) => consent.analytics,\r\n };\r\n}\r\n","// ============================================================================\r\n// @power-seo/tracking — Fathom Script Builder\r\n// ============================================================================\r\n\r\nimport type { ScriptConfig, FathomConfig, ConsentState } from '../types.js';\r\n\r\nexport function buildFathomScript(config: FathomConfig): ScriptConfig {\r\n const { siteId } = config;\r\n\r\n return {\r\n id: `fathom-${siteId}`,\r\n src: 'https://cdn.usefathom.com/script.js',\r\n defer: true,\r\n consentCategory: 'analytics',\r\n attributes: {\r\n 'data-site': siteId,\r\n },\r\n shouldLoad: (consent: ConsentState) => consent.analytics,\r\n };\r\n}\r\n","// ============================================================================\r\n// @power-seo/tracking — GA4 API Client\r\n// ============================================================================\r\n\r\nimport type {\r\n GA4Client,\r\n GA4ReportResponse,\r\n GA4ReportRow,\r\n GA4Metadata,\r\n} from '../types.js';\r\n\r\nconst GA4_BASE = 'https://analyticsdata.googleapis.com/v1beta';\r\n\r\nexport function createGA4Client(accessToken: string): GA4Client {\r\n async function request<T>(url: string, body?: unknown): Promise<T> {\r\n const response = await globalThis.fetch(url, {\r\n method: body ? 'POST' : 'GET',\r\n headers: {\r\n Authorization: `Bearer ${accessToken}`,\r\n 'Content-Type': 'application/json',\r\n },\r\n body: body ? JSON.stringify(body) : undefined,\r\n });\r\n\r\n if (!response.ok) {\r\n const text = await response.text();\r\n throw new Error(`GA4 API error: ${response.status} ${text}`);\r\n }\r\n\r\n return (await response.json()) as T;\r\n }\r\n\r\n return {\r\n async queryReport(propertyId, req) {\r\n const body = {\r\n dateRanges: [{ startDate: req.startDate, endDate: req.endDate }],\r\n metrics: req.metrics.map((m) => ({ name: m })),\r\n dimensions: (req.dimensions ?? []).map((d) => ({ name: d })),\r\n limit: req.limit ?? 1000,\r\n };\r\n\r\n const raw = await request<{\r\n rows?: Array<{\r\n dimensionValues?: Array<{ value: string }>;\r\n metricValues?: Array<{ value: string }>;\r\n }>;\r\n rowCount?: number;\r\n metricHeaders?: Array<{ name: string; type: string }>;\r\n }>(`${GA4_BASE}/properties/${propertyId}:runReport`, body);\r\n\r\n const rows: GA4ReportRow[] = (raw.rows ?? []).map((r) => ({\r\n dimensions: (r.dimensionValues ?? []).map((d) => d.value),\r\n metrics: (r.metricValues ?? []).map((m) => Number(m.value)),\r\n }));\r\n\r\n return {\r\n rows,\r\n rowCount: raw.rowCount ?? rows.length,\r\n metadata: raw.metricHeaders ? { metricHeaders: raw.metricHeaders } : undefined,\r\n } satisfies GA4ReportResponse;\r\n },\r\n\r\n async getRealtimeReport(propertyId, metrics) {\r\n const body = {\r\n metrics: metrics.map((m) => ({ name: m })),\r\n };\r\n\r\n const raw = await request<{\r\n rows?: Array<{\r\n dimensionValues?: Array<{ value: string }>;\r\n metricValues?: Array<{ value: string }>;\r\n }>;\r\n rowCount?: number;\r\n }>(`${GA4_BASE}/properties/${propertyId}:runRealtimeReport`, body);\r\n\r\n const rows: GA4ReportRow[] = (raw.rows ?? []).map((r) => ({\r\n dimensions: (r.dimensionValues ?? []).map((d) => d.value),\r\n metrics: (r.metricValues ?? []).map((m) => Number(m.value)),\r\n }));\r\n\r\n return { rows, rowCount: raw.rowCount ?? rows.length } satisfies GA4ReportResponse;\r\n },\r\n\r\n async getMetadata(propertyId) {\r\n const raw = await request<{\r\n dimensions?: Array<{ apiName: string; uiName: string; description: string }>;\r\n metrics?: Array<{ apiName: string; uiName: string; description: string; type: string }>;\r\n }>(`${GA4_BASE}/properties/${propertyId}/metadata`);\r\n\r\n return {\r\n dimensions: raw.dimensions ?? [],\r\n metrics: raw.metrics ?? [],\r\n } satisfies GA4Metadata;\r\n },\r\n };\r\n}\r\n","// ============================================================================\r\n// @power-seo/tracking — Clarity API Client\r\n// ============================================================================\r\n\r\nimport type {\r\n ClarityClient,\r\n ClarityProject,\r\n ClarityInsight,\r\n ClarityHeatmapData,\r\n} from '../types.js';\r\n\r\nconst CLARITY_BASE = 'https://www.clarity.ms/api/v1';\r\n\r\nexport function createClarityClient(apiKey: string): ClarityClient {\r\n async function request<T>(path: string): Promise<T> {\r\n const response = await globalThis.fetch(`${CLARITY_BASE}${path}`, {\r\n headers: {\r\n Authorization: `Bearer ${apiKey}`,\r\n 'Content-Type': 'application/json',\r\n },\r\n });\r\n\r\n if (!response.ok) {\r\n const text = await response.text();\r\n throw new Error(`Clarity API error: ${response.status} ${text}`);\r\n }\r\n\r\n return (await response.json()) as T;\r\n }\r\n\r\n return {\r\n async getProjects() {\r\n return request<ClarityProject[]>('/projects');\r\n },\r\n\r\n async getInsights(projectId) {\r\n return request<ClarityInsight[]>(`/projects/${projectId}/insights`);\r\n },\r\n\r\n async getHeatmapData(projectId, url) {\r\n const encodedUrl = encodeURIComponent(url);\r\n return request<ClarityHeatmapData>(\r\n `/projects/${projectId}/heatmaps?url=${encodedUrl}`,\r\n );\r\n },\r\n };\r\n}\r\n","// ============================================================================\r\n// @power-seo/tracking — PostHog API Client\r\n// ============================================================================\r\n\r\nimport type {\r\n PostHogClient,\r\n PostHogEvent,\r\n PostHogTrendResult,\r\n PostHogFunnelStep,\r\n} from '../types.js';\r\n\r\nconst POSTHOG_BASE = 'https://us.posthog.com/api';\r\n\r\nexport function createPostHogClient(apiKey: string, host?: string): PostHogClient {\r\n const baseUrl = host ? `${host.replace(/\\/$/, '')}/api` : POSTHOG_BASE;\r\n\r\n async function request<T>(path: string, body?: unknown): Promise<T> {\r\n const response = await globalThis.fetch(`${baseUrl}${path}`, {\r\n method: body ? 'POST' : 'GET',\r\n headers: {\r\n Authorization: `Bearer ${apiKey}`,\r\n 'Content-Type': 'application/json',\r\n },\r\n body: body ? JSON.stringify(body) : undefined,\r\n });\r\n\r\n if (!response.ok) {\r\n const text = await response.text();\r\n throw new Error(`PostHog API error: ${response.status} ${text}`);\r\n }\r\n\r\n return (await response.json()) as T;\r\n }\r\n\r\n return {\r\n async queryEvents(projectId, event, limit = 100) {\r\n const raw = await request<{ results: PostHogEvent[] }>(\r\n `/projects/${projectId}/events?event=${encodeURIComponent(event)}&limit=${limit}`,\r\n );\r\n return raw.results ?? [];\r\n },\r\n\r\n async getTrends(projectId, events, days = 7) {\r\n const body = {\r\n events: events.map((e) => ({ id: e, type: 'events' })),\r\n date_from: `-${days}d`,\r\n };\r\n const raw = await request<{ result: PostHogTrendResult[] }>(\r\n `/projects/${projectId}/insights/trend`,\r\n body,\r\n );\r\n return raw.result ?? [];\r\n },\r\n\r\n async getFunnels(projectId, steps) {\r\n const body = {\r\n events: steps.map((s) => ({ id: s, type: 'events' })),\r\n };\r\n const raw = await request<{ result: PostHogFunnelStep[] }>(\r\n `/projects/${projectId}/insights/funnel`,\r\n body,\r\n );\r\n return raw.result ?? [];\r\n },\r\n };\r\n}\r\n","// ============================================================================\r\n// @power-seo/tracking — Plausible API Client\r\n// ============================================================================\r\n\r\nimport type {\r\n PlausibleClient,\r\n PlausibleTimeseriesPoint,\r\n PlausibleBreakdownEntry,\r\n PlausibleAggregateResult,\r\n} from '../types.js';\r\n\r\nconst PLAUSIBLE_BASE = 'https://plausible.io/api/v1';\r\n\r\nexport function createPlausibleClient(apiKey: string, selfHostedUrl?: string): PlausibleClient {\r\n const baseUrl = selfHostedUrl\r\n ? `${selfHostedUrl.replace(/\\/$/, '')}/api/v1`\r\n : PLAUSIBLE_BASE;\r\n\r\n async function request<T>(path: string): Promise<T> {\r\n const response = await globalThis.fetch(`${baseUrl}${path}`, {\r\n headers: {\r\n Authorization: `Bearer ${apiKey}`,\r\n 'Content-Type': 'application/json',\r\n },\r\n });\r\n\r\n if (!response.ok) {\r\n const text = await response.text();\r\n throw new Error(`Plausible API error: ${response.status} ${text}`);\r\n }\r\n\r\n return (await response.json()) as T;\r\n }\r\n\r\n return {\r\n async getTimeseries(siteId, period = '30d') {\r\n const raw = await request<{ results: PlausibleTimeseriesPoint[] }>(\r\n `/stats/timeseries?site_id=${encodeURIComponent(siteId)}&period=${period}`,\r\n );\r\n return raw.results ?? [];\r\n },\r\n\r\n async getBreakdown(siteId, property, period = '30d') {\r\n const raw = await request<{ results: PlausibleBreakdownEntry[] }>(\r\n `/stats/breakdown?site_id=${encodeURIComponent(siteId)}&property=${encodeURIComponent(property)}&period=${period}`,\r\n );\r\n return raw.results ?? [];\r\n },\r\n\r\n async getAggregate(siteId, period = '30d') {\r\n const raw = await request<{ results: PlausibleAggregateResult }>(\r\n `/stats/aggregate?site_id=${encodeURIComponent(siteId)}&period=${period}&metrics=visitors,pageviews,bounce_rate,visit_duration,events`,\r\n );\r\n return raw.results;\r\n },\r\n };\r\n}\r\n","// ============================================================================\r\n// @power-seo/tracking — Fathom API Client\r\n// ============================================================================\r\n\r\nimport type {\r\n FathomClient,\r\n FathomSite,\r\n FathomPageview,\r\n FathomReferrer,\r\n} from '../types.js';\r\n\r\nconst FATHOM_BASE = 'https://api.usefathom.com/v1';\r\n\r\nexport function createFathomClient(apiKey: string): FathomClient {\r\n async function request<T>(path: string): Promise<T> {\r\n const response = await globalThis.fetch(`${FATHOM_BASE}${path}`, {\r\n headers: {\r\n Authorization: `Bearer ${apiKey}`,\r\n 'Content-Type': 'application/json',\r\n },\r\n });\r\n\r\n if (!response.ok) {\r\n const text = await response.text();\r\n throw new Error(`Fathom API error: ${response.status} ${text}`);\r\n }\r\n\r\n return (await response.json()) as T;\r\n }\r\n\r\n return {\r\n async getSites() {\r\n const raw = await request<{ data: FathomSite[] }>('/sites');\r\n return raw.data ?? [];\r\n },\r\n\r\n async getPageviews(siteId, period = '30d') {\r\n const raw = await request<{ data: FathomPageview[] }>(\r\n `/sites/${siteId}/pages?period=${period}`,\r\n );\r\n return raw.data ?? [];\r\n },\r\n\r\n async getReferrers(siteId, period = '30d') {\r\n const raw = await request<{ data: FathomReferrer[] }>(\r\n `/sites/${siteId}/referrers?period=${period}`,\r\n );\r\n return raw.data ?? [];\r\n },\r\n };\r\n}\r\n"]}
|
package/dist/react.cjs
ADDED
|
@@ -0,0 +1,132 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var react = require('react');
|
|
4
|
+
|
|
5
|
+
// src/react.ts
|
|
6
|
+
function AnalyticsScript({ scripts, consent }) {
|
|
7
|
+
const loadable = scripts.filter((s) => s.shouldLoad(consent));
|
|
8
|
+
if (loadable.length === 0) return null;
|
|
9
|
+
return react.createElement(
|
|
10
|
+
"div",
|
|
11
|
+
{ "data-testid": "analytics-scripts" },
|
|
12
|
+
...loadable.map(
|
|
13
|
+
(script) => script.src ? react.createElement("script", {
|
|
14
|
+
key: script.id,
|
|
15
|
+
src: script.src,
|
|
16
|
+
async: script.async ?? false,
|
|
17
|
+
defer: script.defer ?? false,
|
|
18
|
+
...Object.fromEntries(
|
|
19
|
+
Object.entries(script.attributes ?? {}).map(([k, v]) => [k, v])
|
|
20
|
+
)
|
|
21
|
+
}) : react.createElement("script", {
|
|
22
|
+
key: script.id,
|
|
23
|
+
dangerouslySetInnerHTML: { __html: script.innerHTML ?? "" }
|
|
24
|
+
})
|
|
25
|
+
)
|
|
26
|
+
);
|
|
27
|
+
}
|
|
28
|
+
function ConsentBanner({ manager, privacyPolicyUrl }) {
|
|
29
|
+
const [state, setState] = react.useState(manager.getState());
|
|
30
|
+
const [visible, setVisible] = react.useState(!state.analytics);
|
|
31
|
+
react.useEffect(() => {
|
|
32
|
+
return manager.onChange((newState) => {
|
|
33
|
+
setState(newState);
|
|
34
|
+
});
|
|
35
|
+
}, [manager]);
|
|
36
|
+
const handleAcceptAll = react.useCallback(() => {
|
|
37
|
+
manager.grantAll();
|
|
38
|
+
setVisible(false);
|
|
39
|
+
}, [manager]);
|
|
40
|
+
const handleRejectAll = react.useCallback(() => {
|
|
41
|
+
manager.revokeAll();
|
|
42
|
+
setVisible(false);
|
|
43
|
+
}, [manager]);
|
|
44
|
+
if (!visible) return null;
|
|
45
|
+
return react.createElement(
|
|
46
|
+
"div",
|
|
47
|
+
{
|
|
48
|
+
"data-testid": "consent-banner",
|
|
49
|
+
role: "dialog",
|
|
50
|
+
"aria-label": "Cookie consent",
|
|
51
|
+
style: {
|
|
52
|
+
position: "fixed",
|
|
53
|
+
bottom: 0,
|
|
54
|
+
left: 0,
|
|
55
|
+
right: 0,
|
|
56
|
+
padding: "16px 24px",
|
|
57
|
+
backgroundColor: "#fff",
|
|
58
|
+
borderTop: "1px solid #e0e0e0",
|
|
59
|
+
boxShadow: "0 -2px 10px rgba(0,0,0,0.1)",
|
|
60
|
+
display: "flex",
|
|
61
|
+
justifyContent: "space-between",
|
|
62
|
+
alignItems: "center",
|
|
63
|
+
gap: "16px",
|
|
64
|
+
fontFamily: "system-ui, -apple-system, sans-serif",
|
|
65
|
+
fontSize: "14px",
|
|
66
|
+
zIndex: 9999
|
|
67
|
+
}
|
|
68
|
+
},
|
|
69
|
+
react.createElement(
|
|
70
|
+
"div",
|
|
71
|
+
{ style: { flex: 1 } },
|
|
72
|
+
react.createElement(
|
|
73
|
+
"p",
|
|
74
|
+
{ style: { margin: 0, color: "#333" } },
|
|
75
|
+
"We use cookies to improve your experience and analyze site traffic.",
|
|
76
|
+
privacyPolicyUrl ? react.createElement(
|
|
77
|
+
"a",
|
|
78
|
+
{
|
|
79
|
+
href: privacyPolicyUrl,
|
|
80
|
+
style: { marginLeft: "4px", color: "#1a73e8", textDecoration: "underline" },
|
|
81
|
+
target: "_blank",
|
|
82
|
+
rel: "noopener noreferrer"
|
|
83
|
+
},
|
|
84
|
+
"Privacy Policy"
|
|
85
|
+
) : null
|
|
86
|
+
)
|
|
87
|
+
),
|
|
88
|
+
react.createElement(
|
|
89
|
+
"div",
|
|
90
|
+
{ style: { display: "flex", gap: "8px", flexShrink: 0 } },
|
|
91
|
+
react.createElement(
|
|
92
|
+
"button",
|
|
93
|
+
{
|
|
94
|
+
"data-testid": "consent-reject",
|
|
95
|
+
onClick: handleRejectAll,
|
|
96
|
+
style: {
|
|
97
|
+
padding: "8px 16px",
|
|
98
|
+
border: "1px solid #dadce0",
|
|
99
|
+
borderRadius: "4px",
|
|
100
|
+
backgroundColor: "#fff",
|
|
101
|
+
cursor: "pointer",
|
|
102
|
+
fontSize: "13px",
|
|
103
|
+
color: "#333"
|
|
104
|
+
}
|
|
105
|
+
},
|
|
106
|
+
"Reject All"
|
|
107
|
+
),
|
|
108
|
+
react.createElement(
|
|
109
|
+
"button",
|
|
110
|
+
{
|
|
111
|
+
"data-testid": "consent-accept",
|
|
112
|
+
onClick: handleAcceptAll,
|
|
113
|
+
style: {
|
|
114
|
+
padding: "8px 16px",
|
|
115
|
+
border: "none",
|
|
116
|
+
borderRadius: "4px",
|
|
117
|
+
backgroundColor: "#1a73e8",
|
|
118
|
+
color: "#fff",
|
|
119
|
+
cursor: "pointer",
|
|
120
|
+
fontSize: "13px"
|
|
121
|
+
}
|
|
122
|
+
},
|
|
123
|
+
"Accept All"
|
|
124
|
+
)
|
|
125
|
+
)
|
|
126
|
+
);
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
exports.AnalyticsScript = AnalyticsScript;
|
|
130
|
+
exports.ConsentBanner = ConsentBanner;
|
|
131
|
+
//# sourceMappingURL=react.cjs.map
|
|
132
|
+
//# sourceMappingURL=react.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/react.ts"],"names":["createElement","useState","useEffect","useCallback"],"mappings":"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","file":"react.cjs","sourcesContent":["// ============================================================================\r\n// @power-seo/tracking — React Components\r\n// ============================================================================\r\n\r\nimport { createElement, useEffect, useState, useCallback } from 'react';\r\nimport type { ScriptConfig, ConsentManager, ConsentState } from './types.js';\r\n\r\n// --- AnalyticsScript ---\r\n\r\nexport interface AnalyticsScriptProps {\r\n scripts: ScriptConfig[];\r\n consent: ConsentState;\r\n}\r\n\r\nexport function AnalyticsScript({ scripts, consent }: AnalyticsScriptProps) {\r\n const loadable = scripts.filter((s) => s.shouldLoad(consent));\r\n\r\n if (loadable.length === 0) return null;\r\n\r\n return createElement(\r\n 'div',\r\n { 'data-testid': 'analytics-scripts' },\r\n ...loadable.map((script) =>\r\n script.src\r\n ? createElement('script', {\r\n key: script.id,\r\n src: script.src,\r\n async: script.async ?? false,\r\n defer: script.defer ?? false,\r\n ...Object.fromEntries(\r\n Object.entries(script.attributes ?? {}).map(([k, v]) => [k, v]),\r\n ),\r\n })\r\n : createElement('script', {\r\n key: script.id,\r\n dangerouslySetInnerHTML: { __html: script.innerHTML ?? '' },\r\n }),\r\n ),\r\n );\r\n}\r\n\r\n// --- ConsentBanner ---\r\n\r\nexport interface ConsentBannerProps {\r\n manager: ConsentManager;\r\n privacyPolicyUrl?: string;\r\n}\r\n\r\nexport function ConsentBanner({ manager, privacyPolicyUrl }: ConsentBannerProps) {\r\n const [state, setState] = useState<ConsentState>(manager.getState());\r\n const [visible, setVisible] = useState(!state.analytics);\r\n\r\n useEffect(() => {\r\n return manager.onChange((newState) => {\r\n setState(newState);\r\n });\r\n }, [manager]);\r\n\r\n const handleAcceptAll = useCallback(() => {\r\n manager.grantAll();\r\n setVisible(false);\r\n }, [manager]);\r\n\r\n const handleRejectAll = useCallback(() => {\r\n manager.revokeAll();\r\n setVisible(false);\r\n }, [manager]);\r\n\r\n if (!visible) return null;\r\n\r\n return createElement(\r\n 'div',\r\n {\r\n 'data-testid': 'consent-banner',\r\n role: 'dialog',\r\n 'aria-label': 'Cookie consent',\r\n style: {\r\n position: 'fixed',\r\n bottom: 0,\r\n left: 0,\r\n right: 0,\r\n padding: '16px 24px',\r\n backgroundColor: '#fff',\r\n borderTop: '1px solid #e0e0e0',\r\n boxShadow: '0 -2px 10px rgba(0,0,0,0.1)',\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n gap: '16px',\r\n fontFamily: 'system-ui, -apple-system, sans-serif',\r\n fontSize: '14px',\r\n zIndex: 9999,\r\n },\r\n },\r\n createElement(\r\n 'div',\r\n { style: { flex: 1 } },\r\n createElement(\r\n 'p',\r\n { style: { margin: 0, color: '#333' } },\r\n 'We use cookies to improve your experience and analyze site traffic.',\r\n privacyPolicyUrl\r\n ? createElement(\r\n 'a',\r\n {\r\n href: privacyPolicyUrl,\r\n style: { marginLeft: '4px', color: '#1a73e8', textDecoration: 'underline' },\r\n target: '_blank',\r\n rel: 'noopener noreferrer',\r\n },\r\n 'Privacy Policy',\r\n )\r\n : null,\r\n ),\r\n ),\r\n createElement(\r\n 'div',\r\n { style: { display: 'flex', gap: '8px', flexShrink: 0 } },\r\n createElement(\r\n 'button',\r\n {\r\n 'data-testid': 'consent-reject',\r\n onClick: handleRejectAll,\r\n style: {\r\n padding: '8px 16px',\r\n border: '1px solid #dadce0',\r\n borderRadius: '4px',\r\n backgroundColor: '#fff',\r\n cursor: 'pointer',\r\n fontSize: '13px',\r\n color: '#333',\r\n },\r\n },\r\n 'Reject All',\r\n ),\r\n createElement(\r\n 'button',\r\n {\r\n 'data-testid': 'consent-accept',\r\n onClick: handleAcceptAll,\r\n style: {\r\n padding: '8px 16px',\r\n border: 'none',\r\n borderRadius: '4px',\r\n backgroundColor: '#1a73e8',\r\n color: '#fff',\r\n cursor: 'pointer',\r\n fontSize: '13px',\r\n },\r\n },\r\n 'Accept All',\r\n ),\r\n ),\r\n );\r\n}\r\n"]}
|
package/dist/react.d.cts
ADDED
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { S as ScriptConfig, C as ConsentState, a as ConsentManager } from './types-DFyKCGgf.cjs';
|
|
3
|
+
|
|
4
|
+
interface AnalyticsScriptProps {
|
|
5
|
+
scripts: ScriptConfig[];
|
|
6
|
+
consent: ConsentState;
|
|
7
|
+
}
|
|
8
|
+
declare function AnalyticsScript({ scripts, consent }: AnalyticsScriptProps): react.ReactElement<{
|
|
9
|
+
'data-testid': string;
|
|
10
|
+
}, string | react.JSXElementConstructor<any>> | null;
|
|
11
|
+
interface ConsentBannerProps {
|
|
12
|
+
manager: ConsentManager;
|
|
13
|
+
privacyPolicyUrl?: string;
|
|
14
|
+
}
|
|
15
|
+
declare function ConsentBanner({ manager, privacyPolicyUrl }: ConsentBannerProps): react.DetailedReactHTMLElement<{
|
|
16
|
+
'data-testid': string;
|
|
17
|
+
role: "dialog";
|
|
18
|
+
'aria-label': string;
|
|
19
|
+
style: {
|
|
20
|
+
position: "fixed";
|
|
21
|
+
bottom: number;
|
|
22
|
+
left: number;
|
|
23
|
+
right: number;
|
|
24
|
+
padding: string;
|
|
25
|
+
backgroundColor: "#fff";
|
|
26
|
+
borderTop: string;
|
|
27
|
+
boxShadow: "0 -2px 10px rgba(0,0,0,0.1)";
|
|
28
|
+
display: "flex";
|
|
29
|
+
justifyContent: "space-between";
|
|
30
|
+
alignItems: "center";
|
|
31
|
+
gap: string;
|
|
32
|
+
fontFamily: "system-ui, -apple-system, sans-serif";
|
|
33
|
+
fontSize: string;
|
|
34
|
+
zIndex: number;
|
|
35
|
+
};
|
|
36
|
+
}, HTMLElement> | null;
|
|
37
|
+
|
|
38
|
+
export { AnalyticsScript, type AnalyticsScriptProps, ConsentBanner, type ConsentBannerProps };
|
package/dist/react.d.ts
ADDED
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { S as ScriptConfig, C as ConsentState, a as ConsentManager } from './types-DFyKCGgf.js';
|
|
3
|
+
|
|
4
|
+
interface AnalyticsScriptProps {
|
|
5
|
+
scripts: ScriptConfig[];
|
|
6
|
+
consent: ConsentState;
|
|
7
|
+
}
|
|
8
|
+
declare function AnalyticsScript({ scripts, consent }: AnalyticsScriptProps): react.ReactElement<{
|
|
9
|
+
'data-testid': string;
|
|
10
|
+
}, string | react.JSXElementConstructor<any>> | null;
|
|
11
|
+
interface ConsentBannerProps {
|
|
12
|
+
manager: ConsentManager;
|
|
13
|
+
privacyPolicyUrl?: string;
|
|
14
|
+
}
|
|
15
|
+
declare function ConsentBanner({ manager, privacyPolicyUrl }: ConsentBannerProps): react.DetailedReactHTMLElement<{
|
|
16
|
+
'data-testid': string;
|
|
17
|
+
role: "dialog";
|
|
18
|
+
'aria-label': string;
|
|
19
|
+
style: {
|
|
20
|
+
position: "fixed";
|
|
21
|
+
bottom: number;
|
|
22
|
+
left: number;
|
|
23
|
+
right: number;
|
|
24
|
+
padding: string;
|
|
25
|
+
backgroundColor: "#fff";
|
|
26
|
+
borderTop: string;
|
|
27
|
+
boxShadow: "0 -2px 10px rgba(0,0,0,0.1)";
|
|
28
|
+
display: "flex";
|
|
29
|
+
justifyContent: "space-between";
|
|
30
|
+
alignItems: "center";
|
|
31
|
+
gap: string;
|
|
32
|
+
fontFamily: "system-ui, -apple-system, sans-serif";
|
|
33
|
+
fontSize: string;
|
|
34
|
+
zIndex: number;
|
|
35
|
+
};
|
|
36
|
+
}, HTMLElement> | null;
|
|
37
|
+
|
|
38
|
+
export { AnalyticsScript, type AnalyticsScriptProps, ConsentBanner, type ConsentBannerProps };
|