ng2-window-view - npm Package Compare versions

Comparing version 0.0.4 to 0.1.0

components.d.ts

@@ -1,1 +0,2 @@
-export * from './components/confirm-dialog';
+export * from './components/confirm-dialog/confirm-dialog.component';
+export * from './components/window-view-components.module';

components.js

@@ -5,3 +5,4 @@ "use strict";
 }
-__export(require('./components/confirm-dialog'));
-//# sourceMappingURL=/components.js.map
+__export(require('./components/confirm-dialog/confirm-dialog.component'));
+__export(require('./components/window-view-components.module'));
+//# sourceMappingURL=components.js.map

components/confirm-dialog/confirm-dialog.component.d.ts

@@ -14,3 +14,3 @@ import { EventEmitter } from '@angular/core';
     private _result$;
-    result$: Observable<boolean>;
+    readonly result$: Observable<boolean>;
     confirm(): void;
@@ -17,0 +17,0 @@ deny(): void;

components/confirm-dialog/confirm-dialog.component.js

 "use strict";
-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);
-};
 var core_1 = require('@angular/core');
@@ -78,34 +69,4 @@ var Subject_1 = require('rxjs/Subject');
             selector: 'confirm-dialog',
-            template: `
-              <window-view-container [heading]="title"
-                                     [size]="size"
-                                     (close)="onClose()">
-
-                <div class="confirm-dialog-content">
-                  {{ content }}
-                  <ng-content></ng-content>
-                </div>
-
-                <div panel-footer class="container row confirm-dialog-button-set">
-                  <button class="btn btn-primary" (click)="confirm()">
-                    {{ confirmString }}
-                  </button>
-
-                  <button class="btn btn-default" (click)="deny()">
-                    {{ denyString }}
-                  </button>
-                </div>
-
-              </window-view-container>
-            `,
-            styles: [`
-              .confirm-dialog-content {
-                margin: 12px;
-              }
-              .confirm-dialog-button-set {
-                margin: 0 auto;
-                text-align: center;
-              }
-            `],
-            directives: [_1.WindowViewContainerComponent]
+            template: "\n  <window-view-container [heading]=\"title\"\n                         [size]=\"size\"\n                         (close)=\"onClose()\">\n\n    <div class=\"confirm-dialog-content\">\n      {{ content }}\n      <ng-content></ng-content>\n    </div>\n\n    <div panel-footer class=\"confirm-dialog-button-set\">\n      <button class=\"btn btn-primary\" (click)=\"confirm()\">\n        {{ confirmString }}\n      </button>\n\n      <button class=\"btn btn-default\" (click)=\"deny()\">\n        {{ denyString }}\n      </button>\n    </div>\n\n  </window-view-container>\n  ",
+            styles: ["\n  .confirm-dialog-content {\n    margin: 12px;\n  }\n  .confirm-dialog-button-set {\n    margin: 0 auto;\n    text-align: center;\n  }\n  "]
         }), 
@@ -117,2 +78,2 @@ __metadata('design:paramtypes', [])
 exports.ConfirmDialogComponent = ConfirmDialogComponent;
-//# sourceMappingURL=/components/confirm-dialog/confirm-dialog.component.js.map
+//# sourceMappingURL=confirm-dialog.component.js.map

index.d.ts

@@ -1,6 +0,7 @@
-export * from './lib/window-view.service';
-export * from './lib/window-view-layer.service';
-export * from './lib/window-view-outlet';
-export * from './lib/window-view-container';
-export * from './lib/window-view-can-close';
-export * from './lib/window-view-has-result';
+export * from './core/window-view.service';
+export * from './core/window-view-layer.service';
+export * from './core/window-view-can-close';
+export * from './core/window-view-has-result';
+export * from './core/window-view-outlet/window-view-outlet.component';
+export * from './core/window-view-container/window-view-container.component';
+export * from './core/window-view.module';

index.js

@@ -5,6 +5,7 @@ "use strict";
 }
-__export(require('./lib/window-view.service'));
-__export(require('./lib/window-view-layer.service'));
-__export(require('./lib/window-view-outlet'));
-__export(require('./lib/window-view-container'));
-//# sourceMappingURL=/index.js.map
+__export(require('./core/window-view.service'));
+__export(require('./core/window-view-layer.service'));
+__export(require('./core/window-view-outlet/window-view-outlet.component'));
+__export(require('./core/window-view-container/window-view-container.component'));
+__export(require('./core/window-view.module'));
+//# sourceMappingURL=index.js.map

package.json

 {
   "name": "ng2-window-view",
-  "version": "0.0.4",
+  "version": "0.1.0",
   "description": "",
-  "main": "index.js",
+  "main": "build/index.js",
   "scripts": {
-    "build": "tsc -p ./src/tsconfig.json && gulp build:inline-template",
-    "example:tsc": "tsc -p ./example/src/tsconfig.json",
-    "example:tsc:watch": "tsc -w -p ./example/src/tsconfig.json",
-    "example:files:watch": "gulp watch:example-files",
-    "build:example": "gulp build:example && npm run example:tsc",
-    "start": "lite-server"
+    "prebuild": "npm run clean",
+    "build": "tsc -p ./tsconfig.build.json",
+    "lint": "tslint \"src/**/*.ts\"",
+    "clean": "rm -rf index.{js,d.ts,js.map} components.{js,d.ts,js.map} core components",
+    "test": "cross-env NODE_ENV=test karma start",
+    "test:watch": "cross-env NODE_ENV=test karma start --auto-watch --no-single-run",
+    "example.env:dev": "cp example/environment/environment.dev.ts example/environment.ts",
+    "example.env:prod": "cp example/environment/environment.prod.ts example/environment.ts",
+    "example.serve:dev": "npm run example.env:dev && webpack-dev-server --hot --inline --colors --display-error-details --display-cached",
+    "example.serve:prod": "npm run example.env:prod && cross-env NODE_ENV=production webpack-dev-server --hot --inline --colors --display-error-details --display-cached",
+    "example.build:dev": "npm run example.env:dev && webpack --progress --color",
+    "example.build:prod": "npm run example.env:prod && cross-env NODE_ENV=production webpack --progress --color --display-error-details --display-cached",
+    "example.clean": "rm -rf example-build",
+    "postpublish:gh-pages": "npm run example.clean",
+    "publish:gh-pages": "npm run example.build:prod && gh-pages -d example-build",
+    "prepublish": "npm run build"
   },
@@ -26,28 +36,31 @@ "author": "yujuiting",
   "peerDependencies": {
-    "@angular/core": "^2.0.0-rc.4",
-    "bootstrap": "^3.3.6",
-    "es6-shim": "^0.35.1",
-    "rxjs": "^5.0.0-beta.10"
+    "@angular/core": "^2.1.0",
+    "bootstrap": "^3.3.7"
   },
   "devDependencies": {
-    "@angular/common": "^2.0.0-rc.4",
-    "@angular/compiler": "^2.0.0-rc.4",
-    "@angular/core": "^2.0.0-rc.4",
-    "@angular/http": "^2.0.0-rc.4",
-    "@angular/platform-browser": "^2.0.0-rc.4",
-    "@angular/platform-browser-dynamic": "^2.0.0-rc.4",
-    "bootstrap": "^3.3.6",
-    "del": "^2.2.1",
-    "es6-shim": "^0.35.1",
-    "gulp": "^3.9.1",
-    "gulp-inline-ng2-template": "^2.1.0",
-    "lite-server": "^2.2.2",
+    "@angular/common": "^2.1.0",
+    "@angular/compiler": "^2.1.0",
+    "@angular/core": "^2.1.0",
+    "@angular/forms": "^2.1.0",
+    "@angular/http": "^2.1.0",
+    "@angular/platform-browser": "^2.1.0",
+    "@angular/platform-browser-dynamic": "^2.1.0",
+    "@types/jasmine": "^2.5.35",
+    "bootstrap": "^3.3.7",
+    "codelyzer": "^1.0.0-beta.2",
+    "core-js": "^2.4.1",
+    "cross-env": "3.1.2",
+    "gh-pages": "^0.11.0",
+    "jasmine-core": "^2.5.2",
+    "karma": "^1.3.0",
+    "ng2-webpack-config": "^0.0.5",
     "prismjs": "^1.5.1",
-    "reflect-metadata": "^0.1.3",
-    "run-sequence": "^1.2.2",
-    "rxjs": "^5.0.0-beta.10",
-    "systemjs": "^0.19.31",
-    "typescript": "^1.8.10",
-    "typings": "^1.3.2",
-    "zone.js": "^0.6.12"
+    "reflect-metadata": "^0.1.8",
+    "rxjs": "^5.0.0-rc.1",
+    "ts-helpers": "^1.1.2",
+    "tslint": "^3.15.1",
+    "typescript": "^2.0.3",
+    "webpack": "^1.13.2",
+    "webpack-dev-server": "^1.16.2",
+    "zone.js": "0.6.25"
   },
@@ -64,4 +77,3 @@ "directories": {
   },
-  "homepage": "https://github.com/yujuiting/ng2-window-view#readme",
-  "typings": "index.d.ts"
+  "homepage": "https://github.com/yujuiting/ng2-window-view#readme"
 }

README.md

 # ng2-window-view
 [Documentation & Example Here!](https://yujuiting.github.io/ng2-window-view/)
 
+## Concept
+
+A few of core class for implement window more convenient,
+and provide collection of common type of modal, dialog components.
+
+### Core Classes
+
+- `WindowViewContainerComponent` - A window component using bootstrap `panel` class.
+                                   Anything wrap by this will present as content of a window.
+                                   Provide some common config.
+
+- `WindowViewOutletComponent` - An outlet component similar to `router-outlet`.
+                                Require `WindowViewService`, any window push from `WindowViewService`
+                                will be placed after outlet component.
+
+- `WindowViewService` - For management of windows. It treat all windows as a stack.
+                        You can push or pop window from it.
+
+- `WindowViewLayerService` - Some case, you need multi-floating window feature,
+                             that is what `WindowViewLayerService` do.
+                             If a `WindowViewContainerComponent` enable `floating` and
+                             disable `showBackground`, it will be push into `WindowViewLayerService`.
+                             All windows in `WindowViewLayerService` can change `z-index` by clicking
+                             component.
+
+### Components
+
+- `ConfirmDialog`
+
+
 ## Usage
@@ -11,5 +41,19 @@ ```
 
-1. Create your window component.
+1. Import module.
 
 ```typescript
+import { NgModule } from '@angular/core';
+import { WindowViewModule } from 'ng2-window-view';
+
+@NgModule({
+  imports: [
+    WindowViewModule
+  ]
+})
+export class AppModule {}
+```
+
+2. Create your window component.
+
+```typescript
 import { Component } from '@angular/core';
@@ -30,3 +74,3 @@ import { WindowViewContainerComponent } from 'ng2-window-view';
 
-2. Push window component.
+3. Push window component.
 
@@ -44,3 +88,2 @@ ```typescript
   `,
-  directives: [WindowViewOutletComponent],
   providers: [WindowViewService]
@@ -47,0 +90,0 @@ })

typings.json

@@ -5,3 +5,10 @@ {
     "prism": "registry:dt/prism#1.4.4+20160321233308"
+  },
+  "globalDevDependencies": {
+    "jasmine": "registry:dt/jasmine#2.2.0+20160621224255",
+    "require": "registry:dt/require#2.1.20+20160316155526",
+    "source-map": "registry:dt/source-map#0.0.0+20160317120654",
+    "uglify-js": "registry:dt/uglify-js#2.6.1+20160316155526",
+    "webpack": "registry:dt/webpack#1.12.9+20160724112410"
   }
 }

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

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

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

319616

increased by432.06%

Dependency count

2

decreased by-50%

Number of package files

104

increased by160%

Lines of code

2395

increased by204.71%

Number of lines in readme file

95

increased by82.69%

Worsened metrics

Dev dependency count

25

increased by25%

Number of low supply chain risk alerts

2

increased byInfinity%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes