@cap.js/widget 0.1.36 → 0.1.38

package/package.json

@@ -1,55 +1,55 @@
 {
   "name": "@cap.js/widget",
-  "version": "0.1.36",
+  "version": "0.1.38",
   "description": "Client-side widget for Cap, a lightweight, modern open-source CAPTCHA alternative designed using SHA-256 PoW.",
   "keywords": [
-    "security",
-    "detection",
-    "prevention",
-    "defense",
-    "protection",
+    "algorithm",
     "anti-abuse",
     "anti-automation",
     "anti-bot",
     "anti-ddos",
     "anti-dos",
     "anti-exploitation",
-    "anti-spam",
     "anti-scraping",
+    "anti-spam",
     "attack-mitigation",
-    "protocol",
+    "bots",
+    "captcha-alternative",
     "client-server",
-    "computational-puzzle",
     "complexity",
-    "puzzle",
+    "computational-puzzle",
     "crypto",
     "cryptographic",
-    "algorithm",
     "cybersecurity",
     "ddos",
+    "defense",
+    "detection",
+    "filtering",
     "hashcash",
     "hcaptcha",
-    "captcha-alternative",
-    "verification",
     "invisible",
     "pow",
+    "prevention",
     "proof-of-work",
+    "protection",
+    "protocol",
+    "puzzle",
     "recaptcha",
+    "security",
     "spam",
-    "bots",
-    "filtering",
-    "turing-test"
+    "turing-test",
+    "verification"
   ],
   "homepage": "https://github.com/tiagozip/cap#readme",
   "bugs": {
     "url": "https://github.com/tiagozip/cap/issues"
   },
+  "license": "Apache-2.0",
+  "author": "Tiago",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/tiagozip/cap.git"
   },
-  "license": "Apache-2.0",
-  "author": "Tiago",
   "type": "commonjs",
   "main": "cap.min.js",
   "types": "cap.d.ts"

package/src/cap-floating.js

@@ -8,17 +8,17 @@
 
       setTimeout(() => {
         element.onclick = null;
-        handlers.forEach((h) => element.removeEventListener("click", h));
+        handlers.forEach((h) => {
+          return element.removeEventListener("click", h);
+        });
         element.onclick = (e) => handleClick(e, element, capWidget, handlers);
       }, 50);
     };
 
     element.onclick = null;
 
-    const offset =
-      parseInt(element.getAttribute("data-cap-floating-offset")) || 8;
-    const position =
-      element.getAttribute("data-cap-floating-position") || "top";
+    const offset = parseInt(element.getAttribute("data-cap-floating-offset")) || 8;
+    const position = element.getAttribute("data-cap-floating-position") || "top";
     const rect = element.getBoundingClientRect();
 
     Object.assign(capWidget.style, {
@@ -45,12 +45,12 @@
     if (position === "top") {
       capWidget.style.top = `${Math.max(
         window.scrollY,
-        rect.top - capWidget.offsetHeight - offset + window.scrollY
+        rect.top - capWidget.offsetHeight - offset + window.scrollY,
       )}px`;
     } else {
       capWidget.style.top = `${Math.min(
         rect.bottom + offset + window.scrollY,
-        window.innerHeight - capWidget.offsetHeight + window.scrollY
+        window.innerHeight - capWidget.offsetHeight + window.scrollY,
       )}px`;
     }
 
@@ -82,23 +82,21 @@
 
     const capWidget = document.querySelector(capWidgetSelector);
     if (!document.contains(capWidget) && !capWidget.solve) {
-      throw new Error(
-        `[cap floating] "${capWidgetSelector}" doesn't exist or isn't a Cap widget`
-      );
+      throw new Error(`[cap floating] "${capWidgetSelector}" doesn't exist or isn't a Cap widget`);
     }
 
     capWidget.style.display = "none";
     const handlers = [element.onclick].filter(Boolean);
 
     if (typeof getEventListeners === "function") {
-      handlers.push(
-        ...(getEventListeners(element).click || []).map((l) => l.listener)
-      );
+      handlers.push(...(getEventListeners(element).click || []).map((l) => l.listener));
     }
 
     if (handlers.length) {
       element.onclick = null;
-      handlers.forEach((h) => element.removeEventListener("click", h));
+      handlers.forEach((h) => {
+        return element.removeEventListener("click", h);
+      });
     }
 
     element.addEventListener("click", (e) => {
@@ -119,7 +117,7 @@
     mutations.forEach((mutation) =>
       mutation.addedNodes.forEach((node) => {
         if (node.nodeType === Node.ELEMENT_NODE) init(node);
-      })
-    )
+      }),
+    ),
   ).observe(document.body, { childList: true, subtree: true });
 })();

package/src/cap.css

@@ -47,6 +47,10 @@
   color: var(--cap-color, #212121);
 }
 
+.captcha:not([data-state]):active {
+  transform: scale(0.97);
+}
+
 .captcha:hover {
   filter: brightness(98%);
 }
@@ -229,3 +233,16 @@
   text-decoration-thickness: 0.08em;
   z-index: 6;
 }
+
+.cap-troubleshoot-link {
+  color: #0066cc;
+  text-decoration: underline;
+  text-underline-offset: 0.15em;
+  text-decoration-thickness: 0.08em;
+  cursor: pointer;
+  font-weight: 500;
+  font-size: inherit;
+}
+.cap-troubleshoot-link:hover {
+  opacity: 0.8;
+}