@shopware-ag/dive 1.19.0 → 1.19.1-beta.1

package/src/gizmo/rotate/RotateGizmo.ts

@@ -1,143 +0,0 @@
-import { Euler, Object3D, Vector3 } from 'three';
-import {
-    AxesColorBlue,
-    AxesColorGreen,
-    AxesColorRed,
-} from '../../constant/AxisHelperColors';
-import DIVEOrbitControls from '../../controls/OrbitControls';
-import { DIVERadialHandle } from '../handles/RadialHandle';
-import { DIVEGizmo, DIVEGizmoAxis } from '../Gizmo';
-import { DraggableEvent } from '../../toolbox/BaseTool';
-import { DIVEMath } from '../../math';
-
-export class DIVERotateGizmo extends Object3D {
-    public children: DIVERadialHandle[];
-
-    private _controller: DIVEOrbitControls;
-
-    public set debug(value: boolean) {
-        this.children.forEach((child) => {
-            child.debug = value;
-        });
-    }
-
-    private _startRot: Euler | null;
-
-    constructor(controller: DIVEOrbitControls) {
-        super();
-
-        this.name = 'DIVERotateGizmo';
-
-        this.children = [];
-
-        this._startRot = null;
-
-        this._controller = controller;
-
-        this.add(
-            new DIVERadialHandle(
-                'x',
-                1,
-                Math.PI / 2,
-                new Vector3(1, 0, 0),
-                AxesColorRed,
-            ),
-        );
-        this.add(
-            new DIVERadialHandle(
-                'y',
-                1,
-                -Math.PI / 2,
-                new Vector3(0, 1, 0),
-                AxesColorGreen,
-            ),
-        );
-        this.add(
-            new DIVERadialHandle(
-                'z',
-                1,
-                Math.PI / 2,
-                new Vector3(0, 0, 1),
-                AxesColorBlue,
-            ),
-        );
-    }
-
-    public reset(): void {
-        this.children.forEach((child) => {
-            child.reset();
-        });
-    }
-
-    private handleHighlight(
-        axis: DIVEGizmoAxis,
-        value: boolean,
-        dragged: boolean,
-    ): void {
-        // Set highlight state for all handles.
-        this.children.forEach((child) => {
-            if (dragged) {
-                // Dragging has priority when it comes to highlighting.
-                child.highlight = child.axis === axis && dragged;
-            } else {
-                // If nothing is dragged, decide on hovered state.
-                child.highlight = child.axis === axis && value;
-            }
-        });
-    }
-
-    public onHandleHover(handle: DIVERadialHandle, value: boolean): void {
-        // If _startRot is set, it means there is a drag operation in progress.
-        // While dragging, we don't want to change the hover state.
-        if (this._startRot) return;
-
-        if (!this.parent) return;
-        if (!this.parent.parent) return;
-        (this.parent.parent as DIVEGizmo).onHover('rotate', handle.axis, value);
-
-        this.handleHighlight(handle.axis, value, false);
-    }
-
-    public onHandleDragStart(handle: DIVERadialHandle): void {
-        if (!this.parent) return;
-        if (!this.parent.parent) return;
-
-        const object = (this.parent.parent as DIVEGizmo).object;
-        if (!object) return;
-
-        this._startRot = object.rotation.clone();
-        this.handleHighlight(handle.axis, true, true);
-    }
-
-    public onHandleDrag(handle: DIVERadialHandle, e: DraggableEvent): void {
-        if (!this._startRot) return;
-        if (!this.parent) return;
-        if (!this.parent.parent) return;
-        if (!('onChange' in this.parent.parent)) return;
-
-        const currentVector = e.dragCurrent
-            .clone()
-            .sub(this.parent.parent.position)
-            .normalize();
-        const startVector = e.dragStart
-            .clone()
-            .sub(this.parent.parent.position)
-            .normalize();
-        const signedAngle = DIVEMath.signedAngleTo(
-            startVector,
-            currentVector,
-            handle.forwardVector,
-        );
-        const euler = new Euler(
-            this._startRot.x + handle.forwardVector.x * signedAngle,
-            this._startRot.y + handle.forwardVector.y * signedAngle,
-            this._startRot.z + handle.forwardVector.z * signedAngle,
-        );
-        (this.parent.parent as DIVEGizmo).onChange(undefined, euler);
-    }
-
-    public onHandleDragEnd(handle: DIVERadialHandle): void {
-        this._startRot = null;
-        this.handleHighlight(handle.axis, false, false);
-    }
-}

package/src/gizmo/scale/ScaleGizmo.ts

@@ -1,125 +0,0 @@
-import { Object3D, Vector3 } from 'three';
-import {
-    AxesColorBlue,
-    AxesColorGreen,
-    AxesColorRed,
-} from '../../constant/AxisHelperColors';
-import { DIVEHoverable } from '../../interface/Hoverable';
-import DIVEOrbitControls from '../../controls/OrbitControls';
-import { DIVEScaleHandle } from '../handles/ScaleHandle';
-import { DraggableEvent } from '../../toolbox/BaseTool';
-import { DIVEGizmoAxis, DIVEGizmo } from '../Gizmo';
-
-export class DIVEScaleGizmo extends Object3D implements DIVEHoverable {
-    readonly isHoverable: true = true;
-
-    public children: DIVEScaleHandle[];
-
-    private _controller: DIVEOrbitControls;
-
-    public set debug(value: boolean) {
-        this.children.forEach((child) => {
-            child.debug = value;
-        });
-    }
-
-    private _startScale: Vector3 | null;
-
-    constructor(controller: DIVEOrbitControls) {
-        super();
-
-        this.name = 'DIVEScaleGizmo';
-
-        this.children = [];
-
-        this._startScale = null;
-
-        this._controller = controller;
-
-        this.add(
-            new DIVEScaleHandle('x', 1, new Vector3(1, 0, 0), AxesColorRed),
-        );
-        this.add(
-            new DIVEScaleHandle('y', 1, new Vector3(0, 1, 0), AxesColorGreen),
-        );
-        this.add(
-            new DIVEScaleHandle('z', 1, new Vector3(0, 0, 1), AxesColorBlue),
-        );
-    }
-
-    public reset(): void {
-        this.children.forEach((child) => {
-            child.reset();
-        });
-    }
-
-    public update(scale: Vector3): void {
-        this.children.forEach((child) => {
-            child.update(scale);
-        });
-    }
-
-    private handleHighlight(
-        axis: DIVEGizmoAxis,
-        value: boolean,
-        dragged: boolean,
-    ): void {
-        // Set highlight state for all handles.
-        this.children.forEach((child) => {
-            if (dragged) {
-                // Dragging has priority when it comes to highlighting.
-                child.highlight = child.axis === axis && dragged;
-            } else {
-                // If nothing is dragged, decide on hovered state.
-                child.highlight = child.axis === axis && value;
-            }
-        });
-    }
-
-    public onHoverAxis(handle: DIVEScaleHandle, value: boolean): void {
-        // If _startScale is set, it means there is a drag operation in progress.
-        // While dragging, we don't want to change the hover state.
-        if (this._startScale) return;
-
-        if (!this.parent) return;
-        if (!this.parent.parent) return;
-        (this.parent.parent as DIVEGizmo).onHover(
-            'translate',
-            handle.axis,
-            value,
-        );
-
-        this.handleHighlight(handle.axis, value, false);
-    }
-
-    public onAxisDragStart(handle: DIVEScaleHandle): void {
-        if (!this.parent) return;
-        if (!this.parent.parent) return;
-
-        const object = (this.parent.parent as DIVEGizmo).object;
-        if (!object) return;
-
-        this._startScale = object.scale.clone();
-        this.handleHighlight(handle.axis, true, true);
-    }
-
-    public onAxisDrag(axis: DIVEScaleHandle, e: DraggableEvent): void {
-        if (!this._startScale) return;
-
-        if (!this.parent) return;
-        if (!this.parent.parent) return;
-        if (!('onChange' in this.parent.parent)) return;
-
-        const delta = e.dragDelta.clone().projectOnVector(axis.forwardVector);
-        (this.parent.parent as DIVEGizmo).onChange(
-            undefined,
-            undefined,
-            this._startScale.clone().add(delta),
-        );
-    }
-
-    public onAxisDragEnd(handle: DIVEScaleHandle): void {
-        this._startScale = null;
-        this.handleHighlight(handle.axis, false, false);
-    }
-}

package/src/gizmo/translate/TranslateGizmo.ts

@@ -1,114 +0,0 @@
-import { Object3D, Vector3 } from 'three';
-import {
-    AxesColorBlue,
-    AxesColorGreen,
-    AxesColorRed,
-} from '../../constant/AxisHelperColors';
-import DIVEOrbitControls from '../../controls/OrbitControls';
-import { DIVEAxisHandle } from '../handles/AxisHandle';
-import { DIVEGizmo, DIVEGizmoAxis } from '../Gizmo';
-import { DraggableEvent } from '../../toolbox/BaseTool';
-
-export class DIVETranslateGizmo extends Object3D {
-    private _controller: DIVEOrbitControls;
-
-    public set debug(value: boolean) {
-        this.children.forEach((child) => {
-            child.debug = value;
-        });
-    }
-
-    public children: DIVEAxisHandle[];
-
-    private _startPos: Vector3 | null;
-
-    constructor(controller: DIVEOrbitControls) {
-        super();
-
-        this.name = 'DIVETranslateGizmo';
-
-        this.children = [];
-
-        this._startPos = null;
-
-        this._controller = controller;
-
-        this.add(
-            new DIVEAxisHandle('x', 1, new Vector3(1, 0, 0), AxesColorRed),
-        );
-        this.add(
-            new DIVEAxisHandle('y', 1, new Vector3(0, 1, 0), AxesColorGreen),
-        );
-        this.add(
-            new DIVEAxisHandle('z', 1, new Vector3(0, 0, 1), AxesColorBlue),
-        );
-    }
-
-    public reset(): void {
-        this.children.forEach((child) => {
-            child.reset();
-        });
-    }
-
-    private handleHighlight(
-        axis: DIVEGizmoAxis,
-        value: boolean,
-        dragged: boolean,
-    ): void {
-        // Set highlight state for all handles.
-        this.children.forEach((child) => {
-            if (dragged) {
-                // Dragging has priority when it comes to highlighting.
-                child.highlight = child.axis === axis && dragged;
-            } else {
-                // If nothing is dragged, decide on hovered state.
-                child.highlight = child.axis === axis && value;
-            }
-        });
-    }
-
-    public onHandleHover(handle: DIVEAxisHandle, value: boolean): void {
-        // If _startPos is set, it means there is a drag operation in progress.
-        // While dragging, we don't want to change the hover state.
-        if (this._startPos) return;
-
-        if (!this.parent) return;
-        if (!this.parent.parent) return;
-        (this.parent.parent as DIVEGizmo).onHover(
-            'translate',
-            handle.axis,
-            value,
-        );
-
-        this.handleHighlight(handle.axis, value, false);
-    }
-
-    public onHandleDragStart(handle: DIVEAxisHandle): void {
-        if (!this.parent) return;
-        if (!this.parent.parent) return;
-
-        const object = (this.parent.parent as DIVEGizmo).object;
-        if (!object) return;
-
-        this._startPos = object.position.clone();
-        this.handleHighlight(handle.axis, true, true);
-    }
-
-    public onHandleDrag(handle: DIVEAxisHandle, e: DraggableEvent): void {
-        if (!this._startPos) return;
-
-        if (!this.parent) return;
-        if (!this.parent.parent) return;
-        if (!('onChange' in this.parent.parent)) return;
-
-        const delta = e.dragDelta.clone().projectOnVector(handle.forwardVector);
-        (this.parent.parent as DIVEGizmo).onChange(
-            this._startPos.clone().add(delta),
-        );
-    }
-
-    public onHandleDragEnd(handle: DIVEAxisHandle): void {
-        this._startPos = null;
-        this.handleHighlight(handle.axis, false, false);
-    }
-}

package/src/grid/Grid.ts

@@ -1,34 +0,0 @@
-import {
-    GRID_SIDE_LINE_COLOR,
-    GRID_CENTER_LINE_COLOR,
-} from '../constant/GridColors.ts';
-import { HELPER_LAYER_MASK } from '../constant/VisibilityLayerMask.ts';
-import { GridHelper, Object3D } from 'three';
-
-/**
- * A basic grid for the scene.
- *
- * @module
- */
-
-export class DIVEGrid extends Object3D {
-    constructor() {
-        super();
-        this.name = 'Grid';
-
-        const grid = new GridHelper(
-            100,
-            100,
-            GRID_CENTER_LINE_COLOR,
-            GRID_SIDE_LINE_COLOR,
-        );
-        grid.material.depthTest = false;
-        grid.layers.mask = HELPER_LAYER_MASK;
-
-        this.add(grid);
-    }
-
-    public SetVisibility(visible: boolean): void {
-        this.visible = visible;
-    }
-}

package/src/grid/__test__/Grid.test.ts

@@ -1,28 +0,0 @@
-import { DIVEGrid } from '../Grid.ts';
-import { HELPER_LAYER_MASK } from '../../constant/VisibilityLayerMask.ts';
-import { GridHelper } from 'three';
-
-let grid: DIVEGrid;
-
-describe('dive/grid/DIVEGrid', () => {
-    beforeEach(() => {
-        grid = new DIVEGrid();
-    });
-
-    it('should instantiate', () => {
-        expect(grid).toBeDefined();
-        expect(grid.name).toBeTruthy();
-        expect(grid.children.length).toBeGreaterThanOrEqual(1);
-        expect((grid.children[0] as GridHelper).material.depthTest).toBe(false);
-        expect((grid.children[0] as GridHelper).layers.mask).toBe(
-            HELPER_LAYER_MASK,
-        );
-    });
-
-    it('should set visibility', () => {
-        grid.SetVisibility(false);
-        expect(grid.visible).toBe(false);
-        grid.SetVisibility(true);
-        expect(grid.visible).toBe(true);
-    });
-});

package/src/group/Group.ts

@@ -1,184 +0,0 @@
-import {
-    BufferGeometry,
-    Line,
-    LineDashedMaterial,
-    Vector3,
-    Vector3Like,
-} from 'three';
-import { DIVENode } from '../node/Node';
-import { type Object3D } from 'three';
-import { type DIVESceneObject } from '../types';
-
-export class DIVEGroup extends DIVENode {
-    readonly isDIVEGroup: true = true;
-
-    private _members: Object3D[]; // children objects
-
-    public get members(): Object3D[] {
-        return this._members;
-    }
-
-    private _lines: Line[]; // lines to children
-
-    constructor() {
-        super();
-
-        this.name = 'DIVEGroup';
-
-        this._members = [];
-
-        this._lines = [];
-    }
-
-    public SetPosition(position: Vector3Like): void {
-        super.SetPosition(position);
-        this._members.forEach((member) => {
-            if ('isDIVENode' in member) {
-                (member as DIVENode).onMove();
-            }
-        });
-    }
-
-    public SetLinesVisibility(visible: boolean, object?: Object3D): void {
-        if (!object) {
-            this._lines.forEach((line) => {
-                line.visible = visible;
-            });
-            return;
-        }
-
-        const index = this._members.indexOf(object);
-        if (index === -1) return;
-
-        this._lines[index].visible = visible;
-    }
-
-    public attach(object: DIVESceneObject): this {
-        // Check if the object is already a member
-        if (this._members.includes(object)) {
-            return this;
-        }
-
-        // create a line to the new object
-        const line = this.createLine();
-        this.add(line);
-        this._lines.push(line);
-
-        // attach (instead of add) object to keep its world position
-        super.attach(object);
-        this._members.push(object);
-
-        // update line to object points
-        this.updateLineTo(line, object);
-        this.SetLinesVisibility(true, object);
-
-        return this;
-    }
-
-    public remove(object: DIVESceneObject): this {
-        // remove line first
-        const index = this._members.indexOf(object);
-        if (index === -1) return this;
-
-        const line = this._lines[index];
-        super.remove(line);
-        this._lines.splice(index, 1);
-
-        // removes object from group while keeping it's world position
-        super.remove(object);
-        this._members.splice(index, 1);
-
-        return this;
-    }
-
-    public UpdateLineTo(object: Object3D): void {
-        const index = this._members.indexOf(object);
-        if (index === -1) return;
-
-        this.updateLineTo(this._lines[index], object);
-    }
-
-    /**
-     * Adds a line to this grouo as last child.
-     */
-    private createLine(): Line {
-        const geo = new BufferGeometry();
-        const mat = new LineDashedMaterial({
-            color: 0x666666,
-            dashSize: 0.05,
-            gapSize: 0.025,
-        });
-        const line = new Line(geo, mat);
-        line.visible = false;
-        return line;
-    }
-
-    /**
-     * Updates a line to the object.
-     */
-    private updateLineTo(line: Line, object: Object3D): void {
-        line.geometry.setFromPoints([
-            new Vector3(0, 0, 0),
-            object.position.clone(),
-        ]);
-        line.computeLineDistances();
-    }
-
-    // public SetBoundingBoxVisibility(visible: boolean): void {
-    //     this._boxMesh.visible = visible;
-    // }
-
-    // /**
-    //  * Recalculates the position of the group based on it's bounding box.
-    //  * Children's world positions are kept.
-    //  */
-    // private recalculatePosition(): void {
-    //     // store all children's world positions
-    //     const childrensWorldPositions: Vector3[] = this.children.map((child) => child.getWorldPosition(new Vector3()));
-
-    //     // calculate new center and set it as the group's position
-    //     const bbcenter = this.updateBB();
-    //     this.position.copy(bbcenter);
-
-    //     // set childrens's positions so their world positions are kept
-    //     this.children.forEach((child, i) => {
-    //         if (child.uuid === this._boxMesh.uuid) return;
-    //         child.position.copy(this.worldToLocal(childrensWorldPositions[i]));
-    //     });
-
-    //     DIVECommunication.get(this.userData.id)?.PerformAction('UPDATE_OBJECT', { id: this.userData.id, position: this.position });
-    // }
-
-    // /**
-    //  * Updates the bounding box of the group.
-    //  * @returns {Vector3} The new center of the bounding box.
-    //  */
-    // private updateBB(): Vector3 {
-    //     this._boundingBox.makeEmpty();
-
-    //     if (this.children.length === 1) {
-    //         // because we always have the box mesh as 1 child
-    //         return this.position.clone();
-    //     }
-
-    //     this.children.forEach((child) => {
-    //         if (child.uuid === this._boxMesh.uuid) return;
-    //         this._boundingBox.expandByObject(child);
-    //     });
-
-    //     return this._boundingBox.getCenter(new Vector3());
-    // }
-
-    // private updateBoxMesh(): void {
-    //     if (this.children.length === 1) {
-    //         // because we always have the box mesh as 1 child
-    //         this._boxMesh.visible = false;
-    //         return;
-    //     }
-
-    //     this._boxMesh.quaternion.copy(this.quaternion.clone().invert());
-    //     this._boxMesh.scale.set(1 / this.scale.x, 1 / this.scale.y, 1 / this.scale.z);
-    //     this._boxMesh.geometry = new BoxGeometry(this._boundingBox.max.x - this._boundingBox.min.x, this._boundingBox.max.y - this._boundingBox.min.y, this._boundingBox.max.z - this._boundingBox.min.z);
-    //     this._boxMesh.visible = true;
-    // }
-}