@illgrenoble/webx-client 0.1.1

package/dist/display/WebXDisplay.js

@@ -0,0 +1,248 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WebXDisplay = void 0;
+const THREE = require("three");
+const three_1 = require("three");
+const WebXWindow_1 = require("./WebXWindow");
+const WebXCursor_1 = require("./WebXCursor");
+const TWEEN = require("@tweenjs/tween.js");
+class WebXDisplay {
+    constructor(containerElement, screenWidth, screenHeight, textureFactory, cursorFactory) {
+        this._windows = [];
+        this._scale = 1;
+        this._disposed = false;
+        this._containerElement = containerElement;
+        this._screenWidth = screenWidth;
+        this._screenHeight = screenHeight;
+        this._textureFactory = textureFactory;
+        this._cursor = new WebXCursor_1.WebXCursor(cursorFactory);
+        this._scene = new THREE.Scene();
+        this._screen = new THREE.Object3D();
+        // this._scene.add(this._screen);
+        this._screen.add(this._cursor.mesh);
+        // this._camera = new THREE.OrthographicCamera(0, screenWidth, 0, screenHeight, 0.1, 100);
+        this._camera = new THREE.OrthographicCamera(0, screenWidth, 0, screenHeight, 0.1, 10000);
+        this._camera.position.z = 1000;
+        this._camera.lookAt(new three_1.Vector3(0, 0, 0));
+        this._renderer = new THREE.WebGLRenderer();
+        this._renderer.setSize(screenWidth, screenHeight, false);
+        const backgroundColor = window.getComputedStyle(this._containerElement).backgroundColor;
+        this._renderer.setClearColor(backgroundColor);
+        this._render();
+        this._bindListeners();
+        // initial size
+        this.resize();
+        this._renderer.render(this._scene, this._camera);
+    }
+    get renderer() {
+        return this._renderer;
+    }
+    get screenWidth() {
+        return this._screenWidth;
+    }
+    get screenHeight() {
+        return this._screenHeight;
+    }
+    get containerElement() {
+        return this._containerElement;
+    }
+    get scale() {
+        return this._scale;
+    }
+    get scene() {
+        return this._scene;
+    }
+    showScreen() {
+        this._scene.add(this._screen);
+    }
+    hideScreen() {
+        this._scene.remove(this._screen);
+    }
+    dispose() {
+        this.hideScreen();
+        for (const window of this._windows) {
+            this._screen.remove(window.mesh);
+            window.dispose();
+        }
+        this._clearElements();
+        this._renderer.dispose();
+        this._disposed = true;
+    }
+    animate() {
+        if (!this._disposed) {
+            requestAnimationFrame((time) => {
+                this.animate();
+                TWEEN.update(time);
+            });
+            this._handleWindowRefresh(Date.now());
+            this._renderer.render(this._scene, this._camera);
+        }
+    }
+    addWindow(window) {
+        if (this._windows.find(existingWindow => existingWindow.id === window.id) == null) {
+            // console.log("Adding window ", window.id)
+            this._windows.push(window);
+            this._screen.add(window.mesh);
+        }
+    }
+    removeWindow(window) {
+        if (this._windows.find(existingWindow => existingWindow.id === window.id) != null) {
+            // console.log("Removing window ", window.id)
+            this._windows = this._windows.filter(existingWindow => existingWindow.id !== window.id);
+            this._screen.remove(window.mesh);
+        }
+    }
+    updateWindows(windows) {
+        return new Promise((resolve) => {
+            // Get windows to remove
+            const deadWindows = this._windows.filter(existingWindow => windows.find(window => window.id === existingWindow.id) == null);
+            // Remove windows that no longer exist
+            deadWindows.forEach(deadWindow => this.removeWindow(deadWindow));
+            let hasNewWindows = false;
+            // Update and add windows
+            windows.forEach((window, index) => {
+                let webXWindow = this.getWindow(window.id);
+                if (webXWindow == null) {
+                    hasNewWindows = true;
+                    // Add a new window
+                    webXWindow = new WebXWindow_1.WebXWindow({
+                        id: window.id,
+                        x: window.x,
+                        y: window.y,
+                        z: index,
+                        width: window.width,
+                        height: window.height
+                    }, this._textureFactory);
+                    this.addWindow(webXWindow);
+                    webXWindow.loadWindowImage()
+                        .then(() => {
+                        // When all windows are visible then callback. This is only really needed for the startup
+                        if (this.checkVisibility(windows.map(window => window.id))) {
+                            resolve();
+                        }
+                    });
+                }
+                else {
+                    // Update window
+                    webXWindow.setRectangle(window.x, window.y, index, window.width, window.height);
+                }
+            });
+            if (!hasNewWindows) {
+                resolve();
+            }
+        });
+    }
+    checkVisibility(windowIds) {
+        const allVisible = windowIds
+            .map(id => this.getWindow(id))
+            .filter(window => window != null)
+            .map(window => window.visible)
+            .reduce((allVisible, visible) => allVisible && visible, true);
+        return allVisible;
+    }
+    updateImage(windowId, depth, colorMap, alphaMap) {
+        const window = this.getWindow(windowId);
+        if (window != null && !(colorMap == null && alphaMap == null)) {
+            window.updateTexture(depth, colorMap, alphaMap, true);
+        }
+    }
+    updateSubImages(windowId, subImages) {
+        const window = this.getWindow(windowId);
+        if (window != null && window.colorMapValid) {
+            const colorMap = window.colorMap;
+            const alphaMap = window.alphaMap;
+            for (let i = 0; i < subImages.length; i++) {
+                const subImage = subImages[i];
+                if (colorMap && subImage.colorMap) {
+                    this._renderer.copyTextureToTexture(new THREE.Vector2(subImage.x, subImage.y), subImage.colorMap, colorMap);
+                }
+                if (alphaMap && subImage.alphaMap) {
+                    this._renderer.copyTextureToTexture(new THREE.Vector2(subImage.x, subImage.y), subImage.alphaMap, alphaMap);
+                }
+            }
+            window.updateTexture(window.depth, colorMap, alphaMap, false);
+        }
+    }
+    updateMouse(x, y, cursorId) {
+        this._cursor.updateCursorId(x, y, cursorId);
+    }
+    updateMousePosition(x, y) {
+        this._cursor.setPosition(x, y);
+    }
+    getWindow(id) {
+        return this._windows.find(window => window.id === id);
+    }
+    /**
+     * Set the scale
+     * @param scale the scale (between 0 and 1)
+     */
+    setScale(scale) {
+        this._scale = scale;
+    }
+    /**
+     * Scale automatically
+     */
+    autoScale() {
+        const container = this._containerElement;
+        const { clientWidth, clientHeight } = container;
+        const { screenWidth, screenHeight } = this;
+        this._scale = Math.min(clientWidth / screenWidth, clientHeight / screenHeight);
+    }
+    /**
+     * Update the screen scale
+     * @param scale between 0 and 1 or empty. If empty then the display will autoscale
+     *              to fit the dimensions of its container
+     */
+    resize(scale) {
+        const element = this._boundsElement;
+        if (scale) {
+            this.setScale(scale);
+        }
+        else {
+            this.autoScale();
+        }
+        element.style.transform = `scale(${this._scale},${this._scale})`;
+    }
+    _clearElements() {
+        while (this._containerElement.firstChild) {
+            this._containerElement.removeChild(this._containerElement.firstChild);
+        }
+    }
+    _createDisplayElement() {
+        const element = document.createElement('div');
+        element.style.width = `${this._screenWidth}px`;
+        element.style.height = `${this._screenHeight}px`;
+        element.appendChild(this._renderer.domElement);
+        return element;
+    }
+    _createDisplayBoundingElement() {
+        const element = document.createElement('div');
+        element.appendChild(this._displayElement);
+        return element;
+    }
+    /**
+     * Render the display to the screen
+     */
+    _render() {
+        this._clearElements();
+        this._displayElement = this._createDisplayElement();
+        this._boundsElement = this._createDisplayBoundingElement();
+        this._containerElement.appendChild(this._boundsElement);
+    }
+    /**
+     * Bind the event listeners
+     */
+    _bindListeners() {
+        this.resize = this.resize.bind(this);
+    }
+    _handleWindowRefresh(now) {
+        this._windows.forEach((window) => {
+            if (window.lastWindowUpdateTimeMs != null && (now - window.lastWindowUpdateTimeMs) > WebXWindow_1.WebXWindow.WINDOW_REFRESH_TIME_MS) {
+                window.lastWindowUpdateTimeMs = null;
+                window.loadWindowImage().then();
+            }
+        });
+    }
+}
+exports.WebXDisplay = WebXDisplay;
+//# sourceMappingURL=WebXDisplay.js.map

package/dist/display/WebXDisplay.js.map

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

package/dist/display/WebXSubImage.d.ts

@@ -0,0 +1,19 @@
+import { Texture } from 'three';
+export declare class WebXSubImage {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    depth: number;
+    colorMap: Texture;
+    alphaMap: Texture;
+    constructor(configuration: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        depth: number;
+        colorMap: Texture;
+        alphaMap: Texture;
+    });
+}

package/dist/display/WebXSubImage.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WebXSubImage = void 0;
+class WebXSubImage {
+    constructor(configuration) {
+        this.width = 1;
+        this.height = 1;
+        this.depth = 32;
+        const { x, y, width, height, depth, colorMap, alphaMap } = configuration;
+        this.x = x;
+        this.y = y;
+        this.width = width;
+        this.height = height;
+        this.depth = depth;
+        this.colorMap = colorMap;
+        this.alphaMap = alphaMap;
+    }
+}
+exports.WebXSubImage = WebXSubImage;
+//# sourceMappingURL=WebXSubImage.js.map

package/dist/display/WebXSubImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebXSubImage.js","sourceRoot":"","sources":["../../src/display/WebXSubImage.ts"],"names":[],"mappings":";;;AAEA,MAAa,YAAY;IASvB,YAAY,aAA0H;QAN/H,UAAK,GAAW,CAAC,CAAC;QAClB,WAAM,GAAW,CAAC,CAAC;QACnB,UAAK,GAAW,EAAE,CAAC;QAKxB,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,aAAa,CAAC;QACzE,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;QACX,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;QACX,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC3B,CAAC;CACF;AAnBD,oCAmBC"}

package/dist/display/WebXTextureFactory.d.ts

@@ -0,0 +1,14 @@
+import { WebXTunnel } from '../tunnel';
+import { Texture } from 'three';
+export declare class WebXTextureFactory {
+    private _tunnel;
+    constructor(_tunnel: WebXTunnel);
+    getWindowTexture(windowId: number): Promise<{
+        depth: number;
+        colorMap: Texture;
+        alphaMap: Texture;
+    }>;
+    createTextureFromBase64Array(imageData: string): Promise<Texture>;
+    createTextureFromArray(imageData: Uint8Array, mimetype: string): Promise<Texture>;
+    createTextureFromBlob(blob: Blob): Promise<Texture>;
+}

package/dist/display/WebXTextureFactory.js

@@ -0,0 +1,101 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WebXTextureFactory = void 0;
+const instruction_1 = require("../instruction");
+const three_1 = require("three");
+class WebXTextureFactory {
+    constructor(_tunnel) {
+        this._tunnel = _tunnel;
+    }
+    getWindowTexture(windowId) {
+        return new Promise((resolve) => {
+            return this._tunnel.sendRequest(new instruction_1.WebXImageInstruction(windowId)).then((response) => {
+                resolve({
+                    depth: response.depth,
+                    colorMap: response.colorMap,
+                    alphaMap: response.alphaMap,
+                });
+            })
+                .catch(err => console.warn('Failed to get texture: ' + err));
+        });
+    }
+    createTextureFromBase64Array(imageData) {
+        return new Promise((resolve, reject) => {
+            if (imageData != null && imageData !== '') {
+                const image = new Image();
+                const texture = new three_1.Texture(image);
+                image.onload = () => {
+                    texture.needsUpdate = true;
+                    texture.flipY = false;
+                    texture.minFilter = three_1.LinearFilter;
+                    resolve(texture);
+                };
+                image.onerror = (error) => {
+                    console.warn(`Failed to create texture from base64: ${error}`);
+                    reject(error);
+                };
+                image.src = imageData;
+            }
+            else {
+                resolve(null);
+            }
+        });
+    }
+    createTextureFromArray(imageData, mimetype) {
+        return new Promise((resolve, reject) => {
+            if (imageData != null && imageData.byteLength > 0) {
+                const blob = new Blob([imageData], { type: mimetype });
+                this.createTextureFromBlob(blob)
+                    .then(texture => {
+                    texture.needsUpdate = true;
+                    texture.flipY = false;
+                    texture.minFilter = three_1.LinearFilter;
+                    resolve(texture);
+                })
+                    .catch(error => {
+                    reject(error);
+                });
+            }
+            else {
+                resolve(null);
+            }
+        });
+    }
+    createTextureFromBlob(blob) {
+        // not supported by all of the browsers at the moment
+        // https://caniuse.com/createimagebitmap
+        if (typeof createImageBitmap === 'function') {
+            return new Promise((resolve, reject) => {
+                createImageBitmap(blob)
+                    .then(bitmap => {
+                    const texture = new three_1.Texture();
+                    texture.image = bitmap;
+                    resolve(texture);
+                })
+                    .catch(error => {
+                    console.warn(`Failed to create texture using createImageBitmap from binary data: ${error}`);
+                    reject(error);
+                });
+            });
+        }
+        else {
+            return new Promise((resolve, reject) => {
+                // fall back to the standard way of creating an image
+                const url = URL.createObjectURL(blob);
+                const image = new Image();
+                image.onload = () => {
+                    URL.revokeObjectURL(url);
+                    const texture = new three_1.Texture(image);
+                    resolve(texture);
+                };
+                image.onerror = (error) => {
+                    console.warn(`Failed to create texture from binary data: ${error}`);
+                    reject(error);
+                };
+                image.src = url;
+            });
+        }
+    }
+}
+exports.WebXTextureFactory = WebXTextureFactory;
+//# sourceMappingURL=WebXTextureFactory.js.map

package/dist/display/WebXTextureFactory.js.map

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

package/dist/display/WebXWindow.d.ts

@@ -0,0 +1,59 @@
+import * as THREE from 'three';
+import { WebXTextureFactory } from './WebXTextureFactory';
+import { Texture } from 'three';
+export declare class WebXWindow {
+    static WINDOW_REFRESH_TIME_MS: number;
+    private static _PLANE_GEOMETRY;
+    private static _COLOR_INDEX;
+    private readonly _textureFactory;
+    private readonly _colorIndex;
+    private readonly _id;
+    private readonly _material;
+    private readonly _mesh;
+    private _depth;
+    private _x;
+    private _y;
+    private _z;
+    private _width;
+    private _height;
+    private _lastWindowUpdateTimeMs;
+    get mesh(): THREE.Mesh;
+    get colorIndex(): number;
+    get id(): number;
+    get visible(): boolean;
+    private set visible(value);
+    get colorMap(): Texture;
+    private set colorMap(value);
+    get alphaMap(): Texture;
+    private set alphaMap(value);
+    get colorMapValid(): boolean;
+    get depth(): number;
+    get x(): number;
+    set x(value: number);
+    get y(): number;
+    set y(value: number);
+    get z(): number;
+    set z(value: number);
+    get width(): number;
+    set width(value: number);
+    get height(): number;
+    set height(value: number);
+    get lastWindowUpdateTimeMs(): number;
+    set lastWindowUpdateTimeMs(value: number);
+    constructor(configuration: {
+        id: number;
+        x: number;
+        y: number;
+        z: number;
+        width: number;
+        height: number;
+    }, textureFactory: WebXTextureFactory);
+    loadWindowImage(): Promise<void>;
+    setRectangle(x: number, y: number, z: number, width: number, height: number): void;
+    updateTexture(depth: number, colorMap: Texture, alphaMap: Texture, isFullWindow: boolean): void;
+    private _updateScale;
+    private _updatePosition;
+    dispose(): void;
+    private _disposeColorMap;
+    private _disposeAlphaMap;
+}