@prosopo/procaptcha-puzzle 2.13.3 → 2.14.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build$colon$cjs.log +6 -6
- package/.turbo/turbo-build$colon$tsc.log +20 -20
- package/.turbo/turbo-build.log +7 -7
- package/CHANGELOG.md +66 -0
- package/dist/cjs/components/procaptchaPuzzle.cjs +22 -0
- package/dist/cjs/components/procaptchaWidget.cjs +225 -0
- package/dist/cjs/components/puzzleCanvas.cjs +451 -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 +451 -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/invisibleCanvasVisibility.unit.test.d.ts +2 -0
- package/dist/tests/invisibleCanvasVisibility.unit.test.d.ts.map +1 -0
- package/dist/tests/invisibleCanvasVisibility.unit.test.js +102 -0
- package/dist/tests/invisibleCanvasVisibility.unit.test.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 +56 -82
- package/dist/tests/puzzleCanvas.unit.test.js.map +1 -1
- package/package.json +10 -14
- package/src/components/procaptchaPuzzle.ts +54 -0
- package/src/components/procaptchaWidget.ts +392 -0
- package/src/components/puzzleCanvas.ts +658 -0
- package/src/index.ts +3 -2
- package/src/tests/domHarness.ts +122 -0
- package/src/tests/invisibleCanvasVisibility.unit.test.ts +179 -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 +94 -122
- 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,451 @@
|
|
|
1
|
+
import { Teardown, applyAttributes, applyStyles, createElement, isEventTrusted, mountChallengeSurface } from "@prosopo/procaptcha-common";
|
|
2
|
+
//#region src/components/puzzleCanvas.ts
|
|
3
|
+
var CONTAINER_WIDTH = 300;
|
|
4
|
+
var CONTAINER_HEIGHT = 200;
|
|
5
|
+
var PIECE_CSS_CLASS = "prosopo-puzzle-piece";
|
|
6
|
+
var STEP_PX = 10;
|
|
7
|
+
var FINE_STEP_PX = 2;
|
|
8
|
+
var ANNOUNCE_DEBOUNCE_MS = 400;
|
|
9
|
+
var VISUALLY_HIDDEN = {
|
|
10
|
+
position: "absolute",
|
|
11
|
+
width: "1px",
|
|
12
|
+
height: "1px",
|
|
13
|
+
padding: 0,
|
|
14
|
+
margin: "-1px",
|
|
15
|
+
overflow: "hidden",
|
|
16
|
+
clip: "rect(0, 0, 0, 0)",
|
|
17
|
+
clipPath: "inset(50%)",
|
|
18
|
+
whiteSpace: "nowrap",
|
|
19
|
+
border: 0
|
|
20
|
+
};
|
|
21
|
+
var stylesheet = (focusRingColor) => `
|
|
22
|
+
@keyframes prosopo-puzzle-shake {
|
|
23
|
+
0%, 100% { transform: translateX(0); }
|
|
24
|
+
10%, 30%, 50%, 70%, 90% { transform: translateX(-4px); }
|
|
25
|
+
20%, 40%, 60%, 80% { transform: translateX(4px); }
|
|
26
|
+
}
|
|
27
|
+
.${PIECE_CSS_CLASS}:focus-visible {
|
|
28
|
+
outline: 3px solid ${focusRingColor};
|
|
29
|
+
outline-offset: 2px;
|
|
30
|
+
}
|
|
31
|
+
`;
|
|
32
|
+
var KALEIDOSCOPE_TILES = [
|
|
33
|
+
[
|
|
34
|
+
0,
|
|
35
|
+
0,
|
|
36
|
+
-1,
|
|
37
|
+
-1
|
|
38
|
+
],
|
|
39
|
+
[
|
|
40
|
+
1,
|
|
41
|
+
0,
|
|
42
|
+
1,
|
|
43
|
+
-1
|
|
44
|
+
],
|
|
45
|
+
[
|
|
46
|
+
2,
|
|
47
|
+
0,
|
|
48
|
+
-1,
|
|
49
|
+
-1
|
|
50
|
+
],
|
|
51
|
+
[
|
|
52
|
+
0,
|
|
53
|
+
1,
|
|
54
|
+
-1,
|
|
55
|
+
1
|
|
56
|
+
],
|
|
57
|
+
[
|
|
58
|
+
1,
|
|
59
|
+
1,
|
|
60
|
+
1,
|
|
61
|
+
1
|
|
62
|
+
],
|
|
63
|
+
[
|
|
64
|
+
2,
|
|
65
|
+
1,
|
|
66
|
+
-1,
|
|
67
|
+
1
|
|
68
|
+
],
|
|
69
|
+
[
|
|
70
|
+
0,
|
|
71
|
+
2,
|
|
72
|
+
-1,
|
|
73
|
+
-1
|
|
74
|
+
],
|
|
75
|
+
[
|
|
76
|
+
1,
|
|
77
|
+
2,
|
|
78
|
+
1,
|
|
79
|
+
-1
|
|
80
|
+
],
|
|
81
|
+
[
|
|
82
|
+
2,
|
|
83
|
+
2,
|
|
84
|
+
-1,
|
|
85
|
+
-1
|
|
86
|
+
]
|
|
87
|
+
];
|
|
88
|
+
var clamp = (value, min, max) => Math.max(min, Math.min(max, value));
|
|
89
|
+
var instanceCount = 0;
|
|
90
|
+
var mountPuzzleCanvas = (initialProps) => {
|
|
91
|
+
const teardown = new Teardown();
|
|
92
|
+
let props = initialProps;
|
|
93
|
+
let posX = props.originX;
|
|
94
|
+
let posY = props.originY;
|
|
95
|
+
let dragging = false;
|
|
96
|
+
let puzzleEvents = [];
|
|
97
|
+
let dragOffset = {
|
|
98
|
+
x: 0,
|
|
99
|
+
y: 0
|
|
100
|
+
};
|
|
101
|
+
let visible = false;
|
|
102
|
+
let shaking = false;
|
|
103
|
+
let shakeTimer;
|
|
104
|
+
let announceTimer;
|
|
105
|
+
let keyboardDragging = false;
|
|
106
|
+
const baseId = `prosopo-puzzle-${instanceCount++}`;
|
|
107
|
+
const instructionId = `${baseId}-instruction`;
|
|
108
|
+
const keyboardHintId = `${baseId}-keyboard-hint`;
|
|
109
|
+
const t = (key, options) => props.translator.t(key, options);
|
|
110
|
+
const style = createElement("style", { text: stylesheet(props.theme.palette.primary.main) });
|
|
111
|
+
const announcer = createElement("output", {
|
|
112
|
+
style: VISUALLY_HIDDEN,
|
|
113
|
+
attributes: {
|
|
114
|
+
"aria-live": "polite",
|
|
115
|
+
"aria-atomic": "true"
|
|
116
|
+
}
|
|
117
|
+
});
|
|
118
|
+
const keyboardHint = createElement("div", {
|
|
119
|
+
style: VISUALLY_HIDDEN,
|
|
120
|
+
attributes: { id: keyboardHintId }
|
|
121
|
+
});
|
|
122
|
+
const backgroundTiles = KALEIDOSCOPE_TILES.map(([column, row, sx, sy]) => createElement("img", {
|
|
123
|
+
style: {
|
|
124
|
+
position: "absolute",
|
|
125
|
+
left: `${column * CONTAINER_WIDTH}px`,
|
|
126
|
+
top: `${row * CONTAINER_HEIGHT}px`,
|
|
127
|
+
width: `${CONTAINER_WIDTH}px`,
|
|
128
|
+
height: `${CONTAINER_HEIGHT}px`,
|
|
129
|
+
transform: `scale(${sx}, ${sy})`,
|
|
130
|
+
pointerEvents: "none",
|
|
131
|
+
userSelect: "none"
|
|
132
|
+
},
|
|
133
|
+
attributes: {
|
|
134
|
+
alt: "",
|
|
135
|
+
draggable: false
|
|
136
|
+
}
|
|
137
|
+
}));
|
|
138
|
+
const backgroundLayer = createElement("div", {
|
|
139
|
+
style: {
|
|
140
|
+
left: `-${CONTAINER_WIDTH}px`,
|
|
141
|
+
top: `-${CONTAINER_HEIGHT}px`,
|
|
142
|
+
position: "absolute",
|
|
143
|
+
width: `${CONTAINER_WIDTH * 3}px`,
|
|
144
|
+
height: `${CONTAINER_HEIGHT * 3}px`,
|
|
145
|
+
pointerEvents: "none",
|
|
146
|
+
userSelect: "none",
|
|
147
|
+
transformOrigin: "center center",
|
|
148
|
+
willChange: "transform, filter"
|
|
149
|
+
},
|
|
150
|
+
children: backgroundTiles
|
|
151
|
+
});
|
|
152
|
+
const piece = createElement("div", {
|
|
153
|
+
className: PIECE_CSS_CLASS,
|
|
154
|
+
style: {
|
|
155
|
+
position: "absolute",
|
|
156
|
+
backgroundSize: "100% 100%",
|
|
157
|
+
touchAction: "none"
|
|
158
|
+
},
|
|
159
|
+
attributes: {
|
|
160
|
+
role: "application",
|
|
161
|
+
"aria-describedby": `${instructionId} ${keyboardHintId}`
|
|
162
|
+
}
|
|
163
|
+
});
|
|
164
|
+
if ("production" !== process.env.NODE_ENV) applyAttributes(piece, { "data-cy": "prosopo-puzzle-piece" });
|
|
165
|
+
const area = createElement("div", {
|
|
166
|
+
style: {
|
|
167
|
+
position: "relative",
|
|
168
|
+
width: `${CONTAINER_WIDTH}px`,
|
|
169
|
+
height: `${CONTAINER_HEIGHT}px`,
|
|
170
|
+
borderRadius: "0 0 20px 20px",
|
|
171
|
+
overflow: "hidden",
|
|
172
|
+
userSelect: "none",
|
|
173
|
+
transition: "opacity 0.2s ease"
|
|
174
|
+
},
|
|
175
|
+
children: [backgroundLayer, piece]
|
|
176
|
+
});
|
|
177
|
+
const instruction = createElement("div", {
|
|
178
|
+
attributes: { id: instructionId },
|
|
179
|
+
style: {
|
|
180
|
+
borderRadius: "20px 20px 0 0",
|
|
181
|
+
padding: "12px 20px",
|
|
182
|
+
width: `${CONTAINER_WIDTH}px`,
|
|
183
|
+
boxSizing: "border-box",
|
|
184
|
+
textAlign: "center",
|
|
185
|
+
fontSize: "14px",
|
|
186
|
+
fontWeight: 500,
|
|
187
|
+
transition: "color 0.3s ease, border-color 0.3s ease"
|
|
188
|
+
}
|
|
189
|
+
});
|
|
190
|
+
const panel = createElement("div", {
|
|
191
|
+
style: {
|
|
192
|
+
display: "flex",
|
|
193
|
+
flexDirection: "column",
|
|
194
|
+
alignItems: "center",
|
|
195
|
+
gap: "0",
|
|
196
|
+
transition: "opacity 0.3s ease, transform 0.3s ease"
|
|
197
|
+
},
|
|
198
|
+
children: [instruction, area]
|
|
199
|
+
});
|
|
200
|
+
const surfaceProps = () => ({
|
|
201
|
+
show: true,
|
|
202
|
+
placement: props.placement,
|
|
203
|
+
anchor: props.anchor,
|
|
204
|
+
onDismiss: props.onDismiss,
|
|
205
|
+
scrim: visible ? "dim" : "none",
|
|
206
|
+
dialogLabel: t("WIDGET.PUZZLE.DIALOG_LABEL", { defaultValue: "Puzzle challenge" })
|
|
207
|
+
});
|
|
208
|
+
const surface = mountChallengeSurface(surfaceProps());
|
|
209
|
+
surface.content.append(style, announcer, keyboardHint, panel);
|
|
210
|
+
const announce = (message, delayMs = 0) => {
|
|
211
|
+
if (void 0 !== announceTimer) {
|
|
212
|
+
clearTimeout(announceTimer);
|
|
213
|
+
announceTimer = void 0;
|
|
214
|
+
}
|
|
215
|
+
if (0 === delayMs) {
|
|
216
|
+
announcer.textContent = message;
|
|
217
|
+
return;
|
|
218
|
+
}
|
|
219
|
+
announceTimer = setTimeout(() => {
|
|
220
|
+
announcer.textContent = message;
|
|
221
|
+
}, delayMs);
|
|
222
|
+
};
|
|
223
|
+
const describePosition = (x, y) => t("WIDGET.PUZZLE.POSITION", {
|
|
224
|
+
defaultValue: "{{x}} percent across, {{y}} percent down",
|
|
225
|
+
x: Math.round(x / CONTAINER_WIDTH * 100),
|
|
226
|
+
y: Math.round(y / CONTAINER_HEIGHT * 100)
|
|
227
|
+
});
|
|
228
|
+
const applyPiecePosition = () => {
|
|
229
|
+
applyStyles(piece, {
|
|
230
|
+
left: `${posX - props.pieceSize / 2}px`,
|
|
231
|
+
top: `${posY - props.pieceSize / 2}px`
|
|
232
|
+
});
|
|
233
|
+
};
|
|
234
|
+
const applyPieceChrome = () => {
|
|
235
|
+
applyStyles(piece, {
|
|
236
|
+
width: `${props.pieceSize}px`,
|
|
237
|
+
height: `${props.pieceSize}px`,
|
|
238
|
+
backgroundImage: `url(${props.piece})`,
|
|
239
|
+
cursor: props.submitting ? "default" : dragging ? "grabbing" : "grab",
|
|
240
|
+
filter: dragging ? "drop-shadow(0 4px 10px rgba(0, 0, 0, 0.45))" : "drop-shadow(0 2px 5px rgba(0, 0, 0, 0.35))",
|
|
241
|
+
transition: dragging ? "none" : "filter 0.2s ease, left 0.3s ease, top 0.3s ease"
|
|
242
|
+
});
|
|
243
|
+
};
|
|
244
|
+
const PARALLAX_FACTOR = .08;
|
|
245
|
+
const applyBackgroundMotion = () => {
|
|
246
|
+
const deltaX = posX - props.originX;
|
|
247
|
+
const deltaY = posY - props.originY;
|
|
248
|
+
const dragDistance = Math.hypot(deltaX, deltaY);
|
|
249
|
+
const translateX = dragging ? -deltaX * PARALLAX_FACTOR : 0;
|
|
250
|
+
const translateY = dragging ? -deltaY * PARALLAX_FACTOR : 0;
|
|
251
|
+
const scale = dragging ? 1.03 : 1;
|
|
252
|
+
const hueShift = dragging ? clamp(deltaX * .12, -18, 18) : 0;
|
|
253
|
+
const satBoost = dragging ? 1 + Math.min(.25, dragDistance * .0035) : 1;
|
|
254
|
+
const brightness = dragging ? 1 - Math.min(.06, dragDistance * 8e-4) : 1;
|
|
255
|
+
applyStyles(backgroundLayer, {
|
|
256
|
+
transform: `translate(${translateX.toFixed(2)}px, ${translateY.toFixed(2)}px) scale(${scale.toFixed(3)})`,
|
|
257
|
+
filter: `hue-rotate(${hueShift.toFixed(2)}deg) saturate(${satBoost.toFixed(3)}) brightness(${brightness.toFixed(3)})`,
|
|
258
|
+
transition: dragging ? "none" : "transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), filter 0.35s ease"
|
|
259
|
+
});
|
|
260
|
+
};
|
|
261
|
+
const render = () => {
|
|
262
|
+
const { theme } = props;
|
|
263
|
+
applyStyles(panel, {
|
|
264
|
+
opacity: visible ? 1 : 0,
|
|
265
|
+
transform: visible ? "scale(1)" : "scale(0.9)",
|
|
266
|
+
animation: shaking ? "prosopo-puzzle-shake 0.5s ease" : "none"
|
|
267
|
+
});
|
|
268
|
+
instruction.textContent = props.showRetry ? t("WIDGET.PUZZLE.RETRY", { defaultValue: "Not quite — try again" }) : t("WIDGET.PUZZLE.DRAG", { defaultValue: "Drag the piece to the target" });
|
|
269
|
+
keyboardHint.textContent = t("WIDGET.PUZZLE.KEYBOARD_HINT", { defaultValue: "Use the arrow keys to move the piece, holding shift for smaller steps. Press Enter to submit it, Home to put it back at the start, or Escape to cancel." });
|
|
270
|
+
applyStyles(instruction, {
|
|
271
|
+
backgroundColor: theme.palette.surface,
|
|
272
|
+
fontFamily: theme.font.fontFamily,
|
|
273
|
+
color: props.showRetry ? theme.palette.error.main : theme.palette.onSurface,
|
|
274
|
+
borderBottom: `2px solid ${props.showRetry ? theme.palette.error.main : "transparent"}`
|
|
275
|
+
});
|
|
276
|
+
applyStyles(area, {
|
|
277
|
+
background: `linear-gradient(135deg, ${theme.palette.surface} 0%, ${theme.palette.primaryContainer.main} 50%, ${theme.palette.surface} 100%)`,
|
|
278
|
+
opacity: props.submitting ? .6 : 1,
|
|
279
|
+
pointerEvents: props.submitting ? "none" : "auto"
|
|
280
|
+
});
|
|
281
|
+
for (const tile of backgroundTiles) tile.src = props.background;
|
|
282
|
+
applyAttributes(piece, {
|
|
283
|
+
tabindex: props.submitting ? -1 : 0,
|
|
284
|
+
"aria-roledescription": t("WIDGET.PUZZLE.PIECE_ROLE", { defaultValue: "draggable puzzle piece" }),
|
|
285
|
+
"aria-label": t("WIDGET.PUZZLE.PIECE_LABEL", { defaultValue: "Puzzle piece" })
|
|
286
|
+
});
|
|
287
|
+
applyPiecePosition();
|
|
288
|
+
applyPieceChrome();
|
|
289
|
+
applyBackgroundMotion();
|
|
290
|
+
surface.update(surfaceProps());
|
|
291
|
+
};
|
|
292
|
+
const containerOffset = () => {
|
|
293
|
+
const rect = area.getBoundingClientRect();
|
|
294
|
+
return {
|
|
295
|
+
x: rect.left,
|
|
296
|
+
y: rect.top
|
|
297
|
+
};
|
|
298
|
+
};
|
|
299
|
+
const complete = (finalX, finalY) => {
|
|
300
|
+
props.onComplete(finalX, finalY, [...puzzleEvents]);
|
|
301
|
+
};
|
|
302
|
+
const handleMove = (clientX, clientY) => {
|
|
303
|
+
if (!dragging) return;
|
|
304
|
+
const offset = containerOffset();
|
|
305
|
+
posX = clamp(clientX - offset.x - dragOffset.x, 0, CONTAINER_WIDTH);
|
|
306
|
+
posY = clamp(clientY - offset.y - dragOffset.y, 0, CONTAINER_HEIGHT);
|
|
307
|
+
applyPiecePosition();
|
|
308
|
+
applyBackgroundMotion();
|
|
309
|
+
puzzleEvents.push({
|
|
310
|
+
x: posX,
|
|
311
|
+
y: posY,
|
|
312
|
+
t: Date.now()
|
|
313
|
+
});
|
|
314
|
+
};
|
|
315
|
+
const handleEnd = () => {
|
|
316
|
+
if (!dragging) return;
|
|
317
|
+
dragging = false;
|
|
318
|
+
applyPieceChrome();
|
|
319
|
+
applyBackgroundMotion();
|
|
320
|
+
const lastEvent = puzzleEvents[puzzleEvents.length - 1];
|
|
321
|
+
if (!lastEvent) return;
|
|
322
|
+
complete(lastEvent.x, lastEvent.y);
|
|
323
|
+
};
|
|
324
|
+
const beginDrag = (clientX, clientY) => {
|
|
325
|
+
if (props.submitting) return;
|
|
326
|
+
dragging = true;
|
|
327
|
+
keyboardDragging = false;
|
|
328
|
+
puzzleEvents = [];
|
|
329
|
+
const offset = containerOffset();
|
|
330
|
+
dragOffset = {
|
|
331
|
+
x: clientX - offset.x - posX,
|
|
332
|
+
y: clientY - offset.y - posY
|
|
333
|
+
};
|
|
334
|
+
applyPieceChrome();
|
|
335
|
+
applyBackgroundMotion();
|
|
336
|
+
};
|
|
337
|
+
const moveByKeyboard = (deltaX, deltaY) => {
|
|
338
|
+
if (!keyboardDragging) {
|
|
339
|
+
keyboardDragging = true;
|
|
340
|
+
puzzleEvents = [];
|
|
341
|
+
}
|
|
342
|
+
posX = clamp(posX + deltaX, 0, CONTAINER_WIDTH);
|
|
343
|
+
posY = clamp(posY + deltaY, 0, CONTAINER_HEIGHT);
|
|
344
|
+
applyPiecePosition();
|
|
345
|
+
puzzleEvents.push({
|
|
346
|
+
x: posX,
|
|
347
|
+
y: posY,
|
|
348
|
+
t: Date.now()
|
|
349
|
+
});
|
|
350
|
+
announce(describePosition(posX, posY), ANNOUNCE_DEBOUNCE_MS);
|
|
351
|
+
};
|
|
352
|
+
const keyboardMove = (key, step) => {
|
|
353
|
+
switch (key) {
|
|
354
|
+
case "ArrowLeft": return [-step, 0];
|
|
355
|
+
case "ArrowRight": return [step, 0];
|
|
356
|
+
case "ArrowUp": return [0, -step];
|
|
357
|
+
case "ArrowDown": return [0, step];
|
|
358
|
+
case "Home": return [props.originX - posX, props.originY - posY];
|
|
359
|
+
default: return;
|
|
360
|
+
}
|
|
361
|
+
};
|
|
362
|
+
teardown.addEventListener(piece, "keydown", (event) => {
|
|
363
|
+
if (props.submitting || !isEventTrusted(event)) return;
|
|
364
|
+
const keyboardEvent = event;
|
|
365
|
+
const step = keyboardEvent.shiftKey ? FINE_STEP_PX : STEP_PX;
|
|
366
|
+
const move = keyboardMove(keyboardEvent.key, step);
|
|
367
|
+
if (move) {
|
|
368
|
+
keyboardEvent.preventDefault();
|
|
369
|
+
moveByKeyboard(move[0], move[1]);
|
|
370
|
+
return;
|
|
371
|
+
}
|
|
372
|
+
if ("Enter" === keyboardEvent.key || " " === keyboardEvent.key) {
|
|
373
|
+
keyboardEvent.preventDefault();
|
|
374
|
+
keyboardDragging = false;
|
|
375
|
+
complete(posX, posY);
|
|
376
|
+
}
|
|
377
|
+
});
|
|
378
|
+
teardown.addEventListener(piece, "focus", () => {
|
|
379
|
+
announce(describePosition(posX, posY));
|
|
380
|
+
});
|
|
381
|
+
teardown.addEventListener(piece, "mousedown", (event) => {
|
|
382
|
+
const mouseEvent = event;
|
|
383
|
+
beginDrag(mouseEvent.clientX, mouseEvent.clientY);
|
|
384
|
+
});
|
|
385
|
+
teardown.addEventListener(piece, "touchstart", (event) => {
|
|
386
|
+
const touch = event.touches[0];
|
|
387
|
+
if (touch) beginDrag(touch.clientX, touch.clientY);
|
|
388
|
+
});
|
|
389
|
+
teardown.addEventListener(document, "mousemove", (event) => {
|
|
390
|
+
const mouseEvent = event;
|
|
391
|
+
handleMove(mouseEvent.clientX, mouseEvent.clientY);
|
|
392
|
+
});
|
|
393
|
+
teardown.addEventListener(document, "mouseup", handleEnd);
|
|
394
|
+
teardown.addEventListener(document, "touchmove", (event) => {
|
|
395
|
+
const touch = event.touches[0];
|
|
396
|
+
if (touch) handleMove(touch.clientX, touch.clientY);
|
|
397
|
+
});
|
|
398
|
+
teardown.addEventListener(document, "touchend", handleEnd);
|
|
399
|
+
render();
|
|
400
|
+
const frame = requestAnimationFrame(() => {
|
|
401
|
+
visible = true;
|
|
402
|
+
render();
|
|
403
|
+
});
|
|
404
|
+
teardown.add(() => cancelAnimationFrame(frame));
|
|
405
|
+
const startShake = () => {
|
|
406
|
+
shaking = true;
|
|
407
|
+
render();
|
|
408
|
+
if (void 0 !== shakeTimer) clearTimeout(shakeTimer);
|
|
409
|
+
shakeTimer = setTimeout(() => {
|
|
410
|
+
shaking = false;
|
|
411
|
+
render();
|
|
412
|
+
}, 500);
|
|
413
|
+
};
|
|
414
|
+
teardown.add(() => {
|
|
415
|
+
if (void 0 !== shakeTimer) clearTimeout(shakeTimer);
|
|
416
|
+
if (void 0 !== announceTimer) clearTimeout(announceTimer);
|
|
417
|
+
});
|
|
418
|
+
const announceSubmitting = () => {
|
|
419
|
+
announce(t("WIDGET.PUZZLE.CHECKING", { defaultValue: "Checking your answer" }));
|
|
420
|
+
};
|
|
421
|
+
const announceRetry = () => {
|
|
422
|
+
announce(t("WIDGET.PUZZLE.RETRY_ANNOUNCEMENT", { defaultValue: "Not quite. A new puzzle has loaded and the piece is back at the start." }));
|
|
423
|
+
};
|
|
424
|
+
if (props.submitting) announceSubmitting();
|
|
425
|
+
else if (props.showRetry) announceRetry();
|
|
426
|
+
if (props.showRetry) startShake();
|
|
427
|
+
return {
|
|
428
|
+
update: (nextProps) => {
|
|
429
|
+
const previous = props;
|
|
430
|
+
props = nextProps;
|
|
431
|
+
if (nextProps.originX !== previous.originX || nextProps.originY !== previous.originY) {
|
|
432
|
+
posX = nextProps.originX;
|
|
433
|
+
posY = nextProps.originY;
|
|
434
|
+
keyboardDragging = false;
|
|
435
|
+
}
|
|
436
|
+
if (nextProps.submitting && !previous.submitting) announceSubmitting();
|
|
437
|
+
if (nextProps.showRetry && !previous.showRetry) announceRetry();
|
|
438
|
+
if (nextProps.showRetry && !previous.showRetry) {
|
|
439
|
+
startShake();
|
|
440
|
+
return;
|
|
441
|
+
}
|
|
442
|
+
render();
|
|
443
|
+
},
|
|
444
|
+
destroy: () => {
|
|
445
|
+
teardown.run();
|
|
446
|
+
surface.destroy();
|
|
447
|
+
}
|
|
448
|
+
};
|
|
449
|
+
};
|
|
450
|
+
//#endregion
|
|
451
|
+
export { mountPuzzleCanvas };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"puzzleCanvas.js","sourceRoot":"","sources":["../../src/components/puzzleCanvas.ts"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
export * from "./components/
|
|
2
|
-
export * from "./components/
|
|
1
|
+
export * from "./components/procaptchaWidget.js";
|
|
2
|
+
export * from "./components/procaptchaPuzzle.js";
|
|
3
|
+
export * from "./components/puzzleCanvas.js";
|
|
3
4
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAaA,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAaA,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,8BAA8B,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
1
|
import "./_virtual/_rolldown/runtime.js";
|
|
2
|
-
import {
|
|
3
|
-
|
|
2
|
+
import { mountPuzzleCanvas } from "./components/puzzleCanvas.js";
|
|
3
|
+
import mountProcaptchaPuzzleWidget from "./components/procaptchaWidget.js";
|
|
4
|
+
import { loadProcaptchaPuzzle, mountProcaptchaPuzzle } from "./components/procaptchaPuzzle.js";
|
|
5
|
+
export { loadProcaptchaPuzzle, mountProcaptchaPuzzle, mountProcaptchaPuzzleWidget, mountPuzzleCanvas };
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAaA,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAaA,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,8BAA8B,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export interface Mounted {
|
|
2
|
+
container: HTMLDivElement;
|
|
3
|
+
unmount: () => void;
|
|
4
|
+
}
|
|
5
|
+
export declare const mount: () => Mounted;
|
|
6
|
+
interface FireOptions {
|
|
7
|
+
trusted?: boolean;
|
|
8
|
+
clientX?: number;
|
|
9
|
+
clientY?: number;
|
|
10
|
+
touches?: {
|
|
11
|
+
clientX: number;
|
|
12
|
+
clientY: number;
|
|
13
|
+
}[];
|
|
14
|
+
key?: string;
|
|
15
|
+
}
|
|
16
|
+
export declare const fire: (element: Element, type: string, options?: FireOptions) => void;
|
|
17
|
+
export declare const fireAndReturn: (element: Element, type: string, options?: FireOptions) => Event;
|
|
18
|
+
export declare const settle: () => Promise<void>;
|
|
19
|
+
export {};
|
|
20
|
+
//# sourceMappingURL=domHarness.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"domHarness.d.ts","sourceRoot":"","sources":["../../src/tests/domHarness.ts"],"names":[],"mappings":"AAoBA,MAAM,WAAW,OAAO;IACvB,SAAS,EAAE,cAAc,CAAC;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,eAAO,MAAM,KAAK,QAAO,OASxB,CAAC;AAEF,UAAU,WAAW;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACjD,GAAG,CAAC,EAAE,MAAM,CAAC;CACb;AA8CD,eAAO,MAAM,IAAI,YACP,OAAO,QACV,MAAM,YACH,WAAW,KAClB,IAEF,CAAC;AAIF,eAAO,MAAM,aAAa,YAChB,OAAO,QACV,MAAM,YACH,WAAW,KAClB,KAQF,CAAC;AAMF,eAAO,MAAM,MAAM,QAAa,OAAO,CAAC,IAAI,CAK3C,CAAC"}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
export const mount = () => {
|
|
2
|
+
const container = document.createElement("div");
|
|
3
|
+
document.body.appendChild(container);
|
|
4
|
+
return {
|
|
5
|
+
container,
|
|
6
|
+
unmount: () => {
|
|
7
|
+
container.remove();
|
|
8
|
+
},
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
const setTrusted = (event, trusted) => {
|
|
12
|
+
for (const symbol of Object.getOwnPropertySymbols(event)) {
|
|
13
|
+
const impl = Reflect.get(event, symbol);
|
|
14
|
+
if (impl && typeof impl === "object" && "isTrusted" in impl) {
|
|
15
|
+
Object.defineProperty(impl, "isTrusted", {
|
|
16
|
+
configurable: true,
|
|
17
|
+
get: () => trusted,
|
|
18
|
+
set: () => undefined,
|
|
19
|
+
});
|
|
20
|
+
return;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
throw new Error("could not reach the jsdom event implementation");
|
|
24
|
+
};
|
|
25
|
+
const build = (type, options) => {
|
|
26
|
+
if (undefined !== options.key) {
|
|
27
|
+
return new KeyboardEvent(type, {
|
|
28
|
+
bubbles: true,
|
|
29
|
+
cancelable: true,
|
|
30
|
+
key: options.key,
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
return new MouseEvent(type, {
|
|
34
|
+
bubbles: true,
|
|
35
|
+
cancelable: true,
|
|
36
|
+
clientX: options.clientX ?? 0,
|
|
37
|
+
clientY: options.clientY ?? 0,
|
|
38
|
+
});
|
|
39
|
+
};
|
|
40
|
+
export const fire = (element, type, options = {}) => {
|
|
41
|
+
fireAndReturn(element, type, options);
|
|
42
|
+
};
|
|
43
|
+
export const fireAndReturn = (element, type, options = {}) => {
|
|
44
|
+
const event = build(type, options);
|
|
45
|
+
setTrusted(event, options.trusted ?? true);
|
|
46
|
+
if (options.touches) {
|
|
47
|
+
Object.defineProperty(event, "touches", { value: options.touches });
|
|
48
|
+
}
|
|
49
|
+
element.dispatchEvent(event);
|
|
50
|
+
return event;
|
|
51
|
+
};
|
|
52
|
+
export const settle = async () => {
|
|
53
|
+
await new Promise((resolve) => setTimeout(resolve, 0));
|
|
54
|
+
await Promise.resolve();
|
|
55
|
+
};
|
|
56
|
+
//# sourceMappingURL=domHarness.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"domHarness.js","sourceRoot":"","sources":["../../src/tests/domHarness.ts"],"names":[],"mappings":"AAyBA,MAAM,CAAC,MAAM,KAAK,GAAG,GAAY,EAAE;IAClC,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAChD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IACrC,OAAO;QACN,SAAS;QACT,OAAO,EAAE,GAAG,EAAE;YACb,SAAS,CAAC,MAAM,EAAE,CAAC;QACpB,CAAC;KACD,CAAC;AACH,CAAC,CAAC;AAgBF,MAAM,UAAU,GAAG,CAAC,KAAY,EAAE,OAAgB,EAAQ,EAAE;IAC3D,KAAK,MAAM,MAAM,IAAI,MAAM,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,CAAC;QAC1D,MAAM,IAAI,GAAY,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QACjD,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,WAAW,IAAI,IAAI,EAAE,CAAC;YAI7D,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,WAAW,EAAE;gBACxC,YAAY,EAAE,IAAI;gBAClB,GAAG,EAAE,GAAG,EAAE,CAAC,OAAO;gBAClB,GAAG,EAAE,GAAG,EAAE,CAAC,SAAS;aACpB,CAAC,CAAC;YACH,OAAO;QACR,CAAC;IACF,CAAC;IACD,MAAM,IAAI,KAAK,CAAC,gDAAgD,CAAC,CAAC;AACnE,CAAC,CAAC;AAEF,MAAM,KAAK,GAAG,CAAC,IAAY,EAAE,OAAoB,EAAS,EAAE;IAC3D,IAAI,SAAS,KAAK,OAAO,CAAC,GAAG,EAAE,CAAC;QAC/B,OAAO,IAAI,aAAa,CAAC,IAAI,EAAE;YAC9B,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI;YAChB,GAAG,EAAE,OAAO,CAAC,GAAG;SAChB,CAAC,CAAC;IACJ,CAAC;IACD,OAAO,IAAI,UAAU,CAAC,IAAI,EAAE;QAC3B,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE,OAAO,CAAC,OAAO,IAAI,CAAC;QAC7B,OAAO,EAAE,OAAO,CAAC,OAAO,IAAI,CAAC;KAC7B,CAAC,CAAC;AACJ,CAAC,CAAC;AAMF,MAAM,CAAC,MAAM,IAAI,GAAG,CACnB,OAAgB,EAChB,IAAY,EACZ,UAAuB,EAAE,EAClB,EAAE;IACT,aAAa,CAAC,OAAO,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;AACvC,CAAC,CAAC;AAIF,MAAM,CAAC,MAAM,aAAa,GAAG,CAC5B,OAAgB,EAChB,IAAY,EACZ,UAAuB,EAAE,EACjB,EAAE;IACV,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IACnC,UAAU,CAAC,KAAK,EAAE,OAAO,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC;IAC3C,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;QACrB,MAAM,CAAC,cAAc,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;IACrE,CAAC;IACD,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC7B,OAAO,KAAK,CAAC;AACd,CAAC,CAAC;AAMF,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,IAAmB,EAAE;IAG/C,MAAM,IAAI,OAAO,CAAO,CAAC,OAAmB,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IACzE,MAAM,OAAO,CAAC,OAAO,EAAE,CAAC;AACzB,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"invisibleCanvasVisibility.unit.test.d.ts","sourceRoot":"","sources":["../../src/tests/invisibleCanvasVisibility.unit.test.ts"],"names":[],"mappings":""}
|