@internetarchive/recaptcha-manager 0.1.1 → 0.1.2-webdev-7354.0

package/package.json

@@ -7,82 +7,56 @@
   },
   "license": "AGPL-3.0-only",
   "author": "Internet Archive",
-  "version": "0.1.1",
+  "version": "0.1.2-webdev-7354.0",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "scripts": {
     "start": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds\"",
+    "prepare": "rimraf dist && tsc && husky install",
     "build": "tsc",
-    "prepare": "tsc && husky install",
-    "lint": "eslint --ext .ts,.html . --ignore-path .gitignore && prettier \"**/*.ts\" --check --ignore-path .gitignore",
-    "format": "eslint --ext .ts,.html . --fix --ignore-path .gitignore && prettier \"**/*.ts\" --write --ignore-path .gitignore",
+    "lint": "eslint . && prettier \"**/*.ts\" --check",
+    "format": "eslint . --fix && prettier \"**/*.ts\" --write",
     "circular": "madge --circular --extensions ts .",
-    "test": "tsc && yarn run lint && yarn run circular && wtr --coverage",
-    "test:watch": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wtr --watch\""
+    "test": "tsc && npm run lint && npm run circular && wtr --coverage",
+    "test:watch": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wtr --watch\"",
+    "ghpages:build": "rimraf ghpages && npm run prepare && vite build",
+    "ghpages:publish": "npm run ghpages:prepare -e $(git branch --show-current)",
+    "ghpages:prepare": "npm run ghpages:build && touch ghpages/.nojekyll && npm run ghpages:generate",
+    "ghpages:generate": "gh-pages -t -d ghpages -m \"Build for $(git log --pretty=format:\"%h %an %ai %s\" -n1) [skip ci]\""
   },
   "types": "dist/index.d.ts",
-  "dependencies": {
-    "@internetarchive/lazy-loader-service": "^0.2.0",
-    "@types/grecaptcha": "^2"
-  },
   "devDependencies": {
-    "@open-wc/eslint-config": "^7.0.0",
-    "@open-wc/testing": "^3.0.3",
-    "@typescript-eslint/eslint-plugin": "^5.3.1",
-    "@typescript-eslint/parser": "^5.3.1",
-    "@web/dev-server": "^0.1.28",
-    "@web/test-runner": "^0.13.22",
-    "concurrently": "^6.3.0",
-    "eslint": "^8.2.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-import": "^2.25.3",
-    "eslint-plugin-lit-a11y": "^2.2.0",
-    "eslint-plugin-wc": "^1.3.2",
-    "husky": "^7.0.0",
-    "lit": "^2.2.0",
-    "madge": "^5.0.1",
+    "@open-wc/eslint-config": "^12.0.3",
+    "@open-wc/testing": "^4.0.0",
+    "@types/mocha": "^10.0.10",
+    "@typescript-eslint/eslint-plugin": "^8.19.1",
+    "@typescript-eslint/parser": "^8.19.1",
+    "@web/dev-server": "^0.4.6",
+    "@web/test-runner": "^0.20.0",
+    "concurrently": "^9.1.2",
+    "eslint": "^9.17.0",
+    "eslint-config-prettier": "^10.1.1",
+    "eslint-plugin-html": "^8.1.2",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-lit": "^1.15.0",
+    "eslint-plugin-lit-a11y": "^4.1.4",
+    "eslint-plugin-no-only-tests": "^3.3.0",
+    "eslint-plugin-wc": "^2.2.0",
+    "gh-pages": "^6.3.0",
+    "husky": "^9.1.7",
+    "madge": "^8.0.0",
     "nanoevents": "^6.0.2",
-    "prettier": "^2.4.1",
-    "sinon": "^12.0.1",
-    "tslib": "^2.3.1",
-    "typescript": "^4.4.4"
+    "prettier": "^3.4.2",
+    "rimraf": "^6.0.1",
+    "sinon": "^19.0.2",
+    "ts-lit-plugin": "^2.0.2",
+    "tslib": "^2.8.1",
+    "typescript": "^5.7.2",
+    "vite": "^6.0.7"
   },
   "publishConfig": {
     "access": "public"
   },
-  "eslintConfig": {
-    "parser": "@typescript-eslint/parser",
-    "extends": [
-      "@open-wc",
-      "prettier"
-    ],
-    "plugins": [
-      "@typescript-eslint"
-    ],
-    "globals": {
-      "ReCaptchaV2": "readonly"
-    },
-    "rules": {
-      "no-unused-vars": "off",
-      "@typescript-eslint/no-unused-vars": [
-        "error"
-      ],
-      "no-shadow": "off",
-      "@typescript-eslint/no-shadow": [
-        "error"
-      ],
-      "class-methods-use-this": "off",
-      "import/no-unresolved": "off",
-      "import/extensions": [
-        "off",
-        "ignorePackages",
-        {
-          "js": "never",
-          "ts": "never"
-        }
-      ]
-    }
-  },
   "prettier": {
     "singleQuote": true,
     "arrowParens": "avoid"
@@ -93,5 +67,10 @@
       "prettier --write",
       "git add"
     ]
+  },
+  "dependencies": {
+    "lit": "^2.8.0",
+    "@internetarchive/lazy-loader-service": "^0.2.0",
+    "@types/grecaptcha": "^2"
   }
 }

package/renovate.json

@@ -0,0 +1,6 @@
+{
+  "extends": [
+    "config:base",
+    ":preserveSemverRanges"
+  ]
+}

package/src/recaptcha-manager.ts

@@ -50,7 +50,7 @@ export class RecaptchaManager implements RecaptchaManagerInterface {
         siteKey: key,
         grecaptchaLibrary,
       },
-      options?.recaptchaParams
+      options?.recaptchaParams,
     );
 
     this.recaptchaCache[key] = recaptcha;
@@ -67,9 +67,11 @@ export class RecaptchaManager implements RecaptchaManagerInterface {
       return this.grecaptchaLibraryCache;
     }
     return new Promise(resolve => {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
       (window as any).grecaptchaLoadedCallback = (): void => {
         setTimeout(() => {
           // remove the callback when we're done with it
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
           delete (window as any).grecaptchaLoadedCallback;
         }, 10);
         this.grecaptchaLibraryCache = window.grecaptcha;

package/src/recaptcha-widget.ts

@@ -40,7 +40,7 @@ export class RecaptchaWidget implements RecaptchaWidgetInterface {
       siteKey: string;
       grecaptchaLibrary: ReCaptchaV2.ReCaptcha;
     },
-    widgetConfig?: RecaptchaWidgetConfig
+    widgetConfig?: RecaptchaWidgetConfig,
   ) {
     this.siteKey = config.siteKey;
     this.grecaptchaLibrary = config.grecaptchaLibrary;
@@ -95,7 +95,7 @@ export class RecaptchaWidget implements RecaptchaWidgetInterface {
 
   private setup(
     container: HTMLElement,
-    widgetConfig?: ReCaptchaV2.Parameters
+    widgetConfig?: ReCaptchaV2.Parameters,
   ): void {
     this.widgetId = this.grecaptchaLibrary.render(container, {
       callback: this.responseHandler.bind(this),
@@ -125,7 +125,7 @@ export class RecaptchaWidget implements RecaptchaWidgetInterface {
     return element;
   }
 
-  private responseHandler(response: any): void {
+  private responseHandler(response: string): void {
     if (this.executionSuccessBlock) {
       this.executionSuccessBlock(response);
       this.executionSuccessBlock = undefined;

package/ssl/server.crt

@@ -0,0 +1,22 @@
+-----BEGIN CERTIFICATE-----
+MIIDszCCApugAwIBAgIUYr5csS2ntaMTww0b5QoFI0xlOpUwDQYJKoZIhvcNAQEL
+BQAwaTELMAkGA1UEBhMCVVMxCzAJBgNVBAgMAkNBMRYwFAYDVQQHDA1TYW4gRnJh
+bmNpc2NvMRkwFwYDVQQKDBBJbnRlcm5ldCBBcmNoaXZlMRowGAYDVQQDDBFsb2Nh
+bC5hcmNoaXZlLm9yZzAeFw0yNTAzMDcxOTM1MzRaFw0yNTA0MDYxOTM1MzRaMGkx
+CzAJBgNVBAYTAlVTMQswCQYDVQQIDAJDQTEWMBQGA1UEBwwNU2FuIEZyYW5jaXNj
+bzEZMBcGA1UECgwQSW50ZXJuZXQgQXJjaGl2ZTEaMBgGA1UEAwwRbG9jYWwuYXJj
+aGl2ZS5vcmcwggEiMA0GCSqGSIb3DQEBAQUAA4IBDwAwggEKAoIBAQDZqbS9hNS3
+8AtcA7Uszq7EA7RavuHc8AcpbURa6Y7NORs0SmfDD0oLptQ7DX5pSuHyOeDHzQ3U
+XRCUDAhAD1XlaYQ6PPdiJPRAe4ACELzgDzepxVz3pdKPcfXd5/mHV3ghUZya2XW5
+DSF1CRYUX2j10a+JORJIG4bhvTg4HxTJZZDuaNfBMC6ZSn7d9YLQoAf1MLLJm43Y
+cj1WlOnyG4DHxNEqEk260BlbBywJH+SJA6GA0GR2bnzYZaDnZ0wqea0Zamx8ijpd
+JxBUxYOqLfzs2KREVkkGOmsFEu82W6G3D4bKsY1UNaWXb/jcl3UkXIJJij6CdbbM
+QkUJc8dow3sVAgMBAAGjUzBRMB0GA1UdDgQWBBSla0L0Yhpx9/DEV4uJ6OoHH92Q
+bTAfBgNVHSMEGDAWgBSla0L0Yhpx9/DEV4uJ6OoHH92QbTAPBgNVHRMBAf8EBTAD
+AQH/MA0GCSqGSIb3DQEBCwUAA4IBAQBEzt9sgWtwjLI7AVrejDSE6F/01ng4bTni
+0PJXa7IpwjhAApVWcjxDKp8SkDUAcZNULqBGvpPicqjnKf+wxk3xTMc7pvLqzOor
+pm+plDUBfCEbrv1ouLDMgOtxQxbwbBUPySsLoNmDUGAGnL2zENX7qidOOmmSQEN4
+jZuPtiEkgTqmtkfHaRX/7jhmGVfxMxj0Krlar1/cSbvwaVs4kRSjiL9/avT+AX59
+0QoNYTLGcBP0RKia8NF2A3cgUivIMFZQDvdsiAvqY+DbC7Mnyv4Sj/ZHHwVa9+8k
+iRU56DrOt7sgaa/oQfzWnvRtL0F5eXC3veqM4qZrXs9hHeGlgPFo
+-----END CERTIFICATE-----

package/ssl/server.key

@@ -0,0 +1,28 @@
+-----BEGIN PRIVATE KEY-----
+MIIEvAIBADANBgkqhkiG9w0BAQEFAASCBKYwggSiAgEAAoIBAQDZqbS9hNS38Atc
+A7Uszq7EA7RavuHc8AcpbURa6Y7NORs0SmfDD0oLptQ7DX5pSuHyOeDHzQ3UXRCU
+DAhAD1XlaYQ6PPdiJPRAe4ACELzgDzepxVz3pdKPcfXd5/mHV3ghUZya2XW5DSF1
+CRYUX2j10a+JORJIG4bhvTg4HxTJZZDuaNfBMC6ZSn7d9YLQoAf1MLLJm43Ycj1W
+lOnyG4DHxNEqEk260BlbBywJH+SJA6GA0GR2bnzYZaDnZ0wqea0Zamx8ijpdJxBU
+xYOqLfzs2KREVkkGOmsFEu82W6G3D4bKsY1UNaWXb/jcl3UkXIJJij6CdbbMQkUJ
+c8dow3sVAgMBAAECggEANgLpITAhcuVDhFk9L3m4H1bF/dCpDmCXfl2pXR/guicm
+C4M9HUeheaOzvVWbXThiOe/HyfylpmFTmFEmCPNlPrDAyYzQXE/MNmYO/TQ3Eihk
+iSG68I764XKHbsG+Byoa2rW8NSaqEjniZ/7Rtkt4qasXMmdxlGgUP9bq6O45g8HV
+kHxneFlA2KbrvmWnBi7NTea9+tp61NWiq5n97UgHacQR6KkYIpbxd7uNSnCSdmXt
+pcwzO4ZPabJ2/DKRjePhU5OggPh+9AhJ3jsBo99GwYPgSZDh8E3vh2OWOtLBMUH3
+rmAYwlRT2aZ5hy5yi+4QD98WoUQtsr+9n757F8V6MQKBgQDzZycdgaKwWd5d34NN
+0TkFtPQPwxxJTCCs3I3q02uWcS3svQzBK0cWb4nISO04TnJ3MnXo83dgGhCMF+uZ
+FCXxAA53z8F92iZo+ELlXFDFwNeNYih/afDA42tWZ6TlVsDnZ4zQgRjHS7jEF/JV
+0ZgwGpw5725JQt64dic8wTOcDQKBgQDk7YYACQcWTnmjDhZQ3PZSX4fcTtzPZKZj
+fa1GrXEaUH1hSyc9VmY6qJpUmXexpvtr194nXE+O5wbThOHcBjVlo2Qv+vswmUX3
+WEcVzTVN4/fODCLCqFcMNIr+BzwZfwpT+p0u8g9FxDy1gGmvkxwIu8DCpnUT12Xj
+hm2wO+UxKQKBgFxCSDBF9+2SUtgQJYv0dwGzwiLLWMhro6MCAoT02D3w7nBihBgg
+GFTnuDkDc285ROfrZ4gB6MizeHwxgOrIGU2NMO62/+d9LbvyBiE76Z3bZ5i+kQ0i
+kc/7I69fn8ASLxJHTLenh0XbbNBfJ0riJCZvn7HSEGKShysyFdNQhAhtAoGAFYVi
+0IQIv4cXFkYPwQBUw7+pVQOw7GpI3heFf5x0goXIk6nuAW0q5R7Oi192CiRphGTh
+xI+ABy4ezSmz1exbfreShpQwowv1sOACpsEI3s6skBlB90y+Ci6yVlk1xCvWO7jW
+qAAngWaGUoXE6bWJsCR+ZY4ieYAJWw9bJnMrA6kCgYAzV4Xeoh5ofENZM21wKW3W
+iCzRibPObv6Vb/j9A9yT57yzI3BdfvsX5zmuSvOJm1DimgGY9nCJUzUEYG0a1Dhh
+/rqObPoVIFGesmvwflVYFktmVHk7ycEDVreSTz23cvmraPz1fnpdKeuEs4sRQJV7
+iJhLoxX5SJlJc0RXMhgHGQ==
+-----END PRIVATE KEY-----

package/test/mock-grecaptcha.ts

@@ -1,5 +1,3 @@
-/* eslint-disable camelcase */
-/* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/no-unused-vars */
 
 export type MockGrecaptchaMode = 'success' | 'expired' | 'error';
@@ -28,7 +26,7 @@ export class MockGrecaptcha implements ReCaptchaV2.ReCaptcha {
   render(
     container: string | HTMLElement,
     parameters?: ReCaptchaV2.Parameters | undefined,
-    inherit?: boolean | undefined
+    inherit?: boolean | undefined,
   ): number {
     this.callback = parameters?.callback?.bind(this);
     this['error-callback'] = parameters?.['error-callback']?.bind(this);

package/test/mock-lazy-loader.ts

@@ -12,7 +12,7 @@ export class MockLazyLoaderService implements LazyLoaderServiceInterface {
 
   on<E extends keyof LazyLoaderServiceEvents>(
     event: E,
-    callback: LazyLoaderServiceEvents[E]
+    callback: LazyLoaderServiceEvents[E],
   ): Unsubscribe {
     throw new Error('Method not implemented.');
   }
@@ -33,6 +33,7 @@ export class MockLazyLoaderService implements LazyLoaderServiceInterface {
     window.grecaptcha = new MockGrecaptcha({
       mode: 'success',
     });
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     (window as any).grecaptchaLoadedCallback();
   }
 }

package/test/recaptcha-manager.test.ts

@@ -36,7 +36,7 @@ describe('ReCaptcha Management', () => {
         expect.fail('should not get here');
       } catch (e) {
         expect((e as Error).message).to.equal(
-          'The reCaptcha widget requires a site key'
+          'The reCaptcha widget requires a site key',
         );
       }
     });
@@ -64,7 +64,7 @@ describe('ReCaptcha Management', () => {
       await recaptchaManager.getRecaptchaWidget();
       const loadUrl = mockLazyLoader.loadScriptSrc;
       expect(
-        loadUrl?.includes('recaptcha/api.js?onload=grecaptchaLoadedCallback')
+        loadUrl?.includes('recaptcha/api.js?onload=grecaptchaLoadedCallback'),
       ).to.be.true;
     });
   });

package/tsconfig.json

@@ -15,6 +15,17 @@
     "inlineSources": true,
     "rootDir": "./",
     "declaration": true,
+    "plugins": [
+      {
+        "name": "ts-lit-plugin"
+      }
+    ],
+    "paths": {
+      // workaround for: https://github.com/vitest-dev/vitest/issues/4567
+      "rollup/parseAst": [
+        "./node_modules/rollup/dist/parseAst"
+    ]
+}
   },
   "include": ["**/*.ts"]
 }

package/vite.config.ts

@@ -0,0 +1,25 @@
+import { defineConfig } from 'vite';
+import { resolve } from 'path';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  base: './',
+  root: resolve(__dirname, './demo'),
+  build: {
+    /**
+     * This is the directory where the built files will be placed
+     * that we upload to GitHub Pages.
+     */
+    outDir: '../ghpages/demo',
+    emptyOutDir: true,
+    manifest: true,
+    rollupOptions: {
+      input: {
+        main: resolve(__dirname, 'demo/index.html'),
+      },
+      output: {
+        entryFileNames: 'app-root.js',
+      },
+    },
+  },
+});

package/web-dev-server.config.mjs

@@ -5,8 +5,12 @@ const hmr = process.argv.includes('--hmr');
 
 export default /** @type {import('@web/dev-server').DevServerConfig} */ ({
   nodeResolve: true,
-  open: '/demo/',
+  open: '/demo',
   watch: !hmr,
+  sslCert: './ssl/server.crt',
+  sslKey: './ssl/server.key',
+  hostname: 'local.archive.org',
+  http2: true,
 
   /** Compile JS for older browsers. Requires @web/dev-server-esbuild plugin */
   // esbuildTarget: 'auto'
@@ -14,7 +18,7 @@ export default /** @type {import('@web/dev-server').DevServerConfig} */ ({
   /** Set appIndex to enable SPA routing */
   // appIndex: 'demo/index.html',
 
-  /** Confgure bare import resolve plugin */
+  /** Configure bare import resolve plugin */
   // nodeResolve: {
   //   exportConditions: ['browser', 'development']
   // },

package/dist/src/recaptcha-manager copy.d.ts

@@ -1,82 +0,0 @@
-/// <reference types="grecaptcha" />
-import { LazyLoaderServiceInterface } from '@internetarchive/lazy-loader-service';
-export interface RecaptchaManagerInterface {
-    /**
-     * Executes the recaptcha and returns a token
-     *
-     * Example:
-     *
-     * try {
-     *   const recaptchaResult = await recaptchaManager.execute();
-     *   console.log('recaptcha token:', recaptchaResult);
-     * } catch {
-     *   console.error('something happened')
-     * }
-     */
-    execute(): Promise<string>;
-    /**
-     * Create the recaptcha widget.
-     *
-     * If the `container` is not passed in, one will be created.
-     *
-     * @param options
-     */
-    setup(options?: {
-        container?: HTMLElement;
-        tabIndex?: number;
-        theme?: ReCaptchaV2.Theme;
-        type?: ReCaptchaV2.Type;
-        size?: ReCaptchaV2.Size;
-    }): void;
-}
-export declare class RecaptchaManager implements RecaptchaManagerInterface {
-    /**
-     * This is a convenience initializer that also lazily loads
-     * the recaptcha library from Google.
-     *
-     * @param options
-     * @returns
-     */
-    static getRecaptchaManager(siteKey: string, options?: {
-        lazyLoader?: LazyLoaderServiceInterface;
-        tabIndex?: number;
-        theme?: ReCaptchaV2.Theme;
-        type?: ReCaptchaV2.Type;
-        size?: ReCaptchaV2.Size;
-    }): Promise<RecaptchaManagerInterface>;
-    /**
-     * Load the Recaptch library from Google.
-     *
-     * @param options
-     * @returns
-     */
-    static loadRecaptchaLibrary(options?: {
-        lazyLoader?: LazyLoaderServiceInterface;
-    }): Promise<ReCaptchaV2.ReCaptcha>;
-    private grecaptchaLibrary;
-    private siteKey;
-    constructor(options: {
-        grecaptchaLibrary: ReCaptchaV2.ReCaptcha;
-        siteKey: string;
-    });
-    private executionSuccessBlock?;
-    private executionExpiredBlock?;
-    private executionErrorBlock?;
-    private isExecuting;
-    private containerElement;
-    /** @inheritdoc */
-    execute(): Promise<string>;
-    /** @inheritdoc */
-    setup(options?: {
-        container?: HTMLElement;
-        tabIndex?: number;
-        theme?: ReCaptchaV2.Theme;
-        type?: ReCaptchaV2.Type;
-        size?: ReCaptchaV2.Size;
-    }): void;
-    private createContainer;
-    private finishExecution;
-    private responseHandler;
-    private expiredHandler;
-    private errorHandler;
-}

package/dist/src/recaptcha-manager copy.js

@@ -1,140 +0,0 @@
-import { LazyLoaderService, } from '@internetarchive/lazy-loader-service';
-export class RecaptchaManager {
-    constructor(options) {
-        this.isExecuting = false;
-        this.containerElement = null;
-        this.grecaptchaLibrary = options.grecaptchaLibrary;
-        this.siteKey = options.siteKey;
-    }
-    /**
-     * This is a convenience initializer that also lazily loads
-     * the recaptcha library from Google.
-     *
-     * @param options
-     * @returns
-     */
-    static async getRecaptchaManager(siteKey, options) {
-        const grecaptchaLibrary = await RecaptchaManager.loadRecaptchaLibrary({
-            lazyLoader: options === null || options === void 0 ? void 0 : options.lazyLoader,
-        });
-        const manager = new RecaptchaManager({
-            grecaptchaLibrary,
-            siteKey,
-        });
-        manager.setup({
-            tabIndex: options === null || options === void 0 ? void 0 : options.tabIndex,
-            theme: options === null || options === void 0 ? void 0 : options.theme,
-            type: options === null || options === void 0 ? void 0 : options.type,
-            size: options === null || options === void 0 ? void 0 : options.size,
-        });
-        return manager;
-    }
-    /**
-     * Load the Recaptch library from Google.
-     *
-     * @param options
-     * @returns
-     */
-    static async loadRecaptchaLibrary(options) {
-        var _a;
-        const service = (_a = options === null || options === void 0 ? void 0 : options.lazyLoader) !== null && _a !== void 0 ? _a : new LazyLoaderService();
-        return new Promise(resolve => {
-            window.grecaptchaLoadedCallback = () => {
-                setTimeout(() => {
-                    // remove the callback when we're done with it
-                    delete window.grecaptchaLoadedCallback;
-                }, 10);
-                resolve(window.grecaptcha);
-            };
-            service.loadScript({
-                src: 'https://www.google.com/recaptcha/api.js?onload=grecaptchaLoadedCallback&render=explicit',
-            });
-        });
-    }
-    /** @inheritdoc */
-    execute() {
-        if (this.isExecuting) {
-            throw new Error('Recaptcha is already executing');
-        }
-        this.isExecuting = true;
-        return new Promise((resolve, reject) => {
-            this.executionSuccessBlock = (token) => {
-                this.finishExecution();
-                resolve(token);
-            };
-            this.executionExpiredBlock = () => {
-                this.finishExecution();
-                reject(new Error('expired'));
-            };
-            this.executionErrorBlock = () => {
-                this.finishExecution();
-                reject(new Error('error'));
-            };
-            this.grecaptchaLibrary.execute();
-        });
-    }
-    /** @inheritdoc */
-    setup(options) {
-        var _a, _b;
-        const container = (_a = options === null || options === void 0 ? void 0 : options.container) !== null && _a !== void 0 ? _a : this.createContainer();
-        // we've already rendered this container, don't do it again
-        if (container === this.containerElement)
-            return;
-        this.containerElement = container;
-        this.grecaptchaLibrary.render(container, {
-            callback: this.responseHandler.bind(this),
-            'expired-callback': this.expiredHandler.bind(this),
-            'error-callback': this.errorHandler.bind(this),
-            sitekey: this.siteKey,
-            tabindex: options === null || options === void 0 ? void 0 : options.tabIndex,
-            theme: options === null || options === void 0 ? void 0 : options.theme,
-            type: options === null || options === void 0 ? void 0 : options.type,
-            size: (_b = options === null || options === void 0 ? void 0 : options.size) !== null && _b !== void 0 ? _b : 'invisible',
-        });
-    }
-    createContainer() {
-        const elementId = `recaptchaManager-${this.siteKey}`;
-        let element = document.getElementById(elementId);
-        if (!element) {
-            element = document.createElement('div');
-            element.id = elementId;
-            element.style.position = 'fixed';
-            element.style.top = '50%';
-            element.style.left = '50%';
-            element.style.outline = '1px solid purple';
-            element.style.width = '10px';
-            element.style.height = '10px';
-            // #recaptcha - TopCollections {
-            //   position: fixed;
-            //   top: 50 %;
-            //   left: 50 %;
-            // }
-            document.body.insertBefore(element, document.body.firstChild);
-        }
-        return element;
-    }
-    finishExecution() {
-        this.isExecuting = false;
-        this.grecaptchaLibrary.reset();
-    }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    responseHandler(response) {
-        if (this.executionSuccessBlock) {
-            this.executionSuccessBlock(response);
-            this.executionSuccessBlock = undefined;
-        }
-    }
-    expiredHandler() {
-        if (this.executionExpiredBlock) {
-            this.executionExpiredBlock();
-            this.executionExpiredBlock = undefined;
-        }
-    }
-    errorHandler() {
-        if (this.executionErrorBlock) {
-            this.executionErrorBlock();
-            this.executionErrorBlock = undefined;
-        }
-    }
-}
-//# sourceMappingURL=recaptcha-manager%20copy.js.map

package/dist/src/recaptcha-manager copy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"recaptcha-manager copy.js","sourceRoot":"","sources":["../../src/recaptcha-manager copy.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  LazyLoaderService,\n  LazyLoaderServiceInterface,\n} from '@internetarchive/lazy-loader-service';\n\nexport interface RecaptchaManagerInterface {\n  /**\n   * Executes the recaptcha and returns a token\n   *\n   * Example:\n   *\n   * try {\n   *   const recaptchaResult = await recaptchaManager.execute();\n   *   console.log('recaptcha token:', recaptchaResult);\n   * } catch {\n   *   console.error('something happened')\n   * }\n   */\n  execute(): Promise<string>;\n\n  /**\n   * Create the recaptcha widget.\n   *\n   * If the `container` is not passed in, one will be created.\n   *\n   * @param options\n   */\n  setup(options?: {\n    container?: HTMLElement;\n    tabIndex?: number;\n    theme?: ReCaptchaV2.Theme;\n    type?: ReCaptchaV2.Type;\n    size?: ReCaptchaV2.Size;\n  }): void;\n}\n\nexport class RecaptchaManager implements RecaptchaManagerInterface {\n  /**\n   * This is a convenience initializer that also lazily loads\n   * the recaptcha library from Google.\n   *\n   * @param options\n   * @returns\n   */\n  static async getRecaptchaManager(\n    siteKey: string,\n    options?: {\n      lazyLoader?: LazyLoaderServiceInterface;\n      tabIndex?: number;\n      theme?: ReCaptchaV2.Theme;\n      type?: ReCaptchaV2.Type;\n      size?: ReCaptchaV2.Size;\n    }\n  ): Promise<RecaptchaManagerInterface> {\n    const grecaptchaLibrary = await RecaptchaManager.loadRecaptchaLibrary({\n      lazyLoader: options?.lazyLoader,\n    });\n\n    const manager = new RecaptchaManager({\n      grecaptchaLibrary,\n      siteKey,\n    });\n\n    manager.setup({\n      tabIndex: options?.tabIndex,\n      theme: options?.theme,\n      type: options?.type,\n      size: options?.size,\n    });\n\n    return manager;\n  }\n\n  /**\n   * Load the Recaptch library from Google.\n   *\n   * @param options\n   * @returns\n   */\n  static async loadRecaptchaLibrary(options?: {\n    lazyLoader?: LazyLoaderServiceInterface;\n  }): Promise<ReCaptchaV2.ReCaptcha> {\n    const service = options?.lazyLoader ?? new LazyLoaderService();\n\n    return new Promise(resolve => {\n      (window as any).grecaptchaLoadedCallback = (): void => {\n        setTimeout(() => {\n          // remove the callback when we're done with it\n          delete (window as any).grecaptchaLoadedCallback;\n        }, 10);\n        resolve(window.grecaptcha);\n      };\n\n      service.loadScript({\n        src: 'https://www.google.com/recaptcha/api.js?onload=grecaptchaLoadedCallback&render=explicit',\n      });\n    });\n  }\n\n  private grecaptchaLibrary: ReCaptchaV2.ReCaptcha;\n\n  private siteKey: string;\n\n  constructor(options: {\n    grecaptchaLibrary: ReCaptchaV2.ReCaptcha;\n    siteKey: string;\n  }) {\n    this.grecaptchaLibrary = options.grecaptchaLibrary;\n    this.siteKey = options.siteKey;\n  }\n\n  private executionSuccessBlock?: (token: string) => void;\n\n  private executionExpiredBlock?: () => void;\n\n  private executionErrorBlock?: () => void;\n\n  private isExecuting = false;\n\n  private containerElement: HTMLElement | null = null;\n\n  /** @inheritdoc */\n  execute(): Promise<string> {\n    if (this.isExecuting) {\n      throw new Error('Recaptcha is already executing');\n    }\n\n    this.isExecuting = true;\n    return new Promise((resolve, reject) => {\n      this.executionSuccessBlock = (token: string): void => {\n        this.finishExecution();\n        resolve(token);\n      };\n\n      this.executionExpiredBlock = (): void => {\n        this.finishExecution();\n        reject(new Error('expired'));\n      };\n\n      this.executionErrorBlock = (): void => {\n        this.finishExecution();\n        reject(new Error('error'));\n      };\n\n      this.grecaptchaLibrary.execute();\n    });\n  }\n\n  /** @inheritdoc */\n  setup(options?: {\n    container?: HTMLElement;\n    tabIndex?: number;\n    theme?: ReCaptchaV2.Theme;\n    type?: ReCaptchaV2.Type;\n    size?: ReCaptchaV2.Size;\n  }): void {\n    const container = options?.container ?? this.createContainer();\n\n    // we've already rendered this container, don't do it again\n    if (container === this.containerElement) return;\n\n    this.containerElement = container;\n    this.grecaptchaLibrary.render(container, {\n      callback: this.responseHandler.bind(this),\n      'expired-callback': this.expiredHandler.bind(this),\n      'error-callback': this.errorHandler.bind(this),\n      sitekey: this.siteKey,\n      tabindex: options?.tabIndex,\n      theme: options?.theme,\n      type: options?.type,\n      size: options?.size ?? 'invisible',\n    });\n  }\n\n  private createContainer(): HTMLElement {\n    const elementId = `recaptchaManager-${this.siteKey}`;\n    let element: HTMLElement | null = document.getElementById(elementId);\n    if (!element) {\n      element = document.createElement('div');\n      element.id = elementId;\n      element.style.position = 'fixed';\n      element.style.top = '50%';\n      element.style.left = '50%';\n      element.style.outline = '1px solid purple';\n      element.style.width = '10px';\n      element.style.height = '10px';\n      // #recaptcha - TopCollections {\n      //   position: fixed;\n      //   top: 50 %;\n      //   left: 50 %;\n      // }\n\n      document.body.insertBefore(element, document.body.firstChild);\n    }\n    return element;\n  }\n\n  private finishExecution(): void {\n    this.isExecuting = false;\n    this.grecaptchaLibrary.reset();\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  private responseHandler(response: any): void {\n    if (this.executionSuccessBlock) {\n      this.executionSuccessBlock(response);\n      this.executionSuccessBlock = undefined;\n    }\n  }\n\n  private expiredHandler(): void {\n    if (this.executionExpiredBlock) {\n      this.executionExpiredBlock();\n      this.executionExpiredBlock = undefined;\n    }\n  }\n\n  private errorHandler(): void {\n    if (this.executionErrorBlock) {\n      this.executionErrorBlock();\n      this.executionErrorBlock = undefined;\n    }\n  }\n}\n"]}