remove comment and fix linting issue

prosopo · Apr 30, 2024 · 3c47132 · 3c47132
1 parent faf8e1e
commit 3c47132
Show file tree

Hide file tree

Showing 7 changed files with 23,654 additions and 4,841 deletions.
diff --git a/README.md b/README.md
@@ -98,9 +98,9 @@ document.getElementById('procaptcha-script').addEventListener('load', function (
     function onCaptchaVerified(output) {
         console.log('Captcha verified, output: ' + JSON.stringify(output))
     }
-    
+
     // Get the Element using elementId
-    const captchaContainer = document.getElementById('procaptcha-container');
+    const captchaContainer = document.getElementById('procaptcha-container')
     // Render the CAPTCHA explicitly on a container with id "procaptcha-container"
     window.procaptcha.render(captchaContainer, {
         siteKey: 'YOUR_SITE_KEY',
@@ -118,7 +118,7 @@ following fields:
 | Key                    | Type     | Description                                                                                              | Required |
 | ---------------------- | -------- | -------------------------------------------------------------------------------------------------------- | -------- |
 | siteKey                | string   | The site key of your application / website. This is required.                                            | ✓        |
-| callback               | function | The function that will be called when the CAPTCHA is verified.                        | ✗        |
+| callback               | function | The function that will be called when the CAPTCHA is verified.                                           | ✗        |
 | theme                  | string   | The theme of the CAPTCHA widget. The default is `light`. The other option is `dark`.                     | ✗        |
 | captchaType            | string   | The type of CAPTCHA to render. The default is `frictionless`. Other options are `image`, `pow`.          | ✗        |
 | chalexpired-callback   | string   | The name of the window function that will be called when the CAPTCHA challenge expires.                  | ✗        |
@@ -274,7 +274,7 @@ document.getElementById('procaptcha-script').addEventListener('load', function (
         console.log('Captcha verified, output: ' + JSON.stringify(output))
     }
     // Get the Element using elementId
-    const captchaContainer = document.getElementById('procaptcha-container');
+    const captchaContainer = document.getElementById('procaptcha-container')
     window.procaptcha.render(captchaContainer, {
         siteKey: 'YOUR_SITE_KEY',
         theme: 'dark',
@@ -304,7 +304,7 @@ document.getElementById('procaptcha-script').addEventListener('load', function (
         console.log('Captcha verified, output: ' + JSON.stringify(output))
     }
     // Get the Element using elementId
-    const captchaContainer = document.getElementById('procaptcha-container');
+    const captchaContainer = document.getElementById('procaptcha-container')
     window.procaptcha.render(captchaContainer, {
         siteKey: 'YOUR_SITE_KEY',
         theme: 'dark',
@@ -333,7 +333,7 @@ document.getElementById('procaptcha-script').addEventListener('load', function (
         console.log('Captcha verified, output: ' + JSON.stringify(output))
     }
     // Get the Element using elementId
-    const captchaContainer = document.getElementById('procaptcha-container');
+    const captchaContainer = document.getElementById('procaptcha-container')
     window.procaptcha.render(captchaContainer, {
         siteKey: 'YOUR_SITE_KEY',
         theme: 'dark',

diff --git a/demos/client-bundle-example/src/frictionless.html b/demos/client-bundle-example/src/frictionless.html
@@ -7,7 +7,7 @@
                 const render = (await import('./assets/procaptcha.bundle')).render
                 console.log('Captcha loaded')
                 // Get the Element using elementId
-                const captchaContainer = document.getElementById('procaptcha-container');
+                const captchaContainer = document.getElementById('procaptcha-container')
                 render(captchaContainer, {
                     siteKey: '5HGjWAeFDfFCWPsjFQdVV2Msvz2XtMktvgocEZcCj68kUMaw',
                     theme: 'dark',
@@ -25,7 +25,7 @@
         <script
             id="procaptchaScript"
             type="module"
-            src="./assets/procaptcha.bundle.js?onload=captchaLoaded&render=explicit"
+            src="./procaptcha.bundle.js?onload=captchaLoaded&render=explicit"
             async
             defer
         ></script>

diff --git a/demos/client-bundle-example/src/index.html b/demos/client-bundle-example/src/index.html
@@ -41,7 +41,7 @@
             }
 
             // Get the Element using elementId
-            const captchaContainer = document.getElementById('procaptcha-container');
+            const captchaContainer = document.getElementById('procaptcha-container')
             // Render the CAPTCHA explicitly on a container with id "procaptcha-container"
             render(captchaContainer, {
                 siteKey: '5HGjWAeFDfFCWPsjFQdVV2Msvz2XtMktvgocEZcCj68kUMaw',

diff --git a/demos/client-bundle-example/src/urlParams.html b/demos/client-bundle-example/src/urlParams.html
@@ -7,7 +7,7 @@
                 const render = (await import('./assets/procaptcha.bundle')).render
                 console.log('Captcha loaded')
                 // Get the Element using elementId
-                const captchaContainer = document.getElementById('procaptcha-container');
+                const captchaContainer = document.getElementById('procaptcha-container')
                 render(captchaContainer, {
                     siteKey: '5HGjWAeFDfFCWPsjFQdVV2Msvz2XtMktvgocEZcCj68kUMaw',
                     theme: 'dark',

diff --git a/packages/procaptcha-bundle/package.json b/packages/procaptcha-bundle/package.json
@@ -62,7 +62,7 @@
         "@rollup/plugin-typescript": "^11.1.2",
         "@vitejs/plugin-react": "^4.2.1",
         "tslib": "2.6.2",
-        "typescript": "5.1.6",
+        "typescript": "^5.1.6",
         "webpack-merge": "^5.9.0"
     }
 }
diff --git a/packages/procaptcha-bundle/src/index.tsx b/packages/procaptcha-bundle/src/index.tsx
@@ -111,7 +111,7 @@ const renderLogic = (
     config: ProcaptchaClientConfigInput,
     renderOptions?: ProcaptchaRenderOptions
 ) => {
-    elements.forEach((element) => { // || element.getAttribute('data-callback')
+    elements.forEach((element) => {
         const callbackName = renderOptions?.callback
         const chalExpiredCallbackName =
             renderOptions?.['chalexpired-callback'] || element.getAttribute('data-chalexpired-callback')
@@ -197,12 +197,6 @@ const implicitRender = () => {
 // Explicit render for targeting specific elements
 export const render = (element: Element, renderOptions: ProcaptchaRenderOptions) => {
     const siteKey = renderOptions.siteKey
-    // const element = document.getElementById(elementId)
-
-    if (!element) {
-        console.error('Element not found:', element)
-        return
-    }
 
     renderLogic([element], getConfig(siteKey), renderOptions)
 }
@@ -242,4 +236,4 @@ if (onloadUrlCallback) {
     getProcaptchaScript()?.addEventListener('load', () => {
         ready(onloadCallback)
     })
-}
+}