angular-bigscreen - npm Package Compare versions

Comparing version 1.0.0 to 2.0.0

bigscreen.module.d.ts

@@ -0,2 +1,5 @@
+import { ModuleWithProviders } from '@angular/core';
 export declare class BigScreenModule {
+    static forRoot(): ModuleWithProviders;
+    static forChild(): ModuleWithProviders;
 }

bigscreen.module.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var core_1 = require("@angular/core");
+var document_ref_1 = require("./document-ref");
 var bigscreen_service_1 = require("./bigscreen.service");
@@ -8,17 +9,24 @@ var BigScreenModule = (function () {
     }
+    BigScreenModule.forRoot = function () {
+        return {
+            ngModule: BigScreenModule,
+            providers: [
+                bigscreen_service_1.BigScreenService,
+                document_ref_1.DocumentRef
+            ],
+        };
+    };
+    BigScreenModule.forChild = function () {
+        return {
+            ngModule: BigScreenModule,
+        };
+    };
+    BigScreenModule.decorators = [
+        { type: core_1.NgModule, args: [{},] },
+    ];
+    /** @nocollapse */
+    BigScreenModule.ctorParameters = function () { return []; };
     return BigScreenModule;
 }());
-BigScreenModule.decorators = [
-    { type: core_1.NgModule, args: [{
-                declarations: [
-                    bigscreen_service_1.BigScreenService
-                ],
-                exports: [
-                    bigscreen_service_1.BigScreenService
-                ]
-            },] },
-];
-/** @nocollapse */
-BigScreenModule.ctorParameters = function () { return []; };
 exports.BigScreenModule = BigScreenModule;
 //# sourceMappingURL=bigscreen.module.js.map

bigscreen.module.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"BigScreenModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","module":"./bigscreen.service","name":"BigScreenService"}],"exports":[{"__symbolic":"reference","module":"./bigscreen.service","name":"BigScreenService"}]}]}]}}},{"__symbolic":"module","version":1,"metadata":{"BigScreenModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","module":"./bigscreen.service","name":"BigScreenService"}],"exports":[{"__symbolic":"reference","module":"./bigscreen.service","name":"BigScreenService"}]}]}]}}}]
+[{"__symbolic":"module","version":4,"metadata":{"BigScreenModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"BigScreenModule"},"providers":[{"__symbolic":"reference","module":"./bigscreen.service","name":"BigScreenService","line":14,"character":4},{"__symbolic":"reference","module":"./document-ref","name":"DocumentRef","line":15,"character":4}]}},"forChild":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"BigScreenModule"}}}}}}}]

bigscreen.service.d.ts

@@ -0,6 +1,8 @@
+import { DocumentRef } from './document-ref';
 export declare class BigScreenService {
+    private _documentRef;
     private fnMap;
     private fn;
     private keyboardAllowed;
-    constructor();
+    constructor(_documentRef: DocumentRef);
     request(elem: any): void;
@@ -7,0 +9,0 @@ exit(): void;

bigscreen.service.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var core_1 = require("@angular/core");
+var document_ref_1 = require("./document-ref");
 var BigScreenService = (function () {
-    function BigScreenService() {
+    function BigScreenService(_documentRef) {
+        this._documentRef = _documentRef;
         this.fnMap = [
@@ -16,3 +18,3 @@ // Object keys
             ],
-            // new WebKit
+            // New WebKit
             [
@@ -26,3 +28,3 @@ 'webkitRequestFullscreen',
             ],
-            // old WebKit (Safari 5.1)
+            // Old WebKit (Safari 5.1)
             [
@@ -60,4 +62,5 @@ 'webkitRequestFullScreen',
             val = this.fnMap[i];
-            if (val && val[1] in document) {
+            if (val && val[1] in this._documentRef.nativeDocument) {
                 for (i = 0; i < val.length; i++) {
+                    // Map everything to the first list of keys
                     ret[this.fnMap[0][i].toString()] = val[i];
@@ -71,3 +74,3 @@ }
         var request = this.fn.requestFullscreen;
-        elem = elem || document.documentElement;
+        elem = elem || this._documentRef.nativeDocument.documentElement;
         // Work around Safari 5.1 bug: reports support for
@@ -85,3 +88,3 @@ // keyboard in fullscreen even though it doesn't.
     BigScreenService.prototype.exit = function () {
-        document[this.fn.exitFullscreen]();
+        this._documentRef.nativeDocument[this.fn.exitFullscreen]();
     };
@@ -97,25 +100,27 @@ BigScreenService.prototype.toggle = function (elem) {
     BigScreenService.prototype.onChange = function (callback) {
-        document.addEventListener(this.fn.fullscreenchange, callback, false);
+        this._documentRef.nativeDocument.addEventListener(this.fn.fullscreenchange, callback, false);
     };
     BigScreenService.prototype.onError = function (callback) {
-        document.addEventListener(this.fn.fullscreenerror, callback, false);
+        this._documentRef.nativeDocument.addEventListener(this.fn.fullscreenerror, callback, false);
     };
     BigScreenService.prototype.isFullscreen = function () {
-        return Boolean(document[this.fn.fullscreenElement]);
+        return Boolean(this._documentRef.nativeDocument[this.fn.fullscreenElement]);
     };
     BigScreenService.prototype.isEnabled = function () {
         // Coerce to boolean in case of old WebKit
-        return Boolean(document[this.fn.fullscreenEnabled]);
+        return Boolean(this._documentRef.nativeDocument[this.fn.fullscreenEnabled]);
     };
     BigScreenService.prototype.getElement = function () {
-        return document[this.fn.fullscreenElement];
+        return this._documentRef.nativeDocument[this.fn.fullscreenElement];
     };
+    BigScreenService.decorators = [
+        { type: core_1.Injectable },
+    ];
+    /** @nocollapse */
+    BigScreenService.ctorParameters = function () { return [
+        { type: document_ref_1.DocumentRef, },
+    ]; };
     return BigScreenService;
 }());
-BigScreenService.decorators = [
-    { type: core_1.Injectable },
-];
-/** @nocollapse */
-BigScreenService.ctorParameters = function () { return []; };
 exports.BigScreenService = BigScreenService;
 //# sourceMappingURL=bigscreen.service.js.map

bigscreen.service.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"BigScreenService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"request":[{"__symbolic":"method"}],"exit":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"onError":[{"__symbolic":"method"}],"isFullscreen":[{"__symbolic":"method"}],"isEnabled":[{"__symbolic":"method"}],"getElement":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"BigScreenService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"request":[{"__symbolic":"method"}],"exit":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"onError":[{"__symbolic":"method"}],"isFullscreen":[{"__symbolic":"method"}],"isEnabled":[{"__symbolic":"method"}],"getElement":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"BigScreenService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":20,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./document-ref","name":"DocumentRef","line":76,"character":35}]}],"request":[{"__symbolic":"method"}],"exit":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"onError":[{"__symbolic":"method"}],"isFullscreen":[{"__symbolic":"method"}],"isEnabled":[{"__symbolic":"method"}],"getElement":[{"__symbolic":"method"}]}}}}]

index.bundle.js

@@ -7,8 +7,9 @@ (function (global, factory) {
 
+function __export(m) {
+    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+}
 Object.defineProperty(exports, "__esModule", { value: true });
-var bigscreen_service_1 = require("./bigscreen.service");
-exports.BigScreenService = bigscreen_service_1.BigScreenService;
-var bigscreen_module_1 = require("./bigscreen.module");
-exports.BigScreenModule = bigscreen_module_1.BigScreenModule;
+__export(require("./bigscreen.module"));
+__export(require("./bigscreen.service"));
 
 })));

index.d.ts

@@ -1,2 +0,2 @@
-export { BigScreenService } from './bigscreen.service';
-export { BigScreenModule } from './bigscreen.module';
+export * from './bigscreen.module';
+export * from './bigscreen.service';

index.js

 "use strict";
+function __export(m) {
+    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+}
 Object.defineProperty(exports, "__esModule", { value: true });
-var bigscreen_service_1 = require("./bigscreen.service");
-exports.BigScreenService = bigscreen_service_1.BigScreenService;
-var bigscreen_module_1 = require("./bigscreen.module");
-exports.BigScreenModule = bigscreen_module_1.BigScreenModule;
+__export(require("./bigscreen.module"));
+__export(require("./bigscreen.service"));
 //# sourceMappingURL=index.js.map

index.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{},"exports":[{"from":"./bigscreen.service","export":["BigScreenService"]},{"from":"./bigscreen.module","export":["BigScreenModule"]}]},{"__symbolic":"module","version":1,"metadata":{},"exports":[{"from":"./bigscreen.service","export":["BigScreenService"]},{"from":"./bigscreen.module","export":["BigScreenModule"]}]}]
+[{"__symbolic":"module","version":4,"metadata":{},"exports":[{"from":"./bigscreen.module"},{"from":"./bigscreen.service"}]}]

package.json

 {
   "name": "angular-bigscreen",
-  "version": "1.0.0",
+  "version": "2.0.0",
   "description": "An Angular service to quickly use the HTML5 fullscreen API",
@@ -11,19 +11,19 @@ "main": "index.bundle.js",
   "scripts": {
-	"clean": "rimraf dist",
-	"lint": "tslint -c tslint.json src/**/*.ts",
-	"build": "npm run clean && tsc -p tsconfig.json && rollup -c rollup.config.js dist/index.js > dist/index.bundle.js && ngc -p tsconfig.json && cp package.json dist && cp README.md dist",
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "clean": "rimraf dist",
+    "lint": "tslint -c tslint.json src/**/*.ts",
+    "build": "npm run clean && tsc -p tsconfig.json && rollup -c rollup.config.js dist/index.js > dist/index.bundle.js && ngc -p tsconfig.json && cp package.json dist && cp README.md dist",
+    "test": "npm run lint"
   },
   "dependencies": {
-    "@angular/core": "^4.0.2",
-	"rxjs": "^5.0.1",
-	"zone.js": "^0.8.4"
+    "@angular/core": "^5.2.5",
+    "rxjs": "^5.3.0",
+    "zone.js": "^0.8.5"
   },
   "devDependencies": {
-	"@angular/compiler": "^4.0.2",
-    "@angular/compiler-cli": "^4.0.2",
-	"codelyzer": "~2.0.1",
-	"rimraf": "^2.6.1",
-	"tslint": "^4.4.2",
-	"typescript": "~2.2.1"
+    "@angular/compiler": "^5.2.5",
+    "@angular/compiler-cli": "^5.2.5",
+    "codelyzer": "~4.1.0",
+    "rimraf": "^2.6.1",
+    "tslint": "^5.9.1",
+    "typescript": "~2.4.2"
   },
@@ -44,8 +44,3 @@ "repository": {
   },
-  "homepage": "https://github.com/alxhotel/angular-bigscreen#readme",
-  "dependencies": {
-    "@angular/core": "^4.0.2",
-    "rxjs": "^5.3.0",
-    "zone.js": "^0.8.5"
-  }
+  "homepage": "https://github.com/alxhotel/angular-bigscreen#readme"
 }

README.md

 # angular-bigscreen
+
 [![NPM][npm-image]][npm-url]
-[![Travis][travis-image]](travis-url)
-[![Dependency Status][dependency-status-image]](dependency-status-url)
+[![Travis][travis-image]][travis-url]
+[![Dependency Status][dependency-status-image]][dependency-status-url]
 
@@ -16,16 +17,31 @@ **AngularBigScreen** is an Angular service to quickly use the HTML5 fullscreen API.
 
-2. Import `BigScreenService` to your AppModule
+2. Import `BigScreenModule` to your AppModule
 
-  ```js
-  import { BigScreenService } from 'angular-bigscreen';
-  
-  @NgModule({
-    providers: [ BigScreenService ]
-  })
-  export class AppModule {
-    constructor(private bigScreenService: BigScreenService) {
-    }
-  }
-  ```
+	```js
+	import { BigScreenModule } from 'angular-bigscreen';
+	
+	@NgModule({
+		imports: [
+			BigScreenModule.forRoot()
+		]
+	})
+	export class AppModule {
+		
+	}
+	```
 
+3. Import `BigScreenService` and use it in a component
+
+	```js
+	import { BigScreenService } from 'angular-bigscreen';
+	
+	@Component({
+		selector: 'app-root',
+	})
+	export class AppComponent {
+	  constructor(private bigScreenService: BigScreenService) {
+	  }
+	}
+	```
+
 ### Usage
@@ -37,3 +53,3 @@
   // Request fullscreen
-  this.bigScreenService.request(this.elementRed.nativeElement);
+  this.bigScreenService.request(this.elementRef.nativeElement);
   ```
@@ -45,7 +61,11 @@
 
-Returns a `boolean`. True if fullscreen is been used, else false. 
+Returns a `boolean`. True if fullscreen is being used, else false. 
 
+#### `this.bigScreenService.isEnabled()`
+
+Returns a `boolean`. Checks if fullscreen is enabled.
+
 #### `this.bigScreenService.request(el: ElementRef)`
 
-Requests fullscreen in an `ElementRef`.
+Requests fullscreen on an `ElementRef`.
 
@@ -64,10 +84,6 @@ #### `this.bigScreenService.exit()`
 
-#### `this.bigScreenService.element()`
+#### `this.bigScreenService.getElement()`
 
 Returns an element. This is a wrapper for `document.fullscreenElement`.
 
-#### `this.bigScreenService.enabled()`
-
-Returns a `boolean`. Checks if fullscreen is enabled.
-
 ## License
@@ -74,0 +90,0 @@

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

No tests

Quality

Package does not have any tests. This is a strong signal of a poorly maintained or low quality package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

16180

increased by6.5%

Number of package files

19

increased by26.67%

Lines of code

221

increased by29.24%

Number of low quality alerts

0

decreased by-100%

Number of lines in readme file

95

increased by20.25%

Dependency changes

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

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

• Updated@angular/core@^5.2.5