feat: add injectBeforeRender

Author: nartc

.prettierrc

@@ -1,5 +1,6 @@
 {
     "singleQuote": true,
     "tabWidth": 4,
-    "printWidth": 120
+    "printWidth": 120,
+    "plugins": ["prettier-plugin-organize-imports"]
 }

apps/demo/src/app/app.component.ts

@@ -7,4 +7,4 @@ import { RouterOutlet } from '@angular/router';
     template: ` <router-outlet />`,
     imports: [RouterOutlet],
 })
-export class AppComponent { }
+export class AppComponent {}

libs/angular-three/src/index.ts

@@ -1,14 +1,15 @@
 export * from './lib/canvas';
-export * from './lib/types';
+export * from './lib/di/before-render';
 export * from './lib/di/catalogue';
+export * from './lib/di/destroy';
+export * from './lib/di/ref';
 export * from './lib/directives/args';
 export * from './lib/directives/repeat';
-export * from './lib/stores/store';
+export * from './lib/loader';
+export * from './lib/pipes/push';
 export * from './lib/stores/rx-store';
+export * from './lib/stores/store';
+export * from './lib/types';
 export * from './lib/utils/instance';
-export * from './lib/utils/update';
 export * from './lib/utils/is';
-export * from './lib/loader';
-export * from './lib/di/ref';
-export * from './lib/di/destroy';
-export * from './lib/pipes/push';
+export * from './lib/utils/update';

libs/angular-three/src/lib/canvas.ts

@@ -18,13 +18,13 @@ import {
 } from '@angular/core';
 import { injectNgxResize, NgxResizeResult, provideNgxResizeOptions } from 'ngx-resize';
 import { filter } from 'rxjs';
+import { injectNgtLoader } from './loader';
 import { provideNgtRenderer } from './renderer/provider';
 import { NgtRxStore } from './stores/rx-store';
 import { NgtStore, rootStateMap } from './stores/store';
 import type { NgtCanvasInputs, NgtDomEvent, NgtDpr, NgtState } from './types';
 import { is } from './utils/is';
 import { createPointerEvents } from './web/events';
-import { injectNgtLoader } from './loader';
 
 @Component({
     selector: 'ngt-canvas-container',

libs/angular-three/src/lib/di/before-render.ts

@@ -0,0 +1,15 @@
+import { inject } from '@angular/core';
+import { NgtStore } from '../stores/store';
+import { NgtBeforeRenderRecord } from '../types';
+import { injectNgtDestroy } from './destroy';
+
+export function injectBeforeRender(cb: NgtBeforeRenderRecord['callback'], priority = 0) {
+    try {
+        const store = inject(NgtStore);
+        const sub = store.get('internal').subscribe((state) => cb(state), priority, store);
+        injectNgtDestroy(() => void sub());
+        return sub;
+    } catch (e) {
+        throw new Error(`[NGT] "injectBeforeRender" is invoked outside of Constructor Context`);
+    }
+}

libs/angular-three/src/lib/loader.ts

@@ -1,17 +1,17 @@
 import {
+    catchError,
+    forkJoin,
+    from,
     isObservable,
+    map,
     Observable,
     of,
-    map,
-    tap,
-    from,
+    ReplaySubject,
     retry,
     share,
-    ReplaySubject,
-    catchError,
     switchMap,
-    forkJoin,
     take,
+    tap,
 } from 'rxjs';
 import type { GLTF } from 'three/examples/jsm/loaders/GLTFLoader';
 import type { NgtBranchingReturn, NgtLoaderExtensions, NgtLoaderResult, NgtObjectMap } from './types';

package.json

@@ -7,13 +7,13 @@
     },
     "private": true,
     "devDependencies": {
-        "@angular-devkit/build-angular": "~15.1.0",
+        "@angular-devkit/build-angular": "~15.1.2",
         "@angular-eslint/eslint-plugin": "~15.0.0",
         "@angular-eslint/eslint-plugin-template": "~15.0.0",
         "@angular-eslint/template-parser": "~15.0.0",
-        "@angular/cli": "~15.1.0",
-        "@angular/compiler-cli": "~15.1.0",
-        "@angular/language-service": "~15.1.0",
+        "@angular/cli": "~15.1.2",
+        "@angular/compiler-cli": "~15.1.1",
+        "@angular/language-service": "~15.1.1",
         "@nrwl/angular": "15.5.2",
         "@nrwl/eslint-plugin-nx": "15.5.2",
         "@nrwl/jest": "15.5.2",
@@ -24,17 +24,17 @@
         "@types/jest": "28.1.1",
         "@types/node": "16.11.7",
         "@types/three": "^0.148.0",
-        "@typescript-eslint/eslint-plugin": "^5.36.1",
-        "@typescript-eslint/parser": "^5.36.1",
+        "@typescript-eslint/eslint-plugin": "^5.48.2",
+        "@typescript-eslint/parser": "^5.48.2",
         "dotenv-cli": "^7.0.0",
         "eslint": "~8.15.0",
         "eslint-config-prettier": "8.1.0",
         "jest": "28.1.1",
         "jest-environment-jsdom": "28.1.1",
-        "jest-preset-angular": "~12.2.3",
-        "ng-packagr": "~15.1.0",
+        "jest-preset-angular": "~12.2.5",
+        "ng-packagr": "~15.1.1",
         "nx": "15.5.2",
-        "postcss": "^8.4.5",
+        "postcss": "^8.4.21",
         "postcss-import": "~14.1.0",
         "postcss-preset-env": "~7.5.0",
         "postcss-url": "~10.1.3",
@@ -46,20 +46,20 @@
         "typescript": "~4.9.4"
     },
     "dependencies": {
-        "@angular/animations": "~15.1.0",
-        "@angular/common": "~15.1.0",
-        "@angular/compiler": "~15.1.0",
-        "@angular/core": "~15.1.0",
-        "@angular/forms": "~15.1.0",
-        "@angular/platform-browser": "~15.1.0",
-        "@angular/platform-browser-dynamic": "~15.1.0",
-        "@angular/router": "~15.1.0",
+        "@angular/animations": "~15.1.1",
+        "@angular/common": "~15.1.1",
+        "@angular/compiler": "~15.1.1",
+        "@angular/core": "~15.1.1",
+        "@angular/forms": "~15.1.1",
+        "@angular/platform-browser": "~15.1.1",
+        "@angular/platform-browser-dynamic": "~15.1.1",
+        "@angular/router": "~15.1.1",
         "@rx-angular/state": "^1.7.0",
         "ngx-resize": "^1.0.4",
-        "rxjs": "~7.5.0",
+        "rxjs": "~7.5.7",
         "three": "^0.148.0",
         "three-stdlib": "^2.21.5",
-        "tslib": "^2.3.0",
-        "zone.js": "~0.11.4"
+        "tslib": "^2.4.1",
+        "zone.js": "~0.11.8"
     }
 }