diff --git a/package.json b/package.json
index 5536734..0c09d07 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "mcpd",
- "version": "1.0.0-alpha.4",
+ "version": "1.0.0-alpha.5",
"main": "index.js",
"bin": {
"mcpd": "bin/mcpd.js"
diff --git a/public/index.html b/public/index.html
index ecb388c..4065148 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1 +1 @@
-Minecraft Packet Debugger
\ No newline at end of file
+Minecraft Packet Debugger
\ No newline at end of file
diff --git a/public/main.176ed0ad.js b/public/main.c8631edd.js
similarity index 99%
rename from public/main.176ed0ad.js
rename to public/main.c8631edd.js
index 88bdfc9..7d55beb 100644
--- a/public/main.176ed0ad.js
+++ b/public/main.c8631edd.js
@@ -91,8 +91,8 @@ require("./read-core"),require("./write-core"),exports.codec={preset:require("./
},{"./read-core":"GUXC","./write-core":"K4KL","./codec-base":"stV7"}],"mwm5":[function(require,module,exports) {
exports.encode=require("./encode").encode,exports.decode=require("./decode").decode,exports.Encoder=require("./encoder").Encoder,exports.Decoder=require("./decoder").Decoder,exports.createCodec=require("./ext").createCodec,exports.codec=require("./codec").codec;
},{"./encode":"bz2C","./decode":"y9Iy","./encoder":"XcL0","./decoder":"m6p9","./ext":"S1v6","./codec":"cGed"}],"Js2s":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=n(require("./components/Search")),t=require("vue-feather-icons"),s=n(require("json-format-highlight")),o=n(require("msgpack-lite"));function n(e){return e&&e.__esModule?e:{default:e}}const r="1234"===location.port?"localhost:3000":location.host;var i={name:"MinecraftPacketDebugger",components:{FilterIcon:t.FilterIcon,XIcon:t.XIcon,PlayCircleIcon:t.PlayCircleIcon,SearchIcon:t.SearchIcon,TrashIcon:t.TrashIcon,ServerIcon:t.ServerIcon,UploadCloudIcon:t.UploadCloudIcon,DownloadCloudIcon:t.DownloadCloudIcon,PauseCircleIcon:t.PauseCircleIcon,LoaderIcon:t.LoaderIcon,SettingsIcon:t.SettingsIcon,SquareIcon:t.SquareIcon,CheckSquareIcon:t.CheckSquareIcon,SaveIcon:t.SaveIcon,Search:e.default},methods:{formatJSON:(...e)=>(0,s.default)(...e),open(e){if(this.id_tab=0,this.id_open===e)return this.id_open=null;this.id_open=e},isFiltered(e){const t=this.search.query.split(" ").filter(e=>e.length),s=t.indexOf("to:client"),o=t.indexOf("to:server"),n=!!~s&&!!t.splice(s,1).length,r=!!~o&&!!t.splice(o,1).length;return(!n||!r)&&((!n||0===e.to)&&((!r||1===e.to)&&(t.length?!!t.includes(e.meta.name):!this.filters[e.meta.name])))},startRecording(){this.packets=[],this.record.state=1,this.record.messageQueue=[],this.ws=new WebSocket(`ws://${r}/ws`),this.ws.onmessage=(e=>{requestAnimationFrame(()=>{this.record.messageQueue.length>2048&&this.stopRecording(),this.record.messageQueue.push(e.data)})})},stopRecording(){if(this.ws){this.ws.close(),this.ws=null,this.record.state=2;const e=async()=>{if(0===this.record.messageQueue.length)return void(this.record.state=0);const t=this.record.messageQueue.splice(0,32),s=(await Promise.all(t.map(e=>e.arrayBuffer()))).map(e=>o.default.decode(new Uint8Array(e)).packet);this.packets.push(...s),requestAnimationFrame(e)};requestAnimationFrame(e)}},settingsSelectPacket(e){for(const t of e)this.settings.ignoredPackets.custom[t]=!0;this.$nextTick(()=>{this.search.query=""})},async openSettings(){const e=await fetch(`http://${r}/settings`);this.settings=await e.json()},async closeSettings(){const{settings:e}=this;this.search.query="";const t=await fetch(`http://${r}/settings`,{method:"post",body:JSON.stringify(e)}),s=await t.json();s.error?console.error(s.error):(this.version=s.version,this.host=e.server.host,s.packets&&(this.search.packets=s.packets)),this.settings=null}},data:()=>({search:{query:"",packets:{toServer:[],toClient:[]}},listening:!1,id_open:null,version:"0.0.0",host:"localhost",id_tab:0,ws:null,settings:null,record:{messageQueue:[],state:-1},tabs:["Packet","Meta"],packets:[],filters:{}}),async created(){const e=await fetch(`http://${r}/host`),t=await e.json();this.version=t.version,this.host=t.host,t.packets&&(this.search.packets=t.packets)}};exports.default=i;
-(function(){var t=exports.default||module.exports;"function"==typeof t&&(t=t.options),Object.assign(t,{render:function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",{staticClass:"h-screen grid grid-cols-3 gap-5 px-5",staticStyle:{"grid-template-rows":"max-content 1fr"}},[null!==t.settings?s("div",{staticClass:"grid grid-cols-2 top-0 left-0 h-full w-full max-h-full overflow-y-auto p-5 gap-20 fixed z-20 bg-white"},[s("div",{staticClass:"absolute top-0 right-0 mt-5 mr-5"},[s("span",{staticClass:"cursor-pointer",attrs:{title:"Close settings"},on:{click:t.closeSettings}},[s("XIcon",{staticClass:"stroke-1 text-gray-400 hover:text-teal-400",attrs:{size:"2x"}})],1)]),t._v(" "),s("div",[s("div",{staticClass:"text-xl"},[t._v("Server settings")]),t._v(" "),s("p",{staticClass:"text-xs text-gray-700 my-2"},[t._v("Server settings")]),t._v(" "),s("p",{staticClass:"mb-1 mt-3"},[t._v("Target host:")]),t._v(" "),s("input",{directives:[{name:"model",rawName:"v-model",value:t.settings.server.host,expression:"settings.server.host"}],staticClass:"bg-white border-b-2 focus:border-teal-400 focus:outline-none rounded py-2 px-4 block w-full appearance-none leading-normal placeholder-gray-600 focus:shadow",attrs:{type:"text",placeholder:"localhost:25565"},domProps:{value:t.settings.server.host},on:{input:function(e){e.target.composing||t.$set(t.settings.server,"host",e.target.value)}}}),t._v(" "),s("p",{staticClass:"mb-1 mt-3"},[t._v("Proxy port:")]),t._v(" "),s("input",{directives:[{name:"model",rawName:"v-model",value:t.settings.server.proxyPort,expression:"settings.server.proxyPort"}],staticClass:"bg-white border-b-2 focus:border-teal-400 focus:outline-none rounded py-2 px-4 block w-full appearance-none leading-normal placeholder-gray-600 focus:shadow",attrs:{type:"text",placeholder:"25566"},domProps:{value:t.settings.server.proxyPort},on:{input:function(e){e.target.composing||t.$set(t.settings.server,"proxyPort",e.target.value)}}})]),t._v(" "),s("div",[s("div",{staticClass:"text-xl"},[t._v("Ignored packets (custom)")]),t._v(" "),s("p",{staticClass:"text-xs text-gray-700 my-2"},[t._v("Packets that will not be sent by server to the debugger.")]),t._v(" "),s("div",{staticClass:"relative mb-4"},[s("search",{ref:"settingsSearch",attrs:{packets:t.search.packets},on:{select:t.settingsSelectPacket},model:{value:t.search.query,callback:function(e){t.$set(t.search,"query",e)},expression:"search.query"}})],1),t._v(" "),s("div",{staticClass:"overflow-y-auto"},[t._l(t.settings.ignoredPackets.custom,function(e,a){return[t.settings.ignoredPackets.custom[a]?s("div",{staticClass:"text-xs inline-flex items-center bg-teal-400 rounded-full p-1 pl-3 mr-2 mb-2 text-white border-b-2 border-teal-600"},[s("pre",[t._v(t._s(a))]),t._v(" "),s("div",{staticClass:"ml-1 hover:bg-red-600 hover:text-white text-red-400 p-1 rounded-full cursor-pointer",on:{click:function(e){t.settings.ignoredPackets.custom[a]=!1}}},[s("XIcon",{attrs:{size:"1.2x"}})],1)]):t._e()]})],2),t._v(" "),s("div",{staticClass:"text-xl mt-10"},[t._v("Ignored packets (game)")]),t._v(" "),s("p",{staticClass:"text-xs text-gray-700 my-2"},[t._v("Packets generated by game (time/ping)")]),t._v(" "),t._l(t.settings.ignoredPackets.game,function(e,a){return[s("div",{staticClass:"text-xs flex items-center pb-3 pt-4 border-b border-gray-300 group cursor-pointer select-none",on:{click:function(e){t.settings.ignoredPackets.game[a]=!t.settings.ignoredPackets.game[a]}}},[s("pre",{staticClass:"text-gray-900"},[t._v(t._s(a))]),t._v(" "),t.settings.ignoredPackets.game[a]?s("CheckSquareIcon",{staticClass:"ml-auto mr-4 text-teal-400",attrs:{size:"1.5x"}}):s("SquareIcon",{staticClass:"ml-auto mr-4 text-gray-700 group-hover:text-teal-400",attrs:{size:"1.5x"}})],1)]}),t._v(" "),s("div",{staticClass:"text-xl mt-10"},[t._v("Ignored packets (world)")]),t._v(" "),s("p",{staticClass:"text-xs text-gray-700 my-2"},[t._v("Packets generated by world events (chunk loading/unloading)")]),t._v(" "),t._l(t.settings.ignoredPackets.world,function(e,a){return[s("div",{staticClass:"text-xs flex items-center pb-3 pt-4 border-b border-gray-300 group cursor-pointer select-none",on:{click:function(e){t.settings.ignoredPackets.world[a]=!t.settings.ignoredPackets.world[a]}}},[s("pre",{staticClass:"text-gray-900"},[t._v(t._s(a))]),t._v(" "),t.settings.ignoredPackets.world[a]?s("CheckSquareIcon",{staticClass:"ml-auto mr-4 text-teal-400",attrs:{size:"1.5x"}}):s("SquareIcon",{staticClass:"ml-auto mr-4 text-gray-700 group-hover:text-teal-400",attrs:{size:"1.5x"}})],1)]}),t._v(" "),s("div",{staticClass:"text-xl mt-10"},[t._v("Ignored packets (entity)")]),t._v(" "),s("p",{staticClass:"text-xs text-gray-700 my-2"},[t._v("Packets generated by entities (spawn/despawn/move)")]),t._v(" "),t._l(t.settings.ignoredPackets.entity,function(e,a){return[s("div",{staticClass:"text-xs flex items-center pb-3 pt-4 border-b border-gray-300 group cursor-pointer select-none",on:{click:function(e){t.settings.ignoredPackets.entity[a]=!t.settings.ignoredPackets.entity[a]}}},[s("pre",{staticClass:"text-gray-900"},[t._v(t._s(a))]),t._v(" "),t.settings.ignoredPackets.entity[a]?s("CheckSquareIcon",{staticClass:"ml-auto mr-4 text-teal-400",attrs:{size:"1.5x"}}):s("SquareIcon",{staticClass:"ml-auto mr-4 text-gray-700 group-hover:text-teal-400",attrs:{size:"1.5x"}})],1)]})],2),t._v(" "),s("div",{staticClass:"col-span-4 pb-5"},[s("a",{staticClass:"cursor-pointer text-white bg-teal-400 px-4 py-2 rounded float-right",on:{click:t.closeSettings}},[s("SaveIcon",{staticClass:"float-left mr-2",attrs:{size:"1.5x"}}),t._v(" Save settings ")],1)])]):t._e(),t._v(" "),0!==t.record.state&&null===t.settings?s("div",{staticClass:"fixed top-0 left-0 h-screen w-screen z-10 flex items-center justify-center",staticStyle:{background:"hsla(0,0%,100%,.75)"}},[s("div",{staticClass:"absolute bottom-0 left-0 mb-5 ml-5 text-xs text-gray-700"},[t._v(" Recording on "+t._s(t.host)+" at "+t._s(t.version)+" ")]),t._v(" "),s("div",{staticClass:"absolute top-0 right-0 mt-5 mr-5"},[null===t.settings&&-1===t.record.state?s("span",{staticClass:"cursor-pointer mr-5",attrs:{title:"Open settings"},on:{click:t.openSettings}},[s("SettingsIcon",{staticClass:"stroke-1 text-gray-400 hover:text-teal-400",attrs:{size:"2x"}})],1):t._e()]),t._v(" "),s("div",{staticClass:"grid gap-2",staticStyle:{"grid-template-columns":"min-content 1fr"}},[s("div",{staticClass:"flex items-center"},[1===t.record.state?s("span",{staticClass:"cursor-pointer mr-5",attrs:{title:"Stop recording new packets"},on:{click:t.stopRecording}},[s("PauseCircleIcon",{staticClass:"stroke-1 text-teal-400",attrs:{size:"2x"}})],1):-1===t.record.state?s("span",{staticClass:"cursor-pointer mr-5",attrs:{title:"Start recording new packets"},on:{click:t.startRecording}},[s("PlayCircleIcon",{staticClass:"stroke-1 text-teal-400",attrs:{size:"2x"}})],1):2===t.record.state?s("span",{staticClass:"mr-5"},[s("LoaderIcon",{staticClass:"stroke-1 text-teal-400 loading-anim",attrs:{size:"2x"}})],1):t._e()]),t._v(" "),s("div",{staticStyle:{width:"350px"}},[1===t.record.state?s("div",{staticClass:"text-xl"},[t._v("Stop recording packages")]):t._e(),t._v(" "),-1===t.record.state?s("div",{staticClass:"text-xl"},[t._v("Start recording packages")]):t._e(),t._v(" "),2===t.record.state?s("div",{staticClass:"text-xl"},[t._v("Loading data")]):t._e(),t._v(" "),s("div",{staticClass:"text-xs mt-2 text-gray-700"},[t._v(t._s(t.record.messageQueue.length)+" / 2048 ("+t._s(t.record.messageQueue.length/20.48^0)+"%) Buffer")]),t._v(" "),s("div",{staticClass:"bg-gray-300 h-1 rounded mt-2"},[s("div",{staticClass:"h-1 bg-teal-400",style:{width:t.record.messageQueue.length/20.48+"%"}})])])])]):t._e(),t._v(" "),s("div",{staticClass:"col-span-2 rounded shadow-lg bg-white px-6 py-4 my-5"},[s("div",{staticClass:"text-gray-400 flex items-center justify-center"},[s("div",{staticClass:"mr-auto text-gray-800 flex items-center cursor-pointer group",attrs:{title:"Open settings"},on:{click:t.openSettings}},[s("SettingsIcon",{staticClass:"stroke-1 mr-2 text-gray-400 group-hover:text-teal-400",attrs:{size:"2x"}}),t._v(" "),t._m(0)],1),t._v(" "),s("div",{staticClass:"text-gray-800 flex items-center cursor-pointer group",attrs:{title:"Start recording"},on:{click:t.startRecording}},[s("PlayCircleIcon",{staticClass:"stroke-1 mr-2 text-gray-400 group-hover:text-teal-400",attrs:{size:"2x"}}),t._v(" "),t._m(1)],1),t._v(" "),s("div",{staticClass:"ml-auto text-gray-800 flex items-center cursor-pointer group",attrs:{title:"Remove all packets from buffer"},on:{click:function(e){t.packets=[]}}},[t._m(2),t._v(" "),s("TrashIcon",{staticClass:"stroke-1 text-gray-400 group-hover:text-teal-400",attrs:{size:"2x"}})],1)])]),t._v(" "),s("div",{staticClass:"rounded shadow-lg bg-white px-6 py-4 my-5 relative"},[s("search",{attrs:{packets:t.search.packets},model:{value:t.search.query,callback:function(e){t.$set(t.search,"query",e)},expression:"search.query"}})],1),t._v(" "),s("div",{staticClass:"col-span-2 relative my-5 rounded shadow-lg overflow-y-auto max-h-full",attrs:{id:"packets"}},t._l(t.packets,function(e){return s("div",[t.isFiltered(e)?[s("div",{staticClass:"py-4 px-6 cursor-pointer",on:{click:function(s){return t.open(e)}}},[s("div",{staticClass:"flex"},[1===e.to?s("UploadCloudIcon",{staticClass:"stroke-1 mr-2 text-green-400",attrs:{size:"1.5x"}}):t._e(),t._v(" "),0===e.to?s("DownloadCloudIcon",{staticClass:"stroke-1 mr-2 text-blue-400",attrs:{size:"1.5x"}}):t._e(),t._v(" "),s("pre",[t._v(t._s(e.meta.name))]),t._v(" "),s("div",{staticClass:"ml-auto"},[s("div",{staticClass:"text-gray-400 hover:text-teal-400 cursor-pointer",on:{click:function(s){if(!s.type.indexOf("key")&&t._k(s.keyCode,"stopPropagation",void 0,s.key,void 0))return null;t.filters[e.meta.name]=!0}}},[s("FilterIcon",{attrs:{size:"1.2x"}})],1)])],1)]),t._v(" "),e===t.id_open?s("div",{staticClass:"px-6"},[s("div",{staticClass:"border-b border-gray-200 mb-4"}),t._v(" "),s("div",{staticClass:"grid mb-4",staticStyle:{"grid-template-columns":"min-content 1fr"}},[s("div",t._l(t.tabs,function(e,a){return s("div",{staticClass:"flex-1 text-sm"},[s("a",{staticClass:"cursor-pointer block py-2 px-8",class:{"text-teal-400":t.id_tab===a,"hover:text-teal-400 text-gray-600":t.id_tab!==a},on:{click:function(e){t.id_tab=a}}},[t._v(t._s(e))])])}),0),t._v(" "),s("div",{staticClass:"ml-4"},[0===t.id_tab?s("pre",{staticClass:"text-xs rounded bg-gray-100 p-4",domProps:{innerHTML:t._s(t.formatJSON(e.data))}}):t._e(),t._v(" "),1===t.id_tab?s("pre",{staticClass:"text-xs rounded bg-gray-100 p-4",domProps:{innerHTML:t._s(t.formatJSON(e.meta))}}):t._e()])])]):t._e(),t._v(" "),s("div",{staticClass:"border-b border-gray-300"})]:t._e()],2)}),0),t._v(" "),s("div",{staticClass:"p-5 row-span-2 grid",staticStyle:{"grid-template-rows":"min-content 1fr"}},[s("div",{staticClass:"pb-2"},[s("span",{staticClass:"text-xl"},[t._v(" Filtered packets ")]),t._v(" "),Object.keys(t.filters).length?s("div",{staticClass:"float-right text-gray-800 flex items-center cursor-pointer group",attrs:{title:"Clear all filters"},on:{click:function(e){t.filters=Object.create(null)}}},[t._m(3),t._v(" "),s("TrashIcon",{staticClass:"stroke-1 text-gray-400 group-hover:text-teal-400",attrs:{size:"2x"}})],1):t._e()]),t._v(" "),s("div",{staticClass:"overflow-y-auto h-full"},[t._l(t.filters,function(e){return[t._v(" "+t._s(e)+" "),t.filters[e]?s("div",{staticClass:"flex items-center pb-3 pt-4 border-b border-gray-300 group cursor-pointer",on:{click:function(s){t.filters[e]=!1}}},[s("pre",{staticClass:"text-xs"},[t._v(t._s(e))]),t._v(" "),s("XIcon",{staticClass:"ml-auto mr-4 group-hover:bg-red-600 group-hover:text-white text-red-400 p-1 rounded",attrs:{size:"1.2x"}})],1):t._e()]})],2)])])},staticRenderFns:[function(){var t=this.$createElement,e=this._self._c||t;return e("div",[this._v(" Settings "),e("span",{staticClass:"text-xs block text-gray-700"},[this._v(" Open settings ")])])},function(){var t=this.$createElement,e=this._self._c||t;return e("div",[this._v(" Record "),e("span",{staticClass:"text-xs block text-gray-700"},[this._v(" Start monitoring packets ")])])},function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"text-right mr-2"},[this._v(" Clear "),e("span",{staticClass:"text-xs block text-gray-700"},[this._v(" Remove all packets ")])])},function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"text-right mr-2"},[this._v(" Clear "),e("span",{staticClass:"text-xs block text-gray-700"},[this._v(" Remove all filters ")])])}],_compiled:!0,_scopeId:null,functional:void 0});})();
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=r(require("./components/Search")),t=require("vue-feather-icons"),s=r(require("json-format-highlight")),o=r(require("msgpack-lite"));function r(e){return e&&e.__esModule?e:{default:e}}const n="1234"===location.port?"localhost:3000":location.host;var i={name:"MinecraftPacketDebugger",components:{FilterIcon:t.FilterIcon,XIcon:t.XIcon,PlayCircleIcon:t.PlayCircleIcon,SearchIcon:t.SearchIcon,TrashIcon:t.TrashIcon,ServerIcon:t.ServerIcon,UploadCloudIcon:t.UploadCloudIcon,DownloadCloudIcon:t.DownloadCloudIcon,PauseCircleIcon:t.PauseCircleIcon,LoaderIcon:t.LoaderIcon,SettingsIcon:t.SettingsIcon,SquareIcon:t.SquareIcon,CheckSquareIcon:t.CheckSquareIcon,SaveIcon:t.SaveIcon,Search:e.default},methods:{formatJSON:(...e)=>(0,s.default)(...e),open(e){if(this.id_tab=0,this.id_open===e)return this.id_open=null;this.id_open=e},isFiltered(e){const t=this.search.query.split(" ").filter(e=>e.length),s=t.indexOf("to:client"),o=t.indexOf("to:server"),r=!!~s&&!!t.splice(s,1).length,n=!!~o&&!!t.splice(o,1).length;return(!r||!n)&&((!r||0===e.to)&&((!n||1===e.to)&&(t.length?!!t.includes(e.meta.name):!this.filters[e.meta.name])))},startRecording(){this.packets=[],this.record.state=1,this.record.messageQueue=[],this.ws=new WebSocket(`ws://${n}/ws`),this.ws.onmessage=(e=>{requestAnimationFrame(()=>{this.record.messageQueue.length>2048&&this.stopRecording(),this.record.messageQueue.push(e.data)})})},stopRecording(){if(this.ws){this.ws.close(),this.ws=null,this.record.state=2;const e=async()=>{if(0===this.record.messageQueue.length)return void(this.record.state=0);const t=this.record.messageQueue.splice(0,32),s=(await Promise.all(t.map(e=>e.arrayBuffer()))).map(e=>o.default.decode(new Uint8Array(e)).packet);this.packets.push(...s),requestAnimationFrame(e)};requestAnimationFrame(e)}},settingsSelectPacket(e){for(const t of e)this.settings.ignoredPackets.custom[t]=!0;this.$nextTick(()=>{this.search.query=""})},async openSettings(){const e=await fetch(`http://${n}/settings`);this.settings=await e.json()},async closeSettings(){const{settings:e}=this;this.search.query="";const t=await fetch(`http://${n}/settings`,{method:"post",body:JSON.stringify(e)}),s=await t.json();s.error?console.error(s.error):(this.version=s.version,this.host=e.server.host,s.packets&&(this.search.packets=s.packets)),this.settings=null}},data:()=>({search:{query:"",packets:{toServer:[],toClient:[]}},listening:!1,id_open:null,version:"0.0.0",host:"localhost",id_tab:0,ws:null,settings:null,record:{messageQueue:[],state:-1},tabs:["Packet","Meta","Format"],packets:[],filters:{}}),async created(){const e=await fetch(`http://${n}/host`),t=await e.json();this.version=t.version,this.host=t.host,t.packets&&(this.search.packets=t.packets)}};exports.default=i;
+(function(){var t=exports.default||module.exports;"function"==typeof t&&(t=t.options),Object.assign(t,{render:function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",{staticClass:"h-screen grid grid-cols-3 gap-5 px-5",staticStyle:{"grid-template-rows":"max-content 1fr"}},[null!==t.settings?s("div",{staticClass:"grid grid-cols-2 top-0 left-0 h-full w-full max-h-full overflow-y-auto p-5 gap-20 fixed z-20 bg-white"},[s("div",{staticClass:"absolute top-0 right-0 mt-5 mr-5"},[s("span",{staticClass:"cursor-pointer",attrs:{title:"Close settings"},on:{click:t.closeSettings}},[s("XIcon",{staticClass:"stroke-1 text-gray-400 hover:text-teal-400",attrs:{size:"2x"}})],1)]),t._v(" "),s("div",[s("div",{staticClass:"text-xl"},[t._v("Server settings")]),t._v(" "),s("p",{staticClass:"text-xs text-gray-700 my-2"},[t._v("Server settings")]),t._v(" "),s("p",{staticClass:"mb-1 mt-3"},[t._v("Target host:")]),t._v(" "),s("input",{directives:[{name:"model",rawName:"v-model",value:t.settings.server.host,expression:"settings.server.host"}],staticClass:"bg-white border-b-2 focus:border-teal-400 focus:outline-none rounded py-2 px-4 block w-full appearance-none leading-normal placeholder-gray-600 focus:shadow",attrs:{type:"text",placeholder:"localhost:25565"},domProps:{value:t.settings.server.host},on:{input:function(e){e.target.composing||t.$set(t.settings.server,"host",e.target.value)}}}),t._v(" "),s("p",{staticClass:"mb-1 mt-3"},[t._v("Proxy port:")]),t._v(" "),s("input",{directives:[{name:"model",rawName:"v-model",value:t.settings.server.proxyPort,expression:"settings.server.proxyPort"}],staticClass:"bg-white border-b-2 focus:border-teal-400 focus:outline-none rounded py-2 px-4 block w-full appearance-none leading-normal placeholder-gray-600 focus:shadow",attrs:{type:"text",placeholder:"25566"},domProps:{value:t.settings.server.proxyPort},on:{input:function(e){e.target.composing||t.$set(t.settings.server,"proxyPort",e.target.value)}}})]),t._v(" "),s("div",[s("div",{staticClass:"text-xl"},[t._v("Ignored packets (custom)")]),t._v(" "),s("p",{staticClass:"text-xs text-gray-700 my-2"},[t._v("Packets that will not be sent by server to the debugger.")]),t._v(" "),s("div",{staticClass:"relative mb-4"},[s("search",{ref:"settingsSearch",attrs:{packets:t.search.packets},on:{select:t.settingsSelectPacket},model:{value:t.search.query,callback:function(e){t.$set(t.search,"query",e)},expression:"search.query"}})],1),t._v(" "),s("div",{staticClass:"overflow-y-auto"},[t._l(t.settings.ignoredPackets.custom,function(e,a){return[t.settings.ignoredPackets.custom[a]?s("div",{staticClass:"text-xs inline-flex items-center bg-teal-400 rounded-full p-1 pl-3 mr-2 mb-2 text-white border-b-2 border-teal-600"},[s("pre",[t._v(t._s(a))]),t._v(" "),s("div",{staticClass:"ml-1 hover:bg-red-600 hover:text-white text-red-400 p-1 rounded-full cursor-pointer",on:{click:function(e){t.settings.ignoredPackets.custom[a]=!1}}},[s("XIcon",{attrs:{size:"1.2x"}})],1)]):t._e()]})],2),t._v(" "),s("div",{staticClass:"text-xl mt-10"},[t._v("Ignored packets (game)")]),t._v(" "),s("p",{staticClass:"text-xs text-gray-700 my-2"},[t._v("Packets generated by game (time/ping)")]),t._v(" "),t._l(t.settings.ignoredPackets.game,function(e,a){return[s("div",{staticClass:"text-xs flex items-center pb-3 pt-4 border-b border-gray-300 group cursor-pointer select-none",on:{click:function(e){t.settings.ignoredPackets.game[a]=!t.settings.ignoredPackets.game[a]}}},[s("pre",{staticClass:"text-gray-900"},[t._v(t._s(a))]),t._v(" "),t.settings.ignoredPackets.game[a]?s("CheckSquareIcon",{staticClass:"ml-auto mr-4 text-teal-400",attrs:{size:"1.5x"}}):s("SquareIcon",{staticClass:"ml-auto mr-4 text-gray-700 group-hover:text-teal-400",attrs:{size:"1.5x"}})],1)]}),t._v(" "),s("div",{staticClass:"text-xl mt-10"},[t._v("Ignored packets (world)")]),t._v(" "),s("p",{staticClass:"text-xs text-gray-700 my-2"},[t._v("Packets generated by world events (chunk loading/unloading)")]),t._v(" "),t._l(t.settings.ignoredPackets.world,function(e,a){return[s("div",{staticClass:"text-xs flex items-center pb-3 pt-4 border-b border-gray-300 group cursor-pointer select-none",on:{click:function(e){t.settings.ignoredPackets.world[a]=!t.settings.ignoredPackets.world[a]}}},[s("pre",{staticClass:"text-gray-900"},[t._v(t._s(a))]),t._v(" "),t.settings.ignoredPackets.world[a]?s("CheckSquareIcon",{staticClass:"ml-auto mr-4 text-teal-400",attrs:{size:"1.5x"}}):s("SquareIcon",{staticClass:"ml-auto mr-4 text-gray-700 group-hover:text-teal-400",attrs:{size:"1.5x"}})],1)]}),t._v(" "),s("div",{staticClass:"text-xl mt-10"},[t._v("Ignored packets (entity)")]),t._v(" "),s("p",{staticClass:"text-xs text-gray-700 my-2"},[t._v("Packets generated by entities (spawn/despawn/move)")]),t._v(" "),t._l(t.settings.ignoredPackets.entity,function(e,a){return[s("div",{staticClass:"text-xs flex items-center pb-3 pt-4 border-b border-gray-300 group cursor-pointer select-none",on:{click:function(e){t.settings.ignoredPackets.entity[a]=!t.settings.ignoredPackets.entity[a]}}},[s("pre",{staticClass:"text-gray-900"},[t._v(t._s(a))]),t._v(" "),t.settings.ignoredPackets.entity[a]?s("CheckSquareIcon",{staticClass:"ml-auto mr-4 text-teal-400",attrs:{size:"1.5x"}}):s("SquareIcon",{staticClass:"ml-auto mr-4 text-gray-700 group-hover:text-teal-400",attrs:{size:"1.5x"}})],1)]})],2),t._v(" "),s("div",{staticClass:"col-span-4 pb-5"},[s("a",{staticClass:"cursor-pointer text-white bg-teal-400 px-4 py-2 rounded float-right",on:{click:t.closeSettings}},[s("SaveIcon",{staticClass:"float-left mr-2",attrs:{size:"1.5x"}}),t._v(" Save settings ")],1)])]):t._e(),t._v(" "),0!==t.record.state&&null===t.settings?s("div",{staticClass:"fixed top-0 left-0 h-screen w-screen z-10 flex items-center justify-center",staticStyle:{background:"hsla(0,0%,100%,.75)"}},[s("div",{staticClass:"absolute bottom-0 left-0 mb-5 ml-5 text-xs text-gray-700"},[t._v(" Recording on "+t._s(t.host)+" at "+t._s(t.version)+" ")]),t._v(" "),s("div",{staticClass:"absolute top-0 right-0 mt-5 mr-5"},[null===t.settings&&-1===t.record.state?s("span",{staticClass:"cursor-pointer mr-5",attrs:{title:"Open settings"},on:{click:t.openSettings}},[s("SettingsIcon",{staticClass:"stroke-1 text-gray-400 hover:text-teal-400",attrs:{size:"2x"}})],1):t._e()]),t._v(" "),s("div",{staticClass:"grid gap-2",staticStyle:{"grid-template-columns":"min-content 1fr"}},[s("div",{staticClass:"flex items-center"},[1===t.record.state?s("span",{staticClass:"cursor-pointer mr-5",attrs:{title:"Stop recording new packets"},on:{click:t.stopRecording}},[s("PauseCircleIcon",{staticClass:"stroke-1 text-teal-400",attrs:{size:"2x"}})],1):-1===t.record.state?s("span",{staticClass:"cursor-pointer mr-5",attrs:{title:"Start recording new packets"},on:{click:t.startRecording}},[s("PlayCircleIcon",{staticClass:"stroke-1 text-teal-400",attrs:{size:"2x"}})],1):2===t.record.state?s("span",{staticClass:"mr-5"},[s("LoaderIcon",{staticClass:"stroke-1 text-teal-400 loading-anim",attrs:{size:"2x"}})],1):t._e()]),t._v(" "),s("div",{staticStyle:{width:"350px"}},[1===t.record.state?s("div",{staticClass:"text-xl"},[t._v("Stop recording packages")]):t._e(),t._v(" "),-1===t.record.state?s("div",{staticClass:"text-xl"},[t._v("Start recording packages")]):t._e(),t._v(" "),2===t.record.state?s("div",{staticClass:"text-xl"},[t._v("Loading data")]):t._e(),t._v(" "),s("div",{staticClass:"text-xs mt-2 text-gray-700"},[t._v(t._s(t.record.messageQueue.length)+" / 2048 ("+t._s(t.record.messageQueue.length/20.48^0)+"%) Buffer")]),t._v(" "),s("div",{staticClass:"bg-gray-300 h-1 rounded mt-2"},[s("div",{staticClass:"h-1 bg-teal-400",style:{width:t.record.messageQueue.length/20.48+"%"}})])])])]):t._e(),t._v(" "),s("div",{staticClass:"col-span-2 rounded shadow-lg bg-white px-6 py-4 my-5"},[s("div",{staticClass:"text-gray-400 flex items-center justify-center"},[s("div",{staticClass:"mr-auto text-gray-800 flex items-center cursor-pointer group",attrs:{title:"Open settings"},on:{click:t.openSettings}},[s("SettingsIcon",{staticClass:"stroke-1 mr-2 text-gray-400 group-hover:text-teal-400",attrs:{size:"2x"}}),t._v(" "),t._m(0)],1),t._v(" "),s("div",{staticClass:"text-gray-800 flex items-center cursor-pointer group",attrs:{title:"Start recording"},on:{click:t.startRecording}},[s("PlayCircleIcon",{staticClass:"stroke-1 mr-2 text-gray-400 group-hover:text-teal-400",attrs:{size:"2x"}}),t._v(" "),t._m(1)],1),t._v(" "),s("div",{staticClass:"ml-auto text-gray-800 flex items-center cursor-pointer group",attrs:{title:"Remove all packets from buffer"},on:{click:function(e){t.packets=[]}}},[t._m(2),t._v(" "),s("TrashIcon",{staticClass:"stroke-1 text-gray-400 group-hover:text-teal-400",attrs:{size:"2x"}})],1)])]),t._v(" "),s("div",{staticClass:"rounded shadow-lg bg-white px-6 py-4 my-5 relative"},[s("search",{attrs:{packets:t.search.packets},model:{value:t.search.query,callback:function(e){t.$set(t.search,"query",e)},expression:"search.query"}})],1),t._v(" "),s("div",{staticClass:"col-span-2 relative my-5 rounded shadow-lg overflow-y-auto max-h-full",attrs:{id:"packets"}},t._l(t.packets,function(e){return s("div",[t.isFiltered(e)?[s("div",{staticClass:"py-4 px-6 cursor-pointer",on:{click:function(s){return t.open(e)}}},[s("div",{staticClass:"flex"},[1===e.to?s("UploadCloudIcon",{staticClass:"stroke-1 mr-2 text-green-400",attrs:{size:"1.5x"}}):t._e(),t._v(" "),0===e.to?s("DownloadCloudIcon",{staticClass:"stroke-1 mr-2 text-blue-400",attrs:{size:"1.5x"}}):t._e(),t._v(" "),s("pre",[t._v(t._s(e.meta.name))]),t._v(" "),s("div",{staticClass:"ml-auto"},[s("div",{staticClass:"text-gray-400 hover:text-teal-400 cursor-pointer",on:{click:function(s){if(!s.type.indexOf("key")&&t._k(s.keyCode,"stopPropagation",void 0,s.key,void 0))return null;t.filters[e.meta.name]=!0}}},[s("FilterIcon",{attrs:{size:"1.2x"}})],1)])],1)]),t._v(" "),e===t.id_open?s("div",{staticClass:"px-6"},[s("div",{staticClass:"border-b border-gray-200 mb-4"}),t._v(" "),s("div",{staticClass:"grid mb-4",staticStyle:{"grid-template-columns":"min-content 1fr"}},[s("div",t._l(t.tabs,function(e,a){return s("div",{staticClass:"flex-1 text-sm"},[s("a",{staticClass:"cursor-pointer block py-2 px-8",class:{"text-teal-400":t.id_tab===a,"hover:text-teal-400 text-gray-600":t.id_tab!==a},on:{click:function(e){t.id_tab=a}}},[t._v(t._s(e))])])}),0),t._v(" "),s("div",{staticClass:"ml-4"},[0===t.id_tab?s("pre",{staticClass:"text-xs rounded bg-gray-100 p-4",domProps:{innerHTML:t._s(t.formatJSON(e.data))}}):t._e(),t._v(" "),1===t.id_tab?s("pre",{staticClass:"text-xs rounded bg-gray-100 p-4",domProps:{innerHTML:t._s(t.formatJSON(e.meta))}}):t._e(),t._v(" "),2===t.id_tab?s("pre",{staticClass:"text-xs p-4"},[t._v(" \n ")]):t._e()])])]):t._e(),t._v(" "),s("div",{staticClass:"border-b border-gray-300"})]:t._e()],2)}),0),t._v(" "),s("div",{staticClass:"p-5 row-span-2 grid",staticStyle:{"grid-template-rows":"min-content 1fr"}},[s("div",{staticClass:"pb-2"},[s("span",{staticClass:"text-xl"},[t._v(" Filtered packets ")]),t._v(" "),Object.keys(t.filters).length?s("div",{staticClass:"float-right text-gray-800 flex items-center cursor-pointer group",attrs:{title:"Clear all filters"},on:{click:function(e){t.filters=Object.create(null)}}},[t._m(3),t._v(" "),s("TrashIcon",{staticClass:"stroke-1 text-gray-400 group-hover:text-teal-400",attrs:{size:"2x"}})],1):t._e()]),t._v(" "),s("div",{staticClass:"overflow-y-auto h-full"},[t._l(t.filters,function(e){return[t._v(" "+t._s(e)+" "),t.filters[e]?s("div",{staticClass:"flex items-center pb-3 pt-4 border-b border-gray-300 group cursor-pointer",on:{click:function(s){t.filters[e]=!1}}},[s("pre",{staticClass:"text-xs"},[t._v(t._s(e))]),t._v(" "),s("XIcon",{staticClass:"ml-auto mr-4 group-hover:bg-red-600 group-hover:text-white text-red-400 p-1 rounded",attrs:{size:"1.2x"}})],1):t._e()]})],2)])])},staticRenderFns:[function(){var t=this.$createElement,e=this._self._c||t;return e("div",[this._v(" Settings "),e("span",{staticClass:"text-xs block text-gray-700"},[this._v(" Open settings ")])])},function(){var t=this.$createElement,e=this._self._c||t;return e("div",[this._v(" Record "),e("span",{staticClass:"text-xs block text-gray-700"},[this._v(" Start monitoring packets ")])])},function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"text-right mr-2"},[this._v(" Clear "),e("span",{staticClass:"text-xs block text-gray-700"},[this._v(" Remove all packets ")])])},function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"text-right mr-2"},[this._v(" Clear "),e("span",{staticClass:"text-xs block text-gray-700"},[this._v(" Remove all filters ")])])}],_compiled:!0,_scopeId:null,functional:void 0});})();
},{"./components/Search":"I8zi","vue-feather-icons":"zrYW","json-format-highlight":"grHT","msgpack-lite":"mwm5"}],"epB2":[function(require,module,exports) {
"use strict";var e=r(require("vue")),u=r(require("./App.vue"));function r(e){return e&&e.__esModule?e:{default:e}}const t=new e.default({render:e=>e(u.default)}).$mount("#app");
},{"vue":"QPfz","./App.vue":"Js2s"}]},{},["epB2"], null)
\ No newline at end of file