@shopware-ag/dive 1.16.0 → 1.16.2

package/src/light/__test__/PointLight.test.ts

@@ -25,13 +25,15 @@ jest.mock('three', () => {
                     far: 0,
                     fov: 0,
                 },
-            }
+            };
             this.add = mockAdd;
-            this.children = [{
-                material: {
-                    color: {},
+            this.children = [
+                {
+                    material: {
+                        color: {},
+                    },
                 },
-            }];
+            ];
             return this;
         }),
         SphereGeometry: jest.fn(function () {
@@ -58,7 +60,7 @@ jest.mock('three', () => {
             this.userData = {};
             return this;
         }),
-    }
+    };
 });
 
 jest.mock('../../com/Communication.ts', () => {
@@ -67,10 +69,10 @@ jest.mock('../../com/Communication.ts', () => {
             get: jest.fn(() => {
                 return {
                     PerformAction: jest.fn(),
-                }
+                };
             }),
         },
-    }
+    };
 });
 
 describe('dive/light/DIVEPointLight', () => {
@@ -93,7 +95,9 @@ describe('dive/light/DIVEPointLight', () => {
     it('should set color', () => {
         const testLight = new DIVEPointLight();
         testLight.SetColor({ test: true } as unknown as Color);
-        expect((testLight.children[0] as PointLight).color).toEqual({ test: true });
+        expect((testLight.children[0] as PointLight).color).toEqual({
+            test: true,
+        });
     });
 
     it('should set enabled', () => {
@@ -128,4 +132,4 @@ describe('dive/light/DIVEPointLight', () => {
         jest.spyOn(DIVECommunication, 'get').mockReturnValueOnce(undefined);
         expect(() => testLight.onDeselect()).not.toThrow();
     });
-});
+});

package/src/light/__test__/SceneLight.test.ts

@@ -1,6 +1,6 @@
 import DIVESceneLight from '../SceneLight';
 import { DIVECommunication } from '../../com/Communication';
-import { Color, HemisphereLight as THREEHemisphereLight, DirectionalLight as THREEDirectionalLight, Object3D } from 'three';
+import { Color, Object3D } from 'three';
 
 jest.mock('../../com/Communication.ts', () => {
     return {
@@ -8,10 +8,10 @@ jest.mock('../../com/Communication.ts', () => {
             get: jest.fn(() => {
                 return {
                     PerformAction: jest.fn(),
-                }
+                };
             }),
         },
-    }
+    };
 });
 
 const mockAdd = jest.fn();
@@ -36,13 +36,15 @@ jest.mock('three', () => {
                     far: 0,
                     fov: 0,
                 },
-            }
+            };
             this.add = mockAdd;
-            this.children = [{
-                material: {
-                    color: {},
+            this.children = [
+                {
+                    material: {
+                        color: {},
+                    },
                 },
-            }];
+            ];
             this.userData = {};
             return this;
         }),
@@ -94,14 +96,16 @@ jest.mock('three', () => {
                     far: 0,
                     fov: 0,
                 },
-            }
+            };
             this.removeFromParent = mockAdd;
             return this;
         }),
-    }
+    };
 });
 
-jest.spyOn(DIVECommunication, 'get').mockReturnValue({ PerformAction: jest.fn() } as unknown as DIVECommunication);
+jest.spyOn(DIVECommunication, 'get').mockReturnValue({
+    PerformAction: jest.fn(),
+} as unknown as DIVECommunication);
 
 describe('dive/light/DIVESceneLight', () => {
     it('should instantiate', () => {
@@ -118,7 +122,9 @@ describe('dive/light/DIVESceneLight', () => {
 
     it('should set color', () => {
         const testLight = new DIVESceneLight();
-        expect(() => testLight.SetColor({ test: true } as unknown as Color)).not.toThrow();
+        expect(() =>
+            testLight.SetColor({ test: true } as unknown as Color),
+        ).not.toThrow();
     });
 
     it('should set enabled', () => {
@@ -127,4 +133,4 @@ describe('dive/light/DIVESceneLight', () => {
         expect(testLight.children[0].visible).toBe(false);
         expect(testLight.children[1].visible).toBe(false);
     });
-});
+});

package/src/loadingmanager/LoadingManager.ts

@@ -1,4 +1,4 @@
-import { DRACOLoader, GLTF, GLTFLoader } from "three/examples/jsm/Addons.js";
+import { DRACOLoader, GLTF, GLTFLoader } from 'three/examples/jsm/Addons.js';
 
 /**
  * A basic loading manager.
@@ -14,7 +14,9 @@ export class DIVELoadingManager {
     constructor() {
         this.gltfloader = new GLTFLoader();
         this.dracoloader = new DRACOLoader();
-        this.dracoloader.setDecoderPath('https://www.gstatic.com/draco/v1/decoders/');
+        this.dracoloader.setDecoderPath(
+            'https://www.gstatic.com/draco/v1/decoders/',
+        );
         this.gltfloader.setDRACOLoader(this.dracoloader);
     }
 
@@ -23,13 +25,16 @@ export class DIVELoadingManager {
     public async LoadGLTF(uri: string): Promise<GLTF> {
         const progEvent = (p: ProgressEvent<EventTarget>): void => {
             this.progress.set(uri, p.loaded / p.total);
-        }
+        };
 
         this.progress.set(uri, 0);
 
         return new Promise<GLTF>((resolve, reject) => {
-            this.gltfloader.loadAsync(uri, progEvent).then(resolve).catch(reject);
-        })
+            this.gltfloader
+                .loadAsync(uri, progEvent)
+                .then(resolve)
+                .catch(reject);
+        });
     }
 
     public PollProgress(): number {
@@ -41,4 +46,4 @@ export class DIVELoadingManager {
         if (this.progress.size === 0) return 1;
         return total / this.progress.size;
     }
-}
+}

package/src/loadingmanager/__test__/LoadingManager.test.ts

@@ -6,20 +6,26 @@ const mock_setDecoderPath = jest.fn();
 jest.mock('three/examples/jsm/Addons.js', () => {
     return {
         GLTFLoader: jest.fn(function () {
-
-            this.loadAsync = (uri: string, progEvent: (p: ProgressEvent<EventTarget>) => void) => new Promise<void>((resolve) => {
-                progEvent({ loaded: 0, total: 1 } as ProgressEvent<EventTarget>);
-                resolve();
-            });
+            this.loadAsync = (
+                uri: string,
+                progEvent: (p: ProgressEvent<EventTarget>) => void,
+            ) =>
+                new Promise<void>((resolve) => {
+                    progEvent({
+                        loaded: 0,
+                        total: 1,
+                    } as ProgressEvent<EventTarget>);
+                    resolve();
+                });
             this.setDRACOLoader = mock_setDRACOLoader;
             return this;
         }),
         DRACOLoader: jest.fn(() => {
             return {
                 setDecoderPath: mock_setDecoderPath,
-            }
+            };
         }),
-    }
+    };
 });
 
 describe('dive/loadingmanager/DIVELoadingManager', () => {
@@ -48,5 +54,4 @@ describe('dive/loadingmanager/DIVELoadingManager', () => {
         const progress = testLight.PollProgress();
         expect(progress).toBe(1);
     });
-
-});
+});

package/src/math/__test__/DIVEMath.test.ts

@@ -9,4 +9,4 @@ describe('dive/math', () => {
         expect(DIVEMath.toFixedExp).toBeDefined();
         expect(DIVEMath.truncateExp).toBeDefined();
     });
-});
+});

package/src/math/ceil/__test__/ceilExp.test.ts

@@ -9,4 +9,4 @@ describe('dive/math/ceil/ceilExp', () => {
         expect(ceilExp(0.49, 2)).toBe(0.49);
         expect(ceilExp(-1.49, 2)).toBe(-1.49);
     });
-});
+});

package/src/math/ceil/ceilExp.ts

@@ -1,6 +1,6 @@
-import shift from "../helper/shift.ts";
+import shift from '../helper/shift.ts';
 
 export default function ceilExp(number: number, decimals: number = 0): number {
     const n = shift(number, +decimals);
     return shift(Math.ceil(n), -decimals);
-}
+}

package/src/math/floor/__test__/floorExp.test.ts

@@ -11,4 +11,4 @@ describe('dive/math/floor/floorExp', () => {
         expect(floorExp(1.49, 2)).toBe(1.49);
         expect(floorExp(-1.49, 2)).toBe(-1.49);
     });
-});
+});

package/src/math/floor/floorExp.ts

@@ -1,6 +1,6 @@
-import shift from "../helper/shift.ts";
+import shift from '../helper/shift.ts';
 
 export default function floorExp(number: number, decimals: number = 0): number {
     const n = shift(number, +decimals);
     return shift(Math.floor(n), -decimals);
-}
+}

package/src/math/helper/__test__/shift.test.ts

@@ -9,4 +9,4 @@ describe('dive/math/helper/shift', () => {
         expect(shift(0.49, 2)).toBe(49);
         expect(shift(1.49, 2)).toBe(149);
     });
-});
+});

package/src/math/helper/shift.ts

@@ -1,4 +1,4 @@
 export default function shift(value: number, exponent: number): number {
     const subvalues = (value + 'e').split('e');
     return +(subvalues[0] + 'e' + (+subvalues[1] + (exponent || 0)));
-}
+}

package/src/math/index.ts

@@ -1,9 +1,9 @@
-import ceilExp from "./ceil/ceilExp.ts";
-import floorExp from "./floor/floorExp.ts";
-import roundExp from "./round/roundExp.ts";
-import signedAngleTo from "./signedAngleTo/signedAngleTo.ts";
-import toFixedExp from "./toFixed/toFixedExp.ts";
-import truncateExp from "./truncate/truncateExp.ts";
+import ceilExp from './ceil/ceilExp.ts';
+import floorExp from './floor/floorExp.ts';
+import roundExp from './round/roundExp.ts';
+import signedAngleTo from './signedAngleTo/signedAngleTo.ts';
+import toFixedExp from './toFixed/toFixedExp.ts';
+import truncateExp from './truncate/truncateExp.ts';
 
 export const DIVEMath: {
     ceilExp: typeof ceilExp;
@@ -19,4 +19,4 @@ export const DIVEMath: {
     toFixedExp,
     truncateExp,
     signedAngleTo,
-}
+};

package/src/math/round/__test__/roundExp.test.ts

@@ -11,4 +11,4 @@ describe('dive/math/round/roundExp', () => {
         expect(roundExp(1.49, 2)).toBe(1.49);
         expect(roundExp(-1.49, 2)).toBe(-1.49);
     });
-});
+});

package/src/math/round/roundExp.ts

@@ -1,7 +1,10 @@
-import shift from "../helper/shift.ts";
+import shift from '../helper/shift.ts';
 
-export default function roundExponential(number: number, decimals: number = 0): number {
+export default function roundExponential(
+    number: number,
+    decimals: number = 0,
+): number {
     if (number < 0) return -roundExponential(-number, decimals);
     const n = shift(number, +decimals);
     return shift(Math.round(n), -decimals);
-};
+}

package/src/math/signedAngleTo/__test__/signedAngleTo.test.ts

@@ -6,9 +6,15 @@ describe('dive/math/signedAngleTo', () => {
         const planeNormal = new Vector3(0, 0, 1);
         const a = new Vector3(1, 0, 0);
         expect(signedAngleTo(a, new Vector3(1, 0, 0), planeNormal)).toBe(0);
-        expect(signedAngleTo(a, new Vector3(0, 1, 0), planeNormal)).toBe(Math.PI / 2);
-        expect(signedAngleTo(a, new Vector3(-1, 0, 0), planeNormal)).toBe(Math.PI);
-        expect(signedAngleTo(a, new Vector3(0, -1, 0), planeNormal)).toBe(-Math.PI / 2);
+        expect(signedAngleTo(a, new Vector3(0, 1, 0), planeNormal)).toBe(
+            Math.PI / 2,
+        );
+        expect(signedAngleTo(a, new Vector3(-1, 0, 0), planeNormal)).toBe(
+            Math.PI,
+        );
+        expect(signedAngleTo(a, new Vector3(0, -1, 0), planeNormal)).toBe(
+            -Math.PI / 2,
+        );
         expect(signedAngleTo(a, planeNormal, planeNormal)).toBe(0);
     });
-});
+});

package/src/math/signedAngleTo/signedAngleTo.ts

@@ -1,4 +1,4 @@
-import { Vector3 } from "three";
+import { Vector3 } from 'three';
 
 /**
  * Calculate the signed angle between two vectors. Only works when the vectors are on the same plane.
@@ -8,6 +8,13 @@ import { Vector3 } from "three";
  * @returns Signed angle in radians
  */
 
-export default function signedAngleTo(vecA: Vector3, vecB: Vector3, planeNormal: Vector3): number {
-    return Math.atan2(vecA.clone().cross(vecB).dot(planeNormal), vecB.clone().dot(vecA));
-}
+export default function signedAngleTo(
+    vecA: Vector3,
+    vecB: Vector3,
+    planeNormal: Vector3,
+): number {
+    return Math.atan2(
+        vecA.clone().cross(vecB).dot(planeNormal),
+        vecB.clone().dot(vecA),
+    );
+}

package/src/math/toFixed/__test__/toFixedExp.test.ts

@@ -2,13 +2,13 @@ import toFixedExp from '../toFixedExp';
 
 describe('dive/math/toFixed/toFixedExp', () => {
     it('should toFixedExp', () => {
-        expect(toFixedExp(-0.5)).toBe("0");
-        expect(toFixedExp(0.5)).toBe("1");
-        expect(toFixedExp(0.55)).toBe("1");
-        expect(toFixedExp(0.49)).toBe("0");
-        expect(toFixedExp(1.49)).toBe("1");
-        expect(toFixedExp(0.49, 2)).toBe("0.49");
-        expect(toFixedExp(1.49, 2)).toBe("1.49");
-        expect(toFixedExp(-1.49, 2)).toBe("-1.49");
+        expect(toFixedExp(-0.5)).toBe('0');
+        expect(toFixedExp(0.5)).toBe('1');
+        expect(toFixedExp(0.55)).toBe('1');
+        expect(toFixedExp(0.49)).toBe('0');
+        expect(toFixedExp(1.49)).toBe('1');
+        expect(toFixedExp(0.49, 2)).toBe('0.49');
+        expect(toFixedExp(1.49, 2)).toBe('1.49');
+        expect(toFixedExp(-1.49, 2)).toBe('-1.49');
     });
-});
+});

package/src/math/toFixed/toFixedExp.ts

@@ -1,6 +1,9 @@
-import shift from "../helper/shift.ts";
+import shift from '../helper/shift.ts';
 
-export default function toFixedExp(number: number, decimals: number = 0): string {
+export default function toFixedExp(
+    number: number,
+    decimals: number = 0,
+): string {
     const n = shift(number, +decimals);
     return shift(Math.round(n), -decimals).toFixed(decimals);
-}
+}

package/src/math/truncate/__test__/truncateExp.test.ts

@@ -11,4 +11,4 @@ describe('dive/math/truncate/truncateExp', () => {
         expect(truncateExp(1.49, 2)).toBe(1.49);
         expect(truncateExp(-1.49, 2)).toBe(-1.49);
     });
-});
+});

package/src/math/truncate/truncateExp.ts

@@ -1,6 +1,9 @@
-import shift from "../helper/shift.ts";
+import shift from '../helper/shift.ts';
 
-export default function truncateExp(number: number, decimals: number = 0): number {
+export default function truncateExp(
+    number: number,
+    decimals: number = 0,
+): number {
     const n = shift(number, +decimals);
     return shift(Math.trunc(n), -decimals);
-}
+}

package/src/mediacreator/MediaCreator.ts

@@ -1,8 +1,8 @@
-import DIVEPerspectiveCamera from "../camera/PerspectiveCamera.ts";
-import { DIVEScene } from "../scene/Scene.ts";
-import { DIVERenderer } from "../renderer/Renderer.ts";
-import DIVEOrbitControls from "../controls/OrbitControls.ts";
-import { Vector3Like } from "three";
+import DIVEPerspectiveCamera from '../camera/PerspectiveCamera.ts';
+import { DIVEScene } from '../scene/Scene.ts';
+import { DIVERenderer } from '../renderer/Renderer.ts';
+import DIVEOrbitControls from '../controls/OrbitControls.ts';
+import { Vector3Like } from 'three';
 
 /**
  * Creates renderings of the current scene
@@ -15,13 +15,22 @@ export class DIVEMediaCreator {
     private scene: DIVEScene;
     private controller: DIVEOrbitControls;
 
-    constructor(renderer: DIVERenderer, scene: DIVEScene, controller: DIVEOrbitControls) {
+    constructor(
+        renderer: DIVERenderer,
+        scene: DIVEScene,
+        controller: DIVEOrbitControls,
+    ) {
         this.renderer = renderer;
         this.scene = scene;
         this.controller = controller;
     }
 
-    public GenerateMedia(position: Vector3Like, target: Vector3Like, width: number, height: number): string {
+    public GenerateMedia(
+        position: Vector3Like,
+        target: Vector3Like,
+        width: number,
+        height: number,
+    ): string {
         const resetPosition = this.controller.object.position.clone();
         const resetRotation = this.controller.object.quaternion.clone();
 
@@ -32,7 +41,6 @@ export class DIVEMediaCreator {
         this.controller.target.copy(target);
         this.controller.update();
 
-
         const dataUri = this.DrawCanvas().toDataURL();
 
         this.controller.object.position.copy(resetPosition);
@@ -49,9 +57,11 @@ export class DIVEMediaCreator {
         }
 
         // draw canvas
-        this.controller.object.layers.mask = DIVEPerspectiveCamera.LIVE_VIEW_LAYER_MASK;
+        this.controller.object.layers.mask =
+            DIVEPerspectiveCamera.LIVE_VIEW_LAYER_MASK;
         this.renderer.render(this.scene, this.controller.object);
-        this.controller.object.layers.mask = DIVEPerspectiveCamera.EDITOR_VIEW_LAYER_MASK;
+        this.controller.object.layers.mask =
+            DIVEPerspectiveCamera.EDITOR_VIEW_LAYER_MASK;
 
         const returnCanvas = this.renderer.domElement;
 

package/src/mediacreator/__test__/MediaCreator.test.ts

@@ -1,7 +1,9 @@
 import { DIVEMediaCreator } from '../MediaCreator';
 import { DIVERenderer } from '../../renderer/Renderer';
 import { DIVEScene } from '../../scene/Scene';
-import DIVEPerspectiveCamera, { DIVEPerspectiveCameraDefaultSettings } from '../../camera/PerspectiveCamera';
+import DIVEPerspectiveCamera, {
+    DIVEPerspectiveCameraDefaultSettings,
+} from '../../camera/PerspectiveCamera';
 import { type COMPov } from '../../com/types';
 import DIVEOrbitControls from '../../controls/OrbitControls';
 import { DIVEAnimationSystem } from '../../animation/AnimationSystem';
@@ -17,7 +19,7 @@ jest.mock('../../scene/Scene', () => {
     return {
         DIVEScene: jest.fn(() => {
             return {};
-        })
+        }),
     };
 });
 
@@ -40,7 +42,7 @@ jest.mock('../../camera/PerspectiveCamera', () => {
         };
         this.layers = {
             mask: 0,
-        }
+        };
         return this;
     });
 });
@@ -78,12 +80,12 @@ jest.mock('../../renderer/Renderer', () => {
         DIVERenderer: jest.fn(function () {
             this.domElement = {
                 toDataURL: mock_toDataURL,
-            }
+            };
             this.render = mock_render;
             this.OnResize = jest.fn();
             return this;
-        })
-    }
+        }),
+    };
 });
 
 jest.mock('../../animation/AnimationSystem', () => {
@@ -91,7 +93,7 @@ jest.mock('../../animation/AnimationSystem', () => {
         DIVEAnimationSystem: jest.fn(function () {
             this.domElement = {
                 toDataURL: mock_toDataURL,
-            }
+            };
             this.render = mock_render;
             this.OnResize = jest.fn();
             this.AddPreRenderCallback = jest.fn((callback) => {
@@ -99,8 +101,8 @@ jest.mock('../../animation/AnimationSystem', () => {
                 return 'id';
             });
             return this;
-        })
-    }
+        }),
+    };
 });
 
 let mediaCreator: DIVEMediaCreator;
@@ -108,7 +110,15 @@ let mediaCreator: DIVEMediaCreator;
 describe('dive/mediacreator/DIVEMediaCreator', () => {
     beforeEach(() => {
         jest.clearAllMocks();
-        mediaCreator = new DIVEMediaCreator(new DIVERenderer(), new DIVEScene(), new DIVEOrbitControls(new DIVEPerspectiveCamera(DIVEPerspectiveCameraDefaultSettings), new DIVERenderer(), new DIVEAnimationSystem(new DIVERenderer())));
+        mediaCreator = new DIVEMediaCreator(
+            new DIVERenderer(),
+            new DIVEScene(),
+            new DIVEOrbitControls(
+                new DIVEPerspectiveCamera(DIVEPerspectiveCameraDefaultSettings),
+                new DIVERenderer(),
+                new DIVEAnimationSystem(new DIVERenderer()),
+            ),
+        );
     });
 
     it('should instantiate', () => {
@@ -118,10 +128,15 @@ describe('dive/mediacreator/DIVEMediaCreator', () => {
     it('should generate media', () => {
         const mock_POV = {
             position: { x: 0, y: 0, z: 0 },
-            target: { x: 0, y: 0, z: 0 }
+            target: { x: 0, y: 0, z: 0 },
         } as COMPov;
         expect(() => {
-            mediaCreator.GenerateMedia(mock_POV.position, mock_POV.target, 800, 600)
+            mediaCreator.GenerateMedia(
+                mock_POV.position,
+                mock_POV.target,
+                800,
+                600,
+            );
         }).not.toThrow();
         expect(mock_render).toHaveBeenCalledTimes(1);
         expect(mock_toDataURL).toHaveBeenCalledTimes(1);

package/src/model/Model.ts

@@ -40,7 +40,8 @@ export class DIVEModel extends DIVENode {
                 if (this._material) {
                     this._mesh.material = this._material;
                 } else {
-                    this._material = (child as Mesh).material as MeshStandardMaterial;
+                    this._material = (child as Mesh)
+                        .material as MeshStandardMaterial;
                 }
             }
         });
@@ -111,24 +112,40 @@ export class DIVEModel extends DIVENode {
 
     public PlaceOnFloor(): void {
         this.position.y = -this._boundingBox.min.y * this.scale.y;
-        DIVECommunication.get(this.userData.id)?.PerformAction('UPDATE_OBJECT', { id: this.userData.id, position: this.position, rotation: this.rotation, scale: this.scale });
+        DIVECommunication.get(this.userData.id)?.PerformAction(
+            'UPDATE_OBJECT',
+            {
+                id: this.userData.id,
+                position: this.position,
+                rotation: this.rotation,
+                scale: this.scale,
+            },
+        );
     }
 
     public DropIt(): void {
         if (!this.parent) {
-            console.warn('DIVEModel: DropIt() called on a model that is not in the scene.', this);
+            console.warn(
+                'DIVEModel: DropIt() called on a model that is not in the scene.',
+                this,
+            );
             return;
         }
 
         // calculate the bottom center of the bounding box
         const bottomY = this._boundingBox.min.y * this.scale.y;
-        const bbBottomCenter = this.localToWorld(this._boundingBox.getCenter(new Vector3()).multiply(this.scale));
+        const bbBottomCenter = this.localToWorld(
+            this._boundingBox.getCenter(new Vector3()).multiply(this.scale),
+        );
         bbBottomCenter.y = bottomY + this.position.y;
 
         // set up raycaster and raycast all scene objects (product layer)
         const raycaster = new Raycaster(bbBottomCenter, new Vector3(0, -1, 0));
         raycaster.layers.mask = PRODUCT_LAYER_MASK;
-        const intersections = raycaster.intersectObjects(findSceneRecursive(this).Root.children, true);
+        const intersections = raycaster.intersectObjects(
+            findSceneRecursive(this).Root.children,
+            true,
+        );
 
         // if we hit something, move the model to the top on the hit object's bounding box
         if (intersections.length > 0) {
@@ -138,12 +155,23 @@ export class DIVEModel extends DIVENode {
             const worldPos = mesh.localToWorld(meshBB.max.clone());
 
             const oldPos = this.position.clone();
-            const newPos = this.position.clone().setY(worldPos.y).sub(new Vector3(0, bottomY, 0));
+            const newPos = this.position
+                .clone()
+                .setY(worldPos.y)
+                .sub(new Vector3(0, bottomY, 0));
             this.position.copy(newPos);
 
             // if the position changed, update the object in communication
             if (this.position.y === oldPos.y) return;
-            DIVECommunication.get(this.userData.id)?.PerformAction('UPDATE_OBJECT', { id: this.userData.id, position: this.position, rotation: this.rotation, scale: this.scale });
+            DIVECommunication.get(this.userData.id)?.PerformAction(
+                'UPDATE_OBJECT',
+                {
+                    id: this.userData.id,
+                    position: this.position,
+                    rotation: this.rotation,
+                    scale: this.scale,
+                },
+            );
         }
     }
 }