build(npm): add precommit hooks (#595)

.editorconfig

@@ -0,0 +1,18 @@
# Editor configuration, see http://editorconfig.org
root = true

[*]
indent_style = space
indent_size = 2
end_of_line = crlf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true
max_line_length = 140

[*.md]
trim_trailing_whitespace = false
max_line_length = off

[*.html]
indent_size = 4

.lintstagedrc

@@ -0,0 +1,4 @@
{
  "*.{json,css,scss,md,js}": ["prettier --write", "git add"],
  "*.(ts)": ["prettier-tslint fix", "git add"]
}

.prettierignore

@@ -0,0 +1,51 @@
# angular gitignore
# see https://github.com/prettier/prettier/issues/2294

## compiled output
/.awcache
/.cache
/dist
/docs
/tmp
/out-tsc

## dependencies
/bower_components
/node_modules

## IDEs and editors
/.idea
.project
.classpath
.c9/
*.launch
.settings/
*.sublime-workspace

# IDE - VSCode
.vscode/*
!.vscode/settings.json
!.vscode/tasks.json
!.vscode/launch.json
!.vscode/extensions.json

# misc
/.sass-cache
/connect.lock
/coverage
/libpeerconnection.log
npm-debug.log
yarn-error.log
testem.log
test-report.xml
/typings

# System Files
.DS_Store
Thumbs.db

# auto-generated files
/angular.json
/.angular-cli.json
/package-lock.json
/yarn.lock

.prettierrc

@@ -0,0 +1,5 @@
{
  "printWidth": 140,
  "singleQuote": true,
  "endOfLine": "crlf"
}

angular.json

@@ -118,8 +118,7 @@
          "builder": "@angular-devkit/build-angular:tslint",
          "options": {
            "tsConfig": [
              "tsconfig.json",
              "tsconfig.spec.json"
              "tsconfig.lint.json"
            ],
            "exclude": [
              "**/node_modules/**"

commitlint.config.js

@@ -0,0 +1 @@
module.exports = { extends: ['@commitlint/config-conventional'] };

package.json

@@ -35,93 +35,108 @@
    "e2e": "yarn build:ssr && concurrently -k --kill-others-on-fail -s first \"yarn serve:ssr\" \"jest -c ./tools/test/e2e-preset.json --runInBand --colors\"",
    "e2e:ci": "concurrently -k --kill-others-on-fail -s first \"yarn serve:ssr\" \"jest --ci -c ./tools/test/e2e-preset.json --colors\"",
    "lint": "ng lint",
    "lint:check": "tslint-config-prettier-check ./tslint.json",
    "lint:fix": "prettier-tslint fix src/**/*.ts",
    "ci:before": "greenkeeper-lockfile-update",
    "ci:after": "greenkeeper-lockfile-upload",
    "docs": "node_modules/.bin/compodoc -p tsconfig.json -d docs -n \"ng-seed/universal\" -t --theme stripe",
    "release": "standard-version && yarn docs"
  },
  "dependencies": {
    "express": "~4.16.4",
    "debug": "~4.1.0",
    "compression": "~1.7.3",
    "@angular/animations": "~7.1.1",
    "@angular/common": "~7.1.1",
    "@angular/core": "~7.1.1",
    "@angular/forms": "~7.1.1",
    "@angular/http": "~7.1.1",
    "@angular/platform-browser": "~7.1.1",
    "@angular/platform-browser-dynamic": "~7.1.1",
    "@angular/platform-server": "~7.1.1",
    "@angular/router": "~7.1.1",
    "@angular/cdk": "~7.1.0",
    "@angular/material": "~7.1.0",
    "@angular/flex-layout": "7.0.0-beta.19",
    "core-js": "~2.5.7",
    "reflect-metadata": "~0.1.12",
    "rxjs": "~6.3.3",
    "zone.js": "~0.8.26",
    "request": "~2.88.0",
    "hammerjs": "~2.0.8",
    "lodash": "~4.17.11",
    "@angular/animations": "~7.2.0-rc.0",
    "@angular/cdk": "~7.2.0",
    "@angular/common": "~7.2.0-rc.0",
    "@angular/core": "~7.2.0-rc.0",
    "@angular/flex-layout": "7.0.0-beta.22",
    "@angular/forms": "~7.2.0-rc.0",
    "@angular/http": "~7.2.0-rc.0",
    "@angular/material": "~7.2.0",
    "@angular/platform-browser": "~7.2.0-rc.0",
    "@angular/platform-browser-dynamic": "~7.2.0-rc.0",
    "@angular/platform-server": "~7.2.0-rc.0",
    "@angular/router": "~7.2.0-rc.0",
    "@angularclass/bootloader": "~1.0.1",
    "@ngrx/store": "~6.1.2",
    "@ngrx/effects": "~6.1.2",
    "@ngrx/entity": "~6.1.2",
    "@ngrx/effects": "~7.0.0-beta.1",
    "@ngrx/entity": "~7.0.0-beta.1",
    "@ngrx/store": "~7.0.0-beta.1",
    "@nguniversal/common": "~7.0.2",
    "@nguniversal/express-engine": "~7.0.2",
    "@nguniversal/module-map-ngfactory-loader": "~7.0.2",
    "@ngx-config/core": "~6.0.0",
    "@ngx-config/http-loader": "~6.0.0",
    "@ngx-auth/core": "~6.0.0",
    "@ngx-cache/core": "~6.0.0",
    "@ngx-cache/fs-storage": "~6.0.0",
    "@ngx-cache/platform-browser": "~6.0.0",
    "@ngx-cache/platform-server": "~6.0.0",
    "@ngx-cache/fs-storage": "~6.0.0",
    "@ngx-auth/core": "~6.0.0",
    "@ngx-config/core": "~6.0.0",
    "@ngx-config/http-loader": "~6.0.0",
    "@ngx-meta/core": "~6.0.0",
    "@ngx-translate/core": "~11.0.1",
    "@ngx-translate/http-loader": "~4.0.0",
    "@ngx-meta/core": "~6.0.0",
    "angulartics2": "~7.2.3",
    "compression": "~1.7.3",
    "core-js": "~2.6.1",
    "debug": "~4.1.0",
    "express": "~4.16.4",
    "hammerjs": "~2.0.8",
    "lodash": "~4.17.11",
    "ngx-perfect-scrollbar": "~7.1.0",
    "reflect-metadata": "~0.1.12",
    "request": "~2.88.0",
    "rxjs": "~6.3.3",
    "unionize": "~2.1.2",
    "angulartics2": "~7.2.1",
    "ngx-perfect-scrollbar": "~7.1.0"
    "zone.js": "~0.8.26"
  },
  "devDependencies": {
    "@angular/cli": "~7.1.0",
    "@angular/compiler": "~7.1.1",
    "@angular/compiler-cli": "~7.1.1",
    "@angular/language-service": "~7.1.1",
    "@angular-devkit/build-angular": "~0.11.0",
    "@angular-devkit/core": "~7.1.0",
    "@angular-devkit/schematics": "~7.1.0",
    "@angular-builders/custom-webpack": "~7.0.0",
    "@angular-builders/dev-server": "~7.0.0",
    "@angular-builders/custom-webpack": "~7.1.1",
    "@angular-builders/dev-server": "~7.1.1",
    "@angular-devkit/build-angular": "~0.12.0-rc.0",
    "@angular-devkit/core": "~7.2.0-rc.0",
    "@angular-devkit/schematics": "~7.2.0-rc.0",
    "@angular/cli": "~7.2.0-rc.0",
    "@angular/compiler": "~7.2.0-rc.0",
    "@angular/compiler-cli": "~7.2.0-rc.0",
    "@angular/language-service": "~7.2.0-rc.0",
    "@angularclass/hmr": "~2.1.3",
    "@ngrx/schematics": "~6.1.2",
    "@ngrx/store-devtools": "~6.1.2",
    "@commitlint/cli": "~7.2.1",
    "@commitlint/config-conventional": "~7.1.2",
    "@compodoc/compodoc": "~1.1.7",
    "@ngrx/schematics": "~7.0.0-beta.1",
    "@ngrx/store-devtools": "~7.0.0-beta.1",
    "@types/compression": "~0.0.36",
    "@types/express": "~4.16.0",
    "@types/jest": "~23.3.10",
    "@types/lodash": "~4.14.118",
    "@types/lodash": "~4.14.119",
    "@types/nightmare": "~2.10.4",
    "@types/node": "~10.12.10",
    "rimraf": "~2.6.2",
    "@types/node": "~10.12.18",
    "angular-tslint-rules": "~1.12.1",
    "codelyzer": "~4.5.0",
    "concurrently": "~4.1.0",
    "tslint-loader": "~3.5.4",
    "stylelint": "~9.9.0",
    "stylelint-config-standard": "~18.2.0",
    "husky": "~1.3.0",
    "jasmine-marbles": "~0.4.1",
    "jest": "~23.6.0",
    "jest-preset-angular": "~6.0.1",
    "jest-junit-reporter": "~1.1.0",
    "jest-preset-angular": "~6.0.2",
    "lint-staged": "~8.1.0",
    "ng-bullet": "~1.0.3",
    "jasmine-marbles": "0.3.1",
    "nightmare": "~3.0.1",
    "@compodoc/compodoc": "~1.1.7",
    "prettier": "~1.15.3",
    "prettier-tslint": "~0.4.1",
    "rimraf": "~2.6.2",
    "standard-version": "~4.4.0",
    "codelyzer": "~4.5.0",
    "tslint": "~5.11.0",
    "angular-tslint-rules": "~1.5.0",
    "rxjs-tslint": "~0.1.5",
    "stylelint": "~9.9.0",
    "stylelint-config-standard": "~18.2.0",
    "tslib": "~1.9.3",
    "typescript": "~3.1.6"
    "tslint": "~5.12.0",
    "tslint-config-prettier": "~1.17.0",
    "tslint-immutable": "~5.0.1",
    "tslint-loader": "~3.5.4",
    "typescript": "~3.2.2"
  },
  "husky": {
    "hooks": {
      "pre-commit": "lint-staged",
      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
    }
  },
  "jest": {
    "preset": "jest-preset-angular",
@@ -148,10 +163,5 @@
      "!**/environments/*.ts",
      "!src/*.ts"
    ]
  },
  "greenkeeper": {
    "ignore": [
      "jasmine-marbles"
    ]
  }
}

server.ts

@@ -1,20 +1,16 @@
// polyfills
import 'zone.js/dist/zone-node';
// tslint:disable
import 'reflect-metadata';
import 'zone.js/dist/zone-node';

// angular
import { enableProdMode } from '@angular/core';

// libs
import { join } from 'path';
import * as express from 'express';
import * as compression from 'compression';
import { ngExpressEngine } from '@nguniversal/express-engine';
import { provideModuleMap } from '@nguniversal/module-map-ngfactory-loader';
import * as compression from 'compression';
import * as express from 'express';
import { join } from 'path';

enableProdMode();

// tslint:disable-next-line
const { AppServerModuleNgFactory, LAZY_MODULE_MAP } = require('./server/main');

const server = express();

src/app/+about/about-apple-pear.component.e2e-spec.ts

@@ -1,16 +1,12 @@
// testing
import { baseUrl, browser } from 'e2e-config';
import { e2e } from '~/app/framework/testing/e2e';

e2e.describe('AboutApplePearComponent', () => {
  e2e.it('should have title', async () => {
    const page = browser.goto(`${baseUrl}/about/apple/6/pear`);

    const text = await page
      .evaluate(() => document.title)
      .end();
    const text = await page.evaluate(() => document.title).end();

    e2e.e(text)
      .toContain('Apple or pear | ng-seed/universal');
    e2e.e(text).toContain('Apple or pear | ng-seed/universal');
  });
});

src/app/+about/about-apple-pear.component.spec.ts

@@ -1,31 +1,17 @@
// angular
import { TestBed } from '@angular/core/testing';
import { RouterTestingModule } from '@angular/router/testing';

// libs
import { configureTestSuite } from 'ng-bullet';

// testing
import { SharedModule } from '~/app/framework/core';
import { CoreTestingModule } from '~/app/framework/core/testing';
import { I18NTestingModule } from '~/app/framework/i18n/testing';
import { t } from '~/app/framework/testing';

// app
import { SharedModule } from '~/app/framework/core';
import { MaterialModule } from '~/app/framework/material';
import { t } from '~/app/framework/testing';

// module
import { AboutApplePearComponent } from './about-apple-pear.component';

configureTestSuite(() => {
  TestBed.configureTestingModule({
    imports: [
      RouterTestingModule,
      CoreTestingModule,
      I18NTestingModule,
      SharedModule,
      MaterialModule
    ],
    imports: [RouterTestingModule, CoreTestingModule, I18NTestingModule, SharedModule, MaterialModule],
    declarations: [AboutApplePearComponent]
  });
});
@@ -36,7 +22,6 @@ t.describe('AboutApplePearComponent', () => {
    const instance = fixture.componentInstance;
    fixture.detectChanges();

    t.e(instance)
      .toBeTruthy();
    t.e(instance).toBeTruthy();
  });
});

src/app/+about/about-apple-pear.component.ts

@@ -1,7 +1,4 @@
// angular
import { ChangeDetectionStrategy, Component } from '@angular/core';

// app
import { BaseComponent } from '~/app/framework/core';
import { routeAnimation } from '~/app/shared';

@@ -11,5 +8,4 @@ import { routeAnimation } from '~/app/shared';
  changeDetection: ChangeDetectionStrategy.OnPush,
  animations: [routeAnimation]
})
export class AboutApplePearComponent extends BaseComponent {
}
export class AboutApplePearComponent extends BaseComponent {}

src/app/+about/about-banana.component.e2e-spec.ts

@@ -1,16 +1,12 @@
// testing
import { baseUrl, browser } from 'e2e-config';
import { e2e } from '~/app/framework/testing/e2e';

e2e.describe('AboutBananaComponent', () => {
  e2e.it('should have title', async () => {
    const page = browser.goto(`${baseUrl}/about/banana`);

    const text = await page
      .evaluate(() => document.title)
      .end();
    const text = await page.evaluate(() => document.title).end();

    e2e.e(text)
      .toContain('Banana republic | ng-seed/universal');
    e2e.e(text).toContain('Banana republic | ng-seed/universal');
  });
});