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

package/src/__test__/DIVE.test.ts

@@ -1,274 +0,0 @@
-import DIVE, { DIVESettings } from '../dive.ts';
-
-jest.mock('../com/Communication.ts', () => {
-    return {
-        DIVECommunication: jest.fn(function () {
-            this.PerformAction = jest.fn().mockReturnValue({
-                position: { x: 0, y: 0, z: 0 },
-                target: { x: 0, y: 0, z: 0 },
-            });
-            this.Subscribe = jest.fn(
-                (action: string, callback: (data: { id: string }) => void) => {
-                    callback({ id: 'incorrect id' });
-                    callback({ id: 'test_uuid' });
-                },
-            );
-            this.DestroyInstance = jest.fn();
-
-            return this;
-        }),
-    };
-});
-
-jest.mock('../renderer/Renderer.ts', () => {
-    return {
-        DIVERenderer: jest.fn(function () {
-            this.domElement = {
-                clientWidth: 800,
-                clientHeight: 600,
-                style: {
-                    position: 'absolute',
-                },
-            };
-            this.domElement.parentElement = this.domElement;
-            this.AddPreRenderCallback = (callback: () => void) => {
-                callback();
-            };
-            this.RemovePreRenderCallback = jest.fn();
-            this.AddPostRenderCallback = (callback: () => void) => {
-                callback();
-            };
-            this.getViewport = jest.fn();
-            this.setViewport = jest.fn();
-            this.autoClear = false;
-            this.render = jest.fn();
-            this.StartRenderer = jest.fn();
-            this.OnResize = jest.fn();
-            this.Dispose = jest.fn();
-            return this;
-        }),
-    };
-});
-
-jest.mock('../scene/Scene.ts', () => {
-    return {
-        DIVEScene: jest.fn(function () {
-            this.add = jest.fn();
-            this.isObject3D = true;
-            this.parent = null;
-            this.dispatchEvent = jest.fn();
-            this.position = {
-                set: jest.fn(),
-            };
-            this.SetIntensity = jest.fn();
-            this.SetEnabled = jest.fn();
-            this.SetColor = jest.fn();
-            this.userData = {
-                id: undefined,
-            };
-            this.removeFromParent = jest.fn();
-            return this;
-        }),
-    };
-});
-
-jest.mock('../camera/PerspectiveCamera.ts', () => {
-    return jest.fn(function () {
-        this.isObject3D = true;
-        this.parent = null;
-        this.dispatchEvent = jest.fn();
-        this.position = {
-            set: jest.fn(),
-        };
-        this.SetIntensity = jest.fn();
-        this.SetEnabled = jest.fn();
-        this.SetColor = jest.fn();
-        this.userData = {
-            id: undefined,
-        };
-        this.removeFromParent = jest.fn();
-        this.OnResize = jest.fn();
-        return this;
-    });
-});
-
-jest.mock('../controls/OrbitControls.ts', () => {
-    return jest.fn(function () {
-        this.isObject3D = true;
-        this.parent = null;
-        this.dispatchEvent = jest.fn();
-        this.position = {
-            set: jest.fn(),
-        };
-        this.SetIntensity = jest.fn();
-        this.SetEnabled = jest.fn();
-        this.SetColor = jest.fn();
-        this.userData = {
-            id: undefined,
-        };
-        this.removeFromParent = jest.fn();
-        this.Dispose = jest.fn();
-        return this;
-    });
-});
-
-jest.mock('../toolbox/Toolbox.ts', () => {
-    return jest.fn(function () {
-        this.isObject3D = true;
-        this.parent = null;
-        this.dispatchEvent = jest.fn();
-        this.position = {
-            set: jest.fn(),
-        };
-        this.SetIntensity = jest.fn();
-        this.SetEnabled = jest.fn();
-        this.SetColor = jest.fn();
-        this.userData = {
-            id: undefined,
-        };
-        this.Dispose = jest.fn();
-        this.removeFromParent = jest.fn();
-        return this;
-    });
-});
-
-jest.mock('../axiscamera/AxisCamera.ts', () => {
-    return jest.fn(function () {
-        this.isObject3D = true;
-        this.parent = null;
-        this.dispatchEvent = jest.fn();
-        this.position = {
-            set: jest.fn(),
-        };
-        this.SetIntensity = jest.fn();
-        this.SetEnabled = jest.fn();
-        this.SetColor = jest.fn();
-        this.userData = {
-            id: undefined,
-        };
-        this.removeFromParent = jest.fn();
-        this.SetFromCameraMatrix = jest.fn();
-        this.Dispose = jest.fn();
-        return this;
-    });
-});
-
-console.log = jest.fn();
-
-describe('dive/DIVE', () => {
-    it('should QuickView', () => {
-        const dive = DIVE.QuickView('test_uri');
-        expect(dive).toBeDefined();
-    });
-
-    it('should instantiate', () => {
-        const dive = new DIVE();
-        expect(dive).toBeDefined();
-        expect((window as any).DIVE.PrintScene).toBeDefined();
-        expect(() => (window as any).DIVE.PrintScene()).not.toThrow();
-    });
-
-    it('should instantiate in development DIVE_NODE_ENV', () => {
-        process.env.DIVE_NODE_ENV = 'development';
-        const dive = new DIVE();
-        expect(dive).toBeDefined();
-        expect((window as any).DIVE.PrintScene).toBeDefined();
-        expect(() => (window as any).DIVE.PrintScene()).not.toThrow();
-    });
-
-    it('should dispose', () => {
-        let dive = new DIVE();
-        expect(() => dive.Dispose()).not.toThrow();
-
-        const settings = {
-            displayAxes: true,
-        };
-        dive = new DIVE(settings);
-        expect(() => dive.Dispose()).not.toThrow();
-    });
-
-    it('should instantiate with settings', () => {
-        const settings = {
-            autoResize: false,
-            displayAxes: true,
-            renderer: {
-                antialias: false,
-                alpha: false,
-                stencil: false,
-                shadowMapEnabled: false,
-                shadowMapType: 0,
-                toneMapping: 0,
-            },
-            perspectiveCamera: {
-                fov: 0,
-                near: 0,
-                far: 0,
-            },
-            orbitControls: {
-                enableDamping: false,
-                dampingFactor: 0,
-            },
-        } as DIVESettings;
-        const dive = new DIVE(settings);
-        expect(dive).toBeDefined();
-    });
-
-    it('should have Canvas', () => {
-        const dive = new DIVE();
-        expect(dive.Canvas).toBeDefined();
-    });
-
-    it('should have Communication', () => {
-        const dive = new DIVE();
-        expect(dive.Communication).toBeDefined();
-    });
-
-    it('should have Info', () => {
-        const dive = new DIVE();
-        expect(dive.Info).toBeDefined();
-    });
-
-    it('should resize', () => {
-        const dive = new DIVE();
-        expect(() => dive.OnResize(800, 600)).not.toThrow();
-    });
-
-    it('should update settings', () => {
-        const dive = new DIVE();
-        dive.Settings = {
-            autoResize: false,
-            displayAxes: true,
-            renderer: {
-                antialias: false,
-                alpha: false,
-                stencil: false,
-                shadowMapEnabled: false,
-                shadowMapType: 0,
-                toneMapping: 0,
-            },
-            perspectiveCamera: {
-                fov: 0,
-                near: 0,
-                far: 0,
-            },
-            orbitControls: {
-                enableDamping: false,
-                dampingFactor: 0,
-            },
-        };
-
-        dive.Settings = {
-            autoResize: true,
-        };
-
-        Object.assign(dive.Canvas, { parentElement: null });
-
-        dive.Settings = {
-            autoResize: false,
-        };
-
-        dive.Settings = {
-            autoResize: true,
-        };
-    });
-});

package/src/animation/AnimationSystem.ts

@@ -1,34 +0,0 @@
-import { Tween, update as updateTween } from '@tweenjs/tween.js';
-import { DIVERenderer } from '../renderer/Renderer';
-
-/**
- * Updates all animations.
- * DIVE uses Tween.js to handle animations.
- *
- * @module
- */
-
-export class DIVEAnimationSystem {
-    private _renderer: DIVERenderer;
-    private _rendererCallbackId: string;
-
-    constructor(renderer: DIVERenderer) {
-        this._renderer = renderer;
-
-        this._rendererCallbackId = this._renderer.AddPreRenderCallback(() => {
-            this.Update();
-        });
-    }
-
-    public Dispose(): void {
-        this._renderer.RemovePreRenderCallback(this._rendererCallbackId);
-    }
-
-    public Update(): void {
-        updateTween();
-    }
-
-    public Animate<T extends object>(object: T): Tween<T> {
-        return new Tween<T>(object);
-    }
-}

package/src/animation/__test__/AnimationSystem.test.ts

@@ -1,40 +0,0 @@
-import { DIVERenderer } from '../../renderer/Renderer';
-import { DIVEAnimationSystem } from '../AnimationSystem';
-
-const mockRenderer = {
-    render: jest.fn(),
-    OnResize: jest.fn(),
-    getViewport: jest.fn(),
-    setViewport: jest.fn(),
-    AddPreRenderCallback: jest.fn((callback) => {
-        callback();
-    }),
-    AddPostRenderCallback: jest.fn((callback) => {
-        callback();
-    }),
-    RemovePreRenderCallback: jest.fn(),
-    RemovePostRenderCallback: jest.fn(),
-} as unknown as DIVERenderer;
-
-describe('dive/animation/DIVEAnimationSystem', () => {
-    it('should instantiate', () => {
-        const anim = new DIVEAnimationSystem(mockRenderer);
-        expect(anim).toBeDefined();
-    });
-
-    it('should Animate', () => {
-        const anim = new DIVEAnimationSystem(mockRenderer);
-        const tween = anim.Animate({});
-        expect(tween).toBeDefined();
-    });
-
-    it('should update', () => {
-        const anim = new DIVEAnimationSystem(mockRenderer);
-        expect(() => anim.Update()).not.toThrow();
-    });
-
-    it('should dispose', () => {
-        const anim = new DIVEAnimationSystem(mockRenderer);
-        expect(() => anim.Dispose()).not.toThrow();
-    });
-});

package/src/ar/AR.ts

@@ -1,98 +0,0 @@
-import { DIVEInfo, WebXRUnsupportedReason } from '../info/Info';
-import { DIVEARQuickLook } from './arquicklook/ARQuickLook';
-import { DIVEWebXR } from './webxr/WebXR';
-import { type DIVEScene } from '../scene/Scene';
-import { type DIVERenderer } from '../renderer/Renderer';
-import DIVEOrbitControls from '../controls/OrbitControls';
-import { DIVESceneViewer } from './sceneviewer/SceneViewer';
-
-export type DIVEAROptions = {
-    arPlacement: 'horizontal' | 'vertical';
-    arScale: 'auto' | 'fixed';
-    /**
-     * experimental, currently deactivated
-     */
-    useWebXR: false;
-};
-
-export class DIVEAR {
-    private _renderer: DIVERenderer;
-    private _scene: DIVEScene;
-    private _controller: DIVEOrbitControls;
-
-    constructor(
-        renderer: DIVERenderer,
-        scene: DIVEScene,
-        controller: DIVEOrbitControls,
-    ) {
-        this._renderer = renderer;
-        this._scene = scene;
-        this._controller = controller;
-    }
-
-    public async Launch(options?: DIVEAROptions): Promise<void> {
-        const system = DIVEInfo.GetSystem();
-
-        if (system === 'iOS') {
-            return this.tryARQuickLook();
-        }
-
-        if (system === 'Android') {
-            if (options?.useWebXR) {
-                console.warn('DIVE: WebXR is experimental on Android.');
-                return this.tryWebXR();
-            }
-
-            return this.trySceneViewer();
-        }
-
-        console.log(
-            'DIVE: AR not supported. Not a mobile system. (System is ' +
-                system +
-                ')',
-        );
-    }
-
-    private async tryARQuickLook(options?: DIVEAROptions): Promise<void> {
-        const support = DIVEInfo.GetSupportsARQuickLook();
-        if (!support) {
-            console.log('ARQuickLook not supported');
-            return Promise.reject();
-        }
-
-        console.log('DIVE: Launching AR with ARQuickLook ...');
-
-        // Launch ARQuickLook
-        await DIVEARQuickLook.Launch(this._scene, options);
-        return Promise.resolve();
-    }
-
-    private async tryWebXR(): Promise<void> {
-        const support = await DIVEInfo.GetSupportsWebXR();
-        if (!support) {
-            console.log(
-                'WebXR not supported. Reason: ' +
-                    WebXRUnsupportedReason[
-                        DIVEInfo.GetWebXRUnsupportedReason()!
-                    ],
-            );
-            return Promise.reject();
-        }
-
-        console.log('DIVE: Launching AR with WebXR ...');
-        // Launch WebXR
-        await DIVEWebXR.Launch(this._renderer, this._scene, this._controller);
-        return Promise.resolve();
-    }
-
-    private async trySceneViewer(options?: DIVEAROptions): Promise<void> {
-        // actually we don't have to try here, because SceneViewer is supported on all devices by now.
-        // if there are no AR services (ARCore) installed on the device, SceneViewer will only show the model in 3D.
-        // we also have no options to detect if SceneViewer is supported.
-
-        console.log('DIVE: Launching AR with SceneViewer ...');
-
-        DIVESceneViewer.Launch(this._scene, options);
-        return Promise.resolve();
-    }
-}

package/src/ar/__test__/AR.test.ts

@@ -1,187 +0,0 @@
-import { DIVEAR, type DIVEAROptions } from '../AR';
-import { DIVEInfo } from '../../info/Info';
-import { DIVERenderer } from '../../renderer/Renderer';
-import { DIVEScene } from '../../scene/Scene';
-import DIVEOrbitControls from '../../controls/OrbitControls';
-import { DIVEARQuickLook } from '../arquicklook/ARQuickLook';
-import { DIVESceneViewer } from '../sceneviewer/SceneViewer';
-import { DIVEWebXR } from '../webxr/WebXR';
-
-jest.mock('../arquicklook/ARQuickLook', () => ({
-    DIVEARQuickLook: {
-        Launch: jest.fn(),
-    },
-}));
-
-jest.mock('../webxr/WebXR', () => ({
-    DIVEWebXR: {
-        Launch: jest.fn(),
-    },
-}));
-
-jest.mock('../sceneviewer/SceneViewer', () => ({
-    DIVESceneViewer: {
-        Launch: jest.fn(),
-    },
-}));
-
-describe('DIVEAR', () => {
-    let renderer: DIVERenderer;
-    let scene: DIVEScene;
-    let controller: DIVEOrbitControls;
-    let diveAR: DIVEAR;
-
-    beforeEach(() => {
-        renderer = {} as DIVERenderer;
-        scene = {} as DIVEScene;
-        controller = {} as DIVEOrbitControls;
-        diveAR = new DIVEAR(renderer, scene, controller);
-    });
-
-    describe('Launch', () => {
-        describe('AR Quick Look', () => {
-            it('should launch ARQuickLook on iOS', async () => {
-                jest.spyOn(DIVEInfo, 'GetSystem').mockReturnValue('iOS');
-                jest.spyOn(DIVEInfo, 'GetSupportsARQuickLook').mockReturnValue(
-                    true,
-                );
-                const arQuickLookLaunchSpy = jest.spyOn(
-                    DIVEARQuickLook,
-                    'Launch',
-                );
-
-                const consoleLogSpy = jest
-                    .spyOn(console, 'log')
-                    .mockImplementation();
-
-                await diveAR.Launch();
-
-                expect(arQuickLookLaunchSpy).toHaveBeenCalledWith(
-                    scene,
-                    undefined,
-                );
-                arQuickLookLaunchSpy.mockRestore();
-
-                expect(consoleLogSpy).toHaveBeenCalled();
-                consoleLogSpy.mockRestore();
-            });
-
-            it('should not launch ARQuickLook on iOS if not supported', async () => {
-                jest.spyOn(DIVEInfo, 'GetSystem').mockReturnValue('iOS');
-                jest.spyOn(DIVEInfo, 'GetSupportsARQuickLook').mockReturnValue(
-                    false,
-                );
-                const arQuickLookLaunchSpy = jest.spyOn(
-                    DIVEARQuickLook,
-                    'Launch',
-                );
-
-                const consoleLogSpy = jest
-                    .spyOn(console, 'log')
-                    .mockImplementation();
-
-                await diveAR.Launch().catch(() => {});
-
-                expect(arQuickLookLaunchSpy).not.toHaveBeenCalled();
-                arQuickLookLaunchSpy.mockRestore();
-
-                expect(consoleLogSpy).toHaveBeenCalled();
-                consoleLogSpy.mockRestore();
-            });
-        });
-
-        describe('Scene Viewer', () => {
-            it('should launch SceneViewer on Android', async () => {
-                jest.spyOn(DIVEInfo, 'GetSystem').mockReturnValue('Android');
-
-                const consoleLogSpy = jest
-                    .spyOn(console, 'log')
-                    .mockImplementation();
-
-                await diveAR.Launch();
-
-                expect(DIVESceneViewer.Launch).toHaveBeenCalledWith(
-                    scene,
-                    undefined,
-                );
-
-                expect(consoleLogSpy).toHaveBeenCalled();
-                consoleLogSpy.mockRestore();
-            });
-        });
-
-        describe('WebXR', () => {
-            it('should launch WebXR on Android with useWebXR option', async () => {
-                jest.spyOn(DIVEInfo, 'GetSystem').mockReturnValue('Android');
-                jest.spyOn(DIVEInfo, 'GetSupportsWebXR').mockResolvedValue(
-                    true,
-                );
-
-                const consoleLogSpy = jest
-                    .spyOn(console, 'log')
-                    .mockImplementation();
-                const consoleWarnSpy = jest
-                    .spyOn(console, 'warn')
-                    .mockImplementation();
-
-                await diveAR.Launch({
-                    useWebXR: true,
-                } as unknown as DIVEAROptions);
-
-                expect(DIVEWebXR.Launch).toHaveBeenCalledWith(
-                    renderer,
-                    scene,
-                    controller,
-                );
-                expect(consoleWarnSpy).toHaveBeenCalled();
-                consoleWarnSpy.mockRestore();
-
-                expect(consoleLogSpy).toHaveBeenCalled();
-                consoleLogSpy.mockRestore();
-            });
-
-            it('should not launch WebXR on Android with useWebXR option', async () => {
-                jest.spyOn(DIVEInfo, 'GetSystem').mockReturnValue('Android');
-                jest.spyOn(DIVEInfo, 'GetSupportsWebXR').mockResolvedValue(
-                    false,
-                );
-
-                const consoleLogSpy = jest
-                    .spyOn(console, 'log')
-                    .mockImplementation();
-                const consoleWarnSpy = jest
-                    .spyOn(console, 'warn')
-                    .mockImplementation();
-
-                await diveAR
-                    .Launch({
-                        useWebXR: true,
-                    } as unknown as DIVEAROptions)
-                    .catch(() => {});
-
-                expect(DIVEWebXR.Launch).toHaveBeenCalledWith(
-                    renderer,
-                    scene,
-                    controller,
-                );
-                expect(consoleWarnSpy).toHaveBeenCalled();
-                consoleWarnSpy.mockRestore();
-
-                expect(consoleLogSpy).toHaveBeenCalled();
-                consoleLogSpy.mockRestore();
-            });
-        });
-
-        it('should log AR not supported on non-mobile systems', async () => {
-            const consoleLogSpy = jest
-                .spyOn(console, 'log')
-                .mockImplementation();
-
-            jest.spyOn(DIVEInfo, 'GetSystem').mockReturnValue('Windows');
-
-            await diveAR.Launch();
-
-            expect(consoleLogSpy).toHaveBeenCalled();
-        });
-    });
-});