local-traffic 0.0.45 → 0.0.47

package/dist/localTraffic.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=require("http2"),t=require("http"),r=require("https"),o=require("url"),n=require("fs"),s=require("zlib"),a=require("path");var i,l;!function(e){e[e.ERROR=124]="ERROR",e[e.INFO=93]="INFO",e[e.WARNING=172]="WARNING"}(i||(i={})),function(e){e.INBOUND="↘️ ",e.PORT="☎️ ",e.OUTBOUND="↗️ ",e.RULES="🔗",e.BODY_REPLACEMENT="✒️ ",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="☠️ "}(l||(l={}));const p=(0,a.resolve)(process.env.HOME,".local-traffic.json"),c=(0,a.resolve)(process.cwd(),process.argv.slice(-1)[0].endsWith(".json")?process.argv.slice(-1)[0]:p),d={mapping:{},port:8080,replaceResponseBodyUrls:!1,dontUseHttp2Downstream:!1,simpleLogs:!1,websocket:!1,disableWebSecurity:!1};let h,u;const m=(e,t,r)=>{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?"":""}`})(h?.simpleLogs)} ${h?.simpleLogs?e.replace(/⎸/g,"|").replace(/⎹/g,"|").replace(/\u001b\[[^m]*m/g,"").replace(new RegExp(l.INBOUND,"g"),"inbound:").replace(new RegExp(l.PORT,"g"),"port:").replace(new RegExp(l.OUTBOUND,"g"),"outbound:").replace(new RegExp(l.RULES,"g"),"rules:").replace(new RegExp(l.NO,"g"),"").replace(new RegExp(l.BODY_REPLACEMENT,"g"),"body replacement").replace(new RegExp(l.WEBSOCKET,"g"),"websocket").replace(new RegExp(l.SHIELD,"g"),"content-security").replace(/\|+/g,"|"):t?`[48;5;${t}m⎸    ${process.stdout.isTTY&&r||""}  ${e.padEnd(40)} ⎹`:e}`)},g=e=>{m(`⎸${l.PORT} ${e.port.toString().padStart(5)} ⎸${l.INBOUND} ${e.ssl?"H/2 ":"H1.1"} ⎸${l.OUTBOUND} ${e.dontUseHttp2Downstream?"H1.1":"H/2 "}⎹⎸${l.RULES}${Object.keys(h.mapping).length.toString().padStart(3)}⎹⎸${h.replaceResponseBodyUrls?l.BODY_REPLACEMENT:l.NO}⎹⎸${h.websocket?l.WEBSOCKET:l.NO}⎹⎸${h.simpleLogs?l.NO:l.COLORED}⎹⎸${h.disableWebSecurity?l.NO:l.SHIELD}⎹`)},R=async(e=!0)=>new Promise((t=>(0,n.readFile)(c,((r,o)=>{r&&!e&&m("config error. Using default value",i.ERROR,l.ERROR_1);try{h=Object.assign({},d,JSON.parse((o||"{}").toString()))}catch(e){return m("config syntax incorrect, aborting",i.ERROR,l.ERROR_2),h=h||{...d},void t(h)}h.mapping[""]||m('default mapping "" not provided.',i.WARNING,l.ERROR_3),r&&"ENOENT"===r.code&&e&&c===p?(0,n.writeFile)(c,JSON.stringify(d),(e=>{e?m("config file NOT created",i.ERROR,l.ERROR_4):m("config file created",i.INFO,l.COLORED),t(h)})):t(h)})))).then((()=>{e&&(0,n.watchFile)(c,f)})),f=async()=>{const e={...h};return await R(!1),isNaN(h.port)||h.port>65535||h.port<0?(h=e,void m("port number invalid. Not refreshing",i.ERROR,l.PORT)):"object"!=typeof h.mapping?(h=e,void m("mapping should be an object. Aborting",i.ERROR,l.ERROR_5)):(h.replaceResponseBodyUrls!==e.replaceResponseBodyUrls&&m(`response body url ${h.replaceResponseBodyUrls?"":"NO "}replacement`,i.INFO,l.BODY_REPLACEMENT),h.dontUseHttp2Downstream!==e.dontUseHttp2Downstream&&m(`http/2 ${h.dontUseHttp2Downstream?"de":""}activated downstream`,i.INFO,l.OUTBOUND),h.disableWebSecurity!==e.disableWebSecurity&&m(`content security ${h.disableWebSecurity?"de":""}activated`,i.INFO,l.SHIELD),h.websocket!==e.websocket&&m(`websocket ${h.websocket?"":"de"}activated`,i.INFO,l.WEBSOCKET),h.simpleLogs!==e.simpleLogs&&m("simple logs "+(h.simpleLogs?"on":"off"),i.INFO,l.COLORED),Object.keys(h.mapping).join("\n")!==Object.keys(e.mapping).join("\n")&&m(`${Object.keys(h.mapping).length.toString().padStart(5)} loaded mapping rules`,i.INFO,l.RULES),h.port!==e.port&&m(`port changed from ${e.port} to ${h.port}`,i.INFO,l.PORT),h.ssl&&!e.ssl&&m("ssl configuration added",i.INFO,l.INBOUND),!h.ssl&&e.ssl&&m("ssl configuration removed",i.INFO,l.INBOUND),void(h.port!==e.port||JSON.stringify(h.ssl)!==JSON.stringify(e.ssl)?(await new Promise((e=>u?u.close(e):e(void 0))),v()):g(h)))},$=e=>""==e?"":(0,a.normalize)(e).replace(/\\/g,"/"),O=e=>{const t=(0,a.resolve)("/",e.hostname,...e.pathname.replace(/[?#].*$/,"").replace(/^\/+/,"").split("/"));return{error:null,data:null,hasRun:!1,run:function(){return this.hasRun?Promise.resolve():new Promise((r=>(0,n.readFile)(t,((o,s)=>{if(this.hasRun=!0,!o||"EISDIR"!==o.code)return this.error=o,this.data=s,void r(void 0);(0,n.readdir)(t,((t,o)=>{this.error=t,this.data=o,t?r(void 0):Promise.all(o.map((t=>new Promise((r=>(0,n.lstat)((0,a.resolve)(e.pathname,t),((e,o)=>r([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=`${w(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>`,r(void 0)}))}))}))))},events:{},on:function(e,r){return this.events[e]=r,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}}},w=(e,t,r)=>`<!doctype html>\n<html lang="en">\n<head>\n<title>&#x${e.toString(16)}; local-traffic ${t} | ${r}</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/>`,b=(e,t,r,o)=>`${w(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>${r}</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>`,y=(e,t,r)=>{t.writeHead(e,void 0,{"content-type":"text/html","content-length":r.length}),t.end(r)},E=e=>{const t=(e.headers[":authority"]?.toString()??e.headers.host??"localhost").replace(/:.*/,""),r=e.headers[":authority"]||`${e.headers.host}${e.headers.host.match(/:[0-9]+$/)?"":80!==h.port||h.ssl?443===h.port&&h.ssl?"":`:${h.port}`:""}`,n=new o.URL(`http${h.ssl?"s":""}://${r}${e.url}`),s=n.href.substring(n.origin.length),[a,i]=Object.entries({...Object.assign({},...Object.entries(h.mapping).map((([e,t])=>({[e]:new o.URL($(t))}))))}).find((([e])=>s.match(RegExp(e.replace(/^\//,"^/")))))||[];return{proxyHostname:t,proxyHostnameAndPort:r,url:n,path:s,key:a,target:i}},v=()=>{u=(h.ssl?e.createSecureServer.bind(null,{...h.ssl,allowHTTP1:!0}):t.createServer)((async(n,a)=>{if(!n.headers.host&&!n.headers[":authority"])return void y(400,a,Buffer.from(b(new Error("client must supply a 'host' header"),"proxy",new o.URL(`http${h.ssl?"s":""}://unknowndomain${n.url}`))));const{proxyHostname:i,proxyHostnameAndPort:l,url:p,path:d,key:u,target:m}=E(n);if(!m)return void y(502,a,Buffer.from(b(new Error(`No mapping found in config file ${c}`),"proxy",p)));const g=m.host.replace(RegExp(/\/+$/),""),R=`${m.href.substring("https://".length+m.host.length)}${$(d.replace(RegExp($(u)),""))}`.replace(/^\/*/,"/"),f=new o.URL(`${m.protocol}//${g}${R}`);let w=null,v=!h.dontUseHttp2Downstream;const N="file:"===m.protocol?O(f):v?await Promise.race([new Promise((t=>{const r=(0,e.connect)(f,{rejectUnauthorized:!1,protocol:m.protocol},((e,o)=>{v=v&&!!o.alpnProtocol,t(v?r:null)}));r.on("error",(e=>{w=v&&Buffer.from(b(e,"connection",p,f))}))})),new Promise((e=>setTimeout((()=>{v=!1,e(null)}),3e3)))]):null;w instanceof Buffer||(w=null);const S={...[...Object.entries(n.headers)].filter((([e])=>!["host","connection","keep-alive"].includes(e.toLowerCase()))).reduce(((e,[t,r])=>(e[t]=(e[t]||"")+(Array.isArray(r)?r:[r]).map((e=>e.replace(p.hostname,g))).join(", "),e)),{}),origin:m.href,referer:f.toString(),":authority":g,":method":n.method,":path":R,":scheme":m.protocol.replace(":","")},U=N&&!w&&N.request(S,{endStream:h.ssl?!(n?.stream?.readableLength??1):!n.readableLength});U?.on("error",(e=>{const t=-505===e.errno;w=Buffer.from(b(e,"stream"+(t?" (error -505 usually means that the downstream service does not support this http version)":""),p,f))}));const L={hostname:m.hostname,path:R,port:m.port,protocol:m.protocol,rejectUnauthorized:!1,method:n.method,headers:{...Object.assign({},...Object.entries(S).filter((([e])=>!e.startsWith(":")&&"transfer-encoding"!==e.toLowerCase())).map((([e,t])=>({[e]:t})))),host:m.hostname}},B=!w&&!v&&"file:"!==m.protocol&&await new Promise((e=>{const o="https:"===m.protocol?(0,r.request)(L,e):(0,t.request)(L,e);o.on("error",(t=>{w=Buffer.from(b(t,"request",p,f)),e(null)})),n.on("data",(e=>o.write(e))),n.on("end",(()=>o.end()))}));if(w)return void y(502,a,w);w=null,h.ssl&&n.stream&&n.stream.readableLength&&U&&(n.stream.on("data",(e=>U.write(e))),n.stream.on("end",(()=>U.end()))),!h.ssl&&n.readableLength&&U&&(n.on("data",(e=>U.write(e))),n.on("end",(()=>U.end())));const{outboundResponseHeaders:j}=await new Promise((e=>U?U.on("response",(t=>{e({outboundResponseHeaders:t})})):e(!U&&B?{outboundResponseHeaders:B.headers}:{outboundResponseHeaders:{}}))),x=j.location?new o.URL(j.location.startsWith("/")?`${m.href}${j.location.replace(/^\/+/,"")}`:j.location):null,D=x?x.href.substring(x.origin.length):null,T=p.origin,H=x?`${T}${D}`:null,P=U||B,I=w??await new Promise((e=>{let t=Buffer.alloc(0);P?(P.on("data",(e=>t=Buffer.concat([t,"string"==typeof e?Buffer.from(e):e]))),P.on("end",(()=>{e(t)}))):e(t)})).then((e=>h.replaceResponseBodyUrls&&e.length?(j["content-encoding"]||"").split(",").reduce((async(e,t)=>{const r=t.trim().toLowerCase(),o="gzip"===r||"x-gzip"===r?s.gunzip:"deflate"===r?s.inflate:"br"===r?s.brotliDecompress:"identity"===r||""===r?(e,t)=>{t(null,e)}:null;if(null===o)return void y(502,a,Buffer.from(b(new Error(`${r} compression not supported by the proxy`),"stream",p,f)));const n=await e;return await new Promise((e=>o(n,((t,r)=>{if(t)return y(502,a,Buffer.from(b(t,"stream",p,f))),void e(Buffer.from(""));e(r)}))))}),Promise.resolve(e)).then((e=>{const t=e.length>1e7,r=["text/html","application/javascript","application/json"].some((e=>(j["content-type"]??"").includes(e)));return!t&&(r||!/[^\x00-\x7F]/.test(e.toString()))?h.replaceResponseBodyUrls?Object.entries(h.mapping).reduce(((e,[t,r])=>""===t||t.match(/^[-a-zA-Z0-9()@:%_\+.~#?&//=]*$/)?e.replace(new RegExp(r.replace(/^file:\/\//,"").replace(/[*+?^${}()|[\]\\]/g,"").replace(/^https/,"https?")+"/*","ig"),`https://${l}${t.replace(/\/+$/,"")}/`):e),e.toString()).split(`${l}/:`).join(`${l}:`).replace(/\?protocol=wss?%3A&hostname=[^&]+&port=[0-9]+&pathname=/g,`?protocol=ws${h.ssl?"s":""}%3A&hostname=${i}&port=${h.port}&pathname=${encodeURIComponent(u.replace(/\/+$/,""))}`):e.toString():e})).then((e=>(j["content-encoding"]||"").split(",").reduce(((e,t)=>{const r=t.trim().toLowerCase(),o="gzip"===r||"x-gzip"===r?s.gzip:"deflate"===r?s.deflate:"br"===r?s.brotliCompress:"identity"===r||""===r?(e,t)=>{t(null,e)}:null;if(null===o)throw new Error(`${r} compression not supported by the proxy`);return e.then((e=>new Promise((t=>o(e,((e,r)=>{if(e)throw e;t(r)}))))))}),Promise.resolve(Buffer.from(e))))):e)),C={...Object.entries({...j,...h.replaceResponseBodyUrls?{"content-length":`${I.byteLength}`}:{},...h.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,r])=>{const o=g.split("").map(((e,t)=>g.substring(t).startsWith(".")&&g.substring(t))).filter((e=>e)),n=[g].concat(o).reduce(((e,t)=>(Array.isArray(e)?e:[e]).map((e=>"string"==typeof e?e.replace(`Domain=${t}`,`Domain=${p.hostname}`):e))),r);return e[t]=(e[t]||[]).concat(n),e}),{}),...H?{location:[H]}:{}};try{Object.entries(C).forEach((([e,t])=>t&&a.setHeader(e,t)))}catch(e){}a.writeHead(j[":status"]||B.statusCode||200,h.ssl?void 0:B.statusMessage||"Status read from http/2",C),I?a.end(I):a.end()})).addListener("error",(e=>{"EACCES"===e.code&&m("permission denied for this port",i.ERROR,l.NO),"EADDRINUSE"===e.code&&m("port is already used. NOT started",i.ERROR,l.ERROR_6)})).addListener("listening",(()=>{g(h)})).on("upgrade",((e,n)=>{if(!h.websocket)return void n.end("HTTP/1.1 503 Service Unavailable\r\n\r\n");const{key:s,target:a}=E(e),p=new o.URL(`${a.protocol}//${a.host}${e.url.endsWith("/_next/webpack-hmr")?e.url:e.url.replace(new RegExp(`^${s}`,"g"),"").replace(/^\/*/,"/")}`),c={hostname:p.hostname,path:p.pathname,port:p.port,protocol:p.protocol,rejectUnauthorized:!1,method:e.method,headers:e.headers,host:p.hostname},d="https:"===p.protocol?(0,r.request)(c):(0,t.request)(c);d.end(),d.on("error",(e=>{m("websocket request has errored "+(e.errno?`(${e.errno})`:""),i.WARNING,l.WEBSOCKET)})),d.on("upgrade",((e,t)=>{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`;n.write(r),n.allowHalfOpen=!0,t.allowHalfOpen=!0,t.on("data",(e=>n.write(e))),n.on("data",(e=>t.write(e))),t.on("error",(e=>{m("downstream socket has errored "+(e.errno?`(${e.errno})`:""),i.WARNING,l.WEBSOCKET)})),n.on("error",(e=>{m("upstream socket has errored "+(e.errno?`(${e.errno})`:""),i.WARNING,l.WEBSOCKET)}))}))})).listen(h.port)};R().then(v);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=require("http2"),t=require("http"),r=require("https"),n=require("url"),o=require("fs"),s=require("zlib"),a=require("path"),i=require("crypto");var l,c,p;!function(e){e[e.ERROR=124]="ERROR",e[e.INFO=93]="INFO",e[e.WARNING=172]="WARNING"}(l||(l={})),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="☠️ "}(c||(c={})),function(e){e.INBOUND="INBOUND",e.OUTBOUND="OUTBOUND"}(p||(p={}));const d=(0,a.resolve)(process.env.HOME,".local-traffic.json"),u=(0,a.resolve)(process.cwd(),process.argv.slice(-1)[0].endsWith(".json")?process.argv.slice(-1)[0]:d),h={mapping:{},port:8080,replaceRequestBodyUrls:!1,replaceResponseBodyUrls:!1,dontUseHttp2Downstream:!1,simpleLogs:!1,websocket:!1,disableWebSecurity:!1};let m,g,f=[];const y=e=>e===l.ERROR?"error":e===l.WARNING?"warning":"info",R=(e,t,r)=>{const n=m?.simpleLogs||f.length?e.replace(/⎸/g,"|").replace(/⎹/g,"|").replace(/\u001b\[[^m]*m/g,"").replace(new RegExp(c.INBOUND,"g"),"inbound:").replace(new RegExp(c.PORT,"g"),"port:").replace(new RegExp(c.OUTBOUND,"g"),"outbound:").replace(new RegExp(c.RULES,"g"),"rules:").replace(new RegExp(c.NO,"g"),"").replace(new RegExp(c.REWRITE,"g"),"+rewrite").replace(new RegExp(c.WEBSOCKET,"g"),"websocket").replace(new RegExp(c.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?"":""}`})(m?.simpleLogs)} ${m?.simpleLogs?n:t?`[48;5;${t}m⎸    ${process.stdout.isTTY&&r||""}  ${e.padEnd(40)} ⎹`:e}`),b({logEvent:n,level:y(t)})},b=e=>{if(!f.length)return;const t=JSON.stringify(e),r=Array(4).fill(0).map((()=>Math.floor(256*Math.random()))),n=[...t.substring(0,65536)].map(((e,t)=>e.charCodeAt(0)^r[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(r).buffer),i=Buffer.from(Int8Array.from(n).buffer),l=Buffer.concat([s,a,i]);f.forEach((e=>{try{e.write(l)}catch(e){}}))},w=e=>{R(`⎸${c.PORT} ${e.port.toString().padStart(5)} ⎸${c.INBOUND} ${e.ssl?"H/2 ":"H1.1"}${e.replaceRequestBodyUrls?c.REWRITE:"  "}⎹⎸${c.OUTBOUND} ${e.dontUseHttp2Downstream?"H1.1":"H/2 "}${e.replaceResponseBodyUrls?c.REWRITE:"  "}⎹⎸${c.RULES}${Object.keys(m.mapping).length.toString().padStart(3)}⎹⎸${m.websocket?c.WEBSOCKET:c.NO}⎹⎸${m.simpleLogs?c.NO:c.COLORED}⎹⎸${m.disableWebSecurity?c.NO:c.SHIELD}⎹`)},O=async(e=!0)=>new Promise((t=>(0,o.readFile)(u,((r,n)=>{r&&!e&&R("config error. Using default value",l.ERROR,c.ERROR_1);try{m=Object.assign({},h,JSON.parse((n||"{}").toString()))}catch(e){return R("config syntax incorrect, aborting",l.ERROR,c.ERROR_2),m=m||{...h},void t(m)}m.mapping[""]||R('default mapping "" not provided.',l.WARNING,c.ERROR_3),r&&"ENOENT"===r.code&&e&&u===d?(0,o.writeFile)(u,JSON.stringify(h),(e=>{e?R("config file NOT created",l.ERROR,c.ERROR_4):R("config file created",l.INFO,c.COLORED),t(m)})):t(m)})))).then((()=>{e&&(0,o.watchFile)(u,$)})),$=async()=>{const e={...m};return await O(!1),isNaN(m.port)||m.port>65535||m.port<0?(m=e,void R("port number invalid. Not refreshing",l.ERROR,c.PORT)):"object"!=typeof m.mapping?(m=e,void R("mapping should be an object. Aborting",l.ERROR,c.ERROR_5)):(m.replaceRequestBodyUrls!==e.replaceRequestBodyUrls&&R(`request body url ${m.replaceRequestBodyUrls?"":"NO "}rewriting`,l.INFO,c.REWRITE),m.replaceResponseBodyUrls!==e.replaceResponseBodyUrls&&R(`response body url ${m.replaceResponseBodyUrls?"":"NO "}rewriting`,l.INFO,c.REWRITE),m.dontUseHttp2Downstream!==e.dontUseHttp2Downstream&&R(`http/2 ${m.dontUseHttp2Downstream?"de":""}activated downstream`,l.INFO,c.OUTBOUND),m.disableWebSecurity!==e.disableWebSecurity&&R(`web security ${m.disableWebSecurity?"de":""}activated`,l.INFO,c.SHIELD),m.websocket!==e.websocket&&R(`websocket ${m.websocket?"":"de"}activated`,l.INFO,c.WEBSOCKET),m.simpleLogs!==e.simpleLogs&&R("simple logs "+(m.simpleLogs?"on":"off"),l.INFO,c.COLORED),Object.keys(m.mapping).join("\n")!==Object.keys(e.mapping).join("\n")&&R(`${Object.keys(m.mapping).length.toString().padStart(5)} loaded mapping rules`,l.INFO,c.RULES),m.port!==e.port&&R(`port changed from ${e.port} to ${m.port}`,l.INFO,c.PORT),m.ssl&&!e.ssl&&R("ssl configuration added",l.INFO,c.INBOUND),!m.ssl&&e.ssl&&R("ssl configuration removed",l.INFO,c.INBOUND),void(m.port!==e.port||JSON.stringify(m.ssl)!==JSON.stringify(e.ssl)?(await new Promise((e=>g?g.close(e):e(void 0))),R("restarting server",l.INFO,c.RESTART),I()):w(m)))},v=e=>""==e?"":(0,a.normalize)(e).replace(/\\/g,"/"),E=e=>{const t=(0,a.resolve)("/",e.hostname,...e.pathname.replace(/[?#].*$/,"").replace(/^\/+/,"").split("/"));return{error:null,data:null,hasRun:!1,run:function(){return this.hasRun?Promise.resolve():new Promise((r=>(0,o.readFile)(t,((n,s)=>{if(this.hasRun=!0,!n||"EISDIR"!==n.code)return this.error=n,this.data=s,void r(void 0);(0,o.readdir)(t,((t,n)=>{this.error=t,this.data=n,t?r(void 0):Promise.all(n.map((t=>new Promise((r=>(0,o.lstat)((0,a.resolve)(e.pathname,t),((e,n)=>r([t,n,e])))))))).then((t=>{const n=t.filter((e=>!e[2]&&e[1].isDirectory())).concat(t.filter((e=>!e[2]&&e[1].isFile())));this.data=`${S(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>${n.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>`,r(void 0)}))}))}))))},events:{},on:function(e,r){return this.events[e]=r,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}}},N=e=>({error:null,data:null,run:function(){return new Promise((t=>{this.data=`${S(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${m.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('beforeend', '<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[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}}),S=(e,t,r)=>`<!doctype html>\n<html lang="en">\n<head>\n<title>&#x${e.toString(16)}; local-traffic ${t} | ${r}</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/>`,B=(e,t,r,n)=>`${S(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>${r}</td>\n    </tr>\n    <tr>\n      <td>downstream URL</td>\n      <td>${n||"&lt;no-target-url&gt;"}</td>\n    </tr>\n  </tbody>\n</table>\n</div></body></html>`,U=async(e,t,r)=>(t["content-encoding"]?.toString()??"").split(",").reduce((async(e,t)=>{const r=t.trim().toLowerCase(),n="gzip"===r||"x-gzip"===r?s.gunzip:"deflate"===r?s.inflate:"br"===r?s.brotliDecompress:"identity"===r||""===r?(e,t)=>{t(null,e)}:null;if(null===n)throw new Error(`${r} compression not supported by the proxy`);const o=await e;return await new Promise(((e,t)=>n(o,((r,n)=>{r&&t(r),e(n)}))))}),Promise.resolve(e)).then((e=>{const n=e.length>1e7,o=["text/html","application/javascript","application/json"].some((e=>(t["content-type"]??"").toString().includes(e)));return!n&&(o||!/[^\x00-\x7F]/.test(e.toString()))?m.replaceResponseBodyUrls?Object.entries(m.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${m.ssl?"s":""}://${r.proxyHostnameAndPort}${t.replace(/\/+$/,"")}/`):e.split(`http${m.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${m.ssl?"s":""}%3A&hostname=${r.proxyHostname}&port=${m.port}&pathname=${encodeURIComponent(r.key.replace(/\/+$/,""))}`):e.toString():e})).then((e=>(t["content-encoding"]?.toString()??"").split(",").reduce(((e,t)=>{const r=t.trim().toLowerCase(),n="gzip"===r||"x-gzip"===r?s.gzip:"deflate"===r?s.deflate:"br"===r?s.brotliCompress:"identity"===r||""===r?(e,t)=>{t(null,e)}:null;if(null===n)throw new Error(`${r} compression not supported by the proxy`);return e.then((e=>new Promise((t=>n(e,((e,r)=>{if(e)throw e;t(r)}))))))}),Promise.resolve(Buffer.from(e))))),x=(e,t,r)=>{t.writeHead(e,void 0,{"content-type":"text/html","content-length":r.length}),t.end(r)},H=e=>{const t=(e.headers[":authority"]?.toString()??e.headers.host??"localhost").replace(/:.*/,""),r=e.headers[":authority"]||`${e.headers.host}${e.headers.host.match(/:[0-9]+$/)?"":80!==m.port||m.ssl?443===m.port&&m.ssl?"":`:${m.port}`:""}`,o=new n.URL(`http${m.ssl?"s":""}://${r}${e.url}`),s=o.href.substring(o.origin.length),[a,i]=Object.entries({...Object.assign({},...Object.entries(m.mapping).map((([e,t])=>({[e]:new n.URL(v(t))}))))}).find((([e])=>s.match(RegExp(e.replace(/^\//,"^/")))))||[];return{proxyHostname:t,proxyHostnameAndPort:r,url:o,path:s,key:a,target:i}},I=()=>{g=(m.ssl?e.createSecureServer.bind(null,{...m.ssl,allowHTTP1:!0}):t.createServer)((async(o,s)=>{if(!o.headers.host&&!o.headers[":authority"])return void x(400,s,Buffer.from(B(new Error("client must supply a 'host' header"),"proxy",new n.URL(`http${m.ssl?"s":""}://unknowndomain${o.url}`))));const{proxyHostname:a,proxyHostnameAndPort:i,url:l,path:c,key:d,target:h}=H(o);if(!h)return void x(502,s,Buffer.from(B(new Error(`No mapping found in config file ${u}`),"proxy",l)));const g=h.host.replace(RegExp(/\/+$/),""),y=`${h.href.substring("https://".length+h.host.length)}${v(c.replace(RegExp(v(d)),""))}`.replace(/^\/*/,"/"),R=new n.URL(`${h.protocol}//${g}${y}`);let w=null,O=!m.dontUseHttp2Downstream;const $="file:"===h.protocol?E(R):"logs:"===h.protocol?N(i):O?await Promise.race([new Promise((t=>{const r=(0,e.connect)(R,{rejectUnauthorized:!1,protocol:h.protocol},((e,n)=>{O=O&&!!n.alpnProtocol,t(O?r:null)}));r.on("error",(e=>{w=O&&Buffer.from(B(e,"connection",l,R))}))})),new Promise((e=>setTimeout((()=>{O=!1,e(null)}),3e3)))]):null;w instanceof Buffer||(w=null);const S=o?.readableLength,I=o?.stream?.readableLength;let T=null;const j=m.replaceRequestBodyUrls||f.length;if(j){const e=o?.stream??o;let t=Buffer.from([]);await new Promise((r=>{0===I&&r(void 0),e.on("data",(e=>{t=Buffer.concat([t,e])})),e.on("end",r),e.on("error",r)})),T=await U(t,o.headers,{proxyHostnameAndPort:i,proxyHostname:a,key:d,direction:p.OUTBOUND})}const D={...[...Object.entries(o.headers)].filter((([e])=>!["host","connection","keep-alive"].includes(e.toLowerCase()))).reduce(((e,[t,r])=>(e[t]=(e[t]||"")+(Array.isArray(r)?r:[r]).map((e=>e.replace(l.hostname,g))).join(", "),e)),{}),origin:h.href,referer:R.toString(),"content-length":T?.length??o.headers["content-length"]??0,":authority":g,":method":o.method,":path":y,":scheme":h.protocol.replace(":","")},L=$&&!w&&$.request(D,{endStream:m.ssl?!(I??1):!S});L?.on("error",(e=>{const t=-505===e.errno;w=Buffer.from(B(e,"stream"+(t?" (error -505 usually means that the downstream service does not support this http version)":""),l,R))}));const A={hostname:h.hostname,path:y,port:h.port,protocol:h.protocol,rejectUnauthorized:!1,method:o.method,headers:{...Object.assign({},...Object.entries(D).filter((([e])=>!e.startsWith(":")&&"transfer-encoding"!==e.toLowerCase())).map((([e,t])=>({[e]:t})))),host:h.hostname}},k=!w&&!O&&!["file:","logs:"].includes(h.protocol)&&await new Promise((e=>{const n="https:"===h.protocol?(0,r.request)(A,e):(0,t.request)(A,e);n.on("error",(t=>{w=Buffer.from(B(t,"request",l,R)),e(null)})),j&&(n.write(T),n.end()),j||(o.on("data",(e=>n.write(e))),o.on("end",(()=>n.end())))}));if(w)return void x(502,s,w);w=null,m.ssl&&I&&L&&(j&&(L.write(T),L.end()),j||(o.stream.on("data",(e=>{L.write(e)})),o.stream.on("end",(()=>L.end())))),!m.ssl&&S&&L&&(j&&(L.write(T),L.end()),j||(o.on("data",(e=>{L.write(e)})),o.on("end",(()=>L.end()))));const{outboundResponseHeaders:q}=await new Promise((e=>L?L.on("response",(t=>{e({outboundResponseHeaders:t})})):e(!L&&k?{outboundResponseHeaders:k.headers}:{outboundResponseHeaders:{}})));b({level:"info",protocol:O?"HTTP/2":"HTTP1.1",method:o.method,path:y,uniqueHash:Buffer.from(JSON.stringify({method:o.method,url:o.url,headers:Object.fromEntries(Object.entries(o.headers).filter((([e])=>!e.startsWith(":")))),body:T?.toJSON()})).toString("base64")});const P=q.location?new n.URL(q.location.startsWith("/")?`${h.href}${q.location.replace(/^\/+/,"")}`:q.location):null,W=P?P.href.substring(P.origin.length):null,C=l.origin,F=P?`${C}${W}`:null,_=L||k,M=w??await new Promise((e=>{let t=Buffer.alloc(0);_?(_.on("data",(e=>t=Buffer.concat([t,"string"==typeof e?Buffer.from(e):e]))),_.on("end",(()=>{e(t)}))):e(t)})).then((e=>m.replaceResponseBodyUrls&&e.length?U(e,q,{proxyHostnameAndPort:i,proxyHostname:a,key:d,direction:p.INBOUND}).catch((e=>(x(502,s,Buffer.from(B(e,"stream",l,R))),Buffer.from("")))):e)),z={...Object.entries({...q,...m.replaceResponseBodyUrls?{"content-length":`${M.byteLength}`}:{},...m.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,r])=>{const n=g.split("").map(((e,t)=>g.substring(t).startsWith(".")&&g.substring(t))).filter((e=>e)),o=[g].concat(n).reduce(((e,t)=>(Array.isArray(e)?e:[e]).map((e=>"string"==typeof e?e.replace(`Domain=${t}`,`Domain=${l.hostname}`):e))),r);return e[t]=(e[t]||[]).concat(o),e}),{}),...F?{location:[F]}:{}};try{Object.entries(z).forEach((([e,t])=>t&&s.setHeader(e,t)))}catch(e){}s.writeHead(q[":status"]||k.statusCode||200,m.ssl?void 0:k.statusMessage||"Status read from http/2",z),M?s.end(M):s.end()})).addListener("error",(e=>{"EACCES"===e.code&&R("permission denied for this port",l.ERROR,c.NO),"EADDRINUSE"===e.code&&R("port is already used. NOT started",l.ERROR,c.ERROR_6)})).addListener("listening",(()=>{w(m)})).on("upgrade",((e,o)=>{if(!m.websocket)return void o.end("HTTP/1.1 503 Service Unavailable\r\n\r\n");const{key:s,target:a,path:p}=H(e);if("/local-traffic-logs"===p){const t=(0,i.createHash)("sha1");t.update(e.headers["sec-websocket-key"]+"258EAFA5-E914-47DA-95CA-C5AB0DC85B11");const r=t.digest("base64");return o.allowHalfOpen=!0,o.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`),o.on("close",(()=>{f=f.filter((e=>o!==e))})),void f.push(o)}const d=new n.URL(`${a.protocol}//${a.host}${e.url.endsWith("/_next/webpack-hmr")?e.url:e.url.replace(new RegExp(`^${s}`,"g"),"").replace(/^\/*/,"/")}`),u={hostname:d.hostname,path:d.pathname,port:d.port,protocol:d.protocol,rejectUnauthorized:!1,method:e.method,headers:e.headers,host:d.hostname},h="https:"===d.protocol?(0,r.request)(u):(0,t.request)(u);h.end(),h.on("error",(e=>{R("websocket request has errored "+(e.errno?`(${e.errno})`:""),l.WARNING,c.WEBSOCKET)})),h.on("upgrade",((e,t)=>{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`;o.write(r),o.allowHalfOpen=!0,t.allowHalfOpen=!0,t.on("data",(e=>o.write(e))),o.on("data",(e=>t.write(e))),t.on("error",(e=>{R("downstream socket has errored "+(e.errno?`(${e.errno})`:""),l.WARNING,c.WEBSOCKET)})),o.on("error",(e=>{R("upstream socket has errored "+(e.errno?`(${e.errno})`:""),l.WARNING,c.WEBSOCKET)}))}))})).listen(m.port)};O().then(I);

package/index.ts

@@ -32,7 +32,8 @@ import {
   brotliDecompress,
 } from "zlib";
 import { resolve, normalize } from "path";
-import type { Duplex } from "stream";
+import { createHash } from "crypto";
+import type { Duplex, Readable } from "stream";
 
 type ErrorWithErrno = NodeJS.ErrnoException;
 
@@ -47,7 +48,8 @@ enum EMOJIS {
   PORT = "☎️ ",
   OUTBOUND = "↗️ ",
   RULES = "🔗",
-  BODY_REPLACEMENT = "✒️ ",
+  REWRITE = "✒️ ",
+  RESTART = "🔄",
   WEBSOCKET = "☄️ ",
   COLORED = "✨",
   SHIELD = "🛡️ ",
@@ -60,10 +62,16 @@ enum EMOJIS {
   ERROR_6 = "☠️ ",
 }
 
+enum REPLACEMENT_DIRECTION {
+  INBOUND = "INBOUND",
+  OUTBOUND = "OUTBOUND",
+}
+
 interface LocalConfiguration {
   mapping?: { [subPath: string]: string };
   ssl?: SecureServerOptions;
   port?: number;
+  replaceRequestBodyUrls?: boolean;
   replaceResponseBodyUrls?: boolean;
   dontUseHttp2Downstream?: boolean;
   simpleLogs?: boolean;
@@ -81,6 +89,7 @@ const filename = resolve(
 const defaultConfig: LocalConfiguration = {
   mapping: {},
   port: 8080,
+  replaceRequestBodyUrls: false,
   replaceResponseBodyUrls: false,
   dontUseHttp2Downstream: false,
   simpleLogs: false,
@@ -90,6 +99,7 @@ const defaultConfig: LocalConfiguration = {
 
 let config: LocalConfiguration;
 let server: Server;
+let logsListeners: Duplex[] = [];
 const getCurrentTime = (simpleLogs?: boolean) => {
   const date = new Date();
   return `${simpleLogs ? "" : "\u001b[36m"}${`${date.getHours()}`.padStart(
@@ -101,26 +111,34 @@ const getCurrentTime = (simpleLogs?: boolean) => {
     simpleLogs ? ":" : "\u001b[33m:\u001b[36m"
   }${`${date.getSeconds()}`.padStart(2, "0")}${simpleLogs ? "" : "\u001b[0m"}`;
 };
+const levelToString = (level: LogLevel) =>
+  level === LogLevel.ERROR
+    ? "error"
+    : level === LogLevel.WARNING
+    ? "warning"
+    : "info";
 const log = (text: string, level?: LogLevel, emoji?: string) => {
+  const simpleLog =
+    config?.simpleLogs || logsListeners.length
+      ? text
+          .replace(/⎸/g, "|")
+          .replace(/⎹/g, "|")
+          .replace(/\u001b\[[^m]*m/g, "")
+          .replace(new RegExp(EMOJIS.INBOUND, "g"), "inbound:")
+          .replace(new RegExp(EMOJIS.PORT, "g"), "port:")
+          .replace(new RegExp(EMOJIS.OUTBOUND, "g"), "outbound:")
+          .replace(new RegExp(EMOJIS.RULES, "g"), "rules:")
+          .replace(new RegExp(EMOJIS.NO, "g"), "")
+          .replace(new RegExp(EMOJIS.REWRITE, "g"), "+rewrite")
+          .replace(new RegExp(EMOJIS.WEBSOCKET, "g"), "websocket")
+          .replace(new RegExp(EMOJIS.SHIELD, "g"), "web-security")
+          .replace(/\|+/g, "|")
+      : text;
+
   console.log(
     `${getCurrentTime(config?.simpleLogs)} ${
       config?.simpleLogs
-        ? text
-            .replace(/⎸/g, "|")
-            .replace(/⎹/g, "|")
-            .replace(/\u001b\[[^m]*m/g, "")
-            .replace(new RegExp(EMOJIS.INBOUND, "g"), "inbound:")
-            .replace(new RegExp(EMOJIS.PORT, "g"), "port:")
-            .replace(new RegExp(EMOJIS.OUTBOUND, "g"), "outbound:")
-            .replace(new RegExp(EMOJIS.RULES, "g"), "rules:")
-            .replace(new RegExp(EMOJIS.NO, "g"), "")
-            .replace(
-              new RegExp(EMOJIS.BODY_REPLACEMENT, "g"),
-              "body replacement",
-            )
-            .replace(new RegExp(EMOJIS.WEBSOCKET, "g"), "websocket")
-            .replace(new RegExp(EMOJIS.SHIELD, "g"), "web-security")
-            .replace(/\|+/g, "|")
+        ? simpleLog
         : level
         ? `\u001b[48;5;${level}m⎸    ${
             !process.stdout.isTTY ? "" : emoji || ""
@@ -128,6 +146,40 @@ const log = (text: string, level?: LogLevel, emoji?: string) => {
         : text
     }`,
   );
+  notifyLogsListener({
+    logEvent: simpleLog,
+    level: levelToString(level),
+  });
+};
+
+const notifyLogsListener = (data: Record<string, unknown>) => {
+  if (!logsListeners.length) return;
+  const text = JSON.stringify(data);
+  const mask = Array(4)
+    .fill(0)
+    .map(() => Math.floor(Math.random() * (2 << 7)));
+  const maskedTextBits = [...text.substring(0, 2 << 15)].map(
+    (c, i) => c.charCodeAt(0) ^ mask[i & 3],
+  );
+  const length = Math.min((2 << 15) - 1, text.length);
+  const header =
+    text.length < (2 << 6) - 2
+      ? Buffer.from(Uint8Array.from([(1 << 7) + 1, (1 << 7) + length]).buffer)
+      : Buffer.concat([
+          Buffer.from(Uint8Array.from([(1 << 7) + 1, (2 << 7) - 2]).buffer),
+          Buffer.from(Uint8Array.from([length >> 8]).buffer),
+          Buffer.from(Uint8Array.from([length & ((2 << 7) - 1)]).buffer),
+        ]);
+  const maskingKey = Buffer.from(Int8Array.from(mask).buffer);
+  const payload = Buffer.from(Int8Array.from(maskedTextBits).buffer);
+  const value = Buffer.concat([header, maskingKey, payload]);
+  logsListeners.forEach(logsListener => {
+    try {
+      logsListener.write(value);
+    } catch (e) {
+      // ignore logs that trigger errors in the pipe
+    }
+  });
 };
 
 const quickStatus = (thisConfig: LocalConfiguration) => {
@@ -136,17 +188,19 @@ const quickStatus = (thisConfig: LocalConfiguration) => {
       .toString()
       .padStart(5)} \u001b[48;5;53m⎸${EMOJIS.INBOUND} ${
       thisConfig.ssl ? "H/2 " : "H1.1"
-    } \u001b[48;5;54m⎸${EMOJIS.OUTBOUND} ${
+    }${
+      thisConfig.replaceRequestBodyUrls ? EMOJIS.REWRITE : "  "
+    }⎹\u001b[48;5;54m⎸${EMOJIS.OUTBOUND} ${
       thisConfig.dontUseHttp2Downstream ? "H1.1" : "H/2 "
+    }${
+      thisConfig.replaceResponseBodyUrls ? EMOJIS.REWRITE : "  "
     }⎹\u001b[48;5;55m⎸${EMOJIS.RULES}${Object.keys(config.mapping)
       .length.toString()
       .padStart(3)}⎹\u001b[48;5;56m⎸${
-      config.replaceResponseBodyUrls ? EMOJIS.BODY_REPLACEMENT : EMOJIS.NO
-    }⎹\u001b[48;5;57m⎸${
       config.websocket ? EMOJIS.WEBSOCKET : EMOJIS.NO
-    }⎹\u001b[48;5;93m⎸${
+    }⎹\u001b[48;5;57m⎸${
       !config.simpleLogs ? EMOJIS.COLORED : EMOJIS.NO
-    }⎹\u001b[48;5;98m⎸${
+    }⎹\u001b[48;5;93m⎸${
       config.disableWebSecurity ? EMOJIS.NO : EMOJIS.SHIELD
     }⎹\u001b[0m`,
   );
@@ -220,15 +274,24 @@ const onWatch = async () => {
     );
     return;
   }
+  if (config.replaceRequestBodyUrls !== previousConfig.replaceRequestBodyUrls) {
+    log(
+      `request body url ${
+        !config.replaceRequestBodyUrls ? "NO " : ""
+      }rewriting`,
+      LogLevel.INFO,
+      EMOJIS.REWRITE,
+    );
+  }
   if (
     config.replaceResponseBodyUrls !== previousConfig.replaceResponseBodyUrls
   ) {
     log(
       `response body url ${
         !config.replaceResponseBodyUrls ? "NO " : ""
-      }replacement`,
+      }rewriting`,
       LogLevel.INFO,
-      EMOJIS.BODY_REPLACEMENT,
+      EMOJIS.REWRITE,
     );
   }
   if (config.dontUseHttp2Downstream !== previousConfig.dontUseHttp2Downstream) {
@@ -291,6 +354,7 @@ const onWatch = async () => {
     await new Promise(resolve =>
       !server ? resolve(void 0) : server.close(resolve),
     );
+    log(`restarting server`, LogLevel.INFO, EMOJIS.RESTART);
     start();
   } else quickStatus(config);
 };
@@ -416,6 +480,146 @@ const fileRequest = (url: URL): ClientHttp2Session => {
   } as unknown as ClientHttp2Session;
 };
 
+const logsPage = (proxyHostnameAndPort: string): ClientHttp2Session =>
+  ({
+    error: null as Error,
+    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>
+        <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">
+    function start() {
+      document.getElementById('table').style.height =
+        (document.documentElement.clientHeight - 150) + 'px';
+      const socket = new WebSocket("ws${
+        config.ssl ? "s" : ""
+      }://${proxyHostnameAndPort}/local-traffic-logs");
+      socket.onmessage = function(event) {
+        let data = event.data
+        let uniqueHash;
+        try {
+          const { uniqueHash: uniqueHash1, ...data1 } = JSON.parse(event.data);
+          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('beforeend', '<tr><td scope="col">' + new Date().toUTCString() + '</td>' +
+                '<td scope="col">' + (data.level || 'info')+ '</td>' + 
+                '<td scope="col">' + eventText + button + '</td></tr>');
+        cleanup();
+      };
+      socket.onerror = function(error) {
+        console.log(\`[error] \${error}\`);
+        setTimeout(start, 5000);
+      };
+    };
+    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[0].remove();
+      }
+    }
+    function replay(event) {
+      const uniqueHash = event.target.dataset.uniquehash;
+      const { method, url, headers, body } = JSON.parse(atob(uniqueHash));
+      fetch(url, {
+        method,
+        headers,
+        body: !body.data || !body.data.length 
+          ? undefined
+          : new TextDecoder().decode(new Int8Array(body.data))
+      });
+    }
+    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>`;
+        resolve(void 0);
+      });
+    },
+    events: {} as { [name: string]: (...any: any) => any },
+    on: function (name: string, action: (...any: any) => any) {
+      this.events[name] = action;
+      this.run().then(() => {
+        if (name === "response")
+          this.events["response"](
+            {
+              Server: "local",
+              "Content-Type": "text/html",
+            },
+            0,
+          );
+        if (name === "data" && this.data) {
+          this.events["data"](this.data);
+          this.events["end"]();
+        }
+        if (name === "error" && this.error) {
+          this.events["error"](this.error);
+        }
+      });
+      return this;
+    },
+    end: function () {
+      return this;
+    },
+    request: function () {
+      return this;
+    },
+  } as unknown as ClientHttp2Session);
+
 const header = (
   icon: number,
   category: string,
@@ -469,6 +673,138 @@ More information about the request :
 </table>
 </div></body></html>`;
 
+const replaceBody = async (
+  payloadBuffer: Buffer,
+  headers: Record<string, number | string | string[]>,
+  parameters: {
+    proxyHostnameAndPort: string;
+    proxyHostname: string;
+    key: string;
+    direction: REPLACEMENT_DIRECTION;
+  },
+) =>
+  (headers["content-encoding"]?.toString() ?? "")
+    .split(",")
+    .reduce(async (buffer: Promise<Buffer>, formatNotTrimed: string) => {
+      const format = formatNotTrimed.trim().toLowerCase();
+      const method =
+        format === "gzip" || format === "x-gzip"
+          ? gunzip
+          : format === "deflate"
+          ? inflate
+          : format === "br"
+          ? brotliDecompress
+          : format === "identity" || format === ""
+          ? (input: Buffer, callback: (err?: Error, data?: Buffer) => void) => {
+              callback(null, input);
+            }
+          : null;
+      if (method === null) {
+        throw new Error(`${format} compression not supported by the proxy`);
+      }
+
+      const openedBuffer = await buffer;
+      return await new Promise<Buffer>((resolve, reject) =>
+        method(openedBuffer, (err_1, data_1) => {
+          if (err_1) {
+            reject(err_1);
+          }
+          resolve(data_1);
+        }),
+      );
+    }, Promise.resolve(payloadBuffer))
+    .then((uncompressedBuffer: Buffer) => {
+      const fileTooBig = uncompressedBuffer.length > 1e7;
+      const fileHasSpecialChars = () =>
+        /[^\x00-\x7F]/.test(uncompressedBuffer.toString());
+      const contentTypeCanBeProcessed = [
+        "text/html",
+        "application/javascript",
+        "application/json",
+      ].some(allowedContentType =>
+        (headers["content-type"] ?? "").toString().includes(allowedContentType),
+      );
+      const willReplace =
+        !fileTooBig && (contentTypeCanBeProcessed || !fileHasSpecialChars());
+
+      return !willReplace
+        ? uncompressedBuffer
+        : !config.replaceResponseBodyUrls
+        ? uncompressedBuffer.toString()
+        : Object.entries(config.mapping)
+            .reduce(
+              (inProgress, [path, mapping]) =>
+                mapping.startsWith("logs:") ||
+                (path !== "" && !path.match(/^[-a-zA-Z0-9()@:%_\+.~#?&//=]*$/))
+                  ? inProgress
+                  : parameters.direction === REPLACEMENT_DIRECTION.INBOUND
+                  ? inProgress.replace(
+                      new RegExp(
+                        mapping
+                          .replace(/^(file|logs):\/\//, "")
+                          .replace(/[*+?^${}()|[\]\\]/g, "")
+                          .replace(/^https/, "https?") + "/*",
+                        "ig",
+                      ),
+                      `http${config.ssl ? "s" : ""}://${
+                        parameters.proxyHostnameAndPort
+                      }${path.replace(/\/+$/, "")}/`,
+                    )
+                  : inProgress
+                      .split(
+                        `http${config.ssl ? "s" : ""}://${
+                          parameters.proxyHostnameAndPort
+                        }${path.replace(/\/+$/, "")}`,
+                      )
+                      .join(mapping),
+              uncompressedBuffer.toString(),
+            )
+            .split(`${parameters.proxyHostnameAndPort}/:`)
+            .join(`${parameters.proxyHostnameAndPort}:`)
+            .replace(
+              /\?protocol=wss?%3A&hostname=[^&]+&port=[0-9]+&pathname=/g,
+              `?protocol=ws${config.ssl ? "s" : ""}%3A&hostname=${
+                parameters.proxyHostname
+              }&port=${config.port}&pathname=${encodeURIComponent(
+                parameters.key.replace(/\/+$/, ""),
+              )}`,
+            );
+    })
+    .then((updatedBody: Buffer | string) =>
+      (headers["content-encoding"]?.toString() ?? "")
+        .split(",")
+        .reduce((buffer: Promise<Buffer>, formatNotTrimed: string) => {
+          const format = formatNotTrimed.trim().toLowerCase();
+          const method =
+            format === "gzip" || format === "x-gzip"
+              ? gzip
+              : format === "deflate"
+              ? deflate
+              : format === "br"
+              ? brotliCompress
+              : format === "identity" || format === ""
+              ? (
+                  input: Buffer,
+                  callback: (err?: Error, data?: Buffer) => void,
+                ) => {
+                  callback(null, input);
+                }
+              : null;
+          if (method === null)
+            throw new Error(`${format} compression not supported by the proxy`);
+
+          return buffer.then(
+            data =>
+              new Promise<Buffer>(resolve =>
+                method(data, (err, data) => {
+                  if (err) throw err;
+                  resolve(data);
+                }),
+              ),
+          );
+        }, Promise.resolve(Buffer.from(updatedBody))),
+    );
+
 const send = (
   code: number,
   inboundResponse: Http2ServerResponse | ServerResponse,
@@ -588,6 +924,8 @@ const start = () => {
         const outboundRequest: ClientHttp2Session =
           target.protocol === "file:"
             ? fileRequest(targetUrl)
+            : target.protocol === "logs:"
+            ? logsPage(proxyHostnameAndPort)
             : !http2IsSupported
             ? null
             : await Promise.race([
@@ -624,6 +962,43 @@ const start = () => {
               ]);
         if (!(error instanceof Buffer)) error = null;
 
+        const http1WithRequestBody = (inboundRequest as IncomingMessage)
+          ?.readableLength;
+        const http2WithRequestBody = (inboundRequest as Http2ServerRequest)
+          ?.stream?.readableLength;
+
+        let requestBody: Buffer | null = null;
+        const bufferedRequestBody =
+          config.replaceRequestBodyUrls || logsListeners.length;
+        if (bufferedRequestBody) {
+          // this is optional,
+          // I don't want to buffer request bodies if
+          // none of the options are activated
+          const requestBodyReadable: Readable =
+            (inboundRequest as Http2ServerRequest)?.stream ??
+            (inboundRequest as IncomingMessage);
+
+          let requestBodyBuffer: Buffer = Buffer.from([]);
+          await new Promise(resolve => {
+            if (http2WithRequestBody === 0) resolve(void 0);
+            requestBodyReadable.on("data", chunk => {
+              requestBodyBuffer = Buffer.concat([requestBodyBuffer, chunk]);
+            });
+            requestBodyReadable.on("end", resolve);
+            requestBodyReadable.on("error", resolve);
+          });
+          requestBody = await replaceBody(
+            requestBodyBuffer,
+            inboundRequest.headers,
+            {
+              proxyHostnameAndPort,
+              proxyHostname,
+              key,
+              direction: REPLACEMENT_DIRECTION.OUTBOUND,
+            },
+          );
+        }
+
         const outboundHeaders: OutgoingHttpHeaders = {
           ...[...Object.entries(inboundRequest.headers)]
             // host, connection and keep-alive are forbidden in http/2
@@ -643,6 +1018,10 @@ const start = () => {
             }, {}),
           origin: target.href,
           referer: targetUrl.toString(),
+          "content-length":
+            requestBody?.length ??
+            inboundRequest.headers["content-length"] ??
+            0,
           ":authority": targetHost,
           ":method": inboundRequest.method,
           ":path": fullPath,
@@ -654,11 +1033,8 @@ const start = () => {
           !error &&
           outboundRequest.request(outboundHeaders, {
             endStream: config.ssl
-              ? !(
-                  (inboundRequest as Http2ServerRequest)?.stream
-                    ?.readableLength ?? true
-                )
-              : !(inboundRequest as IncomingMessage).readableLength,
+              ? !(http2WithRequestBody ?? true)
+              : !http1WithRequestBody,
           });
 
         outboundExchange?.on("error", (thrown: Error) => {
@@ -702,7 +1078,7 @@ const start = () => {
         const outboundHttp1Response: IncomingMessage =
           !error &&
           !http2IsSupported &&
-          target.protocol !== "file:" &&
+          !["file:", "logs:"].includes(target.protocol) &&
           (await new Promise(resolve => {
             const outboundHttp1Request: ClientRequest =
               target.protocol === "https:"
@@ -713,10 +1089,17 @@ const start = () => {
               error = Buffer.from(errorPage(thrown, "request", url, targetUrl));
               resolve(null as IncomingMessage);
             });
-            inboundRequest.on("data", chunk =>
-              outboundHttp1Request.write(chunk),
-            );
-            inboundRequest.on("end", () => outboundHttp1Request.end());
+            if (bufferedRequestBody) {
+              outboundHttp1Request.write(requestBody);
+              outboundHttp1Request.end();
+            }
+
+            if (!bufferedRequestBody) {
+              inboundRequest.on("data", chunk =>
+                outboundHttp1Request.write(chunk),
+              );
+              inboundRequest.on("end", () => outboundHttp1Request.end());
+            }
           }));
         // intriguingly, error is reset to "false" at this point, even if it was null
         if (error) {
@@ -725,31 +1108,36 @@ const start = () => {
         } else error = null;
 
         // phase : request body
-        if (
-          config.ssl && // http/2
-          (inboundRequest as Http2ServerRequest).stream &&
-          (inboundRequest as Http2ServerRequest).stream.readableLength &&
-          outboundExchange
-        ) {
-          (inboundRequest as Http2ServerRequest).stream.on("data", chunk =>
-            outboundExchange.write(chunk),
-          );
-          (inboundRequest as Http2ServerRequest).stream.on("end", () =>
-            outboundExchange.end(),
-          );
+        if (config.ssl && http2WithRequestBody && outboundExchange) {
+          if (bufferedRequestBody) {
+            outboundExchange.write(requestBody);
+            outboundExchange.end();
+          }
+
+          if (!bufferedRequestBody) {
+            (inboundRequest as Http2ServerRequest).stream.on("data", chunk => {
+              outboundExchange.write(chunk);
+            });
+            (inboundRequest as Http2ServerRequest).stream.on("end", () =>
+              outboundExchange.end(),
+            );
+          }
         }
 
-        if (
-          !config.ssl && // http1.1
-          (inboundRequest as IncomingMessage).readableLength &&
-          outboundExchange
-        ) {
-          (inboundRequest as IncomingMessage).on("data", chunk =>
-            outboundExchange.write(chunk),
-          );
-          (inboundRequest as IncomingMessage).on("end", () =>
-            outboundExchange.end(),
-          );
+        if (!config.ssl && http1WithRequestBody && outboundExchange) {
+          if (bufferedRequestBody) {
+            outboundExchange.write(requestBody);
+            outboundExchange.end();
+          }
+
+          if (!bufferedRequestBody) {
+            (inboundRequest as IncomingMessage).on("data", chunk => {
+              outboundExchange.write(chunk);
+            });
+            (inboundRequest as IncomingMessage).on("end", () =>
+              outboundExchange.end(),
+            );
+          }
         }
 
         // phase : response headers
@@ -772,6 +1160,25 @@ const start = () => {
               }),
         );
 
+        notifyLogsListener({
+          level: "info",
+          protocol: http2IsSupported ? "HTTP/2" : "HTTP1.1",
+          method: inboundRequest.method,
+          path: fullPath,
+          uniqueHash: Buffer.from(
+            JSON.stringify({
+              method: inboundRequest.method,
+              url: inboundRequest.url,
+              headers: Object.fromEntries(
+                Object.entries(inboundRequest.headers).filter(
+                  ([headerName]) => !headerName.startsWith(":"),
+                ),
+              ),
+              body: requestBody?.toJSON(),
+            }),
+          ).toString("base64"),
+        });
+
         const newUrl = !outboundResponseHeaders["location"]
           ? null
           : new URL(
@@ -815,157 +1222,19 @@ const start = () => {
             if (!config.replaceResponseBodyUrls) return payloadBuffer;
             if (!payloadBuffer.length) return payloadBuffer;
 
-            return (outboundResponseHeaders["content-encoding"] || "")
-              .split(",")
-              .reduce(
-                async (buffer: Promise<Buffer>, formatNotTrimed: string) => {
-                  const format = formatNotTrimed.trim().toLowerCase();
-                  const method =
-                    format === "gzip" || format === "x-gzip"
-                      ? gunzip
-                      : format === "deflate"
-                      ? inflate
-                      : format === "br"
-                      ? brotliDecompress
-                      : format === "identity" || format === ""
-                      ? (
-                          input: Buffer,
-                          callback: (err?: Error, data?: Buffer) => void,
-                        ) => {
-                          callback(null, input);
-                        }
-                      : null;
-                  if (method === null) {
-                    send(
-                      502,
-                      inboundResponse,
-                      Buffer.from(
-                        errorPage(
-                          new Error(
-                            `${format} compression not supported by the proxy`,
-                          ),
-                          "stream",
-                          url,
-                          targetUrl,
-                        ),
-                      ),
-                    );
-                    return;
-                  }
-
-                  const openedBuffer = await buffer;
-                  return await new Promise<Buffer>(resolve =>
-                    method(openedBuffer, (err_1, data_1) => {
-                      if (err_1) {
-                        send(
-                          502,
-                          inboundResponse,
-                          Buffer.from(
-                            errorPage(err_1, "stream", url, targetUrl),
-                          ),
-                        );
-                        resolve(Buffer.from(""));
-                        return;
-                      }
-                      resolve(data_1);
-                    }),
-                  );
-                },
-                Promise.resolve(payloadBuffer),
-              )
-              .then((uncompressedBuffer: Buffer) => {
-                const fileTooBig = uncompressedBuffer.length > 1e7;
-                const fileHasSpecialChars = () =>
-                  /[^\x00-\x7F]/.test(uncompressedBuffer.toString());
-                const contentTypeCanBeProcessed = [
-                  "text/html",
-                  "application/javascript",
-                  "application/json",
-                ].some(allowedContentType =>
-                  (outboundResponseHeaders["content-type"] ?? "").includes(
-                    allowedContentType,
-                  ),
-                );
-                const willReplace =
-                  !fileTooBig &&
-                  (contentTypeCanBeProcessed || !fileHasSpecialChars());
-                return !willReplace
-                  ? uncompressedBuffer
-                  : !config.replaceResponseBodyUrls
-                  ? uncompressedBuffer.toString()
-                  : Object.entries(config.mapping)
-                      .reduce(
-                        (inProgress, [path, mapping]) =>
-                          path !== "" &&
-                          !path.match(/^[-a-zA-Z0-9()@:%_\+.~#?&//=]*$/)
-                            ? inProgress
-                            : inProgress.replace(
-                                new RegExp(
-                                  mapping
-                                    .replace(/^file:\/\//, "")
-                                    .replace(/[*+?^${}()|[\]\\]/g, "")
-                                    .replace(/^https/, "https?") + "/*",
-                                  "ig",
-                                ),
-                                `https://${proxyHostnameAndPort}${path.replace(
-                                  /\/+$/,
-                                  "",
-                                )}/`,
-                              ),
-                        uncompressedBuffer.toString(),
-                      )
-                      .split(`${proxyHostnameAndPort}/:`)
-                      .join(`${proxyHostnameAndPort}:`)
-                      .replace(
-                        /\?protocol=wss?%3A&hostname=[^&]+&port=[0-9]+&pathname=/g,
-                        `?protocol=ws${
-                          config.ssl ? "s" : ""
-                        }%3A&hostname=${proxyHostname}&port=${
-                          config.port
-                        }&pathname=${encodeURIComponent(
-                          key.replace(/\/+$/, ""),
-                        )}`,
-                      );
-              })
-              .then((updatedBody: Buffer | string) =>
-                (outboundResponseHeaders["content-encoding"] || "")
-                  .split(",")
-                  .reduce(
-                    (buffer: Promise<Buffer>, formatNotTrimed: string) => {
-                      const format = formatNotTrimed.trim().toLowerCase();
-                      const method =
-                        format === "gzip" || format === "x-gzip"
-                          ? gzip
-                          : format === "deflate"
-                          ? deflate
-                          : format === "br"
-                          ? brotliCompress
-                          : format === "identity" || format === ""
-                          ? (
-                              input: Buffer,
-                              callback: (err?: Error, data?: Buffer) => void,
-                            ) => {
-                              callback(null, input);
-                            }
-                          : null;
-                      if (method === null)
-                        throw new Error(
-                          `${format} compression not supported by the proxy`,
-                        );
-
-                      return buffer.then(
-                        data =>
-                          new Promise<Buffer>(resolve =>
-                            method(data, (err, data) => {
-                              if (err) throw err;
-                              resolve(data);
-                            }),
-                          ),
-                      );
-                    },
-                    Promise.resolve(Buffer.from(updatedBody)),
-                  ),
+            return replaceBody(payloadBuffer, outboundResponseHeaders, {
+              proxyHostnameAndPort,
+              proxyHostname,
+              key,
+              direction: REPLACEMENT_DIRECTION.INBOUND,
+            }).catch((e: Error) => {
+              send(
+                502,
+                inboundResponse,
+                Buffer.from(errorPage(e, "stream", url, targetUrl)),
               );
+              return Buffer.from("");
+            });
           }));
 
         // phase : inbound response
@@ -1064,7 +1333,38 @@ const start = () => {
         return;
       }
 
-      const { key, target: targetWithForcedPrefix } = determineMapping(request);
+      const {
+        key,
+        target: targetWithForcedPrefix,
+        path,
+      } = determineMapping(request);
+
+      if (path === "/local-traffic-logs") {
+        const shasum = createHash("sha1");
+        shasum.update(
+          request.headers["sec-websocket-key"] +
+            "258EAFA5-E914-47DA-95CA-C5AB0DC85B11",
+        );
+        const accept = shasum.digest("base64");
+        upstreamSocket.allowHalfOpen = true;
+        upstreamSocket.write(
+          "HTTP/1.1 101 Switching Protocols\r\n" +
+            `date: ${new Date().toUTCString()}\r\n` +
+            "connection: upgrade\r\n" +
+            "upgrade: websocket\r\n" +
+            "server: local\r\n" +
+            `sec-websocket-accept: ${accept}\r\n` +
+            "\r\n",
+        );
+        upstreamSocket.on("close", () => {
+          logsListeners = logsListeners.filter(
+            oneLogsListener => upstreamSocket !== oneLogsListener,
+          );
+        });
+        logsListeners.push(upstreamSocket);
+        return;
+      }
+
       const target = new URL(
         `${targetWithForcedPrefix.protocol}//${targetWithForcedPrefix.host}${
           request.url.endsWith("/_next/webpack-hmr")

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "local-traffic",
-  "version": "0.0.45",
+  "version": "0.0.47",
   "main": "index.ts",
   "private": false,
   "keywords": [
@@ -24,9 +24,9 @@
     "build": "npm run clean && npm run typescript && npm run terser && npm run shebang && npm run chmod"
   },
   "devDependencies": {
-    "@types/node": "^18.15.3",
-    "terser": "^5.16.6",
-    "typescript": "^5.0.2"
+    "@types/node": "^18.15.11",
+    "terser": "^5.16.9",
+    "typescript": "^5.0.4"
   },
   "bin": {
     "local-traffic": "./dist/localTraffic.js"