@quick-threejs/reactive 0.1.3

package/dist/src/modules/app/camera/camera.module.js

@@ -0,0 +1,56 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var __param = (this && this.__param) || function (paramIndex, decorator) {
+    return function (target, key) { decorator(target, key, paramIndex); }
+};
+import { inject, singleton } from "tsyringe";
+import { OrthographicCamera, PerspectiveCamera } from "three";
+import { CameraComponent } from "./camera.component";
+import { CameraController } from "./camera.controller";
+import { SizesComponent } from "../sizes/sizes.component";
+let CameraModule = class CameraModule {
+    component;
+    sizesComponent;
+    controller;
+    constructor(component, sizesComponent, controller) {
+        this.component = component;
+        this.sizesComponent = sizesComponent;
+        this.controller = controller;
+    }
+    init(withMiniCamera) {
+        this.component.setDefaultCamera();
+        if (withMiniCamera)
+            this.component.setMiniCamera();
+        this.controller.step$.subscribe(() => {
+            if (!this.component.enabled)
+                return;
+            this.component.aspectRatio = this.sizesComponent.aspect;
+            if (this.component.instance instanceof PerspectiveCamera ||
+                this.component.instance instanceof OrthographicCamera)
+                this.component.instance?.updateProjectionMatrix();
+            this.component.miniCamera?.updateProjectionMatrix();
+        });
+    }
+    dispose() {
+        this.component.removeCamera();
+        this.component.removeMiniCamera();
+    }
+};
+CameraModule = __decorate([
+    singleton(),
+    __param(0, inject(CameraComponent)),
+    __param(1, inject(SizesComponent)),
+    __param(2, inject(CameraController)),
+    __metadata("design:paramtypes", [CameraComponent,
+        SizesComponent,
+        CameraController])
+], CameraModule);
+export { CameraModule };
+//# sourceMappingURL=camera.module.js.map

package/dist/src/modules/app/camera/camera.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"camera.module.js","sourceRoot":"","sources":["../../../../../src/modules/app/camera/camera.module.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAInD,IAAM,YAAY,GAAlB,MAAM,YAAY;IAEmB;IACD;IACE;IAH5C,YAC2C,SAA0B,EAC3B,cAA8B,EAC5B,UAA4B;QAF7B,cAAS,GAAT,SAAS,CAAiB;QAC3B,mBAAc,GAAd,cAAc,CAAgB;QAC5B,eAAU,GAAV,UAAU,CAAkB;IACrE,CAAC;IAEG,IAAI,CAAC,cAAwB;QACnC,IAAI,CAAC,SAAS,CAAC,gBAAgB,EAAE,CAAC;QAClC,IAAI,cAAc;YAAE,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE,CAAC;QAEnD,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;YACpC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO;gBAAE,OAAO;YACpC,IAAI,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC;YAExD,IACC,IAAI,CAAC,SAAS,CAAC,QAAQ,YAAY,iBAAiB;gBACpD,IAAI,CAAC,SAAS,CAAC,QAAQ,YAAY,kBAAkB;gBAErD,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,sBAAsB,EAAE,CAAC;YACnD,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,sBAAsB,EAAE,CAAC;QACrD,CAAC,CAAC,CAAC;IACJ,CAAC;IAEM,OAAO;QACb,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,CAAC;QAC9B,IAAI,CAAC,SAAS,CAAC,gBAAgB,EAAE,CAAC;IACnC,CAAC;CACD,CAAA;AA5BY,YAAY;IADxB,SAAS,EAAE;IAGT,WAAA,MAAM,CAAC,eAAe,CAAC,CAAA;IACvB,WAAA,MAAM,CAAC,cAAc,CAAC,CAAA;IACtB,WAAA,MAAM,CAAC,gBAAgB,CAAC,CAAA;qCAF4B,eAAe;QACX,cAAc;QAChB,gBAAgB;GAJ5D,YAAY,CA4BxB"}

package/dist/src/modules/app/debug/debug.component.d.ts

@@ -0,0 +1,28 @@
+import { AxesHelper, CameraHelper, GridHelper } from "three";
+import { OrbitControls } from "three/examples/jsm/controls/OrbitControls.js";
+import { CameraComponent } from "../camera/camera.component";
+import { AppComponent } from "../app.component";
+import { WorldComponent } from "../world/world.component";
+export declare class DebugComponent {
+    private readonly appComponent;
+    private readonly cameraComponent;
+    private readonly worldComponent;
+    enabled: boolean;
+    cameraControls?: OrbitControls;
+    miniCameraControls?: OrbitControls;
+    cameraHelper?: CameraHelper;
+    axesHelper?: AxesHelper;
+    gridHelper?: GridHelper;
+    constructor(appComponent: AppComponent, cameraComponent: CameraComponent, worldComponent: WorldComponent);
+    private _setCameraOrbitControl;
+    private _setMiniCameraOrbitControls;
+    private _setCameraHelper;
+    private _setAxesHelper;
+    private _setGridHelper;
+    init(props?: {
+        axesSizes?: number;
+        gridSizes?: number;
+    }): void;
+    update(): void;
+    dispose(): void;
+}

package/dist/src/modules/app/debug/debug.component.js

@@ -0,0 +1,119 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var __param = (this && this.__param) || function (paramIndex, decorator) {
+    return function (target, key) { decorator(target, key, paramIndex); }
+};
+import { inject, singleton } from "tsyringe";
+import { AxesHelper, Camera, CameraHelper, GridHelper } from "three";
+import { OrbitControls } from "three/examples/jsm/controls/OrbitControls.js";
+import { CameraComponent } from "../camera/camera.component";
+import { AppComponent } from "../app.component";
+import { WorldComponent } from "../world/world.component";
+let DebugComponent = class DebugComponent {
+    appComponent;
+    cameraComponent;
+    worldComponent;
+    enabled = true;
+    cameraControls;
+    miniCameraControls;
+    cameraHelper;
+    axesHelper;
+    gridHelper;
+    constructor(appComponent, cameraComponent, worldComponent) {
+        this.appComponent = appComponent;
+        this.cameraComponent = cameraComponent;
+        this.worldComponent = worldComponent;
+    }
+    _setCameraOrbitControl() {
+        if (this.cameraControls) {
+            this.cameraControls?.dispose();
+            this.cameraControls = undefined;
+        }
+        if (!this.enabled || !(this.cameraComponent.instance instanceof Camera))
+            return;
+        if (this.cameraComponent.instance instanceof Camera) {
+            this.cameraControls = new OrbitControls(this.cameraComponent.instance, this.appComponent.proxyReceiver);
+            if (this.cameraControls)
+                this.cameraControls.enableDamping = true;
+        }
+    }
+    _setMiniCameraOrbitControls() {
+        if (this.miniCameraControls) {
+            this.miniCameraControls.dispose();
+            this.miniCameraControls = undefined;
+        }
+        if (!this.enabled)
+            return;
+        if (this.cameraComponent.miniCamera) {
+            this.miniCameraControls = new OrbitControls(this.cameraComponent.miniCamera, this.appComponent.proxyReceiver);
+            this.miniCameraControls.enableDamping = true;
+        }
+    }
+    _setCameraHelper() {
+        if (this.cameraHelper) {
+            this.worldComponent.scene.remove(this.cameraHelper);
+            this.cameraHelper = undefined;
+        }
+        if (!this.enabled)
+            return;
+        if (this.cameraComponent.instance) {
+            this.cameraHelper = new CameraHelper(this.cameraComponent.instance);
+            this.worldComponent.scene.add(this.cameraHelper);
+        }
+    }
+    _setAxesHelper(axesSizes) {
+        const axesHelper = new AxesHelper(axesSizes);
+        this.worldComponent.scene.add(axesHelper);
+    }
+    _setGridHelper(gridSizes) {
+        const axesHelper = new GridHelper(gridSizes, gridSizes);
+        this.worldComponent.scene.add(axesHelper);
+    }
+    init(props) {
+        this._setCameraOrbitControl();
+        this._setMiniCameraOrbitControls();
+        this._setCameraHelper();
+        if (typeof props?.axesSizes === "number")
+            this._setAxesHelper(props.axesSizes);
+        if (typeof props?.gridSizes === "number")
+            this._setGridHelper(props.gridSizes);
+    }
+    update() {
+        if (!this.enabled)
+            return;
+        this.cameraControls?.update();
+        this.miniCameraControls?.update();
+    }
+    dispose() {
+        if (this.cameraHelper) {
+            this.worldComponent.scene.remove(this.cameraHelper);
+            this.cameraHelper = undefined;
+        }
+        if (this.cameraControls) {
+            this.cameraControls.dispose();
+            this.cameraControls = undefined;
+        }
+        if (this.miniCameraControls) {
+            this.miniCameraControls.dispose();
+            this.miniCameraControls = undefined;
+        }
+    }
+};
+DebugComponent = __decorate([
+    singleton(),
+    __param(0, inject(AppComponent)),
+    __param(1, inject(CameraComponent)),
+    __param(2, inject(WorldComponent)),
+    __metadata("design:paramtypes", [AppComponent,
+        CameraComponent,
+        WorldComponent])
+], DebugComponent);
+export { DebugComponent };
+//# sourceMappingURL=debug.component.js.map

package/dist/src/modules/app/debug/debug.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug.component.js","sourceRoot":"","sources":["../../../../../src/modules/app/debug/debug.component.ts"],"names":[],"mappings":"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"}

package/dist/src/modules/app/debug/debug.controller.d.ts

@@ -0,0 +1,6 @@
+import { TimerController } from "../timer/timer.controller";
+export declare class DebugController {
+    private readonly timerController;
+    step$: TimerController["step$"];
+    constructor(timerController: TimerController);
+}

package/dist/src/modules/app/debug/debug.controller.js

@@ -0,0 +1,29 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var __param = (this && this.__param) || function (paramIndex, decorator) {
+    return function (target, key) { decorator(target, key, paramIndex); }
+};
+import { inject, singleton } from "tsyringe";
+import { TimerController } from "../timer/timer.controller";
+let DebugController = class DebugController {
+    timerController;
+    step$;
+    constructor(timerController) {
+        this.timerController = timerController;
+        this.step$ = this.timerController.step$;
+    }
+};
+DebugController = __decorate([
+    singleton(),
+    __param(0, inject(TimerController)),
+    __metadata("design:paramtypes", [TimerController])
+], DebugController);
+export { DebugController };
+//# sourceMappingURL=debug.controller.js.map

package/dist/src/modules/app/debug/debug.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug.controller.js","sourceRoot":"","sources":["../../../../../src/modules/app/debug/debug.controller.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAGrD,IAAM,eAAe,GAArB,MAAM,eAAe;IAIgB;IAHpC,KAAK,CAA2B;IAEvC,YAC2C,eAAgC;QAAhC,oBAAe,GAAf,eAAe,CAAiB;QAE1E,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC;IACzC,CAAC;CACD,CAAA;AARY,eAAe;IAD3B,SAAS,EAAE;IAKT,WAAA,MAAM,CAAC,eAAe,CAAC,CAAA;qCAAmC,eAAe;GAJ/D,eAAe,CAQ3B"}

package/dist/src/modules/app/debug/debug.module.d.ts

@@ -0,0 +1,10 @@
+import { DebugComponent } from "./debug.component";
+import { DebugController } from "./debug.controller";
+import { Module } from "../../../common/interfaces/module.interface";
+export declare class DebugModule implements Module {
+    readonly component: DebugComponent;
+    readonly controller: DebugController;
+    constructor(component: DebugComponent, controller: DebugController);
+    init(props?: Parameters<DebugComponent["init"]>[0]): void;
+    dispose(): void;
+}

package/dist/src/modules/app/debug/debug.module.js

@@ -0,0 +1,41 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var __param = (this && this.__param) || function (paramIndex, decorator) {
+    return function (target, key) { decorator(target, key, paramIndex); }
+};
+import { inject, singleton } from "tsyringe";
+import { DebugComponent } from "./debug.component";
+import { DebugController } from "./debug.controller";
+let DebugModule = class DebugModule {
+    component;
+    controller;
+    constructor(component, controller) {
+        this.component = component;
+        this.controller = controller;
+        this.controller.step$.subscribe(() => {
+            this.component.update();
+        });
+    }
+    init(props) {
+        this.component.init(props);
+    }
+    dispose() {
+        this.component.dispose();
+    }
+};
+DebugModule = __decorate([
+    singleton(),
+    __param(0, inject(DebugComponent)),
+    __param(1, inject(DebugController)),
+    __metadata("design:paramtypes", [DebugComponent,
+        DebugController])
+], DebugModule);
+export { DebugModule };
+//# sourceMappingURL=debug.module.js.map

package/dist/src/modules/app/debug/debug.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug.module.js","sourceRoot":"","sources":["../../../../../src/modules/app/debug/debug.module.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE7C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAK9C,IAAM,WAAW,GAAjB,MAAM,WAAW;IAEkB;IACC;IAF1C,YACyC,SAAyB,EACxB,UAA2B;QAD5B,cAAS,GAAT,SAAS,CAAgB;QACxB,eAAU,GAAV,UAAU,CAAiB;QAEpE,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;YACpC,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;QACzB,CAAC,CAAC,CAAC;IACJ,CAAC;IAEM,IAAI,CAAC,KAA6C;QACxD,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAEM,OAAO;QACb,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;IAC1B,CAAC;CACD,CAAA;AAjBY,WAAW;IADvB,SAAS,EAAE;IAGT,WAAA,MAAM,CAAC,cAAc,CAAC,CAAA;IACtB,WAAA,MAAM,CAAC,eAAe,CAAC,CAAA;qCAD2B,cAAc;QACZ,eAAe;GAHzD,WAAW,CAiBvB"}

package/dist/src/modules/app/renderer/renderer.component.d.ts

@@ -0,0 +1,19 @@
+import { WebGLRenderer } from "three";
+import { WorldComponent } from "../world/world.component";
+import { CameraComponent } from "../camera/camera.component";
+import type { OffscreenCanvasWithStyle } from "../../../common/interfaces/canvas.interface";
+import { SizesComponent } from "../sizes/sizes.component";
+import { DebugComponent } from "../debug/debug.component";
+export declare class RendererComponent {
+    private readonly worldComponent;
+    private readonly cameraComponent;
+    private readonly sizesComponent;
+    private readonly debugComponent;
+    static readonly RENDERER_PIXEL_RATIO: number;
+    enabled: boolean;
+    instance?: WebGLRenderer;
+    constructor(worldComponent: WorldComponent, cameraComponent: CameraComponent, sizesComponent: SizesComponent, debugComponent: DebugComponent);
+    init(canvas: OffscreenCanvasWithStyle): void;
+    setSize(width: number, height: number): void;
+    render(): void;
+}

package/dist/src/modules/app/renderer/renderer.component.js

@@ -0,0 +1,83 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var __param = (this && this.__param) || function (paramIndex, decorator) {
+    return function (target, key) { decorator(target, key, paramIndex); }
+};
+var RendererComponent_1;
+import { Camera, SRGBColorSpace, WebGLRenderer } from "three";
+import { inject, singleton } from "tsyringe";
+import { WorldComponent } from "../world/world.component";
+import { CameraComponent } from "../camera/camera.component";
+import { SizesComponent } from "../sizes/sizes.component";
+import { DebugComponent } from "../debug/debug.component";
+let RendererComponent = class RendererComponent {
+    static { RendererComponent_1 = this; }
+    worldComponent;
+    cameraComponent;
+    sizesComponent;
+    debugComponent;
+    static RENDERER_PIXEL_RATIO = 1;
+    enabled = true;
+    instance;
+    constructor(worldComponent, cameraComponent, sizesComponent, debugComponent) {
+        this.worldComponent = worldComponent;
+        this.cameraComponent = cameraComponent;
+        this.sizesComponent = sizesComponent;
+        this.debugComponent = debugComponent;
+    }
+    init(canvas) {
+        this.instance = new WebGLRenderer({
+            canvas,
+            context: canvas.getContext("webgl2", {
+                stencil: true,
+                powerPreference: "high-performance"
+            }),
+            powerPreference: "high-performance",
+            depth: true,
+            antialias: true
+        });
+        this.instance.autoClear = false;
+        this.instance.setPixelRatio(RendererComponent_1.RENDERER_PIXEL_RATIO);
+        this.instance.setClearColor(0x000000, 0);
+        this.instance.shadowMap.enabled = false;
+        this.instance.outputColorSpace = SRGBColorSpace;
+    }
+    setSize(width, height) {
+        this.instance?.setSize(width, height);
+    }
+    render() {
+        if (!(this.enabled &&
+            this.cameraComponent.instance instanceof Camera &&
+            this.instance instanceof WebGLRenderer))
+            return;
+        this.instance.setViewport(0, 0, this.sizesComponent.width, this.sizesComponent.height);
+        this.instance.render(this.worldComponent.scene, this.cameraComponent.instance);
+        if (this.debugComponent.enabled && this.cameraComponent.miniCamera) {
+            this.instance.setScissorTest(true);
+            this.instance.setViewport(this.sizesComponent.width - this.sizesComponent.width / 3, this.sizesComponent.height - this.sizesComponent.height / 3, this.sizesComponent.width / 3, this.sizesComponent.height / 3);
+            this.instance.setScissor(this.sizesComponent.width - this.sizesComponent.width / 3, this.sizesComponent.height - this.sizesComponent.height / 3, this.sizesComponent.width / 3, this.sizesComponent.height / 3);
+            this.instance.render(this.worldComponent.scene, this.cameraComponent.miniCamera);
+            this.instance.setScissorTest(false);
+        }
+    }
+};
+RendererComponent = RendererComponent_1 = __decorate([
+    singleton(),
+    __param(0, inject(WorldComponent)),
+    __param(1, inject(CameraComponent)),
+    __param(2, inject(SizesComponent)),
+    __param(3, inject(DebugComponent)),
+    __metadata("design:paramtypes", [WorldComponent,
+        CameraComponent,
+        SizesComponent,
+        DebugComponent])
+], RendererComponent);
+export { RendererComponent };
+//# sourceMappingURL=renderer.component.js.map

package/dist/src/modules/app/renderer/renderer.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.component.js","sourceRoot":"","sources":["../../../../../src/modules/app/renderer/renderer.component.ts"],"names":[],"mappings":"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"}

package/dist/src/modules/app/renderer/renderer.controller.d.ts

@@ -0,0 +1,13 @@
+import { Observable } from "rxjs";
+import { SizesController } from "../sizes/sizes.controller";
+import { TimerController } from "../timer/timer.controller";
+import type { StepPayload } from "../../../common/interfaces/event.interface";
+import { RendererComponent } from "./renderer.component";
+export declare class RendererController {
+    private readonly rendererComponent;
+    private readonly timerController;
+    private readonly sizesController;
+    readonly step$: Observable<StepPayload>;
+    readonly resize$: Observable<Event>;
+    constructor(rendererComponent: RendererComponent, timerController: TimerController, sizesController: SizesController);
+}

package/dist/src/modules/app/renderer/renderer.controller.js

@@ -0,0 +1,42 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var __param = (this && this.__param) || function (paramIndex, decorator) {
+    return function (target, key) { decorator(target, key, paramIndex); }
+};
+import { inject, singleton } from "tsyringe";
+import { filter } from "rxjs";
+import { SizesController } from "../sizes/sizes.controller";
+import { TimerController } from "../timer/timer.controller";
+import { RendererComponent } from "./renderer.component";
+let RendererController = class RendererController {
+    rendererComponent;
+    timerController;
+    sizesController;
+    step$;
+    resize$;
+    constructor(rendererComponent, timerController, sizesController) {
+        this.rendererComponent = rendererComponent;
+        this.timerController = timerController;
+        this.sizesController = sizesController;
+        this.step$ = this.timerController.step$.pipe(filter(() => this.rendererComponent.enabled));
+        this.resize$ = this.sizesController.resize$.pipe(filter(() => this.rendererComponent.enabled));
+    }
+};
+RendererController = __decorate([
+    singleton(),
+    __param(0, inject(RendererComponent)),
+    __param(1, inject(TimerController)),
+    __param(2, inject(SizesController)),
+    __metadata("design:paramtypes", [RendererComponent,
+        TimerController,
+        SizesController])
+], RendererController);
+export { RendererController };
+//# sourceMappingURL=renderer.controller.js.map

package/dist/src/modules/app/renderer/renderer.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.controller.js","sourceRoot":"","sources":["../../../../../src/modules/app/renderer/renderer.controller.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAc,MAAM,MAAM,CAAC;AAE1C,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAGlD,IAAM,kBAAkB,GAAxB,MAAM,kBAAkB;IAMZ;IACyB;IACA;IAP3B,KAAK,CAA0B;IAC/B,OAAO,CAAoB;IAE3C,YAEkB,iBAAoC,EACX,eAAgC,EAChC,eAAgC;QAFzD,sBAAiB,GAAjB,iBAAiB,CAAmB;QACX,oBAAe,GAAf,eAAe,CAAiB;QAChC,oBAAe,GAAf,eAAe,CAAiB;QAE1E,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAC3C,MAAM,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAC5C,CAAC;QAEF,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAC/C,MAAM,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAC5C,CAAC;IACH,CAAC;CACD,CAAA;AAlBY,kBAAkB;IAD9B,SAAS,EAAE;IAMT,WAAA,MAAM,CAAC,iBAAiB,CAAC,CAAA;IAEzB,WAAA,MAAM,CAAC,eAAe,CAAC,CAAA;IACvB,WAAA,MAAM,CAAC,eAAe,CAAC,CAAA;qCAFY,iBAAiB;QACM,eAAe;QACf,eAAe;GAR/D,kBAAkB,CAkB9B"}

package/dist/src/modules/app/renderer/renderer.module.d.ts

@@ -0,0 +1,11 @@
+import { RendererComponent } from "./renderer.component";
+import { RendererController } from "./renderer.controller";
+import type { Module } from "../../../common/interfaces/module.interface";
+import type { OffscreenCanvasWithStyle } from "../../../common/interfaces/canvas.interface";
+export declare class RendererModule implements Module {
+    private readonly component;
+    private readonly controller;
+    constructor(component: RendererComponent, controller: RendererController);
+    init(canvas: OffscreenCanvasWithStyle): void;
+    dispose(): void;
+}

package/dist/src/modules/app/renderer/renderer.module.js

@@ -0,0 +1,40 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var __param = (this && this.__param) || function (paramIndex, decorator) {
+    return function (target, key) { decorator(target, key, paramIndex); }
+};
+import { inject, singleton } from "tsyringe";
+import { RendererComponent } from "./renderer.component";
+import { RendererController } from "./renderer.controller";
+let RendererModule = class RendererModule {
+    component;
+    controller;
+    constructor(component, controller) {
+        this.component = component;
+        this.controller = controller;
+    }
+    init(canvas) {
+        this.controller.step$.subscribe(() => this.component.render());
+        this.controller.resize$.subscribe((size) => this.component.setSize(size.x, size.y));
+        this.component.init(canvas);
+    }
+    dispose() {
+        throw new Error("Method not implemented.");
+    }
+};
+RendererModule = __decorate([
+    singleton(),
+    __param(0, inject(RendererComponent)),
+    __param(1, inject(RendererController)),
+    __metadata("design:paramtypes", [RendererComponent,
+        RendererController])
+], RendererModule);
+export { RendererModule };
+//# sourceMappingURL=renderer.module.js.map

package/dist/src/modules/app/renderer/renderer.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.module.js","sourceRoot":"","sources":["../../../../../src/modules/app/renderer/renderer.module.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAKpD,IAAM,cAAc,GAApB,MAAM,cAAc;IAEmB;IACC;IAF9C,YAC6C,SAA4B,EAC3B,UAA8B;QAD/B,cAAS,GAAT,SAAS,CAAmB;QAC3B,eAAU,GAAV,UAAU,CAAoB;IACzE,CAAC;IAEG,IAAI,CAAC,MAAgC;QAC3C,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC;QAE/D,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,IAAS,EAAE,EAAE,CAC/C,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CACtC,CAAC;QAEF,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC;IAEM,OAAO;QACb,MAAM,IAAI,KAAK,CAAC,yBAAyB,CAAC,CAAC;IAC5C,CAAC;CACD,CAAA;AAnBY,cAAc;IAD1B,SAAS,EAAE;IAGT,WAAA,MAAM,CAAC,iBAAiB,CAAC,CAAA;IACzB,WAAA,MAAM,CAAC,kBAAkB,CAAC,CAAA;qCAD4B,iBAAiB;QACf,kBAAkB;GAHhE,cAAc,CAmB1B"}

package/dist/src/modules/app/sizes/sizes.component.d.ts

@@ -0,0 +1,10 @@
+import { OffscreenCanvasWithStyle } from "../../../common/interfaces/canvas.interface";
+export declare class SizesComponent {
+    width: number;
+    height: number;
+    aspect: number;
+    pixelRatio: number;
+    frustrum: number;
+    enabled: boolean;
+    init(canvas: OffscreenCanvasWithStyle, enabled?: boolean): void;
+}

package/dist/src/modules/app/sizes/sizes.component.js

@@ -0,0 +1,26 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { singleton } from "tsyringe";
+let SizesComponent = class SizesComponent {
+    width = 0;
+    height = 0;
+    aspect = 0;
+    pixelRatio = 0;
+    frustrum = 5;
+    enabled = true;
+    init(canvas, enabled) {
+        this.height = Number(canvas.height ?? this.height);
+        this.width = Number(canvas.width ?? this.width);
+        this.aspect = this.width / this.height;
+        this.enabled = enabled === undefined ? true : !!enabled;
+    }
+};
+SizesComponent = __decorate([
+    singleton()
+], SizesComponent);
+export { SizesComponent };
+//# sourceMappingURL=sizes.component.js.map

package/dist/src/modules/app/sizes/sizes.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.component.js","sourceRoot":"","sources":["../../../../../src/modules/app/sizes/sizes.component.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAK9B,IAAM,cAAc,GAApB,MAAM,cAAc;IACnB,KAAK,GAAG,CAAC,CAAC;IACV,MAAM,GAAG,CAAC,CAAC;IACX,MAAM,GAAG,CAAC,CAAC;IACX,UAAU,GAAG,CAAC,CAAC;IACf,QAAQ,GAAG,CAAC,CAAC;IACb,OAAO,GAAG,IAAI,CAAC;IAEf,IAAI,CAAC,MAAgC,EAAE,OAAiB;QAC9D,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC;QACnD,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC;QAChD,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC;QACvC,IAAI,CAAC,OAAO,GAAG,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IACzD,CAAC;CACD,CAAA;AAdY,cAAc;IAD1B,SAAS,EAAE;GACC,cAAc,CAc1B"}

package/dist/src/modules/app/sizes/sizes.controller.d.ts

@@ -0,0 +1,9 @@
+import { Observable } from "rxjs";
+import { AppController } from "../app.controller";
+import { SizesComponent } from "./sizes.component";
+export declare class SizesController {
+    private readonly appController;
+    private readonly component;
+    readonly resize$: Observable<Event>;
+    constructor(appController: AppController, component: SizesComponent);
+}

package/dist/src/modules/app/sizes/sizes.controller.js

@@ -0,0 +1,35 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var __param = (this && this.__param) || function (paramIndex, decorator) {
+    return function (target, key) { decorator(target, key, paramIndex); }
+};
+import { inject, singleton } from "tsyringe";
+import { filter } from "rxjs";
+import { AppController } from "../app.controller";
+import { SizesComponent } from "./sizes.component";
+let SizesController = class SizesController {
+    appController;
+    component;
+    resize$;
+    constructor(appController, component) {
+        this.appController = appController;
+        this.component = component;
+        this.resize$ = this.appController.resize$$.pipe(filter(() => this.component.enabled));
+    }
+};
+SizesController = __decorate([
+    singleton(),
+    __param(0, inject(AppController)),
+    __param(1, inject(SizesComponent)),
+    __metadata("design:paramtypes", [AppController,
+        SizesComponent])
+], SizesController);
+export { SizesController };
+//# sourceMappingURL=sizes.controller.js.map