@internetarchive/recaptcha-manager 0.1.0 → 0.1.2-alpha.1

package/package.json

@@ -1,97 +1,98 @@
-{
-  "name": "@internetarchive/recaptcha-manager",
-  "description": "A library that lets you lazy load and interact with reCaptcha.",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/internetarchive/iaux-recaptcha-manager.git"
-  },
-  "license": "AGPL-3.0-only",
-  "author": "Internet Archive",
-  "version": "0.1.0",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "scripts": {
-    "start": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds\"",
-    "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",
-    "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\""
-  },
-  "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",
-    "nanoevents": "^6.0.2",
-    "prettier": "^2.4.1",
-    "sinon": "^12.0.1",
-    "tslib": "^2.3.1",
-    "typescript": "^4.4.4"
-  },
-  "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"
-  },
-  "lint-staged": {
-    "*.ts": [
-      "eslint --fix",
-      "prettier --write",
-      "git add"
-    ]
-  }
-}
+{
+  "name": "@internetarchive/recaptcha-manager",
+  "description": "A library that lets you lazy load and interact with reCaptcha.",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/internetarchive/iaux-recaptcha-manager.git"
+  },
+  "license": "AGPL-3.0-only",
+  "author": "Internet Archive",
+  "version": "0.1.2-alpha.1",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "type": "module",
+  "scripts": {
+    "start": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds\"",
+    "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",
+    "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\""
+  },
+  "types": "dist/index.d.ts",
+  "dependencies": {
+    "@internetarchive/lazy-loader-service": "^0.2.1-alpha.1",
+    "@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",
+    "nanoevents": "^6.0.2",
+    "prettier": "^2.4.1",
+    "sinon": "^12.0.1",
+    "tslib": "^2.3.1",
+    "typescript": "^4.4.4"
+  },
+  "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"
+  },
+  "lint-staged": {
+    "*.ts": [
+      "eslint --fix",
+      "prettier --write",
+      "git add"
+    ]
+  }
+}

package/src/recaptcha-manager.ts

@@ -1,87 +1,87 @@
-import {
-  LazyLoaderService,
-  LazyLoaderServiceInterface,
-} from '@internetarchive/lazy-loader-service';
-import { RecaptchaWidget } from './recaptcha-widget';
-
-export interface RecaptchaManagerInterface {
-  /**
-   * Load a recaptcha widget for a given site key or the default site key.
-   */
-  getRecaptchaWidget(options?: {
-    siteKey?: string;
-    recaptchaParams?: ReCaptchaV2.Parameters;
-  }): Promise<RecaptchaWidget>;
-}
-
-export class RecaptchaManager implements RecaptchaManagerInterface {
-  private lazyLoader: LazyLoaderServiceInterface;
-
-  private defaultSiteKey?: string;
-
-  private recaptchaCache: Record<string, RecaptchaWidget> = {};
-
-  constructor(options?: {
-    defaultSiteKey?: string;
-    lazyLoader?: LazyLoaderServiceInterface;
-    grecaptchaLibrary?: ReCaptchaV2.ReCaptcha; // allows dependency injection or will be lazy loaded
-  }) {
-    this.defaultSiteKey = options?.defaultSiteKey;
-    this.lazyLoader = options?.lazyLoader ?? new LazyLoaderService();
-    this.grecaptchaLibraryCache = options?.grecaptchaLibrary;
-  }
-
-  /** @inheritdoc */
-  async getRecaptchaWidget(options?: {
-    siteKey?: string;
-    recaptchaParams?: ReCaptchaV2.Parameters;
-  }): Promise<RecaptchaWidget> {
-    const key = options?.siteKey ?? this.defaultSiteKey;
-    if (!key) {
-      throw new Error('The reCaptcha widget requires a site key');
-    }
-
-    const cached = this.recaptchaCache[key];
-    if (cached) return cached;
-
-    const grecaptchaLibrary = await this.getRecaptchaLibrary();
-    const recaptcha = new RecaptchaWidget(
-      {
-        siteKey: key,
-        grecaptchaLibrary,
-      },
-      options?.recaptchaParams
-    );
-
-    this.recaptchaCache[key] = recaptcha;
-    return recaptcha;
-  }
-
-  /**
-   * Load the Recaptch library from Google.
-   *
-   * @returns Promise<ReCaptchaV2.ReCaptcha>
-   */
-  private async getRecaptchaLibrary(): Promise<ReCaptchaV2.ReCaptcha> {
-    if (this.grecaptchaLibraryCache) {
-      return this.grecaptchaLibraryCache;
-    }
-    return new Promise(resolve => {
-      (window as any).grecaptchaLoadedCallback = (): void => {
-        setTimeout(() => {
-          // remove the callback when we're done with it
-          delete (window as any).grecaptchaLoadedCallback;
-        }, 10);
-        this.grecaptchaLibraryCache = window.grecaptcha;
-        resolve(window.grecaptcha);
-      };
-
-      this.lazyLoader.loadScript({
-        src: 'https://www.google.com/recaptcha/api.js?onload=grecaptchaLoadedCallback&render=explicit',
-      });
-    });
-  }
-
-  /** don't use directly, use `getRecaptchaLibrary()` */
-  private grecaptchaLibraryCache?: ReCaptchaV2.ReCaptcha;
-}
+import {
+  LazyLoaderService,
+  LazyLoaderServiceInterface,
+} from '@internetarchive/lazy-loader-service';
+import { RecaptchaWidget, RecaptchaWidgetInterface } from './recaptcha-widget.js';
+
+export interface RecaptchaManagerInterface {
+  /**
+   * Load a recaptcha widget for a given site key or the default site key.
+   */
+  getRecaptchaWidget(options?: {
+    siteKey?: string;
+    recaptchaParams?: ReCaptchaV2.Parameters;
+  }): Promise<RecaptchaWidgetInterface>;
+}
+
+export class RecaptchaManager implements RecaptchaManagerInterface {
+  private lazyLoader: LazyLoaderServiceInterface;
+
+  private defaultSiteKey?: string;
+
+  private recaptchaCache: Record<string, RecaptchaWidget> = {};
+
+  constructor(options?: {
+    defaultSiteKey?: string;
+    lazyLoader?: LazyLoaderServiceInterface;
+    grecaptchaLibrary?: ReCaptchaV2.ReCaptcha; // allows dependency injection or will be lazy loaded
+  }) {
+    this.defaultSiteKey = options?.defaultSiteKey;
+    this.lazyLoader = options?.lazyLoader ?? new LazyLoaderService();
+    this.grecaptchaLibraryCache = options?.grecaptchaLibrary;
+  }
+
+  /** @inheritdoc */
+  async getRecaptchaWidget(options?: {
+    siteKey?: string;
+    recaptchaParams?: ReCaptchaV2.Parameters;
+  }): Promise<RecaptchaWidgetInterface> {
+    const key = options?.siteKey ?? this.defaultSiteKey;
+    if (!key) {
+      throw new Error('The reCaptcha widget requires a site key');
+    }
+
+    const cached = this.recaptchaCache[key];
+    if (cached) return cached;
+
+    const grecaptchaLibrary = await this.getRecaptchaLibrary();
+    const recaptcha = new RecaptchaWidget(
+      {
+        siteKey: key,
+        grecaptchaLibrary,
+      },
+      options?.recaptchaParams
+    );
+
+    this.recaptchaCache[key] = recaptcha;
+    return recaptcha;
+  }
+
+  /**
+   * Load the Recaptch library from Google.
+   *
+   * @returns Promise<ReCaptchaV2.ReCaptcha>
+   */
+  private async getRecaptchaLibrary(): Promise<ReCaptchaV2.ReCaptcha> {
+    if (this.grecaptchaLibraryCache) {
+      return this.grecaptchaLibraryCache;
+    }
+    return new Promise(resolve => {
+      (window as any).grecaptchaLoadedCallback = (): void => {
+        setTimeout(() => {
+          // remove the callback when we're done with it
+          delete (window as any).grecaptchaLoadedCallback;
+        }, 10);
+        this.grecaptchaLibraryCache = window.grecaptcha;
+        resolve(window.grecaptcha);
+      };
+
+      this.lazyLoader.loadScript({
+        src: 'https://www.google.com/recaptcha/api.js?onload=grecaptchaLoadedCallback&render=explicit',
+      });
+    });
+  }
+
+  /** don't use directly, use `getRecaptchaLibrary()` */
+  private grecaptchaLibraryCache?: ReCaptchaV2.ReCaptcha;
+}