angular-bigscreen - npm Package Compare versions

Comparing version 0.1.0 to 1.0.0

bigscreen.module.js

@@ -1,9 +0,5 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { NgModule } from '@angular/core';
-import { BigScreenService } from './bigscreen.service';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var core_1 = require("@angular/core");
+var bigscreen_service_1 = require("./bigscreen.service");
 var BigScreenModule = (function () {
@@ -14,13 +10,15 @@ function BigScreenModule() {
 }());
-BigScreenModule = __decorate([
-    NgModule({
-        declarations: [
-            BigScreenService
-        ],
-        exports: [
-            BigScreenService
-        ]
-    })
-], BigScreenModule);
-export { 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.service.d.ts

@@ -9,7 +9,7 @@ export declare class BigScreenService {
     toggle(elem: any): void;
-    onchange(callback: any): void;
-    onerror(callback: any): void;
+    onChange(callback: any): void;
+    onError(callback: any): void;
     isFullscreen(): boolean;
-    element(): any;
-    enabled(): boolean;
+    isEnabled(): boolean;
+    getElement(): any;
 }

bigscreen.service.js

@@ -1,11 +0,4 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-import { Injectable } from '@angular/core';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var core_1 = require("@angular/core");
 var BigScreenService = (function () {
@@ -91,3 +84,3 @@ function BigScreenService() {
     BigScreenService.prototype.toggle = function (elem) {
-        if (this.isFullscreen) {
+        if (this.isFullscreen()) {
             this.exit();
@@ -99,6 +92,6 @@ }
     };
-    BigScreenService.prototype.onchange = function (callback) {
+    BigScreenService.prototype.onChange = function (callback) {
         document.addEventListener(this.fn.fullscreenchange, callback, false);
     };
-    BigScreenService.prototype.onerror = function (callback) {
+    BigScreenService.prototype.onError = function (callback) {
         document.addEventListener(this.fn.fullscreenerror, callback, false);
@@ -109,16 +102,17 @@ };
     };
-    BigScreenService.prototype.element = function () {
-        return document[this.fn.fullscreenElement];
-    };
-    BigScreenService.prototype.enabled = function () {
+    BigScreenService.prototype.isEnabled = function () {
         // Coerce to boolean in case of old WebKit
         return Boolean(document[this.fn.fullscreenEnabled]);
     };
+    BigScreenService.prototype.getElement = function () {
+        return document[this.fn.fullscreenElement];
+    };
     return BigScreenService;
 }());
-BigScreenService = __decorate([
-    Injectable(),
-    __metadata("design:paramtypes", [])
-], BigScreenService);
-export { 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"}],"element":[{"__symbolic":"method"}],"enabled":[{"__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"}],"element":[{"__symbolic":"method"}],"enabled":[{"__symbolic":"method"}]}}}}]
+[{"__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"}]}}}}]

index.js

@@ -1,3 +0,7 @@
-export { BigScreenService } from './bigscreen.service';
-export { BigScreenModule } from './bigscreen.module';
+"use strict";
+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;
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "angular-bigscreen",
-  "version": "0.1.0",
+  "version": "1.0.0",
   "description": "An Angular service to quickly use the HTML5 fullscreen API",
@@ -5,0 +5,0 @@ "main": "index.bundle.js",

README.md

@@ -1,1 +0,78 @@
-# angular-bigscreen
+# angular-bigscreen
+[![NPM][npm-image]][npm-url]
+[![Travis][travis-image]](travis-url)
+[![Dependency Status][dependency-status-image]](dependency-status-url)
+
+**AngularBigScreen** is an Angular service to quickly use the HTML5 fullscreen API.
+
+### Install
+
+1. Install `angular-bigscreen` node module through npm:
+
+	```bash
+	$ npm install angular-bigscreen --save
+	```
+
+2. Import `BigScreenService` to your AppModule
+
+  ```js
+  import { BigScreenService } from 'angular-bigscreen';
+  
+  @NgModule({
+    providers: [ BigScreenService ]
+  })
+  export class AppModule {
+    constructor(private bigScreenService: BigScreenService) {
+    }
+  }
+  ```
+
+### Usage
+
+For example:
+
+  ```js
+  // Request fullscreen
+  this.bigScreenService.request(this.elementRed.nativeElement);
+  ```
+
+### API
+
+#### `this.bigScreenService.isFullscreen()`
+
+Returns a `boolean`. True if fullscreen is been used, else false. 
+
+#### `this.bigScreenService.request(el: ElementRef)`
+
+Requests fullscreen in an `ElementRef`.
+
+#### `this.bigScreenService.exit()`
+
+Exits from fullscreen.
+
+#### `this.bigScreenService.onChange(callback: any)`
+
+This is a wrapper for `document.fullscreenchange`.
+
+#### `this.bigScreenService.onError(callback: any)`
+
+This is a wrapper for `document.fullscreenerror`.
+
+#### `this.bigScreenService.element()`
+
+Returns an element. This is a wrapper for `document.fullscreenElement`.
+
+#### `this.bigScreenService.enabled()`
+
+Returns a `boolean`. Checks if fullscreen is enabled.
+
+## License
+
+MIT. Copyright (c) [Alex](https://github.com/alxhotel).
+
+[npm-image]: https://img.shields.io/npm/v/angular-bigscreen.svg
+[npm-url]: https://npmjs.org/package/angular-bigscreen
+[travis-image]: https://img.shields.io/travis/alxhotel/angular-bigscreen/master.svg
+[travis-url]: https://travis-ci.org/alxhotel/angular-bigscreen
+[dependency-status-image]: https://david-dm.org/alxhotel/angular-bigscreen.svg
+[dependency-status-url]: https://david-dm.org/alxhotel/angular-bigscreen

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

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

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Number of low quality alerts

1

decreased by-50%

Number of lines in readme file

79

increased by7800%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

15193

decreased by-10.15%

Number of package files

15

decreased by-16.67%

Lines of code

171

decreased by-23.32%

No dependency changes