test: add integration ng8

Author: splincode

.gitignore

@@ -2,11 +2,13 @@
 
 # compiled output
 /dist
+**/dist/**
 /tmp
 /out-tsc
 
 # dependencies
 /node_modules
+**/node_modules/**
 
 # IDEs and editors
 /.idea

integration/hello-world-ng8/README.md

@@ -0,0 +1,3 @@
+# Integration test
+
+Integration test with Angular CLI 8, Angular 8, TypeScript 3.4

integration/hello-world-ng8/angular.json

@@ -0,0 +1,58 @@
+{
+    "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+    "version": 1,
+    "projects": {
+        "ng8": {
+            "root": ".",
+            "sourceRoot": ".",
+            "projectType": "application",
+            "architect": {
+                "build": {
+                    "builder": "@angular-devkit/build-angular:browser",
+                    "options": {
+                        "outputPath": "dist",
+                        "index": "src/index.html",
+                        "main": "src/main.ts",
+                        "tsConfig": "src/tsconfig.app.json",
+                        "polyfills": "src/polyfills.ts"
+                    },
+                    "configurations": {
+                        "production": {
+                            "optimization": true,
+                            "outputHashing": "all",
+                            "sourceMap": false,
+                            "extractCss": true,
+                            "namedChunks": false,
+                            "aot": true,
+                            "extractLicenses": true,
+                            "vendorChunk": false,
+                            "buildOptimizer": true,
+                            "fileReplacements": [
+                                {
+                                    "replace": "src/environments/environment.ts",
+                                    "with": "src/environments/environment.prod.ts"
+                                }
+                            ]
+                        }
+                    }
+                },
+                "serve": {
+                    "builder": "@angular-devkit/build-angular:dev-server",
+                    "options": {
+                        "browserTarget": "ng8:build"
+                    },
+                    "configurations": {
+                        "production": {
+                            "browserTarget": "ng8:build:production"
+                        }
+                    }
+                }
+            }
+        }
+    },
+    "cli": {
+        "warnings": {
+            "typescriptMismatch": false
+        }
+    }
+}

integration/hello-world-ng8/package.json

@@ -0,0 +1,35 @@
+{
+    "name": "hello-world-ng8",
+    "version": "0.0.0",
+    "license": "MIT",
+    "scripts": {
+        "ng": "ng",
+        "start": "ng serve",
+        "test": "ng build --prod",
+        "pretest": "yarn --frozen-lockfile --non-interactive --no-progress",
+        "postinstall": "cpx -v -C \"../../dist/ngxs-data/**/*\" \"node_modules/@ngxs-labs/data/\""
+    },
+    "private": true,
+    "devDependencies": {
+        "@angular/animations": "8.0.0",
+        "@angular/common": "8.0.0",
+        "@angular/compiler": "8.0.0",
+        "@angular/core": "8.0.0",
+        "@angular/forms": "8.0.0",
+        "@angular/platform-browser": "8.0.0",
+        "@angular/platform-browser-dynamic": "8.0.0",
+        "@angular/compiler-cli": "8.0.0",
+        "@angular-devkit/build-ng-packagr": "0.800.6",
+        "@angular-devkit/build-angular": "0.800.6",
+        "@angular/router": "8.0.0",
+        "@angular/cli": "8.0.0",
+        "@types/node": "10.3.6",
+        "rxjs": "6.2.1",
+        "zone.js": "0.9.0",
+        "typescript": "3.7.3",
+        "core-js": "3.4.0",
+        "@ngxs/store": "file:../../node_modules/@ngxs/store",
+        "@ngxs/logger-plugin": "file:../../node_modules/@ngxs/logger-plugin",
+        "cpx": "file:../../node_modules/cpx"
+    }
+}

integration/hello-world-ng8/src/app/app.component.html

@@ -0,0 +1,27 @@
+<!--The content below is only a placeholder and can be replaced.-->
+<div style="text-align: center;">
+    <h1>Welcome to {{ title }}::{{ app.snapshot }}!</h1>
+    <img
+        width="300"
+        alt="Angular Logo"
+        src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw9IiNERDAwMzEiIGQ9Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8+CiAgICA8cGF0aCBmaWxsPSIjQzMwMDJGIiBkPSJNMTI1IDMwdjIyLjItLjFWMjMwbDc4LjktNDMuNyAxNC4yLTEyMy4xTDEyNSAzMHoiIC8+CiAgICA8cGF0aCAgZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNSA1Mi4xTDY2LjggMTgyLjZoMjEuN2wxMS43LTI5LjJoNDkuNGwxMS43IDI5LjJIMTgzTDEyNSA1Mi4xem0xNyA4My4zaC0zNGwxNy00MC45IDE3IDQwLjl6IiAvPgogIDwvc3ZnPg=="
+    />
+</div>
+<h2>Here are some links to help you start:</h2>
+<ul>
+    <li>
+        <h2>
+            <a target="_blank" rel="noopener" href="https://angular.io/tutorial">Tour of Heroes</a>
+        </h2>
+    </li>
+    <li>
+        <h2>
+            <a target="_blank" rel="noopener" href="https://github.com/angular/angular-cli/wiki">
+                CLI Documentation
+            </a>
+        </h2>
+    </li>
+    <li>
+        <h2><a target="_blank" rel="noopener" href="https://blog.angular.io/">Angular blog</a></h2>
+    </li>
+</ul>

integration/hello-world-ng8/src/app/app.component.ts

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+import { AppState } from './app.state';
+
+@Component({
+    selector: 'app-root',
+    templateUrl: './app.component.html'
+})
+export class AppComponent {
+    title = 'app';
+
+    constructor(public readonly app: AppState) {}
+}

integration/hello-world-ng8/src/app/app.module.ts

@@ -0,0 +1,15 @@
+import { BrowserModule } from '@angular/platform-browser';
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+
+import { StoreModule } from './store.module';
+import { AppComponent } from './app.component';
+
+const routes: Routes = [{ path: '', component: AppComponent }];
+
+@NgModule({
+    declarations: [AppComponent],
+    imports: [BrowserModule, RouterModule.forRoot(routes), StoreModule],
+    bootstrap: [AppComponent]
+})
+export class AppModule {}

integration/hello-world-ng8/src/app/app.state.ts

@@ -0,0 +1,11 @@
+import { State } from '@ngxs/store';
+import { StateRepository, Persistence } from '@ngxs-labs/data/decorators';
+import { NgxsDataRepository } from '@ngxs-labs/data/repositories';
+
+@Persistence()
+@StateRepository()
+@State<string>({
+    name: 'app',
+    defaults: 'hello world'
+})
+export class AppState extends NgxsDataRepository<string> {}

integration/hello-world-ng8/src/app/store.module.ts

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { NgxsModule } from '@ngxs/store';
+import { NgxsLoggerPluginModule } from '@ngxs/logger-plugin';
+import { NgxsDataPluginModule } from '@ngxs-labs/data';
+
+import { AppState } from './app.state';
+
+@NgModule({
+    imports: [
+        NgxsModule.forRoot([AppState]),
+        NgxsLoggerPluginModule.forRoot(),
+        NgxsDataPluginModule.forRoot()
+    ],
+    exports: [NgxsModule]
+})
+export class StoreModule {}

integration/hello-world-ng8/src/environments/environment.prod.ts

@@ -0,0 +1,4 @@
+export const environment = {
+    production: true,
+    hmr: false
+};

integration/hello-world-ng8/src/environments/environment.ts

@@ -0,0 +1,4 @@
+export const environment = {
+    production: false,
+    hmr: true
+};

integration/hello-world-ng8/src/index.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8" />
+        <title>HelloWorldNg8Ts3.4</title>
+        <base href="/" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <link rel="icon" type="image/x-icon" href="favicon.ico" />
+    </head>
+    <body>
+        <app-root></app-root>
+    </body>
+</html>

integration/hello-world-ng8/src/main.ts

@@ -0,0 +1,13 @@
+import { enableProdMode } from '@angular/core';
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+
+import { AppModule } from './app/app.module';
+import { environment } from './environments/environment';
+
+if (environment.production) {
+    enableProdMode();
+}
+
+const bootstrap = () => platformBrowserDynamic().bootstrapModule(AppModule);
+
+bootstrap().catch((error) => console.error(error));

integration/hello-world-ng8/src/polyfills.ts

@@ -0,0 +1 @@
+import 'zone.js/dist/zone';

integration/hello-world-ng8/src/tsconfig.app.json

@@ -0,0 +1,8 @@
+{
+    "extends": "../tsconfig.json",
+    "compilerOptions": {
+        "baseUrl": "./",
+        "module": "esnext"
+    },
+    "exclude": ["**/*.spec.ts"]
+}

integration/hello-world-ng8/tsconfig.json

@@ -0,0 +1,28 @@
+{
+    "compileOnSave": false,
+    "angularCompilerOptions": {
+        "strictTemplates": true,
+        "fullTemplateTypeCheck": true,
+        "annotateForClosureCompiler": true,
+        "strictInjectionParameters": true,
+        "skipTemplateCodegen": false,
+        "preserveWhitespaces": true,
+        "skipMetadataEmit": false,
+        "disableTypeScriptVersionCheck": true
+    },
+    "compilerOptions": {
+        "outDir": "./dist/out-tsc",
+        "baseUrl": "./",
+        "sourceMap": true,
+        "declaration": false,
+        "moduleResolution": "node",
+        "emitDecoratorMetadata": true,
+        "experimentalDecorators": true,
+        "target": "es5",
+        "paths": {},
+        "skipLibCheck": true,
+        "typeRoots": ["node_modules/@types"],
+        "lib": ["es2017", "dom"]
+    },
+    "exclude": ["node_modules"]
+}

package.json

@@ -13,7 +13,9 @@
         "start": "ng serve --open --port 4400",
         "test": "jest --config ./jest.config.js",
         "test:ci": "jest --config ./jest.config.js --coverage",
-        "test:types": "dtslint ./integration/types --localTs node_modules/typescript/lib"
+        "test:types": "dtslint ./integration/types --localTs node_modules/typescript/lib",
+        "// - INTEGRATION": "Integration builds",
+        "integration:ng8": "cd integration/hello-world-ng8 && yarn test"
     },
     "prettier": "@angular-ru/prettier-config",
     "devDependencies": {
@@ -41,6 +43,7 @@
         "angular-cli-ghpages": "0.6.2",
         "core-js": "3.6.5",
         "coveralls": "3.1.0",
+        "cpx": "^1.5.0",
         "dtslint": "3.5.1",
         "eslint": "6.8.0",
         "hammerjs": "2.0.8",