npm - @swetrix/captcha - Versions diffs - 2.0.2 → 2.3.0 - Mend

@swetrix/captcha 2.0.2 → 2.3.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.

Files changed (46) hide show

package/README.md +72 -5
package/dist/captcha-loader.cjs +333 -0
package/dist/captcha-loader.cjs.map +1 -0
package/dist/captcha-loader.esm.js +327 -0
package/dist/captcha-loader.esm.js.map +1 -0
package/dist/captcha-loader.js +1 -1
package/dist/captcha-loader.js.map +1 -1
package/dist/captcha.js +1 -1
package/dist/captcha.js.map +1 -1
package/dist/esnext/captcha-loader.d.ts +10 -0
package/dist/esnext/captcha-loader.js +315 -0
package/dist/esnext/captcha-loader.js.map +1 -0
package/dist/esnext/captcha.d.ts +10 -0
package/dist/esnext/captcha.js +491 -0
package/dist/esnext/captcha.js.map +1 -0
package/dist/esnext/i18n.d.ts +22 -0
package/dist/esnext/i18n.js +110 -0
package/dist/esnext/i18n.js.map +1 -0
package/dist/esnext/index.d.ts +7 -0
package/dist/esnext/index.js +7 -0
package/dist/esnext/index.js.map +1 -0
package/dist/esnext/logger.d.ts +6 -0
package/dist/esnext/logger.js +8 -0
package/dist/esnext/logger.js.map +1 -0
package/dist/esnext/pow-worker.d.ts +1 -0
package/dist/esnext/pow-worker.js +127 -0
package/dist/esnext/pow-worker.js.map +1 -0
package/dist/pages/dark.html +461 -276
package/dist/pages/light.html +463 -278
package/dist/pages/test.html +26 -27
package/package.json +58 -32
package/.nvmrc +0 -1
package/.prettierrc.js +0 -13
package/dist/assets/logo_blue.png +0 -0
package/dist/assets/logo_white.png +0 -0
package/rollup.config.mjs +0 -83
package/src/assets/logo_blue.png +0 -0
package/src/assets/logo_white.png +0 -0
package/src/captcha-loader.ts +0 -212
package/src/captcha.ts +0 -358
package/src/pages/dark.html +0 -284
package/src/pages/light.html +0 -286
package/src/pages/test.html +0 -33
package/src/pow-worker.ts +0 -178
package/tsconfig.esnext.json +0 -15
package/tsconfig.json +0 -14

package/src/pages/light.html DELETED Viewed

@@ -1,286 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>Swetrix Captcha</title>
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <style>
-    html {
-      font-family: '-apple-system', 'system-ui', 'BlinkMacSystemFont', 'Inter', 'Cantarell', 'Helvetica Neue', 'Roboto', 'Oxygen', 'Ubuntu', sans-serif;
-      -webkit-font-smoothing: antialiased;
-      -moz-osx-font-smoothing: grayscale;
-    }
-    body {
-      margin: 0;
-      padding: 0;
-      height: auto;
-      overflow: auto;
-    }
-    #swetrix-captcha {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      position: relative;
-      /* 300 - 20px (padding) */
-      width: 280px;
-      /* bg-gray-100 */
-      background-color: #f9fafb;
-      border: 1px solid #e9e9e9;
-      height: 64px;
-      -webkit-user-select: none;
-      user-select: none;
-      padding-left: 10px;
-      padding-right: 10px;
-      cursor: pointer;
-    }
-    #swetrix-captcha:hover {
-      /* bg-gray-200 */
-      background-color: #f3f4f6;
-    }
-    #challenge {
-      display: flex;
-      align-items: center;
-      cursor: pointer;
-      flex: 1;
-    }
-    #action {
-      margin-right: 10px;
-      position: relative;
-      width: 28px;
-      height: 28px;
-    }
-    #checkbox {
-      background-color: #fff;
-      border: 1px solid #c4c4c4;
-      height: 25px;
-      width: 25px;
-      border-radius: 3px;
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-      transition: opacity 0.25s ease, transform 0.25s ease;
-    }
-    #checkbox:hover {
-      border-color: #a0a0a0;
-    }
-    #status {
-      font-size: 14px;
-      color: #0f0f0f;
-    }
-    #status span {
-      transition: opacity 0.2s ease;
-    }
-    #status-computing {
-      display: flex;
-      flex-direction: column;
-    }
-    .hidden {
-      display: none !important;
-    }
-    /* Fade out animation for hiding elements */
-    .fade-out {
-      opacity: 0 !important;
-      transform: translate(-50%, -50%) scale(0.8) !important;
-      pointer-events: none;
-    }
-    /* Fade in animation for showing elements */
-    .fade-in {
-      opacity: 1;
-      transform: translate(-50%, -50%) scale(1);
-    }
-    #branding {
-      position: absolute;
-      bottom: 4px;
-      right: 10px;
-    }
-    #branding a {
-      font-size: 9px;
-      color: #6b7280;
-      text-decoration: none;
-      transition: color 0.2s ease;
-    }
-    #branding a:hover {
-      color: #374151;
-      text-decoration: underline;
-    }
-    #action svg {
-      width: 28px;
-      height: 28px;
-    }
-    #failure > svg {
-      /* bg-red-500 */
-      color: #d6292a;
-    }
-    #completed > svg {
-      /* bg-green-600 */
-      color: #16a24c;
-    }
-    #completed,
-    #failure {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%) scale(0.8);
-      opacity: 0;
-      transition: opacity 0.3s ease, transform 0.3s ease;
-    }
-    #completed.show,
-    #failure.show {
-      opacity: 1;
-      transform: translate(-50%, -50%) scale(1);
-    }
-    /* Checkmark draw animation */
-    #completed.show svg path {
-      stroke-dasharray: 24;
-      stroke-dashoffset: 24;
-      animation: drawCheck 0.4s ease forwards 0.1s;
-    }
-    @keyframes drawCheck {
-      to {
-        stroke-dashoffset: 0;
-      }
-    }
-    /* Failure shake animation */
-    #failure.show {
-      animation: shake 0.4s ease;
-    }
-    @keyframes shake {
-      0%, 100% { transform: translate(-50%, -50%) scale(1) rotate(0deg); }
-      25% { transform: translate(-50%, -50%) scale(1) rotate(-5deg); }
-      75% { transform: translate(-50%, -50%) scale(1) rotate(5deg); }
-    }
-    /* Loading indicator - Material Design style spinner */
-    #loading {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-      width: 24px;
-      height: 24px;
-      opacity: 0;
-      transition: opacity 0.25s ease;
-    }
-    #loading.show {
-      opacity: 1;
-    }
-    #loading svg {
-      width: 24px;
-      height: 24px;
-      animation: rotate 1.4s linear infinite;
-    }
-    #loading svg circle {
-      stroke: #3b82f6;
-      stroke-linecap: round;
-      animation: dash 1.4s ease-in-out infinite;
-    }
-    @keyframes rotate {
-      100% {
-        transform: rotate(360deg);
-      }
-    }
-    @keyframes dash {
-      0% {
-        stroke-dasharray: 1, 150;
-        stroke-dashoffset: 0;
-      }
-      50% {
-        stroke-dasharray: 90, 150;
-        stroke-dashoffset: -35;
-      }
-      100% {
-        stroke-dasharray: 90, 150;
-        stroke-dashoffset: -124;
-      }
-    }
-  </style>
-  <script>
-    window.__SWETRIX_CAPTCHA_THEME = 'light'
-    const urlParams = new URLSearchParams(window.location.search)
-    const pid = urlParams.get('pid')
-    const cid = urlParams.get('cid')
-    window.__SWETRIX_CAPTCHA_ID = cid
-    window.__SWETRIX_PROJECT_ID = pid
-  </script>
-  <script src="../captcha.js" defer></script>
-</head>
-<body>
-  <div id="swetrix-captcha">
-    <div id="challenge">
-      <div id="action">
-        <!-- Can contain a checkbox itself / a red cross (with a retry action) / a green check mark -->
-        <div id="checkbox"></div>
-        <div id="failure">
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-            <path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"/>
-            <path d="M12 9v4"/>
-            <path d="M12 17h.01"/>
-          </svg>
-        </div>
-        <div id="completed">
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-            <path d="M20 6 9 17l-5-5"/>
-          </svg>
-        </div>
-        <div id="loading">
-          <svg viewBox="0 0 50 50">
-            <circle cx="25" cy="25" r="20" fill="none" stroke-width="4"></circle>
-          </svg>
-        </div>
-      </div>
-      <div id="status">
-        <span id="status-default">I am human</span>
-        <span id="status-failure" class="hidden">Failure, please retry</span>
-        <span id="status-computing" class="hidden">
-          <span>Verifying...</span>
-        </span>
-      </div>
-    </div>
-    <div id="branding">
-      <a href="https://swetrix.com/captcha" target="_blank" rel="noopener noreferrer">Swetrix Captcha</a>
-    </div>
-  </div>
-</body>
-</html>

package/src/pages/test.html DELETED Viewed

@@ -1,33 +0,0 @@
-<!-- Generate a form with several inputs -->
-<html>
-<head>
-  <meta charset="utf-8">
-  <title>Test</title>
-  <style>
-    .form {
-      display: flex;
-      flex-direction: column;
-      width: 400px;
-      margin: 0 auto;
-    }
-    .form>* {
-      margin-top: 10px;
-    }
-  </style>
-  <script src="../../dist/captcha-loader.js" defer></script>
-</head>
-<body>
-  <form class="form" action="test.html" method="post">
-    <input type="text" name="name" value="name">
-    <input type="text" name="email" value="email">
-    <input type="number" name="number" value="number">
-    <div class="swecaptcha" data-project-id="AP00000000000" data-theme="light"></div>
-    <input type="submit" value="Submit">
-  </form>
-</body>
-</html>

package/src/pow-worker.ts DELETED Viewed

@@ -1,178 +0,0 @@
-export {}
-// PoW Worker - Computes the proof-of-work solution in a background thread
-// Maximum allowed difficulty to prevent excessive computation
-const MAX_DIFFICULTY = 32
-// Default maximum iterations to prevent infinite loops (100 million)
-const DEFAULT_MAX_ITERATIONS = 100_000_000
-interface PowChallenge {
-  challenge: string
-  difficulty: number
-  maxIterations?: number // Optional: maximum iterations before timeout (default: 100 million)
-}
-interface PowResult {
-  type: 'result'
-  nonce: number
-  solution: string
-}
-interface PowProgress {
-  type: 'progress'
-  attempts: number
-  hashRate: number
-}
-interface PowTimeout {
-  type: 'timeout'
-  reason: string
-  attempts: number
-  elapsedMs: number
-  hashRate: number
-}
-interface PowError {
-  type: 'error'
-  message: string
-}
-type PowMessage = PowResult | PowProgress | PowTimeout | PowError
-// SHA-256 implementation using SubtleCrypto
-async function sha256(message: string): Promise<string> {
-  const encoder = new TextEncoder()
-  const data = encoder.encode(message)
-  const hashBuffer = await crypto.subtle.digest('SHA-256', data)
-  const hashArray = Array.from(new Uint8Array(hashBuffer))
-  return hashArray.map((b) => b.toString(16).padStart(2, '0')).join('')
-}
-// Check if hash has required number of leading zeros
-function hasValidPrefix(hash: string, difficulty: number): boolean {
-  for (let i = 0; i < difficulty; i++) {
-    if (hash[i] !== '0') {
-      return false
-    }
-  }
-  return true
-}
-// Solve the PoW challenge
-async function solveChallenge(challenge: string, difficulty: number, maxIterations: number): Promise<void> {
-  let nonce = 0
-  const startTime = Date.now()
-  const progressInterval = 10000 // Report progress every 10k attempts
-  while (nonce < maxIterations) {
-    const input = `${challenge}:${nonce}`
-    const hash = await sha256(input)
-    if (hasValidPrefix(hash, difficulty)) {
-      // Found the solution!
-      const result: PowResult = {
-        type: 'result',
-        nonce,
-        solution: hash,
-      }
-      self.postMessage(result)
-      return
-    }
-    nonce++
-    // Report progress periodically
-    if (nonce % progressInterval === 0) {
-      const elapsedMs = Date.now() - startTime
-      const elapsed = elapsedMs / 1000
-      const hashRate = Math.round(nonce / elapsed)
-      const progress: PowProgress = {
-        type: 'progress',
-        attempts: nonce,
-        hashRate,
-      }
-      self.postMessage(progress)
-    }
-  }
-  // Max iterations reached - send timeout message
-  const elapsedMs = Date.now() - startTime
-  const elapsed = elapsedMs / 1000
-  const hashRate = elapsed > 0 ? Math.round(nonce / elapsed) : 0
-  const timeout: PowTimeout = {
-    type: 'timeout',
-    reason: `Maximum iterations reached (${maxIterations.toLocaleString()})`,
-    attempts: nonce,
-    elapsedMs,
-    hashRate,
-  }
-  self.postMessage(timeout)
-}
-// Listen for messages from the main thread
-self.onmessage = async (event: MessageEvent<PowChallenge>) => {
-  // Validate event.data exists
-  if (!event.data) {
-    const error: PowError = {
-      type: 'error',
-      message: 'Invalid message: event.data is missing or empty',
-    }
-    self.postMessage(error)
-    return
-  }
-  const { challenge, difficulty, maxIterations } = event.data
-  // Validate challenge is provided and is a non-empty string
-  if (typeof challenge !== 'string' || challenge.length === 0) {
-    const error: PowError = {
-      type: 'error',
-      message: 'Invalid message: challenge must be a non-empty string',
-    }
-    self.postMessage(error)
-    return
-  }
-  // Validate difficulty is a positive integer within acceptable range
-  if (typeof difficulty !== 'number' || !Number.isInteger(difficulty)) {
-    const error: PowError = {
-      type: 'error',
-      message: 'Invalid message: difficulty must be an integer',
-    }
-    self.postMessage(error)
-    return
-  }
-  if (difficulty < 1 || difficulty > MAX_DIFFICULTY) {
-    const error: PowError = {
-      type: 'error',
-      message: `Invalid message: difficulty must be between 1 and ${MAX_DIFFICULTY}`,
-    }
-    self.postMessage(error)
-    return
-  }
-  // Validate maxIterations if provided
-  const effectiveMaxIterations = maxIterations ?? DEFAULT_MAX_ITERATIONS
-  if (typeof effectiveMaxIterations !== 'number' || !Number.isInteger(effectiveMaxIterations)) {
-    const error: PowError = {
-      type: 'error',
-      message: 'Invalid message: maxIterations must be an integer',
-    }
-    self.postMessage(error)
-    return
-  }
-  if (effectiveMaxIterations < 1) {
-    const error: PowError = {
-      type: 'error',
-      message: 'Invalid message: maxIterations must be at least 1',
-    }
-    self.postMessage(error)
-    return
-  }
-  await solveChallenge(challenge, difficulty, effectiveMaxIterations)
-}

package/tsconfig.esnext.json DELETED Viewed

@@ -1,15 +0,0 @@
-{
-  "compilerOptions": {
-    "moduleResolution": "node",
-    "target": "ES2020",
-    "module": "ESNext",
-    "lib": ["ES2020", "DOM"],
-    "strict": true,
-    "sourceMap": true,
-    "declaration": true,
-    "outDir": "dist/esnext",
-    "typeRoots": ["node_modules/@types"],
-    "skipLibCheck": true
-  },
-  "include": ["src"]
-}

package/tsconfig.json DELETED Viewed

@@ -1,14 +0,0 @@
-{
-  "compilerOptions": {
-    "moduleResolution": "node",
-    "target": "ES2018",
-    "module": "ESNext",
-    "lib": ["ES2018", "DOM"],
-    "strict": true,
-    "sourceMap": true,
-    "declaration": false,
-    "allowSyntheticDefaultImports": true,
-    "skipLibCheck": true
-  },
-  "include": ["src"]
-}