chore(build): use ng-packagr (#37)

Switches the build system for all of the libraries to use ng-packagr. This brings the library in line with the official Angular Package Format. Also adjusts the package peer dependencies to more acurately reflect the reality of each library

BREAKING CHANGE:
- changes the output to conform to the Angular Package Format. This may cause subtle differences in consumption behaviour
- peer dependencies have been corrected to actual dependencies
closes #9

Author: smithad15

.gitignore

@@ -4,3 +4,4 @@ coverage
 lerna-debug.log
 yarn-debug.log
 yarn-error.log
+.vscode

jest.config.js

@@ -22,12 +22,12 @@ module.exports = {
     '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
       '<rootDir>/jest/file.mock.ts',
   },
+  modulePathIgnorePatterns: ['dist'],
   reporters: ['default', 'jest-junit'],
   collectCoverageFrom: [
     '**/packages/**/*.{ts,js}',
     '!**/node_modules/**',
     '!**/dist/**',
-    '!**/lib/**',
   ],
   coverageReporters: ['lcov', 'text-summary'],
 };

package.json

@@ -4,13 +4,17 @@
     "packages/*"
   ],
   "scripts": {
-    "build": "lerna run build",
+    "build": "npm-run-all build:*",
+    "build:store": "ng-packagr -p packages/store",
+    "build:form": "ng-packagr -p packages/form",
+    "build:router": "ng-packagr -p packages/router",
     "clean": "npm-run-all -p clean:*",
     "clean:workspace-deps": "rimraf node_modules",
     "clean:package-deps": "rimraf packages/*/node_modules",
     "clean:coverage": "rimraf coverage",
-    "lint": "tslint -p tsconfig.json",
-    "lint:packages": "lerna run lint",
+    "clean:package-dist": "rimraf packages/*/dist",
+    "lint": "npm-run-all -p lint:*",
+    "lint:packages": "tslint -p tsconfig.json",
     "lint:prettier": "prettier -l \"**/*.*(ts|js|css|scss|json|md)\"",
     "test": "jest --coverage",
     "test:ci": "jest --coverage --ci --maxWorkers=2",
@@ -39,6 +43,7 @@
     "jest-zone-patch": "0.0.8",
     "lerna": "2.11.0",
     "lint-staged": "7.2.0",
+    "ng-packagr": "3.0.6",
     "npm-run-all": "4.1.3",
     "prettier": "1.13.7",
     "rimraf": "2.6.2",

packages/form/.babelrc

@@ -0,0 +1,8 @@
+{
+  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+  "lib": {
+    "entryFile": "src/index.ts",
+    "languageLevel": ["esnext", "dom", "dom.iterable"]
+  },
+  "whitelistedNonPeerDependencies": ["tslib", "immutable"]
+}

packages/form/.gitignore

@@ -2,30 +2,30 @@
   "name": "@angular-redux/form",
   "version": "9.0.1",
   "description": "Build Angular 2+ forms with Redux",
-  "main": "dist/source/index.js",
-  "typings": "dist/source/index.d.ts",
-  "repository": "https://github.com/angular-redux/form",
+  "author": "Chris Bond",
   "license": "MIT",
-  "publishConfig": {
-    "access": "public"
+  "homepage": "https://github.com/angular-redux/platform",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/angular-redux/platform.git"
   },
-  "engines": {
-    "node": ">=6.0"
+  "bugs": {
+    "url": "https://github.com/angular-redux/platform/issues"
   },
-  "scripts": {
-    "prebuild": "npm run clean",
-    "build": "ngc",
-    "clean": "rimraf dist",
-    "cover": "istanbul report --include=**/chrome/coverage-final.json text text-summary",
-    "prepublish": "npm run build"
+  "keywords": [
+    "angular",
+    "redux",
+    "form",
+    "forms"
+  ],
+  "publishConfig": {
+    "access": "public"
   },
   "peerDependencies": {
     "@angular-redux/store": "^9.0.0",
-    "@angular/common": "^6.0.0",
-    "@angular/compiler": "^6.0.0",
     "@angular/core": "^6.0.0",
     "@angular/forms": "^6.0.0",
-    "redux": "^4.0.0"
+    "rxjs": "^6.0.0"
   },
   "dependencies": {
     "immutable": "3.8.2"
@@ -39,19 +39,19 @@
     "@angular/forms": "6.0.7",
     "@angular/platform-browser": "6.0.7",
     "@angular/platform-browser-dynamic": "6.0.7",
-    "@ngtools/webpack": "6.0.7",
-    "@types/node": "6.0.114",
-    "babel-core": "6.26.3",
-    "babel-loader": "6.4.1",
-    "babel-preset-es2015": "6.24.1",
-    "cross-env": "2.0.1",
     "redux": "4.0.0",
     "redux-logger": "2.10.2",
-    "reflect-metadata": "0.1.12",
-    "rimraf": "2.6.2",
     "rxjs": "6.2.1",
     "typescript": "2.7.2",
-    "webpack": "2.7.0",
     "zone.js": "0.8.26"
-  }
+  },
+  "main": "dist/bundles/angular-redux-form.umd.js",
+  "module": "dist/fesm5/angular-redux-form.js",
+  "es2015": "dist/fesm2015/angular-redux-form.js",
+  "esm5": "dist/esm5/angular-redux-form.js",
+  "esm2015": "dist/esm2015/angular-redux-form.js",
+  "fesm5": "dist/fesm5/angular-redux-form.js",
+  "fesm2015": "dist/fesm2015/angular-redux-form.js",
+  "typings": "dist/angular-redux-form.d.ts",
+  "metadata": "dist/angular-redux-form.metadata.json"
 }

packages/form/.npmignore

@@ -44,7 +44,8 @@ import { ConnectArrayTemplate } from './connect-array-template';
     },
   ],
 })
-export class ConnectArrayDirective extends ControlContainer implements OnInit, OnDestroy {
+export class ConnectArrayDirective extends ControlContainer
+  implements OnInit, OnDestroy {
   private stateSubscription: Unsubscribe;
 
   private array = new FormArray([]);

packages/form/ng-package.json

@@ -115,7 +115,8 @@
 // export class UpdateTextComponent {}
 
 describe('connect directive', () => {
-  it('should have a fake test for now until we can fix them...', () => undefined);
+  it('should have a fake test for now until we can fix them...', () =>
+    undefined);
   //   let store: Store<AppState>;
 
   //   beforeEach(done => {

packages/form/package.json

@@ -21,7 +21,11 @@ export type TraverseCallback = (
 ) => any;
 
 export abstract class State {
-  static traverse<StateType>(state: StateType, path: string[], fn?: TraverseCallback) {
+  static traverse<StateType>(
+    state: StateType,
+    path: string[],
+    fn?: TraverseCallback,
+  ) {
     let deepValue = state;
 
     for (const k of path) {
@@ -280,15 +284,15 @@ export abstract class State {
               if (key != null) {
                 return { ...parent, [key]: value };
               }
-              return { ...parent, ...value as any };
+              return { ...parent, ...(value as any) };
             },
             (parent: any, _: any, value: K) => {
               for (const k of Object.keys(value)) {
                 parent[k] = (value as any)[k];
               }
               return parent;
             },
-            () => ({ ...object as any }),
+            () => ({ ...(object as any) }),
           );
         default:
           break;

packages/form/source/compose-reducers.spec.ts packages/form/src/compose-reducers.spec.ts

@@ -0,0 +1,7 @@
+{
+  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+  "lib": {
+    "entryFile": "src/index.ts",
+    "languageLevel": ["esnext", "dom", "dom.iterable"]
+  }
+}