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

package/src/axiscamera/AxisCamera.ts

@@ -1,108 +0,0 @@
-import {
-    AxesHelper,
-    Color,
-    type Material,
-    Matrix4,
-    OrthographicCamera,
-    Vector4,
-} from 'three';
-import SpriteText from 'three-spritetext';
-import { COORDINATE_LAYER_MASK } from '../constant/VisibilityLayerMask.ts';
-import {
-    AxesColorRed,
-    AxesColorGreen,
-    AxesColorBlue,
-    AxesColorRedLetter,
-    AxesColorGreenLetter,
-    AxesColorBlueLetter,
-} from '../constant/AxisHelperColors.ts';
-import { type DIVERenderer } from '../renderer/Renderer.ts';
-import { type DIVEScene } from '../scene/Scene.ts';
-import type DIVEOrbitControls from '../controls/OrbitControls.ts';
-
-/**
- * Shows the scene axes in the bottom left corner of the screen.
- *
- * @module
- */
-
-export default class DIVEAxisCamera extends OrthographicCamera {
-    private axesHelper: AxesHelper;
-
-    private _renderer: DIVERenderer;
-    private _scene: DIVEScene;
-
-    private _renderCallbackId: string;
-
-    constructor(
-        renderer: DIVERenderer,
-        scene: DIVEScene,
-        controls: DIVEOrbitControls,
-    ) {
-        super(-1, 1, 1, -1, 0.1, 100);
-
-        this.layers.mask = COORDINATE_LAYER_MASK;
-
-        this.axesHelper = new AxesHelper(0.5);
-        this.axesHelper.layers.mask = COORDINATE_LAYER_MASK;
-        (this.axesHelper.material as Material).depthTest = false; // always draw
-        this.axesHelper.position.set(0, 0, -1);
-
-        this.axesHelper.setColors(
-            new Color(AxesColorRed),
-            new Color(AxesColorGreen),
-            new Color(AxesColorBlue),
-        );
-
-        const x = new SpriteText('X', 0.2, AxesColorRedLetter);
-        const y = new SpriteText('Y', 0.2, AxesColorGreenLetter);
-        const z = new SpriteText('Z', 0.2, AxesColorBlueLetter);
-        x.layers.mask = COORDINATE_LAYER_MASK;
-        y.layers.mask = COORDINATE_LAYER_MASK;
-        z.layers.mask = COORDINATE_LAYER_MASK;
-        x.position.set(0.7, 0, 0);
-        y.position.set(0, 0.7, 0);
-        z.position.set(0, 0, 0.7);
-        this.axesHelper.add(x);
-        this.axesHelper.add(y);
-        this.axesHelper.add(z);
-
-        this.add(this.axesHelper);
-
-        // attach everything to current scene and render cycle
-        this._renderer = renderer;
-        this._scene = scene;
-        this._scene.add(this);
-
-        const restoreViewport = new Vector4();
-
-        this._renderCallbackId = renderer.AddPostRenderCallback(() => {
-            const restoreBackground = scene.background;
-            scene.background = null;
-
-            renderer.getViewport(restoreViewport);
-            renderer.setViewport(0, 0, 150, 150);
-            renderer.autoClear = false;
-
-            this.SetFromCameraMatrix(controls.object.matrix);
-
-            renderer.render(scene, this);
-
-            renderer.setViewport(restoreViewport);
-            renderer.autoClear = true;
-
-            scene.background = restoreBackground;
-        });
-    }
-
-    public Dispose(): void {
-        this._renderer.RemovePostRenderCallback(this._renderCallbackId);
-        this._scene.remove(this);
-    }
-
-    public SetFromCameraMatrix(matrix: Matrix4): void {
-        this.axesHelper.rotation.setFromRotationMatrix(
-            new Matrix4().extractRotation(matrix).invert(),
-        );
-    }
-}

package/src/axiscamera/__test__/AxisCamera.test.ts

@@ -1,150 +0,0 @@
-import { AxesHelper, Matrix4, OrthographicCamera, Vector4 } from 'three';
-import DIVEAxisCamera from '../AxisCamera';
-import { DIVERenderer } from '../../renderer/Renderer';
-import { DIVEScene } from '../../scene/Scene';
-import DIVEOrbitControls from '../../controls/OrbitControls';
-
-const mockRenderer = {
-    render: jest.fn(),
-    OnResize: jest.fn(),
-    getViewport: jest.fn(),
-    setViewport: jest.fn(),
-    AddPostRenderCallback: jest.fn((callback) => {
-        callback();
-    }),
-    RemovePostRenderCallback: jest.fn(),
-} as unknown as DIVERenderer;
-
-const mockScene = {
-    add: jest.fn(),
-    remove: jest.fn(),
-    SetBackground: jest.fn(),
-    AddSceneObject: jest.fn(),
-    UpdateSceneObject: jest.fn(),
-    DeleteSceneObject: jest.fn(),
-    PlaceOnFloor: jest.fn(),
-    GetSceneObject: jest.fn(),
-    background: {
-        getHexString: jest.fn().mockReturnValue('ffffff'),
-    },
-    Root: {
-        Floor: {
-            isFloor: true,
-            visible: true,
-            material: {
-                color: {
-                    getHexString: jest.fn().mockReturnValue('ffffff'),
-                },
-            },
-            SetVisibility: jest.fn(),
-            SetColor: jest.fn(),
-        },
-        Grid: {
-            SetVisibility: jest.fn(),
-        },
-        HelperRoot: {
-            add: jest.fn(),
-            remove: jest.fn(),
-        },
-    },
-} as unknown as DIVEScene;
-
-const mockController = {
-    enableDamping: true,
-    dampingFactor: 0.25,
-    enableZoom: true,
-    enablePan: true,
-    minPolarAngle: 0,
-    maxPolarAngle: Math.PI,
-    minDistance: 0,
-    maxDistance: Infinity,
-    rotateSpeed: 0.5,
-    panSpeed: 0.5,
-    zoomSpeed: 0.5,
-    keyPanSpeed: 0.5,
-    screenSpacePanning: true,
-    autoRotate: false,
-    autoRotateSpeed: 2.0,
-    enableKeys: true,
-    keys: {
-        LEFT: 37,
-        UP: 38,
-        RIGHT: 39,
-        BOTTOM: 40,
-    },
-    mouseButtons: {
-        LEFT: 0,
-        MIDDLE: 1,
-        RIGHT: 2,
-    },
-    target: {
-        x: 4,
-        y: 5,
-        z: 6,
-        set: jest.fn(),
-        clone: jest.fn().mockReturnValue({ x: 4, y: 5, z: 6 }),
-        copy: jest.fn(),
-    },
-    update: jest.fn(),
-    dispose: jest.fn(),
-    ZoomIn: jest.fn(),
-    ZoomOut: jest.fn(),
-    object: {
-        position: {
-            x: 1,
-            y: 2,
-            z: 3,
-            clone: jest.fn().mockReturnValue({ x: 1, y: 2, z: 3 }),
-            copy: jest.fn(),
-        },
-        quaternion: {
-            x: 1,
-            y: 2,
-            z: 3,
-            w: 4,
-            clone: jest.fn().mockReturnValue({ x: 1, y: 2, z: 3, w: 4 }),
-            copy: jest.fn(),
-        },
-        SetCameraLayer: jest.fn(),
-        OnResize: jest.fn(),
-        layers: {
-            mask: 1,
-        },
-    },
-    MoveTo: jest.fn(),
-    RevertLast: jest.fn(),
-} as unknown as DIVEOrbitControls;
-
-let textAxisCamera: DIVEAxisCamera;
-
-describe('dive/axiscamera/DIVEAxisCamera', () => {
-    beforeEach(() => {
-        textAxisCamera = new DIVEAxisCamera(
-            mockRenderer,
-            mockScene,
-            mockController,
-        );
-    });
-
-    it('should instantiate', () => {
-        expect(textAxisCamera).toBeDefined();
-    });
-
-    it('should set rotation from Matrix4', () => {
-        expect.assertions(0);
-        const matrix = {
-            // prettier-multiline-arrays-next-line-pattern: 4
-            elements: [
-                1, 0, 0, 0,
-                0, 1, 0, 0,
-                0, 0, 1, 0,
-                0, 0, 0, 1,
-            ],
-        } as Matrix4;
-        textAxisCamera.SetFromCameraMatrix(matrix);
-    });
-
-    it('should dispose', () => {
-        textAxisCamera.Dispose();
-    });
-});

package/src/camera/PerspectiveCamera.ts

@@ -1,63 +0,0 @@
-import { PerspectiveCamera } from 'three';
-import {
-    DEFAULT_LAYER_MASK,
-    HELPER_LAYER_MASK,
-    PRODUCT_LAYER_MASK,
-    UI_LAYER_MASK,
-} from '../constant/VisibilityLayerMask.ts';
-
-export type DIVEPerspectiveCameraSettings = {
-    fov: number;
-    near: number;
-    far: number;
-};
-
-export const DIVEPerspectiveCameraDefaultSettings: DIVEPerspectiveCameraSettings =
-    {
-        fov: 70,
-        near: 0.1,
-        far: 1000,
-    };
-
-/**
- * A Perspective camera. Can change the layer mask to show different objects.
- *
- * @module
- */
-
-export default class DIVEPerspectiveCamera extends PerspectiveCamera {
-    public static readonly EDITOR_VIEW_LAYER_MASK =
-        DEFAULT_LAYER_MASK |
-        UI_LAYER_MASK |
-        HELPER_LAYER_MASK |
-        PRODUCT_LAYER_MASK;
-    public static readonly LIVE_VIEW_LAYER_MASK = PRODUCT_LAYER_MASK;
-
-    public onSetCameraLayer: (mask: number) => void = () => {};
-
-    constructor(
-        settings: Partial<DIVEPerspectiveCameraSettings> = DIVEPerspectiveCameraDefaultSettings,
-    ) {
-        super(
-            settings.fov || DIVEPerspectiveCameraDefaultSettings.fov,
-            1,
-            settings.near || DIVEPerspectiveCameraDefaultSettings.near,
-            settings.far || DIVEPerspectiveCameraDefaultSettings.far,
-        );
-
-        this.layers.mask = DIVEPerspectiveCamera.EDITOR_VIEW_LAYER_MASK;
-    }
-
-    public OnResize(width: number, height: number): void {
-        this.aspect = width / height;
-        this.updateProjectionMatrix();
-    }
-
-    public SetCameraLayer(layer: 'LIVE' | 'EDITOR'): void {
-        this.layers.mask =
-            layer === 'LIVE'
-                ? DIVEPerspectiveCamera.LIVE_VIEW_LAYER_MASK
-                : DIVEPerspectiveCamera.EDITOR_VIEW_LAYER_MASK;
-        this.onSetCameraLayer(this.layers.mask);
-    }
-}

package/src/camera/__test__/PerspectiveCamera.test.ts

@@ -1,36 +0,0 @@
-import DIVEPerspectiveCamera from '../PerspectiveCamera';
-
-let cam: DIVEPerspectiveCamera;
-
-describe('dive/camera/DIVEPerspectiveCamera', () => {
-    beforeEach(() => {
-        jest.clearAllMocks();
-        cam = new DIVEPerspectiveCamera();
-    });
-
-    it('should instantiate', () => {
-        cam = new DIVEPerspectiveCamera({});
-        expect(cam).toBeDefined();
-    });
-
-    it('should instantiate with settings', () => {
-        cam = new DIVEPerspectiveCamera({
-            fov: 45,
-            near: 0.1,
-            far: 100,
-        });
-        expect(cam).toBeDefined();
-    });
-
-    it('should resize', () => {
-        const spy = jest.spyOn(cam, 'updateProjectionMatrix');
-        expect(() => cam.OnResize(800, 600)).not.toThrow();
-        expect(cam.aspect).toBe(800 / 600);
-        expect(spy).toHaveBeenCalledTimes(1);
-    });
-
-    it('should set camera layer', () => {
-        expect(() => cam.SetCameraLayer('LIVE')).not.toThrow();
-        expect(() => cam.SetCameraLayer('EDITOR')).not.toThrow();
-    });
-});