@colyseus/monitor 0.16.1 → 0.16.2

package/build/index.js

@@ -32,9 +32,12 @@ __export(src_backend_exports, {
 module.exports = __toCommonJS(src_backend_exports);
 var import_express = __toESM(require("express"));
 var import_path = __toESM(require("path"));
+var import_url = require("url");
 var import_api = require("./api.js");
 var import_Room = require("./ext/Room.js");
-const frontendDirectory = import_path.default.resolve(__dirname, "..", "build", "static");
+const import_meta = {};
+const getDirname = () => typeof __dirname !== "undefined" ? __dirname : import_path.default.dirname((0, import_url.fileURLToPath)(import_meta.url));
+const frontendDirectory = import_path.default.resolve(getDirname(), "..", "build", "static");
 function monitor(opts = {}) {
   const router = import_express.default.Router();
   router.use(import_express.default.static(frontendDirectory));

package/build/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src-backend/index.ts"],
-  "sourcesContent": ["import express from 'express';\nimport path from 'path';\n\nimport { getAPI } from './api.js';\nimport './ext/Room.js';\n\nconst frontendDirectory = path.resolve(__dirname, \"..\", \"build\", \"static\");\n\nexport interface MonitorOptions {\n    columns: Array<\n        'roomId' |\n        'name' |\n        'clients' |\n        'maxClients' |\n        'locked' |\n        'elapsedTime' |\n        { metadata: string } |\n        'processId' |\n        \"publicAddress\"\n    >\n}\n\n/**\n * TODO: expose the `router` instead on next major version.\n */\nexport function monitor (opts: Partial<MonitorOptions> = {}): express.Router {\n    const router = express.Router();\n    router.use(express.static(frontendDirectory));\n    router.use('/api', getAPI(opts));\n    return router;\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAoB;AACpB,kBAAiB;AAEjB,iBAAuB;AACvB,kBAAO;AAEP,MAAM,oBAAoB,YAAAA,QAAK,QAAQ,WAAW,MAAM,SAAS,QAAQ;AAmBlE,SAAS,QAAS,OAAgC,CAAC,GAAmB;AACzE,QAAM,SAAS,eAAAC,QAAQ,OAAO;AAC9B,SAAO,IAAI,eAAAA,QAAQ,OAAO,iBAAiB,CAAC;AAC5C,SAAO,IAAI,YAAQ,mBAAO,IAAI,CAAC;AAC/B,SAAO;AACX;",
+  "sourcesContent": ["import express from 'express';\nimport path from 'path';\nimport { fileURLToPath } from 'url';\n\nimport { getAPI } from './api.js';\nimport './ext/Room.js';\n\n// __dirname is not available in ESM\n// @ts-ignore\nconst getDirname = () => (typeof __dirname !== 'undefined') ? __dirname : path.dirname(fileURLToPath(import.meta.url));\nconst frontendDirectory = path.resolve(getDirname(), \"..\", \"build\", \"static\");\n\nexport interface MonitorOptions {\n    columns: Array<\n        'roomId' |\n        'name' |\n        'clients' |\n        'maxClients' |\n        'locked' |\n        'elapsedTime' |\n        { metadata: string } |\n        'processId' |\n        \"publicAddress\"\n    >\n}\n\n/**\n * TODO: expose the `router` instead on next major version.\n */\nexport function monitor (opts: Partial<MonitorOptions> = {}): express.Router {\n    const router = express.Router();\n    router.use(express.static(frontendDirectory));\n    router.use('/api', getAPI(opts));\n    return router;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAoB;AACpB,kBAAiB;AACjB,iBAA8B;AAE9B,iBAAuB;AACvB,kBAAO;AALP;AASA,MAAM,aAAa,MAAO,OAAO,cAAc,cAAe,YAAY,YAAAA,QAAK,YAAQ,0BAAc,YAAY,GAAG,CAAC;AACrH,MAAM,oBAAoB,YAAAA,QAAK,QAAQ,WAAW,GAAG,MAAM,SAAS,QAAQ;AAmBrE,SAAS,QAAS,OAAgC,CAAC,GAAmB;AACzE,QAAM,SAAS,eAAAC,QAAQ,OAAO;AAC9B,SAAO,IAAI,eAAAA,QAAQ,OAAO,iBAAiB,CAAC;AAC5C,SAAO,IAAI,YAAQ,mBAAO,IAAI,CAAC;AAC/B,SAAO;AACX;",
   "names": ["path", "express"]
 }

package/build/index.mjs

@@ -1,9 +1,12 @@
 // src-backend/index.ts
 import express from "express";
 import path from "path";
+import { fileURLToPath } from "url";
 import { getAPI } from "./api.mjs";
 import "./ext/Room.mjs";
-var frontendDirectory = path.resolve(__dirname, "..", "build", "static");
+var import_meta = {};
+var getDirname = () => typeof __dirname !== "undefined" ? __dirname : path.dirname(fileURLToPath(import_meta.url));
+var frontendDirectory = path.resolve(getDirname(), "..", "build", "static");
 function monitor(opts = {}) {
   const router = express.Router();
   router.use(express.static(frontendDirectory));

package/build/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src-backend/index.ts"],
-  "sourcesContent": ["import express from 'express';\nimport path from 'path';\n\nimport { getAPI } from './api.js';\nimport './ext/Room.js';\n\nconst frontendDirectory = path.resolve(__dirname, \"..\", \"build\", \"static\");\n\nexport interface MonitorOptions {\n    columns: Array<\n        'roomId' |\n        'name' |\n        'clients' |\n        'maxClients' |\n        'locked' |\n        'elapsedTime' |\n        { metadata: string } |\n        'processId' |\n        \"publicAddress\"\n    >\n}\n\n/**\n * TODO: expose the `router` instead on next major version.\n */\nexport function monitor (opts: Partial<MonitorOptions> = {}): express.Router {\n    const router = express.Router();\n    router.use(express.static(frontendDirectory));\n    router.use('/api', getAPI(opts));\n    return router;\n}\n"],
-  "mappings": ";AAAA,OAAO,aAAa;AACpB,OAAO,UAAU;AAEjB,SAAS,cAAc;AACvB,OAAO;AAEP,IAAM,oBAAoB,KAAK,QAAQ,WAAW,MAAM,SAAS,QAAQ;AAmBlE,SAAS,QAAS,OAAgC,CAAC,GAAmB;AACzE,QAAM,SAAS,QAAQ,OAAO;AAC9B,SAAO,IAAI,QAAQ,OAAO,iBAAiB,CAAC;AAC5C,SAAO,IAAI,QAAQ,OAAO,IAAI,CAAC;AAC/B,SAAO;AACX;",
+  "sourcesContent": ["import express from 'express';\nimport path from 'path';\nimport { fileURLToPath } from 'url';\n\nimport { getAPI } from './api.js';\nimport './ext/Room.js';\n\n// __dirname is not available in ESM\n// @ts-ignore\nconst getDirname = () => (typeof __dirname !== 'undefined') ? __dirname : path.dirname(fileURLToPath(import.meta.url));\nconst frontendDirectory = path.resolve(getDirname(), \"..\", \"build\", \"static\");\n\nexport interface MonitorOptions {\n    columns: Array<\n        'roomId' |\n        'name' |\n        'clients' |\n        'maxClients' |\n        'locked' |\n        'elapsedTime' |\n        { metadata: string } |\n        'processId' |\n        \"publicAddress\"\n    >\n}\n\n/**\n * TODO: expose the `router` instead on next major version.\n */\nexport function monitor (opts: Partial<MonitorOptions> = {}): express.Router {\n    const router = express.Router();\n    router.use(express.static(frontendDirectory));\n    router.use('/api', getAPI(opts));\n    return router;\n}\n"],
+  "mappings": ";AAAA,OAAO,aAAa;AACpB,OAAO,UAAU;AACjB,SAAS,qBAAqB;AAE9B,SAAS,cAAc;AACvB,OAAO;AALP;AASA,IAAM,aAAa,MAAO,OAAO,cAAc,cAAe,YAAY,KAAK,QAAQ,cAAc,YAAY,GAAG,CAAC;AACrH,IAAM,oBAAoB,KAAK,QAAQ,WAAW,GAAG,MAAM,SAAS,QAAQ;AAmBrE,SAAS,QAAS,OAAgC,CAAC,GAAmB;AACzE,QAAM,SAAS,QAAQ,OAAO;AAC9B,SAAO,IAAI,QAAQ,OAAO,iBAAiB,CAAC;AAC5C,SAAO,IAAI,QAAQ,OAAO,IAAI,CAAC;AAC/B,SAAO;AACX;",
   "names": []
 }

package/build/static/bundle.js

@@ -260,7 +260,7 @@ function r(e,t){var r=e.length;e.push(t);e:for(;0<r;){var n=r-1>>>1,o=e[n];if(!(
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var n=Symbol.for("react.transitional.element"),o=Symbol.for("react.portal"),a=Symbol.for("react.fragment"),i=Symbol.for("react.strict_mode"),l=Symbol.for("react.profiler");Symbol.for("react.provider");var s=Symbol.for("react.consumer"),c=Symbol.for("react.context"),u=Symbol.for("react.forward_ref"),d=Symbol.for("react.suspense"),p=Symbol.for("react.suspense_list"),f=Symbol.for("react.memo"),b=Symbol.for("react.lazy"),m=Symbol.for("react.offscreen"),h=Symbol.for("react.client.reference");function g(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case n:switch(e=e.type){case a:case l:case i:case d:case p:return e;default:switch(e=e&&e.$$typeof){case c:case u:case b:case f:case s:return e;default:return t}}case o:return t}}}t.ContextConsumer=s,t.ContextProvider=c,t.Element=n,t.ForwardRef=u,t.Fragment=a,t.Lazy=b,t.Memo=f,t.Portal=o,t.Profiler=l,t.StrictMode=i,t.Suspense=d,t.SuspenseList=p,t.isContextConsumer=function(e){return g(e)===s},t.isContextProvider=function(e){return g(e)===c},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===n},t.isForwardRef=function(e){return g(e)===u},t.isFragment=function(e){return g(e)===a},t.isLazy=function(e){return g(e)===b},t.isMemo=function(e){return g(e)===f},t.isPortal=function(e){return g(e)===o},t.isProfiler=function(e){return g(e)===l},t.isStrictMode=function(e){return g(e)===i},t.isSuspense=function(e){return g(e)===d},t.isSuspenseList=function(e){return g(e)===p},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===a||e===l||e===i||e===d||e===p||e===m||"object"==typeof e&&null!==e&&(e.$$typeof===b||e.$$typeof===f||e.$$typeof===c||e.$$typeof===s||e.$$typeof===u||e.$$typeof===h||void 0!==e.getModuleId)},t.typeOf=g},function(e,t,r){"use strict";var n=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),a=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&n(t,e,r);return o(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.CAppBar=void 0;const i=a(r(0)),l=r(216);class s extends i.Component{constructor(){super(...arguments),this.state={open:!0},this.handleToggle=()=>{this.setState({open:!this.state.open})}}render(){return i.createElement("div",null,i.createElement(l.AppBar,{position:"static"},i.createElement(l.Toolbar,null,i.createElement(l.Typography,{variant:"h6",noWrap:!0,component:"div",sx:{flexGrow:1}},"Colyseus Monitor v","0.16.1"))))}}t.CAppBar=s},function(e,t,r){"use strict";var n=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),a=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&n(t,e,r);return o(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.RoomList=void 0;const l=a(r(0)),s=r(388),c=r(216),u=r(397),d=i(r(497)),p=i(r(389)),f=r(216),b=r(390),m={clients:u.gridNumberComparator,maxClients:u.gridNumberComparator,elapsedTime:u.gridDateComparator};class h extends l.Component{constructor(){super(...arguments),this.state={selected:[1],rooms:[],connections:0,cpu:0,memory:{totalMemMb:0,usedMemMb:0},columns:[]},this.isSelected=e=>-1!==this.state.selected.indexOf(e),this.handleRowSelection=e=>{this.setState({selected:e})}}componentWillMount(){this.fetchRoomList()}componentWillUnmount(){clearInterval(this.updateRoomListInterval)}async fetchRoomList(){try{this.setState(await(0,s.fetchRoomList)())}catch(e){console.error(e)}clearInterval(this.updateRoomListInterval),this.updateRoomListInterval=window.setInterval(()=>{this.fetchRoomList()},5e3)}inspectRoom(e){this.props.history.push("/room/"+e)}async disposeRoom(e){await(0,s.remoteRoomCall)(e,"disconnect"),this.fetchRoomList()}getColumnHeader(e){return"string"==typeof e?e:e.metadata}getRoomColumn(e,t){let r,n=t,o=e,a=void 0;return"elapsedTime"===n&&o[n]>=0?a=e=>new Date(Date.now()-e):t.metadata&&e.metadata&&(n=t.metadata,o=e.metadata),r=o[n],void 0===r&&(r=""),a?a(r):""+r}bytesToStr(e){const t=Math.floor(Math.log(e)/Math.log(1024));return 1*(e/Math.pow(1024,t)).toFixed(2)+" "+["B","kB","MB","GB","TB"][t]}getColumnsNames(e){const t=e.map(e=>{const t=this.getColumnHeader(e);return{id:t,field:t,headerName:t,flex:1,valueFormatter:b.valueFormatter[t],sortComparator:m[t]||u.gridStringOrNumberComparator}});return t.push({field:"Inspect",headerName:"",flex:1,renderCell:e=>"No active rooms."!==e.value?l.createElement("div",{style:{cursor:"pointer"},onClick:()=>{this.inspectRoom(e.value)}},l.createElement(c.Button,{variant:"contained",disableElevation:!0,startIcon:l.createElement(d.default,null)},l.createElement(f.Typography,{noWrap:!0,component:"span",sx:{flexGrow:1,display:{xs:"none",sm:"none",md:"block"}}},"Inspect"))):null}),t.push({field:"Dispose",headerName:"",flex:1,renderCell:e=>"No active rooms."!==e.value?l.createElement("div",{style:{cursor:"pointer"},onClick:()=>{this.disposeRoom(e.value)}},l.createElement(c.Button,{variant:"contained",disableElevation:!0,color:"error",startIcon:l.createElement(p.default,null)},l.createElement(f.Typography,{noWrap:!0,component:"span",sx:{flexGrow:1,display:{xs:"none",sm:"none",md:"block"}}},"Dispose"))):null}),t}getRowsData(e){return e.map(e=>{const t={id:e.roomId};for(const r of this.state.columns){const n=this.getRoomColumn(e,r);t[this.getColumnHeader(r)]=n}return t.Inspect=e.roomId,t.Dispose=e.roomId,t})}generateRoomListDataGrid(){const e=this.getColumnsNames(this.state.columns),t=this.getRowsData(this.state.rooms);return l.createElement(u.DataGrid,{columns:e,rows:0===t.length?this.getRowsData([{roomId:"No active rooms.",elapsedTime:-1}]):t,autoHeight:!0,sx:{overflow:"hidden"},slots:{noRowsOverlay:()=>l.createElement(l.Fragment,null)},disableRowSelectionOnClick:!0})}render(){return l.createElement("div",null,l.createElement(c.Card,null,l.createElement(f.TableContainer,{component:f.Paper},l.createElement(f.Table,{"aria-label":"simple table"},l.createElement(f.TableHead,null,l.createElement(f.TableRow,null,l.createElement(f.TableCell,{align:"center"},"Connections",l.createElement(f.Chip,{sx:{marginLeft:"6px"},size:"small",color:"primary",label:this.state.connections})),l.createElement(f.TableCell,{align:"center"},"Rooms",l.createElement(f.Chip,{sx:{marginLeft:"6px"},size:"small",color:"primary",label:this.state.rooms.length})),l.createElement(f.TableCell,{align:"center"},"CPU Usage",l.createElement(f.Chip,{sx:{marginLeft:"6px"},size:"small",color:"primary",label:this.state.cpu+" %"})),l.createElement(f.TableCell,{align:"center"},"Memory",l.createElement(f.Chip,{sx:{marginLeft:"6px"},size:"small",color:"primary",label:this.state.memory.usedMemMb+" MB"}))))))),l.createElement(c.Card,{style:{marginTop:"2px"}},this.generateRoomListDataGrid()))}}t.RoomList=h},function(e,t,r){"use strict";var n=r(99);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(130)),a=r(2);t.default=(0,o.default)((0,a.jsx)("path",{d:"M19 4H5c-1.11 0-2 .9-2 2v12c0 1.1.89 2 2 2h4v-2H5V8h14v10h-4v2h4c1.1 0 2-.9 2-2V6c0-1.1-.89-2-2-2m-7 6-4 4h3v6h2v-6h3z"}),"OpenInBrowser")},function(e,t,r){"use strict";var n=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),a=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&n(t,e,r);return o(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.RoomInspect=void 0;const l=a(r(0)),s=r(499),c=i(r(521));r(871);const u=r(388),d=r(216),p=r(397),f=r(527),b=i(r(522)),m=i(r(523)),h=i(r(524)),g=i(r(525)),v=i(r(389)),O=i(r(526)),y=r(390);class j extends l.Component{constructor(){super(...arguments),this.state={roomId:void 0,state:{},clients:[],maxClients:0,stateSize:0,locked:!1,currentTab:"1",sendDialogTitle:"",sendDialogOpen:!1,sendToClient:void 0,sendType:localStorage.getItem("$$colyseus$type")||"message_type",sendData:JSON.parse(localStorage.getItem("$$colyseus$data")||"{}")},this.updateSendType=e=>{const t=e.target.value;localStorage.setItem("$$colyseus$type",t),this.setState({sendType:t})},this.updateSendData=e=>{localStorage.setItem("$$colyseus$data",JSON.stringify(e)),this.state.sendData=e},this.handleCloseSend=()=>{this.setState({sendDialogOpen:!1})},this.handleSend=()=>{(this.state.sendToClient?this.roomCall("_sendMessageToClient",this.state.sendToClient,this.state.sendType,this.state.sendData):this.roomCall("broadcast",this.state.sendType,this.state.sendData)).then(()=>this.handleCloseSend())},this.handleTabChange=(e,t)=>{this.setState({currentTab:t})}}componentDidMount(){this.fetchRoomData()}fetchRoomData(){const e=this.props.match.params.roomId;(0,u.fetchRoomData)(e).then(e=>this.setState(e)).catch(e=>console.error(e)),clearInterval(this.updateDataInterval),this.updateDataInterval=window.setInterval(()=>this.fetchRoomData(),5e3)}roomCall(e,...t){const r=this.props.match.params.roomId;return(0,u.remoteRoomCall)(r,e,...t).then(e=>console.log(e)).catch(e=>console.error(e))}componentWillUnmount(){clearInterval(this.updateDataInterval)}sendMessage(e){const t=e||void 0;let r=e?`Send message to client (${e})`:"Broadcast message to all clients";this.setState({sendToClient:t,sendDialogTitle:r,sendDialogOpen:!0})}disconnectClient(e){this.roomCall("_forceClientDisconnect",e).then(()=>this.fetchRoomData())}disposeRoom(){this.roomCall("disconnect").then(()=>{this.props.history.push("/")})}goBack(){window.history.back()}render(){const e=[{field:"sessionId",headerName:"sessionId",flex:1},{field:"elapsedTime",headerName:"elapsedTime",flex:1,valueFormatter:y.valueFormatter.elapsedTime,sortComparator:p.gridNumberComparator},{field:"actions",headerName:"actions",flex:1,renderCell:e=>l.createElement(l.Fragment,null,l.createElement(d.Button,{variant:"text",startIcon:l.createElement(g.default,null),onClick:this.sendMessage.bind(this,e.id)},"Send"),l.createElement(d.Button,{variant:"text",color:"error",startIcon:l.createElement(O.default,null),onClick:this.disconnectClient.bind(this,e.id)},"Disconnect"))}],t=this.state.clients.map(e=>({id:e.sessionId,sessionId:e.sessionId,elapsedTime:e.elapsedTime,actions:e.sessionId}));return l.createElement("div",null,l.createElement(d.AppBar,{position:"static"},l.createElement(d.Toolbar,null,l.createElement(d.IconButton,{"aria-label":"delete",onClick:this.goBack.bind(this)},l.createElement(b.default,null)),l.createElement(d.Typography,{variant:"h6",noWrap:!0,component:"div",sx:{flexGrow:1}},"Room "+this.state.roomId))),l.createElement(d.TableContainer,{component:d.Paper},l.createElement(d.Table,{"aria-label":"simple table"},l.createElement(d.TableHead,null,l.createElement(d.TableRow,null,l.createElement(d.TableCell,{align:"center"},this.state.locked?l.createElement(m.default,null):l.createElement(h.default,null),this.state.locked?"Locked":"Unlocked"),l.createElement(d.TableCell,{align:"center"},"Clients",l.createElement(d.Chip,{sx:{marginLeft:"6px"},size:"small",color:"primary",label:`${this.state.clients.length}${this.state.maxClients?" / "+this.state.maxClients:""}`})),l.createElement(d.TableCell,{align:"center"},"State Size",l.createElement(d.Chip,{sx:{marginLeft:"6px"},size:"small",color:"primary",label:this.state.stateSize+" bytes"})),l.createElement(d.TableCell,{align:"center"},l.createElement(d.Button,{variant:"text",startIcon:l.createElement(g.default,null),onClick:this.sendMessage.bind(this,void 0)},"Broadcast")),l.createElement(d.TableCell,{align:"center"},l.createElement(d.Button,{variant:"text",color:"error",startIcon:l.createElement(v.default,null),onClick:this.disposeRoom.bind(this)},"Dispose room")))))),l.createElement(f.TabContext,{value:this.state.currentTab},l.createElement(d.Box,{sx:{borderBottom:1,borderColor:"divider"}},l.createElement(f.TabList,{onChange:this.handleTabChange,"aria-label":"lab API tabs example",variant:"fullWidth"},l.createElement(d.Tab,{label:"Clients",value:"1"}),l.createElement(d.Tab,{label:"State",value:"2"}))),l.createElement(f.TabPanel,{value:"1"},l.createElement(p.DataGrid,{columns:e,rows:t,sx:{overflow:"hidden"},disableRowSelectionOnClick:!0,hideFooter:!0,hideFooterPagination:!0,hideFooterSelectedRowCount:!0})),l.createElement(f.TabPanel,{value:"2"},l.createElement(c.default,{src:this.state.state,theme:"default"}))),l.createElement(d.Dialog,{open:this.state.sendDialogOpen,onClose:this.handleCloseSend,"aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description"},l.createElement(d.DialogTitle,{id:"alert-dialog-title"},this.state.sendDialogTitle),l.createElement(d.DialogContent,null,l.createElement("h2",null,"Message type:"),l.createElement("input",{type:"text",value:this.state.sendType,onChange:this.updateSendType}),l.createElement("h2",null,"Message payload"),l.createElement(s.JsonEditor,{value:this.state.sendData,propagateChanges:this.updateSendData})),l.createElement(d.DialogActions,null,l.createElement(d.Button,{variant:"text",color:"error",onClick:this.handleCloseSend},"Cancel"),l.createElement(d.Button,{variant:"text",onClick:this.handleSend},"Send"))))}}t.RoomInspect=j},function(e,t,r){var n;n=function(e){return function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={exports:{},id:n,loaded:!1};return e[n].call(o.exports,o,o.exports,r),o.loaded=!0,o.exports}return r.m=e,r.c=t,r.p="",r(0)}([function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(9);Object.defineProperty(t,"JsonEditor",{enumerable:!0,get:function(){return(e=n,e&&e.__esModule?e:{default:e}).default;var e}});var o=r(3);Object.defineProperty(t,"parse",{enumerable:!0,get:function(){return o.parse}})},function(t,r){t.exports=e},function(e,t,r){e.exports=r(12)()},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.render_item=function(e,t,r,l,s,c){return r instanceof Array?n.default.createElement(o.default,{key:e,jkey:t,doc:r,level:c+1,propagateChanges:l}):r instanceof Object?n.default.createElement(a.default,{key:e,jkey:t,doc:r,level:c+1,propagateChanges:l}):n.default.createElement(i.default,{key:e,index:t,value:r,isLast:s,propagateChanges:l})},t.get_options=function(e,t){return void 0===e.levels||t<e.levels?["string","number","boolean","object","array","whitespace","null"]:["string","number","boolean","whitespace","null"]},t.is_container=function(e){switch(e){case"array":case"object":case"null":case"whitespace":return!0;default:return!1}},t.text2value=function(e,t){switch(e){case"boolean":var r=["true","1","yes","on"].indexOf(t.toLowerCase());return Boolean(0<=r);case"number":return Number(t);case"array":return[];case"object":return{};case"null":return null;case"whitespace":return" ";case"string":default:return t}},t.capitalize=function(e){return e.charAt(0).toUpperCase()+e.slice(1)},t.add2text=s,t.parse=function(e){try{return{json:JSON.parse(e)}}catch(r){var t=r.toString();return{json:void 0,errorText:"Pasted text is not valid json. Error: "+t+" - "+function(e,t){if(void 0!==t)for(var r=e.indexOf(" at line "),n=e.indexOf(" column "),o=e.indexOf(" of the JSON data"),a=parseInt(e.substr(r+9,n))-1,i=parseInt(e.substr(n+8,o))-1,l=t.split("\n"),c=0;c<l.length;c++)if(a===c)return s(l[c],i,"˰")}(t,e)}}};var n=l(r(1)),o=l(r(8)),a=l(r(11)),i=l(r(6));function l(e){return e&&e.__esModule?e:{default:e}}function s(e,t,r){return e.substr(0,t)+r+e.substr(t)}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),a=r(1),i=c(a),l=c(r(2)),s=c(r(5));function c(e){return e&&e.__esModule?e:{default:e}}var u=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var r=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return r.add=function(){r.setState({adding:!0})},r.next=function(e){},r.onDone=function(e,t){r.onChange(e,t),e<r.props.setup.length-1?r.next(e+1):r.save()},r.onChange=function(e,t){var n=r.state.values;n[e]=t,r.setState({values:n})},r.cancel=function(){r.setState({adding:!1})},r.save=function(){r.setState({adding:!1}),r.props.onDone(r.state.values)},r.state={adding:!1,values:[]},r}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),o(t,[{key:"getStyle",value:function(){return this.context.styling["add-group"]}},{key:"getButtonStyle",value:function(e){return this.context.styling[e]}},{key:"input",value:function(){var e=this.props.setup.map((function(e,t){return i.default.createElement(s.default,n({key:"ab"+t,index:t,onChange:this.onChange,onDone:this.onDone},e))}),this);return i.default.createElement("div",{className:"AddButton",style:this.getStyle()},e,i.default.createElement("button",{className:"save-button",style:this.getButtonStyle("save-button"),onClick:this.save},"Save"),i.default.createElement("button",{className:"cancel-button",style:this.getButtonStyle("cancel-button"),onClick:this.cancel},"Cancel"))}},{key:"render",value:function(){return this.state.adding?this.input():i.default.createElement("button",{className:"add-button",style:this.getButtonStyle("add-button"),onClick:this.add},"+")}}]),t}(a.Component);u.propTypes={onDone:l.default.func.isRequired,setup:l.default.array.isRequired},u.contextTypes={styling:l.default.object},t.default=u},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),o=r(1),a=s(o),i=s(r(2)),l=r(3);function s(e){return e&&e.__esModule?e:{default:e}}var c=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var r=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));u.call(r);var n=e.type||"string";return r.state={type:n,value:e.value,show:!(0,l.is_container)(n)},r}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),n(t,[{key:"select",value:function(e){if(e.length>0){var t=e.map((function(e){return a.default.createElement("option",{key:e,value:e},e)}),this);return a.default.createElement("select",{onChange:this.handleSelectChange,defaultValue:this.state.type},t)}return null}},{key:"input",value:function(){var e=this.props,t=e.defaultValue,r=e.placeholder;return a.default.createElement("input",{className:"add-input",style:this.getStyle(),type:"text",autoFocus:!1,defaultValue:t,placeholder:r,onBlur:this.finishEdit,onChange:this.handleInputChange,onKeyPress:this.checkEnter})}},{key:"doneButton",value:function(){return a.default.createElement("button",{className:"add-button",style:this.getButtonStyle(),onClick:this.onDone},"√")}},{key:"getStyle",value:function(){return this.context.styling["add-input"]}},{key:"getButtonStyle",value:function(){return this.context.styling["add-button"]}},{key:"render",value:function(){var e=this.props.multiple;return a.default.createElement("div",{className:"AddInput"},this.select(e),this.state.show?this.input():this.doneButton())}}]),t}(o.Component);c.propTypes={type:i.default.string,multiple:i.default.bool.isRequired,defaultValue:i.default.oneOfType([i.default.string,i.default.number,i.default.bool]),placeholder:i.default.string,onChange:i.default.func.isRequired,onDone:i.default.func.isRequired},c.contextTypes={styling:i.default.object};var u=function(){var e=this;this.handleInputChange=function(t){var r=(0,l.text2value)(e.state.type,t.target.value);e.props.onChange(e.props.index,r),e.setState({value:r})},this.handleSelectChange=function(t){for(var r=t.target.options,n=[],o=0;o<r.length;o++)if(r[o].selected){n=r[o].value;break}var a=(0,l.is_container)(n),i=a?(0,l.text2value)(n,e.state.value):e.state.value;e.setState({type:n,show:!a}),e.props.onChange(e.props.index,i)},this.checkEnter=function(t){"Enter"===t.key&&e.finishEdit(t)},this.finishEdit=function(t){var r=(0,l.text2value)(e.state.type,t.target.value);e.props.onDone(e.props.index,r)},this.onDone=function(){var t=(0,l.text2value)(e.state.type,e.state.value);e.props.onDone(e.props.index,t)}};t.default=c},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),i=r(1),l=p(i),s=p(r(2)),c=p(r(7)),u=r(3),d=p(r(5));function p(e){return e&&e.__esModule?e:{default:e}}var f=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var r=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return r.mouseOver=function(){r.setState({hover:!0})},r.mouseOut=function(){r.setState({hover:!1})},r.onChange=function(e,t){},r.onDone=function(e,t){r.propagateChanges(t)},r.onDelete=function(e){e.stopPropagation(),r.propagateDelete()},r.activateEdit=function(e){r.setState({editing:!0})},r.state={editing:!1,hover:!1},r}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),a(t,[{key:"propagateChanges",value:function(e){this.setState({editing:!1}),this.props.propagateChanges&&this.props.value!=e&&this.props.propagateChanges("update",this.props.index,e)}},{key:"propagateDelete",value:function(){this.props.propagateChanges&&this.props.propagateChanges("delete",this.props.index)}},{key:"value",value:function(){return String(this.props.value)}},{key:"getClass",value:function(){return null===this.props.value?"null":o(this.props.value)}},{key:"getClassName",value:function(){return(0,u.capitalize)(this.getClass())+"Item"}},{key:"getStyle",value:function(){if(this.context.styling.hasOwnProperty(this.getClass())){var e=this.context.styling[this.getClass()];return(0,c.default)(!0,this.context.styling.value,e)}return this.context.styling.value}},{key:"getSuffix",value:function(){return this.props.isLast?null:","}},{key:"editSettings",value:function(){return{type:this.getClass(),defaultValue:this.props.value,multiple:!0}}},{key:"renderEdit",value:function(){var e=this.editSettings();return l.default.createElement(d.default,n({index:0,autoFocus:!1,onChange:this.onChange,onDone:this.onDone},e))}},{key:"renderInnerValue",value:function(){return l.default.createElement("span",null,this.value(),this.context.setup.tableLike?null:this.getSuffix())}},{key:"renderValue",value:function(){return l.default.createElement("div",{className:this.getClassName(),style:this.getStyle(),onClick:this.activateEdit,onMouseOver:this.mouseOver,onMouseOut:this.mouseOut},this.renderInnerValue(),this.renderDelete())}},{key:"renderDelete",value:function(){var e={visibility:this.state.hover?"visible":"hidden"},t=(0,c.default)(!0,this.context.styling["delete-button"],e);return l.default.createElement("button",{className:"delete-button",onClick:this.onDelete,style:t},"⌫")}},{key:"render",value:function(){return this.state.editing?this.renderEdit():this.renderValue()}}]),t}(i.Component);f.propTypes={index:s.default.oneOfType([s.default.string,s.default.number]).isRequired,value:s.default.oneOfType([s.default.string,s.default.number,s.default.bool]),isLast:s.default.bool,propagateChanges:s.default.func.isRequired},f.contextTypes={styling:s.default.object,setup:s.default.object},t.default=f},function(e,t,r){(function(e){!function(t){var r=function(e){return o(!0===e,!1,arguments)};function n(e,t){if("object"!==a(e))return t;for(var r in t)"object"===a(e[r])&&"object"===a(t[r])?e[r]=n(e[r],t[r]):e[r]=t[r];return e}function o(e,t,o){var i=o[0],l=o.length;(e||"object"!==a(i))&&(i={});for(var s=0;s<l;++s){var c=o[s];if("object"===a(c))for(var u in c){var d=e?r.clone(c[u]):c[u];i[u]=t?n(i[u],d):d}}return i}function a(e){return{}.toString.call(e).slice(8,-1).toLowerCase()}r.recursive=function(e){return o(!0===e,!0,arguments)},r.clone=function(e){var t,n,o=e,i=a(e);if("array"===i)for(o=[],n=e.length,t=0;t<n;++t)o[t]=r.clone(e[t]);else if("object"===i)for(t in o={},e)o[t]=r.clone(e[t]);return o},t?e.exports=r:window.merge=r}("object"==typeof e&&e&&"object"==typeof e.exports&&e.exports)}).call(t,r(16)(e))},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),o=r(1),a=c(o),i=c(r(2)),l=r(3),s=c(r(4));function c(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function d(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}var p=function(e){function t(){var e,r,n;u(this,t);for(var o=arguments.length,a=Array(o),i=0;i<o;i++)a[i]=arguments[i];return r=n=d(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(a))),n.addItem=function(e){var t=n.props.doc;t.push(e[0]),n.props.propagateChanges("add",n.props.jkey,t)},n.propagateChanges=function(e,t,r){var o=n.props.doc;switch(e){case"delete":o.splice(t,1);break;case"add":case"update":default:o[t]=r}n.props.propagateChanges("update",n.props.jkey,o)},d(n,r)}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),n(t,[{key:"addButtonSetup",value:function(){return[{type:"String",placeholder:"value",multiple:(0,l.get_options)(this.context.setup.structure,this.props.level)}]}},{key:"getStyle",value:function(){return this.context.styling.array}},{key:"getRowStyle",value:function(){return this.context.styling["array-row"]}},{key:"render",value:function(){var e=this.props.doc.length-1,t=this.props.doc.map((function(t,r){var n=this.props.jkey+r,o=r==e;return a.default.createElement("div",{className:"ArrayRow",style:this.getRowStyle()},(0,l.render_item)(n,r,t,this.propagateChanges,o,this.props.level))}),this);return a.default.createElement("div",{className:"ArrayItem",style:this.getStyle()},this.context.setup.tableLike?null:"[",t,a.default.createElement("div",{className:"ArrayRow",style:this.getRowStyle()},a.default.createElement(s.default,{onDone:this.addItem,setup:this.addButtonSetup()})),this.context.setup.tableLike?null:"]")}}]),t}(o.Component);p.contextTypes={styling:i.default.object,setup:i.default.object},p.propTypes={jkey:i.default.string.isRequired,doc:i.default.array.isRequired,level:i.default.number.isRequired,propagateChanges:i.default.func.isRequired},t.default=p},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),o=r(1),a=c(o),i=c(r(2)),l=c(r(7)),s=r(3);function c(e){return e&&e.__esModule?e:{default:e}}c(r(4));var u={root:{clear:"left"},array:{display:"inline-table"},object:{display:"inline-table"},"object-row":{display:"block",marginLeft:1},"array-row":{display:"block",marginLeft:1},value:{display:"inline-block",minWidth:10,marginLeft:.1},key:{fontWeight:"bold"},string:{color:"green"},number:{color:"blue"},undefined:{color:"violet"},boolean:{color:"red"},null:{color:"firebrick"},"add-button":{display:"inline-block"},"save-button":{display:"inline-block"},"cancel-button":{display:"inline-block"},"delete-button":{float:"right",marginLeft:.5,display:"inline-block"},"add-group":{display:"inline-flex"},"add-input":{display:"inline-block"}};function d(e){var t=e.border||"1px solid #414141",r=e.tableLike?{root:{display:"table",border:t,borderCollapse:"collapse"},array:{display:"table-cell",border:t},object:{display:"table-cell",border:t},"array-row":{display:"table-cell",border:t,marginLeft:0},"object-row":{display:"table-row",border:t,marginLeft:0},key:{display:"table-cell",border:t},value:{display:"table-cell",marginLeft:0},"add-button":{display:"table-cell"}}:{};return(0,l.default)((0,l.default)(u,r),e.styling)}var p=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var r=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return r.propagateChanges=function(e,t,n){r.setState({value:n}),r.props.propagateChanges&&r.props.propagateChanges(n)},r.state={defaultKey:e.defaultKey||"json.",defaultJsonKey:e.defaultJsonKey||"root",styling:d(e)},r}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),n(t,[{key:"getChildContext",value:function(){return{styling:this.state.styling,setup:{tableLike:this.props.tableLike,structure:this.props.structure||{}}}}},{key:"getStyle",value:function(){return this.state.styling.root}},{key:"render",value:function(){var e=this.props.value||this.props.defaultValue||{},t=(0,s.render_item)(this.state.defaultKey,this.state.defaultJsonKey,e,this.propagateChanges,!1,0);return a.default.createElement("div",{className:"JsonEditor",style:this.getStyle()},t)}}]),t}(o.Component);p.propTypes={defaultValue:i.default.oneOfType([i.default.array,i.default.object]),value:i.default.oneOfType([i.default.array,i.default.object]),structure:i.default.object,defaultKey:i.default.string,defaultJsonKey:i.default.string,propagateChanges:i.default.func.isRequired},p.childContextTypes={styling:i.default.object,setup:i.default.object},t.default=p},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),o=(a(r(1)),a(r(2)));function a(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}var s=function(e){function t(){return i(this,t),l(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),n(t,[{key:"value",value:function(){return this.props.jkey}},{key:"getClass",value:function(){return"key"}},{key:"getSuffix",value:function(){return":"}},{key:"editSettings",value:function(){return{type:"string",defaultValue:this.props.jkey,multiple:!1}}},{key:"propagateChanges",value:function(e){this.setState({editing:!1}),this.props.propagateKeyChange&&this.props.jkey!=e&&this.props.propagateKeyChange("update",this.props.jkey,e)}},{key:"propagateDelete",value:function(){this.props.propagateKeyChange&&this.props.propagateKeyChange("delete",this.props.jkey)}}]),t}(a(r(6)).default);s.propTypes={jkey:o.default.oneOfType([o.default.string,o.default.number]).isRequired,propagateKeyChange:o.default.func.isRequired},t.default=s},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),o=r(1),a=u(o),i=u(r(2)),l=u(r(4)),s=r(3),c=u(r(10));function u(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function p(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}var f=function(e){function t(){var e,r,n;d(this,t);for(var o=arguments.length,a=Array(o),i=0;i<o;i++)a[i]=arguments[i];return r=n=p(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(a))),n.addItem=function(e){var t=n.props.doc;t[e[0]]=e[1],n.props.propagateChanges("add",n.props.jkey,t)},n.propagateChanges=function(e,t,r){var o=n.props.doc;switch(e){case"delete":delete o[t];break;case"add":case"update":default:o[t]=r}n.props.propagateChanges("update",n.props.jkey,o)},n.propagateKeyChange=function(e,t,r){var o=n.props.doc[t],a=n.props.doc;switch(e){case"delete":break;case"add":case"update":default:a[r]=o}delete a[t],n.props.propagateChanges("update",n.props.jkey,a)},p(n,r)}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),n(t,[{key:"addButtonSetup",value:function(){return[{type:"text",placeholder:"key",multiple:[]},{type:"text",placeholder:"value",multiple:(0,s.get_options)(this.context.setup.structure,this.props.level)}]}},{key:"getStyle",value:function(){return this.context.styling.object}},{key:"getRowStyle",value:function(){return this.context.styling["object-row"]}},{key:"render",value:function(){var e=Object.keys(this.props.doc),t=e.map((function(t,r){var n=this.props.jkey+"."+t+r,o=r==e.length-1;return a.default.createElement("div",{key:this.props.jkey+".r"+r,className:"ObjectRow",style:this.getRowStyle()},a.default.createElement(c.default,{key:this.props.jkey+".k"+r,jkey:t,propagateKeyChange:this.propagateKeyChange}),(0,s.render_item)(n,t,this.props.doc[t],this.propagateChanges,o,this.props.level))}),this);return a.default.createElement("div",{className:"ObjectItem",style:this.getStyle()},this.context.setup.tableLike?null:"{",t,a.default.createElement(l.default,{onDone:this.addItem,setup:this.addButtonSetup()}),this.context.setup.tableLike?null:"}")}}]),t}(o.Component);f.contextTypes={styling:i.default.object,setup:i.default.object},f.propTypes={jkey:i.default.string.isRequired,doc:i.default.object.isRequired,level:i.default.number.isRequired,propagateChanges:i.default.func.isRequired},t.default=f},function(e,t,r){"use strict";var n=r(14),o=r(15),a=r(13);e.exports=function(){function e(e,t,r,n,i,l){l!==a&&o(!1,"Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types")}function t(){return e}e.isRequired=e;var r={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t};return r.checkPropTypes=n,r.PropTypes=r,r}},function(e,t){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t){"use strict";function r(e){return function(){return e}}var n=function(){};n.thatReturns=r,n.thatReturnsFalse=r(!1),n.thatReturnsTrue=r(!0),n.thatReturnsNull=r(null),n.thatReturnsThis=function(){return this},n.thatReturnsArgument=function(e){return e},e.exports=n},function(e,t,r){"use strict";e.exports=function(e,t,r,n,o,a,i,l){if(!e){var s;if(void 0===t)s=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[r,n,o,a,i,l],u=0;(s=new Error(t.replace(/%s/g,(function(){return c[u++]})))).name="Invariant Violation"}throw s.framesToPop=1,s}}},function(e,t){e.exports=function(e){return e.webpackPolyfill||(e.deprecate=function(){},e.paths=[],e.children=[],e.webpackPolyfill=1),e}}])},e.exports=n(r(500))},function(e,t,r){"use strict";e.exports=r(501)},function(e,t,r){"use strict";var n=r(215),o=r(391),a=r(504),i=r(509),l=r(157),s=r(510),c=r(517),u=r(518),d=r(520),p=l.createElement,f=l.createFactory,b=l.cloneElement,m=n,h={Children:{map:a.map,forEach:a.forEach,count:a.count,toArray:a.toArray,only:d},Component:o.Component,PureComponent:o.PureComponent,createElement:p,cloneElement:b,isValidElement:l.isValidElement,PropTypes:s,createClass:u,createFactory:f,createMixin:function(e){return e},DOM:i,version:c,__spread:m};e.exports=h},function(e,t,r){"use strict";e.exports={}},function(e,t,r){"use strict";e.exports=function(){}},function(e,t,r){"use strict";var n=r(505),o=r(157),a=r(393),i=r(506),l=n.twoArgumentPooler,s=n.fourArgumentPooler,c=/\/+/g;function u(e){return(""+e).replace(c,"$&/")}function d(e,t){this.func=e,this.context=t,this.count=0}function p(e,t,r){var n=e.func,o=e.context;n.call(o,t,e.count++)}function f(e,t,r,n){this.result=e,this.keyPrefix=t,this.func=r,this.context=n,this.count=0}function b(e,t,r){var n=e.result,i=e.keyPrefix,l=e.func,s=e.context,c=l.call(s,t,e.count++);Array.isArray(c)?m(c,n,r,a.thatReturnsArgument):null!=c&&(o.isValidElement(c)&&(c=o.cloneAndReplaceKey(c,i+(!c.key||t&&t.key===c.key?"":u(c.key)+"/")+r)),n.push(c))}function m(e,t,r,n,o){var a="";null!=r&&(a=u(r)+"/");var l=f.getPooled(t,a,n,o);i(e,b,l),f.release(l)}function h(e,t,r){return null}d.prototype.destructor=function(){this.func=null,this.context=null,this.count=0},n.addPoolingTo(d,l),f.prototype.destructor=function(){this.result=null,this.keyPrefix=null,this.func=null,this.context=null,this.count=0},n.addPoolingTo(f,s);var g={forEach:function(e,t,r){if(null==e)return e;var n=d.getPooled(t,r);i(e,p,n),d.release(n)},map:function(e,t,r){if(null==e)return e;var n=[];return m(e,n,null,t,r),n},mapIntoWithKeyPrefixInternal:m,count:function(e,t){return i(e,h,null)},toArray:function(e){var t=[];return m(e,t,null,a.thatReturnsArgument),t}};e.exports=g},function(e,t,r){"use strict";var n=r(258),o=(r(259),function(e){if(this.instancePool.length){var t=this.instancePool.pop();return this.call(t,e),t}return new this(e)}),a=function(e){e instanceof this||n("25"),e.destructor(),this.instancePool.length<this.poolSize&&this.instancePool.push(e)},i=o,l={addPoolingTo:function(e,t){var r=e;return r.instancePool=[],r.getPooled=t||i,r.poolSize||(r.poolSize=10),r.release=a,r},oneArgumentPooler:o,twoArgumentPooler:function(e,t){if(this.instancePool.length){var r=this.instancePool.pop();return this.call(r,e,t),r}return new this(e,t)},threeArgumentPooler:function(e,t,r){if(this.instancePool.length){var n=this.instancePool.pop();return this.call(n,e,t,r),n}return new this(e,t,r)},fourArgumentPooler:function(e,t,r,n){if(this.instancePool.length){var o=this.instancePool.pop();return this.call(o,e,t,r,n),o}return new this(e,t,r,n)}};e.exports=l},function(e,t,r){"use strict";var n=r(258),o=(r(395),r(396)),a=r(507),i=(r(259),r(508));r(294);function l(e,t){return e&&"object"==typeof e&&null!=e.key?i.escape(e.key):t.toString(36)}e.exports=function(e,t,r){return null==e?0:function e(t,r,s,c){var u,d=typeof t;if("undefined"!==d&&"boolean"!==d||(t=null),null===t||"string"===d||"number"===d||"object"===d&&t.$$typeof===o)return s(c,t,""===r?"."+l(t,0):r),1;var p=0,f=""===r?".":r+":";if(Array.isArray(t))for(var b=0;b<t.length;b++)p+=e(u=t[b],f+l(u,b),s,c);else{var m=a(t);if(m){var h,g=m.call(t);if(m!==t.entries)for(var v=0;!(h=g.next()).done;)p+=e(u=h.value,f+l(u,v++),s,c);else for(;!(h=g.next()).done;){var O=h.value;O&&(p+=e(u=O[1],f+i.escape(O[0])+":"+l(u,0),s,c))}}else if("object"===d){var y=String(t);n("31","[object Object]"===y?"object with keys {"+Object.keys(t).join(", ")+"}":y,"")}}return p}(e,"",t,r)}},function(e,t,r){"use strict";var n="function"==typeof Symbol&&Symbol.iterator;e.exports=function(e){var t=e&&(n&&e[n]||e["@@iterator"]);if("function"==typeof t)return t}},function(e,t,r){"use strict";var n={escape:function(e){var t={"=":"=0",":":"=2"};return"$"+(""+e).replace(/[=:]/g,(function(e){return t[e]}))},unescape:function(e){var t={"=0":"=","=2":":"};return(""+("."===e[0]&&"$"===e[1]?e.substring(2):e.substring(1))).replace(/(=0|=2)/g,(function(e){return t[e]}))}};e.exports=n},function(e,t,r){"use strict";var n=r(157).createFactory,o={a:n("a"),abbr:n("abbr"),address:n("address"),area:n("area"),article:n("article"),aside:n("aside"),audio:n("audio"),b:n("b"),base:n("base"),bdi:n("bdi"),bdo:n("bdo"),big:n("big"),blockquote:n("blockquote"),body:n("body"),br:n("br"),button:n("button"),canvas:n("canvas"),caption:n("caption"),cite:n("cite"),code:n("code"),col:n("col"),colgroup:n("colgroup"),data:n("data"),datalist:n("datalist"),dd:n("dd"),del:n("del"),details:n("details"),dfn:n("dfn"),dialog:n("dialog"),div:n("div"),dl:n("dl"),dt:n("dt"),em:n("em"),embed:n("embed"),fieldset:n("fieldset"),figcaption:n("figcaption"),figure:n("figure"),footer:n("footer"),form:n("form"),h1:n("h1"),h2:n("h2"),h3:n("h3"),h4:n("h4"),h5:n("h5"),h6:n("h6"),head:n("head"),header:n("header"),hgroup:n("hgroup"),hr:n("hr"),html:n("html"),i:n("i"),iframe:n("iframe"),img:n("img"),input:n("input"),ins:n("ins"),kbd:n("kbd"),keygen:n("keygen"),label:n("label"),legend:n("legend"),li:n("li"),link:n("link"),main:n("main"),map:n("map"),mark:n("mark"),menu:n("menu"),menuitem:n("menuitem"),meta:n("meta"),meter:n("meter"),nav:n("nav"),noscript:n("noscript"),object:n("object"),ol:n("ol"),optgroup:n("optgroup"),option:n("option"),output:n("output"),p:n("p"),param:n("param"),picture:n("picture"),pre:n("pre"),progress:n("progress"),q:n("q"),rp:n("rp"),rt:n("rt"),ruby:n("ruby"),s:n("s"),samp:n("samp"),script:n("script"),section:n("section"),select:n("select"),small:n("small"),source:n("source"),span:n("span"),strong:n("strong"),style:n("style"),sub:n("sub"),summary:n("summary"),sup:n("sup"),table:n("table"),tbody:n("tbody"),td:n("td"),textarea:n("textarea"),tfoot:n("tfoot"),th:n("th"),thead:n("thead"),time:n("time"),title:n("title"),tr:n("tr"),track:n("track"),u:n("u"),ul:n("ul"),var:n("var"),video:n("video"),wbr:n("wbr"),circle:n("circle"),clipPath:n("clipPath"),defs:n("defs"),ellipse:n("ellipse"),g:n("g"),image:n("image"),line:n("line"),linearGradient:n("linearGradient"),mask:n("mask"),path:n("path"),pattern:n("pattern"),polygon:n("polygon"),polyline:n("polyline"),radialGradient:n("radialGradient"),rect:n("rect"),stop:n("stop"),svg:n("svg"),text:n("text"),tspan:n("tspan")};e.exports=o},function(e,t,r){"use strict";var n=r(157).isValidElement,o=r(511);e.exports=o(n)},function(e,t,r){"use strict";var n=r(512);e.exports=function(e){return n(e,!1)}},function(e,t,r){"use strict";var n=r(513),o=r(215),a=r(362),i=r(515),l=r(516);function s(){return null}e.exports=function(e,t){var r="function"==typeof Symbol&&Symbol.iterator;var c={array:f("array"),bigint:f("bigint"),bool:f("boolean"),func:f("function"),number:f("number"),object:f("object"),string:f("string"),symbol:f("symbol"),any:p(s),arrayOf:function(e){return p((function(t,r,n,o,i){if("function"!=typeof e)return new d("Property `"+i+"` of component `"+n+"` has invalid PropType notation inside arrayOf.");var l=t[r];if(!Array.isArray(l))return new d("Invalid "+o+" `"+i+"` of type `"+h(l)+"` supplied to `"+n+"`, expected an array.");for(var s=0;s<l.length;s++){var c=e(l,s,n,o,i+"["+s+"]",a);if(c instanceof Error)return c}return null}))},element:p((function(t,r,n,o,a){var i=t[r];return e(i)?null:new d("Invalid "+o+" `"+a+"` of type `"+h(i)+"` supplied to `"+n+"`, expected a single ReactElement.")})),elementType:p((function(e,t,r,o,a){var i=e[t];return n.isValidElementType(i)?null:new d("Invalid "+o+" `"+a+"` of type `"+h(i)+"` supplied to `"+r+"`, expected a single ReactElement type.")})),instanceOf:function(e){return p((function(t,r,n,o,a){if(!(t[r]instanceof e)){var i=e.name||"<<anonymous>>";return new d("Invalid "+o+" `"+a+"` of type `"+function(e){if(!e.constructor||!e.constructor.name)return"<<anonymous>>";return e.constructor.name}(t[r])+"` supplied to `"+n+"`, expected instance of `"+i+"`.")}return null}))},node:p((function(e,t,r,n,o){return m(e[t])?null:new d("Invalid "+n+" `"+o+"` supplied to `"+r+"`, expected a ReactNode.")})),objectOf:function(e){return p((function(t,r,n,o,l){if("function"!=typeof e)return new d("Property `"+l+"` of component `"+n+"` has invalid PropType notation inside objectOf.");var s=t[r],c=h(s);if("object"!==c)return new d("Invalid "+o+" `"+l+"` of type `"+c+"` supplied to `"+n+"`, expected an object.");for(var u in s)if(i(s,u)){var p=e(s,u,n,o,l+"."+u,a);if(p instanceof Error)return p}return null}))},oneOf:function(e){if(!Array.isArray(e))return s;return p((function(t,r,n,o,a){for(var i=t[r],l=0;l<e.length;l++)if(u(i,e[l]))return null;var s=JSON.stringify(e,(function(e,t){return"symbol"===g(t)?String(t):t}));return new d("Invalid "+o+" `"+a+"` of value `"+String(i)+"` supplied to `"+n+"`, expected one of "+s+".")}))},oneOfType:function(e){if(!Array.isArray(e))return s;for(var t=0;t<e.length;t++){var r=e[t];if("function"!=typeof r)return v(r),s}return p((function(t,r,n,o,l){for(var s=[],c=0;c<e.length;c++){var u=(0,e[c])(t,r,n,o,l,a);if(null==u)return null;u.data&&i(u.data,"expectedType")&&s.push(u.data.expectedType)}return new d("Invalid "+o+" `"+l+"` supplied to `"+n+"`"+(s.length>0?", expected one of type ["+s.join(", ")+"]":"")+".")}))},shape:function(e){return p((function(t,r,n,o,i){var l=t[r],s=h(l);if("object"!==s)return new d("Invalid "+o+" `"+i+"` of type `"+s+"` supplied to `"+n+"`, expected `object`.");for(var c in e){var u=e[c];if("function"!=typeof u)return b(n,o,i,c,g(u));var p=u(l,c,n,o,i+"."+c,a);if(p)return p}return null}))},exact:function(e){return p((function(t,r,n,l,s){var c=t[r],u=h(c);if("object"!==u)return new d("Invalid "+l+" `"+s+"` of type `"+u+"` supplied to `"+n+"`, expected `object`.");var p=o({},t[r],e);for(var f in p){var m=e[f];if(i(e,f)&&"function"!=typeof m)return b(n,l,s,f,g(m));if(!m)return new d("Invalid "+l+" `"+s+"` key `"+f+"` supplied to `"+n+"`.\nBad object: "+JSON.stringify(t[r],null,"  ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null,"  "));var v=m(c,f,n,l,s+"."+f,a);if(v)return v}return null}))}};function u(e,t){return e===t?0!==e||1/e==1/t:e!=e&&t!=t}function d(e,t){this.message=e,this.data=t&&"object"==typeof t?t:{},this.stack=""}function p(e){function r(r,n,o,i,l,s,c){if((i=i||"<<anonymous>>",s=s||o,c!==a)&&t){var u=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw u.name="Invariant Violation",u}return null==n[o]?r?null===n[o]?new d("The "+l+" `"+s+"` is marked as required in `"+i+"`, but its value is `null`."):new d("The "+l+" `"+s+"` is marked as required in `"+i+"`, but its value is `undefined`."):null:e(n,o,i,l,s)}var n=r.bind(null,!1);return n.isRequired=r.bind(null,!0),n}function f(e){return p((function(t,r,n,o,a,i){var l=t[r];return h(l)!==e?new d("Invalid "+o+" `"+a+"` of type `"+g(l)+"` supplied to `"+n+"`, expected `"+e+"`.",{expectedType:e}):null}))}function b(e,t,r,n,o){return new d((e||"React class")+": "+t+" type `"+r+"."+n+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+o+"`.")}function m(t){switch(typeof t){case"number":case"string":case"undefined":return!0;case"boolean":return!t;case"object":if(Array.isArray(t))return t.every(m);if(null===t||e(t))return!0;var n=function(e){var t=e&&(r&&e[r]||e["@@iterator"]);if("function"==typeof t)return t}(t);if(!n)return!1;var o,a=n.call(t);if(n!==t.entries){for(;!(o=a.next()).done;)if(!m(o.value))return!1}else for(;!(o=a.next()).done;){var i=o.value;if(i&&!m(i[1]))return!1}return!0;default:return!1}}function h(e){var t=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":function(e,t){return"symbol"===e||!!t&&("Symbol"===t["@@toStringTag"]||"function"==typeof Symbol&&t instanceof Symbol)}(t,e)?"symbol":t}function g(e){if(null==e)return""+e;var t=h(e);if("object"===t){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return t}function v(e){var t=g(e);switch(t){case"array":case"object":return"an "+t;case"boolean":case"date":case"regexp":return"a "+t;default:return t}}return d.prototype=Error.prototype,c.checkPropTypes=l,c.resetWarningCache=l.resetWarningCache,c.PropTypes=c,c}},function(e,t,r){"use strict";e.exports=r(514)},function(e,t,r){"use strict";
+ */var n=Symbol.for("react.transitional.element"),o=Symbol.for("react.portal"),a=Symbol.for("react.fragment"),i=Symbol.for("react.strict_mode"),l=Symbol.for("react.profiler");Symbol.for("react.provider");var s=Symbol.for("react.consumer"),c=Symbol.for("react.context"),u=Symbol.for("react.forward_ref"),d=Symbol.for("react.suspense"),p=Symbol.for("react.suspense_list"),f=Symbol.for("react.memo"),b=Symbol.for("react.lazy"),m=Symbol.for("react.offscreen"),h=Symbol.for("react.client.reference");function g(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case n:switch(e=e.type){case a:case l:case i:case d:case p:return e;default:switch(e=e&&e.$$typeof){case c:case u:case b:case f:case s:return e;default:return t}}case o:return t}}}t.ContextConsumer=s,t.ContextProvider=c,t.Element=n,t.ForwardRef=u,t.Fragment=a,t.Lazy=b,t.Memo=f,t.Portal=o,t.Profiler=l,t.StrictMode=i,t.Suspense=d,t.SuspenseList=p,t.isContextConsumer=function(e){return g(e)===s},t.isContextProvider=function(e){return g(e)===c},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===n},t.isForwardRef=function(e){return g(e)===u},t.isFragment=function(e){return g(e)===a},t.isLazy=function(e){return g(e)===b},t.isMemo=function(e){return g(e)===f},t.isPortal=function(e){return g(e)===o},t.isProfiler=function(e){return g(e)===l},t.isStrictMode=function(e){return g(e)===i},t.isSuspense=function(e){return g(e)===d},t.isSuspenseList=function(e){return g(e)===p},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===a||e===l||e===i||e===d||e===p||e===m||"object"==typeof e&&null!==e&&(e.$$typeof===b||e.$$typeof===f||e.$$typeof===c||e.$$typeof===s||e.$$typeof===u||e.$$typeof===h||void 0!==e.getModuleId)},t.typeOf=g},function(e,t,r){"use strict";var n=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),a=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&n(t,e,r);return o(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.CAppBar=void 0;const i=a(r(0)),l=r(216);class s extends i.Component{constructor(){super(...arguments),this.state={open:!0},this.handleToggle=()=>{this.setState({open:!this.state.open})}}render(){return i.createElement("div",null,i.createElement(l.AppBar,{position:"static"},i.createElement(l.Toolbar,null,i.createElement(l.Typography,{variant:"h6",noWrap:!0,component:"div",sx:{flexGrow:1}},"Colyseus Monitor v","0.16.2"))))}}t.CAppBar=s},function(e,t,r){"use strict";var n=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),a=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&n(t,e,r);return o(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.RoomList=void 0;const l=a(r(0)),s=r(388),c=r(216),u=r(397),d=i(r(497)),p=i(r(389)),f=r(216),b=r(390),m={clients:u.gridNumberComparator,maxClients:u.gridNumberComparator,elapsedTime:u.gridDateComparator};class h extends l.Component{constructor(){super(...arguments),this.state={selected:[1],rooms:[],connections:0,cpu:0,memory:{totalMemMb:0,usedMemMb:0},columns:[]},this.isSelected=e=>-1!==this.state.selected.indexOf(e),this.handleRowSelection=e=>{this.setState({selected:e})}}componentWillMount(){this.fetchRoomList()}componentWillUnmount(){clearInterval(this.updateRoomListInterval)}async fetchRoomList(){try{this.setState(await(0,s.fetchRoomList)())}catch(e){console.error(e)}clearInterval(this.updateRoomListInterval),this.updateRoomListInterval=window.setInterval(()=>{this.fetchRoomList()},5e3)}inspectRoom(e){this.props.history.push("/room/"+e)}async disposeRoom(e){await(0,s.remoteRoomCall)(e,"disconnect"),this.fetchRoomList()}getColumnHeader(e){return"string"==typeof e?e:e.metadata}getRoomColumn(e,t){let r,n=t,o=e,a=void 0;return"elapsedTime"===n&&o[n]>=0?a=e=>new Date(Date.now()-e):t.metadata&&e.metadata&&(n=t.metadata,o=e.metadata),r=o[n],void 0===r&&(r=""),a?a(r):""+r}bytesToStr(e){const t=Math.floor(Math.log(e)/Math.log(1024));return 1*(e/Math.pow(1024,t)).toFixed(2)+" "+["B","kB","MB","GB","TB"][t]}getColumnsNames(e){const t=e.map(e=>{const t=this.getColumnHeader(e);return{id:t,field:t,headerName:t,flex:1,valueFormatter:b.valueFormatter[t],sortComparator:m[t]||u.gridStringOrNumberComparator}});return t.push({field:"Inspect",headerName:"",flex:1,renderCell:e=>"No active rooms."!==e.value?l.createElement("div",{style:{cursor:"pointer"},onClick:()=>{this.inspectRoom(e.value)}},l.createElement(c.Button,{variant:"contained",disableElevation:!0,startIcon:l.createElement(d.default,null)},l.createElement(f.Typography,{noWrap:!0,component:"span",sx:{flexGrow:1,display:{xs:"none",sm:"none",md:"block"}}},"Inspect"))):null}),t.push({field:"Dispose",headerName:"",flex:1,renderCell:e=>"No active rooms."!==e.value?l.createElement("div",{style:{cursor:"pointer"},onClick:()=>{this.disposeRoom(e.value)}},l.createElement(c.Button,{variant:"contained",disableElevation:!0,color:"error",startIcon:l.createElement(p.default,null)},l.createElement(f.Typography,{noWrap:!0,component:"span",sx:{flexGrow:1,display:{xs:"none",sm:"none",md:"block"}}},"Dispose"))):null}),t}getRowsData(e){return e.map(e=>{const t={id:e.roomId};for(const r of this.state.columns){const n=this.getRoomColumn(e,r);t[this.getColumnHeader(r)]=n}return t.Inspect=e.roomId,t.Dispose=e.roomId,t})}generateRoomListDataGrid(){const e=this.getColumnsNames(this.state.columns),t=this.getRowsData(this.state.rooms);return l.createElement(u.DataGrid,{columns:e,rows:0===t.length?this.getRowsData([{roomId:"No active rooms.",elapsedTime:-1}]):t,autoHeight:!0,sx:{overflow:"hidden"},slots:{noRowsOverlay:()=>l.createElement(l.Fragment,null)},disableRowSelectionOnClick:!0})}render(){return l.createElement("div",null,l.createElement(c.Card,null,l.createElement(f.TableContainer,{component:f.Paper},l.createElement(f.Table,{"aria-label":"simple table"},l.createElement(f.TableHead,null,l.createElement(f.TableRow,null,l.createElement(f.TableCell,{align:"center"},"Connections",l.createElement(f.Chip,{sx:{marginLeft:"6px"},size:"small",color:"primary",label:this.state.connections})),l.createElement(f.TableCell,{align:"center"},"Rooms",l.createElement(f.Chip,{sx:{marginLeft:"6px"},size:"small",color:"primary",label:this.state.rooms.length})),l.createElement(f.TableCell,{align:"center"},"CPU Usage",l.createElement(f.Chip,{sx:{marginLeft:"6px"},size:"small",color:"primary",label:this.state.cpu+" %"})),l.createElement(f.TableCell,{align:"center"},"Memory",l.createElement(f.Chip,{sx:{marginLeft:"6px"},size:"small",color:"primary",label:this.state.memory.usedMemMb+" MB"}))))))),l.createElement(c.Card,{style:{marginTop:"2px"}},this.generateRoomListDataGrid()))}}t.RoomList=h},function(e,t,r){"use strict";var n=r(99);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(r(130)),a=r(2);t.default=(0,o.default)((0,a.jsx)("path",{d:"M19 4H5c-1.11 0-2 .9-2 2v12c0 1.1.89 2 2 2h4v-2H5V8h14v10h-4v2h4c1.1 0 2-.9 2-2V6c0-1.1-.89-2-2-2m-7 6-4 4h3v6h2v-6h3z"}),"OpenInBrowser")},function(e,t,r){"use strict";var n=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),a=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&n(t,e,r);return o(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.RoomInspect=void 0;const l=a(r(0)),s=r(499),c=i(r(521));r(871);const u=r(388),d=r(216),p=r(397),f=r(527),b=i(r(522)),m=i(r(523)),h=i(r(524)),g=i(r(525)),v=i(r(389)),O=i(r(526)),y=r(390);class j extends l.Component{constructor(){super(...arguments),this.state={roomId:void 0,state:{},clients:[],maxClients:0,stateSize:0,locked:!1,currentTab:"1",sendDialogTitle:"",sendDialogOpen:!1,sendToClient:void 0,sendType:localStorage.getItem("$$colyseus$type")||"message_type",sendData:JSON.parse(localStorage.getItem("$$colyseus$data")||"{}")},this.updateSendType=e=>{const t=e.target.value;localStorage.setItem("$$colyseus$type",t),this.setState({sendType:t})},this.updateSendData=e=>{localStorage.setItem("$$colyseus$data",JSON.stringify(e)),this.state.sendData=e},this.handleCloseSend=()=>{this.setState({sendDialogOpen:!1})},this.handleSend=()=>{(this.state.sendToClient?this.roomCall("_sendMessageToClient",this.state.sendToClient,this.state.sendType,this.state.sendData):this.roomCall("broadcast",this.state.sendType,this.state.sendData)).then(()=>this.handleCloseSend())},this.handleTabChange=(e,t)=>{this.setState({currentTab:t})}}componentDidMount(){this.fetchRoomData()}fetchRoomData(){const e=this.props.match.params.roomId;(0,u.fetchRoomData)(e).then(e=>this.setState(e)).catch(e=>console.error(e)),clearInterval(this.updateDataInterval),this.updateDataInterval=window.setInterval(()=>this.fetchRoomData(),5e3)}roomCall(e,...t){const r=this.props.match.params.roomId;return(0,u.remoteRoomCall)(r,e,...t).then(e=>console.log(e)).catch(e=>console.error(e))}componentWillUnmount(){clearInterval(this.updateDataInterval)}sendMessage(e){const t=e||void 0;let r=e?`Send message to client (${e})`:"Broadcast message to all clients";this.setState({sendToClient:t,sendDialogTitle:r,sendDialogOpen:!0})}disconnectClient(e){this.roomCall("_forceClientDisconnect",e).then(()=>this.fetchRoomData())}disposeRoom(){this.roomCall("disconnect").then(()=>{this.props.history.push("/")})}goBack(){window.history.back()}render(){const e=[{field:"sessionId",headerName:"sessionId",flex:1},{field:"elapsedTime",headerName:"elapsedTime",flex:1,valueFormatter:y.valueFormatter.elapsedTime,sortComparator:p.gridNumberComparator},{field:"actions",headerName:"actions",flex:1,renderCell:e=>l.createElement(l.Fragment,null,l.createElement(d.Button,{variant:"text",startIcon:l.createElement(g.default,null),onClick:this.sendMessage.bind(this,e.id)},"Send"),l.createElement(d.Button,{variant:"text",color:"error",startIcon:l.createElement(O.default,null),onClick:this.disconnectClient.bind(this,e.id)},"Disconnect"))}],t=this.state.clients.map(e=>({id:e.sessionId,sessionId:e.sessionId,elapsedTime:e.elapsedTime,actions:e.sessionId}));return l.createElement("div",null,l.createElement(d.AppBar,{position:"static"},l.createElement(d.Toolbar,null,l.createElement(d.IconButton,{"aria-label":"delete",onClick:this.goBack.bind(this)},l.createElement(b.default,null)),l.createElement(d.Typography,{variant:"h6",noWrap:!0,component:"div",sx:{flexGrow:1}},"Room "+this.state.roomId))),l.createElement(d.TableContainer,{component:d.Paper},l.createElement(d.Table,{"aria-label":"simple table"},l.createElement(d.TableHead,null,l.createElement(d.TableRow,null,l.createElement(d.TableCell,{align:"center"},this.state.locked?l.createElement(m.default,null):l.createElement(h.default,null),this.state.locked?"Locked":"Unlocked"),l.createElement(d.TableCell,{align:"center"},"Clients",l.createElement(d.Chip,{sx:{marginLeft:"6px"},size:"small",color:"primary",label:`${this.state.clients.length}${this.state.maxClients?" / "+this.state.maxClients:""}`})),l.createElement(d.TableCell,{align:"center"},"State Size",l.createElement(d.Chip,{sx:{marginLeft:"6px"},size:"small",color:"primary",label:this.state.stateSize+" bytes"})),l.createElement(d.TableCell,{align:"center"},l.createElement(d.Button,{variant:"text",startIcon:l.createElement(g.default,null),onClick:this.sendMessage.bind(this,void 0)},"Broadcast")),l.createElement(d.TableCell,{align:"center"},l.createElement(d.Button,{variant:"text",color:"error",startIcon:l.createElement(v.default,null),onClick:this.disposeRoom.bind(this)},"Dispose room")))))),l.createElement(f.TabContext,{value:this.state.currentTab},l.createElement(d.Box,{sx:{borderBottom:1,borderColor:"divider"}},l.createElement(f.TabList,{onChange:this.handleTabChange,"aria-label":"lab API tabs example",variant:"fullWidth"},l.createElement(d.Tab,{label:"Clients",value:"1"}),l.createElement(d.Tab,{label:"State",value:"2"}))),l.createElement(f.TabPanel,{value:"1"},l.createElement(p.DataGrid,{columns:e,rows:t,sx:{overflow:"hidden"},disableRowSelectionOnClick:!0,hideFooter:!0,hideFooterPagination:!0,hideFooterSelectedRowCount:!0})),l.createElement(f.TabPanel,{value:"2"},l.createElement(c.default,{src:this.state.state,theme:"default"}))),l.createElement(d.Dialog,{open:this.state.sendDialogOpen,onClose:this.handleCloseSend,"aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description"},l.createElement(d.DialogTitle,{id:"alert-dialog-title"},this.state.sendDialogTitle),l.createElement(d.DialogContent,null,l.createElement("h2",null,"Message type:"),l.createElement("input",{type:"text",value:this.state.sendType,onChange:this.updateSendType}),l.createElement("h2",null,"Message payload"),l.createElement(s.JsonEditor,{value:this.state.sendData,propagateChanges:this.updateSendData})),l.createElement(d.DialogActions,null,l.createElement(d.Button,{variant:"text",color:"error",onClick:this.handleCloseSend},"Cancel"),l.createElement(d.Button,{variant:"text",onClick:this.handleSend},"Send"))))}}t.RoomInspect=j},function(e,t,r){var n;n=function(e){return function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={exports:{},id:n,loaded:!1};return e[n].call(o.exports,o,o.exports,r),o.loaded=!0,o.exports}return r.m=e,r.c=t,r.p="",r(0)}([function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(9);Object.defineProperty(t,"JsonEditor",{enumerable:!0,get:function(){return(e=n,e&&e.__esModule?e:{default:e}).default;var e}});var o=r(3);Object.defineProperty(t,"parse",{enumerable:!0,get:function(){return o.parse}})},function(t,r){t.exports=e},function(e,t,r){e.exports=r(12)()},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.render_item=function(e,t,r,l,s,c){return r instanceof Array?n.default.createElement(o.default,{key:e,jkey:t,doc:r,level:c+1,propagateChanges:l}):r instanceof Object?n.default.createElement(a.default,{key:e,jkey:t,doc:r,level:c+1,propagateChanges:l}):n.default.createElement(i.default,{key:e,index:t,value:r,isLast:s,propagateChanges:l})},t.get_options=function(e,t){return void 0===e.levels||t<e.levels?["string","number","boolean","object","array","whitespace","null"]:["string","number","boolean","whitespace","null"]},t.is_container=function(e){switch(e){case"array":case"object":case"null":case"whitespace":return!0;default:return!1}},t.text2value=function(e,t){switch(e){case"boolean":var r=["true","1","yes","on"].indexOf(t.toLowerCase());return Boolean(0<=r);case"number":return Number(t);case"array":return[];case"object":return{};case"null":return null;case"whitespace":return" ";case"string":default:return t}},t.capitalize=function(e){return e.charAt(0).toUpperCase()+e.slice(1)},t.add2text=s,t.parse=function(e){try{return{json:JSON.parse(e)}}catch(r){var t=r.toString();return{json:void 0,errorText:"Pasted text is not valid json. Error: "+t+" - "+function(e,t){if(void 0!==t)for(var r=e.indexOf(" at line "),n=e.indexOf(" column "),o=e.indexOf(" of the JSON data"),a=parseInt(e.substr(r+9,n))-1,i=parseInt(e.substr(n+8,o))-1,l=t.split("\n"),c=0;c<l.length;c++)if(a===c)return s(l[c],i,"˰")}(t,e)}}};var n=l(r(1)),o=l(r(8)),a=l(r(11)),i=l(r(6));function l(e){return e&&e.__esModule?e:{default:e}}function s(e,t,r){return e.substr(0,t)+r+e.substr(t)}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),a=r(1),i=c(a),l=c(r(2)),s=c(r(5));function c(e){return e&&e.__esModule?e:{default:e}}var u=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var r=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return r.add=function(){r.setState({adding:!0})},r.next=function(e){},r.onDone=function(e,t){r.onChange(e,t),e<r.props.setup.length-1?r.next(e+1):r.save()},r.onChange=function(e,t){var n=r.state.values;n[e]=t,r.setState({values:n})},r.cancel=function(){r.setState({adding:!1})},r.save=function(){r.setState({adding:!1}),r.props.onDone(r.state.values)},r.state={adding:!1,values:[]},r}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),o(t,[{key:"getStyle",value:function(){return this.context.styling["add-group"]}},{key:"getButtonStyle",value:function(e){return this.context.styling[e]}},{key:"input",value:function(){var e=this.props.setup.map((function(e,t){return i.default.createElement(s.default,n({key:"ab"+t,index:t,onChange:this.onChange,onDone:this.onDone},e))}),this);return i.default.createElement("div",{className:"AddButton",style:this.getStyle()},e,i.default.createElement("button",{className:"save-button",style:this.getButtonStyle("save-button"),onClick:this.save},"Save"),i.default.createElement("button",{className:"cancel-button",style:this.getButtonStyle("cancel-button"),onClick:this.cancel},"Cancel"))}},{key:"render",value:function(){return this.state.adding?this.input():i.default.createElement("button",{className:"add-button",style:this.getButtonStyle("add-button"),onClick:this.add},"+")}}]),t}(a.Component);u.propTypes={onDone:l.default.func.isRequired,setup:l.default.array.isRequired},u.contextTypes={styling:l.default.object},t.default=u},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),o=r(1),a=s(o),i=s(r(2)),l=r(3);function s(e){return e&&e.__esModule?e:{default:e}}var c=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var r=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));u.call(r);var n=e.type||"string";return r.state={type:n,value:e.value,show:!(0,l.is_container)(n)},r}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),n(t,[{key:"select",value:function(e){if(e.length>0){var t=e.map((function(e){return a.default.createElement("option",{key:e,value:e},e)}),this);return a.default.createElement("select",{onChange:this.handleSelectChange,defaultValue:this.state.type},t)}return null}},{key:"input",value:function(){var e=this.props,t=e.defaultValue,r=e.placeholder;return a.default.createElement("input",{className:"add-input",style:this.getStyle(),type:"text",autoFocus:!1,defaultValue:t,placeholder:r,onBlur:this.finishEdit,onChange:this.handleInputChange,onKeyPress:this.checkEnter})}},{key:"doneButton",value:function(){return a.default.createElement("button",{className:"add-button",style:this.getButtonStyle(),onClick:this.onDone},"√")}},{key:"getStyle",value:function(){return this.context.styling["add-input"]}},{key:"getButtonStyle",value:function(){return this.context.styling["add-button"]}},{key:"render",value:function(){var e=this.props.multiple;return a.default.createElement("div",{className:"AddInput"},this.select(e),this.state.show?this.input():this.doneButton())}}]),t}(o.Component);c.propTypes={type:i.default.string,multiple:i.default.bool.isRequired,defaultValue:i.default.oneOfType([i.default.string,i.default.number,i.default.bool]),placeholder:i.default.string,onChange:i.default.func.isRequired,onDone:i.default.func.isRequired},c.contextTypes={styling:i.default.object};var u=function(){var e=this;this.handleInputChange=function(t){var r=(0,l.text2value)(e.state.type,t.target.value);e.props.onChange(e.props.index,r),e.setState({value:r})},this.handleSelectChange=function(t){for(var r=t.target.options,n=[],o=0;o<r.length;o++)if(r[o].selected){n=r[o].value;break}var a=(0,l.is_container)(n),i=a?(0,l.text2value)(n,e.state.value):e.state.value;e.setState({type:n,show:!a}),e.props.onChange(e.props.index,i)},this.checkEnter=function(t){"Enter"===t.key&&e.finishEdit(t)},this.finishEdit=function(t){var r=(0,l.text2value)(e.state.type,t.target.value);e.props.onDone(e.props.index,r)},this.onDone=function(){var t=(0,l.text2value)(e.state.type,e.state.value);e.props.onDone(e.props.index,t)}};t.default=c},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),i=r(1),l=p(i),s=p(r(2)),c=p(r(7)),u=r(3),d=p(r(5));function p(e){return e&&e.__esModule?e:{default:e}}var f=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var r=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return r.mouseOver=function(){r.setState({hover:!0})},r.mouseOut=function(){r.setState({hover:!1})},r.onChange=function(e,t){},r.onDone=function(e,t){r.propagateChanges(t)},r.onDelete=function(e){e.stopPropagation(),r.propagateDelete()},r.activateEdit=function(e){r.setState({editing:!0})},r.state={editing:!1,hover:!1},r}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),a(t,[{key:"propagateChanges",value:function(e){this.setState({editing:!1}),this.props.propagateChanges&&this.props.value!=e&&this.props.propagateChanges("update",this.props.index,e)}},{key:"propagateDelete",value:function(){this.props.propagateChanges&&this.props.propagateChanges("delete",this.props.index)}},{key:"value",value:function(){return String(this.props.value)}},{key:"getClass",value:function(){return null===this.props.value?"null":o(this.props.value)}},{key:"getClassName",value:function(){return(0,u.capitalize)(this.getClass())+"Item"}},{key:"getStyle",value:function(){if(this.context.styling.hasOwnProperty(this.getClass())){var e=this.context.styling[this.getClass()];return(0,c.default)(!0,this.context.styling.value,e)}return this.context.styling.value}},{key:"getSuffix",value:function(){return this.props.isLast?null:","}},{key:"editSettings",value:function(){return{type:this.getClass(),defaultValue:this.props.value,multiple:!0}}},{key:"renderEdit",value:function(){var e=this.editSettings();return l.default.createElement(d.default,n({index:0,autoFocus:!1,onChange:this.onChange,onDone:this.onDone},e))}},{key:"renderInnerValue",value:function(){return l.default.createElement("span",null,this.value(),this.context.setup.tableLike?null:this.getSuffix())}},{key:"renderValue",value:function(){return l.default.createElement("div",{className:this.getClassName(),style:this.getStyle(),onClick:this.activateEdit,onMouseOver:this.mouseOver,onMouseOut:this.mouseOut},this.renderInnerValue(),this.renderDelete())}},{key:"renderDelete",value:function(){var e={visibility:this.state.hover?"visible":"hidden"},t=(0,c.default)(!0,this.context.styling["delete-button"],e);return l.default.createElement("button",{className:"delete-button",onClick:this.onDelete,style:t},"⌫")}},{key:"render",value:function(){return this.state.editing?this.renderEdit():this.renderValue()}}]),t}(i.Component);f.propTypes={index:s.default.oneOfType([s.default.string,s.default.number]).isRequired,value:s.default.oneOfType([s.default.string,s.default.number,s.default.bool]),isLast:s.default.bool,propagateChanges:s.default.func.isRequired},f.contextTypes={styling:s.default.object,setup:s.default.object},t.default=f},function(e,t,r){(function(e){!function(t){var r=function(e){return o(!0===e,!1,arguments)};function n(e,t){if("object"!==a(e))return t;for(var r in t)"object"===a(e[r])&&"object"===a(t[r])?e[r]=n(e[r],t[r]):e[r]=t[r];return e}function o(e,t,o){var i=o[0],l=o.length;(e||"object"!==a(i))&&(i={});for(var s=0;s<l;++s){var c=o[s];if("object"===a(c))for(var u in c){var d=e?r.clone(c[u]):c[u];i[u]=t?n(i[u],d):d}}return i}function a(e){return{}.toString.call(e).slice(8,-1).toLowerCase()}r.recursive=function(e){return o(!0===e,!0,arguments)},r.clone=function(e){var t,n,o=e,i=a(e);if("array"===i)for(o=[],n=e.length,t=0;t<n;++t)o[t]=r.clone(e[t]);else if("object"===i)for(t in o={},e)o[t]=r.clone(e[t]);return o},t?e.exports=r:window.merge=r}("object"==typeof e&&e&&"object"==typeof e.exports&&e.exports)}).call(t,r(16)(e))},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),o=r(1),a=c(o),i=c(r(2)),l=r(3),s=c(r(4));function c(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function d(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}var p=function(e){function t(){var e,r,n;u(this,t);for(var o=arguments.length,a=Array(o),i=0;i<o;i++)a[i]=arguments[i];return r=n=d(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(a))),n.addItem=function(e){var t=n.props.doc;t.push(e[0]),n.props.propagateChanges("add",n.props.jkey,t)},n.propagateChanges=function(e,t,r){var o=n.props.doc;switch(e){case"delete":o.splice(t,1);break;case"add":case"update":default:o[t]=r}n.props.propagateChanges("update",n.props.jkey,o)},d(n,r)}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),n(t,[{key:"addButtonSetup",value:function(){return[{type:"String",placeholder:"value",multiple:(0,l.get_options)(this.context.setup.structure,this.props.level)}]}},{key:"getStyle",value:function(){return this.context.styling.array}},{key:"getRowStyle",value:function(){return this.context.styling["array-row"]}},{key:"render",value:function(){var e=this.props.doc.length-1,t=this.props.doc.map((function(t,r){var n=this.props.jkey+r,o=r==e;return a.default.createElement("div",{className:"ArrayRow",style:this.getRowStyle()},(0,l.render_item)(n,r,t,this.propagateChanges,o,this.props.level))}),this);return a.default.createElement("div",{className:"ArrayItem",style:this.getStyle()},this.context.setup.tableLike?null:"[",t,a.default.createElement("div",{className:"ArrayRow",style:this.getRowStyle()},a.default.createElement(s.default,{onDone:this.addItem,setup:this.addButtonSetup()})),this.context.setup.tableLike?null:"]")}}]),t}(o.Component);p.contextTypes={styling:i.default.object,setup:i.default.object},p.propTypes={jkey:i.default.string.isRequired,doc:i.default.array.isRequired,level:i.default.number.isRequired,propagateChanges:i.default.func.isRequired},t.default=p},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),o=r(1),a=c(o),i=c(r(2)),l=c(r(7)),s=r(3);function c(e){return e&&e.__esModule?e:{default:e}}c(r(4));var u={root:{clear:"left"},array:{display:"inline-table"},object:{display:"inline-table"},"object-row":{display:"block",marginLeft:1},"array-row":{display:"block",marginLeft:1},value:{display:"inline-block",minWidth:10,marginLeft:.1},key:{fontWeight:"bold"},string:{color:"green"},number:{color:"blue"},undefined:{color:"violet"},boolean:{color:"red"},null:{color:"firebrick"},"add-button":{display:"inline-block"},"save-button":{display:"inline-block"},"cancel-button":{display:"inline-block"},"delete-button":{float:"right",marginLeft:.5,display:"inline-block"},"add-group":{display:"inline-flex"},"add-input":{display:"inline-block"}};function d(e){var t=e.border||"1px solid #414141",r=e.tableLike?{root:{display:"table",border:t,borderCollapse:"collapse"},array:{display:"table-cell",border:t},object:{display:"table-cell",border:t},"array-row":{display:"table-cell",border:t,marginLeft:0},"object-row":{display:"table-row",border:t,marginLeft:0},key:{display:"table-cell",border:t},value:{display:"table-cell",marginLeft:0},"add-button":{display:"table-cell"}}:{};return(0,l.default)((0,l.default)(u,r),e.styling)}var p=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var r=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return r.propagateChanges=function(e,t,n){r.setState({value:n}),r.props.propagateChanges&&r.props.propagateChanges(n)},r.state={defaultKey:e.defaultKey||"json.",defaultJsonKey:e.defaultJsonKey||"root",styling:d(e)},r}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),n(t,[{key:"getChildContext",value:function(){return{styling:this.state.styling,setup:{tableLike:this.props.tableLike,structure:this.props.structure||{}}}}},{key:"getStyle",value:function(){return this.state.styling.root}},{key:"render",value:function(){var e=this.props.value||this.props.defaultValue||{},t=(0,s.render_item)(this.state.defaultKey,this.state.defaultJsonKey,e,this.propagateChanges,!1,0);return a.default.createElement("div",{className:"JsonEditor",style:this.getStyle()},t)}}]),t}(o.Component);p.propTypes={defaultValue:i.default.oneOfType([i.default.array,i.default.object]),value:i.default.oneOfType([i.default.array,i.default.object]),structure:i.default.object,defaultKey:i.default.string,defaultJsonKey:i.default.string,propagateChanges:i.default.func.isRequired},p.childContextTypes={styling:i.default.object,setup:i.default.object},t.default=p},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),o=(a(r(1)),a(r(2)));function a(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}var s=function(e){function t(){return i(this,t),l(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),n(t,[{key:"value",value:function(){return this.props.jkey}},{key:"getClass",value:function(){return"key"}},{key:"getSuffix",value:function(){return":"}},{key:"editSettings",value:function(){return{type:"string",defaultValue:this.props.jkey,multiple:!1}}},{key:"propagateChanges",value:function(e){this.setState({editing:!1}),this.props.propagateKeyChange&&this.props.jkey!=e&&this.props.propagateKeyChange("update",this.props.jkey,e)}},{key:"propagateDelete",value:function(){this.props.propagateKeyChange&&this.props.propagateKeyChange("delete",this.props.jkey)}}]),t}(a(r(6)).default);s.propTypes={jkey:o.default.oneOfType([o.default.string,o.default.number]).isRequired,propagateKeyChange:o.default.func.isRequired},t.default=s},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),o=r(1),a=u(o),i=u(r(2)),l=u(r(4)),s=r(3),c=u(r(10));function u(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function p(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}var f=function(e){function t(){var e,r,n;d(this,t);for(var o=arguments.length,a=Array(o),i=0;i<o;i++)a[i]=arguments[i];return r=n=p(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(a))),n.addItem=function(e){var t=n.props.doc;t[e[0]]=e[1],n.props.propagateChanges("add",n.props.jkey,t)},n.propagateChanges=function(e,t,r){var o=n.props.doc;switch(e){case"delete":delete o[t];break;case"add":case"update":default:o[t]=r}n.props.propagateChanges("update",n.props.jkey,o)},n.propagateKeyChange=function(e,t,r){var o=n.props.doc[t],a=n.props.doc;switch(e){case"delete":break;case"add":case"update":default:a[r]=o}delete a[t],n.props.propagateChanges("update",n.props.jkey,a)},p(n,r)}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),n(t,[{key:"addButtonSetup",value:function(){return[{type:"text",placeholder:"key",multiple:[]},{type:"text",placeholder:"value",multiple:(0,s.get_options)(this.context.setup.structure,this.props.level)}]}},{key:"getStyle",value:function(){return this.context.styling.object}},{key:"getRowStyle",value:function(){return this.context.styling["object-row"]}},{key:"render",value:function(){var e=Object.keys(this.props.doc),t=e.map((function(t,r){var n=this.props.jkey+"."+t+r,o=r==e.length-1;return a.default.createElement("div",{key:this.props.jkey+".r"+r,className:"ObjectRow",style:this.getRowStyle()},a.default.createElement(c.default,{key:this.props.jkey+".k"+r,jkey:t,propagateKeyChange:this.propagateKeyChange}),(0,s.render_item)(n,t,this.props.doc[t],this.propagateChanges,o,this.props.level))}),this);return a.default.createElement("div",{className:"ObjectItem",style:this.getStyle()},this.context.setup.tableLike?null:"{",t,a.default.createElement(l.default,{onDone:this.addItem,setup:this.addButtonSetup()}),this.context.setup.tableLike?null:"}")}}]),t}(o.Component);f.contextTypes={styling:i.default.object,setup:i.default.object},f.propTypes={jkey:i.default.string.isRequired,doc:i.default.object.isRequired,level:i.default.number.isRequired,propagateChanges:i.default.func.isRequired},t.default=f},function(e,t,r){"use strict";var n=r(14),o=r(15),a=r(13);e.exports=function(){function e(e,t,r,n,i,l){l!==a&&o(!1,"Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types")}function t(){return e}e.isRequired=e;var r={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t};return r.checkPropTypes=n,r.PropTypes=r,r}},function(e,t){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t){"use strict";function r(e){return function(){return e}}var n=function(){};n.thatReturns=r,n.thatReturnsFalse=r(!1),n.thatReturnsTrue=r(!0),n.thatReturnsNull=r(null),n.thatReturnsThis=function(){return this},n.thatReturnsArgument=function(e){return e},e.exports=n},function(e,t,r){"use strict";e.exports=function(e,t,r,n,o,a,i,l){if(!e){var s;if(void 0===t)s=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[r,n,o,a,i,l],u=0;(s=new Error(t.replace(/%s/g,(function(){return c[u++]})))).name="Invariant Violation"}throw s.framesToPop=1,s}}},function(e,t){e.exports=function(e){return e.webpackPolyfill||(e.deprecate=function(){},e.paths=[],e.children=[],e.webpackPolyfill=1),e}}])},e.exports=n(r(500))},function(e,t,r){"use strict";e.exports=r(501)},function(e,t,r){"use strict";var n=r(215),o=r(391),a=r(504),i=r(509),l=r(157),s=r(510),c=r(517),u=r(518),d=r(520),p=l.createElement,f=l.createFactory,b=l.cloneElement,m=n,h={Children:{map:a.map,forEach:a.forEach,count:a.count,toArray:a.toArray,only:d},Component:o.Component,PureComponent:o.PureComponent,createElement:p,cloneElement:b,isValidElement:l.isValidElement,PropTypes:s,createClass:u,createFactory:f,createMixin:function(e){return e},DOM:i,version:c,__spread:m};e.exports=h},function(e,t,r){"use strict";e.exports={}},function(e,t,r){"use strict";e.exports=function(){}},function(e,t,r){"use strict";var n=r(505),o=r(157),a=r(393),i=r(506),l=n.twoArgumentPooler,s=n.fourArgumentPooler,c=/\/+/g;function u(e){return(""+e).replace(c,"$&/")}function d(e,t){this.func=e,this.context=t,this.count=0}function p(e,t,r){var n=e.func,o=e.context;n.call(o,t,e.count++)}function f(e,t,r,n){this.result=e,this.keyPrefix=t,this.func=r,this.context=n,this.count=0}function b(e,t,r){var n=e.result,i=e.keyPrefix,l=e.func,s=e.context,c=l.call(s,t,e.count++);Array.isArray(c)?m(c,n,r,a.thatReturnsArgument):null!=c&&(o.isValidElement(c)&&(c=o.cloneAndReplaceKey(c,i+(!c.key||t&&t.key===c.key?"":u(c.key)+"/")+r)),n.push(c))}function m(e,t,r,n,o){var a="";null!=r&&(a=u(r)+"/");var l=f.getPooled(t,a,n,o);i(e,b,l),f.release(l)}function h(e,t,r){return null}d.prototype.destructor=function(){this.func=null,this.context=null,this.count=0},n.addPoolingTo(d,l),f.prototype.destructor=function(){this.result=null,this.keyPrefix=null,this.func=null,this.context=null,this.count=0},n.addPoolingTo(f,s);var g={forEach:function(e,t,r){if(null==e)return e;var n=d.getPooled(t,r);i(e,p,n),d.release(n)},map:function(e,t,r){if(null==e)return e;var n=[];return m(e,n,null,t,r),n},mapIntoWithKeyPrefixInternal:m,count:function(e,t){return i(e,h,null)},toArray:function(e){var t=[];return m(e,t,null,a.thatReturnsArgument),t}};e.exports=g},function(e,t,r){"use strict";var n=r(258),o=(r(259),function(e){if(this.instancePool.length){var t=this.instancePool.pop();return this.call(t,e),t}return new this(e)}),a=function(e){e instanceof this||n("25"),e.destructor(),this.instancePool.length<this.poolSize&&this.instancePool.push(e)},i=o,l={addPoolingTo:function(e,t){var r=e;return r.instancePool=[],r.getPooled=t||i,r.poolSize||(r.poolSize=10),r.release=a,r},oneArgumentPooler:o,twoArgumentPooler:function(e,t){if(this.instancePool.length){var r=this.instancePool.pop();return this.call(r,e,t),r}return new this(e,t)},threeArgumentPooler:function(e,t,r){if(this.instancePool.length){var n=this.instancePool.pop();return this.call(n,e,t,r),n}return new this(e,t,r)},fourArgumentPooler:function(e,t,r,n){if(this.instancePool.length){var o=this.instancePool.pop();return this.call(o,e,t,r,n),o}return new this(e,t,r,n)}};e.exports=l},function(e,t,r){"use strict";var n=r(258),o=(r(395),r(396)),a=r(507),i=(r(259),r(508));r(294);function l(e,t){return e&&"object"==typeof e&&null!=e.key?i.escape(e.key):t.toString(36)}e.exports=function(e,t,r){return null==e?0:function e(t,r,s,c){var u,d=typeof t;if("undefined"!==d&&"boolean"!==d||(t=null),null===t||"string"===d||"number"===d||"object"===d&&t.$$typeof===o)return s(c,t,""===r?"."+l(t,0):r),1;var p=0,f=""===r?".":r+":";if(Array.isArray(t))for(var b=0;b<t.length;b++)p+=e(u=t[b],f+l(u,b),s,c);else{var m=a(t);if(m){var h,g=m.call(t);if(m!==t.entries)for(var v=0;!(h=g.next()).done;)p+=e(u=h.value,f+l(u,v++),s,c);else for(;!(h=g.next()).done;){var O=h.value;O&&(p+=e(u=O[1],f+i.escape(O[0])+":"+l(u,0),s,c))}}else if("object"===d){var y=String(t);n("31","[object Object]"===y?"object with keys {"+Object.keys(t).join(", ")+"}":y,"")}}return p}(e,"",t,r)}},function(e,t,r){"use strict";var n="function"==typeof Symbol&&Symbol.iterator;e.exports=function(e){var t=e&&(n&&e[n]||e["@@iterator"]);if("function"==typeof t)return t}},function(e,t,r){"use strict";var n={escape:function(e){var t={"=":"=0",":":"=2"};return"$"+(""+e).replace(/[=:]/g,(function(e){return t[e]}))},unescape:function(e){var t={"=0":"=","=2":":"};return(""+("."===e[0]&&"$"===e[1]?e.substring(2):e.substring(1))).replace(/(=0|=2)/g,(function(e){return t[e]}))}};e.exports=n},function(e,t,r){"use strict";var n=r(157).createFactory,o={a:n("a"),abbr:n("abbr"),address:n("address"),area:n("area"),article:n("article"),aside:n("aside"),audio:n("audio"),b:n("b"),base:n("base"),bdi:n("bdi"),bdo:n("bdo"),big:n("big"),blockquote:n("blockquote"),body:n("body"),br:n("br"),button:n("button"),canvas:n("canvas"),caption:n("caption"),cite:n("cite"),code:n("code"),col:n("col"),colgroup:n("colgroup"),data:n("data"),datalist:n("datalist"),dd:n("dd"),del:n("del"),details:n("details"),dfn:n("dfn"),dialog:n("dialog"),div:n("div"),dl:n("dl"),dt:n("dt"),em:n("em"),embed:n("embed"),fieldset:n("fieldset"),figcaption:n("figcaption"),figure:n("figure"),footer:n("footer"),form:n("form"),h1:n("h1"),h2:n("h2"),h3:n("h3"),h4:n("h4"),h5:n("h5"),h6:n("h6"),head:n("head"),header:n("header"),hgroup:n("hgroup"),hr:n("hr"),html:n("html"),i:n("i"),iframe:n("iframe"),img:n("img"),input:n("input"),ins:n("ins"),kbd:n("kbd"),keygen:n("keygen"),label:n("label"),legend:n("legend"),li:n("li"),link:n("link"),main:n("main"),map:n("map"),mark:n("mark"),menu:n("menu"),menuitem:n("menuitem"),meta:n("meta"),meter:n("meter"),nav:n("nav"),noscript:n("noscript"),object:n("object"),ol:n("ol"),optgroup:n("optgroup"),option:n("option"),output:n("output"),p:n("p"),param:n("param"),picture:n("picture"),pre:n("pre"),progress:n("progress"),q:n("q"),rp:n("rp"),rt:n("rt"),ruby:n("ruby"),s:n("s"),samp:n("samp"),script:n("script"),section:n("section"),select:n("select"),small:n("small"),source:n("source"),span:n("span"),strong:n("strong"),style:n("style"),sub:n("sub"),summary:n("summary"),sup:n("sup"),table:n("table"),tbody:n("tbody"),td:n("td"),textarea:n("textarea"),tfoot:n("tfoot"),th:n("th"),thead:n("thead"),time:n("time"),title:n("title"),tr:n("tr"),track:n("track"),u:n("u"),ul:n("ul"),var:n("var"),video:n("video"),wbr:n("wbr"),circle:n("circle"),clipPath:n("clipPath"),defs:n("defs"),ellipse:n("ellipse"),g:n("g"),image:n("image"),line:n("line"),linearGradient:n("linearGradient"),mask:n("mask"),path:n("path"),pattern:n("pattern"),polygon:n("polygon"),polyline:n("polyline"),radialGradient:n("radialGradient"),rect:n("rect"),stop:n("stop"),svg:n("svg"),text:n("text"),tspan:n("tspan")};e.exports=o},function(e,t,r){"use strict";var n=r(157).isValidElement,o=r(511);e.exports=o(n)},function(e,t,r){"use strict";var n=r(512);e.exports=function(e){return n(e,!1)}},function(e,t,r){"use strict";var n=r(513),o=r(215),a=r(362),i=r(515),l=r(516);function s(){return null}e.exports=function(e,t){var r="function"==typeof Symbol&&Symbol.iterator;var c={array:f("array"),bigint:f("bigint"),bool:f("boolean"),func:f("function"),number:f("number"),object:f("object"),string:f("string"),symbol:f("symbol"),any:p(s),arrayOf:function(e){return p((function(t,r,n,o,i){if("function"!=typeof e)return new d("Property `"+i+"` of component `"+n+"` has invalid PropType notation inside arrayOf.");var l=t[r];if(!Array.isArray(l))return new d("Invalid "+o+" `"+i+"` of type `"+h(l)+"` supplied to `"+n+"`, expected an array.");for(var s=0;s<l.length;s++){var c=e(l,s,n,o,i+"["+s+"]",a);if(c instanceof Error)return c}return null}))},element:p((function(t,r,n,o,a){var i=t[r];return e(i)?null:new d("Invalid "+o+" `"+a+"` of type `"+h(i)+"` supplied to `"+n+"`, expected a single ReactElement.")})),elementType:p((function(e,t,r,o,a){var i=e[t];return n.isValidElementType(i)?null:new d("Invalid "+o+" `"+a+"` of type `"+h(i)+"` supplied to `"+r+"`, expected a single ReactElement type.")})),instanceOf:function(e){return p((function(t,r,n,o,a){if(!(t[r]instanceof e)){var i=e.name||"<<anonymous>>";return new d("Invalid "+o+" `"+a+"` of type `"+function(e){if(!e.constructor||!e.constructor.name)return"<<anonymous>>";return e.constructor.name}(t[r])+"` supplied to `"+n+"`, expected instance of `"+i+"`.")}return null}))},node:p((function(e,t,r,n,o){return m(e[t])?null:new d("Invalid "+n+" `"+o+"` supplied to `"+r+"`, expected a ReactNode.")})),objectOf:function(e){return p((function(t,r,n,o,l){if("function"!=typeof e)return new d("Property `"+l+"` of component `"+n+"` has invalid PropType notation inside objectOf.");var s=t[r],c=h(s);if("object"!==c)return new d("Invalid "+o+" `"+l+"` of type `"+c+"` supplied to `"+n+"`, expected an object.");for(var u in s)if(i(s,u)){var p=e(s,u,n,o,l+"."+u,a);if(p instanceof Error)return p}return null}))},oneOf:function(e){if(!Array.isArray(e))return s;return p((function(t,r,n,o,a){for(var i=t[r],l=0;l<e.length;l++)if(u(i,e[l]))return null;var s=JSON.stringify(e,(function(e,t){return"symbol"===g(t)?String(t):t}));return new d("Invalid "+o+" `"+a+"` of value `"+String(i)+"` supplied to `"+n+"`, expected one of "+s+".")}))},oneOfType:function(e){if(!Array.isArray(e))return s;for(var t=0;t<e.length;t++){var r=e[t];if("function"!=typeof r)return v(r),s}return p((function(t,r,n,o,l){for(var s=[],c=0;c<e.length;c++){var u=(0,e[c])(t,r,n,o,l,a);if(null==u)return null;u.data&&i(u.data,"expectedType")&&s.push(u.data.expectedType)}return new d("Invalid "+o+" `"+l+"` supplied to `"+n+"`"+(s.length>0?", expected one of type ["+s.join(", ")+"]":"")+".")}))},shape:function(e){return p((function(t,r,n,o,i){var l=t[r],s=h(l);if("object"!==s)return new d("Invalid "+o+" `"+i+"` of type `"+s+"` supplied to `"+n+"`, expected `object`.");for(var c in e){var u=e[c];if("function"!=typeof u)return b(n,o,i,c,g(u));var p=u(l,c,n,o,i+"."+c,a);if(p)return p}return null}))},exact:function(e){return p((function(t,r,n,l,s){var c=t[r],u=h(c);if("object"!==u)return new d("Invalid "+l+" `"+s+"` of type `"+u+"` supplied to `"+n+"`, expected `object`.");var p=o({},t[r],e);for(var f in p){var m=e[f];if(i(e,f)&&"function"!=typeof m)return b(n,l,s,f,g(m));if(!m)return new d("Invalid "+l+" `"+s+"` key `"+f+"` supplied to `"+n+"`.\nBad object: "+JSON.stringify(t[r],null,"  ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null,"  "));var v=m(c,f,n,l,s+"."+f,a);if(v)return v}return null}))}};function u(e,t){return e===t?0!==e||1/e==1/t:e!=e&&t!=t}function d(e,t){this.message=e,this.data=t&&"object"==typeof t?t:{},this.stack=""}function p(e){function r(r,n,o,i,l,s,c){if((i=i||"<<anonymous>>",s=s||o,c!==a)&&t){var u=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw u.name="Invariant Violation",u}return null==n[o]?r?null===n[o]?new d("The "+l+" `"+s+"` is marked as required in `"+i+"`, but its value is `null`."):new d("The "+l+" `"+s+"` is marked as required in `"+i+"`, but its value is `undefined`."):null:e(n,o,i,l,s)}var n=r.bind(null,!1);return n.isRequired=r.bind(null,!0),n}function f(e){return p((function(t,r,n,o,a,i){var l=t[r];return h(l)!==e?new d("Invalid "+o+" `"+a+"` of type `"+g(l)+"` supplied to `"+n+"`, expected `"+e+"`.",{expectedType:e}):null}))}function b(e,t,r,n,o){return new d((e||"React class")+": "+t+" type `"+r+"."+n+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+o+"`.")}function m(t){switch(typeof t){case"number":case"string":case"undefined":return!0;case"boolean":return!t;case"object":if(Array.isArray(t))return t.every(m);if(null===t||e(t))return!0;var n=function(e){var t=e&&(r&&e[r]||e["@@iterator"]);if("function"==typeof t)return t}(t);if(!n)return!1;var o,a=n.call(t);if(n!==t.entries){for(;!(o=a.next()).done;)if(!m(o.value))return!1}else for(;!(o=a.next()).done;){var i=o.value;if(i&&!m(i[1]))return!1}return!0;default:return!1}}function h(e){var t=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":function(e,t){return"symbol"===e||!!t&&("Symbol"===t["@@toStringTag"]||"function"==typeof Symbol&&t instanceof Symbol)}(t,e)?"symbol":t}function g(e){if(null==e)return""+e;var t=h(e);if("object"===t){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return t}function v(e){var t=g(e);switch(t){case"array":case"object":return"an "+t;case"boolean":case"date":case"regexp":return"a "+t;default:return t}}return d.prototype=Error.prototype,c.checkPropTypes=l,c.resetWarningCache=l.resetWarningCache,c.PropTypes=c,c}},function(e,t,r){"use strict";e.exports=r(514)},function(e,t,r){"use strict";
 /** @license React v16.13.1
  * react-is.production.min.js
  *