@iwer/devui 0.1.0

package/lib/index.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DEFAULT_KEYMAP, KeyMapMenu } from './components/mapper.js';
+import { useEffect, useState } from 'react';
+import { ControlsUI } from './components/controls.js';
+import { FOVMenu } from './components/fov.js';
+import { HeaderUI } from './components/header.js';
+import { InputLayer } from './scene.js';
+import { createRoot } from 'react-dom/client';
+const PRIVATE = Symbol('@@iwer/devui/devui');
+export class DevUI {
+    constructor(xrDevice) {
+        xrDevice.ipd = 0;
+        const canvasContainer = xrDevice.canvasContainer;
+        const devuiContainer = document.createElement('div');
+        devuiContainer.style.position = 'fixed';
+        devuiContainer.style.width = '100%';
+        devuiContainer.style.height = '100%';
+        devuiContainer.style.top = '0';
+        devuiContainer.style.left = '0';
+        devuiContainer.style.display = 'flex';
+        devuiContainer.style.justifyContent = 'center';
+        devuiContainer.style.alignItems = 'center';
+        devuiContainer.style.overflow = 'hidden';
+        devuiContainer.style.pointerEvents = 'none';
+        devuiContainer.style.zIndex = '3';
+        canvasContainer.appendChild(devuiContainer);
+        const inputLayer = new InputLayer(xrDevice);
+        const inputLayerElement = inputLayer.domElement;
+        inputLayerElement.style.position = 'fixed';
+        inputLayerElement.style.width = '100%';
+        inputLayerElement.style.height = '100%';
+        inputLayerElement.style.top = '0';
+        inputLayerElement.style.left = '0';
+        inputLayerElement.style.zIndex = '2';
+        canvasContainer.appendChild(inputLayerElement);
+        const root = createRoot(devuiContainer);
+        root.render(_jsx(Overlay, { xrDevice: xrDevice, inputLayer: inputLayer }));
+        this[PRIVATE] = {
+            xrDevice,
+            inputLayer,
+        };
+    }
+}
+const Overlay = ({ xrDevice, inputLayer }) => {
+    const [pointerLocked, setPointerLocked] = useState(false);
+    const [keyMap, setKeyMap] = useState(DEFAULT_KEYMAP);
+    const [keyMapOpen, setKeyMapOpen] = useState(false);
+    const [fovSettingOpen, setFovSettingOpen] = useState(false);
+    useEffect(() => {
+        const pointerLockChangeHandler = () => {
+            const locked = document.pointerLockElement ||
+                // @ts-ignore
+                document.mozPointerLockElement ||
+                // @ts-ignore
+                document.webkitPointerLockElement;
+            setPointerLocked(!!locked);
+        };
+        document.addEventListener('pointerlockchange', pointerLockChangeHandler, false);
+        document.addEventListener('mozpointerlockchange', pointerLockChangeHandler, false);
+        document.addEventListener('webkitpointerlockchange', pointerLockChangeHandler, false);
+        return () => {
+            document.removeEventListener('pointerlockchange', pointerLockChangeHandler, false);
+            document.removeEventListener('mozpointerlockchange', pointerLockChangeHandler, false);
+            document.removeEventListener('webkitpointerlockchange', pointerLockChangeHandler, false);
+        };
+    }, []);
+    return (_jsxs("div", { style: {
+            width: '100vw',
+            height: '100vh',
+            display: 'flex',
+            flexDirection: 'column',
+            justifyContent: 'space-between',
+        }, children: [_jsx(HeaderUI, { xrDevice: xrDevice, inputLayer: inputLayer, keyMapOpen: keyMapOpen, setKeyMapOpen: setKeyMapOpen, fovSettingOpen: fovSettingOpen, setFovSettingOpen: setFovSettingOpen }), keyMapOpen && _jsx(KeyMapMenu, { keyMap: keyMap, setKeyMap: setKeyMap }), fovSettingOpen && (_jsx(FOVMenu, { xrDevice: xrDevice, inputLayer: inputLayer })), _jsx(ControlsUI, { xrDevice: xrDevice, keyMap: keyMap, pointerLocked: pointerLocked })] }));
+};
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

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

package/lib/scene.d.ts

@@ -0,0 +1,54 @@
+import { Group, Mesh, PerspectiveCamera, Quaternion, Scene, Vector3, WebGLRenderer } from 'three';
+import { TransformControls } from 'three/examples/jsm/controls/TransformControls.js';
+import { XRDevice } from 'iwer';
+declare const PRIVATE: unique symbol;
+export declare class InputLayer {
+    [PRIVATE]: {
+        canvasContainer: HTMLDivElement;
+        renderer: WebGLRenderer;
+        scene: Scene;
+        camera: PerspectiveCamera;
+        playerRig: Group;
+        cameraRig: Group;
+        resizeObserver: ResizeObserver;
+        xrDevice: XRDevice;
+        controllerIndicators: {
+            [key in 'left' | 'right']: Mesh;
+        };
+        transformControls: {
+            [key in 'left' | 'right']: TransformControls;
+        };
+        isPointerLocked: boolean;
+        vec3: Vector3;
+        quat: Quaternion;
+        mouseMoveHandler: (event: MouseEvent) => void;
+        headsetDefaultPosition: Vector3;
+        headsetDefaultQuaternion: Quaternion;
+        controllerDefaultPositions: {
+            [key in 'left' | 'right']: Vector3;
+        };
+        controllerDefaultQuaternions: {
+            [key in 'left' | 'right']: Quaternion;
+        };
+        keyState: {
+            [key: string]: boolean;
+        };
+        movePlayerRig: () => void;
+        moveInterval: number | null;
+    };
+    constructor(xrDevice: XRDevice);
+    lockPointer(): void;
+    pointerLockChangeHandler(): void;
+    keyDownHandler(event: KeyboardEvent): void;
+    keyUpHandler(event: KeyboardEvent): void;
+    movePlayerRig(): void;
+    syncFovy(): void;
+    resetDeviceTransforms(): void;
+    syncDeviceTransforms(): void;
+    renderScene(): void;
+    get domElement(): HTMLCanvasElement;
+    resize(): void;
+    dispose(): void;
+}
+export {};
+//# sourceMappingURL=scene.d.ts.map

package/lib/scene.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scene.d.ts","sourceRoot":"","sources":["../src/scene.ts"],"names":[],"mappings":"AAAA,OAAO,EAGN,KAAK,EACL,IAAI,EAEJ,iBAAiB,EACjB,UAAU,EAEV,KAAK,EACL,OAAO,EACP,aAAa,EACb,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,OAAO,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAEhC,QAAA,MAAM,OAAO,eAAqC,CAAC;AAGnD,qBAAa,UAAU;IACtB,CAAC,OAAO,CAAC,EAAE;QACV,eAAe,EAAE,cAAc,CAAC;QAChC,QAAQ,EAAE,aAAa,CAAC;QACxB,KAAK,EAAE,KAAK,CAAC;QACb,MAAM,EAAE,iBAAiB,CAAC;QAC1B,SAAS,EAAE,KAAK,CAAC;QACjB,SAAS,EAAE,KAAK,CAAC;QACjB,cAAc,EAAE,cAAc,CAAC;QAC/B,QAAQ,EAAE,QAAQ,CAAC;QACnB,oBAAoB,EAAE;aAAG,GAAG,IAAI,MAAM,GAAG,OAAO,GAAG,IAAI;SAAE,CAAC;QAC1D,iBAAiB,EAAE;aAAG,GAAG,IAAI,MAAM,GAAG,OAAO,GAAG,iBAAiB;SAAE,CAAC;QACpE,eAAe,EAAE,OAAO,CAAC;QACzB,IAAI,EAAE,OAAO,CAAC;QACd,IAAI,EAAE,UAAU,CAAC;QACjB,gBAAgB,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;QAC9C,sBAAsB,EAAE,OAAO,CAAC;QAChC,wBAAwB,EAAE,UAAU,CAAC;QACrC,0BAA0B,EAAE;aAAG,GAAG,IAAI,MAAM,GAAG,OAAO,GAAG,OAAO;SAAE,CAAC;QACnE,4BAA4B,EAAE;aAAG,GAAG,IAAI,MAAM,GAAG,OAAO,GAAG,UAAU;SAAE,CAAC;QACxE,QAAQ,EAAE;YAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;SAAE,CAAC;QACrC,aAAa,EAAE,MAAM,IAAI,CAAC;QAC1B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;KAC5B,CAAC;gBAEU,QAAQ,EAAE,QAAQ;IAqL9B,WAAW;IAUX,wBAAwB;IAmCxB,cAAc,CAAC,KAAK,EAAE,aAAa;IA2BnC,YAAY,CAAC,KAAK,EAAE,aAAa;IAkBjC,aAAa;IAkBb,QAAQ;IAKR,qBAAqB;IAsBrB,oBAAoB;IAsBpB,WAAW;IAKX,IAAI,UAAU,sBAEb;IAED,MAAM;IASN,OAAO;CA8BP"}

package/lib/scene.js

@@ -0,0 +1,271 @@
+import { BoxGeometry, FrontSide, Group, Mesh, MeshBasicMaterial, PerspectiveCamera, Quaternion, RingGeometry, Scene, Vector3, WebGLRenderer, } from 'three';
+import { TransformControls } from 'three/examples/jsm/controls/TransformControls.js';
+const PRIVATE = Symbol('@@iwer/devui/input-scene');
+const FREE_MOVEMENT_SPEED = 0.016;
+export class InputLayer {
+    constructor(xrDevice) {
+        const canvasContainer = xrDevice.canvasContainer;
+        // Create a scene
+        const scene = new Scene();
+        // Create a camera
+        const camera = new PerspectiveCamera((xrDevice.fovy / Math.PI) * 180, canvasContainer.offsetWidth / canvasContainer.offsetHeight, 0.1, 1000);
+        const playerRig = new Group();
+        const cameraRig = new Group();
+        scene.add(playerRig);
+        playerRig.add(cameraRig);
+        cameraRig.position.fromArray(xrDevice.position.vec3);
+        cameraRig.quaternion.fromArray(xrDevice.quaternion.quat);
+        cameraRig.add(camera);
+        camera.position.x -= xrDevice.ipd / 2;
+        const leftControllerIndicator = new Mesh(new BoxGeometry(0.1, 0.1, 0.1));
+        const rightControllerIndicator = leftControllerIndicator.clone();
+        leftControllerIndicator.position.fromArray(xrDevice.controllers.left.position.vec3);
+        leftControllerIndicator.quaternion.fromArray(xrDevice.controllers.left.quaternion.quat);
+        rightControllerIndicator.position.fromArray(xrDevice.controllers.right.position.vec3);
+        rightControllerIndicator.quaternion.fromArray(xrDevice.controllers.right.quaternion.quat);
+        cameraRig.attach(leftControllerIndicator);
+        cameraRig.attach(rightControllerIndicator);
+        leftControllerIndicator.visible = false;
+        rightControllerIndicator.visible = false;
+        const spaceOriginIndicator = new Mesh(new RingGeometry(0.25, 0.27, 32), new MeshBasicMaterial({
+            color: 0xffffff,
+            side: FrontSide,
+        }));
+        spaceOriginIndicator.rotateX(-Math.PI / 2);
+        scene.add(spaceOriginIndicator);
+        // Create a renderer
+        const renderer = new WebGLRenderer({ alpha: true });
+        renderer.setSize(canvasContainer.offsetWidth, canvasContainer.offsetHeight);
+        renderer.setClearColor(0x000000, 0);
+        canvasContainer.appendChild(renderer.domElement);
+        const leftTransformControls = new TransformControls(camera, renderer.domElement);
+        leftTransformControls.attach(leftControllerIndicator);
+        scene.add(leftTransformControls);
+        const rightTransformControls = new TransformControls(camera, renderer.domElement);
+        rightTransformControls.attach(rightControllerIndicator);
+        scene.add(rightTransformControls);
+        const resizeObserver = new ResizeObserver(() => {
+            this.resize();
+        });
+        resizeObserver.observe(canvasContainer);
+        // Event listeners for TransformControls
+        const setupTransformControls = (controls) => {
+            controls.addEventListener('mouseDown', () => {
+                controls.userData.pressStart = performance.now();
+            });
+            controls.addEventListener('mouseUp', () => {
+                const pressTime = performance.now() - controls.userData.pressStart;
+                controls.userData.pressStart = null;
+                if (pressTime < 200) {
+                    if (controls.mode === 'rotate') {
+                        controls.setMode('translate');
+                    }
+                    else {
+                        controls.setMode('rotate');
+                    }
+                }
+            });
+            controls.addEventListener('change', () => {
+                this.renderScene();
+            });
+        };
+        setupTransformControls(leftTransformControls);
+        setupTransformControls(rightTransformControls);
+        const mouseMoveHandler = (event) => {
+            if (!this[PRIVATE].isPointerLocked)
+                return;
+            const movementX = 
+            // @ts-ignore
+            event.movementX || event.mozMovementX || event.webkitMovementX || 0;
+            const movementY = 
+            // @ts-ignore
+            event.movementY || event.mozMovementY || event.webkitMovementY || 0;
+            playerRig.rotation.y -= movementX * 0.002;
+            cameraRig.rotation.x -= movementY * 0.002;
+            xrDevice.quaternion.copy(cameraRig.getWorldQuaternion(new Quaternion()));
+            this.renderScene();
+        };
+        this[PRIVATE] = {
+            canvasContainer,
+            renderer,
+            scene,
+            camera,
+            playerRig,
+            cameraRig,
+            xrDevice,
+            controllerIndicators: {
+                left: leftControllerIndicator,
+                right: rightControllerIndicator,
+            },
+            transformControls: {
+                left: leftTransformControls,
+                right: rightTransformControls,
+            },
+            headsetDefaultPosition: cameraRig.position.clone(),
+            headsetDefaultQuaternion: cameraRig.quaternion.clone(),
+            controllerDefaultPositions: {
+                left: leftControllerIndicator.position.clone(),
+                right: rightControllerIndicator.position.clone(),
+            },
+            controllerDefaultQuaternions: {
+                left: leftControllerIndicator.quaternion.clone(),
+                right: rightControllerIndicator.quaternion.clone(),
+            },
+            resizeObserver,
+            isPointerLocked: false,
+            vec3: new Vector3(),
+            quat: new Quaternion(),
+            mouseMoveHandler,
+            keyState: {
+                ShiftLeft: false,
+                KeyW: false,
+                KeyA: false,
+                KeyS: false,
+                KeyD: false,
+                ArrowUp: false,
+                ArrowDown: false,
+            },
+            movePlayerRig: () => this.movePlayerRig(),
+            moveInterval: null,
+        };
+        document.addEventListener('pointerlockchange', this.pointerLockChangeHandler.bind(this), false);
+        document.addEventListener('mozpointerlockchange', this.pointerLockChangeHandler.bind(this), false);
+        document.addEventListener('webkitpointerlockchange', this.pointerLockChangeHandler.bind(this), false);
+        document.addEventListener('keydown', this.keyDownHandler.bind(this), false);
+        document.addEventListener('keyup', this.keyUpHandler.bind(this), false);
+    }
+    lockPointer() {
+        this[PRIVATE].renderer.domElement.requestPointerLock =
+            this[PRIVATE].renderer.domElement.requestPointerLock ||
+                // @ts-ignore
+                this[PRIVATE].renderer.domElement.mozRequestPointerLock ||
+                // @ts-ignore
+                this[PRIVATE].renderer.domElement.webkitRequestPointerLock;
+        this[PRIVATE].renderer.domElement.requestPointerLock();
+    }
+    pointerLockChangeHandler() {
+        this[PRIVATE].isPointerLocked =
+            document.pointerLockElement === this[PRIVATE].renderer.domElement ||
+                // @ts-ignore
+                document.mozPointerLockElement === this[PRIVATE].renderer.domElement ||
+                // @ts-ignore
+                document.webkitPointerLockElement === this[PRIVATE].renderer.domElement;
+        if (this[PRIVATE].isPointerLocked) {
+            document.addEventListener('mousemove', this[PRIVATE].mouseMoveHandler, false);
+            Object.values(this[PRIVATE].transformControls).forEach((transformControls) => {
+                transformControls.enabled = false;
+                transformControls.visible = false;
+            });
+        }
+        else {
+            document.removeEventListener('mousemove', this[PRIVATE].mouseMoveHandler, false);
+            Object.values(this[PRIVATE].transformControls).forEach((transformControls) => {
+                transformControls.enabled = true;
+                transformControls.visible = true;
+            });
+        }
+    }
+    keyDownHandler(event) {
+        const { keyState, movePlayerRig, moveInterval } = this[PRIVATE];
+        if (event.code in keyState) {
+            keyState[event.code] = true;
+        }
+        if (keyState.ShiftLeft &&
+            (keyState.KeyW || keyState.KeyA || keyState.KeyS || keyState.KeyD)) {
+            if (!moveInterval) {
+                this[PRIVATE].moveInterval = window.setInterval(movePlayerRig, 16);
+            }
+        }
+        if (keyState.ShiftLeft && keyState.ArrowUp) {
+            this[PRIVATE].cameraRig.position.y += 0.05;
+            this.renderScene();
+        }
+        if (keyState.ShiftLeft && keyState.ArrowDown) {
+            this[PRIVATE].cameraRig.position.y -= 0.05;
+            this.renderScene();
+        }
+    }
+    keyUpHandler(event) {
+        const { keyState, moveInterval } = this[PRIVATE];
+        if (event.code in keyState) {
+            keyState[event.code] = false;
+        }
+        if (!keyState.ShiftLeft ||
+            !(keyState.KeyW || keyState.KeyA || keyState.KeyS || keyState.KeyD)) {
+            if (moveInterval) {
+                window.clearInterval(moveInterval);
+                this[PRIVATE].moveInterval = null;
+            }
+        }
+    }
+    movePlayerRig() {
+        const { playerRig, keyState, vec3 } = this[PRIVATE];
+        vec3.set((keyState.KeyD ? 1 : 0) - (keyState.KeyA ? 1 : 0), 0, (keyState.KeyS ? 1 : 0) - (keyState.KeyW ? 1 : 0));
+        if (vec3.lengthSq() > 0) {
+            vec3
+                .normalize()
+                .multiplyScalar(FREE_MOVEMENT_SPEED)
+                .applyQuaternion(playerRig.quaternion);
+            playerRig.position.add(vec3);
+            this.renderScene();
+        }
+    }
+    syncFovy() {
+        this[PRIVATE].camera.fov = (this[PRIVATE].xrDevice.fovy / Math.PI) * 180;
+        this[PRIVATE].camera.updateProjectionMatrix();
+    }
+    resetDeviceTransforms() {
+        const { playerRig, cameraRig, controllerIndicators } = this[PRIVATE];
+        cameraRig.position.copy(this[PRIVATE].headsetDefaultPosition);
+        cameraRig.quaternion.set(0, 0, 0, 1);
+        playerRig.position.set(0, 0, 0);
+        playerRig.quaternion.set(0, 0, 0, 1);
+        Object.entries(controllerIndicators).forEach(([handedness, controllerIndicator]) => {
+            controllerIndicator.position.copy(
+            // @ts-ignore
+            this[PRIVATE].controllerDefaultPositions[handedness]);
+            controllerIndicator.quaternion.copy(
+            // @ts-ignore
+            this[PRIVATE].controllerDefaultQuaternions[handedness]);
+        });
+        this.syncDeviceTransforms();
+        this.renderScene();
+    }
+    syncDeviceTransforms() {
+        const { xrDevice, cameraRig, controllerIndicators } = this[PRIVATE];
+        xrDevice.position.copy(cameraRig.getWorldPosition(this[PRIVATE].vec3));
+        xrDevice.quaternion.copy(cameraRig.getWorldQuaternion(this[PRIVATE].quat));
+        Object.entries(controllerIndicators).forEach(([handedness, controllerIndicator]) => {
+            // @ts-ignore
+            xrDevice.controllers[handedness].position.copy(controllerIndicator.getWorldPosition(this[PRIVATE].vec3));
+            // @ts-ignore
+            xrDevice.controllers[handedness].quaternion.copy(controllerIndicator.getWorldQuaternion(this[PRIVATE].quat));
+        });
+    }
+    renderScene() {
+        this.syncDeviceTransforms();
+        this[PRIVATE].renderer.render(this[PRIVATE].scene, this[PRIVATE].camera);
+    }
+    get domElement() {
+        return this[PRIVATE].renderer.domElement;
+    }
+    resize() {
+        const width = this[PRIVATE].canvasContainer.offsetWidth;
+        const height = this[PRIVATE].canvasContainer.offsetHeight;
+        this[PRIVATE].renderer.setSize(width, height);
+        this[PRIVATE].camera.aspect = width / height;
+        this[PRIVATE].camera.updateProjectionMatrix();
+        this.renderScene();
+    }
+    dispose() {
+        this[PRIVATE].resizeObserver.disconnect();
+        this[PRIVATE].renderer.dispose();
+        document.removeEventListener('pointerlockchange', this.pointerLockChangeHandler.bind(this), false);
+        document.removeEventListener('mozpointerlockchange', this.pointerLockChangeHandler.bind(this), false);
+        document.removeEventListener('webkitpointerlockchange', this.pointerLockChangeHandler.bind(this), false);
+        document.removeEventListener('mousemove', this[PRIVATE].mouseMoveHandler, false);
+        document.removeEventListener('keydown', this.keyDownHandler.bind(this), false);
+        document.removeEventListener('keyup', this.keyUpHandler.bind(this), false);
+    }
+}
+//# sourceMappingURL=scene.js.map

package/lib/scene.js.map

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

package/package.json

@@ -0,0 +1,51 @@
+{
+	"name": "@iwer/devui",
+	"version": "0.1.0",
+	"description": "Dev UI for IWER",
+	"type": "module",
+	"main": "lib/index.js",
+	"types": "lib/index.d.ts",
+	"files": [
+		"build",
+		"lib"
+	],
+	"scripts": {
+		"build": "tsc && rollup -c"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/meta-quest/immersive-web-emulation-runtime.git"
+	},
+	"keywords": [],
+	"author": "Felix Zhang <fe1ix@meta.com>",
+	"license": "MIT",
+	"bugs": {
+		"url": "https://github.com/meta-quest/immersive-web-emulation-runtime/issues"
+	},
+	"homepage": "https://github.com/meta-quest/immersive-web-emulation-runtime#readme",
+	"dependencies": {
+		"@fortawesome/fontawesome-svg-core": "^6.5.2",
+		"@fortawesome/free-solid-svg-icons": "^6.5.2",
+		"@fortawesome/react-fontawesome": "^0.2.2",
+		"react": "^18.3.1",
+		"react-dom": "^18.3.1",
+		"styled-components": "^6.1.11",
+		"three": "^0.166.1"
+	},
+	"peerDependencies": {
+		"iwer": "1.0.2"
+	},
+	"devDependencies": {
+		"@rollup/plugin-babel": "^6.0.4",
+		"@rollup/plugin-commonjs": "^26.0.1",
+		"@rollup/plugin-node-resolve": "^15.2.3",
+		"@rollup/plugin-replace": "^5.0.7",
+		"@rollup/plugin-terser": "^0.4.4",
+		"@types/react": "^18.3.3",
+		"@types/react-dom": "^18.3.0",
+		"@types/styled-components": "^5.1.34",
+		"rollup": "^4.18.1",
+		"rollup-plugin-peer-deps-external": "^2.2.4",
+		"typescript": "^5.5.3"
+	}
+}