web3d/snippets/DebugData.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")),_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}const RootDiv=_styles.styled.div(()=>({'&[data-default="true"]':{position:"absolute",top:0,left:0,width:0,height:0,visibility:"hidden"},"& [data-list]":{padding:"5px 0",display:"flex",justifyContent:"space-between"},"& #stats, & #LatencyStats":{padding:10,backgroundColor:"rgba(0,0,0, .1)",borderRadius:10,"& > div":{padding:"3px 0",fontSize:12}}})),StatusList=_styles.styled.ul(()=>({display:"flex",alignItems:"center","& > li":{lineHeight:"1em"},'& > [data-li="label"]':{fontSize:30,"&.greyStatus":{color:"grey"},"&.limeStatus":{color:"green"},"&.orangeStatus":{color:"orange"},"&.redStatus":{color:"red"}}})),PANEL_ID={default:"ps-debug-root",tmp:"ps-debug-children"};function DebugForm(a){const b=(a,b,c)=>React.createElement("div",null,React.createElement("ul",{"data-list":!0},React.createElement("li",null,a),React.createElement("li",null,b)),c),c=a.isDefault?PANEL_ID.default:PANEL_ID.tmp;return a.isDefault&&document?.getElementById(PANEL_ID.tmp)?React.createElement("div",null):React.createElement(RootDiv,{id:c,"data-default":a.isDefault},React.createElement("div",{id:"overlay"}),b("Status",React.createElement(StatusList,null,React.createElement("li",{"data-li":"label",id:"qualityStatus"},"\u25CF"),React.createElement("li",null,React.createElement("button",{id:"overlayButton"},"+")))),b("Show FPS",React.createElement("input",{type:"button",id:"show-fps-button",defaultValue:"Toggle"})),b("Enlarge display to fill window",React.createElement("input",{type:"checkbox",id:"enlarge-display-to-fill-window-tgl",defaultChecked:!0})),b("Is quality controller?",React.createElement("input",{type:"checkbox",id:"quality-control-ownership-tgl"})),b("Match viewport resolution",React.createElement("input",{type:"checkbox",id:"match-viewport-res-tgl"})),b("Prefer SFU",React.createElement("input",{type:"checkbox",id:"prefer-sfu-tgl"})),b("Use microphone",React.createElement("input",{type:"checkbox",id:"force-turn-tgl"})),b("useMic",React.createElement("input",{type:"checkbox",id:"use-mic-tgl"})),React.createElement("h5",null,"Encoder Settings"),React.createElement("div",{id:"encoderSettingsHeader"}),b("Min QP",React.createElement("input",{type:"number",id:"encoder-min-qp-text",defaultValue:"0",min:"0",max:"51"})),b("Max QP",React.createElement("input",{type:"number",id:"encoder-max-qp-text",defaultValue:"51",min:"0",max:"51"})),b("Apply",React.createElement("input",{id:"encoder-params-submit",type:"button",defaultValue:"Apply"})),React.createElement("h5",null,"WebRTC Settings"),b("FPS",React.createElement("input",{type:"number",id:"webrtc-fps-text",defaultValue:"60",min:"1",max:"999"})),b("Min bitrate (kbps)",React.createElement("input",{type:"number",id:"webrtc-min-bitrate-text",defaultValue:"0",min:"0",max:"100000"})),b("Max bitrate (kbps)",React.createElement("input",{type:"number",id:"webrtc-max-bitrate-text",defaultValue:"0",min:"0",max:"100000"})),React.createElement("div",{id:"webRTCSettingsHeader"}),React.createElement("div",{id:"webrtcParamsContainer"}),React.createElement("input",{id:"webrtc-params-submit",type:"button",defaultValue:"Apply"}),React.createElement("h5",null,"Stream Settings"),b("Player stream",React.createElement("select",{id:"stream-select"})),b("Player track",React.createElement("select",{id:"track-select"})),b("Show Stats",React.createElement("input",{type:"checkbox",id:"show-stats-tgl",defaultChecked:!0})),React.createElement("div",{id:"stats"}),React.createElement("div",{id:"statsContainer"}),b("Latency Report",React.createElement("input",{type:"button",id:"test-latency-button",defaultValue:"Get Report"})),React.createElement("div",{id:"LatencyStats"},"No report yet..."))}DebugForm.propTypes={isDefault:_propTypes.default.bool.isRequired},DebugForm.defaultProps={isDefault:!1};var _default=DebugForm;exports.default=_default;