@prosopo/procaptcha-puzzle 2.13.3 → 2.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build$colon$cjs.log +6 -6
- package/.turbo/turbo-build$colon$tsc.log +19 -19
- package/.turbo/turbo-build.log +7 -7
- package/CHANGELOG.md +41 -0
- package/dist/cjs/components/procaptchaPuzzle.cjs +22 -0
- package/dist/cjs/components/procaptchaWidget.cjs +225 -0
- package/dist/cjs/components/puzzleCanvas.cjs +450 -0
- package/dist/cjs/index.cjs +7 -2
- package/dist/components/procaptchaPuzzle.d.ts +7 -0
- package/dist/components/procaptchaPuzzle.d.ts.map +1 -0
- package/dist/components/procaptchaPuzzle.js +21 -0
- package/dist/components/procaptchaPuzzle.js.map +1 -0
- package/dist/components/procaptchaWidget.d.ts +7 -0
- package/dist/components/procaptchaWidget.d.ts.map +1 -0
- package/dist/components/procaptchaWidget.js +225 -0
- package/dist/components/procaptchaWidget.js.map +1 -0
- package/dist/components/{PuzzleCanvas.d.ts → puzzleCanvas.d.ts} +6 -4
- package/dist/components/puzzleCanvas.d.ts.map +1 -0
- package/dist/components/puzzleCanvas.js +450 -0
- package/dist/components/puzzleCanvas.js.map +1 -0
- package/dist/index.d.ts +3 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -2
- package/dist/index.js.map +1 -1
- package/dist/tests/domHarness.d.ts +20 -0
- package/dist/tests/domHarness.d.ts.map +1 -0
- package/dist/tests/domHarness.js +56 -0
- package/dist/tests/domHarness.js.map +1 -0
- package/dist/tests/procaptchaPuzzle.test-d.js +13 -10
- package/dist/tests/procaptchaPuzzle.test-d.js.map +1 -1
- package/dist/tests/procaptchaPuzzle.unit.test.js +44 -33
- package/dist/tests/procaptchaPuzzle.unit.test.js.map +1 -1
- package/dist/tests/procaptchaWidget.unit.test.js +108 -175
- package/dist/tests/procaptchaWidget.unit.test.js.map +1 -1
- package/dist/tests/puzzleCanvas.unit.test.js +47 -80
- package/dist/tests/puzzleCanvas.unit.test.js.map +1 -1
- package/package.json +8 -12
- package/src/components/procaptchaPuzzle.ts +54 -0
- package/src/components/procaptchaWidget.ts +392 -0
- package/src/components/puzzleCanvas.ts +653 -0
- package/src/index.ts +3 -2
- package/src/tests/domHarness.ts +122 -0
- package/src/tests/procaptchaPuzzle.test-d.ts +33 -17
- package/src/tests/procaptchaPuzzle.unit.test.ts +59 -44
- package/src/tests/procaptchaWidget.unit.test.ts +145 -258
- package/src/tests/puzzleCanvas.unit.test.ts +76 -120
- package/tsconfig.cjs.json +1 -2
- package/tsconfig.json +1 -2
- package/tsconfig.tsbuildinfo +1 -1
- package/vite.test.config.ts +3 -4
- package/dist/cjs/components/ProcaptchaPuzzle.cjs +0 -7
- package/dist/cjs/components/ProcaptchaWidget.cjs +0 -206
- package/dist/cjs/components/PuzzleCanvas.cjs +0 -476
- package/dist/components/ProcaptchaPuzzle.d.ts +0 -3
- package/dist/components/ProcaptchaPuzzle.d.ts.map +0 -1
- package/dist/components/ProcaptchaPuzzle.js +0 -7
- package/dist/components/ProcaptchaPuzzle.js.map +0 -1
- package/dist/components/ProcaptchaWidget.d.ts +0 -4
- package/dist/components/ProcaptchaWidget.d.ts.map +0 -1
- package/dist/components/ProcaptchaWidget.js +0 -207
- package/dist/components/ProcaptchaWidget.js.map +0 -1
- package/dist/components/PuzzleCanvas.d.ts.map +0 -1
- package/dist/components/PuzzleCanvas.js +0 -476
- package/dist/components/PuzzleCanvas.js.map +0 -1
- package/dist/tests/setup.d.ts +0 -5
- package/dist/tests/setup.d.ts.map +0 -1
- package/dist/tests/setup.js +0 -3
- package/dist/tests/setup.js.map +0 -1
- package/src/components/ProcaptchaPuzzle.tsx +0 -36
- package/src/components/ProcaptchaWidget.tsx +0 -320
- package/src/components/PuzzleCanvas.tsx +0 -638
- package/src/tests/setup.ts +0 -26
|
@@ -0,0 +1,225 @@
|
|
|
1
|
+
import "../_virtual/_rolldown/runtime.js";
|
|
2
|
+
import { Manager } from "../services/Manager.js";
|
|
3
|
+
import { mountPuzzleCanvas } from "./puzzleCanvas.js";
|
|
4
|
+
import { createTranslator, loadI18next } from "@prosopo/locale";
|
|
5
|
+
import { Teardown, buildUpdateState, createElement, createProcaptchaState, createRenderScheduler, isEventTrusted, mountCheckbox, mountHoneypot } from "@prosopo/procaptcha-common";
|
|
6
|
+
import { ModeEnum } from "@prosopo/types";
|
|
7
|
+
import { darkTheme, lightTheme } from "@prosopo/widget-skeleton";
|
|
8
|
+
//#region src/components/procaptchaWidget.ts
|
|
9
|
+
var PROCAPTCHA_EXECUTE_EVENT = "procaptcha:execute";
|
|
10
|
+
var mountProcaptchaPuzzleWidget = (container, props) => {
|
|
11
|
+
const teardown = new Teardown();
|
|
12
|
+
const config = props.config;
|
|
13
|
+
const i18n = props.i18n;
|
|
14
|
+
const frictionlessState = props.frictionlessState;
|
|
15
|
+
const callbacks = props.callbacks || {};
|
|
16
|
+
const translator = createTranslator(i18n);
|
|
17
|
+
const isInvisible = ModeEnum.invisible === config.mode;
|
|
18
|
+
const store = createProcaptchaState();
|
|
19
|
+
let loading = false;
|
|
20
|
+
let puzzlePhase = "checkbox";
|
|
21
|
+
let challengeData = null;
|
|
22
|
+
let showRetry = false;
|
|
23
|
+
let lastError = store.state.error;
|
|
24
|
+
let lastCoords = null;
|
|
25
|
+
let sessionInvalidatedFired = false;
|
|
26
|
+
let honeypot;
|
|
27
|
+
let checkbox;
|
|
28
|
+
let puzzle;
|
|
29
|
+
const updateState = buildUpdateState(store.state, store.update);
|
|
30
|
+
const manager = Manager(config, store.state, updateState, callbacks, frictionlessState, () => honeypot?.getValue());
|
|
31
|
+
const root = createElement("div");
|
|
32
|
+
container.appendChild(root);
|
|
33
|
+
if (frictionlessState?.hp) honeypot = mountHoneypot(root, { encodedQuestion: frictionlessState.hp });
|
|
34
|
+
const handlePuzzleComplete = async (finalX, finalY, puzzleEvents) => {
|
|
35
|
+
puzzlePhase = "submitting";
|
|
36
|
+
scheduler.schedule();
|
|
37
|
+
let verified = false;
|
|
38
|
+
try {
|
|
39
|
+
verified = await manager.submitSolution(finalX, finalY, puzzleEvents);
|
|
40
|
+
} catch (error) {
|
|
41
|
+
callbacks.onError?.(error instanceof Error ? error : new Error(String(error)));
|
|
42
|
+
}
|
|
43
|
+
if (verified) {
|
|
44
|
+
puzzlePhase = "checkbox";
|
|
45
|
+
challengeData = null;
|
|
46
|
+
showRetry = false;
|
|
47
|
+
loading = false;
|
|
48
|
+
scheduler.schedule();
|
|
49
|
+
return;
|
|
50
|
+
}
|
|
51
|
+
showRetry = true;
|
|
52
|
+
puzzlePhase = "dragging";
|
|
53
|
+
scheduler.schedule();
|
|
54
|
+
try {
|
|
55
|
+
const newChallenge = await manager.start();
|
|
56
|
+
if (newChallenge) challengeData = newChallenge;
|
|
57
|
+
else {
|
|
58
|
+
puzzlePhase = "checkbox";
|
|
59
|
+
challengeData = null;
|
|
60
|
+
showRetry = false;
|
|
61
|
+
}
|
|
62
|
+
} catch {
|
|
63
|
+
puzzlePhase = "checkbox";
|
|
64
|
+
challengeData = null;
|
|
65
|
+
showRetry = false;
|
|
66
|
+
}
|
|
67
|
+
loading = false;
|
|
68
|
+
scheduler.schedule();
|
|
69
|
+
};
|
|
70
|
+
const handleDismiss = () => {
|
|
71
|
+
puzzlePhase = "checkbox";
|
|
72
|
+
challengeData = null;
|
|
73
|
+
showRetry = false;
|
|
74
|
+
loading = false;
|
|
75
|
+
scheduler.schedule();
|
|
76
|
+
};
|
|
77
|
+
const puzzleProps = (challenge) => ({
|
|
78
|
+
originX: challenge.originX,
|
|
79
|
+
originY: challenge.originY,
|
|
80
|
+
background: challenge.background,
|
|
81
|
+
piece: challenge.piece,
|
|
82
|
+
pieceSize: challenge.pieceSize,
|
|
83
|
+
onComplete: (finalX, finalY, events) => {
|
|
84
|
+
handlePuzzleComplete(finalX, finalY, events);
|
|
85
|
+
},
|
|
86
|
+
showRetry,
|
|
87
|
+
submitting: "submitting" === puzzlePhase,
|
|
88
|
+
theme: "light" === config.theme ? lightTheme : darkTheme,
|
|
89
|
+
translator,
|
|
90
|
+
placement: config.placement,
|
|
91
|
+
anchor: props.container,
|
|
92
|
+
onDismiss: handleDismiss
|
|
93
|
+
});
|
|
94
|
+
const runErrorEffect = () => {
|
|
95
|
+
if (store.state.error === lastError) return;
|
|
96
|
+
lastError = store.state.error;
|
|
97
|
+
if (!store.state.error) return;
|
|
98
|
+
loading = false;
|
|
99
|
+
puzzlePhase = "checkbox";
|
|
100
|
+
challengeData = null;
|
|
101
|
+
showRetry = false;
|
|
102
|
+
if ("CAPTCHA.NO_SESSION_FOUND" !== store.state.error.key) return;
|
|
103
|
+
if (props.onSessionInvalidated && !sessionInvalidatedFired) {
|
|
104
|
+
sessionInvalidatedFired = true;
|
|
105
|
+
props.onSessionInvalidated(lastCoords?.x, lastCoords?.y);
|
|
106
|
+
return;
|
|
107
|
+
}
|
|
108
|
+
if (frictionlessState) {
|
|
109
|
+
const timer = setTimeout(() => {
|
|
110
|
+
frictionlessState.restart();
|
|
111
|
+
}, 100);
|
|
112
|
+
teardown.add(() => clearTimeout(timer));
|
|
113
|
+
}
|
|
114
|
+
};
|
|
115
|
+
const render = () => {
|
|
116
|
+
runErrorEffect();
|
|
117
|
+
if (("dragging" === puzzlePhase || "submitting" === puzzlePhase) && null !== challengeData && null !== challengeData) if (void 0 === puzzle) puzzle = mountPuzzleCanvas(puzzleProps(challengeData));
|
|
118
|
+
else puzzle.update(puzzleProps(challengeData));
|
|
119
|
+
else {
|
|
120
|
+
puzzle?.destroy();
|
|
121
|
+
puzzle = void 0;
|
|
122
|
+
}
|
|
123
|
+
checkbox?.update(checkboxProps());
|
|
124
|
+
};
|
|
125
|
+
const scheduler = createRenderScheduler(render);
|
|
126
|
+
const checkboxProps = () => ({
|
|
127
|
+
checked: store.state.isHuman,
|
|
128
|
+
theme: "light" === config.theme ? lightTheme : darkTheme,
|
|
129
|
+
labelText: translator.isReady() ? translator.t("WIDGET.I_AM_HUMAN") : "",
|
|
130
|
+
error: store.state.error?.message,
|
|
131
|
+
loadingText: translator.t("WIDGET.CHECKING", { defaultValue: "Checking that you are human" }),
|
|
132
|
+
loading: loading || "submitting" === puzzlePhase,
|
|
133
|
+
onChange: async (event) => {
|
|
134
|
+
if (loading) return;
|
|
135
|
+
loading = true;
|
|
136
|
+
showRetry = false;
|
|
137
|
+
scheduler.schedule();
|
|
138
|
+
let x = 0;
|
|
139
|
+
let y = 0;
|
|
140
|
+
if (!isEventTrusted(event)) {} else if ("touches" in event && event.touches.length > 0) {
|
|
141
|
+
const touch = event.touches[0];
|
|
142
|
+
if (touch) {
|
|
143
|
+
x = touch.clientX;
|
|
144
|
+
y = touch.clientY;
|
|
145
|
+
}
|
|
146
|
+
} else if ("clientX" in event && "clientY" in event) {
|
|
147
|
+
x = event.clientX;
|
|
148
|
+
y = event.clientY;
|
|
149
|
+
}
|
|
150
|
+
lastCoords = {
|
|
151
|
+
x,
|
|
152
|
+
y
|
|
153
|
+
};
|
|
154
|
+
try {
|
|
155
|
+
const challenge = await manager.start(x, y);
|
|
156
|
+
if (challenge) {
|
|
157
|
+
challengeData = challenge;
|
|
158
|
+
puzzlePhase = "dragging";
|
|
159
|
+
}
|
|
160
|
+
} catch (error) {
|
|
161
|
+
callbacks.onError?.(error instanceof Error ? error : new Error(String(error)));
|
|
162
|
+
} finally {
|
|
163
|
+
loading = false;
|
|
164
|
+
scheduler.schedule();
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
});
|
|
168
|
+
if (!isInvisible) checkbox = mountCheckbox(root, checkboxProps());
|
|
169
|
+
teardown.add(scheduler.cancel);
|
|
170
|
+
teardown.add(store.subscribe(scheduler.schedule));
|
|
171
|
+
teardown.add(translator.subscribe(scheduler.schedule));
|
|
172
|
+
const handleExecute = () => {
|
|
173
|
+
(async () => {
|
|
174
|
+
if (loading) return;
|
|
175
|
+
loading = true;
|
|
176
|
+
showRetry = false;
|
|
177
|
+
scheduler.schedule();
|
|
178
|
+
try {
|
|
179
|
+
const challenge = await manager.start();
|
|
180
|
+
if (challenge) {
|
|
181
|
+
challengeData = challenge;
|
|
182
|
+
puzzlePhase = "dragging";
|
|
183
|
+
}
|
|
184
|
+
} catch (error) {
|
|
185
|
+
callbacks.onError?.(error instanceof Error ? error : new Error(String(error)));
|
|
186
|
+
} finally {
|
|
187
|
+
loading = false;
|
|
188
|
+
scheduler.schedule();
|
|
189
|
+
}
|
|
190
|
+
})();
|
|
191
|
+
};
|
|
192
|
+
if (props.container) teardown.addEventListener(props.container, PROCAPTCHA_EXECUTE_EVENT, handleExecute);
|
|
193
|
+
if (isInvisible) teardown.addEventListener(document, PROCAPTCHA_EXECUTE_EVENT, handleExecute);
|
|
194
|
+
if (config.language) if (i18n) {
|
|
195
|
+
if (i18n.language !== config.language) i18n.changeLanguage(config.language);
|
|
196
|
+
} else loadI18next(false, config.language);
|
|
197
|
+
if (props.autoStart) {
|
|
198
|
+
loading = true;
|
|
199
|
+
showRetry = false;
|
|
200
|
+
const coords = props.startCoords;
|
|
201
|
+
lastCoords = coords ?? null;
|
|
202
|
+
scheduler.schedule();
|
|
203
|
+
manager.start(coords?.x ?? 0, coords?.y ?? 0).then((challenge) => {
|
|
204
|
+
if (challenge) {
|
|
205
|
+
challengeData = challenge;
|
|
206
|
+
puzzlePhase = "dragging";
|
|
207
|
+
}
|
|
208
|
+
loading = false;
|
|
209
|
+
scheduler.schedule();
|
|
210
|
+
}, () => {
|
|
211
|
+
loading = false;
|
|
212
|
+
scheduler.schedule();
|
|
213
|
+
});
|
|
214
|
+
}
|
|
215
|
+
render();
|
|
216
|
+
return { destroy: () => {
|
|
217
|
+
teardown.run();
|
|
218
|
+
puzzle?.destroy();
|
|
219
|
+
checkbox?.destroy();
|
|
220
|
+
honeypot?.destroy();
|
|
221
|
+
root.parentNode?.removeChild(root);
|
|
222
|
+
} };
|
|
223
|
+
};
|
|
224
|
+
//#endregion
|
|
225
|
+
export { mountProcaptchaPuzzleWidget as default, mountProcaptchaPuzzleWidget };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"procaptchaWidget.js","sourceRoot":"","sources":["../../src/components/procaptchaWidget.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
|
+
import type { Translator } from "@prosopo/locale";
|
|
2
|
+
import { type Component } from "@prosopo/procaptcha-common";
|
|
1
3
|
import type { PlacementType, PuzzleEvent } from "@prosopo/types";
|
|
2
4
|
import type { Theme } from "@prosopo/widget-skeleton";
|
|
3
|
-
interface PuzzleCanvasProps {
|
|
5
|
+
export interface PuzzleCanvasProps {
|
|
4
6
|
originX: number;
|
|
5
7
|
originY: number;
|
|
6
8
|
background: string;
|
|
@@ -10,10 +12,10 @@ interface PuzzleCanvasProps {
|
|
|
10
12
|
showRetry: boolean;
|
|
11
13
|
submitting: boolean;
|
|
12
14
|
theme: Theme;
|
|
15
|
+
translator: Translator;
|
|
13
16
|
placement?: PlacementType;
|
|
14
17
|
anchor?: HTMLElement | null;
|
|
15
18
|
onDismiss?: () => void;
|
|
16
19
|
}
|
|
17
|
-
export declare const
|
|
18
|
-
|
|
19
|
-
//# sourceMappingURL=PuzzleCanvas.d.ts.map
|
|
20
|
+
export declare const mountPuzzleCanvas: (initialProps: PuzzleCanvasProps) => Component<PuzzleCanvasProps>;
|
|
21
|
+
//# sourceMappingURL=puzzleCanvas.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"puzzleCanvas.d.ts","sourceRoot":"","sources":["../../src/components/puzzleCanvas.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAEN,KAAK,SAAS,EAQd,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAEtD,MAAM,WAAW,iBAAiB;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAEhB,UAAU,EAAE,MAAM,CAAC;IAEnB,KAAK,EAAE,MAAM,CAAC;IAEd,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,CACX,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,WAAW,EAAE,KACvB,IAAI,CAAC;IACV,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC;IACb,UAAU,EAAE,UAAU,CAAC;IACvB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AA+DD,eAAO,MAAM,iBAAiB,iBACf,iBAAiB,KAC7B,SAAS,CAAC,iBAAiB,CAyhB7B,CAAC"}
|