feat(stats): separate stats into a lib

angular.json

@@ -339,6 +339,43 @@
           }
         }
       }
+    },
+    "core-stats": {
+      "projectType": "library",
+      "root": "packages/core/stats",
+      "sourceRoot": "packages/core/stats/src",
+      "prefix": "ngt",
+      "architect": {
+        "build": {
+          "builder": "@nrwl/angular:package",
+          "options": {
+            "tsConfig": "packages/core/stats/tsconfig.lib.json",
+            "project": "packages/core/stats/ng-package.json"
+          },
+          "configurations": {
+            "production": {
+              "tsConfig": "packages/core/stats/tsconfig.lib.prod.json"
+            }
+          }
+        },
+        "lint": {
+          "builder": "@nrwl/linter:eslint",
+          "options": {
+            "lintFilePatterns": [
+              "packages/core/stats/src/**/*.ts",
+              "packages/core/stats/src/**/*.html"
+            ]
+          }
+        },
+        "test": {
+          "builder": "@nrwl/jest:jest",
+          "outputs": ["coverage/packages/core/stats"],
+          "options": {
+            "jestConfig": "packages/core/stats/jest.config.js",
+            "passWithNoTests": true
+          }
+        }
+      }
     }
   },
   "cli": {

jest.config.js

@@ -7,5 +7,6 @@ module.exports = {
     '<rootDir>/packages/core/meshes',
     '<rootDir>/packages/core/lights',
     '<rootDir>/packages/core/loaders',
+    '<rootDir>/packages/core/stats',
   ],
 };

nx.json

@@ -1,27 +1,18 @@
 {
   "npmScope": "angular-three",
-  "affected": {
-    "defaultBase": "master"
-  },
+  "affected": { "defaultBase": "master" },
   "implicitDependencies": {
-    "package.json": {
-      "dependencies": "*",
-      "devDependencies": "*"
-    },
+    "package.json": { "dependencies": "*", "devDependencies": "*" },
     ".eslintrc.json": "*"
   },
   "tasksRunnerOptions": {
     "default": {
       "runner": "@nrwl/workspace/tasks-runners/default",
-      "options": {
-        "cacheableOperations": ["build", "lint", "test", "e2e"]
-      }
+      "options": { "cacheableOperations": ["build", "lint", "test", "e2e"] }
     }
   },
   "projects": {
-    "core": {
-      "tags": ["scope:core", "type:library"]
-    },
+    "core": { "tags": ["scope:core", "type:library"] },
     "core-typings": {
       "tags": ["scope:core", "type:library", "context:typings"]
     },
@@ -31,21 +22,13 @@
     "core-geometries": {
       "tags": ["scope:core", "type:library", "context:geometries"]
     },
-    "core-meshes": {
-      "tags": ["scope:core", "type:library", "context:meshes"]
-    },
-    "core-lights": {
-      "tags": ["scope:core", "type:library", "context:lights"]
-    },
+    "core-meshes": { "tags": ["scope:core", "type:library", "context:meshes"] },
+    "core-lights": { "tags": ["scope:core", "type:library", "context:lights"] },
     "core-loaders": {
       "tags": ["scope:core", "type:library", "context:loaders"]
     },
-    "demo": {
-      "tags": []
-    }
+    "demo": { "tags": [] },
+    "core-stats": { "tags": ["scope:core", "type:library", "context:stats"] }
   },
-  "workspaceLayout": {
-    "appsDir": "packages",
-    "libsDir": "packages"
-  }
+  "workspaceLayout": { "appsDir": "packages", "libsDir": "packages" }
 }

packages/core/stats/.eslintrc.json

@@ -0,0 +1,29 @@
+{
+  "extends": ["../../../.eslintrc.json"],
+  "ignorePatterns": ["!**/*"],
+  "overrides": [
+    {
+      "files": ["*.ts"],
+      "extends": [
+        "plugin:@nrwl/nx/angular",
+        "plugin:@angular-eslint/template/process-inline-templates"
+      ],
+      "parserOptions": { "project": ["packages/core/stats/tsconfig.*?.json"] },
+      "rules": {
+        "@angular-eslint/directive-selector": [
+          "error",
+          { "type": "attribute", "prefix": "ngt", "style": "camelCase" }
+        ],
+        "@angular-eslint/component-selector": [
+          "error",
+          { "type": "element", "prefix": "ngt", "style": "kebab-case" }
+        ]
+      }
+    },
+    {
+      "files": ["*.html"],
+      "extends": ["plugin:@nrwl/nx/angular-template"],
+      "rules": {}
+    }
+  ]
+}

packages/core/stats/README.md

@@ -0,0 +1,7 @@
+# core-stats
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test core-stats` to execute the unit tests.

packages/core/stats/jest.config.js

@@ -0,0 +1,23 @@
+module.exports = {
+  displayName: 'core-stats',
+  preset: '../../../jest.preset.js',
+  setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
+  globals: {
+    'ts-jest': {
+      tsConfig: '<rootDir>/tsconfig.spec.json',
+      stringifyContentPathRegex: '\\.(html|svg)$',
+      astTransformers: {
+        before: [
+          'jest-preset-angular/build/InlineFilesTransformer',
+          'jest-preset-angular/build/StripStylesTransformer',
+        ],
+      },
+    },
+  },
+  coverageDirectory: '../../../coverage/packages/core/stats',
+  snapshotSerializers: [
+    'jest-preset-angular/build/AngularNoNgAttributesSnapshotSerializer.js',
+    'jest-preset-angular/build/AngularSnapshotSerializer.js',
+    'jest-preset-angular/build/HTMLCommentSerializer.js',
+  ],
+};

packages/core/stats/ng-package.json

@@ -0,0 +1,10 @@
+{
+  "$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../../dist/packages/core/stats",
+  "lib": {
+    "entryFile": "src/index.ts",
+    "umdModuleIds": {
+      "three": "three"
+    }
+  }
+}

packages/core/stats/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "@angular-three/core/stats",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^11.2.10",
+    "@angular/core": "^11.2.10"
+  },
+  "dependencies": {
+    "tslib": "^2.0.0"
+  }
+}

packages/core/stats/src/index.ts

@@ -0,0 +1,2 @@
+export * from './lib/core-stats.module';
+export * from './lib/stats.directive';

packages/core/stats/src/lib/core-stats.module.ts

@@ -0,0 +1,14 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { StatsDirective } from './stats.directive';
+
+@NgModule({
+  imports: [CommonModule],
+  declarations: [
+    StatsDirective
+  ],
+  exports: [
+    StatsDirective
+  ],
+})
+export class CoreStatsModule {}

packages/core/stats/src/lib/stats.directive.spec.ts

@@ -0,0 +1,8 @@
+import { StatsDirective } from './stats.directive';
+
+describe('StatsDirective', () => {
+  it('should create an instance', () => {
+    const directive = new StatsDirective();
+    expect(directive).toBeTruthy();
+  });
+});

packages/core/stats/src/lib/stats.directive.ts

@@ -0,0 +1,29 @@
+import { AnimationStore } from '@angular-three/core';
+import { DOCUMENT } from '@angular/common';
+import { Directive, Inject, OnDestroy, OnInit } from '@angular/core';
+import Stats from 'three/examples/jsm/libs/stats.module';
+
+@Directive({
+  selector: 'ngt-stats',
+  exportAs: 'ngtStats',
+})
+export class StatsDirective implements OnInit, OnDestroy {
+  private stats!: Stats;
+
+  constructor(
+    private readonly animationStore: AnimationStore,
+    @Inject(DOCUMENT) private readonly document: Document
+  ) {}
+
+  ngOnInit() {
+    this.stats = Stats();
+    this.document.body.appendChild(this.stats.dom);
+    this.animationStore.registerAnimation(() => {
+      this.stats.update();
+    });
+  }
+
+  ngOnDestroy() {
+    this.stats.end();
+  }
+}

packages/core/stats/src/test-setup.ts

@@ -0,0 +1 @@
+import 'jest-preset-angular';

packages/core/stats/tsconfig.json

@@ -0,0 +1,26 @@
+{
+  "extends": "../../../tsconfig.base.json",
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    },
+    {
+      "path": "./tsconfig.lib.prod.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ],
+  "compilerOptions": {
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "angularCompilerOptions": {
+    "strictInjectionParameters": true,
+    "strictTemplates": true
+  }
+}

packages/core/stats/tsconfig.lib.json

@@ -0,0 +1,19 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../../dist/out-tsc",
+    "target": "es2015",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": [],
+    "lib": ["dom", "es2018"]
+  },
+  "angularCompilerOptions": {
+    "skipTemplateCodegen": true,
+    "strictMetadataEmit": true,
+    "enableResourceInlining": true
+  },
+  "exclude": ["src/test-setup.ts", "**/*.spec.ts"],
+  "include": ["**/*.ts"]
+}

packages/core/stats/tsconfig.lib.prod.json

@@ -0,0 +1,10 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
+  "angularCompilerOptions": {
+    "enableIvy": false
+  }
+}

packages/core/stats/tsconfig.spec.json

@@ -0,0 +1,10 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../../dist/out-tsc",
+    "module": "commonjs",
+    "types": ["jest", "node"]
+  },
+  "files": ["src/test-setup.ts"],
+  "include": ["**/*.spec.ts", "**/*.d.ts"]
+}

tsconfig.base.json

@@ -23,7 +23,8 @@
       ],
       "@angular-three/core/meshes": ["packages/core/meshes/src/index.ts"],
       "@angular-three/core/lights": ["packages/core/lights/src/index.ts"],
-      "@angular-three/core/loaders": ["packages/core/loaders/src/index.ts"]
+      "@angular-three/core/loaders": ["packages/core/loaders/src/index.ts"],
+      "@angular-three/core/stats": ["packages/core/stats/src/index.ts"]
     }
   },
   "exclude": ["node_modules", "tmp"]