local-traffic 0.0.52 → 0.0.54

package/dist/localTraffic.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";var e=this&&this.__awaiter||function(e,t,n,r){return new(n||(n=Promise))((function(o,s){function a(e){try{l(r.next(e))}catch(e){s(e)}}function i(e){try{l(r.throw(e))}catch(e){s(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,i)}l((r=r.apply(e,t||[])).next())}))};Object.defineProperty(exports,"__esModule",{value:!0});const t=require("http2"),n=require("http"),r=require("https"),o=require("url"),s=require("fs"),a=require("zlib"),i=require("path"),l=require("crypto");var c,d,p;!function(e){e[e.ERROR=124]="ERROR",e[e.INFO=93]="INFO",e[e.WARNING=172]="WARNING"}(c||(c={})),function(e){e.INBOUND="↘️ ",e.PORT="☎️ ",e.OUTBOUND="↗️ ",e.RULES="🔗",e.REWRITE="✒️ ",e.RESTART="🔄",e.WEBSOCKET="☄️ ",e.COLORED="✨",e.SHIELD="🛡️ ",e.NO="⛔",e.ERROR_1="❌",e.ERROR_2="⛈️ ",e.ERROR_3="☢️ ",e.ERROR_4="⁉️ ",e.ERROR_5="⚡",e.ERROR_6="☠️ "}(d||(d={})),function(e){e.INBOUND="INBOUND",e.OUTBOUND="OUTBOUND"}(p||(p={}));const u=(0,i.resolve)(process.env.HOME,".local-traffic.json"),h=(0,i.resolve)(process.cwd(),process.argv.slice(-1)[0].endsWith(".json")?process.argv.slice(-1)[0]:u),m={mapping:{"/logs/":"logs://"},port:8080,replaceRequestBodyUrls:!1,replaceResponseBodyUrls:!1,dontUseHttp2Downstream:!1,simpleLogs:!1,websocket:!0,disableWebSecurity:!1};let g,f,y=[];const v=e=>e===c.ERROR?"error":e===c.WARNING?"warning":"info",R=(e,t,n)=>{const r=(null==g?void 0:g.simpleLogs)||y.length?e.replace(/⎸/g,"|").replace(/⎹/g,"|").replace(/\u001b\[[^m]*m/g,"").replace(new RegExp(d.INBOUND,"g"),"inbound:").replace(new RegExp(d.PORT,"g"),"port:").replace(new RegExp(d.OUTBOUND,"g"),"outbound:").replace(new RegExp(d.RULES,"g"),"rules:").replace(new RegExp(d.NO,"g"),"").replace(new RegExp(d.REWRITE,"g"),"+rewrite").replace(new RegExp(d.WEBSOCKET,"g"),"websocket").replace(new RegExp(d.SHIELD,"g"),"web-security").replace(/\|+/g,"|"):e;console.log(`${(e=>{const t=new Date;return`${e?"":""}${`${t.getHours()}`.padStart(2,"0")}${e?":":":"}${`${t.getMinutes()}`.padStart(2,"0")}${e?":":":"}${`${t.getSeconds()}`.padStart(2,"0")}${e?"":""}`})(null==g?void 0:g.simpleLogs)} ${(null==g?void 0:g.simpleLogs)?r:t?`[48;5;${t}m⎸    ${process.stdout.isTTY&&n||""}  ${e.padEnd(40)} ⎹`:e}`),b({logEvent:r,level:v(t)})},b=e=>{if(!y.length)return;const t=JSON.stringify(e),n=Array(4).fill(0).map((()=>Math.floor(256*Math.random()))),r=[...t.substring(0,65536)].map(((e,t)=>e.charCodeAt(0)^n[3&t])),o=Math.min(65535,t.length),s=t.length<126?Buffer.from(Uint8Array.from([129,128+o]).buffer):Buffer.concat([Buffer.from(Uint8Array.from([129,254]).buffer),Buffer.from(Uint8Array.from([o>>8]).buffer),Buffer.from(Uint8Array.from([255&o]).buffer)]),a=Buffer.from(Int8Array.from(n).buffer),i=Buffer.from(Int8Array.from(r).buffer),l=Buffer.concat([s,a,i]);y.forEach((e=>{try{e.write(l)}catch(e){}}))},O=e=>{R(`⎸${d.PORT} ${e.port.toString().padStart(5)} ⎸${d.INBOUND} ${e.ssl?"H/2 ":"H1.1"}${e.replaceRequestBodyUrls?d.REWRITE:"  "}⎹⎸${d.OUTBOUND} ${e.dontUseHttp2Downstream?"H1.1":"H/2 "}${e.replaceResponseBodyUrls?d.REWRITE:"  "}⎹⎸${d.RULES}${Object.keys(g.mapping).length.toString().padStart(3)}⎹⎸${g.websocket?d.WEBSOCKET:d.NO}⎹⎸${g.simpleLogs?d.NO:d.COLORED}⎹⎸${g.disableWebSecurity?d.NO:d.SHIELD}⎹`)},w=(t=!0)=>e(void 0,void 0,void 0,(function*(){return new Promise((e=>(0,s.readFile)(h,((n,r)=>{n&&!t&&R("config error. Using default value",c.ERROR,d.ERROR_1);try{g=Object.assign({},m,JSON.parse((r||"{}").toString()))}catch(t){return R("config syntax incorrect, aborting",c.ERROR,d.ERROR_2),g=g||Object.assign({},m),void e(g)}g.mapping[""]||R('default mapping "" not provided.',c.WARNING,d.ERROR_3),n&&"ENOENT"===n.code&&t&&h===u?(0,s.writeFile)(h,JSON.stringify(m),(t=>{t?R("config file NOT created",c.ERROR,d.ERROR_4):R("config file created",c.INFO,d.COLORED),e(g)})):e(g)})))).then((()=>{t&&(0,s.watchFile)(h,$)}))})),$=()=>e(void 0,void 0,void 0,(function*(){const e=Object.assign({},g);if(yield w(!1),isNaN(g.port)||g.port>65535||g.port<0)return g=e,void R("port number invalid. Not refreshing",c.ERROR,d.PORT);if("object"!=typeof g.mapping)return g=e,void R("mapping should be an object. Aborting",c.ERROR,d.ERROR_5);if(g.replaceRequestBodyUrls!==e.replaceRequestBodyUrls&&R(`request body url ${g.replaceRequestBodyUrls?"":"NO "}rewriting`,c.INFO,d.REWRITE),g.replaceResponseBodyUrls!==e.replaceResponseBodyUrls&&R(`response body url ${g.replaceResponseBodyUrls?"":"NO "}rewriting`,c.INFO,d.REWRITE),g.dontUseHttp2Downstream!==e.dontUseHttp2Downstream&&R(`http/2 ${g.dontUseHttp2Downstream?"de":""}activated downstream`,c.INFO,d.OUTBOUND),g.disableWebSecurity!==e.disableWebSecurity&&R(`web security ${g.disableWebSecurity?"de":""}activated`,c.INFO,d.SHIELD),g.websocket!==e.websocket&&R(`websocket ${g.websocket?"":"de"}activated`,c.INFO,d.WEBSOCKET),g.simpleLogs!==e.simpleLogs&&R("simple logs "+(g.simpleLogs?"on":"off"),c.INFO,d.COLORED),Object.keys(g.mapping).join("\n")!==Object.keys(e.mapping).join("\n")&&R(`${Object.keys(g.mapping).length.toString().padStart(5)} loaded mapping rules`,c.INFO,d.RULES),g.port!==e.port&&R(`port changed from ${e.port} to ${g.port}`,c.INFO,d.PORT),g.ssl&&!e.ssl&&R("ssl configuration added",c.INFO,d.INBOUND),!g.ssl&&e.ssl&&R("ssl configuration removed",c.INFO,d.INBOUND),g.port!==e.port||JSON.stringify(g.ssl)!==JSON.stringify(e.ssl)){R("restarting server",c.INFO,d.RESTART),yield Promise.all(y.map((e=>new Promise((t=>e.end(t)))))),y=[];(yield Promise.race([new Promise((e=>f?f.close(e):e(void 0))).then((()=>!0)),new Promise((e=>setTimeout(e,5e3))).then((()=>!1))]))||R("error during restart (websockets ?)",c.WARNING,d.RESTART),H()}else O(g)})),E=e=>""==e?"":(0,i.normalize)(e).replace(/\\/g,"/"),N=e=>{const t=(0,i.resolve)("/",e.hostname,...e.pathname.replace(/[?#].*$/,"").replace(/^\/+/,"").split("/"));return{error:null,data:null,hasRun:!1,run:function(){return this.hasRun?Promise.resolve():new Promise((n=>(0,s.readFile)(t,((r,o)=>{if(this.hasRun=!0,!r||"EISDIR"!==r.code)return this.error=r,this.data=o,void n(void 0);(0,s.readdir)(t,((t,r)=>{this.error=t,this.data=r,t?n(void 0):Promise.all(r.map((t=>new Promise((n=>(0,s.lstat)((0,i.resolve)(e.pathname,t),((e,r)=>n([t,r,e])))))))).then((t=>{const r=t.filter((e=>!e[2]&&e[1].isDirectory())).concat(t.filter((e=>!e[2]&&e[1].isFile())));this.data=`${B(128194,"directory",e.href)}<p>Directory content of <i>${e.href.replace(/\//g,"&#x002F;")}</i></p><ul class="list-group"><li class="list-group-item">&#x1F4C1;<a href="${e.pathname.endsWith("/")?"..":"."}">&lt;parent&gt;</a></li>${r.filter((e=>!e[2])).map((t=>`<li class="list-group-item">&#x${(t[1].isDirectory()?128193:128196).toString(16)};<a href="${e.pathname.endsWith("/")?"":`${e.pathname.split("/").slice(-1)[0]}/`}${t[0]}">${t[0]}</a></li>`)).join("\n")}</li></ul></body></html>`,n(void 0)}))}))}))))},events:{},on:function(e,n){return this.events[e]=n,this.run().then((()=>{"response"===e&&this.events.response(t.endsWith(".svg")?{Server:"local","Content-Type":"image/svg+xml"}:{Server:"local"},0),"data"===e&&this.data&&(this.events.data(this.data),this.events.end()),"error"===e&&this.error&&this.events.error(this.error)})),this},end:function(){return this},request:function(){return this}}},S=e=>({error:null,data:null,run:function(){return new Promise((t=>{this.data=`${B(128250,"logs","")}<p>Logs page, limited to <select id="limit" onchange="javascript:cleanup()">\n        <option value="-1">0 (clear)</option><option value="10">10</option>\n        <option value="50">50</option><option value="100">100</option><option value="200">200</option>\n        <option selected="selected" value="500">500</option><option value="0">Infinity (discouraged)</option>\n        </select></p>\n    <table id="table" class="table table-striped" style="display: block; width: 100%; overflow-y: auto">\n    <thead>\n      <tr>\n        <th scope="col">Date</th>\n        <th scope="col">Level</th>\n        <th scope="col">Message</th>\n      </tr>\n    </thead>\n    <tbody id="logs">\n    </tbody>\n    </table>\n    <script type="text/javascript">\n    function start() {\n      document.getElementById('table').style.height =\n        (document.documentElement.clientHeight - 150) + 'px';\n      const socket = new WebSocket("ws${g.ssl?"s":""}://${e}/local-traffic-logs");\n      socket.onmessage = function(event) {\n        let data = event.data\n        let uniqueHash;\n        try {\n          const { uniqueHash: uniqueHash1, ...data1 } = JSON.parse(event.data);\n          data = data1;\n          uniqueHash = uniqueHash1;\n        } catch(e) { }\n        const eventText = typeof data === 'object' ? '<pre>' + JSON.stringify(data, null, 3)\n        .replace(/&/g, '&amp;').replace(/\\\\"/g, '&quot;')\n        .replace(/</g, '&lt;').replace(/>/g, '&gt;')\n        .replace(/^( *)("[\\w]+": )?("[^"]*"|[\\w.+-]*)?([,[{])?$/mg, (match, pIndent, pKey, pVal, pEnd) => {\n          const key = '<span class="json-key">';\n          const val = '<span class="json-value">';\n          const str = '<span class="json-string">';\n          let r = pIndent || '';\n          if (pKey)\n             r = r + key + pKey.replace(/[": ]/g, '') + '</span>: ';\n          if (pVal)\n             r = r + (pVal[0] == '"' ? str : val) + pVal + '</span>';\n          return r + (pEnd || '');\n          }) + '</pre>'\n        : data;\n        const button = uniqueHash ? '<button data-uniquehash="'+uniqueHash+'" onclick="javascript:replay(event)" ' +\n          'type="button" class="btn btn-primary">Replay</button>' : '';\n        document.getElementById("logs")\n          .insertAdjacentHTML('afterbegin', '<tr><td scope="col">' + new Date().toUTCString() + '</td>' +\n                '<td scope="col">' + (data.level || 'info')+ '</td>' + \n                '<td scope="col">' + eventText + button + '</td></tr>');\n        cleanup();\n      };\n      socket.onerror = function(error) {\n        console.log(\`[error] \${error}\`);\n        setTimeout(start, 5000);\n      };\n    };\n    function cleanup() {\n      const currentLimit = parseInt(document.getElementById('limit').value)\n      while (currentLimit && document.getElementById('logs').childNodes.length && \n      document.getElementById('logs').childNodes.length > currentLimit) {\n        [...document.getElementById('logs').childNodes].slice(-1)[0].remove();\n      }\n    }\n    function replay(event) {\n      const uniqueHash = event.target.dataset.uniquehash;\n      const { method, url, headers, body } = JSON.parse(atob(uniqueHash));\n      fetch(url, {\n        method,\n        headers,\n        body: !body.data || !body.data.length \n          ? undefined\n          : new TextDecoder().decode(new Int8Array(body.data))\n      });\n    }\n    window.addEventListener("DOMContentLoaded", start);\n    <\/script>\n    <style type="text/css">\n    pre {\n      background-color: ghostwhite;\n      border: 1px solid silver;\n      padding: 10px 20px;\n      margin: 20px; \n      }\n   .json-key {\n      color: brown;\n      }\n   .json-value {\n      color: navy;\n      }\n   .json-string {\n      color: olive;\n      }\n    </style>\n    </body></html>`,t(void 0)}))},events:{},on:function(e,t){return this.events[e]=t,this.run().then((()=>{"response"===e&&this.events.response({Server:"local","Content-Type":"text/html"},0),"data"===e&&this.data&&(this.events.data(this.data),this.events.end()),"error"===e&&this.error&&this.events.error(this.error)})),this},end:function(){return this},request:function(){return this}}),B=(e,t,n)=>`<!doctype html>\n<html lang="en">\n<head>\n<title>&#x${e.toString(16)}; local-traffic ${t} | ${n}</title>\n<link href="https://cdn.jsdelivr.net/npm/bootstrap@latest/dist/css/bootstrap.min.css" rel="stylesheet"/>\n<script src="https://cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js"><\/script>\n<script src="https://cdn.jsdelivr.net/npm/bootstrap@latest/dist/js/bootstrap.bundle.min.js"><\/script>\n</head>\n<body><div class="container"><h1>&#x${e.toString(16)}; local-traffic ${t}</h1>\n<br/>`,U=(e,t,n,r)=>`${B(128163,"error",e.message)}\n<p>An error happened while trying to proxy a remote exchange</p>\n<div class="alert alert-warning" role="alert">\n  &#x24D8;&nbsp;This is not an error from the downstream service.\n</div>\n<div class="alert alert-danger" role="alert">\n<pre><code>${e.stack||`<i>${e.name} : ${e.message}</i>`}${e.errno?`<br/>(code : ${e.errno})`:""}</code></pre>\n</div>\nMore information about the request :\n<table class="table">\n  <tbody>\n    <tr>\n      <td>phase</td>\n      <td>${t}</td>\n    </tr>\n    <tr>\n      <td>requested URL</td>\n      <td>${n}</td>\n    </tr>\n    <tr>\n      <td>downstream URL</td>\n      <td>${r||"&lt;no-target-url&gt;"}</td>\n    </tr>\n  </tbody>\n</table>\n</div></body></html>`,j=(t,n,r)=>e(void 0,void 0,void 0,(function*(){var o,s;return(null!==(s=null===(o=n["content-encoding"])||void 0===o?void 0:o.toString())&&void 0!==s?s:"").split(",").reduce(((t,n)=>e(void 0,void 0,void 0,(function*(){const e=n.trim().toLowerCase(),r="gzip"===e||"x-gzip"===e?a.gunzip:"deflate"===e?a.inflate:"br"===e?a.brotliDecompress:"identity"===e||""===e?(e,t)=>{t(null,e)}:null;if(null===r)throw new Error(`${e} compression not supported by the proxy`);const o=yield t;return yield new Promise(((e,t)=>r(o,((n,r)=>{n&&t(n),e(r)}))))}))),Promise.resolve(t)).then((e=>{const t=e.length>1e7,o=["text/html","application/javascript","application/json"].some((e=>{var t;return(null!==(t=n["content-type"])&&void 0!==t?t:"").toString().includes(e)}));return!t&&(o||!/[^\x00-\x7F]/.test(e.toString()))?g.replaceResponseBodyUrls?Object.entries(g.mapping).reduce(((e,[t,n])=>n.startsWith("logs:")||""!==t&&!t.match(/^[-a-zA-Z0-9()@:%_\+.~#?&//=]*$/)?e:r.direction===p.INBOUND?e.replace(new RegExp(n.replace(/^(file|logs):\/\//,"").replace(/[*+?^${}()|[\]\\]/g,"").replace(/^https/,"https?")+"/*","ig"),`http${g.ssl?"s":""}://${r.proxyHostnameAndPort}${t.replace(/\/+$/,"")}/`):e.split(`http${g.ssl?"s":""}://${r.proxyHostnameAndPort}${t.replace(/\/+$/,"")}`).join(n)),e.toString()).split(`${r.proxyHostnameAndPort}/:`).join(`${r.proxyHostnameAndPort}:`).replace(/\?protocol=wss?%3A&hostname=[^&]+&port=[0-9]+&pathname=/g,`?protocol=ws${g.ssl?"s":""}%3A&hostname=${r.proxyHostname}&port=${g.port}&pathname=${encodeURIComponent(r.key.replace(/\/+$/,""))}`):e.toString():e})).then((e=>{var t,r;return(null!==(r=null===(t=n["content-encoding"])||void 0===t?void 0:t.toString())&&void 0!==r?r:"").split(",").reduce(((e,t)=>{const n=t.trim().toLowerCase(),r="gzip"===n||"x-gzip"===n?a.gzip:"deflate"===n?a.deflate:"br"===n?a.brotliCompress:"identity"===n||""===n?(e,t)=>{t(null,e)}:null;if(null===r)throw new Error(`${n} compression not supported by the proxy`);return e.then((e=>new Promise((t=>r(e,((e,n)=>{if(e)throw e;t(n)}))))))}),Promise.resolve(Buffer.from(e)))}))})),x=(e,t,n)=>{t.writeHead(e,void 0,{"content-type":"text/html","content-length":n.length}),t.end(n)},T=e=>{var t,n,r;const s=(null!==(r=null!==(n=null===(t=e.headers[":authority"])||void 0===t?void 0:t.toString())&&void 0!==n?n:e.headers.host)&&void 0!==r?r:"localhost").replace(/:.*/,""),a=e.headers[":authority"]||`${e.headers.host}${e.headers.host.match(/:[0-9]+$/)?"":80!==g.port||g.ssl?443===g.port&&g.ssl?"":`:${g.port}`:""}`,i=new o.URL(`http${g.ssl?"s":""}://${a}${e.url}`),l=i.href.substring(i.origin.length),[c,d]=Object.entries(Object.assign({},Object.assign({},...Object.entries(g.mapping).map((([e,t])=>({[e]:new o.URL(E(t))})))))).find((([e])=>l.match(RegExp(e.replace(/^\//,"^/")))))||[];return{proxyHostname:s,proxyHostnameAndPort:a,url:i,path:l,key:c,target:d}},H=()=>{f=(g.ssl?t.createSecureServer.bind(null,Object.assign(Object.assign({},g.ssl),{allowHTTP1:!0})):n.createServer)(((s,a)=>e(void 0,void 0,void 0,(function*(){var e,i,l,c;if(!s.headers.host&&!s.headers[":authority"])return void x(400,a,Buffer.from(U(new Error("client must supply a 'host' header"),"proxy",new o.URL(`http${g.ssl?"s":""}://unknowndomain${s.url}`))));const{proxyHostname:d,proxyHostnameAndPort:u,url:m,path:f,key:v,target:R}=T(s);if(!R)return void x(502,a,Buffer.from(U(new Error(`No mapping found in config file ${h}`),"proxy",m)));const O=R.host.replace(RegExp(/\/+$/),""),w=`${R.href.substring(8+R.host.length)}${E(f.replace(RegExp(E(v)),""))}`.replace(/^\/*/,"/"),$=new o.URL(`${R.protocol}//${O}${w}`);let B=null,H=!g.dontUseHttp2Downstream;const I="file:"===R.protocol?N($):"logs:"===R.protocol?S(u):H?yield Promise.race([new Promise((e=>{const n=(0,t.connect)($,{rejectUnauthorized:!1,protocol:R.protocol},((t,r)=>{H=H&&!!r.alpnProtocol,e(H?n:null)}));n.on("error",(e=>{B=H&&Buffer.from(U(e,"connection",m,$))}))})),new Promise((e=>setTimeout((()=>{H=!1,e(null)}),3e3)))]):null;B instanceof Buffer||(B=null);const D=null==s?void 0:s.readableLength,L=null===(e=null==s?void 0:s.stream)||void 0===e?void 0:e.readableLength;let A=null;const P=g.replaceRequestBodyUrls||y.length;if(P){const e=null!==(i=null==s?void 0:s.stream)&&void 0!==i?i:s;let t=Buffer.from([]);yield new Promise((n=>{0===L&&n(void 0),e.on("data",(e=>{t=Buffer.concat([t,e])})),e.on("end",n),e.on("error",n)})),A=yield j(t,s.headers,{proxyHostnameAndPort:u,proxyHostname:d,key:v,direction:p.OUTBOUND})}const k=Object.assign(Object.assign({},[...Object.entries(s.headers)].filter((([e])=>!["host","connection","keep-alive"].includes(e.toLowerCase()))).reduce(((e,[t,n])=>(e[t]=(e[t]||"")+(Array.isArray(n)?n:[n]).map((e=>e.replace(m.hostname,O))).join(", "),e)),{})),{origin:R.href,referer:$.toString(),"content-length":null!==(c=null!==(l=null==A?void 0:A.length)&&void 0!==l?l:s.headers["content-length"])&&void 0!==c?c:0,":authority":O,":method":s.method,":path":w,":scheme":R.protocol.replace(":","")}),q=I&&!B&&I.request(k,{endStream:g.ssl?!(null==L||L):!D});null==q||q.on("error",(e=>{const t=-505===e.errno;B=Buffer.from(U(e,"stream"+(t?" (error -505 usually means that the downstream service does not support this http version)":""),m,$))}));const W={hostname:R.hostname,path:w,port:R.port,protocol:R.protocol,rejectUnauthorized:!1,method:s.method,headers:Object.assign(Object.assign({},Object.assign({},...Object.entries(k).filter((([e])=>!e.startsWith(":")&&"transfer-encoding"!==e.toLowerCase())).map((([e,t])=>({[e]:t}))))),{host:R.hostname})},C=!B&&!H&&!["file:","logs:"].includes(R.protocol)&&(yield new Promise((e=>{const t="https:"===R.protocol?(0,r.request)(W,e):(0,n.request)(W,e);t.on("error",(t=>{B=Buffer.from(U(t,"request",m,$)),e(null)})),P&&(t.write(A),t.end()),P||(s.on("data",(e=>t.write(e))),s.on("end",(()=>t.end())))})));if(B)return void x(502,a,B);B=null,g.ssl&&L&&q&&(P&&(q.write(A),q.end()),P||(s.stream.on("data",(e=>{q.write(e)})),s.stream.on("end",(()=>q.end())))),!g.ssl&&D&&q&&(P&&(q.write(A),q.end()),P||(s.on("data",(e=>{q.write(e)})),s.on("end",(()=>q.end()))));const{outboundResponseHeaders:F}=yield new Promise((e=>q?q.on("response",(t=>{e({outboundResponseHeaders:t})})):e(!q&&C?{outboundResponseHeaders:C.headers}:{outboundResponseHeaders:{}})));b({level:"info",protocol:H?"HTTP/2":"HTTP1.1",method:s.method,path:w,uniqueHash:Buffer.from(JSON.stringify({method:s.method,url:s.url,headers:Object.assign({},...Object.entries(s.headers).filter((([e])=>!e.startsWith(":"))).map((([e,t])=>({[e]:t})))),body:null==A?void 0:A.toJSON()})).toString("base64")});const _=F.location?new o.URL(F.location.startsWith("/")?`${R.href}${F.location.replace(/^\/+/,"")}`:F.location):null,M=_?_.href.substring(_.origin.length):null,z=m.origin,J=_?`${z}${M}`:null,K=q||C,G=null!=B?B:yield new Promise((e=>{let t=Buffer.alloc(0);K?(K.on("data",(e=>t=Buffer.concat([t,"string"==typeof e?Buffer.from(e):e]))),K.on("end",(()=>{e(t)}))):e(t)})).then((e=>g.replaceResponseBodyUrls&&e.length?j(e,F,{proxyHostnameAndPort:u,proxyHostname:d,key:v,direction:p.INBOUND}).catch((e=>(x(502,a,Buffer.from(U(e,"stream",m,$))),Buffer.from("")))):e)),V=Object.assign(Object.assign({},Object.entries(Object.assign(Object.assign(Object.assign({},F),g.replaceResponseBodyUrls?{"content-length":`${G.byteLength}`}:{}),g.disableWebSecurity?{"content-security-policy":"report only","access-control-allow-headers":"*","access-control-allow-method":"*","access-control-allow-origin":"*"}:{})).filter((([e])=>!e.startsWith(":")&&"transfer-encoding"!==e.toLowerCase()&&"connection"!==e.toLowerCase()&&"keep-alive"!==e.toLowerCase())).reduce(((e,[t,n])=>{const r=O.split("").map(((e,t)=>O.substring(t).startsWith(".")&&O.substring(t))).filter((e=>e)),o=[O].concat(r).reduce(((e,t)=>(Array.isArray(e)?e:[e]).map((e=>"string"==typeof e?e.replace(`Domain=${t}`,`Domain=${m.hostname}`):e))),n);return e[t]=(e[t]||[]).concat(o),e}),{})),J?{location:[J]}:{});try{Object.entries(V).forEach((([e,t])=>t&&a.setHeader(e,t)))}catch(e){}a.writeHead(F[":status"]||C.statusCode||200,g.ssl?void 0:C.statusMessage||"Status read from http/2",V),G?a.end(G):a.end()})))).addListener("error",(e=>{"EACCES"===e.code&&R("permission denied for this port",c.ERROR,d.NO),"EADDRINUSE"===e.code&&R("port is already used. NOT started",c.ERROR,d.ERROR_6)})).addListener("listening",(()=>{O(g)})).on("upgrade",((e,t)=>{if(!g.websocket)return void t.end("HTTP/1.1 503 Service Unavailable\r\n\r\n");const{key:s,target:a,path:i}=T(e);if("/local-traffic-logs"===i){const n=(0,l.createHash)("sha1");n.update(e.headers["sec-websocket-key"]+"258EAFA5-E914-47DA-95CA-C5AB0DC85B11");const r=n.digest("base64");return t.allowHalfOpen=!0,t.write(`HTTP/1.1 101 Switching Protocols\r\ndate: ${(new Date).toUTCString()}\r\nconnection: upgrade\r\nupgrade: websocket\r\nserver: local\r\nsec-websocket-accept: ${r}\r\n\r\n`),t.on("close",(()=>{y=y.filter((e=>t!==e))})),void y.push(t)}const p=new o.URL(`${a.protocol}//${a.host}${e.url.endsWith("/_next/webpack-hmr")?e.url:e.url.replace(new RegExp(`^${s}`,"g"),"").replace(/^\/*/,"/")}`),u={hostname:p.hostname,path:p.pathname,port:p.port,protocol:p.protocol,rejectUnauthorized:!1,method:e.method,headers:e.headers,host:p.hostname},h="https:"===p.protocol?(0,r.request)(u):(0,n.request)(u);h.end(),h.on("error",(e=>{R("websocket request has errored "+(e.errno?`(${e.errno})`:""),c.WARNING,d.WEBSOCKET)})),h.on("upgrade",((e,n)=>{const r=`HTTP/${e.httpVersion} ${e.statusCode} ${e.statusMessage}\r\n${Object.entries(e.headers).flatMap((([e,t])=>(Array.isArray(t)?t:[t]).map((t=>[e,t])))).map((([e,t])=>`${e}: ${t}\r\n`)).join("")}\r\n`;t.write(r),t.allowHalfOpen=!0,n.allowHalfOpen=!0,n.on("data",(e=>t.write(e))),t.on("data",(e=>n.write(e))),n.on("error",(e=>{R("downstream socket has errored "+(e.errno?`(${e.errno})`:""),c.WARNING,d.WEBSOCKET)})),t.on("error",(e=>{R("upstream socket has errored "+(e.errno?`(${e.errno})`:""),c.WARNING,d.WEBSOCKET)}))}))})).listen(g.port)};w().then(H);
+"use strict";var e=this&&this.__awaiter||function(e,t,n,o){return new(n||(n=Promise))((function(r,s){function a(e){try{l(o.next(e))}catch(e){s(e)}}function i(e){try{l(o.throw(e))}catch(e){s(e)}}function l(e){var t;e.done?r(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,i)}l((o=o.apply(e,t||[])).next())}))};Object.defineProperty(exports,"__esModule",{value:!0});const t=require("http2"),n=require("http"),o=require("https"),r=require("url"),s=require("fs"),a=require("zlib"),i=require("path"),l=require("crypto"),c=require("process");var d,p,u;!function(e){e[e.ERROR=124]="ERROR",e[e.INFO=93]="INFO",e[e.WARNING=172]="WARNING"}(d||(d={})),function(e){e.INBOUND="↘️ ",e.PORT="☎️ ",e.OUTBOUND="↗️ ",e.RULES="🔗",e.REWRITE="✒️ ",e.RESTART="🔄",e.WEBSOCKET="☄️ ",e.COLORED="✨",e.SHIELD="🛡️ ",e.NO="⛔",e.ERROR_1="❌",e.ERROR_2="⛈️ ",e.ERROR_3="☢️ ",e.ERROR_4="⁉️ ",e.ERROR_5="⚡",e.ERROR_6="☠️ "}(p||(p={})),function(e){e.INBOUND="INBOUND",e.OUTBOUND="OUTBOUND"}(u||(u={}));const h=(0,i.resolve)(process.env.HOME,".local-traffic.json"),m=(0,i.resolve)(process.cwd(),process.argv.slice(-1)[0].endsWith(".json")?process.argv.slice(-1)[0]:h),f={mapping:{"/logs/":"logs://"},port:8080,replaceRequestBodyUrls:!1,replaceResponseBodyUrls:!1,dontUseHttp2Downstream:!1,simpleLogs:!1,websocket:!0,disableWebSecurity:!1};let g,v,y=[];const b=e=>e===d.ERROR?"error":e===d.WARNING?"warning":"info",R=(e,t,n)=>{const o=(null==g?void 0:g.simpleLogs)||y.length?e.replace(/⎸/g,"|").replace(/⎹/g,"|").replace(/\u001b\[[^m]*m/g,"").replace(new RegExp(p.INBOUND,"g"),"inbound:").replace(new RegExp(p.PORT,"g"),"port:").replace(new RegExp(p.OUTBOUND,"g"),"outbound:").replace(new RegExp(p.RULES,"g"),"rules:").replace(new RegExp(p.NO,"g"),"").replace(new RegExp(p.REWRITE,"g"),"+rewrite").replace(new RegExp(p.WEBSOCKET,"g"),"websocket").replace(new RegExp(p.SHIELD,"g"),"web-security").replace(/\|+/g,"|"):e;console.log(`${(e=>{const t=new Date;return`${e?"":""}${`${t.getHours()}`.padStart(2,"0")}${e?":":":"}${`${t.getMinutes()}`.padStart(2,"0")}${e?":":":"}${`${t.getSeconds()}`.padStart(2,"0")}${e?"":""}`})(null==g?void 0:g.simpleLogs)} ${(null==g?void 0:g.simpleLogs)?o:t?`[48;5;${t}m⎸    ${process.stdout.isTTY&&n||""}  ${e.padEnd(40)} ⎹`:e}`),O({event:o,level:b(t)})},O=e=>{if(!y.length)return;const t=JSON.stringify(e),n=Array(4).fill(0).map((()=>Math.floor(256*Math.random()))),o=[...t.substring(0,65536)].map(((e,t)=>e.charCodeAt(0)^n[3&t])),r=Math.min(65535,t.length),s=t.length<126?Buffer.from(Uint8Array.from([129,128+r]).buffer):Buffer.concat([Buffer.from(Uint8Array.from([129,254]).buffer),Buffer.from(Uint8Array.from([r>>8]).buffer),Buffer.from(Uint8Array.from([255&r]).buffer)]),a=Buffer.from(Int8Array.from(n).buffer),i=Buffer.from(Int8Array.from(o).buffer),l=Buffer.concat([s,a,i]);y.forEach((e=>{try{e.write(l)}catch(e){}}))},w=e=>{R(`⎸${p.PORT} ${e.port.toString().padStart(5)} ⎸${p.OUTBOUND} ${e.dontUseHttp2Downstream?"H1.1":"H/2 "}${e.replaceRequestBodyUrls?p.REWRITE:"  "}⎹⎸${p.INBOUND} ${e.ssl?"H/2 ":"H1.1"}${e.replaceResponseBodyUrls?p.REWRITE:"  "}⎹⎸${p.RULES}${Object.keys(g.mapping).length.toString().padStart(3)}⎹⎸${g.websocket?p.WEBSOCKET:p.NO}⎹⎸${g.simpleLogs?p.NO:p.COLORED}⎹⎸${g.disableWebSecurity?p.NO:p.SHIELD}⎹`)},$=(t=!0)=>e(void 0,void 0,void 0,(function*(){return new Promise((e=>(0,s.readFile)(m,((n,o)=>{n&&!t&&R("config error. Using default value",d.ERROR,p.ERROR_1);try{g=Object.assign({},f,JSON.parse((o||"{}").toString()))}catch(t){return R("config syntax incorrect, aborting",d.ERROR,p.ERROR_2),g=g||Object.assign({},f),void e(g)}g.mapping[""]||R('default mapping "" not provided.',d.WARNING,p.ERROR_3),n&&"ENOENT"===n.code&&t&&m===h?(0,s.writeFile)(m,JSON.stringify(f),(t=>{t?R("config file NOT created",d.ERROR,p.ERROR_4):R("config file created",d.INFO,p.COLORED),e(g)})):e(g)})))).then((()=>{t&&(0,s.watchFile)(m,E)}))})),E=()=>e(void 0,void 0,void 0,(function*(){const e=Object.assign({},g);if(yield $(!1),isNaN(g.port)||g.port>65535||g.port<0)return g=e,void R("port number invalid. Not refreshing",d.ERROR,p.PORT);if("object"!=typeof g.mapping)return g=e,void R("mapping should be an object. Aborting",d.ERROR,p.ERROR_5);if(g.replaceRequestBodyUrls!==e.replaceRequestBodyUrls&&R(`request body url ${g.replaceRequestBodyUrls?"":"NO "}rewriting`,d.INFO,p.REWRITE),g.replaceResponseBodyUrls!==e.replaceResponseBodyUrls&&R(`response body url ${g.replaceResponseBodyUrls?"":"NO "}rewriting`,d.INFO,p.REWRITE),g.dontUseHttp2Downstream!==e.dontUseHttp2Downstream&&R(`http/2 ${g.dontUseHttp2Downstream?"de":""}activated downstream`,d.INFO,p.OUTBOUND),g.disableWebSecurity!==e.disableWebSecurity&&R(`web security ${g.disableWebSecurity?"de":""}activated`,d.INFO,p.SHIELD),g.websocket!==e.websocket&&R(`websocket ${g.websocket?"":"de"}activated`,d.INFO,p.WEBSOCKET),g.simpleLogs!==e.simpleLogs&&R("simple logs "+(g.simpleLogs?"on":"off"),d.INFO,p.COLORED),Object.keys(g.mapping).join("\n")!==Object.keys(e.mapping).join("\n")&&R(`${Object.keys(g.mapping).length.toString().padStart(5)} loaded mapping rules`,d.INFO,p.RULES),g.port!==e.port&&R(`port changed from ${e.port} to ${g.port}`,d.INFO,p.PORT),g.ssl&&!e.ssl&&R("ssl configuration added",d.INFO,p.INBOUND),!g.ssl&&e.ssl&&R("ssl configuration removed",d.INFO,p.INBOUND),g.port!==e.port||JSON.stringify(g.ssl)!==JSON.stringify(e.ssl)){R("restarting server",d.INFO,p.RESTART),yield Promise.all(y.map((e=>new Promise((t=>e.end(t)))))),y=[];(yield Promise.race([new Promise((e=>v?v.close(e):e(void 0))).then((()=>!0)),new Promise((e=>setTimeout(e,5e3))).then((()=>!1))]))||R("error during restart (websockets ?)",d.WARNING,p.RESTART),T()}else w(g)})),N=e=>""==e?"":(0,i.normalize)(e).replace(/\\/g,"/"),S=e=>{const t=(0,i.resolve)("/",e.hostname,...e.pathname.replace(/[?#].*$/,"").replace(/^\/+/,"").split("/"));return{error:null,data:null,hasRun:!1,run:function(){return this.hasRun?Promise.resolve():new Promise((n=>(0,s.readFile)(t,((o,r)=>{if(this.hasRun=!0,!o||"EISDIR"!==o.code)return this.error=o,this.data=r,void n(void 0);(0,s.readdir)(t,((t,o)=>{this.error=t,this.data=o,t?n(void 0):Promise.all(o.map((t=>new Promise((n=>(0,s.lstat)((0,i.resolve)(e.pathname,t),((e,o)=>n([t,o,e])))))))).then((t=>{const o=t.filter((e=>!e[2]&&e[1].isDirectory())).concat(t.filter((e=>!e[2]&&e[1].isFile())));this.data=`${x(128194,"directory",e.href)}<p>Directory content of <i>${e.href.replace(/\//g,"&#x002F;")}</i></p><ul class="list-group"><li class="list-group-item">&#x1F4C1;<a href="${e.pathname.endsWith("/")?"..":"."}">&lt;parent&gt;</a></li>${o.filter((e=>!e[2])).map((t=>`<li class="list-group-item">&#x${(t[1].isDirectory()?128193:128196).toString(16)};<a href="${e.pathname.endsWith("/")?"":`${e.pathname.split("/").slice(-1)[0]}/`}${t[0]}">${t[0]}</a></li>`)).join("\n")}</li></ul></body></html>`,n(void 0)}))}))}))))},events:{},on:function(e,n){return this.events[e]=n,this.run().then((()=>{"response"===e&&this.events.response(t.endsWith(".svg")?{Server:"local","Content-Type":"image/svg+xml"}:{Server:"local"},0),"data"===e&&this.data&&(this.events.data(this.data),this.events.end()),"error"===e&&this.error&&this.events.error(this.error)})),this},end:function(){return this},request:function(){return this}}},B=e=>({error:null,data:null,run:function(){return new Promise((t=>{this.data=`${x(128250,"logs","")}\n<nav class="navbar navbar-expand-lg navbar-dark bg-primary nav-fill">\n  <div class="container-fluid">\n    <ul class="navbar-nav">\n      <li class="nav-item">\n        <a class="nav-link active" aria-current="page" href="javascript:show(0)">Access</a>\n      </li>\n      <li class="nav-item">\n        <a class="nav-link" href="javascript:show(1)">Proxy</a>\n      </li>\n    </ul>\n    <span class="navbar-text">\n      Limit : <select id="limit" onchange="javascript:cleanup()"><option value="-1">0 (clear)</option><option value="10">10</option>\n        <option value="50">50</option><option value="100">100</option><option value="200">200</option>\n        <option selected="selected" value="500">500</option><option value="0">Infinity (discouraged)</option>\n      </select> rows\n    </span>\n  </div>\n</nav>\n<table id="table-access" class="table table-striped" style="display: block; width: 100%; overflow-y: auto">\n  <thead>\n    <tr>\n      <th scope="col">...</th>\n      <th scope="col">Date</th>\n      <th scope="col">Level</th>\n      <th scope="col">Protocol</th>\n      <th scope="col">Method</th>\n      <th scope="col">Status</th>\n      <th scope="col">Duration</th>\n      <th scope="col">Path</th>\n    </tr>\n  </thead>\n  <tbody id="access">\n  </tbody>\n</table>\n<table id="table-proxy" class="table table-striped" style="display: none; width: 100%; overflow-y: auto">\n  <thead>\n    <tr>\n      <th scope="col">Date</th>\n      <th scope="col">Level</th>\n      <th scope="col">Message</th>\n    </tr>\n  </thead>\n  <tbody id="proxy">\n  </tbody>\n</table>\n<script type="text/javascript">\n    function start() {\n      document.getElementById('table-access').style.height =\n        (document.documentElement.clientHeight - 150) + 'px';\n      document.getElementById('table-proxy').style.height =\n        (document.documentElement.clientHeight - 150) + 'px';\n      const socket = new WebSocket("ws${g.ssl?"s":""}://${e}/local-traffic-logs");\n      socket.onmessage = function(event) {\n        let data = event.data\n        let uniqueHash;\n        try {\n          const { uniqueHash: uniqueHash1, ...data1 } = JSON.parse(event.data);\n          data = data1;\n          uniqueHash = uniqueHash1;\n        } catch(e) { }\n        const time = new Date().toISOString().split('T')[1].replace('Z', '');\n        if (uniqueHash) {\n          const button = '<button data-uniquehash="'+uniqueHash+'" onclick="javascript:replay(event)" ' +\n            'type="button" class="btn btn-primary">&#x1F501;</button>';\n          document.getElementById("access")\n            .insertAdjacentHTML('afterbegin', '<tr id="event-' + data.randomId + '">' +\n                '<td scope="col">' + button + '</td>' +\n                '<td scope="col">' + time + '</td>' +\n                '<td scope="col">' + (data.level || 'info')+ '</td>' + \n                '<td scope="col">' + data.protocol + '</td>' + \n                '<td scope="col">' + data.method + '</td>' + \n                '<td scope="col" class="statusCode"><span class="badge bg-secondary">...</span></td>' +\n                '<td scope="col" class="duration">&#x23F1;</td>' +\n                '<td scope="col">' + data.path + '</td>' + \n                '</tr>');\n        } else if(data.statusCode) {\n          const color = Math.floor(data.statusCode / 100) === 1 ? "info" :\n            Math.floor(data.statusCode / 100) === 2 ? "success" :\n            Math.floor(data.statusCode / 100) === 3 ? "dark" :\n            Math.floor(data.statusCode / 100) === 4 ? "warning" :\n            Math.floor(data.statusCode / 100) === 5 ? "danger" :\n            "secondary";\n          const statusCodeColumn = document.querySelector("#event-" + data.randomId + " .statusCode");\n          if (statusCodeColumn)\n            statusCodeColumn.innerHTML = '<span class="badge bg-' + color + '">' + data.statusCode + '</span>';\n\n          const durationColumn = document.querySelector("#event-" + data.randomId + " .duration");\n          if (durationColumn) {\n            const duration = data.duration > 10000 ? Math.floor(data.duration / 1000) + 's' :\n              data.duration + 'ms';\n            durationColumn.innerHTML = duration;\n          }\n        } else if(data.event) {\n          document.getElementById("proxy")\n            .insertAdjacentHTML('afterbegin', '<tr><td scope="col">' + time + '</td>' +\n                '<td scope="col">' + (data.level || 'info')+ '</td>' + \n                '<td scope="col">' + data.event + '</td></tr>');\n        }\n        cleanup();\n      };\n      socket.onerror = function(error) {\n        console.log(\`[error] \${error}\`);\n        setTimeout(start, 5000);\n      };\n    };\n    function show(id) {\n      [...document.querySelectorAll('table')].forEach((table, index) => {\n        table.style.display = index === id ? 'block': 'none'\n      });\n      [...document.querySelectorAll('.navbar-nav .nav-item .nav-link')].forEach((link, index) => {\n        if (index === id) { link.classList.add('active') } else link.classList.remove('active');\n      });\n    }\n    function cleanup() {\n      const currentLimit = parseInt(document.getElementById('limit').value)\n      for (let table of ['access', 'proxy']) {\n        while (currentLimit && document.getElementById(table).childNodes.length && \n        document.getElementById(table).childNodes.length > currentLimit) {\n          [...document.getElementById(table).childNodes].slice(-1)[0].remove();\n        }\n      }\n    }\n    function replay(event) {\n      const uniqueHash = event.target.dataset.uniquehash;\n      const { method, url, headers, body } = JSON.parse(atob(uniqueHash));\n      fetch(url, {\n        method,\n        headers,\n        body: !body.data || !body.data.length \n          ? undefined\n          : new TextDecoder().decode(new Int8Array(body.data))\n      });\n    }\n    window.addEventListener("DOMContentLoaded", start);\n<\/script>\n</body></html>`,t(void 0)}))},events:{},on:function(e,t){return this.events[e]=t,this.run().then((()=>{"response"===e&&this.events.response({Server:"local","Content-Type":"text/html"},0),"data"===e&&this.data&&(this.events.data(this.data),this.events.end()),"error"===e&&this.error&&this.events.error(this.error)})),this},end:function(){return this},request:function(){return this}}),x=(e,t,n)=>`<!doctype html>\n<html lang="en">\n<head>\n<title>&#x${e.toString(16)}; local-traffic ${t} | ${n}</title>\n<link href="https://cdn.jsdelivr.net/npm/bootstrap@latest/dist/css/bootstrap.min.css" rel="stylesheet"/>\n<script src="https://cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js"><\/script>\n<script src="https://cdn.jsdelivr.net/npm/bootstrap@latest/dist/js/bootstrap.bundle.min.js"><\/script>\n</head>\n<body><div class="container"><h1>&#x${e.toString(16)}; local-traffic ${t}</h1>\n<br/>`,U=(e,t,n,o)=>`${x(128163,"error",e.message)}\n<p>An error happened while trying to proxy a remote exchange</p>\n<div class="alert alert-warning" role="alert">\n  &#x24D8;&nbsp;This is not an error from the downstream service.\n</div>\n<div class="alert alert-danger" role="alert">\n<pre><code>${e.stack||`<i>${e.name} : ${e.message}</i>`}${e.errno?`<br/>(code : ${e.errno})`:""}</code></pre>\n</div>\nMore information about the request :\n<table class="table">\n  <tbody>\n    <tr>\n      <td>phase</td>\n      <td>${t}</td>\n    </tr>\n    <tr>\n      <td>requested URL</td>\n      <td>${n}</td>\n    </tr>\n    <tr>\n      <td>downstream URL</td>\n      <td>${o||"&lt;no-target-url&gt;"}</td>\n    </tr>\n  </tbody>\n</table>\n</div></body></html>`,I=(t,n,o)=>e(void 0,void 0,void 0,(function*(){var r,s;return(null!==(s=null===(r=n["content-encoding"])||void 0===r?void 0:r.toString())&&void 0!==s?s:"").split(",").reduce(((t,n)=>e(void 0,void 0,void 0,(function*(){const e=n.trim().toLowerCase(),o="gzip"===e||"x-gzip"===e?a.gunzip:"deflate"===e?a.inflate:"br"===e?a.brotliDecompress:"identity"===e||""===e?(e,t)=>{t(null,e)}:null;if(null===o)throw new Error(`${e} compression not supported by the proxy`);const r=yield t;return yield new Promise(((e,t)=>o(r,((n,o)=>{n&&t(n),e(o)}))))}))),Promise.resolve(t)).then((e=>{const t=e.length>1e7,r=["text/html","application/javascript","application/json"].some((e=>{var t;return(null!==(t=n["content-type"])&&void 0!==t?t:"").toString().includes(e)}));return!t&&(r||!/[^\x00-\x7F]/.test(e.toString()))?g.replaceResponseBodyUrls?Object.entries(g.mapping).reduce(((e,[t,n])=>n.startsWith("logs:")||""!==t&&!t.match(/^[-a-zA-Z0-9()@:%_\+.~#?&//=]*$/)?e:o.direction===u.INBOUND?e.replace(new RegExp(n.replace(/^(file|logs):\/\//,"").replace(/[*+?^${}()|[\]\\]/g,"").replace(/^https/,"https?")+"/*","ig"),`http${g.ssl?"s":""}://${o.proxyHostnameAndPort}${t.replace(/\/+$/,"")}/`):e.split(`http${g.ssl?"s":""}://${o.proxyHostnameAndPort}${t.replace(/\/+$/,"")}`).join(n)),e.toString()).split(`${o.proxyHostnameAndPort}/:`).join(`${o.proxyHostnameAndPort}:`).replace(/\?protocol=wss?%3A&hostname=[^&]+&port=[0-9]+&pathname=/g,`?protocol=ws${g.ssl?"s":""}%3A&hostname=${o.proxyHostname}&port=${g.port}&pathname=${encodeURIComponent(o.key.replace(/\/+$/,""))}`):e.toString():e})).then((e=>{var t,o;return(null!==(o=null===(t=n["content-encoding"])||void 0===t?void 0:t.toString())&&void 0!==o?o:"").split(",").reduce(((e,t)=>{const n=t.trim().toLowerCase(),o="gzip"===n||"x-gzip"===n?a.gzip:"deflate"===n?a.deflate:"br"===n?a.brotliCompress:"identity"===n||""===n?(e,t)=>{t(null,e)}:null;if(null===o)throw new Error(`${n} compression not supported by the proxy`);return e.then((e=>new Promise((t=>o(e,((e,n)=>{if(e)throw e;t(n)}))))))}),Promise.resolve(Buffer.from(e)))}))})),j=(e,t,n)=>{t.writeHead(e,void 0,{"content-type":"text/html","content-length":n.length}),t.end(n)},H=e=>{var t,n,o;const s=(null!==(o=null!==(n=null===(t=e.headers[":authority"])||void 0===t?void 0:t.toString())&&void 0!==n?n:e.headers.host)&&void 0!==o?o:"localhost").replace(/:.*/,""),a=e.headers[":authority"]||`${e.headers.host}${e.headers.host.match(/:[0-9]+$/)?"":80!==g.port||g.ssl?443===g.port&&g.ssl?"":`:${g.port}`:""}`,i=new r.URL(`http${g.ssl?"s":""}://${a}${e.url}`),l=i.href.substring(i.origin.length),[c,d]=Object.entries(Object.assign({},Object.assign({},...Object.entries(g.mapping).map((([e,t])=>({[e]:new r.URL(N(t))})))))).find((([e])=>l.match(RegExp(e.replace(/^\//,"^/")))))||[];return{proxyHostname:s,proxyHostnameAndPort:a,url:i,path:l,key:c,target:d}},T=()=>{v=(g.ssl?t.createSecureServer.bind(null,Object.assign(Object.assign({},g.ssl),{allowHTTP1:!0})):n.createServer)(((s,a)=>e(void 0,void 0,void 0,(function*(){var e,i,d,p;if(!s.headers.host&&!s.headers[":authority"])return void j(400,a,Buffer.from(U(new Error("client must supply a 'host' header"),"proxy",new r.URL(`http${g.ssl?"s":""}://unknowndomain${s.url}`))));const{proxyHostname:h,proxyHostnameAndPort:f,url:v,path:b,key:R,target:w}=H(s);if(!w)return void j(502,a,Buffer.from(U(new Error(`No mapping found in config file ${m}`),"proxy",v)));const $=(0,l.randomBytes)(20).toString("hex"),E=w.host.replace(RegExp(/\/+$/),""),x=`${w.href.substring(8+w.host.length)}${N(b.replace(RegExp(N(R)),""))}`.replace(/^\/*/,"/"),T=new r.URL(`${w.protocol}//${E}${x}`),L=c.hrtime.bigint();let C=null,A=!g.dontUseHttp2Downstream;const D="file:"===w.protocol?S(T):"logs:"===w.protocol?B(f):A?yield Promise.race([new Promise((e=>{const n=(0,t.connect)(T,{rejectUnauthorized:!1,protocol:w.protocol},((t,o)=>{A=A&&!!o.alpnProtocol,e(A?n:null)}));n.on("error",(e=>{C=A&&Buffer.from(U(e,"connection",v,T))}))})),new Promise((e=>setTimeout((()=>{A=!1,e(null)}),3e3)))]):null;C instanceof Buffer||(C=null);const P=null==s?void 0:s.readableLength,k=null===(e=null==s?void 0:s.stream)||void 0===e?void 0:e.readableLength;let q=null;const W=g.replaceRequestBodyUrls||y.length;if(W){const e=null!==(i=null==s?void 0:s.stream)&&void 0!==i?i:s;let t=Buffer.from([]);yield new Promise((n=>{0===k&&n(void 0),e.on("data",(e=>{t=Buffer.concat([t,e])})),e.on("end",n),e.on("error",n)})),q=yield I(t,s.headers,{proxyHostnameAndPort:f,proxyHostname:h,key:R,direction:u.OUTBOUND})}const F=Object.assign(Object.assign({},[...Object.entries(s.headers)].filter((([e])=>!["host","connection","keep-alive"].includes(e.toLowerCase()))).reduce(((e,[t,n])=>(e[t]=(e[t]||"")+(Array.isArray(n)?n:[n]).map((e=>e.replace(v.hostname,E))).join(", "),e)),{})),{origin:w.href,referer:T.toString(),"content-length":null!==(p=null!==(d=null==q?void 0:q.length)&&void 0!==d?d:s.headers["content-length"])&&void 0!==p?p:0,":authority":E,":method":s.method,":path":x,":scheme":w.protocol.replace(":","")}),M=D&&!C&&D.request(F,{endStream:g.ssl?!(null==k||k):!P});null==M||M.on("error",(e=>{const t=-505===e.errno;C=Buffer.from(U(e,"stream"+(t?" (error -505 usually means that the downstream service does not support this http version)":""),v,T))}));const _={hostname:w.hostname,path:x,port:w.port,protocol:w.protocol,rejectUnauthorized:!1,method:s.method,headers:Object.assign(Object.assign({},Object.assign({},...Object.entries(F).filter((([e])=>!e.startsWith(":")&&"transfer-encoding"!==e.toLowerCase())).map((([e,t])=>({[e]:t}))))),{host:w.hostname})},z=!C&&!A&&!["file:","logs:"].includes(w.protocol)&&(yield new Promise((e=>{const t="https:"===w.protocol?(0,o.request)(_,e):(0,n.request)(_,e);t.on("error",(t=>{C=Buffer.from(U(t,"request",v,T)),e(null)})),W&&(t.write(q),t.end()),W||(s.on("data",(e=>t.write(e))),s.on("end",(()=>t.end())))})));if(C)return void j(502,a,C);C=null,g.ssl&&k&&M&&(W&&(M.write(q),M.end()),W||(s.stream.on("data",(e=>{M.write(e)})),s.stream.on("end",(()=>M.end())))),!g.ssl&&P&&M&&(W&&(M.write(q),M.end()),W||(s.on("data",(e=>{M.write(e)})),s.on("end",(()=>M.end()))));const{outboundResponseHeaders:J}=yield new Promise((e=>M?M.on("response",(t=>{e({outboundResponseHeaders:t})})):e(!M&&z?{outboundResponseHeaders:z.headers}:{outboundResponseHeaders:{}})));O({level:"info",protocol:A?"HTTP/2":"HTTP1.1",method:s.method,path:x,randomId:$,uniqueHash:Buffer.from(JSON.stringify({method:s.method,url:s.url,headers:Object.assign({},...Object.entries(s.headers).filter((([e])=>!e.startsWith(":"))).map((([e,t])=>({[e]:t})))),body:null==q?void 0:q.toJSON()})).toString("base64")});const G=J.location?new r.URL(J.location.startsWith("/")?`${w.href}${J.location.replace(/^\/+/,"")}`:J.location):null,K=G?G.href.substring(G.origin.length):null,Z=v.origin,V=G?`${Z}${K}`:null,Y=M||z,Q=null!=C?C:yield new Promise((e=>{let t=Buffer.alloc(0);Y?(Y.on("data",(e=>t=Buffer.concat([t,"string"==typeof e?Buffer.from(e):e]))),Y.on("end",(()=>{e(t)}))):e(t)})).then((e=>g.replaceResponseBodyUrls&&e.length?I(e,J,{proxyHostnameAndPort:f,proxyHostname:h,key:R,direction:u.INBOUND}).catch((e=>(j(502,a,Buffer.from(U(e,"stream",v,T))),Buffer.from("")))):e)),X=Object.assign(Object.assign({},Object.entries(Object.assign(Object.assign(Object.assign({},J),g.replaceResponseBodyUrls?{"content-length":`${Q.byteLength}`}:{}),g.disableWebSecurity?{"content-security-policy":"report only","access-control-allow-headers":"*","access-control-allow-method":"*","access-control-allow-origin":"*"}:{})).filter((([e])=>!e.startsWith(":")&&"transfer-encoding"!==e.toLowerCase()&&"connection"!==e.toLowerCase()&&"keep-alive"!==e.toLowerCase())).reduce(((e,[t,n])=>{const o=E.split("").map(((e,t)=>E.substring(t).startsWith(".")&&E.substring(t))).filter((e=>e)),r=[E].concat(o).reduce(((e,t)=>(Array.isArray(e)?e:[e]).map((e=>"string"==typeof e?e.replace(`Domain=${t}`,`Domain=${v.hostname}`):e))),n);return e[t]=(e[t]||[]).concat(r),e}),{})),V?{location:[V]}:{});try{Object.entries(X).forEach((([e,t])=>t&&a.setHeader(e,t)))}catch(e){}const ee=J[":status"]||z.statusCode||200;a.writeHead(ee,g.ssl?void 0:z.statusMessage||"Status read from http/2",X),Q?a.end(Q):a.end();const te=c.hrtime.bigint();O({randomId:$,statusCode:ee,duration:Math.floor(Number(te-L)/1e6)})})))).addListener("error",(e=>{"EACCES"===e.code&&R("permission denied for this port",d.ERROR,p.NO),"EADDRINUSE"===e.code&&R("port is already used. NOT started",d.ERROR,p.ERROR_6)})).addListener("listening",(()=>{w(g)})).on("upgrade",((e,t)=>{if(!g.websocket)return void t.end("HTTP/1.1 503 Service Unavailable\r\n\r\n");const{key:s,target:a,path:i}=H(e);if("/local-traffic-logs"===i){const n=(0,l.createHash)("sha1");n.update(e.headers["sec-websocket-key"]+"258EAFA5-E914-47DA-95CA-C5AB0DC85B11");const o=n.digest("base64");return t.allowHalfOpen=!0,t.write(`HTTP/1.1 101 Switching Protocols\r\ndate: ${(new Date).toUTCString()}\r\nconnection: upgrade\r\nupgrade: websocket\r\nserver: local\r\nsec-websocket-accept: ${o}\r\n\r\n`),t.on("close",(()=>{y=y.filter((e=>t!==e))})),void y.push(t)}const c=new r.URL(`${a.protocol}//${a.host}${e.url.endsWith("/_next/webpack-hmr")?e.url:e.url.replace(new RegExp(`^${s}`,"g"),"").replace(/^\/*/,"/")}`),u={hostname:c.hostname,path:c.pathname,port:c.port,protocol:c.protocol,rejectUnauthorized:!1,method:e.method,headers:e.headers,host:c.hostname},h="https:"===c.protocol?(0,o.request)(u):(0,n.request)(u);h.end(),h.on("error",(e=>{R("websocket request has errored "+(e.errno?`(${e.errno})`:""),d.WARNING,p.WEBSOCKET)})),h.on("upgrade",((e,n)=>{const o=`HTTP/${e.httpVersion} ${e.statusCode} ${e.statusMessage}\r\n${Object.entries(e.headers).flatMap((([e,t])=>(Array.isArray(t)?t:[t]).map((t=>[e,t])))).map((([e,t])=>`${e}: ${t}\r\n`)).join("")}\r\n`;t.write(o),t.allowHalfOpen=!0,n.allowHalfOpen=!0,n.on("data",(e=>t.write(e))),t.on("data",(e=>n.write(e))),n.on("error",(e=>{R("downstream socket has errored "+(e.errno?`(${e.errno})`:""),d.WARNING,p.WEBSOCKET)})),t.on("error",(e=>{R("upstream socket has errored "+(e.errno?`(${e.errno})`:""),d.WARNING,p.WEBSOCKET)}))}))})).listen(g.port)};$().then(T);

package/index.ts

@@ -32,7 +32,8 @@ import {
   brotliDecompress,
 } from "zlib";
 import { resolve, normalize } from "path";
-import { createHash } from "crypto";
+import { createHash, randomBytes } from "crypto";
+import { hrtime } from "process";
 import type { Duplex, Readable } from "stream";
 
 type ErrorWithErrno = NodeJS.ErrnoException;
@@ -149,7 +150,7 @@ const log = (text: string, level?: LogLevel, emoji?: string) => {
     }`,
   );
   notifyLogsListener({
-    logEvent: simpleLog,
+    event: simpleLog,
     level: levelToString(level),
   });
 };
@@ -190,13 +191,13 @@ const quickStatus = (thisConfig: LocalConfiguration) => {
       .toString()
       .padStart(5)} \u001b[48;5;53m⎸${EMOJIS.OUTBOUND} ${
       thisConfig.dontUseHttp2Downstream ? "H1.1" : "H/2 "
-    }${
-      thisConfig.replaceRequestBodyUrls ? EMOJIS.REWRITE : "  "
-    }⎹⎸${EMOJIS.INBOUND} ${
-      thisConfig.ssl ? "H/2 " : "H1.1"
-    }${
+    }${thisConfig.replaceRequestBodyUrls ? EMOJIS.REWRITE : "  "}⎹⎸${
+      EMOJIS.INBOUND
+    } ${thisConfig.ssl ? "H/2 " : "H1.1"}${
       thisConfig.replaceResponseBodyUrls ? EMOJIS.REWRITE : "  "
-    }⎹\u001b[48;5;54m\u001b[48;5;55m⎸${EMOJIS.RULES}${Object.keys(config.mapping)
+    }⎹\u001b[48;5;54m\u001b[48;5;55m⎸${EMOJIS.RULES}${Object.keys(
+      config.mapping,
+    )
       .length.toString()
       .padStart(3)}⎹\u001b[48;5;56m⎸${
       config.websocket ? EMOJIS.WEBSOCKET : EMOJIS.NO
@@ -504,29 +505,57 @@ const logsPage = (proxyHostnameAndPort: string): ClientHttp2Session =>
     data: null as string | Buffer,
     run: function () {
       return new Promise(resolve => {
-        this.data = `${header(
-          0x1f4fa,
-          "logs",
-          "",
-        )}<p>Logs page, limited to <select id="limit" onchange="javascript:cleanup()">
-        <option value="-1">0 (clear)</option><option value="10">10</option>
+        this.data = `${header(0x1f4fa, "logs", "")}
+<nav class="navbar navbar-expand-lg navbar-dark bg-primary nav-fill">
+  <div class="container-fluid">
+    <ul class="navbar-nav">
+      <li class="nav-item">
+        <a class="nav-link active" aria-current="page" href="javascript:show(0)">Access</a>
+      </li>
+      <li class="nav-item">
+        <a class="nav-link" href="javascript:show(1)">Proxy</a>
+      </li>
+    </ul>
+    <span class="navbar-text">
+      Limit : <select id="limit" onchange="javascript:cleanup()"><option value="-1">0 (clear)</option><option value="10">10</option>
         <option value="50">50</option><option value="100">100</option><option value="200">200</option>
         <option selected="selected" value="500">500</option><option value="0">Infinity (discouraged)</option>
-        </select></p>
-    <table id="table" class="table table-striped" style="display: block; width: 100%; overflow-y: auto">
-    <thead>
-      <tr>
-        <th scope="col">Date</th>
-        <th scope="col">Level</th>
-        <th scope="col">Message</th>
-      </tr>
-    </thead>
-    <tbody id="logs">
-    </tbody>
-    </table>
-    <script type="text/javascript">
+      </select> rows
+    </span>
+  </div>
+</nav>
+<table id="table-access" class="table table-striped" style="display: block; width: 100%; overflow-y: auto">
+  <thead>
+    <tr>
+      <th scope="col">...</th>
+      <th scope="col">Date</th>
+      <th scope="col">Level</th>
+      <th scope="col">Protocol</th>
+      <th scope="col">Method</th>
+      <th scope="col">Status</th>
+      <th scope="col">Duration</th>
+      <th scope="col">Path</th>
+    </tr>
+  </thead>
+  <tbody id="access">
+  </tbody>
+</table>
+<table id="table-proxy" class="table table-striped" style="display: none; width: 100%; overflow-y: auto">
+  <thead>
+    <tr>
+      <th scope="col">Date</th>
+      <th scope="col">Level</th>
+      <th scope="col">Message</th>
+    </tr>
+  </thead>
+  <tbody id="proxy">
+  </tbody>
+</table>
+<script type="text/javascript">
     function start() {
-      document.getElementById('table').style.height =
+      document.getElementById('table-access').style.height =
+        (document.documentElement.clientHeight - 150) + 'px';
+      document.getElementById('table-proxy').style.height =
         (document.documentElement.clientHeight - 150) + 'px';
       const socket = new WebSocket("ws${
         config.ssl ? "s" : ""
@@ -539,27 +568,44 @@ const logsPage = (proxyHostnameAndPort: string): ClientHttp2Session =>
           data = data1;
           uniqueHash = uniqueHash1;
         } catch(e) { }
-        const eventText = typeof data === 'object' ? '<pre>' + JSON.stringify(data, null, 3)
-        .replace(/&/g, '&amp;').replace(/\\\\"/g, '&quot;')
-        .replace(/</g, '&lt;').replace(/>/g, '&gt;')
-        .replace(/^( *)("[\\w]+": )?("[^"]*"|[\\w.+-]*)?([,[{])?$/mg, (match, pIndent, pKey, pVal, pEnd) => {
-          const key = '<span class="json-key">';
-          const val = '<span class="json-value">';
-          const str = '<span class="json-string">';
-          let r = pIndent || '';
-          if (pKey)
-             r = r + key + pKey.replace(/[": ]/g, '') + '</span>: ';
-          if (pVal)
-             r = r + (pVal[0] == '"' ? str : val) + pVal + '</span>';
-          return r + (pEnd || '');
-          }) + '</pre>'
-        : data;
-        const button = uniqueHash ? '<button data-uniquehash="'+uniqueHash+'" onclick="javascript:replay(event)" ' +
-          'type="button" class="btn btn-primary">Replay</button>' : '';
-        document.getElementById("logs")
-          .insertAdjacentHTML('afterbegin', '<tr><td scope="col">' + new Date().toUTCString() + '</td>' +
+        const time = new Date().toISOString().split('T')[1].replace('Z', '');
+        if (uniqueHash) {
+          const button = '<button data-uniquehash="'+uniqueHash+'" onclick="javascript:replay(event)" ' +
+            'type="button" class="btn btn-primary">&#x1F501;</button>';
+          document.getElementById("access")
+            .insertAdjacentHTML('afterbegin', '<tr id="event-' + data.randomId + '">' +
+                '<td scope="col">' + button + '</td>' +
+                '<td scope="col">' + time + '</td>' +
+                '<td scope="col">' + (data.level || 'info')+ '</td>' + 
+                '<td scope="col">' + data.protocol + '</td>' + 
+                '<td scope="col">' + data.method + '</td>' + 
+                '<td scope="col" class="statusCode"><span class="badge bg-secondary">...</span></td>' +
+                '<td scope="col" class="duration">&#x23F1;</td>' +
+                '<td scope="col">' + data.path + '</td>' + 
+                '</tr>');
+        } else if(data.statusCode) {
+          const color = Math.floor(data.statusCode / 100) === 1 ? "info" :
+            Math.floor(data.statusCode / 100) === 2 ? "success" :
+            Math.floor(data.statusCode / 100) === 3 ? "dark" :
+            Math.floor(data.statusCode / 100) === 4 ? "warning" :
+            Math.floor(data.statusCode / 100) === 5 ? "danger" :
+            "secondary";
+          const statusCodeColumn = document.querySelector("#event-" + data.randomId + " .statusCode");
+          if (statusCodeColumn)
+            statusCodeColumn.innerHTML = '<span class="badge bg-' + color + '">' + data.statusCode + '</span>';
+
+          const durationColumn = document.querySelector("#event-" + data.randomId + " .duration");
+          if (durationColumn) {
+            const duration = data.duration > 10000 ? Math.floor(data.duration / 1000) + 's' :
+              data.duration + 'ms';
+            durationColumn.innerHTML = duration;
+          }
+        } else if(data.event) {
+          document.getElementById("proxy")
+            .insertAdjacentHTML('afterbegin', '<tr><td scope="col">' + time + '</td>' +
                 '<td scope="col">' + (data.level || 'info')+ '</td>' + 
-                '<td scope="col">' + eventText + button + '</td></tr>');
+                '<td scope="col">' + data.event + '</td></tr>');
+        }
         cleanup();
       };
       socket.onerror = function(error) {
@@ -567,11 +613,21 @@ const logsPage = (proxyHostnameAndPort: string): ClientHttp2Session =>
         setTimeout(start, 5000);
       };
     };
+    function show(id) {
+      [...document.querySelectorAll('table')].forEach((table, index) => {
+        table.style.display = index === id ? 'block': 'none'
+      });
+      [...document.querySelectorAll('.navbar-nav .nav-item .nav-link')].forEach((link, index) => {
+        if (index === id) { link.classList.add('active') } else link.classList.remove('active');
+      });
+    }
     function cleanup() {
       const currentLimit = parseInt(document.getElementById('limit').value)
-      while (currentLimit && document.getElementById('logs').childNodes.length && 
-      document.getElementById('logs').childNodes.length > currentLimit) {
-        [...document.getElementById('logs').childNodes].slice(-1)[0].remove();
+      for (let table of ['access', 'proxy']) {
+        while (currentLimit && document.getElementById(table).childNodes.length && 
+        document.getElementById(table).childNodes.length > currentLimit) {
+          [...document.getElementById(table).childNodes].slice(-1)[0].remove();
+        }
       }
     }
     function replay(event) {
@@ -586,25 +642,8 @@ const logsPage = (proxyHostnameAndPort: string): ClientHttp2Session =>
       });
     }
     window.addEventListener("DOMContentLoaded", start);
-    </script>
-    <style type="text/css">
-    pre {
-      background-color: ghostwhite;
-      border: 1px solid silver;
-      padding: 10px 20px;
-      margin: 20px; 
-      }
-   .json-key {
-      color: brown;
-      }
-   .json-value {
-      color: navy;
-      }
-   .json-string {
-      color: olive;
-      }
-    </style>
-    </body></html>`;
+</script>
+</body></html>`;
         resolve(void 0);
       });
     },
@@ -925,6 +964,7 @@ const start = () => {
           );
           return;
         }
+        const randomId = randomBytes(20).toString("hex");
         const targetHost = target.host.replace(RegExp(/\/+$/), "");
         const targetPrefix = target.href.substring(
           "https://".length + target.host.length,
@@ -937,6 +977,7 @@ const start = () => {
         );
 
         // phase: connection
+        const startTime = hrtime.bigint();
         let error: Buffer = null;
         let http2IsSupported = !config.dontUseHttp2Downstream;
         const outboundRequest: ClientHttp2Session =
@@ -1183,6 +1224,7 @@ const start = () => {
           protocol: http2IsSupported ? "HTTP/2" : "HTTP1.1",
           method: inboundRequest.method,
           path: fullPath,
+          randomId,
           uniqueHash: Buffer.from(
             JSON.stringify({
               method: inboundRequest.method,
@@ -1319,10 +1361,12 @@ const start = () => {
         } catch (e) {
           // ERR_HTTP2_HEADERS_SENT
         }
-        inboundResponse.writeHead(
+        const statusCode =
           outboundResponseHeaders[":status"] ||
-            outboundHttp1Response.statusCode ||
-            200,
+          outboundHttp1Response.statusCode ||
+          200;
+        inboundResponse.writeHead(
+          statusCode,
           config.ssl
             ? undefined // statusMessage is discarded in http/2
             : outboundHttp1Response.statusMessage || "Status read from http/2",
@@ -1330,6 +1374,13 @@ const start = () => {
         );
         if (payload) inboundResponse.end(payload);
         else inboundResponse.end();
+        const endTime = hrtime.bigint();
+
+        notifyLogsListener({
+          randomId,
+          statusCode,
+          duration: Math.floor(Number(endTime - startTime) / 1000000),
+        });
       },
     ) as Server
   )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "local-traffic",
-  "version": "0.0.52",
+  "version": "0.0.54",
   "main": "index.ts",
   "private": false,
   "keywords": [
@@ -24,7 +24,7 @@
     "build": "npm run clean && npm run typescript && npm run terser && npm run shebang && npm run chmod"
   },
   "devDependencies": {
-    "@types/node": "^18.15.11",
+    "@types/node": "^18.15.12",
     "terser": "^5.17.1",
     "typescript": "^5.0.4"
   },