ngx-hello-npm - npm Package Compare versions

Comparing version 1.0.1 to 2.0.0

lib/hello.component.d.ts

@@ -1,3 +0,6 @@
-export declare class HelloComponent {
-    readonly greeting: string;
+import { OnInit } from '@angular/core';
+export declare class HelloComponent implements OnInit {
+    title: string;
+    constructor();
+    ngOnInit(): void;
 }

lib/hello.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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 var core_1 = require("@angular/core");
-var hello_tpl_1 = require("./hello.tpl");
+var hello_component_html_1 = require("./hello.component.html");
+var hello_component_css_1 = require("./hello.component.css");
 var HelloComponent = (function () {
     function HelloComponent() {
-        this.greeting = "Hello, NPM";
     }
-    HelloComponent = __decorate([
-        core_1.Component({
-            selector: 'hello',
-            template: hello_tpl_1.tpl,
-        })
-    ], HelloComponent);
+    HelloComponent.prototype.ngOnInit = function () {
+        this.title = "Hello, NPM!";
+    };
     return HelloComponent;
 }());
+HelloComponent.decorators = [
+    { type: core_1.Component, args: [{
+                selector: 'hello',
+                template: hello_component_html_1.html,
+                styles: [hello_component_css_1.css]
+            },] },
+];
+HelloComponent.ctorParameters = function () { return []; };
 exports.HelloComponent = HelloComponent;
 //# sourceMappingURL=hello.component.js.map

lib/hello.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"HelloComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"hello","template":{"__symbolic":"reference","module":"./hello.tpl","name":"tpl"}}]}]}}},{"__symbolic":"module","version":1,"metadata":{"HelloComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"hello","template":{"__symbolic":"reference","module":"./hello.tpl","name":"tpl"}}]}]}}}]
+[{"__symbolic":"module","version":3,"metadata":{"HelloComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"hello","template":{"__symbolic":"reference","module":"./hello.component.html","name":"html"},"styles":[{"__symbolic":"reference","module":"./hello.component.css","name":"css"}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"HelloComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"hello","template":{"__symbolic":"reference","module":"./hello.component.html","name":"html"},"styles":[{"__symbolic":"reference","module":"./hello.component.css","name":"css"}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]

lib/hello.module.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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 var core_1 = require("@angular/core");
+var common_1 = require("@angular/common");
 var hello_component_1 = require("./hello.component");
@@ -14,12 +9,19 @@ var HelloModule = (function () {
     }
-    HelloModule = __decorate([
-        core_1.NgModule({
-            imports: [],
-            declarations: [hello_component_1.HelloComponent],
-            exports: [hello_component_1.HelloComponent],
-        })
-    ], HelloModule);
     return HelloModule;
 }());
+HelloModule.decorators = [
+    { type: core_1.NgModule, args: [{
+                imports: [
+                    common_1.CommonModule
+                ],
+                declarations: [
+                    hello_component_1.HelloComponent
+                ],
+                exports: [
+                    hello_component_1.HelloComponent
+                ]
+            },] },
+];
+HelloModule.ctorParameters = function () { return []; };
 exports.HelloModule = HelloModule;
 //# sourceMappingURL=hello.module.js.map

lib/hello.module.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"HelloModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[],"declarations":[{"__symbolic":"reference","module":"./hello.component","name":"HelloComponent"}],"exports":[{"__symbolic":"reference","module":"./hello.component","name":"HelloComponent"}]}]}]}}},{"__symbolic":"module","version":1,"metadata":{"HelloModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[],"declarations":[{"__symbolic":"reference","module":"./hello.component","name":"HelloComponent"}],"exports":[{"__symbolic":"reference","module":"./hello.component","name":"HelloComponent"}]}]}]}}}]
+[{"__symbolic":"module","version":3,"metadata":{"HelloModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"declarations":[{"__symbolic":"reference","module":"./hello.component","name":"HelloComponent"}],"exports":[{"__symbolic":"reference","module":"./hello.component","name":"HelloComponent"}]}]}]}}},{"__symbolic":"module","version":1,"metadata":{"HelloModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"declarations":[{"__symbolic":"reference","module":"./hello.component","name":"HelloComponent"}],"exports":[{"__symbolic":"reference","module":"./hello.component","name":"HelloComponent"}]}]}]}}}]

package.json

 {
   "name": "ngx-hello-npm",
-  "version": "1.0.1",
+  "version": "2.0.0",
   "description": "Starter for creating Angular NPM packages.",
-  "scripts": {
-    "start": "npm run build && concurrently \"tsc -w\" \"tsc -p src -w\" \"lite-server\" ",
-    "e2e": "npm run build && concurrently \"http-server -s\" \"protractor protractor.config.js\" --kill-others --success first",
-    "lint": "tslint ./app/**/*.ts -t verbose",
-    "lite": "lite-server",
-    "pree2e": "webdriver-manager update",
-    "test": "npm run build && concurrently \"tsc -w\" \"tsc -p src -w\" \"karma start karma.conf.js\"",
-    "test-once": "npm run build && karma start karma.conf.js --single-run",
-    "tsc": "tsc",
-    "tsc:w": "tsc -w",
-    "build": "npm run clean && tsc -p src && tsc",
-    "prepublish": "npm run ngc-build",
-    "ngc-build": "rm -rf lib && rm -rf \"src/node_modules\" && \"node_modules/.bin/ngc\" -p tsconfig-aot.json",
-    "clean": "rm -rf lib app/*.js app/**/*.js app/*.map app/**/*.map src/*.js src/**/*.js src/*.map src/**/*.map src/*.ngsummary.json src/**/*.ngsummary.json src/*.ngfactory.ts src/**/*.ngfactory.ts"
-  },
+  "license": "MIT",
   "main": "./index.js",
@@ -27,3 +13,2 @@ "types": "./index.d.ts",
   "author": "John Fedoruk",
-  "license": "MIT",
   "bugs": {
@@ -33,41 +18,46 @@ "url": "https://github.com/johnfedoruk/ngx-hello-npm/issues"
   "homepage": "https://github.com/johnfedoruk/ngx-hello-npm#readme",
-  "dependencies": {},
+  "private": false,
+  "scripts": {
+    "ng": "ng",
+    "start": "ng serve",
+    "test": "ng test",
+    "test-once": "karma start karma.conf.js --single-run",
+    "lint": "ng lint",
+    "e2e": "ng e2e",
+    "prepublish": "npm run clean && npm run ngc-build",
+    "ngc-build": "\"node_modules/.bin/ngc\" -p tsconfig-aot.json",
+    "clean": "PACKAGE_SRC=\"src/app/hello\" && rm -rf lib \"$PACKAGE_SRC\"/*.js \"$PACKAGE_SRC\"/**/*.js \"$PACKAGE_SRC\"/*.map \"$PACKAGE_SRC\"/**/*.map \"$PACKAGE_SRC\"/*.ngsummary.json \"$PACKAGE_SRC\"/**/*.ngsummary.json \"$PACKAGE_SRC\"/*.ngfactory.ts \"$PACKAGE_SRC\"/**/*.ngfactory.ts"
+  },
+  "dependencies": {
+    "@angular/common": "^4.0.0",
+    "@angular/compiler": "^4.0.0",
+    "@angular/core": "^4.0.0",
+    "@angular/forms": "^4.0.0",
+    "@angular/http": "^4.0.0",
+    "@angular/platform-browser": "^4.0.0",
+    "@angular/platform-browser-dynamic": "^4.0.0",
+    "@angular/router": "^4.0.0",
+    "core-js": "^2.4.1",
+    "rxjs": "^5.1.0",
+    "zone.js": "^0.8.4"
+  },
   "devDependencies": {
-    "@angular/common": "~2.4.0",
-    "@angular/compiler": "~2.4.0",
-    "@angular/compiler-cli": "^2.4.10",
-    "@angular/core": "~2.4.0",
-    "@angular/forms": "~2.4.0",
-    "@angular/http": "~2.4.0",
-    "@angular/platform-browser": "~2.4.0",
-    "@angular/platform-browser-dynamic": "~2.4.0",
-    "@angular/platform-server": "^2.4.10",
-    "@angular/router": "~3.4.0",
-    "@types/es6-shim": "^0.31.32",
-    "@types/jasmine": "^2.5.46",
-    "@types/node": "^6.0.65",
-    "@types/selenium-webdriver": "^2.53.42",
-    "angular-in-memory-web-api": "~0.2.4",
-    "canonical-path": "0.0.2",
-    "concurrently": "^3.2.0",
-    "core-js": "^2.4.1",
-    "http-server": "^0.9.0",
+    "@angular/cli": "1.0.2",
+    "@angular/compiler-cli": "^4.0.0",
+    "@types/jasmine": "2.5.38",
+    "@types/node": "~6.0.60",
+    "codelyzer": "~2.0.0",
     "jasmine-core": "~2.5.2",
-    "karma": "^1.3.0",
-    "karma-cli": "^1.0.1",
-    "karma-firefox-launcher": "^1.0.0",
-    "karma-jasmine": "^1.0.2",
+    "jasmine-spec-reporter": "~3.2.0",
+    "karma": "~1.4.1",
+    "karma-chrome-launcher": "~2.0.0",
+    "karma-cli": "~1.0.1",
+    "karma-jasmine": "~1.1.0",
     "karma-jasmine-html-reporter": "^0.2.2",
-    "lite-server": "^2.2.2",
-    "lodash": "^4.16.4",
-    "protractor": "~4.0.14",
-    "reflect-metadata": "^0.1.8",
-    "rimraf": "^2.5.4",
-    "rxjs": "5.4.2",
-    "systemjs": "0.19.40",
-    "tslint": "^4.0.2",
-    "typescript": "^2.0.10",
-    "webdriver-manager": "10.2.10",
-    "zone.js": "^0.7.4"
+    "karma-coverage-istanbul-reporter": "^0.2.0",
+    "protractor": "~5.1.0",
+    "ts-node": "~2.0.0",
+    "tslint": "~4.5.0",
+    "typescript": "~2.2.0"
   }
 }

README.md

 # ngx-hello-npm
 
+[![Build Status](https://travis-ci.org/johnfedoruk/ngx-hello-npm.svg?branch=master)](https://travis-ci.org/johnfedoruk/ngx-hello-npm)
+[![npm version](https://badge.fury.io/js/ngx-hello-npm.svg)](https://badge.fury.io/js/ngx-hello-npm)
+
 Starter for creating Angular NPM packages.
@@ -45,14 +48,22 @@
 
-## Run the example application locally
+## Developers
+
+The `index.js` file exports the HelloModule from the `./src/app/hello` directory. TypeScript definition files are in the `index.d.ts` file. If changing the directory of the exported module, or adding exported modules, please update these two index files and make the necessary changes to `tsconfig-aot.json`'s "include" array. You may also want to update the npm clean script.
+
+### Run the example application locally
 - `git clone https://github.com/johnfedoruk/ngx-hello-npm`
 - `cd ngx-hello-npm`
 - `npm install`
-- `npm start` # Browser should open automatically on http://localhost:3000
+- `ng serve` # Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
 
-## Run the tests locally
+### Run the tests locally
 - Same as above, except for the last step do:
-- `npm run test-once`  # Defaults to a Firefox browser
+- `npm run test-once` # Executes the unit tests via [Karma](https://karma-runner.github.io).
 
+### Running end-to-end tests
+- Same as above, except for the last step do:
+- `ng e2e` # Executes the end-to-end tests via [Protractor](http://www.protractortest.org/).
+
 ### License
 
 [MIT](https://tldrlegal.com/license/mit-license)

tsconfig-aot.json

 {
-  "compilerOptions": {
-    "target": "es5",
-    "module": "commonjs",
-    "moduleResolution": "node",
-    "sourceMap": true,
-    "emitDecoratorMetadata": true,
-    "experimentalDecorators": true,
-    "removeComments": true,
-    "noImplicitAny": true,
-    "suppressImplicitAnyIndexErrors": true,
-    "declaration": true,
-    "outDir": "lib"
-  },
-  "include": [
-    "src/**/*"
-  ]
-}
+	"compilerOptions": {
+	  "target": "es5",
+	  "module": "commonjs",
+	  "moduleResolution": "node",
+	  "sourceMap": true,
+	  "emitDecoratorMetadata": true,
+	  "experimentalDecorators": true,
+	  "removeComments": true,
+	  "noImplicitAny": true,
+	  "suppressImplicitAnyIndexErrors": true,
+	  "declaration": true,
+	  "outDir": "lib",
+	  "lib": [
+		"es2016",
+		"dom"
+	  ]
+	},
+	"include": [
+	  "src/app/hello/**/*"
+	]
+  }
+  

New alerts

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

Fixed alerts

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

Improved metrics

Dev dependency count

17

decreased by-52.78%

Number of package files

32

increased by18.52%

Lines of code

350

increased by38.34%

Number of lines in readme file

69

increased by18.97%

Worsened metrics

Total package byte prevSize

18436

decreased by-37.19%

Dependency count

11

increased byInfinity%

Dependency changes

• + Added@angular/common@^4.0.0

• + Added@angular/compiler@^4.0.0

• + Added@angular/core@^4.0.0

• + Added@angular/forms@^4.0.0

• + Added@angular/http@^4.0.0

• + Added@angular/platform-browser@^4.0.0

• + Added@angular/platform-browser-dynamic@^4.0.0

• + Added@angular/router@^4.0.0

• + Addedcore-js@^2.4.1

• + Addedrxjs@^5.1.0

• + Addedzone.js@^0.8.4

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

• + Added@angular/compiler@4.4.7(transitive)

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

• + Added@angular/forms@4.4.7(transitive)

• + Added@angular/http@4.4.7(transitive)

• + Added@angular/platform-browser@4.4.7(transitive)

• + Added@angular/platform-browser-dynamic@4.4.7(transitive)

• + Added@angular/router@4.4.7(transitive)

• + Addedcore-js@2.6.12(transitive)

• + Addedrxjs@5.5.12(transitive)

• + Addedsymbol-observable@1.0.1(transitive)

• + Addedtslib@1.14.1(transitive)

• + Addedzone.js@0.8.29(transitive)