refactor(core): use VCR from canvas element instead of host

Author: nartc

libs/core/src/lib/canvas.ts

@@ -61,7 +61,6 @@ export class NgtCanvas {
 	private autoEffect = injectAutoEffect();
 
 	private host = inject<ElementRef<HTMLElement>>(ElementRef);
-	private viewContainerRef = inject(ViewContainerRef);
 	private zone = inject(NgZone);
 	private environmentInjector = inject(EnvironmentInjector);
 	private injector = inject(Injector);
@@ -204,7 +203,7 @@ export class NgtCanvas {
 				[provideNgtRenderer(this.store)],
 				this.environmentInjector,
 			);
-			this.glRef = this.viewContainerRef.createComponent(untracked(this.sceneGraph), {
+			this.glRef = untracked(this.glCanvasViewContainerRef).createComponent(untracked(this.sceneGraph), {
 				environmentInjector: this.glEnvironmentInjector,
 				injector: this.injector,
 			});
@@ -213,5 +212,3 @@ export class NgtCanvas {
 		});
 	}
 }
-
-export const injectRoot = injectCanvasRootInitializer;

libs/core/src/lib/renderer/catalogue.spec.ts

@@ -0,0 +1,15 @@
+import { TestBed } from '@angular/core/testing';
+import { Mesh } from 'three';
+import { extend, injectCatalogue } from './catalogue';
+
+describe('renderer/catalogue', () => {
+	test('should extend properly', () => {
+		TestBed.runInInjectionContext(() => {
+			const catalogue = injectCatalogue();
+			expect(catalogue).toEqual({});
+
+			extend({ Mesh });
+			expect(catalogue).toEqual({ Mesh });
+		});
+	});
+});

libs/core/src/lib/renderer/utils.ts

@@ -216,6 +216,7 @@ export function processThreeEvent(
 		while (root.get('previousRoot')) {
 			root = root.get('previousRoot')!;
 		}
+
 		const interactions = root.get('internal', 'interaction') || [];
 		interactions.push(instance);
 	}