@cap.js/widget 0.1.34 → 0.1.36

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.
Files changed (6) hide show
  1. package/cap.min.js +1 -1
  2. package/package.json +1 -1
  3. package/src/cap.css +231 -0
  4. package/src/cap.js +648 -604
  5. package/src/worker.js +182 -113
  6. package/wasm-hashes.min.js +1 -26
package/src/cap.js CHANGED
@@ -1,613 +1,657 @@
1
1
  (() => {
2
- const WASM_VERSION = "0.0.6";
2
+ const WASM_VERSION = "0.0.6";
3
3
 
4
- if (typeof window === "undefined") {
4
+ if (typeof window === "undefined") {
5
5
  return;
6
6
  }
7
7
 
8
- const capFetch = (...args) => {
9
- if (window?.CAP_CUSTOM_FETCH) {
10
- return window.CAP_CUSTOM_FETCH(...args);
11
- }
12
- return fetch(...args);
13
- };
14
-
15
- function prng(seed, length) {
16
- function fnv1a(str) {
17
- let hash = 2166136261;
18
- for (let i = 0; i < str.length; i++) {
19
- hash ^= str.charCodeAt(i);
20
- hash +=
21
- (hash << 1) + (hash << 4) + (hash << 7) + (hash << 8) + (hash << 24);
22
- }
23
- return hash >>> 0;
24
- }
25
-
26
- let state = fnv1a(seed);
27
- let result = "";
28
-
29
- function next() {
30
- state ^= state << 13;
31
- state ^= state >>> 17;
32
- state ^= state << 5;
33
- return state >>> 0;
34
- }
35
-
36
- while (result.length < length) {
37
- const rnd = next();
38
- result += rnd.toString(16).padStart(8, "0");
39
- }
40
-
41
- return result.substring(0, length);
42
- }
43
-
44
- if (!window.CAP_CUSTOM_WASM_URL) {
45
- // preloads the wasm files to save up time on solve
46
- [
47
- `https://cdn.jsdelivr.net/npm/@cap.js/wasm@${WASM_VERSION}/browser/cap_wasm.min.js`,
48
- `https://cdn.jsdelivr.net/npm/@cap.js/wasm@${WASM_VERSION}/browser/cap_wasm_bg.wasm`,
49
- ].forEach((url) => {
50
- const link = document.createElement("link");
51
- link.rel = "prefetch";
52
- link.href = url;
53
- link.as = url.endsWith(".wasm") ? "fetch" : "script";
54
- document.head.appendChild(link);
55
- });
56
- }
57
-
58
- class CapWidget extends HTMLElement {
59
- #workerUrl = "";
60
- #resetTimer = null;
61
- #workersCount = navigator.hardwareConcurrency || 8;
62
- token = null;
63
- #shadow;
64
- #div;
65
- #host;
66
- #solving = false;
67
- #eventHandlers;
68
-
69
- getI18nText(key, defaultValue) {
70
- return this.getAttribute(`data-cap-i18n-${key}`) || defaultValue;
71
- }
72
-
73
- static get observedAttributes() {
74
- return [
75
- "onsolve",
76
- "onprogress",
77
- "onreset",
78
- "onerror",
79
- "data-cap-worker-count",
80
- "data-cap-i18n-initial-state",
81
- "[cap]",
82
- ];
83
- }
84
-
85
- constructor() {
86
- super();
87
- if (this.#eventHandlers) {
88
- this.#eventHandlers.forEach((handler, eventName) => {
89
- this.removeEventListener(eventName.slice(2), handler);
90
- });
91
- }
92
-
93
- this.#eventHandlers = new Map();
94
- this.boundHandleProgress = this.handleProgress.bind(this);
95
- this.boundHandleSolve = this.handleSolve.bind(this);
96
- this.boundHandleError = this.handleError.bind(this);
97
- this.boundHandleReset = this.handleReset.bind(this);
98
- }
99
-
100
- initialize() {
101
- this.#workerUrl = URL.createObjectURL(
102
- // this placeholder will be replaced with the actual worker by the build script
103
-
104
- new Blob([`%%workerScript%%`], {
105
- type: "application/javascript",
106
- }),
107
- );
108
- }
109
-
110
- attributeChangedCallback(name, _, value) {
111
- if (name.startsWith("on")) {
112
- const eventName = name.slice(2);
113
- const oldHandler = this.#eventHandlers.get(name);
114
- if (oldHandler) {
115
- this.removeEventListener(eventName, oldHandler);
116
- }
117
-
118
- if (value) {
119
- const handler = (event) => {
120
- const callback = this.getAttribute(name);
121
- if (typeof window[callback] === "function") {
122
- window[callback].call(this, event);
123
- }
124
- };
125
- this.#eventHandlers.set(name, handler);
126
- this.addEventListener(eventName, handler);
127
- }
128
- }
129
-
130
- if (name === "data-cap-worker-count") {
131
- this.setWorkersCount(parseInt(value, 10));
132
- }
133
-
134
- if (
135
- name === "data-cap-i18n-initial-state" &&
136
- this.#div &&
137
- this.#div?.querySelector("p")?.innerText
138
- ) {
139
- this.#div.querySelector("p").innerText = this.getI18nText(
140
- "initial-state",
141
- "I'm a human",
142
- );
143
- }
144
- }
145
-
146
- async connectedCallback() {
147
- this.#host = this;
148
- this.#shadow = this.attachShadow({ mode: "open" });
149
- this.#div = document.createElement("div");
150
- this.createUI();
151
- this.addEventListeners();
152
- this.initialize();
153
- this.#div.removeAttribute("disabled");
154
-
155
- const workers = this.getAttribute("data-cap-worker-count");
156
- const parsedWorkers = workers ? parseInt(workers, 10) : null;
157
- this.setWorkersCount(parsedWorkers || navigator.hardwareConcurrency || 8);
158
- const fieldName =
159
- this.getAttribute("data-cap-hidden-field-name") || "cap-token";
160
- this.#host.innerHTML = `<input type="hidden" name="${fieldName}">`;
161
- }
162
-
163
- async solve() {
164
- if (this.#solving) {
165
- return;
166
- }
167
-
168
- try {
169
- this.#solving = true;
170
- this.updateUI(
171
- "verifying",
172
- this.getI18nText("verifying-label", "Verifying..."),
173
- true,
174
- );
175
-
176
- this.#div.setAttribute(
177
- "aria-label",
178
- this.getI18nText(
179
- "verifying-aria-label",
180
- "Verifying you're a human, please wait",
181
- ),
182
- );
183
-
184
- this.dispatchEvent("progress", { progress: 0 });
185
-
186
- try {
187
- let apiEndpoint = this.getAttribute("data-cap-api-endpoint");
188
-
189
- if (!apiEndpoint && window?.CAP_CUSTOM_FETCH) {
190
- apiEndpoint = "/";
191
- } else if (!apiEndpoint)
192
- throw new Error(
193
- "Missing API endpoint. Either custom fetch or an API endpoint must be provided.",
194
- );
195
-
196
- if (!apiEndpoint.endsWith("/")) {
8
+ const capFetch = (u, _conf = {}) => {
9
+ const conf = {
10
+ ..._conf,
11
+ headers: {
12
+ ...(_conf.headers || {}),
13
+ "Cap-Stamp": btoa(
14
+ String.fromCharCode(
15
+ ...[[Date.now()]].map((n) => [n >> 24, n >> 16, n >> 8, n[0]].map((x) => x & 255))[0],
16
+ ),
17
+ ).replace(/=/g, ""),
18
+ "Cap-Solver": `0,${WASM_VERSION}`,
19
+ },
20
+ };
21
+
22
+ if (window?.CAP_CUSTOM_FETCH) {
23
+ return window.CAP_CUSTOM_FETCH(u, conf);
24
+ }
25
+
26
+ return fetch(u, conf);
27
+ };
28
+
29
+ function prng(seed, length) {
30
+ function fnv1a(str) {
31
+ let hash = 2166136261;
32
+ for (let i = 0; i < str.length; i++) {
33
+ hash ^= str.charCodeAt(i);
34
+ hash += (hash << 1) + (hash << 4) + (hash << 7) + (hash << 8) + (hash << 24);
35
+ }
36
+ return hash >>> 0;
37
+ }
38
+
39
+ let state = fnv1a(seed);
40
+ let result = "";
41
+
42
+ function next() {
43
+ state ^= state << 13;
44
+ state ^= state >>> 17;
45
+ state ^= state << 5;
46
+ return state >>> 0;
47
+ }
48
+
49
+ while (result.length < length) {
50
+ const rnd = next();
51
+ result += rnd.toString(16).padStart(8, "0");
52
+ }
53
+
54
+ return result.substring(0, length);
55
+ }
56
+
57
+ let wasmModulePromise = null;
58
+
59
+ const getWasmModule = () => {
60
+ if (wasmModulePromise) return wasmModulePromise;
61
+
62
+ const wasmUrl =
63
+ window.CAP_CUSTOM_WASM_URL ||
64
+ `https://cdn.jsdelivr.net/npm/@cap.js/wasm@${WASM_VERSION}/browser/cap_wasm_bg.wasm`;
65
+
66
+ wasmModulePromise = fetch(wasmUrl)
67
+ .then((r) => {
68
+ if (!r.ok) throw new Error(`Failed to fetch wasm: ${r.status}`);
69
+ return r.arrayBuffer();
70
+ })
71
+ .then((buf) => WebAssembly.compile(buf))
72
+ .catch((e) => {
73
+ wasmModulePromise = null;
74
+ throw e;
75
+ });
76
+
77
+ return wasmModulePromise;
78
+ };
79
+
80
+ if (typeof WebAssembly === "object" && typeof WebAssembly.compile === "function") {
81
+ getWasmModule().catch(() => {});
82
+ }
83
+
84
+ const prefersReducedMotion = () =>
85
+ window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? false;
86
+
87
+ class CapWidget extends HTMLElement {
88
+ #workerUrl = "";
89
+ #resetTimer = null;
90
+ #workersCount = navigator.hardwareConcurrency || 8;
91
+ token = null;
92
+ #shadow;
93
+ #div;
94
+ #host;
95
+ #solving = false;
96
+ #eventHandlers;
97
+
98
+ getI18nText(key, defaultValue) {
99
+ return this.getAttribute(`data-cap-i18n-${key}`) || defaultValue;
100
+ }
101
+
102
+ static get observedAttributes() {
103
+ return [
104
+ "onsolve",
105
+ "onprogress",
106
+ "onreset",
107
+ "onerror",
108
+ "data-cap-worker-count",
109
+ "data-cap-i18n-initial-state",
110
+ ];
111
+ }
112
+
113
+ constructor() {
114
+ super();
115
+ if (this.#eventHandlers) {
116
+ this.#eventHandlers.forEach((handler, eventName) => {
117
+ this.removeEventListener(eventName.slice(2), handler);
118
+ });
119
+ }
120
+
121
+ this.#eventHandlers = new Map();
122
+ this.boundHandleProgress = this.handleProgress.bind(this);
123
+ this.boundHandleSolve = this.handleSolve.bind(this);
124
+ this.boundHandleError = this.handleError.bind(this);
125
+ this.boundHandleReset = this.handleReset.bind(this);
126
+ }
127
+
128
+ initialize() {
129
+ this.#workerUrl = URL.createObjectURL(
130
+ // this placeholder will be replaced with the actual worker by the build script
131
+
132
+ new Blob([`%%workerScript%%`], {
133
+ type: "application/javascript",
134
+ }),
135
+ );
136
+ }
137
+
138
+ attributeChangedCallback(name, _, value) {
139
+ if (name.startsWith("on")) {
140
+ const eventName = name.slice(2);
141
+ const oldHandler = this.#eventHandlers.get(name);
142
+ if (oldHandler) {
143
+ this.removeEventListener(eventName, oldHandler);
144
+ }
145
+
146
+ if (value) {
147
+ const handler = (event) => {
148
+ const callback = this.getAttribute(name);
149
+ if (typeof window[callback] === "function") {
150
+ window[callback].call(this, event);
151
+ }
152
+ };
153
+ this.#eventHandlers.set(name, handler);
154
+ this.addEventListener(eventName, handler);
155
+ }
156
+ }
157
+
158
+ if (name === "data-cap-worker-count") {
159
+ this.setWorkersCount(parseInt(value, 10));
160
+ }
161
+
162
+ if (
163
+ name === "data-cap-i18n-initial-state" &&
164
+ this.#div &&
165
+ this.#div?.querySelector(".label.active")
166
+ ) {
167
+ this.animateLabel(this.getI18nText("initial-state", "Verify you're human"));
168
+ }
169
+ }
170
+
171
+ async connectedCallback() {
172
+ this.#host = this;
173
+ this.#shadow = this.attachShadow({ mode: "open" });
174
+ this.#div = document.createElement("div");
175
+ this.createUI();
176
+ this.addEventListeners();
177
+ this.initialize();
178
+ this.#div.removeAttribute("disabled");
179
+
180
+ const workers = this.getAttribute("data-cap-worker-count");
181
+ const parsedWorkers = workers ? parseInt(workers, 10) : null;
182
+ this.setWorkersCount(parsedWorkers || navigator.hardwareConcurrency || 8);
183
+ const fieldName = this.getAttribute("data-cap-hidden-field-name") || "cap-token";
184
+ this.#host.innerHTML = `<input type="hidden" name="${fieldName}">`;
185
+ }
186
+
187
+ async solve() {
188
+ if (this.#solving) {
189
+ return;
190
+ }
191
+
192
+ try {
193
+ this.#solving = true;
194
+ this.updateUI("verifying", this.getI18nText("verifying-label", "Verifying..."), true);
195
+
196
+ this.#div.setAttribute(
197
+ "aria-label",
198
+ this.getI18nText("verifying-aria-label", "Verifying you're a human, please wait"),
199
+ );
200
+
201
+ this.dispatchEvent("progress", { progress: 0 });
202
+
203
+ try {
204
+ let apiEndpoint = this.getAttribute("data-cap-api-endpoint");
205
+
206
+ if (!apiEndpoint && window?.CAP_CUSTOM_FETCH) {
207
+ apiEndpoint = "/";
208
+ } else if (!apiEndpoint)
209
+ throw new Error(
210
+ "Missing API endpoint. Either custom fetch or an API endpoint must be provided.",
211
+ );
212
+
213
+ if (!apiEndpoint.endsWith("/")) {
197
214
  apiEndpoint += "/";
198
215
  }
199
216
 
200
- const { challenge, token } = await (
201
- await capFetch(`${apiEndpoint}challenge`, {
202
- method: "POST",
203
- })
204
- ).json();
205
-
206
- let challenges = challenge;
207
-
208
- if (!Array.isArray(challenges)) {
209
- let i = 0;
210
-
211
- challenges = Array.from({ length: challenge.c }, () => {
212
- i = i + 1;
213
-
214
- return [
215
- prng(`${token}${i}`, challenge.s),
216
- prng(`${token}${i}d`, challenge.d),
217
- ];
218
- });
219
- }
220
-
221
- const solutions = await this.solveChallenges(challenges);
222
-
223
- const resp = await (
224
- await capFetch(`${apiEndpoint}redeem`, {
225
- method: "POST",
226
- body: JSON.stringify({ token, solutions }),
227
- headers: { "Content-Type": "application/json" },
228
- })
229
- ).json();
230
-
231
- this.dispatchEvent("progress", { progress: 100 });
232
-
233
- if (!resp.success) throw new Error("Invalid solution");
234
- const fieldName =
235
- this.getAttribute("data-cap-hidden-field-name") || "cap-token";
236
- if (this.querySelector(`input[name='${fieldName}']`)) {
237
- this.querySelector(`input[name='${fieldName}']`).value = resp.token;
238
- }
239
-
240
- this.dispatchEvent("solve", { token: resp.token });
241
- this.token = resp.token;
242
-
243
- if (this.#resetTimer) clearTimeout(this.#resetTimer);
244
- const expiresIn = new Date(resp.expires).getTime() - Date.now();
245
- if (expiresIn > 0 && expiresIn < 24 * 60 * 60 * 1000) {
246
- this.#resetTimer = setTimeout(() => this.reset(), expiresIn);
247
- } else {
248
- this.error("Invalid expiration time");
249
- }
250
-
251
- this.#div.setAttribute(
252
- "aria-label",
253
- this.getI18nText(
254
- "verified-aria-label",
255
- "We have verified you're a human, you may now continue",
256
- ),
257
- );
258
-
259
- return { success: true, token: this.token };
260
- } catch (err) {
261
- this.#div.setAttribute(
262
- "aria-label",
263
- this.getI18nText(
264
- "error-aria-label",
265
- "An error occurred, please try again",
266
- ),
267
- );
268
- this.error(err.message);
269
- throw err;
270
- }
271
- } finally {
272
- this.#solving = false;
273
- }
274
- }
275
-
276
- async solveChallenges(challenge) {
277
- const total = challenge.length;
278
- let completed = 0;
279
-
280
- const workers = Array(this.#workersCount)
281
- .fill(null)
282
- .map(() => {
283
- try {
284
- return new Worker(this.#workerUrl);
285
- } catch (error) {
286
- console.error("[cap] Failed to create worker:", error);
287
- throw new Error("Worker creation failed");
288
- }
289
- });
290
-
291
- const solveSingleChallenge = ([salt, target], workerId) =>
292
- new Promise((resolve, reject) => {
293
- const worker = workers[workerId];
294
- if (!worker) {
295
- reject(new Error("Worker not available"));
296
- return;
297
- }
298
-
299
- worker.onmessage = ({ data }) => {
300
- if (!data.found) return;
301
-
302
- completed++;
303
- this.dispatchEvent("progress", {
304
- progress: Math.round((completed / total) * 100),
305
- });
306
-
307
- resolve(data.nonce);
308
- };
309
-
310
- worker.onerror = (err) => {
311
- this.error(`Error in worker: ${err.message || err}`);
312
- reject(err);
313
- };
314
-
315
- worker.postMessage({
316
- salt,
317
- target,
318
- wasmUrl:
319
- window.CAP_CUSTOM_WASM_URL ||
320
- `https://cdn.jsdelivr.net/npm/@cap.js/wasm@${WASM_VERSION}/browser/cap_wasm.min.js`,
321
- });
322
-
323
- if (
324
- typeof WebAssembly !== "object" ||
325
- typeof WebAssembly?.instantiate !== "function"
326
- ) {
327
- if (this.#shadow.querySelector(".warning")) return;
328
- const warningEl = document.createElement("div");
329
- warningEl.className = "warning";
330
- warningEl.style.cssText = `width: var(--cap-widget-width, 230px);background: rgb(237, 56, 46);color: white;padding: 4px 6px;padding-bottom: calc(var(--cap-border-radius, 14px) + 5px);font-size: 10px;box-sizing: border-box;font-family: system-ui;border-top-left-radius: 8px;border-top-right-radius: 8px;text-align: center;padding-bottom:calc(var(--cap-border-radius,14px) + 5px);user-select:none;margin-bottom: -35.5px;opacity: 0;transition: margin-bottom .3s,opacity .3s;`;
331
- warningEl.innerText =
332
- this.getI18nText("wasm-disabled", "Enable WASM for significantly faster solving");
333
- this.#shadow.insertBefore(warningEl, this.#shadow.firstChild);
334
-
335
- setTimeout(() => {
336
- warningEl.style.marginBottom = `calc(-1 * var(--cap-border-radius, 14px))`
337
- warningEl.style.opacity = 1;
338
- }, 10);
339
- }
340
- });
341
-
342
- const results = [];
343
- try {
344
- for (let i = 0; i < challenge.length; i += this.#workersCount) {
345
- const chunk = challenge.slice(
346
- i,
347
- Math.min(i + this.#workersCount, challenge.length),
348
- );
349
- const chunkResults = await Promise.all(
350
- chunk.map((c, idx) => solveSingleChallenge(c, idx)),
351
- );
352
- results.push(...chunkResults);
353
- }
354
- } finally {
355
- workers.forEach((w) => {
356
- if (w) {
357
- try {
358
- w.terminate();
359
- } catch (error) {
360
- console.error("[cap] error terminating worker:", error);
361
- }
362
- }
363
- });
364
- }
365
-
366
- return results;
367
- }
368
-
369
- setWorkersCount(workers) {
370
- const parsedWorkers = parseInt(workers, 10);
371
- const maxWorkers = Math.min(navigator.hardwareConcurrency || 8, 16);
372
- this.#workersCount =
373
- !Number.isNaN(parsedWorkers) &&
374
- parsedWorkers > 0 &&
375
- parsedWorkers <= maxWorkers
376
- ? parsedWorkers
377
- : navigator.hardwareConcurrency || 8;
378
- }
379
-
380
- createUI() {
381
- this.#div.classList.add("captcha");
382
- this.#div.setAttribute("role", "button");
383
- this.#div.setAttribute("tabindex", "0");
384
- this.#div.setAttribute(
385
- "aria-label",
386
- this.getI18nText("verify-aria-label", "Click to verify you're a human"),
387
- );
388
- this.#div.setAttribute("aria-live", "polite");
389
- this.#div.setAttribute("disabled", "true");
390
- this.#div.innerHTML = `<div class="checkbox" part="checkbox"><svg class="progress-ring" viewBox="0 0 32 32"><circle class="progress-ring-bg" cx="16" cy="16" r="14"></circle><circle class="progress-ring-circle" cx="16" cy="16" r="14"></circle></svg></div><p part="label">${this.getI18nText(
391
- "initial-state",
392
- "I'm a human",
393
- )}</p><a part="attribution" aria-label="Secured by Cap" href="https://capjs.js.org/" class="credits" target="_blank" rel="follow noopener">Cap</a>`;
394
-
395
- this.#shadow.innerHTML = `<style${window.CAP_CSS_NONCE ? ` nonce=${window.CAP_CSS_NONCE}` : ""}>.captcha,.captcha * {box-sizing:border-box;}.captcha{background-color:var(--cap-background,#fdfdfd);border:1px solid var(--cap-border-color,#dddddd8f);border-radius:var(--cap-border-radius,14px);user-select:none;height:var(--cap-widget-height, 58px);width:var(--cap-widget-width, 230px);display:flex;align-items:center;padding:var(--cap-widget-padding,14px);gap:var(--cap-gap,15px);cursor:pointer;transition:filter .2s,transform .2s;position:relative;-webkit-tap-highlight-color:rgba(255,255,255,0);overflow:hidden;color:var(--cap-color,#212121)}.captcha:hover{filter:brightness(98%)}.checkbox{width:var(--cap-checkbox-size,25px);height:var(--cap-checkbox-size,25px);border:var(--cap-checkbox-border,1px solid #aaaaaad1);border-radius:var(--cap-checkbox-border-radius,6px);background-color:var(--cap-checkbox-background,#fafafa91);transition:opacity .2s;margin-top:var(--cap-checkbox-margin,2px);margin-bottom:var(--cap-checkbox-margin,2px)}.captcha *{font-family:var(--cap-font,system,-apple-system,"BlinkMacSystemFont",".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande","Ubuntu","arial",sans-serif)}.captcha p{margin:0;font-weight:500;font-size:15px;user-select:none;transition:opacity .2s}.checkbox .progress-ring{display:none;width:100%;height:100%;transform:rotate(-90deg)}.checkbox .progress-ring-bg{fill:none;stroke:var(--cap-spinner-background-color,#eee);stroke-width:var(--cap-spinner-thickness,3)}.checkbox .progress-ring-circle{fill:none;stroke:var(--cap-spinner-color,#000);stroke-width:var(--cap-spinner-thickness,3);stroke-linecap:round;stroke-dasharray:87.96;stroke-dashoffset:87.96;transition:stroke-dashoffset 0.3s ease}.captcha[data-state=verifying] .checkbox{background:none;display:flex;align-items:center;justify-content:center;transform:scale(1.1);border:none;border-radius:50%;background-color:transparent}.captcha[data-state=verifying] .checkbox .progress-ring{display:block}.captcha[data-state=done] .checkbox{border:1px solid transparent;background-image:var(--cap-checkmark,url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E%40keyframes%20anim%7B0%25%7Bstroke-dashoffset%3A23.21320343017578px%7Dto%7Bstroke-dashoffset%3A0%7D%7D%3C%2Fstyle%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2300a67d%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m5%2012%205%205L20%207%22%20style%3D%22stroke-dashoffset%3A0%3Bstroke-dasharray%3A23.21320343017578px%3Banimation%3Aanim%20.5s%20ease%22%2F%3E%3C%2Fsvg%3E"));background-size:cover}.captcha[data-state=done] .checkbox .progress-ring{display:none}.captcha[data-state=error] .checkbox{border:1px solid transparent;background-image:var(--cap-error-cross,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 24 24'%3E%3Cpath fill='%23f55b50' d='M11 15h2v2h-2zm0-8h2v6h-2zm1-5C6.47 2 2 6.5 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m0 18a8 8 0 0 1-8-8a8 8 0 0 1 8-8a8 8 0 0 1 8 8a8 8 0 0 1-8 8'/%3E%3C/svg%3E"));background-size:cover}.captcha[data-state=error] .checkbox .progress-ring{display:none}.captcha[disabled]{cursor:not-allowed}.captcha[disabled][data-state=verifying]{cursor:progress}.captcha[disabled][data-state=done]{cursor:default}.captcha .credits{position:absolute;bottom:10px;right:10px;font-size:12px;color:var(--cap-color,#212121);opacity:0.8;text-underline-offset: 1.5px;}</style>`;
396
-
397
- this.#shadow.appendChild(this.#div);
398
- }
399
-
400
- addEventListeners() {
401
- if (!this.#div) return;
402
-
403
- this.#div.querySelector("a").addEventListener("click", (e) => {
404
- e.stopPropagation();
405
- e.preventDefault();
406
- window.open("https://capjs.js.org", "_blank");
407
- });
408
-
409
- this.#div.addEventListener("click", () => {
410
- if (!this.#div.hasAttribute("disabled")) this.solve();
411
- });
412
-
413
- this.#div.addEventListener("keydown", (e) => {
414
- if (
415
- (e.key === "Enter" || e.key === " ") &&
416
- !this.#div.hasAttribute("disabled")
417
- ) {
418
- e.preventDefault();
419
- e.stopPropagation();
420
- this.solve();
421
- }
422
- });
423
-
424
- this.addEventListener("progress", this.boundHandleProgress);
425
- this.addEventListener("solve", this.boundHandleSolve);
426
- this.addEventListener("error", this.boundHandleError);
427
- this.addEventListener("reset", this.boundHandleReset);
428
- }
429
-
430
- updateUI(state, text, disabled = false) {
431
- if (!this.#div) return;
432
-
433
- this.#div.setAttribute("data-state", state);
434
-
435
- this.#div.querySelector("p").innerText = text;
436
-
437
- if (disabled) {
438
- this.#div.setAttribute("disabled", "true");
439
- } else {
440
- this.#div.removeAttribute("disabled");
441
- }
442
- }
443
-
444
- handleProgress(event) {
445
- if (!this.#div) return;
446
-
447
- const progressElement = this.#div.querySelector("p");
448
- const progressCircle = this.#div.querySelector(".progress-ring-circle");
449
-
450
- if (progressElement && progressCircle) {
451
- const circumference = 2 * Math.PI * 14;
452
- const offset = circumference - (event.detail.progress / 100) * circumference;
453
- progressCircle.style.strokeDashoffset = offset;
454
- progressElement.innerText = `${this.getI18nText(
455
- "verifying-label",
456
- "Verifying...",
457
- )} ${event.detail.progress}%`;
458
- }
459
- this.executeAttributeCode("onprogress", event);
460
- }
461
-
462
- handleSolve(event) {
463
- this.updateUI(
464
- "done",
465
- this.getI18nText("solved-label", "You're a human"),
466
- true,
467
- );
468
- this.executeAttributeCode("onsolve", event);
469
- }
470
-
471
- handleError(event) {
472
- this.updateUI(
473
- "error",
474
- this.getI18nText("error-label", "Error. Try again."),
475
- );
476
- this.executeAttributeCode("onerror", event);
477
- }
478
-
479
- handleReset(event) {
480
- this.updateUI("", this.getI18nText("initial-state", "I'm a human"));
481
- this.executeAttributeCode("onreset", event);
482
- }
483
-
484
- executeAttributeCode(attributeName, event) {
485
- const code = this.getAttribute(attributeName);
486
- if (!code) {
487
- return;
488
- }
489
-
490
- new Function("event", code).call(this, event);
491
- }
492
-
493
- error(message = "Unknown error") {
494
- console.error("[cap]", message);
495
- this.dispatchEvent("error", { isCap: true, message });
496
- }
497
-
498
- dispatchEvent(eventName, detail = {}) {
499
- const event = new CustomEvent(eventName, {
500
- bubbles: true,
501
- composed: true,
502
- detail,
503
- });
504
- super.dispatchEvent(event);
505
- }
506
-
507
- reset() {
508
- if (this.#resetTimer) {
509
- clearTimeout(this.#resetTimer);
510
- this.#resetTimer = null;
511
- }
512
- this.dispatchEvent("reset");
513
- this.token = null;
514
- const fieldName =
515
- this.getAttribute("data-cap-hidden-field-name") || "cap-token";
516
- if (this.querySelector(`input[name='${fieldName}']`)) {
517
- this.querySelector(`input[name='${fieldName}']`).value = "";
518
- }
519
- }
520
-
521
- get tokenValue() {
522
- return this.token;
523
- }
524
-
525
- disconnectedCallback() {
526
- this.removeEventListener("progress", this.boundHandleProgress);
527
- this.removeEventListener("solve", this.boundHandleSolve);
528
- this.removeEventListener("error", this.boundHandleError);
529
- this.removeEventListener("reset", this.boundHandleReset);
530
-
531
- this.#eventHandlers.forEach((handler, eventName) => {
532
- this.removeEventListener(eventName.slice(2), handler);
533
- });
534
- this.#eventHandlers.clear();
535
-
536
- if (this.#shadow) {
537
- this.#shadow.innerHTML = "";
538
- }
539
-
540
- this.reset();
541
- this.cleanup();
542
- }
543
-
544
- cleanup() {
545
- if (this.#resetTimer) {
546
- clearTimeout(this.#resetTimer);
547
- this.#resetTimer = null;
548
- }
549
-
550
- if (this.#workerUrl) {
551
- URL.revokeObjectURL(this.#workerUrl);
552
- this.#workerUrl = "";
553
- }
554
- }
555
- }
556
-
557
- // MARK: Invisible
558
- class Cap {
559
- constructor(config = {}, el) {
560
- const widget = el || document.createElement("cap-widget");
561
-
562
- Object.entries(config).forEach(([a, b]) => {
563
- widget.setAttribute(a, b);
564
- });
565
-
566
- if (!config.apiEndpoint && !window?.CAP_CUSTOM_FETCH) {
567
- widget.remove();
568
- throw new Error(
569
- "Missing API endpoint. Either custom fetch or an API endpoint must be provided.",
570
- );
571
- }
572
-
573
- if (config.apiEndpoint) {
574
- widget.setAttribute("data-cap-api-endpoint", config.apiEndpoint);
575
- }
576
-
577
- this.widget = widget;
578
- this.solve = this.widget.solve.bind(this.widget);
579
- this.reset = this.widget.reset.bind(this.widget);
580
- this.addEventListener = this.widget.addEventListener.bind(this.widget);
581
-
582
- Object.defineProperty(this, "token", {
583
- get: () => widget.token,
584
- configurable: true,
585
- enumerable: true,
586
- });
587
-
588
- if (!el) {
589
- widget.style.display = "none";
590
- document.documentElement.appendChild(widget);
591
- }
592
- }
593
- }
594
- window.Cap = Cap;
595
-
596
- if (!customElements.get("cap-widget") && !window?.CAP_DONT_SKIP_REDEFINE) {
597
- customElements.define("cap-widget", CapWidget);
598
- } else {
599
- console.warn(
600
- "[cap] the cap-widget element has already been defined, skipping re-defining it.\nto prevent this, set window.CAP_DONT_SKIP_REDEFINE to true",
601
- );
602
- }
603
-
604
- if (typeof exports === "object" && typeof module !== "undefined") {
605
- module.exports = Cap;
606
- } else if (typeof define === "function" && define.amd) {
607
- define([], () => Cap);
608
- }
609
-
610
- if (typeof exports !== "undefined") {
611
- exports.default = Cap;
612
- }
217
+ const { challenge, token } = await (
218
+ await capFetch(`${apiEndpoint}challenge`, {
219
+ method: "POST",
220
+ })
221
+ ).json();
222
+
223
+ let challenges = challenge;
224
+
225
+ if (!Array.isArray(challenges)) {
226
+ let i = 0;
227
+
228
+ challenges = Array.from({ length: challenge.c }, () => {
229
+ i = i + 1;
230
+
231
+ return [prng(`${token}${i}`, challenge.s), prng(`${token}${i}d`, challenge.d)];
232
+ });
233
+ }
234
+
235
+ const solutions = await this.solveChallenges(challenges);
236
+
237
+ const resp = await (
238
+ await capFetch(`${apiEndpoint}redeem`, {
239
+ method: "POST",
240
+ body: JSON.stringify({ token, solutions }),
241
+ headers: { "Content-Type": "application/json" },
242
+ })
243
+ ).json();
244
+
245
+ this.dispatchEvent("progress", { progress: 100 });
246
+
247
+ if (!resp.success) throw new Error("Invalid solution");
248
+ const fieldName = this.getAttribute("data-cap-hidden-field-name") || "cap-token";
249
+ if (this.querySelector(`input[name='${fieldName}']`)) {
250
+ this.querySelector(`input[name='${fieldName}']`).value = resp.token;
251
+ }
252
+
253
+ this.dispatchEvent("solve", { token: resp.token });
254
+ this.token = resp.token;
255
+
256
+ if (this.#resetTimer) clearTimeout(this.#resetTimer);
257
+ const expiresIn = new Date(resp.expires).getTime() - Date.now();
258
+ if (expiresIn > 0 && expiresIn < 24 * 60 * 60 * 1000) {
259
+ this.#resetTimer = setTimeout(() => this.reset(), expiresIn);
260
+ } else {
261
+ this.error("Invalid expiration time");
262
+ }
263
+
264
+ this.#div.setAttribute(
265
+ "aria-label",
266
+ this.getI18nText(
267
+ "verified-aria-label",
268
+ "We have verified you're a human, you may now continue",
269
+ ),
270
+ );
271
+
272
+ return { success: true, token: this.token };
273
+ } catch (err) {
274
+ this.#div.setAttribute(
275
+ "aria-label",
276
+ this.getI18nText("error-aria-label", "An error occurred, please try again"),
277
+ );
278
+ this.error(err.message);
279
+ throw err;
280
+ }
281
+ } finally {
282
+ this.#solving = false;
283
+ }
284
+ }
285
+
286
+ async solveChallenges(challenges) {
287
+ const total = challenges.length;
288
+ let completed = 0;
289
+
290
+ let wasmModule = null;
291
+ const wasmSupported =
292
+ typeof WebAssembly === "object" && typeof WebAssembly.instantiate === "function";
293
+
294
+ if (wasmSupported) {
295
+ try {
296
+ wasmModule = await getWasmModule();
297
+ } catch (e) {
298
+ console.warn("[cap] wasm unavailable, falling back to JS solver:", e);
299
+ }
300
+ }
301
+
302
+ if (!wasmSupported) {
303
+ if (!this.#shadow.querySelector(".warning")) {
304
+ const warningEl = document.createElement("div");
305
+ warningEl.className = "warning";
306
+ warningEl.style.cssText = `width:var(--cap-widget-width,230px);background:rgb(237,56,46);color:white;padding:4px 6px;padding-bottom:calc(var(--cap-border-radius,14px) + 5px);font-size:10px;box-sizing:border-box;font-family:system-ui;border-top-left-radius:8px;border-top-right-radius:8px;text-align:center;user-select:none;margin-bottom:-35.5px;opacity:0;transition:margin-bottom .3s,opacity .3s;`;
307
+ warningEl.innerText = this.getI18nText(
308
+ "wasm-disabled",
309
+ "Enable WASM for significantly faster solving",
310
+ );
311
+ this.#shadow.insertBefore(warningEl, this.#shadow.firstChild);
312
+ setTimeout(() => {
313
+ warningEl.style.marginBottom = `calc(-1 * var(--cap-border-radius, 14px))`;
314
+ warningEl.style.opacity = 1;
315
+ }, 10);
316
+ }
317
+ }
318
+
319
+ const workers = Array(this.#workersCount)
320
+ .fill(null)
321
+ .map(() => {
322
+ try {
323
+ return new Worker(this.#workerUrl);
324
+ } catch (error) {
325
+ console.error("[cap] Failed to create worker:", error);
326
+ throw new Error("Worker creation failed");
327
+ }
328
+ });
329
+
330
+ const solveSingleChallenge = ([salt, target], workerId) =>
331
+ new Promise((resolve, reject) => {
332
+ const worker = workers[workerId];
333
+ if (!worker) {
334
+ reject(new Error("Worker not available"));
335
+ return;
336
+ }
337
+
338
+ worker.onmessage = ({ data }) => {
339
+ if (!data.found) return;
340
+
341
+ completed++;
342
+ this.dispatchEvent("progress", {
343
+ progress: Math.round((completed / total) * 100),
344
+ });
345
+
346
+ resolve(data.nonce);
347
+ };
348
+
349
+ worker.onerror = (err) => {
350
+ this.error(`Error in worker: ${err.message || err}`);
351
+ reject(err);
352
+ };
353
+
354
+ if (wasmModule) {
355
+ worker.postMessage({ salt, target, wasmModule }, []);
356
+ } else {
357
+ worker.postMessage({ salt, target });
358
+ }
359
+ });
360
+
361
+ const results = [];
362
+ try {
363
+ for (let i = 0; i < challenges.length; i += this.#workersCount) {
364
+ const chunk = challenges.slice(i, Math.min(i + this.#workersCount, challenges.length));
365
+ const chunkResults = await Promise.all(
366
+ chunk.map((c, idx) => solveSingleChallenge(c, idx)),
367
+ );
368
+ results.push(...chunkResults);
369
+ }
370
+ } finally {
371
+ workers.forEach((w) => {
372
+ if (w) {
373
+ try {
374
+ w.terminate();
375
+ } catch (error) {
376
+ console.error("[cap] error terminating worker:", error);
377
+ }
378
+ }
379
+ });
380
+ }
381
+
382
+ return results;
383
+ }
384
+
385
+ setWorkersCount(workers) {
386
+ const parsedWorkers = parseInt(workers, 10);
387
+ const maxWorkers = Math.min(navigator.hardwareConcurrency || 8, 16);
388
+ this.#workersCount =
389
+ !Number.isNaN(parsedWorkers) && parsedWorkers > 0 && parsedWorkers <= maxWorkers
390
+ ? parsedWorkers
391
+ : navigator.hardwareConcurrency || 8;
392
+ }
393
+
394
+ createUI() {
395
+ this.#div.classList.add("captcha");
396
+ this.#div.setAttribute("role", "button");
397
+ this.#div.setAttribute("tabindex", "0");
398
+ this.#div.setAttribute(
399
+ "aria-label",
400
+ this.getI18nText("verify-aria-label", "Click to verify you're a human"),
401
+ );
402
+ this.#div.setAttribute("aria-live", "polite");
403
+ this.#div.setAttribute("disabled", "true");
404
+ this.#div.innerHTML = `<div class="checkbox" part="checkbox"><svg class="progress-ring" viewBox="0 0 32 32"><circle class="progress-ring-bg" cx="16" cy="16" r="14"></circle><circle class="progress-ring-circle" cx="16" cy="16" r="14"></circle></svg></div><p part="label" class="label-wrapper"><span class="label active">${this.getI18nText(
405
+ "initial-state",
406
+ "Verify you're human",
407
+ )}</span></p><a part="attribution" aria-label="Secured by Cap" href="https://capjs.js.org/" class="credits" target="_blank" rel="follow noopener" title="Secured by Cap: Self-hosted CAPTCHA for the modern web.">Cap</a>`;
408
+
409
+ const css = `%%capCSS%%`;
410
+
411
+ this.#shadow.innerHTML = `<style${window.CAP_CSS_NONCE ? ` nonce=${window.CAP_CSS_NONCE}` : ""}>${css}</style>`;
412
+
413
+ this.#shadow.appendChild(this.#div);
414
+ }
415
+
416
+ addEventListeners() {
417
+ if (!this.#div) return;
418
+
419
+ this.#div.querySelector("a").addEventListener("click", (e) => {
420
+ e.stopPropagation();
421
+ e.preventDefault();
422
+ window.open("https://capjs.js.org", "_blank");
423
+ });
424
+
425
+ this.#div.addEventListener("click", () => {
426
+ if (!this.#div.hasAttribute("disabled")) this.solve();
427
+ });
428
+
429
+ this.#div.addEventListener("keydown", (e) => {
430
+ if ((e.key === "Enter" || e.key === " ") && !this.#div.hasAttribute("disabled")) {
431
+ e.preventDefault();
432
+ e.stopPropagation();
433
+ this.solve();
434
+ }
435
+ });
436
+
437
+ this.addEventListener("progress", this.boundHandleProgress);
438
+ this.addEventListener("solve", this.boundHandleSolve);
439
+ this.addEventListener("error", this.boundHandleError);
440
+ this.addEventListener("reset", this.boundHandleReset);
441
+ }
442
+
443
+ animateLabel(text) {
444
+ if (!this.#div) return;
445
+ const wrapper = this.#div.querySelector(".label-wrapper");
446
+ if (!wrapper) return;
447
+
448
+ if (prefersReducedMotion()) {
449
+ const current = wrapper.querySelector(".label.active");
450
+ if (current) {
451
+ current.textContent = text;
452
+ } else {
453
+ const span = document.createElement("span");
454
+ span.className = "label active";
455
+ span.textContent = text;
456
+ wrapper.appendChild(span);
457
+ }
458
+ return;
459
+ }
460
+
461
+ const current = wrapper.querySelector(".label.active");
462
+
463
+ const next = document.createElement("span");
464
+ next.className = "label";
465
+ next.textContent = text;
466
+ wrapper.appendChild(next);
467
+
468
+ void next.offsetWidth;
469
+
470
+ next.classList.add("active");
471
+ if (current) {
472
+ current.classList.remove("active");
473
+ current.classList.add("exit");
474
+ current.addEventListener("transitionend", () => current.remove(), { once: true });
475
+ }
476
+ }
477
+
478
+ updateUI(state, text, disabled = false) {
479
+ if (!this.#div) return;
480
+
481
+ this.#div.setAttribute("data-state", state);
482
+
483
+ this.animateLabel(text);
484
+
485
+ if (disabled) {
486
+ this.#div.setAttribute("disabled", "true");
487
+ } else {
488
+ this.#div.removeAttribute("disabled");
489
+ }
490
+ }
491
+
492
+ handleProgress(event) {
493
+ if (!this.#div) return;
494
+
495
+ const progressCircle = this.#div.querySelector(".progress-ring-circle");
496
+
497
+ if (progressCircle) {
498
+ const circumference = 2 * Math.PI * 14;
499
+ const offset = circumference - (event.detail.progress / 100) * circumference;
500
+ progressCircle.style.strokeDashoffset = offset;
501
+ }
502
+
503
+ const wrapper = this.#div.querySelector(".label-wrapper");
504
+ if (wrapper) {
505
+ const activeLabel = wrapper.querySelector(".label.active");
506
+ if (activeLabel) {
507
+ activeLabel.textContent = `${this.getI18nText("verifying-label", "Verifying...")} ${event.detail.progress}%`;
508
+ }
509
+ }
510
+
511
+ this.executeAttributeCode("onprogress", event);
512
+ }
513
+
514
+ handleSolve(event) {
515
+ this.updateUI("done", this.getI18nText("solved-label", "You're a human"), true);
516
+ this.executeAttributeCode("onsolve", event);
517
+ }
518
+
519
+ handleError(event) {
520
+ this.updateUI("error", this.getI18nText("error-label", "Error. Try again."));
521
+ this.executeAttributeCode("onerror", event);
522
+ }
523
+
524
+ handleReset(event) {
525
+ this.updateUI("", this.getI18nText("initial-state", "I'm a human"));
526
+ this.executeAttributeCode("onreset", event);
527
+ }
528
+
529
+ executeAttributeCode(attributeName, event) {
530
+ const code = this.getAttribute(attributeName);
531
+ if (!code) {
532
+ return;
533
+ }
534
+
535
+ new Function("event", code).call(this, event);
536
+ }
537
+
538
+ error(message = "Unknown error") {
539
+ console.error("[cap]", message);
540
+ this.dispatchEvent("error", { isCap: true, message });
541
+ }
542
+
543
+ dispatchEvent(eventName, detail = {}) {
544
+ const event = new CustomEvent(eventName, {
545
+ bubbles: true,
546
+ composed: true,
547
+ detail,
548
+ });
549
+ super.dispatchEvent(event);
550
+ }
551
+
552
+ reset() {
553
+ if (this.#resetTimer) {
554
+ clearTimeout(this.#resetTimer);
555
+ this.#resetTimer = null;
556
+ }
557
+ this.dispatchEvent("reset");
558
+ this.token = null;
559
+ const fieldName = this.getAttribute("data-cap-hidden-field-name") || "cap-token";
560
+ if (this.querySelector(`input[name='${fieldName}']`)) {
561
+ this.querySelector(`input[name='${fieldName}']`).value = "";
562
+ }
563
+ }
564
+
565
+ get tokenValue() {
566
+ return this.token;
567
+ }
568
+
569
+ disconnectedCallback() {
570
+ this.removeEventListener("progress", this.boundHandleProgress);
571
+ this.removeEventListener("solve", this.boundHandleSolve);
572
+ this.removeEventListener("error", this.boundHandleError);
573
+ this.removeEventListener("reset", this.boundHandleReset);
574
+
575
+ this.#eventHandlers.forEach((handler, eventName) => {
576
+ this.removeEventListener(eventName.slice(2), handler);
577
+ });
578
+ this.#eventHandlers.clear();
579
+
580
+ if (this.#shadow) {
581
+ this.#shadow.innerHTML = "";
582
+ }
583
+
584
+ this.reset();
585
+ this.cleanup();
586
+ }
587
+
588
+ cleanup() {
589
+ if (this.#resetTimer) {
590
+ clearTimeout(this.#resetTimer);
591
+ this.#resetTimer = null;
592
+ }
593
+
594
+ if (this.#workerUrl) {
595
+ URL.revokeObjectURL(this.#workerUrl);
596
+ this.#workerUrl = "";
597
+ }
598
+ }
599
+ }
600
+
601
+ class Cap {
602
+ constructor(config = {}, el) {
603
+ const widget = el || document.createElement("cap-widget");
604
+
605
+ Object.entries(config).forEach(([a, b]) => {
606
+ widget.setAttribute(a, b);
607
+ });
608
+
609
+ if (!config.apiEndpoint && !window?.CAP_CUSTOM_FETCH) {
610
+ widget.remove();
611
+ throw new Error(
612
+ "Missing API endpoint. Either custom fetch or an API endpoint must be provided.",
613
+ );
614
+ }
615
+
616
+ if (config.apiEndpoint) {
617
+ widget.setAttribute("data-cap-api-endpoint", config.apiEndpoint);
618
+ }
619
+
620
+ this.widget = widget;
621
+ this.solve = this.widget.solve.bind(this.widget);
622
+ this.reset = this.widget.reset.bind(this.widget);
623
+ this.addEventListener = this.widget.addEventListener.bind(this.widget);
624
+
625
+ Object.defineProperty(this, "token", {
626
+ get: () => widget.token,
627
+ configurable: true,
628
+ enumerable: true,
629
+ });
630
+
631
+ if (!el) {
632
+ widget.style.display = "none";
633
+ document.documentElement.appendChild(widget);
634
+ }
635
+ }
636
+ }
637
+
638
+ window.Cap = Cap;
639
+
640
+ if (!customElements.get("cap-widget") && !window?.CAP_DONT_SKIP_REDEFINE) {
641
+ customElements.define("cap-widget", CapWidget);
642
+ } else if (customElements.get("cap-widget")) {
643
+ console.warn(
644
+ "[cap] the cap-widget element has already been defined, skipping re-defining it.\nto prevent this, set window.CAP_DONT_SKIP_REDEFINE to true",
645
+ );
646
+ }
647
+
648
+ if (typeof exports === "object" && typeof module !== "undefined") {
649
+ module.exports = Cap;
650
+ } else if (typeof define === "function" && define.amd) {
651
+ define([], () => Cap);
652
+ }
653
+
654
+ if (typeof exports !== "undefined") {
655
+ exports.default = Cap;
656
+ }
613
657
  })();