web3d/Player.js

MetaEditor — ReactJS Pixel Streaming library, helps integrate Unreal Engine v.5 in the browser. Allows you to send commands and get callbacks from the stream server with launched Unreal Engine.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var React=_interopRequireWildcard(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_context=_interopRequireWildcard(require("./context/")),_DebugData=_interopRequireDefault(require("./snippets/DebugData")),_styles=require("./styles");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _getRequireWildcardCache(a){if("function"!=typeof WeakMap)return null;var b=new WeakMap,c=new WeakMap;return(_getRequireWildcardCache=function(a){return a?c:b})(a)}function _interopRequireWildcard(a,b){if(!b&&a&&a.__esModule)return a;if(null===a||"object"!=typeof a&&"function"!=typeof a)return{default:a};var c=_getRequireWildcardCache(b);if(c&&c.has(a))return c.get(a);var d={},e=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var f in a)if("default"!=f&&Object.prototype.hasOwnProperty.call(a,f)){var g=e?Object.getOwnPropertyDescriptor(a,f):null;g&&(g.get||g.set)?Object.defineProperty(d,f,g):d[f]=a[f]}return d.default=a,c&&c.set(a,d),d}function _extends(){return _extends=Object.assign||function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}const VideoContainer=_styles.styled.div(()=>({position:"absolute",top:0,left:0,right:0,bottom:0,height:"var(--window-height)",backgroundColor:"#000",overflow:"hidden",'&[data-loaded="false"]':{pointerEvents:"none",visibility:"hidden"},"& > video":{height:"100%",width:"100%",objectFit:"cover",backgroundSize:"cover"}})),Content=_styles.styled.div(()=>({position:"absolute",top:0,left:0,right:0,bottom:0,height:"var(--window-height)",overflow:"hidden",pointerEvents:"none",'& [data-click="true"], button, input, select, checkbox':{pointerEvents:"all"}})),ModuleRoot=a=>{const b=(0,_context.usePS)({onReady:a.onReady,onLoad:a.onLoad,onConnect:a.onConnect,onRestart:a.onRestart,onError:a.onError,onClose:a.onClose,onDebug:a.onDebug,onCommand:a.onDebug,onCallback:a.onDebug,settings:a.settings}),c=b?.state?.loaded||!1,d=b;return React.useImperativeHandle(a.innerRef,()=>d),React.createElement("div",null,React.createElement(VideoContainer,{"data-loaded":c,id:"player"}),React.createElement(Content,null,React.createElement(_DebugData.default,{isDefault:!0}),a.children(d)))};ModuleRoot.propTypes={children:_propTypes.default.func.isRequired,onReady:_propTypes.default.func,onLoad:_propTypes.default.func,onConnect:_propTypes.default.func,onRestart:_propTypes.default.func,onError:_propTypes.default.func,onClose:_propTypes.default.func,onDebug:_propTypes.default.func,onCommand:_propTypes.default.func,onCallback:_propTypes.default.func,settings:_propTypes.default.shape({volume:_propTypes.default.number,quality:_propTypes.default.number,pixelStreaming:_propTypes.default.shape({warnTimeout:_propTypes.default.number,closeTimeout:_propTypes.default.number,lockMouse:_propTypes.default.bool,autoPlay:_propTypes.default.bool,fakeMouseWithTouches:_propTypes.default.bool})}),metaSettings:_propTypes.default.shape({showDevTools:_propTypes.default.bool,notifyCommands:_propTypes.default.bool,notifyCallbacks:_propTypes.default.bool})},ModuleRoot.defaultProps={children:()=>{},onReady:()=>{},onLoad:()=>{},onConnect:()=>{},onRestart:()=>{},onError:()=>{},onClose:()=>{},onDebug:()=>{},settings:{volume:1,quality:1,pixelStreaming:void 0},metaSettings:{showDevTools:!0,notifyCommands:!0,notifyCallbacks:!0}};var _default=React.forwardRef((a,b)=>React.createElement(_context.default,null,React.createElement(ModuleRoot,_extends({},a,{innerRef:b}))));exports.default=_default;