@financial-times/custom-code-component 2.0.6-beta.1 → 2.0.6-beta.2
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/dist/custom-element.d.ts +1 -0
- package/dist/custom-element.js +120 -114
- package/dist/custom-element.js.map +1 -1
- package/package.json +1 -1
- package/src/custom-code-component.ts +25 -1
package/dist/custom-element.d.ts
CHANGED
|
@@ -51,6 +51,7 @@ declare class FTCustomCodeComponent extends HTMLElement {
|
|
|
51
51
|
connectedCallback(): Promise<void>;
|
|
52
52
|
emitError(error: Error): void;
|
|
53
53
|
disconnectedCallback(): void;
|
|
54
|
+
connectedMoveCallback(): void;
|
|
54
55
|
channel: MessageChannel;
|
|
55
56
|
onmessage(): void;
|
|
56
57
|
onunmount(e: Error): void;
|
package/dist/custom-element.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
function
|
|
2
|
-
this.listenerMap = [{}, {}], o && this.root(o), this.handle =
|
|
1
|
+
function m(o) {
|
|
2
|
+
this.listenerMap = [{}, {}], o && this.root(o), this.handle = m.prototype.handle.bind(this), this._removedListeners = [];
|
|
3
3
|
}
|
|
4
|
-
|
|
4
|
+
m.prototype.root = function(o) {
|
|
5
5
|
const t = this.listenerMap;
|
|
6
6
|
let e;
|
|
7
7
|
if (this.rootElement) {
|
|
@@ -19,10 +19,10 @@ l.prototype.root = function(o) {
|
|
|
19
19
|
t[0].hasOwnProperty(e) && this.rootElement.addEventListener(e, this.handle, !1);
|
|
20
20
|
return this;
|
|
21
21
|
};
|
|
22
|
-
|
|
22
|
+
m.prototype.captureForType = function(o) {
|
|
23
23
|
return ["blur", "error", "focus", "load", "resize", "scroll"].indexOf(o) !== -1;
|
|
24
24
|
};
|
|
25
|
-
|
|
25
|
+
m.prototype.on = function(o, t, e, n) {
|
|
26
26
|
let r, s, i, c;
|
|
27
27
|
if (!o)
|
|
28
28
|
throw new TypeError("Invalid event type: " + o);
|
|
@@ -35,7 +35,7 @@ l.prototype.on = function(o, t, e, n) {
|
|
|
35
35
|
matcherParam: c
|
|
36
36
|
}), this;
|
|
37
37
|
};
|
|
38
|
-
|
|
38
|
+
m.prototype.off = function(o, t, e, n) {
|
|
39
39
|
let r, s, i, c, a;
|
|
40
40
|
if (typeof t == "function" && (n = e, e = t, t = null), n === void 0)
|
|
41
41
|
return this.off(o, t, e, !0), this.off(o, t, e, !1), this;
|
|
@@ -50,12 +50,12 @@ l.prototype.off = function(o, t, e, n) {
|
|
|
50
50
|
s = c[r], (!t || t === s.selector) && (!e || e === s.handler) && (this._removedListeners.push(s), c.splice(r, 1));
|
|
51
51
|
return c.length || (delete i[o], this.rootElement && this.rootElement.removeEventListener(o, this.handle, n)), this;
|
|
52
52
|
};
|
|
53
|
-
|
|
53
|
+
m.prototype.handle = function(o) {
|
|
54
54
|
let t, e;
|
|
55
55
|
const n = o.type;
|
|
56
56
|
let r, s, i, c, a = [], h;
|
|
57
|
-
const
|
|
58
|
-
if (o[
|
|
57
|
+
const u = "ftLabsDelegateIgnore";
|
|
58
|
+
if (o[u] === !0)
|
|
59
59
|
return;
|
|
60
60
|
switch (h = o.target, h.nodeType === 3 && (h = h.parentNode), h.correspondingUseElement && (h = h.correspondingUseElement), r = this.rootElement, s = o.eventPhase || (o.target !== o.currentTarget ? 3 : 2), s) {
|
|
61
61
|
case 1:
|
|
@@ -68,22 +68,22 @@ l.prototype.handle = function(o) {
|
|
|
68
68
|
a = this.listenerMap[0][n];
|
|
69
69
|
break;
|
|
70
70
|
}
|
|
71
|
-
let
|
|
71
|
+
let l = [];
|
|
72
72
|
for (e = a.length; h && e; ) {
|
|
73
73
|
for (t = 0; t < e && (i = a[t], !!i); t++)
|
|
74
|
-
h.tagName && ["button", "input", "select", "textarea"].indexOf(h.tagName.toLowerCase()) > -1 && h.hasAttribute("disabled") ?
|
|
74
|
+
h.tagName && ["button", "input", "select", "textarea"].indexOf(h.tagName.toLowerCase()) > -1 && h.hasAttribute("disabled") ? l = [] : i.matcher.call(h, i.matcherParam, h) && l.push([o, h, i]);
|
|
75
75
|
if (h === r || (e = a.length, h = h.parentElement || h.parentNode, h instanceof HTMLDocument))
|
|
76
76
|
break;
|
|
77
77
|
}
|
|
78
|
-
let
|
|
79
|
-
for (t = 0; t <
|
|
80
|
-
if (!(this._removedListeners.indexOf(
|
|
81
|
-
|
|
78
|
+
let A;
|
|
79
|
+
for (t = 0; t < l.length; t++)
|
|
80
|
+
if (!(this._removedListeners.indexOf(l[t][2]) > -1) && (c = this.fire.apply(this, l[t]), c === !1)) {
|
|
81
|
+
l[t][0][u] = !0, l[t][0].preventDefault(), A = !1;
|
|
82
82
|
break;
|
|
83
83
|
}
|
|
84
|
-
return
|
|
84
|
+
return A;
|
|
85
85
|
};
|
|
86
|
-
|
|
86
|
+
m.prototype.fire = function(o, t, e) {
|
|
87
87
|
return e.handler.call(t, o, t);
|
|
88
88
|
};
|
|
89
89
|
function P(o, t) {
|
|
@@ -100,17 +100,17 @@ function U(o, t) {
|
|
|
100
100
|
function I(o, t) {
|
|
101
101
|
return o === t.id;
|
|
102
102
|
}
|
|
103
|
-
|
|
103
|
+
m.prototype.destroy = function() {
|
|
104
104
|
this.off(), this.root();
|
|
105
105
|
};
|
|
106
|
-
function
|
|
106
|
+
function $(o) {
|
|
107
107
|
return typeof o == "string" ? o.trim() : o;
|
|
108
108
|
}
|
|
109
109
|
function N(o, t) {
|
|
110
110
|
for (const e in o)
|
|
111
111
|
t[e] ? console.warn(`You can't set a custom property called ${e}`) : t[e] = o[e];
|
|
112
112
|
}
|
|
113
|
-
const
|
|
113
|
+
const p = Object.freeze({
|
|
114
114
|
DEBUG: 0,
|
|
115
115
|
INFO: 1,
|
|
116
116
|
WARN: 2,
|
|
@@ -118,30 +118,30 @@ const m = Object.freeze({
|
|
|
118
118
|
TEST: 4,
|
|
119
119
|
DEFAULT: 2
|
|
120
120
|
});
|
|
121
|
-
function
|
|
121
|
+
function M(o) {
|
|
122
122
|
const t = o == null ? void 0 : o.toLowerCase();
|
|
123
|
-
return t === "debug" ?
|
|
123
|
+
return t === "debug" ? p.DEBUG : t === "info" ? p.INFO : t === "warn" ? p.WARN : t === "error" ? p.ERROR : t === "test" ? p.TEST : p.DEFAULT;
|
|
124
124
|
}
|
|
125
125
|
class O {
|
|
126
|
-
constructor({ level: t =
|
|
127
|
-
level:
|
|
126
|
+
constructor({ level: t = p.DEFAULT } = {
|
|
127
|
+
level: p.DEFAULT
|
|
128
128
|
}) {
|
|
129
129
|
this.log = this.debug, this.level = t;
|
|
130
130
|
}
|
|
131
131
|
debug(...t) {
|
|
132
|
-
this.level <=
|
|
132
|
+
this.level <= p.DEBUG && console.info(...t);
|
|
133
133
|
}
|
|
134
134
|
info(...t) {
|
|
135
|
-
this.level <=
|
|
135
|
+
this.level <= p.INFO && console.info(...t);
|
|
136
136
|
}
|
|
137
137
|
warn(...t) {
|
|
138
|
-
this.level <=
|
|
138
|
+
this.level <= p.WARN && console.warn(...t);
|
|
139
139
|
}
|
|
140
140
|
error(...t) {
|
|
141
|
-
this.level <=
|
|
141
|
+
this.level <= p.ERROR && console.error(...t);
|
|
142
142
|
}
|
|
143
143
|
}
|
|
144
|
-
const
|
|
144
|
+
const D = (o, t, e) => {
|
|
145
145
|
const n = Array.from((o == null ? void 0 : o.querySelectorAll(e)) ?? []), r = n.findIndex((s) => s === t);
|
|
146
146
|
if (r !== -1)
|
|
147
147
|
return {
|
|
@@ -159,18 +159,18 @@ const M = (o, t, e) => {
|
|
|
159
159
|
const t = {};
|
|
160
160
|
for (const e of x) {
|
|
161
161
|
const n = o[e] || o.getAttribute(e) || o.hasAttribute(e);
|
|
162
|
-
n !== void 0 && (typeof n == "boolean" ? t[e] = n : t[e] =
|
|
162
|
+
n !== void 0 && (typeof n == "boolean" ? t[e] = n : t[e] = $(n));
|
|
163
163
|
}
|
|
164
164
|
return t;
|
|
165
|
-
},
|
|
165
|
+
}, _ = (o) => {
|
|
166
166
|
try {
|
|
167
167
|
const t = JSON.parse(o), e = Object.prototype.toString.call(t);
|
|
168
168
|
return [e === "[object Object]" || e === "[object Array]", t];
|
|
169
169
|
} catch {
|
|
170
170
|
return [!1, null];
|
|
171
171
|
}
|
|
172
|
-
},
|
|
173
|
-
const [t, e] =
|
|
172
|
+
}, F = (o) => {
|
|
173
|
+
const [t, e] = _(o);
|
|
174
174
|
return t ? e : o;
|
|
175
175
|
}, H = (o, t) => (o.filter(
|
|
176
176
|
(e) => e.name.match(/^data-trackable|^data-o-|^aria-/i)
|
|
@@ -181,7 +181,7 @@ const M = (o, t, e) => {
|
|
|
181
181
|
return e && x.forEach((r) => {
|
|
182
182
|
typeof t[r] < "u" && r !== "id" && (n[r] = t[r]);
|
|
183
183
|
}), o.filter((r) => r.name.match(/^data-trackable-context-/i)).forEach((r) => {
|
|
184
|
-
n[r.name.replace("data-trackable-context-", "")] =
|
|
184
|
+
n[r.name.replace("data-trackable-context-", "")] = F(r.value);
|
|
185
185
|
}), n;
|
|
186
186
|
};
|
|
187
187
|
function q(o, t) {
|
|
@@ -191,7 +191,7 @@ function q(o, t) {
|
|
|
191
191
|
let a = H(c, i);
|
|
192
192
|
a["data-trackable"] && (a = Object.assign(
|
|
193
193
|
a,
|
|
194
|
-
|
|
194
|
+
D(o, e, n)
|
|
195
195
|
)), r.push(a);
|
|
196
196
|
const h = z(c, i, o === e);
|
|
197
197
|
N(h, s), o = o.parentNode;
|
|
@@ -218,7 +218,7 @@ class Y {
|
|
|
218
218
|
for (const n of V)
|
|
219
219
|
if (t[n])
|
|
220
220
|
try {
|
|
221
|
-
e[n] =
|
|
221
|
+
e[n] = $(t[n]);
|
|
222
222
|
} catch (r) {
|
|
223
223
|
this.log.info(r);
|
|
224
224
|
}
|
|
@@ -273,7 +273,7 @@ class Y {
|
|
|
273
273
|
action: "click",
|
|
274
274
|
category: this.category
|
|
275
275
|
}, r = (e = this.shadowRoot) == null ? void 0 : e.querySelector("[data-component-root]");
|
|
276
|
-
r && new
|
|
276
|
+
r && new m(r).on(
|
|
277
277
|
"click",
|
|
278
278
|
this.elements,
|
|
279
279
|
this.handleClickEvent(n, r),
|
|
@@ -282,14 +282,14 @@ class Y {
|
|
|
282
282
|
}
|
|
283
283
|
}
|
|
284
284
|
}
|
|
285
|
-
class
|
|
285
|
+
class d {
|
|
286
286
|
constructor(t) {
|
|
287
287
|
this.org = "local", this.repo = "dev";
|
|
288
|
-
const { org: e, repo: n, name: r, versionRange: s } =
|
|
288
|
+
const { org: e, repo: n, name: r, versionRange: s } = v(t) ? t : d.fromString(t);
|
|
289
289
|
e && (this.org = e), n && (this.repo = n), this.name = r, this.versionRange = s;
|
|
290
290
|
}
|
|
291
291
|
set path(t) {
|
|
292
|
-
const { org: e, repo: n, name: r, versionRange: s } =
|
|
292
|
+
const { org: e, repo: n, name: r, versionRange: s } = v(t) ? t : d.fromString(t);
|
|
293
293
|
this.org = e, this.repo = n, this.name = r, this.versionRange = s;
|
|
294
294
|
}
|
|
295
295
|
get path() {
|
|
@@ -306,42 +306,42 @@ class f {
|
|
|
306
306
|
static fromString(t, e) {
|
|
307
307
|
var a;
|
|
308
308
|
const n = t ?? "unknown/unknown/unknown", [r, s, i] = n.replace(/@[^\/]+/, "").split("/").reverse(), c = e ?? ((a = n.match(/@[^\/]+/)) == null ? void 0 : a.toString().replace("@", "")) ?? "unknown";
|
|
309
|
-
if (s && !c) throw new
|
|
310
|
-
return new
|
|
309
|
+
if (s && !c) throw new f("No version specified");
|
|
310
|
+
return new d({ org: i, repo: s, name: r, versionRange: c });
|
|
311
311
|
}
|
|
312
312
|
}
|
|
313
|
-
function
|
|
313
|
+
function v(o) {
|
|
314
314
|
return typeof o == "object" && o !== null ? "org" in o && "repo" in o && "name" in o : !1;
|
|
315
315
|
}
|
|
316
|
-
class
|
|
316
|
+
class f extends Error {
|
|
317
317
|
constructor(t, e) {
|
|
318
318
|
var n;
|
|
319
319
|
!e && t ? (super(t), this.component = null) : typeof (e == null ? void 0 : e.component) == "string" ? (super(
|
|
320
320
|
t ?? `${e.cause ?? "Unknown error"} in ${e.component} imported from ${e.source ?? "an undefined source"}.`
|
|
321
|
-
), this.component =
|
|
321
|
+
), this.component = d.fromString(e.component)) : v(e == null ? void 0 : e.component) ? (super(
|
|
322
322
|
t ?? `${e.cause ?? "Unknown error"} in ${e.component.org}/${e.component.repo}/${e.component.name}@${e.component.versionRange} imported from ${e.source ?? "an undefined source"}.`
|
|
323
|
-
), this.component = new
|
|
323
|
+
), this.component = new d(e.component)) : (super(
|
|
324
324
|
`${(e == null ? void 0 : e.cause) ?? "Unknown error"} in unknown component imported from ${(e == null ? void 0 : e.source) ?? "unknown source"}.`
|
|
325
|
-
), this.component = null), this.source = (e == null ? void 0 : e.source) ?? "unknown source", this.errors = [], e != null && e.error && ((n = this.errors) == null || n.push(e == null ? void 0 : e.error)), Error.captureStackTrace && Error.captureStackTrace(this,
|
|
325
|
+
), this.component = null), this.source = (e == null ? void 0 : e.source) ?? "unknown source", this.errors = [], e != null && e.error && ((n = this.errors) == null || n.push(e == null ? void 0 : e.error)), Error.captureStackTrace && Error.captureStackTrace(this, f), this.name = "CCCError";
|
|
326
326
|
}
|
|
327
327
|
}
|
|
328
|
-
class
|
|
328
|
+
class b extends f {
|
|
329
329
|
constructor(t, e) {
|
|
330
330
|
super(t, { ...e, cause: "Import error" }), this.name = "CCCImportError";
|
|
331
331
|
}
|
|
332
332
|
}
|
|
333
|
-
class
|
|
333
|
+
class L extends f {
|
|
334
334
|
constructor(t, e) {
|
|
335
335
|
super(t, { ...e, cause: "Render error" }), this.name = "CCCRenderError";
|
|
336
336
|
}
|
|
337
337
|
}
|
|
338
|
-
class J extends
|
|
338
|
+
class J extends f {
|
|
339
339
|
constructor(t) {
|
|
340
340
|
super(null, { ...t, cause: "Timeout error" }), this.name = "CCCTimeoutError";
|
|
341
341
|
}
|
|
342
342
|
}
|
|
343
|
-
const
|
|
344
|
-
constructor(t =
|
|
343
|
+
const w = class w extends Event {
|
|
344
|
+
constructor(t = w.eventType, e, n) {
|
|
345
345
|
super(t, {
|
|
346
346
|
bubbles: !0,
|
|
347
347
|
cancelable: !1,
|
|
@@ -350,54 +350,54 @@ const b = class b extends Event {
|
|
|
350
350
|
}), this.component = e.component, this.source = e.source;
|
|
351
351
|
}
|
|
352
352
|
};
|
|
353
|
-
|
|
354
|
-
let g =
|
|
355
|
-
const
|
|
353
|
+
w.eventType = "ccc:event";
|
|
354
|
+
let g = w;
|
|
355
|
+
const y = class y extends g {
|
|
356
356
|
constructor(t, e) {
|
|
357
|
-
super(
|
|
357
|
+
super(y.eventType, t, e);
|
|
358
358
|
}
|
|
359
359
|
};
|
|
360
|
-
|
|
361
|
-
let
|
|
362
|
-
const
|
|
360
|
+
y.eventType = "ccc:connected";
|
|
361
|
+
let S = y;
|
|
362
|
+
const E = class E extends g {
|
|
363
363
|
constructor(t, e) {
|
|
364
|
-
super(
|
|
364
|
+
super(E.eventType, t, e);
|
|
365
365
|
}
|
|
366
366
|
};
|
|
367
|
-
|
|
368
|
-
let
|
|
369
|
-
const
|
|
367
|
+
E.eventType = "ccc:ready";
|
|
368
|
+
let T = E;
|
|
369
|
+
const C = class C extends g {
|
|
370
370
|
constructor(t, e) {
|
|
371
|
-
super(
|
|
371
|
+
super(C.eventType, t, e), this.intersecting = !1, this.intersecting = t.intersecting, this.entry = t.entry;
|
|
372
372
|
}
|
|
373
373
|
};
|
|
374
|
-
|
|
375
|
-
let
|
|
374
|
+
C.eventType = "ccc:viewport";
|
|
375
|
+
let k = C;
|
|
376
376
|
const W = (o) => o.replace(
|
|
377
377
|
/[A-Z]+(?![a-z])|[A-Z]/g,
|
|
378
378
|
(t, e) => (e ? "-" : "") + t.toLowerCase()
|
|
379
379
|
);
|
|
380
|
-
function
|
|
381
|
-
return
|
|
380
|
+
function B(o) {
|
|
381
|
+
return R([
|
|
382
382
|
"localhost",
|
|
383
383
|
"local.ft.com",
|
|
384
384
|
/^.*\.apps\.in\.ft\.com$/
|
|
385
385
|
], o);
|
|
386
386
|
}
|
|
387
|
-
function
|
|
388
|
-
return
|
|
387
|
+
function G() {
|
|
388
|
+
return R([
|
|
389
389
|
"localhost",
|
|
390
390
|
"local.ft.com",
|
|
391
391
|
/^.*\.in\.ft\.com$/
|
|
392
392
|
], window.location.hostname);
|
|
393
393
|
}
|
|
394
|
-
function
|
|
395
|
-
return
|
|
394
|
+
function K() {
|
|
395
|
+
return R([
|
|
396
396
|
"spark.ft.com",
|
|
397
397
|
"spark-staging.ft.com"
|
|
398
398
|
], window.location.host);
|
|
399
399
|
}
|
|
400
|
-
function
|
|
400
|
+
function R(o, t) {
|
|
401
401
|
return t ? o.some((e) => typeof e == "string" ? e === t : e.test(t)) : !1;
|
|
402
402
|
}
|
|
403
403
|
function Z(o) {
|
|
@@ -407,11 +407,11 @@ function Z(o) {
|
|
|
407
407
|
const e = new URL("http://localhost:5173");
|
|
408
408
|
try {
|
|
409
409
|
if (typeof o == "string") {
|
|
410
|
-
if ((o === "" || o.toLowerCase() === "true") &&
|
|
410
|
+
if ((o === "" || o.toLowerCase() === "true") && G())
|
|
411
411
|
t = e;
|
|
412
|
-
else if (t = o.startsWith("http://") || o.startsWith("https://") ? new URL(o) : void 0, t && !
|
|
412
|
+
else if (t = o.startsWith("http://") || o.startsWith("https://") ? new URL(o) : void 0, t && !B(t == null ? void 0 : t.hostname))
|
|
413
413
|
throw new Error("Unsafe testing host override");
|
|
414
|
-
} else
|
|
414
|
+
} else K() && (t = e);
|
|
415
415
|
} catch {
|
|
416
416
|
return t;
|
|
417
417
|
}
|
|
@@ -428,7 +428,7 @@ async function Q(o, t) {
|
|
|
428
428
|
const X = ":host{width:var(--ccc-root-width, 100%);margin:var(--ccc-root-margin);padding:var(--ccc-root-padding);display:var(--ccc-root-display, block);font-size:var(--ccc-root-fontSize);box-sizing:var(--ccc-root-boxSizing);border:var(--ccc-root-border);grid:var(--ccc-root-grid);line-height:var(--ccc-root-lineHeight)}";
|
|
429
429
|
class tt extends HTMLElement {
|
|
430
430
|
constructor() {
|
|
431
|
-
super(), this.mode = "open", this.RESERVED_ATTRS = /* @__PURE__ */ new Set([
|
|
431
|
+
console.debug("CCC: constructor called"), super(), this.mode = "open", this.RESERVED_ATTRS = /* @__PURE__ */ new Set([
|
|
432
432
|
"iframe",
|
|
433
433
|
"path",
|
|
434
434
|
"version",
|
|
@@ -437,10 +437,10 @@ class tt extends HTMLElement {
|
|
|
437
437
|
"shadow-open",
|
|
438
438
|
"env",
|
|
439
439
|
"load-timeout"
|
|
440
|
-
]), this.component = new
|
|
440
|
+
]), this.component = new d(), this.observer = new IntersectionObserver((e) => {
|
|
441
441
|
e.forEach((n) => {
|
|
442
442
|
this.dispatchEvent(
|
|
443
|
-
new
|
|
443
|
+
new k({
|
|
444
444
|
component: this.component,
|
|
445
445
|
source: this.source,
|
|
446
446
|
intersecting: n.isIntersecting,
|
|
@@ -472,7 +472,7 @@ class tt extends HTMLElement {
|
|
|
472
472
|
const n = document.createElement("script");
|
|
473
473
|
n.type = "module", n.src = `${(s = this.testUrl) == null ? void 0 : s.origin}/@vite/client`, document.head.appendChild(n);
|
|
474
474
|
}, this.log = new O({
|
|
475
|
-
level:
|
|
475
|
+
level: M(this.getAttribute("log"))
|
|
476
476
|
});
|
|
477
477
|
const t = HTMLElement.prototype.hasOwnProperty("attachInternals");
|
|
478
478
|
try {
|
|
@@ -482,17 +482,19 @@ class tt extends HTMLElement {
|
|
|
482
482
|
}
|
|
483
483
|
}
|
|
484
484
|
async connectedCallback() {
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
485
|
+
var t;
|
|
486
|
+
if (console.debug("CCC: connectedCallback() 1 dataset:", this.dataset), ((t = this.dataset) == null ? void 0 : t.cccReady) !== "true")
|
|
487
|
+
try {
|
|
488
|
+
const e = this.getAttribute("path"), n = this.getAttribute("version");
|
|
489
|
+
console.debug("CCC: before load connectedCallback() 2", { path: e, versionRange: n }), this.component = d.fromString(e, n), this.app = await this.load(), console.debug("CCC: after load connectedCallback() 3", { path: e, versionRange: n }), await this.mount(), await this.initTracking();
|
|
490
|
+
} catch (e) {
|
|
491
|
+
e instanceof Error && requestAnimationFrame(() => {
|
|
492
|
+
this.emitError(e);
|
|
493
|
+
}), this.unmount(e);
|
|
494
|
+
}
|
|
493
495
|
}
|
|
494
496
|
emitError(t) {
|
|
495
|
-
if (console.debug("ccc#emitError", t), t instanceof
|
|
497
|
+
if (console.debug("CCC: ccc#emitError", t), t instanceof f)
|
|
496
498
|
this.dispatchEvent(
|
|
497
499
|
new ErrorEvent("ccc:error", {
|
|
498
500
|
bubbles: !0,
|
|
@@ -503,7 +505,7 @@ class tt extends HTMLElement {
|
|
|
503
505
|
})
|
|
504
506
|
);
|
|
505
507
|
else {
|
|
506
|
-
const e = new
|
|
508
|
+
const e = new f(t.message, {
|
|
507
509
|
component: this.component,
|
|
508
510
|
error: t
|
|
509
511
|
});
|
|
@@ -520,13 +522,16 @@ class tt extends HTMLElement {
|
|
|
520
522
|
}
|
|
521
523
|
disconnectedCallback() {
|
|
522
524
|
const t = this.getAttribute("path");
|
|
523
|
-
this.log.info(`<custom-code-component:${t}> disconnected`), this.observer.disconnect();
|
|
525
|
+
console.debug("CCC: disconnectedCallback() called", { path: t }), this.log.info(`<custom-code-component:${t}> disconnected`), this.observer.disconnect();
|
|
526
|
+
}
|
|
527
|
+
connectedMoveCallback() {
|
|
528
|
+
console.debug("CCC: connectedMoveCallback() called");
|
|
524
529
|
}
|
|
525
530
|
onmessage() {
|
|
526
531
|
}
|
|
527
532
|
onunmount(t) {
|
|
528
|
-
if (t instanceof Error) {
|
|
529
|
-
const e = new
|
|
533
|
+
if (console.debug("CCC: onunmount()", { e: t }), t instanceof Error) {
|
|
534
|
+
const e = new L(t.message, {
|
|
530
535
|
error: t,
|
|
531
536
|
component: this.component
|
|
532
537
|
});
|
|
@@ -537,15 +542,15 @@ class tt extends HTMLElement {
|
|
|
537
542
|
}
|
|
538
543
|
async onready(t) {
|
|
539
544
|
try {
|
|
540
|
-
await t, this.dispatchEvent(
|
|
541
|
-
new
|
|
545
|
+
console.debug("CCC: onready() 1 "), await t, console.debug("CCC: onready() 2"), this.dispatchEvent(
|
|
546
|
+
new T({
|
|
542
547
|
component: this.component,
|
|
543
548
|
source: this.source
|
|
544
549
|
})
|
|
545
550
|
), this.dataset.cccReady = "true", delete this.dataset.cccError, this.observer.observe(this);
|
|
546
551
|
} catch (e) {
|
|
547
552
|
if (e instanceof Error) {
|
|
548
|
-
const n = new
|
|
553
|
+
const n = new L(e.message, {
|
|
549
554
|
error: e,
|
|
550
555
|
component: this.component
|
|
551
556
|
});
|
|
@@ -561,23 +566,23 @@ class tt extends HTMLElement {
|
|
|
561
566
|
async mount(t) {
|
|
562
567
|
var e, n;
|
|
563
568
|
try {
|
|
564
|
-
if (this.mode = this.getAttribute("shadow-open") == "false" ? "closed" : "open", this.component) {
|
|
569
|
+
if (console.debug("CCC: mount() "), this.mode = this.getAttribute("shadow-open") == "false" ? "closed" : "open", this.component) {
|
|
565
570
|
if (!this.app)
|
|
566
571
|
throw new Error("CCC mounted without App");
|
|
567
572
|
const r = this.shadowRoot !== null, s = this.shadowRoot ?? this.attachShadow({ mode: this.mode });
|
|
568
573
|
if (this.dispatchEvent(
|
|
569
|
-
new
|
|
574
|
+
new S({
|
|
570
575
|
component: this.component,
|
|
571
576
|
source: this.source
|
|
572
577
|
})
|
|
573
578
|
), !s.querySelector('link[href~="custom-code-component.css"]') && !s.adoptedStyleSheets.length && (window.CCC_LAYOUT_STYLESHEET || (window.CCC_LAYOUT_STYLESHEET = new CSSStyleSheet(), window.CCC_LAYOUT_STYLESHEET.replaceSync(X)), s.adoptedStyleSheets = [window.CCC_LAYOUT_STYLESHEET]), !r) {
|
|
574
|
-
const
|
|
575
|
-
|
|
579
|
+
const u = document.createElement("template");
|
|
580
|
+
u.innerHTML = "<div data-component-root><slot></slot></div>", this.appendChild(u), s.appendChild(u.content.cloneNode(!0));
|
|
576
581
|
}
|
|
577
582
|
const i = JSON.parse(this.getAttribute("data-component-props")), c = Object.fromEntries(
|
|
578
583
|
[...this.attributes].filter(
|
|
579
|
-
(
|
|
580
|
-
).map((
|
|
584
|
+
(u) => !this.RESERVED_ATTRS.has(u.name) && !u.name.startsWith("data-")
|
|
585
|
+
).map((u) => [u.name, u.value])
|
|
581
586
|
);
|
|
582
587
|
this.tracking = new Y({
|
|
583
588
|
name: (e = this.component) == null ? void 0 : e.toString(),
|
|
@@ -620,6 +625,7 @@ class tt extends HTMLElement {
|
|
|
620
625
|
// slot on failure
|
|
621
626
|
unmount(t) {
|
|
622
627
|
var n;
|
|
628
|
+
console.debug("CCC: unmount()", { error: t });
|
|
623
629
|
const e = this.querySelector(
|
|
624
630
|
"template[data-component-fallback]"
|
|
625
631
|
) ?? this.querySelector("template");
|
|
@@ -627,7 +633,7 @@ class tt extends HTMLElement {
|
|
|
627
633
|
}
|
|
628
634
|
async load() {
|
|
629
635
|
var c;
|
|
630
|
-
if (!this.component.isValid)
|
|
636
|
+
if (console.debug("CCC: load() 1"), !this.component.isValid)
|
|
631
637
|
throw new Error("No path found");
|
|
632
638
|
const t = this.getAttribute("path"), e = this.getAttribute("version"), n = Number(this.getAttribute("load-timeout") || 1e4), r = this.getAttribute("test-env");
|
|
633
639
|
this.testUrl = Z(r);
|
|
@@ -637,9 +643,9 @@ class tt extends HTMLElement {
|
|
|
637
643
|
), i = this.getAttribute("id");
|
|
638
644
|
s && this.testUrl && this.injectViteScripts(), this.source = s ? `${(c = this.testUrl) == null ? void 0 : c.origin}/src/${this.component.name}/index.jsx?id=${i}` : `https://www.ft.com/__component/${this.component.org}/${this.component.repo}${e ? `@${e}` : "@latest"}/${this.component.name}/${this.component.name}.js?id=${i}`;
|
|
639
645
|
try {
|
|
640
|
-
return await new Promise(
|
|
646
|
+
return console.debug("CCC: load() 2 before BaseRenderer"), await new Promise(
|
|
641
647
|
(a, h) => {
|
|
642
|
-
const
|
|
648
|
+
const u = setTimeout(() => {
|
|
643
649
|
this.log.error("CCC import timeout error"), h(
|
|
644
650
|
new J({
|
|
645
651
|
component: this.component,
|
|
@@ -652,27 +658,27 @@ class tt extends HTMLElement {
|
|
|
652
658
|
/* webpackIgnore: true */
|
|
653
659
|
this.source
|
|
654
660
|
/* @vite-ignore */
|
|
655
|
-
).then(({ default:
|
|
656
|
-
if (
|
|
657
|
-
clearTimeout(
|
|
661
|
+
).then(({ default: l }) => {
|
|
662
|
+
if (console.debug("CCC: load() 4 inside promise Base Renderer", l), l)
|
|
663
|
+
clearTimeout(u), a(l);
|
|
658
664
|
else
|
|
659
|
-
throw new
|
|
665
|
+
throw new b(
|
|
660
666
|
"No component renderer default export found",
|
|
661
667
|
{
|
|
662
668
|
component: this.component,
|
|
663
669
|
source: this.source
|
|
664
670
|
}
|
|
665
671
|
);
|
|
666
|
-
}).catch((
|
|
667
|
-
clearTimeout(
|
|
668
|
-
new
|
|
672
|
+
}).catch((l) => {
|
|
673
|
+
console.debug("CCC: load() catch", { error: l }), clearTimeout(u), this.log.error(l), l instanceof Error && !(l instanceof b) ? h(
|
|
674
|
+
new b(l.message, {
|
|
669
675
|
component: this.component,
|
|
670
676
|
source: this.source
|
|
671
677
|
})
|
|
672
|
-
) : h(
|
|
678
|
+
) : h(l);
|
|
673
679
|
});
|
|
674
680
|
else
|
|
675
|
-
throw clearTimeout(
|
|
681
|
+
throw clearTimeout(u), new b(`Unable to mount ${t}`, {
|
|
676
682
|
component: this.component,
|
|
677
683
|
source: this.source
|
|
678
684
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"custom-element.js","sources":["../node_modules/ftdomdelegate/main.js","../../node_modules/@financial-times/o-tracking/src/javascript/utils.js","../src/logger.ts","../src/get-trace.ts","../src/tracking.ts","../src/path.ts","../src/errors.ts","../src/events.ts","../src/util.ts","../src/environment.ts","../src/custom-code-component.ts"],"sourcesContent":["/**\n * DOM event delegator\n *\n * The delegator will listen\n * for events that bubble up\n * to the root node.\n *\n * @constructor\n * @param {Node|string} [root] The root node or a selector string matching the root node\n */\nfunction Delegate(root) {\n\n\t/**\n\t * Maintain a map of listener\n\t * lists, keyed by event name.\n\t *\n\t * @type Object\n\t */\n\tthis.listenerMap = [{}, {}];\n\tif (root) {\n\t\tthis.root(root);\n\t}\n\n\t/** @type function() */\n\tthis.handle = Delegate.prototype.handle.bind(this);\n\n\t// Cache of event listeners removed during an event cycle\n\tthis._removedListeners = [];\n}\n\n/**\n * Start listening for events\n * on the provided DOM element\n *\n * @param {Node|string} [root] The root node or a selector string matching the root node\n * @returns {Delegate} This method is chainable\n */\nDelegate.prototype.root = function (root) {\n\tconst listenerMap = this.listenerMap;\n\tlet eventType;\n\n\t// Remove master event listeners\n\tif (this.rootElement) {\n\t\tfor (eventType in listenerMap[1]) {\n\t\t\tif (listenerMap[1].hasOwnProperty(eventType)) {\n\t\t\t\tthis.rootElement.removeEventListener(eventType, this.handle, true);\n\t\t\t}\n\t\t}\n\t\tfor (eventType in listenerMap[0]) {\n\t\t\tif (listenerMap[0].hasOwnProperty(eventType)) {\n\t\t\t\tthis.rootElement.removeEventListener(eventType, this.handle, false);\n\t\t\t}\n\t\t}\n\t}\n\n\t// If no root or root is not\n\t// a dom node, then remove internal\n\t// root reference and exit here\n\tif (!root || !root.addEventListener) {\n\t\tif (this.rootElement) {\n\t\t\tdelete this.rootElement;\n\t\t}\n\t\treturn this;\n\t}\n\n\t/**\n\t * The root node at which\n\t * listeners are attached.\n\t *\n\t * @type Node\n\t */\n\tthis.rootElement = root;\n\n\t// Set up master event listeners\n\tfor (eventType in listenerMap[1]) {\n\t\tif (listenerMap[1].hasOwnProperty(eventType)) {\n\t\t\tthis.rootElement.addEventListener(eventType, this.handle, true);\n\t\t}\n\t}\n\tfor (eventType in listenerMap[0]) {\n\t\tif (listenerMap[0].hasOwnProperty(eventType)) {\n\t\t\tthis.rootElement.addEventListener(eventType, this.handle, false);\n\t\t}\n\t}\n\n\treturn this;\n};\n\n/**\n * @param {string} eventType\n * @returns boolean\n */\nDelegate.prototype.captureForType = function (eventType) {\n\treturn ['blur', 'error', 'focus', 'load', 'resize', 'scroll'].indexOf(eventType) !== -1;\n};\n\n/**\n * Attach a handler to one\n * event for all elements\n * that match the selector,\n * now or in the future\n *\n * The handler function receives\n * three arguments: the DOM event\n * object, the node that matched\n * the selector while the event\n * was bubbling and a reference\n * to itself. Within the handler,\n * 'this' is equal to the second\n * argument.\n *\n * The node that actually received\n * the event can be accessed via\n * 'event.target'.\n *\n * @param {string} eventType Listen for these events\n * @param {string|undefined} selector Only handle events on elements matching this selector, if undefined match root element\n * @param {function()} handler Handler function - event data passed here will be in event.data\n * @param {boolean} [useCapture] see 'useCapture' in <https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener>\n * @returns {Delegate} This method is chainable\n */\nDelegate.prototype.on = function (eventType, selector, handler, useCapture) {\n\tlet root;\n\tlet listenerMap;\n\tlet matcher;\n\tlet matcherParam;\n\n\tif (!eventType) {\n\t\tthrow new TypeError('Invalid event type: ' + eventType);\n\t}\n\n\t// handler can be passed as\n\t// the second or third argument\n\tif (typeof selector === 'function') {\n\t\tuseCapture = handler;\n\t\thandler = selector;\n\t\tselector = null;\n\t}\n\n\t// Fallback to sensible defaults\n\t// if useCapture not set\n\tif (useCapture === undefined) {\n\t\tuseCapture = this.captureForType(eventType);\n\t}\n\n\tif (typeof handler !== 'function') {\n\t\tthrow new TypeError('Handler must be a type of Function');\n\t}\n\n\troot = this.rootElement;\n\tlistenerMap = this.listenerMap[useCapture ? 1 : 0];\n\n\t// Add master handler for type if not created yet\n\tif (!listenerMap[eventType]) {\n\t\tif (root) {\n\t\t\troot.addEventListener(eventType, this.handle, useCapture);\n\t\t}\n\t\tlistenerMap[eventType] = [];\n\t}\n\n\tif (!selector) {\n\t\tmatcherParam = null;\n\n\t\t// COMPLEX - matchesRoot needs to have access to\n\t\t// this.rootElement, so bind the function to this.\n\t\tmatcher = matchesRoot.bind(this);\n\n\t\t// Compile a matcher for the given selector\n\t} else if (/^[a-z]+$/i.test(selector)) {\n\t\tmatcherParam = selector;\n\t\tmatcher = matchesTag;\n\t} else if (/^#[a-z0-9\\-_]+$/i.test(selector)) {\n\t\tmatcherParam = selector.slice(1);\n\t\tmatcher = matchesId;\n\t} else {\n\t\tmatcherParam = selector;\n\t\tmatcher = Element.prototype.matches;\n\t}\n\n\t// Add to the list of listeners\n\tlistenerMap[eventType].push({\n\t\tselector: selector,\n\t\thandler: handler,\n\t\tmatcher: matcher,\n\t\tmatcherParam: matcherParam\n\t});\n\n\treturn this;\n};\n\n/**\n * Remove an event handler\n * for elements that match\n * the selector, forever\n *\n * @param {string} [eventType] Remove handlers for events matching this type, considering the other parameters\n * @param {string} [selector] If this parameter is omitted, only handlers which match the other two will be removed\n * @param {function()} [handler] If this parameter is omitted, only handlers which match the previous two will be removed\n * @returns {Delegate} This method is chainable\n */\nDelegate.prototype.off = function (eventType, selector, handler, useCapture) {\n\tlet i;\n\tlet listener;\n\tlet listenerMap;\n\tlet listenerList;\n\tlet singleEventType;\n\n\t// Handler can be passed as\n\t// the second or third argument\n\tif (typeof selector === 'function') {\n\t\tuseCapture = handler;\n\t\thandler = selector;\n\t\tselector = null;\n\t}\n\n\t// If useCapture not set, remove\n\t// all event listeners\n\tif (useCapture === undefined) {\n\t\tthis.off(eventType, selector, handler, true);\n\t\tthis.off(eventType, selector, handler, false);\n\t\treturn this;\n\t}\n\n\tlistenerMap = this.listenerMap[useCapture ? 1 : 0];\n\tif (!eventType) {\n\t\tfor (singleEventType in listenerMap) {\n\t\t\tif (listenerMap.hasOwnProperty(singleEventType)) {\n\t\t\t\tthis.off(singleEventType, selector, handler);\n\t\t\t}\n\t\t}\n\n\t\treturn this;\n\t}\n\n\tlistenerList = listenerMap[eventType];\n\tif (!listenerList || !listenerList.length) {\n\t\treturn this;\n\t}\n\n\t// Remove only parameter matches\n\t// if specified\n\tfor (i = listenerList.length - 1; i >= 0; i--) {\n\t\tlistener = listenerList[i];\n\n\t\tif ((!selector || selector === listener.selector) && (!handler || handler === listener.handler)) {\n\t\t\tthis._removedListeners.push(listener);\n\t\t\tlistenerList.splice(i, 1);\n\t\t}\n\t}\n\n\t// All listeners removed\n\tif (!listenerList.length) {\n\t\tdelete listenerMap[eventType];\n\n\t\t// Remove the main handler\n\t\tif (this.rootElement) {\n\t\t\tthis.rootElement.removeEventListener(eventType, this.handle, useCapture);\n\t\t}\n\t}\n\n\treturn this;\n};\n\n\n/**\n * Handle an arbitrary event.\n *\n * @param {Event} event\n */\nDelegate.prototype.handle = function (event) {\n\tlet i;\n\tlet l;\n\tconst type = event.type;\n\tlet root;\n\tlet phase;\n\tlet listener;\n\tlet returned;\n\tlet listenerList = [];\n\tlet target;\n\tconst eventIgnore = 'ftLabsDelegateIgnore';\n\n\tif (event[eventIgnore] === true) {\n\t\treturn;\n\t}\n\n\ttarget = event.target;\n\n\t// Hardcode value of Node.TEXT_NODE\n\t// as not defined in IE8\n\tif (target.nodeType === 3) {\n\t\ttarget = target.parentNode;\n\t}\n\n\t// Handle SVG <use> elements in IE\n\tif (target.correspondingUseElement) {\n\t\ttarget = target.correspondingUseElement;\n\t}\n\n\troot = this.rootElement;\n\n\tphase = event.eventPhase || (event.target !== event.currentTarget ? 3 : 2);\n\n\t// eslint-disable-next-line default-case\n\tswitch (phase) {\n\t\tcase 1: //Event.CAPTURING_PHASE:\n\t\t\tlistenerList = this.listenerMap[1][type];\n\t\t\tbreak;\n\t\tcase 2: //Event.AT_TARGET:\n\t\t\tif (this.listenerMap[0] && this.listenerMap[0][type]) {\n\t\t\t\tlistenerList = listenerList.concat(this.listenerMap[0][type]);\n\t\t\t}\n\t\t\tif (this.listenerMap[1] && this.listenerMap[1][type]) {\n\t\t\t\tlistenerList = listenerList.concat(this.listenerMap[1][type]);\n\t\t\t}\n\t\t\tbreak;\n\t\tcase 3: //Event.BUBBLING_PHASE:\n\t\t\tlistenerList = this.listenerMap[0][type];\n\t\t\tbreak;\n\t}\n\n\tlet toFire = [];\n\n\t// Need to continuously check\n\t// that the specific list is\n\t// still populated in case one\n\t// of the callbacks actually\n\t// causes the list to be destroyed.\n\tl = listenerList.length;\n\twhile (target && l) {\n\t\tfor (i = 0; i < l; i++) {\n\t\t\tlistener = listenerList[i];\n\n\t\t\t// Bail from this loop if\n\t\t\t// the length changed and\n\t\t\t// no more listeners are\n\t\t\t// defined between i and l.\n\t\t\tif (!listener) {\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\ttarget.tagName &&\n\t\t\t\t[\"button\", \"input\", \"select\", \"textarea\"].indexOf(target.tagName.toLowerCase()) > -1 &&\n\t\t\t\ttarget.hasAttribute(\"disabled\")\n\t\t\t) {\n\t\t\t\t// Remove things that have previously fired\n\t\t\t\ttoFire = [];\n\t\t\t}\n\t\t\t// Check for match and fire\n\t\t\t// the event if there's one\n\t\t\t//\n\t\t\t// TODO:MCG:20120117: Need a way\n\t\t\t// to check if event#stopImmediatePropagation\n\t\t\t// was called. If so, break both loops.\n\t\t\telse if (listener.matcher.call(target, listener.matcherParam, target)) {\n\t\t\t\ttoFire.push([event, target, listener]);\n\t\t\t}\n\t\t}\n\n\t\t// TODO:MCG:20120117: Need a way to\n\t\t// check if event#stopPropagation\n\t\t// was called. If so, break looping\n\t\t// through the DOM. Stop if the\n\t\t// delegation root has been reached\n\t\tif (target === root) {\n\t\t\tbreak;\n\t\t}\n\n\t\tl = listenerList.length;\n\n\t\t// Fall back to parentNode since SVG children have no parentElement in IE\n\t\ttarget = target.parentElement || target.parentNode;\n\n\t\t// Do not traverse up to document root when using parentNode, though\n\t\tif (target instanceof HTMLDocument) {\n\t\t\tbreak;\n\t\t}\n\t}\n\n\tlet ret;\n\n\tfor (i = 0; i < toFire.length; i++) {\n\t\t// Has it been removed during while the event function was fired\n\t\tif (this._removedListeners.indexOf(toFire[i][2]) > -1) {\n\t\t\tcontinue;\n\t\t}\n\t\treturned = this.fire.apply(this, toFire[i]);\n\n\t\t// Stop propagation to subsequent\n\t\t// callbacks if the callback returned\n\t\t// false\n\t\tif (returned === false) {\n\t\t\ttoFire[i][0][eventIgnore] = true;\n\t\t\ttoFire[i][0].preventDefault();\n\t\t\tret = false;\n\t\t\tbreak;\n\t\t}\n\t}\n\n\treturn ret;\n};\n\n/**\n * Fire a listener on a target.\n *\n * @param {Event} event\n * @param {Node} target\n * @param {Object} listener\n * @returns {boolean}\n */\nDelegate.prototype.fire = function (event, target, listener) {\n\treturn listener.handler.call(target, event, target);\n};\n\n/**\n * Check whether an element\n * matches a tag selector.\n *\n * Tags are NOT case-sensitive,\n * except in XML (and XML-based\n * languages such as XHTML).\n *\n * @param {string} tagName The tag name to test against\n * @param {Element} element The element to test with\n * @returns boolean\n */\nfunction matchesTag(tagName, element) {\n\treturn tagName.toLowerCase() === element.tagName.toLowerCase();\n}\n\n/**\n * Check whether an element\n * matches the root.\n *\n * @param {?String} selector In this case this is always passed through as null and not used\n * @param {Element} element The element to test with\n * @returns boolean\n */\nfunction matchesRoot(selector, element) {\n\tif (this.rootElement === window) {\n\t\treturn (\n\t\t\t// Match the outer document (dispatched from document)\n\t\t\telement === document ||\n\t\t\t// The <html> element (dispatched from document.body or document.documentElement)\n\t\t\telement === document.documentElement ||\n\t\t\t// Or the window itself (dispatched from window)\n\t\t\telement === window\n\t\t);\n\t}\n\treturn this.rootElement === element;\n}\n\n/**\n * Check whether the ID of\n * the element in 'this'\n * matches the given ID.\n *\n * IDs are case-sensitive.\n *\n * @param {string} id The ID to test against\n * @param {Element} element The element to test with\n * @returns boolean\n */\nfunction matchesId(id, element) {\n\treturn id === element.id;\n}\n\n/**\n * Short hand for off()\n * and root(), ie both\n * with no parameters\n *\n * @return void\n */\nDelegate.prototype.destroy = function () {\n\tthis.off();\n\tthis.root();\n};\n\nexport default Delegate;\n","/**\n * Shared 'internal' scope.\n */\nimport {get} from './core/settings.js';\n\n/**\n * CUID Generator\n */\nimport {api as cuid} from '../libs/browser-cuid.js';\n\n/**\n * Record of callbacks to call when a page is tracked.\n */\nconst page_callbacks = [];\n\n/**\n * Log messages to the browser console. Requires 'log' to be set on init.\n *\n * @param {*} args items to log\n * @returns {void}\n */\nfunction log(...args) {\n\tif (get('config').test && window.console) {\n\t\tfor (const arg of args) {\n\t\t\twindow.console.log(arg);\n\t\t}\n\t}\n}\n\n/**\n * Creates a logging function that logs messages to the console with a specified namespace.\n *\n * @function namedLog\n * @param {string} namespace - The namespace to be prefixed to each log message.\n * @returns {function} A function that logs messages to the console with the given namespace if the configuration allows.\n *\n * @example\n * const log = namedLog('MyNamespace');\n * log('This is a message'); \n * // Output: [MyNamespace]: This is a message\n */\nfunction namedLog(namespace) {\n\treturn function(...args) {\n\t\tif(get('config').test && window.console) {\n\t\t\twindow.console.log(`%c[${namespace}]:`, 'color: teal', ...args)\n\t\t}\n\t}\n}\n\n/**\n * Tests if variable is a certain type. Defaults to check for undefined if no type specified.\n *\n * @param {*} variable - The variable to check.\n * @param {string=} type - The type to test for. Defaults to undefined.\n *\n * @returns {boolean} - The answer for if the variable is of type.\n */\nfunction is(variable, type = 'undefined') {\n\treturn typeof variable === type;\n}\n\n/**\n * Merge objects together. Will remove undefined and null values.\n *\n * @param {object} target - The original object to merge in to.\n * @param {object} options - The object to merge into the target. If omitted, will merge target into a new empty Object.\n *\n * @returns {object} The merged object.\n */\nfunction merge(target, options) {\n\tif (!options) {\n\t\toptions = target;\n\t\ttarget = {};\n\t}\n\n\tlet name;\n\tlet src;\n\tlet copy;\n\n\t/* jshint -W089 */\n\t/* eslint guard-for-in: 0 */\n\tfor (name in options) {\n\t\tsrc = target[name];\n\t\tcopy = options[name];\n\n\t\t// Prevent never-ending loop\n\t\tif (target === copy) {\n\t\t\tcontinue;\n\t\t}\n\n\t\t// Gets rid of missing values too\n\t\tif (typeof copy !== 'undefined' && copy !== null) {\n\t\t\ttarget[name] = src === Object(src) && !is(src, 'function') ? merge(src, copy) : copy;\n\t\t}\n\t}\n\t/* jshint +W089 */\n\t/* jslint forin:true */\n\n\treturn target;\n}\n\n/**\n * URL encode a string.\n *\n * @param {string} str - The string to be encoded.\n * @returns {string} The encoded string.\n */\nfunction encode(str) {\n\tif (window.encodeURIComponent) {\n\t\treturn window.encodeURIComponent(str);\n\t} else {\n\t\treturn window.escape(str);\n\t}\n}\n\n/**\n * URL decode a string.\n *\n * @param {string} str - The string to be decoded.\n * @returns {string} The decoded string.\n */\nfunction decode(str) {\n\tif (window.decodeURIComponent) {\n\t\treturn window.decodeURIComponent(str);\n\t} else {\n\t\treturn window.unescape(str);\n\t}\n}\n\n/**\n * Utility to add event listeners.\n *\n * @param {Element} element\n * @param {string} event\n * @param {EventListenerOrEventListenerObject} listener\n * @returns {void}\n */\nfunction addEvent(element, event, listener) {\n\tif (element.addEventListener) {\n\t\telement.addEventListener(event, listener, false);\n\t} else {\n\t\telement.attachEvent('on' + event, listener);\n\t}\n}\n\n/**\n * Utility for dispatching custom events from window\n *\n * @param {string} namespace\n * @param {string} eventType\n * @param {object} detail\n * @returns {void}\n */\nfunction broadcast(namespace, eventType, detail) {\n\tdetail = detail || {};\n\ttry {\n\t\twindow.dispatchEvent(new CustomEvent(namespace + '.' + eventType, {\n\t\t\tdetail: detail,\n\t\t\tbubbles: true\n\t\t}));\n\t} catch (error) {\n\t\t// empty\n\t}\n}\n\n/**\n * Listen for page tracking requests.\n *\n * @param {Function} cb - The callback to be called whenever a page is tracked.\n * @returns {void}\n */\nfunction onPage(cb) {\n\tif (is(cb, 'function') && !page_callbacks.includes(cb)) {\n\t\tpage_callbacks.push(cb);\n\t}\n}\n\n/**\n * Trigger the 'page' listeners.\n *\n * @returns {void}\n */\nfunction triggerPage() {\n\tfor (let i = 0; i < page_callbacks.length; i++) {\n\t\tpage_callbacks[i]();\n\t}\n}\n\n/**\n * Get a value from document.cookie matching the first match of the regexp you supply\n *\n * @param {RegExp} matcher - The Regex to match with\n * @returns {string} - The vale from the cookie\n */\nfunction getValueFromCookie(matcher) {\n\treturn document.cookie.match(matcher) && RegExp.$1 !== '' && RegExp.$1 !== 'null' ? RegExp.$1 : null;\n}\n\n/**\n * Filter an object to only have the properties which are listed in the `allowlist` parameter.\n *\n * @param {object} objectToFilter - An object whose props need to be filtered\n * @param {Array} allowedPropertyNames - The list of props to allow\n * @returns {object} An object containing only the allowed props\n */\nfunction filterProperties (objectToFilter, allowedPropertyNames) {\n\tconst filteredObject = {};\n\tfor (const allowedName of allowedPropertyNames) {\n\t\tif (objectToFilter[allowedName]) {\n\t\t\tfilteredObject[allowedName] = objectToFilter[allowedName];\n\t\t}\n\t}\n\treturn filteredObject;\n}\n\n/**\n * Trim strings\n *\n * @param {string} str - The string to trim.\n * @returns {string} The trimmed string.\n */\nfunction sanitise (str) {\n\treturn typeof str === 'string' ? str.trim() : str;\n}\n\n/**\n * Assign the subject value if the target properties are undefined\n *\n * @param {object} subject - assign the value\n * @param {object} target - be assigned the value\n * @returns {void}\n */\nfunction assignIfUndefined (subject, target) {\n\tfor (const prop in subject) {\n\t\tif (!target[prop]) {\n\t\t\ttarget[prop] = subject[prop];\n\t\t} else {\n\t\t\t// eslint-disable-next-line no-console\n\t\t\tconsole.warn(`You can't set a custom property called ${prop}`);\n\t\t}\n\t}\n}\n\n\n/**\n * Identify circular references in 'object', and replace them with a string representation\n * of the reference. Returns a succesfully serialised JSON string, and a list of circular\n * references which were removed.\n * \n * Inspired by https://github.com/sindresorhus/safe-stringify and \n * https://github.com/sindresorhus/decircular\n *\n * @param {*} object The object we want to stringify, and search within for circular references\n * @returns {Object: {jsonString: string, warnings: array}} The stringified object, and a warnings for each circular reference which was removed\n */\nfunction removeCircularReferences(object) {\n\n\t// WeakMaps release memory when all references are garbage-collected\n\tconst circularReferences = new WeakMap();\n\tconst paths = new WeakMap();\n\n\tconst warnings = [];\n\n\tfunction getPathFragment(parent, key) {\n\t\tif (!key) {\n\t\t\treturn '$';\n\t\t}\n\n\t\tif (Array.isArray(parent)) {\n\t\t\treturn `[${key}]`;\n\t\t}\n\n\t\treturn `.${key}`;\n\t}\n\n\tfunction formatCircularReferencesWarning(references) {\n\t\tconst paths = references.map(path => '`' + path.join('') + '`');\n\t\treturn 'Circular reference between ' + paths.join(' AND ');\n\t}\n\n\tfunction replacer(key, value) {\n\t\t// Scalars don't need to be inspected as they can't contain circular references\n\t\tif (!(value !== null && typeof value === 'object')) {\n\t\t\treturn value\n\t\t}\n\n\t\t// Record the path from the root ($) to the current object (value)\n\t\t// in order to print helpful circular reference warnings.\n\t\tconst path = [...paths.get(this) || [], getPathFragment(this, key)];\n\t\tpaths.set(value, path);\n\n\t\t// If a reference to the current value is already in the list, we have\n\t\t// a circular reference. Add the current value to the list along with its path,\n\t\t// and return a useful error string rather than the unserialisable value.\n\t\tif (circularReferences.has(value)) {\n\t\t\tconst references = [...circularReferences.get(value), path];\n\t\t\tcircularReferences.set(value, references);\n\t\t\tconst warning = formatCircularReferencesWarning(references);\n\t\t\twarnings.push(warning);\n\t\t\treturn warning;\n\t\t}\n\n\t\t// This is the first time we've seen the current value in this branch \n\t\t// of the object. Record its path from the object root.\n\t\tcircularReferences.set(value, [path]);\n\n\t\t// Recurse into the value to proactively find circular references\n\t\t// before encountering a loop.\n\t\tconst newValue = Array.isArray(value) ? [] : {};\n\t\tfor (const [k, v] of Object.entries(value)) {\n\t\t\tnewValue[k] = replacer.call(value, k, v);\n\t\t}\n\n\t\t// All circular references to this object will have been identified,\n\t\t// so remove it from the list.\n\t\tcircularReferences.delete(value);\n\n\t\t// This branch of the object can now be safely serialised to a JSON string\n\t\treturn newValue;\n\t}\n\n\tconst jsonString = JSON.stringify(object, replacer);\n\treturn {jsonString, warnings};\n}\n\n\n/**\n * Stringify an object to JSON, removing any circular references. When circular references\n * are found, an error is thrown in a new event loop so that global error handlers can report it.\n *\n * @param {*} object The object we want to stringify, and search within for circular references\n * @returns {string} The safely stringified JSON string\n */\nfunction safelyStringifyJson(object) {\n\n\t// JSON.stringify throws on two cases:\n\t// - value contains a circular reference\n\t// - A BigInt value is encountered\n\t// Circular references are a real possibility in the way o-tracking is called (and saves a queue of \n\t// messages in a store), so we need to handle those gracefully.\n\t// \n\t// However, for performance reasons, we always attempt to do a basic JSON.stringify() first. The \n\t// recursion involved in removeCircularReferences() makes it about 20x slower to stringify a basic payload. \n\t// This performance hit will be exacerbated on slow devices (e.g. old Android phones) with lots of queued offline events.\n\ttry {\n\t\treturn JSON.stringify(object);\n\n\t// NB: error is discarded - we have more work to do in order to throw a useful message\n\t} catch (error) {\n\t\n\t\tconst {jsonString, warnings} = removeCircularReferences(object);\n\t\n\t\tif (warnings.length) {\n\t\t\t// Throw in a new event loop, as we always want to return JSON so the tracking payload is sent\n\t\t\tsetTimeout(() => {\n\t\t\t\tconst errorMessage = \"AssertionError: o-tracking does not support circular references in the analytics data.\\n\" +\n\t\t\t\t\"Please remove the circular references in the data.\\n\" +\n\t\t\t\t\"Here are the paths in the data which are circular:\\n\" +\n\t\t\t\twarnings.join('\\n');\n\t\t\t\tthrow new Error(errorMessage);\n\t\t\t});\n\t\t}\n\t\n\t\treturn jsonString;\n\t}\n\n\n};\n\n/**\n * Find out whether two objects are deeply equal to each other.\n *\n * @param {*} a\n * @param {*} b\n * @returns {boolean} - true if the two arguments are deeply equal\n */\nfunction isDeepEqual(a, b) {\n\tif (a === b) {\n\t\treturn true;\n\t}\n\n\tif (\n\t\ta &&\n\t\tb &&\n\t\ttypeof a === \"object\" &&\n\t\ttypeof b === \"object\"\n\t) {\n\t\tif (a.constructor !== b.constructor) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif (Array.isArray(a)) {\n\t\t\tconst length = a.length;\n\t\t\tif (length !== b.length) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\tfor (let i = length; i-- !== 0; ) {\n\t\t\t\tif (!isDeepEqual(a[i], b[i])) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn true;\n\t\t}\n\n\t\tif (a.constructor === RegExp) {\n\t\t\treturn (\n\t\t\t\ta.source === b.source && a.flags === b.flags\n\t\t\t);\n\t\t}\n\t\tif (a.valueOf !== Object.prototype.valueOf) {\n\t\t\treturn a.valueOf() === b.valueOf();\n\t\t}\n\t\tif (a.toString !== Object.prototype.toString) {\n\t\t\treturn a.toString() === b.toString();\n\t\t}\n\n\t\tconst keys = Object.keys(a);\n\t\tconst length = keys.length;\n\t\tif (length !== Object.keys(b).length) {\n\t\t\treturn false;\n\t\t}\n\n\t\tfor (let i = length; i-- !== 0; ) {\n\t\t\tif (!Object.prototype.hasOwnProperty.call(b, keys[i])) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\tfor (let i = length; i-- !== 0; ) {\n\t\t\tconst key = keys[i];\n\n\t\t\tif (!isDeepEqual(a[key], b[key])) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\treturn true;\n\t}\n}\n\nexport {\n\tlog,\n\tnamedLog,\n\tis,\n\tis as isUndefined,\n\tmerge,\n\tencode,\n\tdecode,\n\tcuid as guid,\n\taddEvent,\n\tbroadcast,\n\tonPage,\n\ttriggerPage,\n\tgetValueFromCookie,\n\tsanitise,\n\tassignIfUndefined,\n\tfilterProperties,\n\tremoveCircularReferences,\n\tsafelyStringifyJson,\n\tisDeepEqual\n};\n","export const LogLevel = Object.freeze({\n DEBUG: 0,\n INFO: 1,\n WARN: 2,\n ERROR: 3,\n TEST: 4,\n DEFAULT: 2,\n});\n\nexport function convertStringLogLevel(value: string | null) {\n const level = value?.toLowerCase();\n\n if (level === \"debug\") {\n return LogLevel.DEBUG;\n }\n\n if (level === \"info\") {\n return LogLevel.INFO;\n }\n\n if (level === \"warn\") {\n return LogLevel.WARN;\n }\n\n if (level === \"error\") {\n return LogLevel.ERROR;\n }\n\n if (level === \"test\") {\n return LogLevel.TEST;\n }\n\n return LogLevel.DEFAULT;\n}\n\nexport class Logger {\n level: number;\n constructor(\n { level = LogLevel.DEFAULT }: { level: number } = {\n level: LogLevel.DEFAULT,\n }\n ) {\n this.level = level;\n }\n\n debug(...args: any[]) {\n if (this.level <= LogLevel.DEBUG) {\n console.info(...args);\n }\n }\n\n log = this.debug;\n\n info(...args: any[]) {\n if (this.level <= LogLevel.INFO) {\n console.info(...args);\n }\n }\n\n warn(...args: any[]) {\n if (this.level <= LogLevel.WARN) {\n console.warn(...args);\n }\n }\n\n error(...args: any[]) {\n if (this.level <= LogLevel.ERROR) {\n console.error(...args);\n }\n }\n}\n","// Trace the element and all of its parents, collecting properties as we go\nimport {\n sanitise,\n assignIfUndefined,\n} from \"@financial-times/o-tracking/src/javascript/utils\";\n\ntype PropMap = { [k: string]: any };\n// For a given container element, get the number of elements that match the\n// original element (siblings); and the index of the original element (position).\nconst getSiblingsAndPosition = (\n el: Element | null,\n originalEl: Element,\n selector: string\n) => {\n const siblings = Array.from(el?.querySelectorAll(selector) ?? []);\n const position = siblings.findIndex((item) => item === originalEl);\n if (position === -1) {\n return;\n }\n return {\n siblings: siblings.length,\n position,\n };\n};\n\nconst elementPropertiesToCollect = [\n \"nodeName\",\n \"className\",\n \"id\",\n \"href\",\n \"text\",\n \"role\",\n];\n// Get all (sanitised) properties of a given element.\nconst getAllElementProperties = (element: any) => {\n const properties: PropMap = {};\n for (const property of elementPropertiesToCollect) {\n const value =\n element[property] ||\n element.getAttribute(property) ||\n element.hasAttribute(property);\n if (value !== undefined) {\n if (typeof value === \"boolean\") {\n properties[property] = value;\n } else {\n properties[property] = sanitise(value);\n }\n }\n }\n\n return properties;\n};\n\nconst parseRawValue = (rawValue: string) => {\n try {\n const parsedValue = JSON.parse(rawValue);\n const type = Object.prototype.toString.call(parsedValue);\n const isJSON = type === \"[object Object]\" || type === \"[object Array]\";\n\n return [isJSON, parsedValue];\n } catch (error) {\n return [false, null];\n }\n};\n\nconst getAttributeValue = (rawValue: string) => {\n const [isJSON, value] = parseRawValue(rawValue);\n\n return isJSON ? value : rawValue;\n};\n\n// Get some properties of a given element.\nconst getDomPathProps = (attrs: Attr[], props: PropMap) => {\n // Collect any attribute that matches given strings.\n attrs\n .filter((attribute) =>\n attribute.name.match(/^data-trackable|^data-o-|^aria-/i)\n )\n .forEach((attribute) => {\n props[attribute.name] = attribute.value;\n });\n\n return props;\n};\n\n// Get only the custom data-trackable-context-? properties of a given element\nconst getContextProps = (\n attrs: Attr[],\n props: PropMap,\n isOriginalEl: boolean\n) => {\n const customProps: { [k: string]: any } = {};\n\n // for the original element collect properties like className, nodeName\n if (isOriginalEl) {\n elementPropertiesToCollect.forEach((name) => {\n if (typeof props[name] !== \"undefined\" && name !== \"id\") {\n customProps[name] = props[name];\n }\n });\n }\n\n // Collect any attribute that matches given strings.\n attrs\n .filter((attribute) => attribute.name.match(/^data-trackable-context-/i))\n .forEach((attribute) => {\n customProps[attribute.name.replace(\"data-trackable-context-\", \"\")] =\n getAttributeValue(attribute.value);\n });\n\n return customProps;\n};\n\nexport function getTrace(el: Element, rootEl: Element) {\n const originalEl = el;\n const selector = originalEl?.getAttribute(\"data-trackable\")\n ? `[data-trackable=\"${originalEl.getAttribute(\"data-trackable\")}\"]`\n : originalEl?.nodeName;\n const trace = [];\n const customContext = {};\n while (el && el !== rootEl) {\n const props = getAllElementProperties(el);\n const attrs = Array.from(el.attributes);\n let domPathProps = getDomPathProps(attrs, props);\n\n // If the element happens to have a data-trackable attribute, get the siblings\n // and position of the element (relative to the current element).\n if (domPathProps[\"data-trackable\"]) {\n domPathProps = Object.assign(\n domPathProps,\n getSiblingsAndPosition(el, originalEl, selector)\n );\n }\n\n trace.push(domPathProps);\n\n const contextProps = getContextProps(attrs, props, el === originalEl);\n\n assignIfUndefined(contextProps, customContext);\n\n el = el.parentNode as Element;\n }\n return { trace, customContext };\n}\n","import Delegate from \"ftdomdelegate/main\";\n\nimport {\n sanitise,\n assignIfUndefined,\n} from \"@financial-times/o-tracking/src/javascript/utils\";\nimport { Logger } from \"./logger\";\nimport { getTrace } from \"./get-trace\";\n\nconst eventPropertiesToCollect = [\"ctrlKey\", \"altKey\", \"shiftKey\", \"metaKey\"];\n\nclass Tracking {\n cccId: string;\n cccName: string;\n subtype: string;\n teamName: string;\n shadowRoot: ShadowRoot | null;\n category: string;\n elements: string | string[];\n isInitialised: boolean;\n log: Logger;\n\n constructor({\n id = \"00000000-0000-0000-0000-000000000000\",\n name = \"ccc-component\",\n subtype = \"interactive\",\n teamName = \"djd\",\n shadowRoot = null,\n category = \"cta\",\n elements = 'a, button, input, [role=\"button\"]',\n logger,\n }: {\n id?: string;\n name: string;\n subtype: string;\n teamName?: string;\n shadowRoot: ShadowRoot | null;\n category?: string;\n elements?: string | string[];\n logger: Logger;\n }) {\n this.cccId = id;\n this.cccName = name;\n this.subtype = subtype;\n this.teamName = teamName;\n this.shadowRoot = shadowRoot;\n this.category = category;\n this.elements = elements;\n this.isInitialised = false;\n this.log = logger ?? new Logger();\n }\n\n // Get properties for the event (as opposed to properties of the clicked element)\n getEventProperties(event: any) {\n const eventProperties: { [k: string]: any } = {};\n for (const property of eventPropertiesToCollect) {\n if (event[property]) {\n try {\n eventProperties[property] = sanitise(event[property]);\n } catch (e) {\n this.log.info(e);\n }\n }\n }\n return eventProperties;\n }\n\n // Controller for handling click events\n handleClickEvent(\n eventData: { action: string; category: string },\n root: Element\n ) {\n return (clickEvent: Event, clickElement: HTMLElement) => {\n const context: any = this.getEventProperties(clickEvent);\n const { trace, customContext } = getTrace(clickElement, root);\n context.custom =\n clickElement.dataset && clickElement.dataset.custom\n ? JSON.parse(clickElement.dataset.custom)\n : null;\n context.domPathTokens = trace;\n context.component = {\n id: this.cccId,\n name: this.cccName,\n type: \"custom-code-component\",\n subtype: this.subtype,\n };\n context.teamName = this.teamName;\n context.url = document.URL;\n\n assignIfUndefined(customContext, context);\n\n context.method = \"ftCustomAnalytics\";\n eventData = { ...eventData, ...context };\n\n // send spoor event\n document.body.dispatchEvent(\n new CustomEvent(\"oTracking.event\", {\n detail: eventData,\n bubbles: true,\n composed: true,\n })\n );\n };\n }\n\n sendSpoorEvent(triggerAction: any, extraDetail: any) {\n const eventData = {\n category: \"component\",\n action: \"act\",\n component: {\n id: this.cccId,\n name: this.cccName,\n type: \"custom-code-component\",\n subtype: this.subtype,\n },\n teamName: this.teamName,\n trigger_action: triggerAction,\n custom: extraDetail,\n method: \"ftCustomAnalytics\",\n };\n\n // send spoor event\n document.body.dispatchEvent(\n new CustomEvent(\"oTracking.event\", {\n detail: eventData,\n bubbles: true,\n composed: true,\n })\n );\n }\n\n init(id: string) {\n if (!this.isInitialised) {\n this.isInitialised = true;\n this.cccId = id ? id : this.cccId;\n\n const eventData = {\n action: \"click\",\n category: this.category,\n };\n\n const root = this.shadowRoot?.querySelector(\"[data-component-root]\");\n\n if (root) {\n const shadowDelegate = new Delegate(root);\n shadowDelegate.on(\n \"click\",\n this.elements,\n this.handleClickEvent(eventData, root),\n true\n );\n }\n }\n }\n}\n\nexport default Tracking;\n","import { CCCError } from \"./errors\";\n\nexport type ComponentPathType = {\n org: string;\n repo: string;\n name: string;\n versionRange: string;\n};\nexport class ComponentPath {\n org: string = \"local\";\n repo: string = \"dev\";\n name: string;\n versionRange: string;\n\n constructor(path?: ComponentPathType | string) {\n const { org, repo, name, versionRange } = isValidComponentPathObject(path)\n ? path\n : ComponentPath.fromString(path);\n if (org) this.org = org;\n if (repo) this.repo = repo;\n this.name = name;\n this.versionRange = versionRange;\n }\n\n set path(path: ComponentPathType | string) {\n const { org, repo, name, versionRange } = isValidComponentPathObject(path)\n ? path\n : ComponentPath.fromString(path);\n this.org = org;\n this.repo = repo;\n this.name = name;\n this.versionRange = versionRange;\n }\n\n get path(): string {\n return `${this.org}/${this.repo}@${this.versionRange}/${this.name}`;\n }\n\n get isValid(): boolean {\n return [this.org, this.repo, this.name].every(\n (value) => value !== \"unknown\"\n );\n }\n\n toString(): string {\n return this.path;\n }\n\n static fromString(p?: string | null, v?: string | null): ComponentPath {\n const path = p ?? \"unknown/unknown/unknown\";\n\n const [name, repo, org] = path\n .replace(/@[^\\/]+/, \"\")\n .split(\"/\")\n .reverse();\n\n const versionRange =\n v ??\n path\n .match(/@[^\\/]+/)\n ?.toString()\n .replace(\"@\", \"\") ??\n \"unknown\";\n\n if (repo && !versionRange) throw new CCCError(\"No version specified\");\n\n return new ComponentPath({ org, repo, name, versionRange });\n }\n}\n\nexport type DetailType = {\n component: ComponentPath;\n source?: string;\n cause?: string;\n error?: Error;\n};\n\nexport function isValidComponentPathObject(\n value: unknown\n): value is ComponentPathType {\n if (typeof value === \"object\" && value !== null) {\n return \"org\" in value && \"repo\" in value && \"name\" in value;\n }\n\n return false;\n}\n","/**\n * This is the base CCC component error class. These are raised when the component being loaded errors\n */\n\nimport { ComponentPath, DetailType, isValidComponentPathObject } from \"./path\";\n\nexport class CCCError extends Error {\n component: ComponentPath | null;\n source?: string;\n errors?: Error[];\n constructor(message: string | null, detail?: DetailType) {\n if (!detail && message) {\n super(message);\n this.component = null;\n } else if (typeof detail?.component === \"string\") {\n super(\n message ??\n `${detail.cause ?? \"Unknown error\"} in ${detail.component} imported from ${detail.source ?? \"an undefined source\"}.`\n );\n\n this.component = ComponentPath.fromString(detail.component);\n } else if (isValidComponentPathObject(detail?.component)) {\n super(\n message ??\n `${detail.cause ?? \"Unknown error\"} in ${detail.component.org}/${detail.component.repo}/${detail.component.name}@${detail.component.versionRange} imported from ${detail.source ?? \"an undefined source\"}.`\n );\n this.component = new ComponentPath(detail.component);\n } else {\n super(\n `${detail?.cause ?? \"Unknown error\"} in unknown component imported from ${detail?.source ?? \"unknown source\"}.`\n );\n this.component = null;\n }\n\n this.source = detail?.source ?? \"unknown source\";\n this.errors = [];\n if (detail?.error) {\n this.errors?.push(detail?.error);\n }\n if (Error.captureStackTrace) {\n // Maintains proper stack trace for where our error was thrown (only available on V8)\n Error.captureStackTrace(this, CCCError);\n }\n\n this.name = \"CCCError\";\n }\n}\n\n/**\n * This class is used to raise errors that occur during the import of the CCC component app\n */\nexport class CCCImportError extends CCCError {\n constructor(message: string, detail: DetailType) {\n super(message, { ...detail, cause: \"Import error\" });\n this.name = \"CCCImportError\";\n }\n}\n\n/**\n * This class is used to raise errors that occur during the rendering of the CCC component app\n */\nexport class CCCRenderError extends CCCError {\n constructor(message: string, detail: DetailType) {\n super(message, { ...detail, cause: \"Render error\" });\n this.name = \"CCCRenderError\";\n }\n}\n\n/**\n * This class is used to raise errors that occur as a result of the CCC component app timing out\n */\nexport class CCCTimeoutError extends CCCError {\n constructor(detail: DetailType) {\n super(null, { ...detail, cause: \"Timeout error\" });\n this.name = \"CCCTimeoutError\";\n }\n}\n","import { ComponentPath } from \"./path\";\n\nexport class CCCEvent extends Event {\n component: ComponentPath;\n source?: string;\n static eventType = \"ccc:event\";\n\n constructor(\n eventType: string = CCCEvent.eventType,\n detail: { component: ComponentPath; source?: string },\n opts?: EventInit\n ) {\n super(eventType, {\n bubbles: true,\n cancelable: false,\n composed: true,\n ...opts,\n });\n this.component = detail.component;\n this.source = detail.source;\n }\n}\n\nexport class CCCConnectedEvent extends CCCEvent {\n static eventType = \"ccc:connected\";\n\n constructor(\n detail: { component: ComponentPath; source?: string },\n opts?: EventInit\n ) {\n super(CCCConnectedEvent.eventType, detail, opts);\n }\n}\n\nexport class CCCReadyEvent extends CCCEvent {\n static eventType = \"ccc:ready\";\n\n constructor(\n detail: { component: ComponentPath; source?: string },\n opts?: EventInit\n ) {\n super(CCCReadyEvent.eventType, detail, opts);\n }\n}\n\nexport class CCCViewportEvent extends CCCEvent {\n static eventType = \"ccc:viewport\";\n intersecting = false;\n entry?: IntersectionObserverEntry;\n\n constructor(\n detail: {\n component: ComponentPath;\n source?: string;\n intersecting: boolean;\n entry?: IntersectionObserverEntry;\n },\n opts?: EventInit\n ) {\n super(CCCViewportEvent.eventType, detail, opts);\n this.intersecting = detail.intersecting;\n this.entry = detail.entry;\n }\n}\n","/**\n * Used to convert camelCase to kebab-case\n * @param str\n * @returns\n */\nexport const kebabize = (str: string) =>\n str.replace(\n /[A-Z]+(?![a-z])|[A-Z]/g,\n ($, ofs) => (ofs ? \"-\" : \"\") + $.toLowerCase()\n );\n\n/**\n * Checks if the provided host is part of the allowed test environments.\n *\n * @param host - The hostname to check.\n * @returns True if the hostname is a safe test environment, false otherwise.\n */\nexport function isSafeTestEnv(host: string | undefined) {\n return isAllowed([\n 'localhost',\n 'local.ft.com',\n /^.*\\.apps\\.in\\.ft\\.com$/,\n ], host);\n}\n\n/**\n * Checks if the current window location hostname is considered a local environment.\n *\n * @returns True if the hostname is local, false otherwise.\n */\nexport function isLocalEnv() {\n return isAllowed([\n 'localhost',\n 'local.ft.com',\n /^.*\\.in\\.ft\\.com$/,\n ], window.location.hostname);\n}\n\n/**\n * Checks if the current window location host is one of the Spark environments.\n *\n * @returns True if the host is spark.ft.com or spark-staging.ft.com, false otherwise.\n */\nexport function isSparkEnv() {\n return isAllowed([\n 'spark.ft.com',\n 'spark-staging.ft.com',\n ], window.location.host);\n}\n\n/**\n * Checks if the given hostname is in the provided allowlist.\n *\n * @param allowlist - A list of allowed hostnames or RegExp matchers.\n * @param hostname - The hostname to validate.\n * @returns True if the hostname matches any item in the allowlist, false otherwise.\n */\nexport function isAllowed(allowlist: (string|RegExp)[], hostname: string | undefined) {\n if (!hostname) return false;\n return allowlist.some(item => {\n if (typeof item === 'string') {\n return item === hostname;\n }\n return item.test(hostname);\n });\n} \n","import { isLocalEnv, isSafeTestEnv, isSparkEnv } from \"./util\";\n\n/**\n * Assigns a test URL based on the provided testEnv value.\n *\n * @param testEnv - A string indicating test environment setting\n * @returns A `URL` object if valid and safe, or `undefined` if invalid.\n */\nexport function assignTestURL(testEnv: string | null): URL | undefined {\n if (testEnv === null) {\n return;\n }\n\n let testUrl;\n const defaultTestUrl = new URL(\"http://localhost:5173\");\n\n try {\n if (typeof testEnv === \"string\") {\n if (\n (testEnv === \"\" || testEnv.toLowerCase() === \"true\") &&\n isLocalEnv()\n ) {\n testUrl = defaultTestUrl;\n } else {\n const hasProtocol =\n testEnv.startsWith(\"http://\") || testEnv.startsWith(\"https://\");\n testUrl = hasProtocol ? new URL(testEnv) : undefined;\n\n // Prevent script injection\n if (testUrl && !isSafeTestEnv(testUrl?.hostname)) {\n throw new Error(\"Unsafe testing host override\");\n }\n }\n } else if (isSparkEnv()) {\n testUrl = defaultTestUrl;\n }\n } catch (_) {\n return testUrl;\n }\n\n return testUrl;\n}\n\n/**\n * Checks whether the given test component exists on local dev server\n *\n * @param testUrl - The test environment URL to check.\n * @returns A promise that resolves to true if Vite is running, false otherwise.\n */\nexport async function useComponentTestEnv(\n componentName: string,\n testUrl?: URL\n): Promise<boolean> {\n if (!testUrl) {\n return false;\n }\n\n const localDevOnline = fetch(\n new URL(`src/${componentName}/config.yaml`, testUrl),\n {\n method: \"HEAD\",\n }\n )\n .then(() => true)\n .catch(() => false);\n\n return localDevOnline;\n}\n","/**\n * @file\n * Main component definition for custom-code-component\n */\n\nimport type { ContentTree } from \"@financial-times/content-tree\";\nimport { BaseRenderer } from \"../../ccc-sdk/src/renderers/BaseRenderer\";\nimport Tracking from \"./tracking\";\nimport { convertStringLogLevel, Logger } from \"./logger\";\nimport {\n CCCError,\n CCCImportError,\n CCCRenderError,\n CCCTimeoutError,\n} from \"./errors\";\nimport { CCCConnectedEvent, CCCReadyEvent, CCCViewportEvent } from \"./events\";\nimport { ComponentPath } from \"./path\";\nimport { kebabize } from \"./util\";\nimport { assignTestURL, useComponentTestEnv } from \"./environment\";\nimport styles from \"./custom-code-component.css?inline\";\n\nexport class FTCustomCodeComponent extends HTMLElement {\n app?: typeof BaseRenderer.prototype.render;\n mode: \"closed\" | \"open\" = \"open\";\n RESERVED_ATTRS = new Set([\n \"iframe\",\n \"path\",\n \"version\",\n \"data-component-props\",\n \"data-asset-type\",\n \"shadow-open\",\n \"env\",\n \"load-timeout\",\n ]);\n\n source?: string;\n tracking?: Tracking;\n testUrl?: URL;\n component = new ComponentPath();\n\n log: Logger;\n\n observer = new IntersectionObserver((entries) => {\n entries.forEach((entry) => {\n this.dispatchEvent(\n new CCCViewportEvent({\n component: this.component,\n source: this.source,\n intersecting: entry.isIntersecting,\n entry,\n })\n );\n });\n });\n\n constructor() {\n super();\n this.log = new Logger({\n level: convertStringLogLevel(this.getAttribute(\"log\")),\n });\n\n const supportsDeclarative =\n HTMLElement.prototype.hasOwnProperty(\"attachInternals\");\n\n try {\n const internals = supportsDeclarative && this.attachInternals();\n } catch (e) {\n this.log.error(e);\n }\n }\n\n async connectedCallback() {\n try {\n const path = this.getAttribute(\"path\");\n const versionRange = this.getAttribute(\"version\");\n this.component = ComponentPath.fromString(path, versionRange);\n\n this.app = await this.load();\n await this.mount();\n await this.initTracking();\n } catch (e) {\n if (e instanceof Error) {\n requestAnimationFrame(() => {\n this.emitError(e);\n });\n }\n\n this.unmount(e as Error);\n }\n }\n\n emitError(error: Error) {\n console.debug(\"ccc#emitError\", error);\n if (error instanceof CCCError) {\n this.dispatchEvent(\n new ErrorEvent(\"ccc:error\", {\n bubbles: true,\n cancelable: false,\n composed: true,\n error,\n message: error.message,\n })\n );\n } else {\n // Wrap original error with generic CCC error class\n const wrappedError = new CCCError(error.message, {\n component: this.component,\n error: error,\n });\n\n this.dispatchEvent(\n new ErrorEvent(\"ccc:error\", {\n bubbles: true,\n cancelable: false,\n composed: true,\n error: wrappedError,\n message: wrappedError.message,\n })\n );\n }\n }\n\n disconnectedCallback() {\n const path = this.getAttribute(\"path\");\n this.log.info(`<custom-code-component:${path}> disconnected`);\n this.observer.disconnect();\n }\n\n channel = new MessageChannel();\n\n onmessage() {}\n\n onunmount(e: Error) {\n if (e instanceof Error) {\n const renderError = new CCCRenderError(e.message, {\n error: e,\n component: this.component,\n });\n requestAnimationFrame(() => {\n this.emitError(renderError);\n this.unmount(renderError);\n });\n }\n }\n\n async onready(app: Promise<void>) {\n try {\n await app;\n this.dispatchEvent(\n new CCCReadyEvent({\n component: this.component,\n source: this.source,\n })\n );\n\n this.dataset.cccReady = \"true\";\n delete this.dataset.cccError;\n\n this.observer.observe(this);\n } catch (e) {\n if (e instanceof Error) {\n const renderError = new CCCRenderError(e.message, {\n error: e,\n component: this.component,\n });\n requestAnimationFrame(() => {\n this.emitError(renderError);\n this.unmount(renderError);\n });\n }\n }\n }\n\n postMessage(event: any) {\n this.channel.port1.postMessage(event);\n }\n\n async mount(prerendered?: ShadowRoot | null) {\n try {\n this.mode =\n this.getAttribute(\"shadow-open\") == \"false\" ? \"closed\" : \"open\";\n if (this.component) {\n if (!this.app) {\n throw new Error(\"CCC mounted without App\");\n }\n\n const ssr = this.shadowRoot !== null;\n const shadow =\n this.shadowRoot ?? this.attachShadow({ mode: this.mode });\n\n this.dispatchEvent(\n new CCCConnectedEvent({\n component: this.component,\n source: this.source,\n })\n );\n // Add global CCC styles if not already present in shadow DOM.\n if (\n !shadow.querySelector('link[href~=\"custom-code-component.css\"]') &&\n !shadow.adoptedStyleSheets.length\n ) {\n if (!window.CCC_LAYOUT_STYLESHEET) {\n window.CCC_LAYOUT_STYLESHEET = new CSSStyleSheet();\n window.CCC_LAYOUT_STYLESHEET.replaceSync(styles);\n }\n shadow.adoptedStyleSheets = [window.CCC_LAYOUT_STYLESHEET];\n }\n\n if (!ssr) {\n const template = document.createElement(\"template\");\n template.innerHTML = \"<div data-component-root><slot></slot></div>\";\n this.appendChild(template);\n shadow.appendChild(template.content.cloneNode(true));\n }\n\n const data = JSON.parse(this.getAttribute(\"data-component-props\")!);\n\n const extraProps = Object.fromEntries(\n [...this.attributes]\n .filter(\n (attribute) =>\n !this.RESERVED_ATTRS.has(attribute.name) &&\n !attribute.name.startsWith(\"data-\")\n )\n .map((attribute) => [attribute.name, attribute.value])\n );\n\n // Create tracking instance\n this.tracking = new Tracking({\n name: this.component?.toString(),\n subtype: \"interactive\",\n teamName: \"djd\",\n shadowRoot: this.shadowRoot,\n logger: this.log,\n });\n\n if (!data && Object.keys(extraProps).length > 0) {\n this.log.warn(\n `CCC ${this.component.toString()}: passing component settings as webcomponent attributes is %cDEPRECATED`,\n \"font-weight: bold\",\n \" and will be removed in v3.\"\n );\n this.log.warn(\n `Please use the %cdata-component-props`,\n \"text-decoration: underline;\",\n \" attribute instead.\"\n );\n }\n\n const { onmessage, ready = Promise.resolve() } =\n this.app(\n shadow,\n {\n ...(data ?? extraProps),\n data: data ?? extraProps,\n port: this.channel.port2,\n tracking: this.tracking,\n prerendered: !!prerendered,\n children: this.children,\n },\n ssr,\n this.onunmount.bind(this)\n ) || {};\n\n if (onmessage) this.onmessage = onmessage;\n\n this.onready(ready);\n }\n } catch (err) {\n this.log.info(\n `<custom-code-component> uncaught error during mount from ${this.component?.toString()}`\n );\n this.log.error(err);\n\n throw err;\n }\n }\n\n // Called in top-level error handler\n // Replace shadow root with either <slot> or template[data-component-fallback]\n // slot on failure\n unmount(e: Error) {\n const template =\n this.querySelector<HTMLTemplateElement>(\n \"template[data-component-fallback]\"\n ) ?? this.querySelector<HTMLTemplateElement>(\"template\");\n\n if (template) {\n this.shadowRoot?.replaceChildren(template.content.cloneNode(true));\n }\n\n if (!this.dataset.cccError)\n this.dataset.cccError = kebabize(e.name.replace(\"CCC\", \"\"));\n\n delete this.dataset.cccReady;\n\n this.observer.disconnect();\n }\n\n async load() {\n if (!this.component.isValid) {\n throw new Error(\"No path found\");\n }\n const path = this.getAttribute(\"path\");\n const componentVersionRange = this.getAttribute(\"version\");\n const timeout = Number(this.getAttribute(\"load-timeout\") || 10000);\n const testEnv = this.getAttribute(\"test-env\");\n this.testUrl = assignTestURL(testEnv);\n const isTestEnv = await useComponentTestEnv(\n this.component.name,\n this.testUrl\n );\n\n // id querystring necessary to multiple allow components with the same source (same name and version number) to appear on the page correctly\n const id = this.getAttribute(\"id\");\n\n if (isTestEnv && this.testUrl) {\n this.injectViteScripts();\n }\n\n this.source = isTestEnv\n ? `${this.testUrl?.origin}/src/${this.component.name}/index.jsx?id=${id}`\n : `https://www.ft.com/__component/${this.component.org}/${this.component.repo}${\n componentVersionRange ? `@${componentVersionRange}` : \"@latest\"\n }/${this.component.name}/${this.component.name}.js?id=${id}`;\n\n try {\n return await new Promise<typeof BaseRenderer.prototype.render>(\n (resolve, reject) => {\n const to = setTimeout(() => {\n this.log.error(\"CCC import timeout error\");\n reject(\n new CCCTimeoutError({\n component: this.component!,\n source: this.source,\n })\n );\n }, Number(timeout));\n\n if (this.source) {\n import(/* webpackIgnore: true */ this.source /* @vite-ignore */)\n .then(({ default: componentRenderFunction }) => {\n if (componentRenderFunction) {\n clearTimeout(to);\n resolve(componentRenderFunction);\n } else\n throw new CCCImportError(\n \"No component renderer default export found\",\n {\n component: this.component!,\n source: this.source,\n }\n );\n })\n .catch((e) => {\n clearTimeout(to);\n this.log.error(e);\n if (e instanceof Error && !(e instanceof CCCImportError)) {\n reject(\n new CCCImportError(e.message, {\n component: this.component!,\n source: this.source,\n })\n );\n } else {\n reject(e);\n }\n });\n } else {\n clearTimeout(to);\n throw new CCCImportError(`Unable to mount ${path}`, {\n component: this.component!,\n source: this.source,\n });\n }\n }\n );\n } catch (err) {\n this.log.error(\n `<custom-code-component> error during import from ${path}@${componentVersionRange}`\n );\n\n throw err;\n }\n }\n\n initTracking = async () => {\n try {\n this.tracking?.init(this.id);\n } catch (e) {\n const path = this.getAttribute(\"path\");\n const componentVersionRange = this.getAttribute(\"version\");\n this.log.info(\n `Error initialising tracking on <custom-code-component> ${path}@${componentVersionRange}`\n );\n this.log.error(e);\n }\n };\n\n injectViteScripts = () => {\n if (document.querySelector('script[name=\"ccc-sdk-react-preamble\"]')) return;\n\n const preambleScript = document.createElement(\"script\");\n preambleScript.type = \"module\";\n preambleScript.setAttribute(\"name\", \"ccc-sdk-react-preamble\");\n\n preambleScript.textContent = `\n import RefreshRuntime from \"${this.testUrl?.origin}/@react-refresh\";\n RefreshRuntime.injectIntoGlobalHook(window);\n window.$RefreshReg$ = () => {};\n window.$RefreshSig$ = () => (type) => type;\n window.__vite_plugin_react_preamble_installed__ = true;\n `.trim();\n document.head.appendChild(preambleScript);\n\n const viteClientScript = document.createElement(\"script\");\n viteClientScript.type = \"module\";\n viteClientScript.src = `${this.testUrl?.origin}/@vite/client`;\n document.head.appendChild(viteClientScript);\n };\n}\n\nexport interface CustomCodeComponent extends ContentTree.Node {\n type: \"CustomCodeComponent\";\n path: string;\n versionRange: string;\n altText: string;\n lastModified: string;\n fallbackImage?: ContentTree.Image;\n displayFallbackText: boolean;\n layout: \"in-line\" | \"mid-grid\" | \"full-grid\" | \"full-bleed\";\n /* prettier-ignore */\n attributes: {\n [key: string]: string | boolean | undefined;\n } | { children?: CustomCodeComponent | Array<CustomCodeComponent> };\n}\n\nexport type { FTCustomCodeComponent as CCCHTMLElement };\n"],"names":["Delegate","root","listenerMap","eventType","selector","handler","useCapture","matcher","matcherParam","matchesTag","matchesId","matchesRoot","i","listener","listenerList","singleEventType","event","l","type","phase","returned","target","eventIgnore","toFire","ret","tagName","element","id","sanitise","str","assignIfUndefined","subject","prop","LogLevel","convertStringLogLevel","value","level","Logger","args","getSiblingsAndPosition","el","originalEl","siblings","position","item","elementPropertiesToCollect","getAllElementProperties","properties","property","parseRawValue","rawValue","parsedValue","getAttributeValue","isJSON","getDomPathProps","attrs","props","attribute","getContextProps","isOriginalEl","customProps","name","getTrace","rootEl","trace","customContext","domPathProps","contextProps","eventPropertiesToCollect","Tracking","subtype","teamName","shadowRoot","category","elements","logger","eventProperties","e","eventData","clickEvent","clickElement","context","triggerAction","extraDetail","_a","ComponentPath","path","org","repo","versionRange","isValidComponentPathObject","p","v","CCCError","message","detail","CCCImportError","CCCRenderError","CCCTimeoutError","_CCCEvent","opts","CCCEvent","_CCCConnectedEvent","CCCConnectedEvent","_CCCReadyEvent","CCCReadyEvent","_CCCViewportEvent","CCCViewportEvent","kebabize","$","ofs","isSafeTestEnv","host","isAllowed","isLocalEnv","isSparkEnv","allowlist","hostname","assignTestURL","testEnv","testUrl","defaultTestUrl","useComponentTestEnv","componentName","FTCustomCodeComponent","entries","entry","componentVersionRange","_b","preambleScript","viteClientScript","supportsDeclarative","internals","error","wrappedError","renderError","app","prerendered","ssr","shadow","styles","template","data","extraProps","onmessage","ready","err","timeout","isTestEnv","resolve","reject","to","componentRenderFunction"],"mappings":"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","x_google_ignoreList":[0,1]}
|
|
1
|
+
{"version":3,"file":"custom-element.js","sources":["../node_modules/ftdomdelegate/main.js","../../node_modules/@financial-times/o-tracking/src/javascript/utils.js","../src/logger.ts","../src/get-trace.ts","../src/tracking.ts","../src/path.ts","../src/errors.ts","../src/events.ts","../src/util.ts","../src/environment.ts","../src/custom-code-component.ts"],"sourcesContent":["/**\n * DOM event delegator\n *\n * The delegator will listen\n * for events that bubble up\n * to the root node.\n *\n * @constructor\n * @param {Node|string} [root] The root node or a selector string matching the root node\n */\nfunction Delegate(root) {\n\n\t/**\n\t * Maintain a map of listener\n\t * lists, keyed by event name.\n\t *\n\t * @type Object\n\t */\n\tthis.listenerMap = [{}, {}];\n\tif (root) {\n\t\tthis.root(root);\n\t}\n\n\t/** @type function() */\n\tthis.handle = Delegate.prototype.handle.bind(this);\n\n\t// Cache of event listeners removed during an event cycle\n\tthis._removedListeners = [];\n}\n\n/**\n * Start listening for events\n * on the provided DOM element\n *\n * @param {Node|string} [root] The root node or a selector string matching the root node\n * @returns {Delegate} This method is chainable\n */\nDelegate.prototype.root = function (root) {\n\tconst listenerMap = this.listenerMap;\n\tlet eventType;\n\n\t// Remove master event listeners\n\tif (this.rootElement) {\n\t\tfor (eventType in listenerMap[1]) {\n\t\t\tif (listenerMap[1].hasOwnProperty(eventType)) {\n\t\t\t\tthis.rootElement.removeEventListener(eventType, this.handle, true);\n\t\t\t}\n\t\t}\n\t\tfor (eventType in listenerMap[0]) {\n\t\t\tif (listenerMap[0].hasOwnProperty(eventType)) {\n\t\t\t\tthis.rootElement.removeEventListener(eventType, this.handle, false);\n\t\t\t}\n\t\t}\n\t}\n\n\t// If no root or root is not\n\t// a dom node, then remove internal\n\t// root reference and exit here\n\tif (!root || !root.addEventListener) {\n\t\tif (this.rootElement) {\n\t\t\tdelete this.rootElement;\n\t\t}\n\t\treturn this;\n\t}\n\n\t/**\n\t * The root node at which\n\t * listeners are attached.\n\t *\n\t * @type Node\n\t */\n\tthis.rootElement = root;\n\n\t// Set up master event listeners\n\tfor (eventType in listenerMap[1]) {\n\t\tif (listenerMap[1].hasOwnProperty(eventType)) {\n\t\t\tthis.rootElement.addEventListener(eventType, this.handle, true);\n\t\t}\n\t}\n\tfor (eventType in listenerMap[0]) {\n\t\tif (listenerMap[0].hasOwnProperty(eventType)) {\n\t\t\tthis.rootElement.addEventListener(eventType, this.handle, false);\n\t\t}\n\t}\n\n\treturn this;\n};\n\n/**\n * @param {string} eventType\n * @returns boolean\n */\nDelegate.prototype.captureForType = function (eventType) {\n\treturn ['blur', 'error', 'focus', 'load', 'resize', 'scroll'].indexOf(eventType) !== -1;\n};\n\n/**\n * Attach a handler to one\n * event for all elements\n * that match the selector,\n * now or in the future\n *\n * The handler function receives\n * three arguments: the DOM event\n * object, the node that matched\n * the selector while the event\n * was bubbling and a reference\n * to itself. Within the handler,\n * 'this' is equal to the second\n * argument.\n *\n * The node that actually received\n * the event can be accessed via\n * 'event.target'.\n *\n * @param {string} eventType Listen for these events\n * @param {string|undefined} selector Only handle events on elements matching this selector, if undefined match root element\n * @param {function()} handler Handler function - event data passed here will be in event.data\n * @param {boolean} [useCapture] see 'useCapture' in <https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener>\n * @returns {Delegate} This method is chainable\n */\nDelegate.prototype.on = function (eventType, selector, handler, useCapture) {\n\tlet root;\n\tlet listenerMap;\n\tlet matcher;\n\tlet matcherParam;\n\n\tif (!eventType) {\n\t\tthrow new TypeError('Invalid event type: ' + eventType);\n\t}\n\n\t// handler can be passed as\n\t// the second or third argument\n\tif (typeof selector === 'function') {\n\t\tuseCapture = handler;\n\t\thandler = selector;\n\t\tselector = null;\n\t}\n\n\t// Fallback to sensible defaults\n\t// if useCapture not set\n\tif (useCapture === undefined) {\n\t\tuseCapture = this.captureForType(eventType);\n\t}\n\n\tif (typeof handler !== 'function') {\n\t\tthrow new TypeError('Handler must be a type of Function');\n\t}\n\n\troot = this.rootElement;\n\tlistenerMap = this.listenerMap[useCapture ? 1 : 0];\n\n\t// Add master handler for type if not created yet\n\tif (!listenerMap[eventType]) {\n\t\tif (root) {\n\t\t\troot.addEventListener(eventType, this.handle, useCapture);\n\t\t}\n\t\tlistenerMap[eventType] = [];\n\t}\n\n\tif (!selector) {\n\t\tmatcherParam = null;\n\n\t\t// COMPLEX - matchesRoot needs to have access to\n\t\t// this.rootElement, so bind the function to this.\n\t\tmatcher = matchesRoot.bind(this);\n\n\t\t// Compile a matcher for the given selector\n\t} else if (/^[a-z]+$/i.test(selector)) {\n\t\tmatcherParam = selector;\n\t\tmatcher = matchesTag;\n\t} else if (/^#[a-z0-9\\-_]+$/i.test(selector)) {\n\t\tmatcherParam = selector.slice(1);\n\t\tmatcher = matchesId;\n\t} else {\n\t\tmatcherParam = selector;\n\t\tmatcher = Element.prototype.matches;\n\t}\n\n\t// Add to the list of listeners\n\tlistenerMap[eventType].push({\n\t\tselector: selector,\n\t\thandler: handler,\n\t\tmatcher: matcher,\n\t\tmatcherParam: matcherParam\n\t});\n\n\treturn this;\n};\n\n/**\n * Remove an event handler\n * for elements that match\n * the selector, forever\n *\n * @param {string} [eventType] Remove handlers for events matching this type, considering the other parameters\n * @param {string} [selector] If this parameter is omitted, only handlers which match the other two will be removed\n * @param {function()} [handler] If this parameter is omitted, only handlers which match the previous two will be removed\n * @returns {Delegate} This method is chainable\n */\nDelegate.prototype.off = function (eventType, selector, handler, useCapture) {\n\tlet i;\n\tlet listener;\n\tlet listenerMap;\n\tlet listenerList;\n\tlet singleEventType;\n\n\t// Handler can be passed as\n\t// the second or third argument\n\tif (typeof selector === 'function') {\n\t\tuseCapture = handler;\n\t\thandler = selector;\n\t\tselector = null;\n\t}\n\n\t// If useCapture not set, remove\n\t// all event listeners\n\tif (useCapture === undefined) {\n\t\tthis.off(eventType, selector, handler, true);\n\t\tthis.off(eventType, selector, handler, false);\n\t\treturn this;\n\t}\n\n\tlistenerMap = this.listenerMap[useCapture ? 1 : 0];\n\tif (!eventType) {\n\t\tfor (singleEventType in listenerMap) {\n\t\t\tif (listenerMap.hasOwnProperty(singleEventType)) {\n\t\t\t\tthis.off(singleEventType, selector, handler);\n\t\t\t}\n\t\t}\n\n\t\treturn this;\n\t}\n\n\tlistenerList = listenerMap[eventType];\n\tif (!listenerList || !listenerList.length) {\n\t\treturn this;\n\t}\n\n\t// Remove only parameter matches\n\t// if specified\n\tfor (i = listenerList.length - 1; i >= 0; i--) {\n\t\tlistener = listenerList[i];\n\n\t\tif ((!selector || selector === listener.selector) && (!handler || handler === listener.handler)) {\n\t\t\tthis._removedListeners.push(listener);\n\t\t\tlistenerList.splice(i, 1);\n\t\t}\n\t}\n\n\t// All listeners removed\n\tif (!listenerList.length) {\n\t\tdelete listenerMap[eventType];\n\n\t\t// Remove the main handler\n\t\tif (this.rootElement) {\n\t\t\tthis.rootElement.removeEventListener(eventType, this.handle, useCapture);\n\t\t}\n\t}\n\n\treturn this;\n};\n\n\n/**\n * Handle an arbitrary event.\n *\n * @param {Event} event\n */\nDelegate.prototype.handle = function (event) {\n\tlet i;\n\tlet l;\n\tconst type = event.type;\n\tlet root;\n\tlet phase;\n\tlet listener;\n\tlet returned;\n\tlet listenerList = [];\n\tlet target;\n\tconst eventIgnore = 'ftLabsDelegateIgnore';\n\n\tif (event[eventIgnore] === true) {\n\t\treturn;\n\t}\n\n\ttarget = event.target;\n\n\t// Hardcode value of Node.TEXT_NODE\n\t// as not defined in IE8\n\tif (target.nodeType === 3) {\n\t\ttarget = target.parentNode;\n\t}\n\n\t// Handle SVG <use> elements in IE\n\tif (target.correspondingUseElement) {\n\t\ttarget = target.correspondingUseElement;\n\t}\n\n\troot = this.rootElement;\n\n\tphase = event.eventPhase || (event.target !== event.currentTarget ? 3 : 2);\n\n\t// eslint-disable-next-line default-case\n\tswitch (phase) {\n\t\tcase 1: //Event.CAPTURING_PHASE:\n\t\t\tlistenerList = this.listenerMap[1][type];\n\t\t\tbreak;\n\t\tcase 2: //Event.AT_TARGET:\n\t\t\tif (this.listenerMap[0] && this.listenerMap[0][type]) {\n\t\t\t\tlistenerList = listenerList.concat(this.listenerMap[0][type]);\n\t\t\t}\n\t\t\tif (this.listenerMap[1] && this.listenerMap[1][type]) {\n\t\t\t\tlistenerList = listenerList.concat(this.listenerMap[1][type]);\n\t\t\t}\n\t\t\tbreak;\n\t\tcase 3: //Event.BUBBLING_PHASE:\n\t\t\tlistenerList = this.listenerMap[0][type];\n\t\t\tbreak;\n\t}\n\n\tlet toFire = [];\n\n\t// Need to continuously check\n\t// that the specific list is\n\t// still populated in case one\n\t// of the callbacks actually\n\t// causes the list to be destroyed.\n\tl = listenerList.length;\n\twhile (target && l) {\n\t\tfor (i = 0; i < l; i++) {\n\t\t\tlistener = listenerList[i];\n\n\t\t\t// Bail from this loop if\n\t\t\t// the length changed and\n\t\t\t// no more listeners are\n\t\t\t// defined between i and l.\n\t\t\tif (!listener) {\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\ttarget.tagName &&\n\t\t\t\t[\"button\", \"input\", \"select\", \"textarea\"].indexOf(target.tagName.toLowerCase()) > -1 &&\n\t\t\t\ttarget.hasAttribute(\"disabled\")\n\t\t\t) {\n\t\t\t\t// Remove things that have previously fired\n\t\t\t\ttoFire = [];\n\t\t\t}\n\t\t\t// Check for match and fire\n\t\t\t// the event if there's one\n\t\t\t//\n\t\t\t// TODO:MCG:20120117: Need a way\n\t\t\t// to check if event#stopImmediatePropagation\n\t\t\t// was called. If so, break both loops.\n\t\t\telse if (listener.matcher.call(target, listener.matcherParam, target)) {\n\t\t\t\ttoFire.push([event, target, listener]);\n\t\t\t}\n\t\t}\n\n\t\t// TODO:MCG:20120117: Need a way to\n\t\t// check if event#stopPropagation\n\t\t// was called. If so, break looping\n\t\t// through the DOM. Stop if the\n\t\t// delegation root has been reached\n\t\tif (target === root) {\n\t\t\tbreak;\n\t\t}\n\n\t\tl = listenerList.length;\n\n\t\t// Fall back to parentNode since SVG children have no parentElement in IE\n\t\ttarget = target.parentElement || target.parentNode;\n\n\t\t// Do not traverse up to document root when using parentNode, though\n\t\tif (target instanceof HTMLDocument) {\n\t\t\tbreak;\n\t\t}\n\t}\n\n\tlet ret;\n\n\tfor (i = 0; i < toFire.length; i++) {\n\t\t// Has it been removed during while the event function was fired\n\t\tif (this._removedListeners.indexOf(toFire[i][2]) > -1) {\n\t\t\tcontinue;\n\t\t}\n\t\treturned = this.fire.apply(this, toFire[i]);\n\n\t\t// Stop propagation to subsequent\n\t\t// callbacks if the callback returned\n\t\t// false\n\t\tif (returned === false) {\n\t\t\ttoFire[i][0][eventIgnore] = true;\n\t\t\ttoFire[i][0].preventDefault();\n\t\t\tret = false;\n\t\t\tbreak;\n\t\t}\n\t}\n\n\treturn ret;\n};\n\n/**\n * Fire a listener on a target.\n *\n * @param {Event} event\n * @param {Node} target\n * @param {Object} listener\n * @returns {boolean}\n */\nDelegate.prototype.fire = function (event, target, listener) {\n\treturn listener.handler.call(target, event, target);\n};\n\n/**\n * Check whether an element\n * matches a tag selector.\n *\n * Tags are NOT case-sensitive,\n * except in XML (and XML-based\n * languages such as XHTML).\n *\n * @param {string} tagName The tag name to test against\n * @param {Element} element The element to test with\n * @returns boolean\n */\nfunction matchesTag(tagName, element) {\n\treturn tagName.toLowerCase() === element.tagName.toLowerCase();\n}\n\n/**\n * Check whether an element\n * matches the root.\n *\n * @param {?String} selector In this case this is always passed through as null and not used\n * @param {Element} element The element to test with\n * @returns boolean\n */\nfunction matchesRoot(selector, element) {\n\tif (this.rootElement === window) {\n\t\treturn (\n\t\t\t// Match the outer document (dispatched from document)\n\t\t\telement === document ||\n\t\t\t// The <html> element (dispatched from document.body or document.documentElement)\n\t\t\telement === document.documentElement ||\n\t\t\t// Or the window itself (dispatched from window)\n\t\t\telement === window\n\t\t);\n\t}\n\treturn this.rootElement === element;\n}\n\n/**\n * Check whether the ID of\n * the element in 'this'\n * matches the given ID.\n *\n * IDs are case-sensitive.\n *\n * @param {string} id The ID to test against\n * @param {Element} element The element to test with\n * @returns boolean\n */\nfunction matchesId(id, element) {\n\treturn id === element.id;\n}\n\n/**\n * Short hand for off()\n * and root(), ie both\n * with no parameters\n *\n * @return void\n */\nDelegate.prototype.destroy = function () {\n\tthis.off();\n\tthis.root();\n};\n\nexport default Delegate;\n","/**\n * Shared 'internal' scope.\n */\nimport {get} from './core/settings.js';\n\n/**\n * CUID Generator\n */\nimport {api as cuid} from '../libs/browser-cuid.js';\n\n/**\n * Record of callbacks to call when a page is tracked.\n */\nconst page_callbacks = [];\n\n/**\n * Log messages to the browser console. Requires 'log' to be set on init.\n *\n * @param {*} args items to log\n * @returns {void}\n */\nfunction log(...args) {\n\tif (get('config').test && window.console) {\n\t\tfor (const arg of args) {\n\t\t\twindow.console.log(arg);\n\t\t}\n\t}\n}\n\n/**\n * Creates a logging function that logs messages to the console with a specified namespace.\n *\n * @function namedLog\n * @param {string} namespace - The namespace to be prefixed to each log message.\n * @returns {function} A function that logs messages to the console with the given namespace if the configuration allows.\n *\n * @example\n * const log = namedLog('MyNamespace');\n * log('This is a message'); \n * // Output: [MyNamespace]: This is a message\n */\nfunction namedLog(namespace) {\n\treturn function(...args) {\n\t\tif(get('config').test && window.console) {\n\t\t\twindow.console.log(`%c[${namespace}]:`, 'color: teal', ...args)\n\t\t}\n\t}\n}\n\n/**\n * Tests if variable is a certain type. Defaults to check for undefined if no type specified.\n *\n * @param {*} variable - The variable to check.\n * @param {string=} type - The type to test for. Defaults to undefined.\n *\n * @returns {boolean} - The answer for if the variable is of type.\n */\nfunction is(variable, type = 'undefined') {\n\treturn typeof variable === type;\n}\n\n/**\n * Merge objects together. Will remove undefined and null values.\n *\n * @param {object} target - The original object to merge in to.\n * @param {object} options - The object to merge into the target. If omitted, will merge target into a new empty Object.\n *\n * @returns {object} The merged object.\n */\nfunction merge(target, options) {\n\tif (!options) {\n\t\toptions = target;\n\t\ttarget = {};\n\t}\n\n\tlet name;\n\tlet src;\n\tlet copy;\n\n\t/* jshint -W089 */\n\t/* eslint guard-for-in: 0 */\n\tfor (name in options) {\n\t\tsrc = target[name];\n\t\tcopy = options[name];\n\n\t\t// Prevent never-ending loop\n\t\tif (target === copy) {\n\t\t\tcontinue;\n\t\t}\n\n\t\t// Gets rid of missing values too\n\t\tif (typeof copy !== 'undefined' && copy !== null) {\n\t\t\ttarget[name] = src === Object(src) && !is(src, 'function') ? merge(src, copy) : copy;\n\t\t}\n\t}\n\t/* jshint +W089 */\n\t/* jslint forin:true */\n\n\treturn target;\n}\n\n/**\n * URL encode a string.\n *\n * @param {string} str - The string to be encoded.\n * @returns {string} The encoded string.\n */\nfunction encode(str) {\n\tif (window.encodeURIComponent) {\n\t\treturn window.encodeURIComponent(str);\n\t} else {\n\t\treturn window.escape(str);\n\t}\n}\n\n/**\n * URL decode a string.\n *\n * @param {string} str - The string to be decoded.\n * @returns {string} The decoded string.\n */\nfunction decode(str) {\n\tif (window.decodeURIComponent) {\n\t\treturn window.decodeURIComponent(str);\n\t} else {\n\t\treturn window.unescape(str);\n\t}\n}\n\n/**\n * Utility to add event listeners.\n *\n * @param {Element} element\n * @param {string} event\n * @param {EventListenerOrEventListenerObject} listener\n * @returns {void}\n */\nfunction addEvent(element, event, listener) {\n\tif (element.addEventListener) {\n\t\telement.addEventListener(event, listener, false);\n\t} else {\n\t\telement.attachEvent('on' + event, listener);\n\t}\n}\n\n/**\n * Utility for dispatching custom events from window\n *\n * @param {string} namespace\n * @param {string} eventType\n * @param {object} detail\n * @returns {void}\n */\nfunction broadcast(namespace, eventType, detail) {\n\tdetail = detail || {};\n\ttry {\n\t\twindow.dispatchEvent(new CustomEvent(namespace + '.' + eventType, {\n\t\t\tdetail: detail,\n\t\t\tbubbles: true\n\t\t}));\n\t} catch (error) {\n\t\t// empty\n\t}\n}\n\n/**\n * Listen for page tracking requests.\n *\n * @param {Function} cb - The callback to be called whenever a page is tracked.\n * @returns {void}\n */\nfunction onPage(cb) {\n\tif (is(cb, 'function') && !page_callbacks.includes(cb)) {\n\t\tpage_callbacks.push(cb);\n\t}\n}\n\n/**\n * Trigger the 'page' listeners.\n *\n * @returns {void}\n */\nfunction triggerPage() {\n\tfor (let i = 0; i < page_callbacks.length; i++) {\n\t\tpage_callbacks[i]();\n\t}\n}\n\n/**\n * Get a value from document.cookie matching the first match of the regexp you supply\n *\n * @param {RegExp} matcher - The Regex to match with\n * @returns {string} - The vale from the cookie\n */\nfunction getValueFromCookie(matcher) {\n\treturn document.cookie.match(matcher) && RegExp.$1 !== '' && RegExp.$1 !== 'null' ? RegExp.$1 : null;\n}\n\n/**\n * Filter an object to only have the properties which are listed in the `allowlist` parameter.\n *\n * @param {object} objectToFilter - An object whose props need to be filtered\n * @param {Array} allowedPropertyNames - The list of props to allow\n * @returns {object} An object containing only the allowed props\n */\nfunction filterProperties (objectToFilter, allowedPropertyNames) {\n\tconst filteredObject = {};\n\tfor (const allowedName of allowedPropertyNames) {\n\t\tif (objectToFilter[allowedName]) {\n\t\t\tfilteredObject[allowedName] = objectToFilter[allowedName];\n\t\t}\n\t}\n\treturn filteredObject;\n}\n\n/**\n * Trim strings\n *\n * @param {string} str - The string to trim.\n * @returns {string} The trimmed string.\n */\nfunction sanitise (str) {\n\treturn typeof str === 'string' ? str.trim() : str;\n}\n\n/**\n * Assign the subject value if the target properties are undefined\n *\n * @param {object} subject - assign the value\n * @param {object} target - be assigned the value\n * @returns {void}\n */\nfunction assignIfUndefined (subject, target) {\n\tfor (const prop in subject) {\n\t\tif (!target[prop]) {\n\t\t\ttarget[prop] = subject[prop];\n\t\t} else {\n\t\t\t// eslint-disable-next-line no-console\n\t\t\tconsole.warn(`You can't set a custom property called ${prop}`);\n\t\t}\n\t}\n}\n\n\n/**\n * Identify circular references in 'object', and replace them with a string representation\n * of the reference. Returns a succesfully serialised JSON string, and a list of circular\n * references which were removed.\n * \n * Inspired by https://github.com/sindresorhus/safe-stringify and \n * https://github.com/sindresorhus/decircular\n *\n * @param {*} object The object we want to stringify, and search within for circular references\n * @returns {Object: {jsonString: string, warnings: array}} The stringified object, and a warnings for each circular reference which was removed\n */\nfunction removeCircularReferences(object) {\n\n\t// WeakMaps release memory when all references are garbage-collected\n\tconst circularReferences = new WeakMap();\n\tconst paths = new WeakMap();\n\n\tconst warnings = [];\n\n\tfunction getPathFragment(parent, key) {\n\t\tif (!key) {\n\t\t\treturn '$';\n\t\t}\n\n\t\tif (Array.isArray(parent)) {\n\t\t\treturn `[${key}]`;\n\t\t}\n\n\t\treturn `.${key}`;\n\t}\n\n\tfunction formatCircularReferencesWarning(references) {\n\t\tconst paths = references.map(path => '`' + path.join('') + '`');\n\t\treturn 'Circular reference between ' + paths.join(' AND ');\n\t}\n\n\tfunction replacer(key, value) {\n\t\t// Scalars don't need to be inspected as they can't contain circular references\n\t\tif (!(value !== null && typeof value === 'object')) {\n\t\t\treturn value\n\t\t}\n\n\t\t// Record the path from the root ($) to the current object (value)\n\t\t// in order to print helpful circular reference warnings.\n\t\tconst path = [...paths.get(this) || [], getPathFragment(this, key)];\n\t\tpaths.set(value, path);\n\n\t\t// If a reference to the current value is already in the list, we have\n\t\t// a circular reference. Add the current value to the list along with its path,\n\t\t// and return a useful error string rather than the unserialisable value.\n\t\tif (circularReferences.has(value)) {\n\t\t\tconst references = [...circularReferences.get(value), path];\n\t\t\tcircularReferences.set(value, references);\n\t\t\tconst warning = formatCircularReferencesWarning(references);\n\t\t\twarnings.push(warning);\n\t\t\treturn warning;\n\t\t}\n\n\t\t// This is the first time we've seen the current value in this branch \n\t\t// of the object. Record its path from the object root.\n\t\tcircularReferences.set(value, [path]);\n\n\t\t// Recurse into the value to proactively find circular references\n\t\t// before encountering a loop.\n\t\tconst newValue = Array.isArray(value) ? [] : {};\n\t\tfor (const [k, v] of Object.entries(value)) {\n\t\t\tnewValue[k] = replacer.call(value, k, v);\n\t\t}\n\n\t\t// All circular references to this object will have been identified,\n\t\t// so remove it from the list.\n\t\tcircularReferences.delete(value);\n\n\t\t// This branch of the object can now be safely serialised to a JSON string\n\t\treturn newValue;\n\t}\n\n\tconst jsonString = JSON.stringify(object, replacer);\n\treturn {jsonString, warnings};\n}\n\n\n/**\n * Stringify an object to JSON, removing any circular references. When circular references\n * are found, an error is thrown in a new event loop so that global error handlers can report it.\n *\n * @param {*} object The object we want to stringify, and search within for circular references\n * @returns {string} The safely stringified JSON string\n */\nfunction safelyStringifyJson(object) {\n\n\t// JSON.stringify throws on two cases:\n\t// - value contains a circular reference\n\t// - A BigInt value is encountered\n\t// Circular references are a real possibility in the way o-tracking is called (and saves a queue of \n\t// messages in a store), so we need to handle those gracefully.\n\t// \n\t// However, for performance reasons, we always attempt to do a basic JSON.stringify() first. The \n\t// recursion involved in removeCircularReferences() makes it about 20x slower to stringify a basic payload. \n\t// This performance hit will be exacerbated on slow devices (e.g. old Android phones) with lots of queued offline events.\n\ttry {\n\t\treturn JSON.stringify(object);\n\n\t// NB: error is discarded - we have more work to do in order to throw a useful message\n\t} catch (error) {\n\t\n\t\tconst {jsonString, warnings} = removeCircularReferences(object);\n\t\n\t\tif (warnings.length) {\n\t\t\t// Throw in a new event loop, as we always want to return JSON so the tracking payload is sent\n\t\t\tsetTimeout(() => {\n\t\t\t\tconst errorMessage = \"AssertionError: o-tracking does not support circular references in the analytics data.\\n\" +\n\t\t\t\t\"Please remove the circular references in the data.\\n\" +\n\t\t\t\t\"Here are the paths in the data which are circular:\\n\" +\n\t\t\t\twarnings.join('\\n');\n\t\t\t\tthrow new Error(errorMessage);\n\t\t\t});\n\t\t}\n\t\n\t\treturn jsonString;\n\t}\n\n\n};\n\n/**\n * Find out whether two objects are deeply equal to each other.\n *\n * @param {*} a\n * @param {*} b\n * @returns {boolean} - true if the two arguments are deeply equal\n */\nfunction isDeepEqual(a, b) {\n\tif (a === b) {\n\t\treturn true;\n\t}\n\n\tif (\n\t\ta &&\n\t\tb &&\n\t\ttypeof a === \"object\" &&\n\t\ttypeof b === \"object\"\n\t) {\n\t\tif (a.constructor !== b.constructor) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif (Array.isArray(a)) {\n\t\t\tconst length = a.length;\n\t\t\tif (length !== b.length) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\tfor (let i = length; i-- !== 0; ) {\n\t\t\t\tif (!isDeepEqual(a[i], b[i])) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn true;\n\t\t}\n\n\t\tif (a.constructor === RegExp) {\n\t\t\treturn (\n\t\t\t\ta.source === b.source && a.flags === b.flags\n\t\t\t);\n\t\t}\n\t\tif (a.valueOf !== Object.prototype.valueOf) {\n\t\t\treturn a.valueOf() === b.valueOf();\n\t\t}\n\t\tif (a.toString !== Object.prototype.toString) {\n\t\t\treturn a.toString() === b.toString();\n\t\t}\n\n\t\tconst keys = Object.keys(a);\n\t\tconst length = keys.length;\n\t\tif (length !== Object.keys(b).length) {\n\t\t\treturn false;\n\t\t}\n\n\t\tfor (let i = length; i-- !== 0; ) {\n\t\t\tif (!Object.prototype.hasOwnProperty.call(b, keys[i])) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\tfor (let i = length; i-- !== 0; ) {\n\t\t\tconst key = keys[i];\n\n\t\t\tif (!isDeepEqual(a[key], b[key])) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\treturn true;\n\t}\n}\n\nexport {\n\tlog,\n\tnamedLog,\n\tis,\n\tis as isUndefined,\n\tmerge,\n\tencode,\n\tdecode,\n\tcuid as guid,\n\taddEvent,\n\tbroadcast,\n\tonPage,\n\ttriggerPage,\n\tgetValueFromCookie,\n\tsanitise,\n\tassignIfUndefined,\n\tfilterProperties,\n\tremoveCircularReferences,\n\tsafelyStringifyJson,\n\tisDeepEqual\n};\n","export const LogLevel = Object.freeze({\n DEBUG: 0,\n INFO: 1,\n WARN: 2,\n ERROR: 3,\n TEST: 4,\n DEFAULT: 2,\n});\n\nexport function convertStringLogLevel(value: string | null) {\n const level = value?.toLowerCase();\n\n if (level === \"debug\") {\n return LogLevel.DEBUG;\n }\n\n if (level === \"info\") {\n return LogLevel.INFO;\n }\n\n if (level === \"warn\") {\n return LogLevel.WARN;\n }\n\n if (level === \"error\") {\n return LogLevel.ERROR;\n }\n\n if (level === \"test\") {\n return LogLevel.TEST;\n }\n\n return LogLevel.DEFAULT;\n}\n\nexport class Logger {\n level: number;\n constructor(\n { level = LogLevel.DEFAULT }: { level: number } = {\n level: LogLevel.DEFAULT,\n }\n ) {\n this.level = level;\n }\n\n debug(...args: any[]) {\n if (this.level <= LogLevel.DEBUG) {\n console.info(...args);\n }\n }\n\n log = this.debug;\n\n info(...args: any[]) {\n if (this.level <= LogLevel.INFO) {\n console.info(...args);\n }\n }\n\n warn(...args: any[]) {\n if (this.level <= LogLevel.WARN) {\n console.warn(...args);\n }\n }\n\n error(...args: any[]) {\n if (this.level <= LogLevel.ERROR) {\n console.error(...args);\n }\n }\n}\n","// Trace the element and all of its parents, collecting properties as we go\nimport {\n sanitise,\n assignIfUndefined,\n} from \"@financial-times/o-tracking/src/javascript/utils\";\n\ntype PropMap = { [k: string]: any };\n// For a given container element, get the number of elements that match the\n// original element (siblings); and the index of the original element (position).\nconst getSiblingsAndPosition = (\n el: Element | null,\n originalEl: Element,\n selector: string\n) => {\n const siblings = Array.from(el?.querySelectorAll(selector) ?? []);\n const position = siblings.findIndex((item) => item === originalEl);\n if (position === -1) {\n return;\n }\n return {\n siblings: siblings.length,\n position,\n };\n};\n\nconst elementPropertiesToCollect = [\n \"nodeName\",\n \"className\",\n \"id\",\n \"href\",\n \"text\",\n \"role\",\n];\n// Get all (sanitised) properties of a given element.\nconst getAllElementProperties = (element: any) => {\n const properties: PropMap = {};\n for (const property of elementPropertiesToCollect) {\n const value =\n element[property] ||\n element.getAttribute(property) ||\n element.hasAttribute(property);\n if (value !== undefined) {\n if (typeof value === \"boolean\") {\n properties[property] = value;\n } else {\n properties[property] = sanitise(value);\n }\n }\n }\n\n return properties;\n};\n\nconst parseRawValue = (rawValue: string) => {\n try {\n const parsedValue = JSON.parse(rawValue);\n const type = Object.prototype.toString.call(parsedValue);\n const isJSON = type === \"[object Object]\" || type === \"[object Array]\";\n\n return [isJSON, parsedValue];\n } catch (error) {\n return [false, null];\n }\n};\n\nconst getAttributeValue = (rawValue: string) => {\n const [isJSON, value] = parseRawValue(rawValue);\n\n return isJSON ? value : rawValue;\n};\n\n// Get some properties of a given element.\nconst getDomPathProps = (attrs: Attr[], props: PropMap) => {\n // Collect any attribute that matches given strings.\n attrs\n .filter((attribute) =>\n attribute.name.match(/^data-trackable|^data-o-|^aria-/i)\n )\n .forEach((attribute) => {\n props[attribute.name] = attribute.value;\n });\n\n return props;\n};\n\n// Get only the custom data-trackable-context-? properties of a given element\nconst getContextProps = (\n attrs: Attr[],\n props: PropMap,\n isOriginalEl: boolean\n) => {\n const customProps: { [k: string]: any } = {};\n\n // for the original element collect properties like className, nodeName\n if (isOriginalEl) {\n elementPropertiesToCollect.forEach((name) => {\n if (typeof props[name] !== \"undefined\" && name !== \"id\") {\n customProps[name] = props[name];\n }\n });\n }\n\n // Collect any attribute that matches given strings.\n attrs\n .filter((attribute) => attribute.name.match(/^data-trackable-context-/i))\n .forEach((attribute) => {\n customProps[attribute.name.replace(\"data-trackable-context-\", \"\")] =\n getAttributeValue(attribute.value);\n });\n\n return customProps;\n};\n\nexport function getTrace(el: Element, rootEl: Element) {\n const originalEl = el;\n const selector = originalEl?.getAttribute(\"data-trackable\")\n ? `[data-trackable=\"${originalEl.getAttribute(\"data-trackable\")}\"]`\n : originalEl?.nodeName;\n const trace = [];\n const customContext = {};\n while (el && el !== rootEl) {\n const props = getAllElementProperties(el);\n const attrs = Array.from(el.attributes);\n let domPathProps = getDomPathProps(attrs, props);\n\n // If the element happens to have a data-trackable attribute, get the siblings\n // and position of the element (relative to the current element).\n if (domPathProps[\"data-trackable\"]) {\n domPathProps = Object.assign(\n domPathProps,\n getSiblingsAndPosition(el, originalEl, selector)\n );\n }\n\n trace.push(domPathProps);\n\n const contextProps = getContextProps(attrs, props, el === originalEl);\n\n assignIfUndefined(contextProps, customContext);\n\n el = el.parentNode as Element;\n }\n return { trace, customContext };\n}\n","import Delegate from \"ftdomdelegate/main\";\n\nimport {\n sanitise,\n assignIfUndefined,\n} from \"@financial-times/o-tracking/src/javascript/utils\";\nimport { Logger } from \"./logger\";\nimport { getTrace } from \"./get-trace\";\n\nconst eventPropertiesToCollect = [\"ctrlKey\", \"altKey\", \"shiftKey\", \"metaKey\"];\n\nclass Tracking {\n cccId: string;\n cccName: string;\n subtype: string;\n teamName: string;\n shadowRoot: ShadowRoot | null;\n category: string;\n elements: string | string[];\n isInitialised: boolean;\n log: Logger;\n\n constructor({\n id = \"00000000-0000-0000-0000-000000000000\",\n name = \"ccc-component\",\n subtype = \"interactive\",\n teamName = \"djd\",\n shadowRoot = null,\n category = \"cta\",\n elements = 'a, button, input, [role=\"button\"]',\n logger,\n }: {\n id?: string;\n name: string;\n subtype: string;\n teamName?: string;\n shadowRoot: ShadowRoot | null;\n category?: string;\n elements?: string | string[];\n logger: Logger;\n }) {\n this.cccId = id;\n this.cccName = name;\n this.subtype = subtype;\n this.teamName = teamName;\n this.shadowRoot = shadowRoot;\n this.category = category;\n this.elements = elements;\n this.isInitialised = false;\n this.log = logger ?? new Logger();\n }\n\n // Get properties for the event (as opposed to properties of the clicked element)\n getEventProperties(event: any) {\n const eventProperties: { [k: string]: any } = {};\n for (const property of eventPropertiesToCollect) {\n if (event[property]) {\n try {\n eventProperties[property] = sanitise(event[property]);\n } catch (e) {\n this.log.info(e);\n }\n }\n }\n return eventProperties;\n }\n\n // Controller for handling click events\n handleClickEvent(\n eventData: { action: string; category: string },\n root: Element\n ) {\n return (clickEvent: Event, clickElement: HTMLElement) => {\n const context: any = this.getEventProperties(clickEvent);\n const { trace, customContext } = getTrace(clickElement, root);\n context.custom =\n clickElement.dataset && clickElement.dataset.custom\n ? JSON.parse(clickElement.dataset.custom)\n : null;\n context.domPathTokens = trace;\n context.component = {\n id: this.cccId,\n name: this.cccName,\n type: \"custom-code-component\",\n subtype: this.subtype,\n };\n context.teamName = this.teamName;\n context.url = document.URL;\n\n assignIfUndefined(customContext, context);\n\n context.method = \"ftCustomAnalytics\";\n eventData = { ...eventData, ...context };\n\n // send spoor event\n document.body.dispatchEvent(\n new CustomEvent(\"oTracking.event\", {\n detail: eventData,\n bubbles: true,\n composed: true,\n })\n );\n };\n }\n\n sendSpoorEvent(triggerAction: any, extraDetail: any) {\n const eventData = {\n category: \"component\",\n action: \"act\",\n component: {\n id: this.cccId,\n name: this.cccName,\n type: \"custom-code-component\",\n subtype: this.subtype,\n },\n teamName: this.teamName,\n trigger_action: triggerAction,\n custom: extraDetail,\n method: \"ftCustomAnalytics\",\n };\n\n // send spoor event\n document.body.dispatchEvent(\n new CustomEvent(\"oTracking.event\", {\n detail: eventData,\n bubbles: true,\n composed: true,\n })\n );\n }\n\n init(id: string) {\n if (!this.isInitialised) {\n this.isInitialised = true;\n this.cccId = id ? id : this.cccId;\n\n const eventData = {\n action: \"click\",\n category: this.category,\n };\n\n const root = this.shadowRoot?.querySelector(\"[data-component-root]\");\n\n if (root) {\n const shadowDelegate = new Delegate(root);\n shadowDelegate.on(\n \"click\",\n this.elements,\n this.handleClickEvent(eventData, root),\n true\n );\n }\n }\n }\n}\n\nexport default Tracking;\n","import { CCCError } from \"./errors\";\n\nexport type ComponentPathType = {\n org: string;\n repo: string;\n name: string;\n versionRange: string;\n};\nexport class ComponentPath {\n org: string = \"local\";\n repo: string = \"dev\";\n name: string;\n versionRange: string;\n\n constructor(path?: ComponentPathType | string) {\n const { org, repo, name, versionRange } = isValidComponentPathObject(path)\n ? path\n : ComponentPath.fromString(path);\n if (org) this.org = org;\n if (repo) this.repo = repo;\n this.name = name;\n this.versionRange = versionRange;\n }\n\n set path(path: ComponentPathType | string) {\n const { org, repo, name, versionRange } = isValidComponentPathObject(path)\n ? path\n : ComponentPath.fromString(path);\n this.org = org;\n this.repo = repo;\n this.name = name;\n this.versionRange = versionRange;\n }\n\n get path(): string {\n return `${this.org}/${this.repo}@${this.versionRange}/${this.name}`;\n }\n\n get isValid(): boolean {\n return [this.org, this.repo, this.name].every(\n (value) => value !== \"unknown\"\n );\n }\n\n toString(): string {\n return this.path;\n }\n\n static fromString(p?: string | null, v?: string | null): ComponentPath {\n const path = p ?? \"unknown/unknown/unknown\";\n\n const [name, repo, org] = path\n .replace(/@[^\\/]+/, \"\")\n .split(\"/\")\n .reverse();\n\n const versionRange =\n v ??\n path\n .match(/@[^\\/]+/)\n ?.toString()\n .replace(\"@\", \"\") ??\n \"unknown\";\n\n if (repo && !versionRange) throw new CCCError(\"No version specified\");\n\n return new ComponentPath({ org, repo, name, versionRange });\n }\n}\n\nexport type DetailType = {\n component: ComponentPath;\n source?: string;\n cause?: string;\n error?: Error;\n};\n\nexport function isValidComponentPathObject(\n value: unknown\n): value is ComponentPathType {\n if (typeof value === \"object\" && value !== null) {\n return \"org\" in value && \"repo\" in value && \"name\" in value;\n }\n\n return false;\n}\n","/**\n * This is the base CCC component error class. These are raised when the component being loaded errors\n */\n\nimport { ComponentPath, DetailType, isValidComponentPathObject } from \"./path\";\n\nexport class CCCError extends Error {\n component: ComponentPath | null;\n source?: string;\n errors?: Error[];\n constructor(message: string | null, detail?: DetailType) {\n if (!detail && message) {\n super(message);\n this.component = null;\n } else if (typeof detail?.component === \"string\") {\n super(\n message ??\n `${detail.cause ?? \"Unknown error\"} in ${detail.component} imported from ${detail.source ?? \"an undefined source\"}.`\n );\n\n this.component = ComponentPath.fromString(detail.component);\n } else if (isValidComponentPathObject(detail?.component)) {\n super(\n message ??\n `${detail.cause ?? \"Unknown error\"} in ${detail.component.org}/${detail.component.repo}/${detail.component.name}@${detail.component.versionRange} imported from ${detail.source ?? \"an undefined source\"}.`\n );\n this.component = new ComponentPath(detail.component);\n } else {\n super(\n `${detail?.cause ?? \"Unknown error\"} in unknown component imported from ${detail?.source ?? \"unknown source\"}.`\n );\n this.component = null;\n }\n\n this.source = detail?.source ?? \"unknown source\";\n this.errors = [];\n if (detail?.error) {\n this.errors?.push(detail?.error);\n }\n if (Error.captureStackTrace) {\n // Maintains proper stack trace for where our error was thrown (only available on V8)\n Error.captureStackTrace(this, CCCError);\n }\n\n this.name = \"CCCError\";\n }\n}\n\n/**\n * This class is used to raise errors that occur during the import of the CCC component app\n */\nexport class CCCImportError extends CCCError {\n constructor(message: string, detail: DetailType) {\n super(message, { ...detail, cause: \"Import error\" });\n this.name = \"CCCImportError\";\n }\n}\n\n/**\n * This class is used to raise errors that occur during the rendering of the CCC component app\n */\nexport class CCCRenderError extends CCCError {\n constructor(message: string, detail: DetailType) {\n super(message, { ...detail, cause: \"Render error\" });\n this.name = \"CCCRenderError\";\n }\n}\n\n/**\n * This class is used to raise errors that occur as a result of the CCC component app timing out\n */\nexport class CCCTimeoutError extends CCCError {\n constructor(detail: DetailType) {\n super(null, { ...detail, cause: \"Timeout error\" });\n this.name = \"CCCTimeoutError\";\n }\n}\n","import { ComponentPath } from \"./path\";\n\nexport class CCCEvent extends Event {\n component: ComponentPath;\n source?: string;\n static eventType = \"ccc:event\";\n\n constructor(\n eventType: string = CCCEvent.eventType,\n detail: { component: ComponentPath; source?: string },\n opts?: EventInit\n ) {\n super(eventType, {\n bubbles: true,\n cancelable: false,\n composed: true,\n ...opts,\n });\n this.component = detail.component;\n this.source = detail.source;\n }\n}\n\nexport class CCCConnectedEvent extends CCCEvent {\n static eventType = \"ccc:connected\";\n\n constructor(\n detail: { component: ComponentPath; source?: string },\n opts?: EventInit\n ) {\n super(CCCConnectedEvent.eventType, detail, opts);\n }\n}\n\nexport class CCCReadyEvent extends CCCEvent {\n static eventType = \"ccc:ready\";\n\n constructor(\n detail: { component: ComponentPath; source?: string },\n opts?: EventInit\n ) {\n super(CCCReadyEvent.eventType, detail, opts);\n }\n}\n\nexport class CCCViewportEvent extends CCCEvent {\n static eventType = \"ccc:viewport\";\n intersecting = false;\n entry?: IntersectionObserverEntry;\n\n constructor(\n detail: {\n component: ComponentPath;\n source?: string;\n intersecting: boolean;\n entry?: IntersectionObserverEntry;\n },\n opts?: EventInit\n ) {\n super(CCCViewportEvent.eventType, detail, opts);\n this.intersecting = detail.intersecting;\n this.entry = detail.entry;\n }\n}\n","/**\n * Used to convert camelCase to kebab-case\n * @param str\n * @returns\n */\nexport const kebabize = (str: string) =>\n str.replace(\n /[A-Z]+(?![a-z])|[A-Z]/g,\n ($, ofs) => (ofs ? \"-\" : \"\") + $.toLowerCase()\n );\n\n/**\n * Checks if the provided host is part of the allowed test environments.\n *\n * @param host - The hostname to check.\n * @returns True if the hostname is a safe test environment, false otherwise.\n */\nexport function isSafeTestEnv(host: string | undefined) {\n return isAllowed([\n 'localhost',\n 'local.ft.com',\n /^.*\\.apps\\.in\\.ft\\.com$/,\n ], host);\n}\n\n/**\n * Checks if the current window location hostname is considered a local environment.\n *\n * @returns True if the hostname is local, false otherwise.\n */\nexport function isLocalEnv() {\n return isAllowed([\n 'localhost',\n 'local.ft.com',\n /^.*\\.in\\.ft\\.com$/,\n ], window.location.hostname);\n}\n\n/**\n * Checks if the current window location host is one of the Spark environments.\n *\n * @returns True if the host is spark.ft.com or spark-staging.ft.com, false otherwise.\n */\nexport function isSparkEnv() {\n return isAllowed([\n 'spark.ft.com',\n 'spark-staging.ft.com',\n ], window.location.host);\n}\n\n/**\n * Checks if the given hostname is in the provided allowlist.\n *\n * @param allowlist - A list of allowed hostnames or RegExp matchers.\n * @param hostname - The hostname to validate.\n * @returns True if the hostname matches any item in the allowlist, false otherwise.\n */\nexport function isAllowed(allowlist: (string|RegExp)[], hostname: string | undefined) {\n if (!hostname) return false;\n return allowlist.some(item => {\n if (typeof item === 'string') {\n return item === hostname;\n }\n return item.test(hostname);\n });\n} \n","import { isLocalEnv, isSafeTestEnv, isSparkEnv } from \"./util\";\n\n/**\n * Assigns a test URL based on the provided testEnv value.\n *\n * @param testEnv - A string indicating test environment setting\n * @returns A `URL` object if valid and safe, or `undefined` if invalid.\n */\nexport function assignTestURL(testEnv: string | null): URL | undefined {\n if (testEnv === null) {\n return;\n }\n\n let testUrl;\n const defaultTestUrl = new URL(\"http://localhost:5173\");\n\n try {\n if (typeof testEnv === \"string\") {\n if (\n (testEnv === \"\" || testEnv.toLowerCase() === \"true\") &&\n isLocalEnv()\n ) {\n testUrl = defaultTestUrl;\n } else {\n const hasProtocol =\n testEnv.startsWith(\"http://\") || testEnv.startsWith(\"https://\");\n testUrl = hasProtocol ? new URL(testEnv) : undefined;\n\n // Prevent script injection\n if (testUrl && !isSafeTestEnv(testUrl?.hostname)) {\n throw new Error(\"Unsafe testing host override\");\n }\n }\n } else if (isSparkEnv()) {\n testUrl = defaultTestUrl;\n }\n } catch (_) {\n return testUrl;\n }\n\n return testUrl;\n}\n\n/**\n * Checks whether the given test component exists on local dev server\n *\n * @param testUrl - The test environment URL to check.\n * @returns A promise that resolves to true if Vite is running, false otherwise.\n */\nexport async function useComponentTestEnv(\n componentName: string,\n testUrl?: URL\n): Promise<boolean> {\n if (!testUrl) {\n return false;\n }\n\n const localDevOnline = fetch(\n new URL(`src/${componentName}/config.yaml`, testUrl),\n {\n method: \"HEAD\",\n }\n )\n .then(() => true)\n .catch(() => false);\n\n return localDevOnline;\n}\n","/**\n * @file\n * Main component definition for custom-code-component\n */\n\nimport type { ContentTree } from \"@financial-times/content-tree\";\nimport { BaseRenderer } from \"../../ccc-sdk/src/renderers/BaseRenderer\";\nimport Tracking from \"./tracking\";\nimport { convertStringLogLevel, Logger } from \"./logger\";\nimport {\n CCCError,\n CCCImportError,\n CCCRenderError,\n CCCTimeoutError,\n} from \"./errors\";\nimport { CCCConnectedEvent, CCCReadyEvent, CCCViewportEvent } from \"./events\";\nimport { ComponentPath } from \"./path\";\nimport { kebabize } from \"./util\";\nimport { assignTestURL, useComponentTestEnv } from \"./environment\";\nimport styles from \"./custom-code-component.css?inline\";\n\nexport class FTCustomCodeComponent extends HTMLElement {\n app?: typeof BaseRenderer.prototype.render;\n mode: \"closed\" | \"open\" = \"open\";\n RESERVED_ATTRS = new Set([\n \"iframe\",\n \"path\",\n \"version\",\n \"data-component-props\",\n \"data-asset-type\",\n \"shadow-open\",\n \"env\",\n \"load-timeout\",\n ]);\n\n source?: string;\n tracking?: Tracking;\n testUrl?: URL;\n component = new ComponentPath();\n\n log: Logger;\n\n observer = new IntersectionObserver((entries) => {\n entries.forEach((entry) => {\n this.dispatchEvent(\n new CCCViewportEvent({\n component: this.component,\n source: this.source,\n intersecting: entry.isIntersecting,\n entry,\n })\n );\n });\n });\n\n constructor() {\n console.debug('CCC: constructor called')\n super();\n this.log = new Logger({\n level: convertStringLogLevel(this.getAttribute(\"log\")),\n });\n\n const supportsDeclarative =\n HTMLElement.prototype.hasOwnProperty(\"attachInternals\");\n\n try {\n const internals = supportsDeclarative && this.attachInternals();\n } catch (e) {\n this.log.error(e);\n }\n }\n\n async connectedCallback() {\n console.debug('CCC: connectedCallback() 1 dataset:', this.dataset)\n\n if (this.dataset?.cccReady === 'true') {\n return;\n }\n try {\n const path = this.getAttribute(\"path\");\n const versionRange = this.getAttribute(\"version\");\n console.debug('CCC: before load connectedCallback() 2', { path, versionRange })\n this.component = ComponentPath.fromString(path, versionRange);\n\n this.app = await this.load();\n console.debug('CCC: after load connectedCallback() 3', { path, versionRange })\n \n await this.mount();\n await this.initTracking();\n } catch (e) {\n if (e instanceof Error) {\n requestAnimationFrame(() => {\n this.emitError(e);\n });\n }\n\n this.unmount(e as Error);\n }\n }\n\n emitError(error: Error) {\n console.debug(\"CCC: ccc#emitError\", error);\n if (error instanceof CCCError) {\n this.dispatchEvent(\n new ErrorEvent(\"ccc:error\", {\n bubbles: true,\n cancelable: false,\n composed: true,\n error,\n message: error.message,\n })\n );\n } else {\n // Wrap original error with generic CCC error class\n const wrappedError = new CCCError(error.message, {\n component: this.component,\n error: error,\n });\n\n this.dispatchEvent(\n new ErrorEvent(\"ccc:error\", {\n bubbles: true,\n cancelable: false,\n composed: true,\n error: wrappedError,\n message: wrappedError.message,\n })\n );\n }\n }\n\n disconnectedCallback() {\n const path = this.getAttribute(\"path\");\n console.debug('CCC: disconnectedCallback() called', { path })\n this.log.info(`<custom-code-component:${path}> disconnected`);\n this.observer.disconnect();\n // this.unmount(new Error('whatever'));\n }\n\n connectedMoveCallback() {\n console.debug('CCC: connectedMoveCallback() called')\n }\n\n channel = new MessageChannel();\n\n onmessage() {}\n\n onunmount(e: Error) {\n console.debug('CCC: onunmount()', { e })\n if (e instanceof Error) {\n const renderError = new CCCRenderError(e.message, {\n error: e,\n component: this.component,\n });\n requestAnimationFrame(() => {\n this.emitError(renderError);\n this.unmount(renderError);\n });\n }\n }\n\n async onready(app: Promise<void>) {\n try {\n console.debug('CCC: onready() 1 ')\n await app;\n console.debug('CCC: onready() 2')\n this.dispatchEvent(\n new CCCReadyEvent({\n component: this.component,\n source: this.source,\n })\n );\n\n this.dataset.cccReady = \"true\";\n delete this.dataset.cccError;\n\n this.observer.observe(this);\n } catch (e) {\n if (e instanceof Error) {\n const renderError = new CCCRenderError(e.message, {\n error: e,\n component: this.component,\n });\n requestAnimationFrame(() => {\n this.emitError(renderError);\n this.unmount(renderError);\n });\n }\n }\n }\n\n postMessage(event: any) {\n this.channel.port1.postMessage(event);\n }\n\n async mount(prerendered?: ShadowRoot | null) {\n try {\n console.debug('CCC: mount() ')\n this.mode =\n this.getAttribute(\"shadow-open\") == \"false\" ? \"closed\" : \"open\";\n if (this.component) {\n if (!this.app) {\n throw new Error(\"CCC mounted without App\");\n }\n\n const ssr = this.shadowRoot !== null;\n const shadow =\n this.shadowRoot ?? this.attachShadow({ mode: this.mode });\n\n this.dispatchEvent(\n new CCCConnectedEvent({\n component: this.component,\n source: this.source,\n })\n );\n // Add global CCC styles if not already present in shadow DOM.\n if (\n !shadow.querySelector('link[href~=\"custom-code-component.css\"]') &&\n !shadow.adoptedStyleSheets.length\n ) {\n if (!window.CCC_LAYOUT_STYLESHEET) {\n window.CCC_LAYOUT_STYLESHEET = new CSSStyleSheet();\n window.CCC_LAYOUT_STYLESHEET.replaceSync(styles);\n }\n shadow.adoptedStyleSheets = [window.CCC_LAYOUT_STYLESHEET];\n }\n\n if (!ssr) {\n const template = document.createElement(\"template\");\n template.innerHTML = \"<div data-component-root><slot></slot></div>\";\n this.appendChild(template);\n shadow.appendChild(template.content.cloneNode(true));\n }\n\n const data = JSON.parse(this.getAttribute(\"data-component-props\")!);\n\n const extraProps = Object.fromEntries(\n [...this.attributes]\n .filter(\n (attribute) =>\n !this.RESERVED_ATTRS.has(attribute.name) &&\n !attribute.name.startsWith(\"data-\")\n )\n .map((attribute) => [attribute.name, attribute.value])\n );\n\n // Create tracking instance\n this.tracking = new Tracking({\n name: this.component?.toString(),\n subtype: \"interactive\",\n teamName: \"djd\",\n shadowRoot: this.shadowRoot,\n logger: this.log,\n });\n\n if (!data && Object.keys(extraProps).length > 0) {\n this.log.warn(\n `CCC ${this.component.toString()}: passing component settings as webcomponent attributes is %cDEPRECATED`,\n \"font-weight: bold\",\n \" and will be removed in v3.\"\n );\n this.log.warn(\n `Please use the %cdata-component-props`,\n \"text-decoration: underline;\",\n \" attribute instead.\"\n );\n }\n\n const { onmessage, ready = Promise.resolve() } =\n this.app(\n shadow,\n {\n ...(data ?? extraProps),\n data: data ?? extraProps,\n port: this.channel.port2,\n tracking: this.tracking,\n prerendered: !!prerendered,\n children: this.children,\n },\n ssr,\n this.onunmount.bind(this)\n ) || {};\n\n if (onmessage) this.onmessage = onmessage;\n\n this.onready(ready);\n }\n } catch (err) {\n this.log.info(\n `<custom-code-component> uncaught error during mount from ${this.component?.toString()}`\n );\n this.log.error(err);\n\n throw err;\n }\n }\n\n // Called in top-level error handler\n // Replace shadow root with either <slot> or template[data-component-fallback]\n // slot on failure\n unmount(e: Error) {\n console.debug('CCC: unmount()', { error: e })\n const template =\n this.querySelector<HTMLTemplateElement>(\n \"template[data-component-fallback]\"\n ) ?? this.querySelector<HTMLTemplateElement>(\"template\");\n\n if (template) {\n this.shadowRoot?.replaceChildren(template.content.cloneNode(true));\n }\n\n if (!this.dataset.cccError)\n this.dataset.cccError = kebabize(e.name.replace(\"CCC\", \"\"));\n\n delete this.dataset.cccReady;\n\n this.observer.disconnect();\n }\n\n async load() {\n console.debug('CCC: load() 1')\n if (!this.component.isValid) {\n throw new Error(\"No path found\");\n }\n const path = this.getAttribute(\"path\");\n const componentVersionRange = this.getAttribute(\"version\");\n const timeout = Number(this.getAttribute(\"load-timeout\") || 10000);\n const testEnv = this.getAttribute(\"test-env\");\n this.testUrl = assignTestURL(testEnv);\n const isTestEnv = await useComponentTestEnv(\n this.component.name,\n this.testUrl\n );\n\n // id querystring necessary to multiple allow components with the same source (same name and version number) to appear on the page correctly\n const id = this.getAttribute(\"id\");\n\n if (isTestEnv && this.testUrl) {\n this.injectViteScripts();\n }\n\n this.source = isTestEnv\n ? `${this.testUrl?.origin}/src/${this.component.name}/index.jsx?id=${id}`\n : `https://www.ft.com/__component/${this.component.org}/${this.component.repo}${\n componentVersionRange ? `@${componentVersionRange}` : \"@latest\"\n }/${this.component.name}/${this.component.name}.js?id=${id}`;\n\n try {\n console.debug('CCC: load() 2 before BaseRenderer')\n return await new Promise<typeof BaseRenderer.prototype.render>(\n (resolve, reject) => {\n const to = setTimeout(() => {\n this.log.error(\"CCC import timeout error\");\n reject(\n new CCCTimeoutError({\n component: this.component!,\n source: this.source,\n })\n );\n }, Number(timeout));\n\n if (this.source) {\n import(/* webpackIgnore: true */ this.source /* @vite-ignore */)\n .then(({ default: componentRenderFunction }) => {\n console.debug('CCC: load() 4 inside promise Base Renderer', componentRenderFunction)\n if (componentRenderFunction) {\n clearTimeout(to);\n resolve(componentRenderFunction);\n } else\n throw new CCCImportError(\n \"No component renderer default export found\",\n {\n component: this.component!,\n source: this.source,\n }\n );\n })\n .catch((e) => {\n console.debug('CCC: load() catch', {error: e})\n clearTimeout(to);\n this.log.error(e);\n if (e instanceof Error && !(e instanceof CCCImportError)) {\n reject(\n new CCCImportError(e.message, {\n component: this.component!,\n source: this.source,\n })\n );\n } else {\n reject(e);\n }\n });\n } else {\n clearTimeout(to);\n throw new CCCImportError(`Unable to mount ${path}`, {\n component: this.component!,\n source: this.source,\n });\n }\n }\n );\n } catch (err) {\n this.log.error(\n `<custom-code-component> error during import from ${path}@${componentVersionRange}`\n );\n\n throw err;\n }\n }\n\n initTracking = async () => {\n try {\n this.tracking?.init(this.id);\n } catch (e) {\n const path = this.getAttribute(\"path\");\n const componentVersionRange = this.getAttribute(\"version\");\n this.log.info(\n `Error initialising tracking on <custom-code-component> ${path}@${componentVersionRange}`\n );\n this.log.error(e);\n }\n };\n\n injectViteScripts = () => {\n if (document.querySelector('script[name=\"ccc-sdk-react-preamble\"]')) return;\n\n const preambleScript = document.createElement(\"script\");\n preambleScript.type = \"module\";\n preambleScript.setAttribute(\"name\", \"ccc-sdk-react-preamble\");\n\n preambleScript.textContent = `\n import RefreshRuntime from \"${this.testUrl?.origin}/@react-refresh\";\n RefreshRuntime.injectIntoGlobalHook(window);\n window.$RefreshReg$ = () => {};\n window.$RefreshSig$ = () => (type) => type;\n window.__vite_plugin_react_preamble_installed__ = true;\n `.trim();\n document.head.appendChild(preambleScript);\n\n const viteClientScript = document.createElement(\"script\");\n viteClientScript.type = \"module\";\n viteClientScript.src = `${this.testUrl?.origin}/@vite/client`;\n document.head.appendChild(viteClientScript);\n };\n}\n\nexport interface CustomCodeComponent extends ContentTree.Node {\n type: \"CustomCodeComponent\";\n path: string;\n versionRange: string;\n altText: string;\n lastModified: string;\n fallbackImage?: ContentTree.Image;\n displayFallbackText: boolean;\n layout: \"in-line\" | \"mid-grid\" | \"full-grid\" | \"full-bleed\";\n /* prettier-ignore */\n attributes: {\n [key: string]: string | boolean | undefined;\n } | { children?: CustomCodeComponent | Array<CustomCodeComponent> };\n}\n\nexport type { FTCustomCodeComponent as CCCHTMLElement };\n"],"names":["Delegate","root","listenerMap","eventType","selector","handler","useCapture","matcher","matcherParam","matchesTag","matchesId","matchesRoot","i","listener","listenerList","singleEventType","event","l","type","phase","returned","target","eventIgnore","toFire","ret","tagName","element","id","sanitise","str","assignIfUndefined","subject","prop","LogLevel","convertStringLogLevel","value","level","Logger","args","getSiblingsAndPosition","el","originalEl","siblings","position","item","elementPropertiesToCollect","getAllElementProperties","properties","property","parseRawValue","rawValue","parsedValue","getAttributeValue","isJSON","getDomPathProps","attrs","props","attribute","getContextProps","isOriginalEl","customProps","name","getTrace","rootEl","trace","customContext","domPathProps","contextProps","eventPropertiesToCollect","Tracking","subtype","teamName","shadowRoot","category","elements","logger","eventProperties","e","eventData","clickEvent","clickElement","context","triggerAction","extraDetail","_a","ComponentPath","path","org","repo","versionRange","isValidComponentPathObject","p","v","CCCError","message","detail","CCCImportError","CCCRenderError","CCCTimeoutError","_CCCEvent","opts","CCCEvent","_CCCConnectedEvent","CCCConnectedEvent","_CCCReadyEvent","CCCReadyEvent","_CCCViewportEvent","CCCViewportEvent","kebabize","$","ofs","isSafeTestEnv","host","isAllowed","isLocalEnv","isSparkEnv","allowlist","hostname","assignTestURL","testEnv","testUrl","defaultTestUrl","useComponentTestEnv","componentName","FTCustomCodeComponent","entries","entry","componentVersionRange","_b","preambleScript","viteClientScript","supportsDeclarative","internals","error","wrappedError","renderError","app","prerendered","ssr","shadow","styles","template","data","extraProps","onmessage","ready","err","timeout","isTestEnv","resolve","reject","to","componentRenderFunction"],"mappings":"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","x_google_ignoreList":[0,1]}
|
package/package.json
CHANGED
|
@@ -54,6 +54,7 @@ export class FTCustomCodeComponent extends HTMLElement {
|
|
|
54
54
|
});
|
|
55
55
|
|
|
56
56
|
constructor() {
|
|
57
|
+
console.debug('CCC: constructor called')
|
|
57
58
|
super();
|
|
58
59
|
this.log = new Logger({
|
|
59
60
|
level: convertStringLogLevel(this.getAttribute("log")),
|
|
@@ -70,12 +71,20 @@ export class FTCustomCodeComponent extends HTMLElement {
|
|
|
70
71
|
}
|
|
71
72
|
|
|
72
73
|
async connectedCallback() {
|
|
74
|
+
console.debug('CCC: connectedCallback() 1 dataset:', this.dataset)
|
|
75
|
+
|
|
76
|
+
if (this.dataset?.cccReady === 'true') {
|
|
77
|
+
return;
|
|
78
|
+
}
|
|
73
79
|
try {
|
|
74
80
|
const path = this.getAttribute("path");
|
|
75
81
|
const versionRange = this.getAttribute("version");
|
|
82
|
+
console.debug('CCC: before load connectedCallback() 2', { path, versionRange })
|
|
76
83
|
this.component = ComponentPath.fromString(path, versionRange);
|
|
77
84
|
|
|
78
85
|
this.app = await this.load();
|
|
86
|
+
console.debug('CCC: after load connectedCallback() 3', { path, versionRange })
|
|
87
|
+
|
|
79
88
|
await this.mount();
|
|
80
89
|
await this.initTracking();
|
|
81
90
|
} catch (e) {
|
|
@@ -90,7 +99,7 @@ export class FTCustomCodeComponent extends HTMLElement {
|
|
|
90
99
|
}
|
|
91
100
|
|
|
92
101
|
emitError(error: Error) {
|
|
93
|
-
console.debug("ccc#emitError", error);
|
|
102
|
+
console.debug("CCC: ccc#emitError", error);
|
|
94
103
|
if (error instanceof CCCError) {
|
|
95
104
|
this.dispatchEvent(
|
|
96
105
|
new ErrorEvent("ccc:error", {
|
|
@@ -122,8 +131,14 @@ export class FTCustomCodeComponent extends HTMLElement {
|
|
|
122
131
|
|
|
123
132
|
disconnectedCallback() {
|
|
124
133
|
const path = this.getAttribute("path");
|
|
134
|
+
console.debug('CCC: disconnectedCallback() called', { path })
|
|
125
135
|
this.log.info(`<custom-code-component:${path}> disconnected`);
|
|
126
136
|
this.observer.disconnect();
|
|
137
|
+
// this.unmount(new Error('whatever'));
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
connectedMoveCallback() {
|
|
141
|
+
console.debug('CCC: connectedMoveCallback() called')
|
|
127
142
|
}
|
|
128
143
|
|
|
129
144
|
channel = new MessageChannel();
|
|
@@ -131,6 +146,7 @@ export class FTCustomCodeComponent extends HTMLElement {
|
|
|
131
146
|
onmessage() {}
|
|
132
147
|
|
|
133
148
|
onunmount(e: Error) {
|
|
149
|
+
console.debug('CCC: onunmount()', { e })
|
|
134
150
|
if (e instanceof Error) {
|
|
135
151
|
const renderError = new CCCRenderError(e.message, {
|
|
136
152
|
error: e,
|
|
@@ -145,7 +161,9 @@ export class FTCustomCodeComponent extends HTMLElement {
|
|
|
145
161
|
|
|
146
162
|
async onready(app: Promise<void>) {
|
|
147
163
|
try {
|
|
164
|
+
console.debug('CCC: onready() 1 ')
|
|
148
165
|
await app;
|
|
166
|
+
console.debug('CCC: onready() 2')
|
|
149
167
|
this.dispatchEvent(
|
|
150
168
|
new CCCReadyEvent({
|
|
151
169
|
component: this.component,
|
|
@@ -177,6 +195,7 @@ export class FTCustomCodeComponent extends HTMLElement {
|
|
|
177
195
|
|
|
178
196
|
async mount(prerendered?: ShadowRoot | null) {
|
|
179
197
|
try {
|
|
198
|
+
console.debug('CCC: mount() ')
|
|
180
199
|
this.mode =
|
|
181
200
|
this.getAttribute("shadow-open") == "false" ? "closed" : "open";
|
|
182
201
|
if (this.component) {
|
|
@@ -280,6 +299,7 @@ export class FTCustomCodeComponent extends HTMLElement {
|
|
|
280
299
|
// Replace shadow root with either <slot> or template[data-component-fallback]
|
|
281
300
|
// slot on failure
|
|
282
301
|
unmount(e: Error) {
|
|
302
|
+
console.debug('CCC: unmount()', { error: e })
|
|
283
303
|
const template =
|
|
284
304
|
this.querySelector<HTMLTemplateElement>(
|
|
285
305
|
"template[data-component-fallback]"
|
|
@@ -298,6 +318,7 @@ export class FTCustomCodeComponent extends HTMLElement {
|
|
|
298
318
|
}
|
|
299
319
|
|
|
300
320
|
async load() {
|
|
321
|
+
console.debug('CCC: load() 1')
|
|
301
322
|
if (!this.component.isValid) {
|
|
302
323
|
throw new Error("No path found");
|
|
303
324
|
}
|
|
@@ -325,6 +346,7 @@ export class FTCustomCodeComponent extends HTMLElement {
|
|
|
325
346
|
}/${this.component.name}/${this.component.name}.js?id=${id}`;
|
|
326
347
|
|
|
327
348
|
try {
|
|
349
|
+
console.debug('CCC: load() 2 before BaseRenderer')
|
|
328
350
|
return await new Promise<typeof BaseRenderer.prototype.render>(
|
|
329
351
|
(resolve, reject) => {
|
|
330
352
|
const to = setTimeout(() => {
|
|
@@ -340,6 +362,7 @@ export class FTCustomCodeComponent extends HTMLElement {
|
|
|
340
362
|
if (this.source) {
|
|
341
363
|
import(/* webpackIgnore: true */ this.source /* @vite-ignore */)
|
|
342
364
|
.then(({ default: componentRenderFunction }) => {
|
|
365
|
+
console.debug('CCC: load() 4 inside promise Base Renderer', componentRenderFunction)
|
|
343
366
|
if (componentRenderFunction) {
|
|
344
367
|
clearTimeout(to);
|
|
345
368
|
resolve(componentRenderFunction);
|
|
@@ -353,6 +376,7 @@ export class FTCustomCodeComponent extends HTMLElement {
|
|
|
353
376
|
);
|
|
354
377
|
})
|
|
355
378
|
.catch((e) => {
|
|
379
|
+
console.debug('CCC: load() catch', {error: e})
|
|
356
380
|
clearTimeout(to);
|
|
357
381
|
this.log.error(e);
|
|
358
382
|
if (e instanceof Error && !(e instanceof CCCImportError)) {
|