ngx-captcha - npm Package Compare versions

Comparing version 2.2.1 to 3.0.0

package.json

 {
   "name": "ngx-captcha",
-  "version": "2.2.1",
+  "version": "3.0.0",
   "license": "MIT",
-  "scripts": {
-    "ng": "ng",
-    "start": "ng serve",
-    "build": "ng build --prod",
-    "test": "ng test",
-    "lint": "ng lint",
-    "e2e": "ng e2e",
-    "prepublishOnly": "npm run transpile",
-    "build-demo-gh-pages": "ng build --prod --base-href \"https://enngage.github.io/ngx-captcha/\"",
-    "publish-demo-gh-pages": "ngh",
-    "transpile": "ngc -p ./src/tsconfig.json"
-  },
   "repository": {
@@ -32,39 +20,18 @@ "type": "git",
   "peerDependencies": {
-    "@angular/core": ">=6.0.0"
-  },
-  "devDependencies": {
-    "@angular/core": "^6.0.0",
     "@angular/common": "^6.0.0",
-    "@angular/compiler": "^6.0.0",
-    "@angular/forms": "^6.0.0",
-    "@angular/http": "^6.0.0",
-    "@angular/platform-browser": "^6.0.0",
-    "@angular/platform-browser-dynamic": "^6.0.0",
-    "@angular/router": "^6.0.0",
-    "core-js": "^2.5.5",
-    "rxjs": "^6.1.0",
-    "zone.js": "^0.8.26",
-    "@angular/animations": "^6.0.0",
-    "@angular/cli": "~6.0.0",
-    "@angular/compiler-cli": "^6.0.0",
-    "@angular/language-service": "^6.0.0",
-    "@types/jasmine": "~2.8.7",
-    "@types/jasminewd2": "~2.0.3",
-    "@types/node": "~10.0.3",
-    "codelyzer": "^4.3.0",
-    "jasmine-core": "~3.1.0",
-    "jasmine-spec-reporter": "~4.2.1",
-    "karma": "~2.0.2",
-    "karma-chrome-launcher": "~2.2.0",
-    "karma-coverage-istanbul-reporter": "^1.4.2",
-    "karma-jasmine": "~1.1.2",
-    "karma-jasmine-html-reporter": "^1.0.0",
-    "protractor": "~5.3.1",
-    "ts-node": "~6.0.2",
-    "tslint": "~5.10.0",
-    "typescript": "~2.7.2",
-    "@angular-devkit/build-angular": "~0.6.0"
+    "@angular/core": "^6.0.0"
   },
-  "main": "./ngx-dist/src/index.js",
-  "types": "./ngx-dist/src/index.d.ts"
+  "main": "bundles/ngx-captcha.umd.js",
+  "module": "fesm5/ngx-captcha.js",
+  "es2015": "fesm2015/ngx-captcha.js",
+  "esm5": "esm5/ngx-captcha.js",
+  "esm2015": "esm2015/ngx-captcha.js",
+  "fesm5": "fesm5/ngx-captcha.js",
+  "fesm2015": "fesm2015/ngx-captcha.js",
+  "typings": "ngx-captcha.d.ts",
+  "metadata": "ngx-captcha.metadata.json",
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^1.9.0"
+  }
 }

README.md

@@ -1,61 +0,63 @@
-[![npm version](https://badge.fury.io/js/ngx-captcha.svg)](https://badge.fury.io/js/ngx-captcha)
-[![Build Status](https://api.travis-ci.org/Enngage/ngx-captcha.svg?branch=master)](https://travis-ci.org/Enngage/ngx-captcha)
-[![NPM](https://nodei.co/npm/ngx-captcha.png?mini=true)](https://nodei.co/npm/ngx-captcha/)
+[![npm version](https://badge.fury.io/js/ngx-masonry-gallery.svg)](https://badge.fury.io/js/ngx-masonry-gallery)
+[![Build Status](https://api.travis-ci.org/Enngage/ngx-masonry-gallery.svg?branch=master)](https://travis-ci.org/Enngage/ngx-masonry-gallery)
+[![NPM](https://nodei.co/npm/ngx-masonry-gallery.png?mini=true)](https://nodei.co/npm/ngx-masonry-gallery/)
 
-## Angular Captcha
+# Masonry gallery for Angular
 
-Google reCaptcha implementation for Angular 6 and beyond. 
+For documentation & live demo visit [https://enngage.github.io/ngx-masonry-gallery/](https://enngage.github.io/ngx-masonry-gallery/)
 
-Live example: [https://enngage.github.io/ngx-captcha/](https://enngage.github.io/ngx-captcha/)
+Supported version: `Angular 6+`
 
-## Installation
+This gallery is based on the awesome [https://masonry.desandro.com/methods.html#remove](https://masonry.desandro.com/methods.html#remove) which is very well maintained and fully tested. This implementation handles images load event to ensure nice transition and also allows you to easily add/remove images as you can see from demo.
 
-```javascript
-npm install ngx-captcha
+I have limited time to maintain all my libraries so depending on how much traction this will gain, I will keep adding new features. To show support, please do start this repository.
+
+## Quick start
+
 ```
+npm install ngx-masonry-gallery --save
+```
 
-Import `NgxCaptchaModule ` to your module (i.e. `AppModule`). You can configure global keys with `forRoot` (optionally) or you can use `siteKey` input parameter of captcha components.
-
-```javascript
+```
 import { NgModule } from '@angular/core';
-import { NgxCaptchaModule } from 'ngx-captcha';
+import { MasonryGalleryModule } from 'ngx-masonry-gallery';
+import { AppComponent } from './app.component';
 
 @NgModule({
+  declarations: [
+    AppComponent
+  ],
   imports: [
-    NgxCaptchaModule.forRoot({
-      reCaptcha2SiteKey: 'xxxx', // optional, can be overridden with 'siteKey' component property
-      invisibleCaptchaSiteKey: 'yyy' // optional, can be overridden with 'siteKey' component property
-    }),
-  })
-
+    MasonryGalleryModule
+  ],
+  providers: [],
+  bootstrap: [AppComponent]
+})
 export class AppModule { }
 ```
 
-## Usage
+```
+<ngx-masonry-gallery [width]="250" [images]="images"></ngx-masonry-gallery>
+```
 
-The configuration properties are a copy of the official ones that google provides. For explanation of what these properties do and how to use them, please refer to [https://developers.google.com/recaptcha/docs/display](https://developers.google.com/recaptcha/docs/display) and [https://developers.google.com/recaptcha/docs/invisible](https://developers.google.com/recaptcha/docs/invisible)
+```
+import { IMasonryGalleryImage } from 'ngx-masonry-gallery';
 
-### reCaptcha2
+export class AppComponent {
 
-```html
-<ngx-recaptcha2
-  [size]="size"
-  [hl]="lang"
-  [theme]="theme"
-  [type]="type"
-  (expire)="handleExpire()"
-  (load)="handleLoad()"
-  (success)="handleSuccess($event)">
-</ngx-recaptcha2>
+    private urls: string[] = [
+        'https://www.ogttx.org/wp-content/themes/ogt/media/_frontend/img/bkg.jpg',
+        'http://www.magicalkenya.com/wp-content/uploads/2014/08/homebannerimg4.jpg',
+        'https://media.gadventures.com/media-server/cache/12/59/12591a5497a563245d0255824103842e.jpg',
+        'https://i.pinimg.com/originals/1c/aa/c5/1caac55143e3e11461c6ae5962403deb.jpg',
+        'http://littleguyintheeye.com/wp-content/uploads/2014/08/nature-3.jpg',
+    ];
+
+    public get images(): IMasonryGalleryImage[] {
+        return this.urls.map(m => <IMasonryGalleryImage>{
+            imageUrl: m
+    });
+  }
+}
 ```
 
-### Invisible captcha
-
-```html
-<ngx-invisible-recaptcha
-  [type]="type"
-  [badge]="badge"
-  (load)="handleLoad()"
-  (success)="handleSuccess($event)">
-</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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Mixed license

License

(Experimental) Package contains multiple licenses.

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

Dev dependency count

0

decreased by-100%

Lines of code

4189

increased by318.48%

Number of lines in readme file

64

increased by3.23%

Worsened metrics

Total package byte prevSize

471273

decreased by-17.69%

Dependency count

3

increased by200%

Number of package files

38

decreased by-73.61%

Number of low license alerts

1

increased byInfinity%

Number of low quality alerts

2

increased by100%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Addedtslib@^1.9.0

• + Added@angular/common@6.1.10(transitive)

• + Added@angular/core@6.1.10(transitive)

• + Addedrxjs@6.6.7(transitive)

• + Addedtslib@1.14.1(transitive)

• + Addedzone.js@0.8.29(transitive)

• - Removed@angular/core@18.2.12(transitive)

• - Removedrxjs@7.8.1(transitive)

• - Removedtslib@2.8.1(transitive)

• - Removedzone.js@0.14.10(transitive)