ngx-captcha - npm Package Compare versions

Comparing version 1.0.7 to 1.1.0

ngx-captcha-dist/index.d.ts

@@ -0,3 +1,5 @@
+/** Public API */
 export * from './recaptcha/recaptcha-2.component';
 export * from './recaptcha/invisible-recaptcha.component';
+export * from './recaptcha/recaptcha.config';
 export * from './ngx-captcha.module';

ngx-captcha-dist/index.js

@@ -6,4 +6,6 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+/** Public API */
 __export(require("./recaptcha/recaptcha-2.component"));
 __export(require("./recaptcha/invisible-recaptcha.component"));
+__export(require("./recaptcha/recaptcha.config"));
 __export(require("./ngx-captcha.module"));

ngx-captcha-dist/ngx-captcha.module.d.ts

@@ -0,2 +1,5 @@
+import { ModuleWithProviders } from '@angular/core';
+import { INgxCaptchaConfig } from './recaptcha/recaptcha.config';
 export declare class NgxCaptchaModule {
+    static forRoot(config: INgxCaptchaConfig): ModuleWithProviders;
 }

ngx-captcha-dist/ngx-captcha.module.js

@@ -13,6 +13,16 @@ "use strict";
 var invisible_recaptcha_component_1 = require("./recaptcha/invisible-recaptcha.component");
+var recaptcha_config_1 = require("./recaptcha/recaptcha.config");
 var NgxCaptchaModule = /** @class */ (function () {
     function NgxCaptchaModule() {
     }
-    NgxCaptchaModule = __decorate([
+    NgxCaptchaModule_1 = NgxCaptchaModule;
+    NgxCaptchaModule.forRoot = function (config) {
+        return {
+            ngModule: NgxCaptchaModule_1,
+            providers: [
+                { provide: recaptcha_config_1.NgxCaptchaConfig, useValue: config }
+            ]
+        };
+    };
+    NgxCaptchaModule = NgxCaptchaModule_1 = __decorate([
         core_1.NgModule({
@@ -33,3 +43,4 @@ imports: [
     return NgxCaptchaModule;
+    var NgxCaptchaModule_1;
 }());
 exports.NgxCaptchaModule = NgxCaptchaModule;

ngx-captcha-dist/recaptcha/base-recaptcha.component.d.ts

@@ -1,5 +0,8 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges } from '@angular/core';
+import { ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges } from '@angular/core';
+import { ReCaptchaType } from './recaptcha-type.enum';
+import { NgxCaptchaConfig } from './recaptcha.config';
 export declare abstract class BaseReCaptchaComponent implements OnInit, OnChanges, OnDestroy {
-    protected cdr: ChangeDetectorRef;
     protected renderer: Renderer2;
+    protected recaptchaType: ReCaptchaType;
+    protected config: NgxCaptchaConfig;
     /**
@@ -21,3 +24,3 @@ * Name of the global callback
       */
-    siteKey: string;
+    protected siteKey?: string;
     /**
@@ -72,3 +75,3 @@ * Type
     captchaElemId?: string;
-    constructor(cdr: ChangeDetectorRef, renderer: Renderer2);
+    constructor(renderer: Renderer2, recaptchaType: ReCaptchaType, config: NgxCaptchaConfig);
     /**
@@ -75,0 +78,0 @@ * Gets reCaptcha properties

ngx-captcha-dist/recaptcha/base-recaptcha.component.js

@@ -11,8 +11,14 @@ "use strict";
 };
+var __param = (this && this.__param) || function (paramIndex, decorator) {
+    return function (target, key) { decorator(target, key, paramIndex); }
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 var core_1 = require("@angular/core");
+var recaptcha_type_enum_1 = require("./recaptcha-type.enum");
+var recaptcha_config_1 = require("./recaptcha.config");
 var BaseReCaptchaComponent = /** @class */ (function () {
-    function BaseReCaptchaComponent(cdr, renderer) {
-        this.cdr = cdr;
+    function BaseReCaptchaComponent(renderer, recaptchaType, config) {
         this.renderer = renderer;
+        this.recaptchaType = recaptchaType;
+        this.config = config;
         /**
@@ -58,2 +64,17 @@ * Name of the global callback
     BaseReCaptchaComponent.prototype.ngOnInit = function () {
+        if (this.recaptchaType === recaptcha_type_enum_1.ReCaptchaType.InvisibleReCaptcha) {
+            if (!this.config.invisibleCaptchaSiteKey) {
+                throw Error("SiteKey for invisible reCaptcha is not set!");
+            }
+            this.siteKey = this.config.invisibleCaptchaSiteKey;
+        }
+        else if (this.recaptchaType === recaptcha_type_enum_1.ReCaptchaType.ReCaptcha2) {
+            if (!this.config.reCaptcha2SiteKey) {
+                throw Error("SiteKey for reCaptcha2 is not set!");
+            }
+            this.siteKey = this.config.reCaptcha2SiteKey;
+        }
+        else {
+            throw Error("Unsupported captcha type '" + this.recaptchaType + "'!");
+        }
         this.setupComponent();
@@ -219,6 +240,2 @@ };
         __metadata("design:type", String)
-    ], BaseReCaptchaComponent.prototype, "siteKey", void 0);
-    __decorate([
-        core_1.Input(),
-        __metadata("design:type", String)
     ], BaseReCaptchaComponent.prototype, "type", void 0);
@@ -249,4 +266,8 @@ __decorate([
     ], BaseReCaptchaComponent.prototype, "captchaScriptElem", void 0);
+    BaseReCaptchaComponent = __decorate([
+        __param(2, core_1.Optional()),
+        __metadata("design:paramtypes", [core_1.Renderer2, Number, recaptcha_config_1.NgxCaptchaConfig])
+    ], BaseReCaptchaComponent);
     return BaseReCaptchaComponent;
 }());
 exports.BaseReCaptchaComponent = BaseReCaptchaComponent;

ngx-captcha-dist/recaptcha/invisible-recaptcha.component.d.ts

@@ -1,6 +0,7 @@
-import { ChangeDetectorRef, OnChanges, Renderer2, SimpleChanges } from '@angular/core';
+import { OnChanges, Renderer2, SimpleChanges } from '@angular/core';
 import { BaseReCaptchaComponent } from './base-recaptcha.component';
+import { NgxCaptchaConfig } from './recaptcha.config';
 export declare class InvisibleReCaptchaComponent extends BaseReCaptchaComponent implements OnChanges {
-    protected cdr: ChangeDetectorRef;
     protected renderer: Renderer2;
+    protected config: NgxCaptchaConfig;
     /**
@@ -18,3 +19,3 @@ * This size representing invisible captcha
     hl: string;
-    constructor(cdr: ChangeDetectorRef, renderer: Renderer2);
+    constructor(renderer: Renderer2, config: NgxCaptchaConfig);
     ngOnChanges(changes: SimpleChanges): void;
@@ -21,0 +22,0 @@ /**

ngx-captcha-dist/recaptcha/invisible-recaptcha.component.js

@@ -21,11 +21,16 @@ "use strict";
 };
+var __param = (this && this.__param) || function (paramIndex, decorator) {
+    return function (target, key) { decorator(target, key, paramIndex); }
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 var core_1 = require("@angular/core");
 var base_recaptcha_component_1 = require("./base-recaptcha.component");
+var recaptcha_type_enum_1 = require("./recaptcha-type.enum");
+var recaptcha_config_1 = require("./recaptcha.config");
 var InvisibleReCaptchaComponent = /** @class */ (function (_super) {
     __extends(InvisibleReCaptchaComponent, _super);
-    function InvisibleReCaptchaComponent(cdr, renderer) {
-        var _this = _super.call(this, cdr, renderer) || this;
-        _this.cdr = cdr;
+    function InvisibleReCaptchaComponent(renderer, config) {
+        var _this = _super.call(this, renderer, recaptcha_type_enum_1.ReCaptchaType.InvisibleReCaptcha, config) || this;
         _this.renderer = renderer;
+        _this.config = config;
         /**
@@ -79,4 +84,5 @@ * This size representing invisible captcha
         }),
-        __metadata("design:paramtypes", [core_1.ChangeDetectorRef,
-            core_1.Renderer2])
+        __param(1, core_1.Optional()),
+        __metadata("design:paramtypes", [core_1.Renderer2,
+            recaptcha_config_1.NgxCaptchaConfig])
     ], InvisibleReCaptchaComponent);
@@ -83,0 +89,0 @@ return InvisibleReCaptchaComponent;

ngx-captcha-dist/recaptcha/recaptcha-2.component.d.ts

@@ -1,6 +0,7 @@
-import { ChangeDetectorRef, EventEmitter, OnChanges, Renderer2, SimpleChanges } from '@angular/core';
+import { EventEmitter, OnChanges, Renderer2, SimpleChanges } from '@angular/core';
 import { BaseReCaptchaComponent } from './base-recaptcha.component';
+import { NgxCaptchaConfig } from './recaptcha.config';
 export declare class ReCaptcha2Component extends BaseReCaptchaComponent implements OnChanges {
-    protected cdr: ChangeDetectorRef;
     protected renderer: Renderer2;
+    protected config: NgxCaptchaConfig;
     /**
@@ -26,3 +27,3 @@ * Theme
     error: EventEmitter<void>;
-    constructor(cdr: ChangeDetectorRef, renderer: Renderer2);
+    constructor(renderer: Renderer2, config: NgxCaptchaConfig);
     ngOnChanges(changes: SimpleChanges): void;
@@ -29,0 +30,0 @@ /**

ngx-captcha-dist/recaptcha/recaptcha-2.component.js

@@ -21,11 +21,16 @@ "use strict";
 };
+var __param = (this && this.__param) || function (paramIndex, decorator) {
+    return function (target, key) { decorator(target, key, paramIndex); }
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 var core_1 = require("@angular/core");
 var base_recaptcha_component_1 = require("./base-recaptcha.component");
+var recaptcha_type_enum_1 = require("./recaptcha-type.enum");
+var recaptcha_config_1 = require("./recaptcha.config");
 var ReCaptcha2Component = /** @class */ (function (_super) {
     __extends(ReCaptcha2Component, _super);
-    function ReCaptcha2Component(cdr, renderer) {
-        var _this = _super.call(this, cdr, renderer) || this;
-        _this.cdr = cdr;
+    function ReCaptcha2Component(renderer, config) {
+        var _this = _super.call(this, renderer, recaptcha_type_enum_1.ReCaptchaType.ReCaptcha2, config) || this;
         _this.renderer = renderer;
+        _this.config = config;
         /**
@@ -107,4 +112,5 @@ * Theme
         }),
-        __metadata("design:paramtypes", [core_1.ChangeDetectorRef,
-            core_1.Renderer2])
+        __param(1, core_1.Optional()),
+        __metadata("design:paramtypes", [core_1.Renderer2,
+            recaptcha_config_1.NgxCaptchaConfig])
     ], ReCaptcha2Component);
@@ -111,0 +117,0 @@ return ReCaptcha2Component;

package.json

 {
   "name": "ngx-captcha",
-  "version": "1.0.7",
+  "version": "1.1.0",
   "license": "MIT",
@@ -5,0 +5,0 @@ "scripts": {

README.md

@@ -15,3 +15,3 @@ [![npm version](https://badge.fury.io/js/ngx-captcha.svg)](https://badge.fury.io/js/ngx-captcha)
 
-Import `NgxCaptchaModule ` to your module (i.e. `AppModule`)
+Import `NgxCaptchaModule ` to your module (i.e. `AppModule`) and configure site keys for reCaptcha.
 
@@ -24,3 +24,6 @@ ```javascript
   imports: [
-    NgxCaptchaModule
+    NgxCaptchaModule.forRoot({
+      reCaptcha2SiteKey: 'xxxx',
+      invisibleCaptchaSiteKey: 'yyy'
+    }),
   })
@@ -37,3 +40,2 @@
 <ngx-recaptcha2
-  [siteKey]="siteKey"
   [size]="size"
@@ -44,3 +46,3 @@ [hl]="lang"
   (expire)="handleExpire()"
-  (load)="handleLoad($event)"
+  (load)="handleLoad()"
   (success)="handleSuccess($event)">
@@ -54,6 +56,5 @@ </ngx-recaptcha2>
 <ngx-invisible-recaptcha
-  [siteKey]="invisibleCaptchaSiteKey"
   [type]="type"
   [badge]="badge"
-  (load)="handleLoad($event)"
+  (load)="handleLoad()"
   (success)="handleSuccess($event)">
@@ -60,0 +61,0 @@ </ngx-invisible-recaptcha>

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

33386

increased by13.1%

Number of package files

17

increased by30.77%

Lines of code

773

increased by12.03%

Number of lines in readme file

59

increased by1.72%

No dependency changes