@iwer/devui 0.2.0 → 1.0.0

package/lib/src/components/binary.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+import { XRController } from 'iwer/lib/device/XRController';
+interface BinaryButtonProps {
+    xrController: XRController;
+    buttonId: string;
+    pointerLocked: boolean;
+    mappedKey: string;
+}
+export declare const BinaryButton: React.FC<BinaryButtonProps>;
+export {};
+//# sourceMappingURL=binary.d.ts.map

package/lib/src/components/binary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"binary.d.ts","sourceRoot":"","sources":["../../../src/components/binary.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAWH,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAI5D,UAAU,iBAAiB;IAC1B,YAAY,EAAE,YAAY,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4GpD,CAAC"}

package/lib/src/components/binary.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { Button, ButtonContainer, ButtonGroup, Colors, ControlButtonStyles, FAIcon, MappedKeyBlock, } from './styled.js';
+import { useEffect, useState } from 'react';
+import { GamepadIcon } from './icons.js';
+import { MappedKeyDisplay } from './keys.js';
+import { faFingerprint } from '@fortawesome/free-solid-svg-icons';
+import { useDevUIConfig } from '../index.js';
+export const BinaryButton = ({ xrController, buttonId, pointerLocked, mappedKey, }) => {
+    const devuiConfig = useDevUIConfig();
+    const [isTouched, setIsTouched] = useState(false);
+    const [isOnHold, setIsOnHold] = useState(false);
+    const [isPressed, setIsPressed] = useState(false);
+    const [isKeyPressed, setIsKeyPressed] = useState(false);
+    const handedness = xrController.inputSource.handedness;
+    useEffect(() => {
+        const handleKeyDown = (event) => {
+            if (event.code === mappedKey) {
+                xrController.updateButtonValue(buttonId, 1);
+                setIsKeyPressed(true);
+            }
+        };
+        const handleKeyUp = (event) => {
+            if (event.code === mappedKey) {
+                xrController.updateButtonValue(buttonId, 0);
+                setIsKeyPressed(false);
+            }
+        };
+        if (pointerLocked) {
+            window.addEventListener('keydown', handleKeyDown);
+            window.addEventListener('keyup', handleKeyUp);
+        }
+        else {
+            window.removeEventListener('keydown', handleKeyDown);
+            window.removeEventListener('keyup', handleKeyUp);
+        }
+        return () => {
+            window.removeEventListener('keydown', handleKeyDown);
+            window.removeEventListener('keyup', handleKeyUp);
+        };
+    }, [mappedKey, pointerLocked, buttonId, xrController]);
+    return (_jsxs(ButtonContainer, { "$reverse": handedness === 'right', children: [_jsx(GamepadIcon, { buttonName: buttonId, handedness: handedness }), _jsx(ButtonGroup, { "$reverse": handedness === 'right', children: pointerLocked ? (_jsx(MappedKeyBlock, { "$pressed": isKeyPressed, children: MappedKeyDisplay[mappedKey] })) : (_jsxs(_Fragment, { children: [_jsx(Button, { "$reverse": handedness === 'right', style: {
+                                background: isPressed
+                                    ? Colors.gradientLightGreyTranslucent
+                                    : Colors.gradientGreyTranslucent,
+                                width: ControlButtonStyles.widthLong,
+                            }, onClick: () => {
+                                setIsPressed(true);
+                                xrController.updateButtonValue(buttonId, 1);
+                                setTimeout(() => {
+                                    setIsPressed(false);
+                                    xrController.updateButtonValue(buttonId, 0);
+                                }, devuiConfig.buttonPressDuration);
+                            }, children: "Press" }), _jsx(Button, { "$reverse": handedness === 'right', style: {
+                                background: isTouched
+                                    ? Colors.gradientLightGreyTranslucent
+                                    : Colors.gradientGreyTranslucent,
+                                width: ControlButtonStyles.widthShort,
+                            }, onClick: () => {
+                                setIsTouched(!isTouched);
+                                xrController.updateButtonTouch(buttonId, !isTouched);
+                            }, children: _jsx(FAIcon, { icon: faFingerprint }) }), _jsx(Button, { "$reverse": handedness === 'right', style: {
+                                background: isOnHold
+                                    ? Colors.gradientLightGreyTranslucent
+                                    : Colors.gradientGreyTranslucent,
+                                width: ControlButtonStyles.widthLong,
+                            }, onClick: () => {
+                                setIsOnHold(!isOnHold);
+                                xrController.updateButtonValue(buttonId, isOnHold ? 0 : 1);
+                            }, children: "Hold" })] })) })] }));
+};
+//# sourceMappingURL=binary.js.map

package/lib/src/components/binary.js.map

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

package/lib/src/components/controls.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { InputLayer } from '../scene.js';
+import React from 'react';
+import { TransformHandles } from '@pmndrs/handle';
+import type { XRController } from 'iwer/lib/device/XRController.js';
+import { XRDevice } from 'iwer';
+export declare const HeaderButton: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components/dist/types.js").Substitute<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $isRed: boolean;
+}>> & string;
+interface ControlsProps {
+    xrDevice: XRDevice;
+    inputLayer: InputLayer;
+    pointerLocked: boolean;
+}
+export declare const ControlsUI: React.FC<ControlsProps>;
+interface ControllerProps {
+    controller: XRController;
+    handle: TransformHandles;
+    handedness: string;
+    pointerLocked: boolean;
+}
+export declare const ControllerUI: React.FC<ControllerProps>;
+export {};
+//# sourceMappingURL=controls.d.ts.map

package/lib/src/components/controls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../../src/components/controls.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAQH,OAAO,EAAE,UAAU,EAAW,MAAM,aAAa,CAAC;AAYlD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AA0BhC,eAAO,MAAM,YAAY;YAA2B,OAAO;YAwB1D,CAAC;AAEF,UAAU,aAAa;IACtB,QAAQ,EAAE,QAAQ,CAAC;IACnB,UAAU,EAAE,UAAU,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;CACvB;AAuCD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAsB9C,CAAC;AAEF,UAAU,eAAe;IACxB,UAAU,EAAE,YAAY,CAAC;IACzB,MAAM,EAAE,gBAAgB,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAwJlD,CAAC"}

package/lib/src/components/controls.js

@@ -0,0 +1,139 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { Colors, FAIcon } from './styled.js';
+import { ControllerMapper, useKeyMapStore } from './mapper.js';
+import { PRIVATE } from '../scene.js';
+import { faCircleXmark, faGamepad, faGear, faPlug, } from '@fortawesome/free-solid-svg-icons';
+import { AnalogButton } from './analog.js';
+import { BinaryButton } from './binary.js';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { Joystick } from './joystick.js';
+import React from 'react';
+import { Vector3Input } from './vec3.js';
+import { styled } from 'styled-components';
+const ControlsContainer = styled.div `
+	position: fixed;
+	bottom: 8px;
+	padding: 5px;
+	font-family: Arial, sans-serif;
+	color: ${Colors.textWhite};
+	pointer-events: all;
+	background-color: ${Colors.panelBackground};
+	border: 1px solid ${Colors.panelBorder};
+	backdrop-filter: blur(40px);
+	-webkit-backdrop-filter: blur(40px);
+	border-radius: 12px;
+	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
+	overflow: hidden;
+`;
+const SectionBreak = styled.hr `
+	width: 100%;
+	height: 1px;
+	background-color: ${Colors.panelBorder};
+	border: none;
+`;
+export const HeaderButton = styled.button `
+	background-color: transparent;
+	border: none;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	cursor: pointer;
+	color: ${({ $isRed }) => ($isRed ? Colors.dangerRed : Colors.textWhite)};
+	font-size: 12px;
+	padding: 3px;
+	text-transform: none;
+	box-shadow: none;
+
+	&:hover {
+		color: ${({ $isRed }) => ($isRed ? Colors.dangerRedPressed : '#ffffff')};
+	}
+
+	&:active {
+		color: ${({ $isRed }) => ($isRed ? Colors.dangerRedPressed : '#ffffff')};
+	}
+
+	&:focus {
+		outline: none;
+	}
+`;
+function transformGamepadConfig(gamepadConfig) {
+    const axesSet = new Set();
+    // Add all axis ids to the set
+    for (const axis of gamepadConfig.axes) {
+        if (axis && axis.id) {
+            axesSet.add(axis.id);
+        }
+    }
+    // Transform buttons to the desired format
+    const transformed = gamepadConfig.buttons
+        .filter((button) => button !== null) // Filter out null values
+        .map((button) => ({
+        id: button.id,
+        type: button.type,
+        hasAxes: axesSet.has(button.id),
+    }));
+    // Sort the array by hasAxes
+    transformed.sort((a, b) => {
+        if (a.hasAxes && !b.hasAxes)
+            return -1;
+        if (!a.hasAxes && b.hasAxes)
+            return 1;
+        return 0;
+    });
+    return transformed;
+}
+export const ControlsUI = ({ xrDevice, inputLayer, pointerLocked, }) => {
+    return (_jsx(_Fragment, { children: Object.entries(xrDevice.controllers).map(([handedness, controller]) => (_jsx(ControllerUI, { controller: controller, handle: inputLayer[PRIVATE].transformHandles.get(handedness), handedness: handedness, pointerLocked: pointerLocked }, `controller-${handedness}`))) }));
+};
+export const ControllerUI = ({ controller, handle, handedness, pointerLocked, }) => {
+    const { keyMap } = useKeyMapStore();
+    const [connected, setConnected] = React.useState(controller.connected);
+    const [settingsOpen, setSettingsOpen] = React.useState(false);
+    React.useEffect(() => {
+        if (pointerLocked) {
+            setSettingsOpen(false);
+        }
+    }, [pointerLocked]);
+    return (_jsxs(ControlsContainer, { style: handedness === 'left' ? { left: '8px' } : { right: '8px' }, children: [!pointerLocked && (_jsx(_Fragment, { children: _jsxs("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'row',
+                        justifyContent: 'space-between',
+                        alignItems: 'center',
+                    }, children: [_jsxs("div", { style: {
+                                fontSize: '13px',
+                                display: 'flex',
+                                flexDirection: 'row',
+                                alignItems: 'center',
+                            }, children: [_jsx(FontAwesomeIcon, { icon: faGamepad, style: { marginRight: '5px' } }), "Controller\u00A0", _jsxs("span", { style: { fontWeight: 'bold' }, children: ["[", handedness === 'left' ? 'L' : 'R', "]"] })] }), _jsx("div", { style: {
+                                display: 'flex',
+                                flexDirection: 'row',
+                                gap: '1px',
+                            }, children: connected ? (_jsxs(_Fragment, { children: [_jsx(HeaderButton, { "$isRed": false, onClick: () => {
+                                            setSettingsOpen(!settingsOpen);
+                                        }, children: _jsx(FAIcon, { icon: faGear }) }), _jsx(HeaderButton, { "$isRed": true, onClick: () => {
+                                            controller.connected = false;
+                                            setConnected(false);
+                                        }, children: _jsx(FAIcon, { icon: faCircleXmark }) })] })) : (_jsx(HeaderButton, { "$isRed": false, onClick: () => {
+                                    controller.connected = true;
+                                    setConnected(true);
+                                }, style: { marginLeft: '5px' }, children: _jsx(FAIcon, { icon: faPlug }) })) })] }) })), connected && !pointerLocked && (_jsxs(_Fragment, { children: [!settingsOpen && (_jsxs(_Fragment, { children: [_jsx(SectionBreak, {}), _jsx(Vector3Input, { vector: handle.position, label: "Position" }), _jsx(Vector3Input, { vector: handle.rotation, label: "Rotation" })] })), _jsx(SectionBreak, {})] })), connected &&
+                (settingsOpen ? (_jsx(ControllerMapper, { handedness: handedness })) : (transformGamepadConfig(controller.gamepadConfig).map((buttonConfig) => {
+                    const mapping = keyMap[handedness];
+                    if (buttonConfig.hasAxes) {
+                        return (_jsx(Joystick, { xrController: controller, pointerLocked: pointerLocked, buttonId: buttonConfig.id, mappedKeyUp: keyMap[handedness][`${buttonConfig.id}-up`], mappedKeyDown: mapping[`${buttonConfig.id}-down`], mappedKeyLeft: mapping[`${buttonConfig.id}-left`], mappedKeyRight: mapping[`${buttonConfig.id}-right`], mappedKeyPressed: mapping[buttonConfig.id] }, buttonConfig.id));
+                    }
+                    else if (buttonConfig.type === 'analog') {
+                        return (_jsx(AnalogButton, { xrController: controller, buttonId: buttonConfig.id, mappedKey: mapping[buttonConfig.id], pointerLocked: pointerLocked }, buttonConfig.id));
+                    }
+                    else {
+                        return (_jsx(BinaryButton, { xrController: controller, buttonId: buttonConfig.id, mappedKey: mapping[buttonConfig.id], pointerLocked: pointerLocked }, buttonConfig.id));
+                    }
+                })))] }, handedness));
+};
+//# sourceMappingURL=controls.js.map

package/lib/src/components/controls.js.map

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

package/lib/src/components/fov.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+import { InputLayer } from '../scene.js';
+import { XRDevice } from 'iwer';
+interface FOVMenuProps {
+    xrDevice: XRDevice;
+    inputLayer: InputLayer;
+}
+export declare const FOVMenu: React.FC<FOVMenuProps>;
+export {};
+//# sourceMappingURL=fov.d.ts.map

package/lib/src/components/fov.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fov.d.ts","sourceRoot":"","sources":["../../../src/components/fov.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAGhC,UAAU,YAAY;IACrB,QAAQ,EAAE,QAAQ,CAAC;IACnB,UAAU,EAAE,UAAU,CAAC;CACvB;AAaD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA4B1C,CAAC"}

package/lib/src/components/fov.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { Button, ButtonGroup, RangeSelector } from './styled.js';
+import { useState } from 'react';
+import { styled } from 'styled-components';
+const FovSettingContainer = styled.div `
+	display: flex;
+	justify-content: center;
+	pointer-events: all;
+	position: fixed;
+	display: flex;
+	top: 40px;
+	left: calc(50vw - 156px);
+	width: 312px;
+`;
+export const FOVMenu = ({ xrDevice, inputLayer }) => {
+    const [fovy, setFovy] = useState(xrDevice.fovy);
+    return (_jsx(FovSettingContainer, { children: _jsxs(ButtonGroup, { "$reverse": false, children: [_jsx(Button, { "$reverse": false, disabled: true, children: "FOV-Y" }), _jsx(RangeSelector, { "$reverse": false, value: fovy, style: { width: '100px', borderRadius: '2px' }, onChange: (e) => {
+                        const value = Number(e.target.value);
+                        setFovy(value);
+                        xrDevice.fovy = value;
+                        inputLayer.syncFovy();
+                    }, min: Math.PI / 6, max: Math.PI / 1.5, step: Math.PI / 48 }), _jsxs(Button, { "$reverse": false, disabled: true, children: [((fovy / Math.PI) * 180).toFixed(2), "\u00B0"] })] }) }));
+};
+//# sourceMappingURL=fov.js.map

package/lib/src/components/fov.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fov.js","sourceRoot":"","sources":["../../../src/components/fov.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjE,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIxC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAO3C,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;CASrC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,EAAE;IAC3E,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAChD,OAAO,CACN,KAAC,mBAAmB,cACnB,MAAC,WAAW,gBAAW,KAAK,aAC3B,KAAC,MAAM,gBAAW,KAAK,EAAE,QAAQ,EAAE,IAAI,sBAE9B,EACT,KAAC,aAAa,gBACH,KAAK,EACf,KAAK,EAAE,IAAI,EACX,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,EAC9C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;wBACf,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;wBACrC,OAAO,CAAC,KAAK,CAAC,CAAC;wBACf,QAAQ,CAAC,IAAI,GAAG,KAAK,CAAC;wBACtB,UAAU,CAAC,QAAQ,EAAE,CAAC;oBACvB,CAAC,EACD,GAAG,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,EAChB,GAAG,EAAE,IAAI,CAAC,EAAE,GAAG,GAAG,EAClB,IAAI,EAAE,IAAI,CAAC,EAAE,GAAG,EAAE,GACjB,EACF,MAAC,MAAM,gBAAW,KAAK,EAAE,QAAQ,EAAE,IAAI,aACrC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,cAC5B,IACI,GACO,CACtB,CAAC;AACH,CAAC,CAAC"}

package/lib/src/components/header.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { InputLayer } from '../scene.js';
+import React from 'react';
+import { XRDevice } from 'iwer';
+interface HeaderUIProps {
+    xrDevice: XRDevice;
+    inputLayer: InputLayer;
+    keyMapOpen: boolean;
+    setKeyMapOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    fovSettingOpen: boolean;
+    setFovSettingOpen: React.Dispatch<React.SetStateAction<boolean>>;
+}
+export declare const HeaderUI: React.FC<HeaderUIProps>;
+export {};
+//# sourceMappingURL=header.d.ts.map

package/lib/src/components/header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/components/header.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAUH,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AA6ChC,UAAU,aAAa;IACtB,QAAQ,EAAE,QAAQ,CAAC;IACnB,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC7D,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CACjE;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoG5C,CAAC"}

package/lib/src/components/header.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { Colors, FAIcon, HeaderButton } from './styled.js';
+import { faCirclePlay, faRightFromBracket, faRotateLeft, faVideo, } from '@fortawesome/free-solid-svg-icons';
+import { styled } from 'styled-components';
+const HeaderButtonsContainer = styled.div `
+	padding: 2px;
+	display: flex;
+	background-color: ${Colors.panelBackground};
+	border: 1px solid ${Colors.panelBorder};
+	backdrop-filter: blur(40px);
+	-webkit-backdrop-filter: blur(40px);
+	justify-content: center;
+	pointer-events: all;
+	border-radius: 14px;
+	align-items: center;
+	height: 24px;
+`;
+export const HeaderUI = ({ xrDevice, inputLayer, setKeyMapOpen, fovSettingOpen, setFovSettingOpen, }) => {
+    return (_jsx("div", { style: {
+            display: 'flex',
+            justifyContent: 'center',
+            padding: '8px',
+        }, children: _jsx(HeaderButtonsContainer, { children: _jsxs("div", { style: {
+                    display: 'flex',
+                    flexDirection: 'row',
+                    gap: '1px',
+                }, children: [_jsx(HeaderButton, { onClick: () => {
+                            inputLayer.resetDeviceTransforms();
+                        }, children: _jsx(FAIcon, { icon: faRotateLeft }) }), _jsx(HeaderButton, { onClick: () => {
+                            inputLayer.lockPointer();
+                            setKeyMapOpen(false);
+                            setFovSettingOpen(false);
+                        }, children: _jsx(FAIcon, { icon: faCirclePlay }) }), _jsx(HeaderButton, { onClick: () => {
+                            setFovSettingOpen(!fovSettingOpen);
+                            setKeyMapOpen(false);
+                        }, children: _jsx(FAIcon, { icon: faVideo }) }), _jsx(HeaderButton, { onClick: () => {
+                            const xrSession = xrDevice.activeSession;
+                            xrSession === null || xrSession === void 0 ? void 0 : xrSession.end();
+                        }, children: _jsx(FAIcon, { icon: faRightFromBracket }) })] }) }) }));
+};
+//# sourceMappingURL=header.js.map

package/lib/src/components/header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/components/header.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EACN,YAAY,EACZ,kBAAkB,EAClB,YAAY,EACZ,OAAO,GACP,MAAM,mCAAmC,CAAC;AAK3C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAA;;;qBAGpB,MAAM,CAAC,eAAe;qBACtB,MAAM,CAAC,WAAW;;;;;;;;CAQtC,CAAC;AAuCF,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EACjD,QAAQ,EACR,UAAU,EACV,aAAa,EACb,cAAc,EACd,iBAAiB,GACjB,EAAE,EAAE;IACJ,OAAO,CACN,cACC,KAAK,EAAE;YACN,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;YACxB,OAAO,EAAE,KAAK;SACd,YAED,KAAC,sBAAsB,cAEtB,eACC,KAAK,EAAE;oBACN,OAAO,EAAE,MAAM;oBACf,aAAa,EAAE,KAAK;oBACpB,GAAG,EAAE,KAAK;iBACV,aAED,KAAC,YAAY,IACZ,OAAO,EAAE,GAAG,EAAE;4BACb,UAAU,CAAC,qBAAqB,EAAE,CAAC;wBACpC,CAAC,YAED,KAAC,MAAM,IAAC,IAAI,EAAE,YAAY,GAAI,GAChB,EACf,KAAC,YAAY,IACZ,OAAO,EAAE,GAAG,EAAE;4BACb,UAAU,CAAC,WAAW,EAAE,CAAC;4BACzB,aAAa,CAAC,KAAK,CAAC,CAAC;4BACrB,iBAAiB,CAAC,KAAK,CAAC,CAAC;wBAC1B,CAAC,YAED,KAAC,MAAM,IAAC,IAAI,EAAE,YAAY,GAAI,GAChB,EACf,KAAC,YAAY,IACZ,OAAO,EAAE,GAAG,EAAE;4BACb,iBAAiB,CAAC,CAAC,cAAc,CAAC,CAAC;4BACnC,aAAa,CAAC,KAAK,CAAC,CAAC;wBACtB,CAAC,YAED,KAAC,MAAM,IAAC,IAAI,EAAE,OAAO,GAAI,GACX,EACf,KAAC,YAAY,IACZ,OAAO,EAAE,GAAG,EAAE;4BACb,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC;4BACzC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,GAAG,EAAE,CAAC;wBAClB,CAAC,YAED,KAAC,MAAM,IAAC,IAAI,EAAE,kBAAkB,GAAI,GACtB,IACV,GACkB,GAyCpB,CACN,CAAC;AACH,CAAC,CAAC"}

package/lib/src/components/headset.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { InputLayer } from '../scene.js';
+import React from 'react';
+import { XRDevice } from 'iwer';
+interface HeadsetProps {
+    xrDevice: XRDevice;
+    inputLayer: InputLayer;
+    pointerLocked: boolean;
+}
+export declare const HeadsetUI: React.FC<HeadsetProps>;
+export {};
+//# sourceMappingURL=headset.d.ts.map

package/lib/src/components/headset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"headset.d.ts","sourceRoot":"","sources":["../../../src/components/headset.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAGhC,UAAU,YAAY;IACrB,QAAQ,EAAE,QAAQ,CAAC;IACnB,UAAU,EAAE,UAAU,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAyC5C,CAAC"}

package/lib/src/components/headset.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { ControlPanel } from './styled.js';
+import { IWERIcon } from './icons.js';
+import { version } from '../../package.json';
+export const HeadsetUI = ({ xrDevice, inputLayer, pointerLocked, }) => {
+    console.log(xrDevice, inputLayer);
+    return (_jsx(ControlPanel, { style: { left: '8px', top: '8px' }, children: !pointerLocked && (_jsx(_Fragment, { children: _jsxs("div", { style: {
+                    display: 'flex',
+                    flexDirection: 'row',
+                    justifyContent: 'space-between',
+                    alignItems: 'center',
+                }, children: [_jsxs("div", { style: {
+                            fontSize: '13px',
+                            display: 'flex',
+                            flexDirection: 'row',
+                            alignItems: 'center',
+                        }, children: [_jsx(IWERIcon, {}), "IWER v", version] }), _jsx("div", { style: {
+                            display: 'flex',
+                            flexDirection: 'row',
+                            gap: '1px',
+                        } })] }) })) }));
+};
+//# sourceMappingURL=headset.js.map

package/lib/src/components/headset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"headset.js","sourceRoot":"","sources":["../../../src/components/headset.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAItC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAQ7C,MAAM,CAAC,MAAM,SAAS,GAA2B,CAAC,EACjD,QAAQ,EACR,UAAU,EACV,aAAa,GACb,EAAE,EAAE;IACJ,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;IAClC,OAAO,CACN,KAAC,YAAY,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,YAC9C,CAAC,aAAa,IAAI,CAClB,4BACC,eACC,KAAK,EAAE;oBACN,OAAO,EAAE,MAAM;oBACf,aAAa,EAAE,KAAK;oBACpB,cAAc,EAAE,eAAe;oBAC/B,UAAU,EAAE,QAAQ;iBACpB,aAED,eACC,KAAK,EAAE;4BACN,QAAQ,EAAE,MAAM;4BAChB,OAAO,EAAE,MAAM;4BACf,aAAa,EAAE,KAAK;4BACpB,UAAU,EAAE,QAAQ;yBACpB,aAED,KAAC,QAAQ,KAAG,YACL,OAAO,IACT,EACN,cACC,KAAK,EAAE;4BACN,OAAO,EAAE,MAAM;4BACf,aAAa,EAAE,KAAK;4BACpB,GAAG,EAAE,KAAK;yBACV,GACK,IACF,GACJ,CACH,GACa,CACf,CAAC;AACH,CAAC,CAAC"}

package/lib/src/components/icons.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+export declare const ButtonX: React.FC;
+export declare const ButtonY: React.FC;
+export declare const ButtonA: React.FC;
+export declare const ButtonB: React.FC;
+export declare const ThumbstickL: React.FC;
+export declare const ThumbstickR: React.FC;
+export declare const ThumbstickLUp: React.FC;
+export declare const ThumbstickLDown: React.FC;
+export declare const ThumbstickLLeft: React.FC;
+export declare const ThumbstickLRight: React.FC;
+export declare const ThumbstickRUp: React.FC;
+export declare const ThumbstickRDown: React.FC;
+export declare const ThumbstickRLeft: React.FC;
+export declare const ThumbstickRRight: React.FC;
+export declare const GripL: React.FC;
+export declare const GripR: React.FC;
+export declare const TriggerL: React.FC;
+export declare const TriggerR: React.FC;
+export declare const ThumbrestL: React.FC;
+export declare const ThumbrestR: React.FC;
+interface GamepadIconProps {
+    buttonName: string;
+    handedness: XRHandedness;
+}
+export declare const GamepadIcon: React.FC<GamepadIconProps>;
+export declare const IWERIcon: React.FC;
+export declare const MouseLeft: React.FC;
+export declare const MouseRight: React.FC;
+export {};
+//# sourceMappingURL=icons.d.ts.map

package/lib/src/components/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/icons.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAoC3B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAoC3B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAoC3B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAoC3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAoC/B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAoC/B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAuCjC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAuCnC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAuCnC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAuCpC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAuCjC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAuCnC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAuCnC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAuCpC,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAoCzB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAoCzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAoC5B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAoC5B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAqC9B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAqC9B,CAAC;AAiDF,UAAU,gBAAgB;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,YAAY,CAAC;CACzB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgBlD,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAmB5B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAuC7B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAuC9B,CAAC"}