@statewalker/webrun-http-browser 0.1.0 → 0.2.1

package/dist/index.min.js

@@ -1,2 +1,2 @@
-// @statewalker/webrun-http-browser v0.1.0 https://github.com/statewalker/statewalker-webrun-http-browser Copyright 2023 Mikhail Kotelnikov
-function e(e){return Object.assign({message:e,stack:e.stack},e)}function t(e){return"string"==typeof e&&(e={message:e}),Object.assign(new Error(e.message),e)}async function n(e,n,s,...r){return new Promise(((a,o)=>{const i=new MessageChannel;i.port1.onmessage=e=>{const{result:n,error:s}=e.data;s?o(t(s)):a(n)},e.postMessage({type:n,params:s},[i.port2,...r])}))}function s(t,n,s){const r=async t=>{if(!t.data||t.data.type!==n)return;const[r,...a]=t.ports;let o={};try{const e=t.data.params;o.result=await s(t,e,...a)}catch(t){o.error=e(t)}r.postMessage(o)};t.addEventListener("message",r);try{t.start&&t.start()}catch(e){}return()=>t.removeEventListener("message",r)}function r(e=console.error){let t=0;const n={},s=s=>{const r=t++;return n[r]=Object.assign((function(t){try{return delete n[r],!t&&s&&s()}catch(t){e(t)}}),{action:s})},r=e=>Object.values(n).forEach((t=>t.action===e&&t(!0))),a=()=>Object.values(n).forEach((e=>e()));return Object.assign([s,a,r],{register:s,clear:a,unregister:r})}async function*a(e){yield*async function*(e,t=[]){let n,s,r=async(e,n,r)=>{const a={error:e,value:n,done:r};return a.promise=new Promise((e=>a.notify=e)),await t.push(a),s&&s(),s=null,a.promise};const a=e=>r(void 0,e,!1),o=()=>r(void 0,void 0,!0),i=e=>r(e,void 0,!0),c=e(Object.assign([a,o,i],{next:a,complete:o,error:i}));let l;try{for(;;)if(l=await t.shift(),l)try{if(l.error)throw l.error;if(l.done)break;yield l.value}finally{l.notify(!0)}else await(n=s?n:new Promise((e=>s=e)))}finally{for(s&&s(),r=()=>!1,"function"==typeof c&&await c();l=await t.shift();)l.notify(!1)}}((t=>e((async({done:e=!0,value:n,error:s}={})=>{s?await t.error(s):e?await t.complete():await t.next(n)}))))}async function o(e,t){let n;try{for await(let n of t)await e({done:!1,value:n})}catch(e){n=e}finally{await e({done:!0,error:n})}}async function*i(e,t,n={}){const s=new MessageChannel;e.postMessage({type:"START_CALL",params:n},[s.port2]);const r=l(s.port1);try{await r.start(),r.sendAll(t),yield*r.recieveAll()}finally{await r.close()}}function c(e,t){const n=async e=>{const{type:n,params:s}=e.data||{};if("START_CALL"!==n)return;const r=l(e.ports[0]);try{await r.start();const e=r.recieveAll(),n=await t(e,s);await r.sendAll(n)}finally{await r.close()}};e.addEventListener("message",n);try{e.start&&e.start()}catch(e){}return()=>e.removeEventListener("message",n)}function l(e){let t=[],n=[];const s=async e=>{for(let n of t)await n(e)},r=u(e,s);return{start:()=>r.start(),close:async()=>{await s({done:!0}),[...n].forEach((e=>e.return&&e.return())),await r.close()},recieveAll:async function*(){yield*a((e=>(t.push(e),()=>t=t.filter((t=>t!==e)))))},sendAll:async function(e){await o(r.invoke,async function*(){try{n.push(e),yield*e}finally{n=n.filter((t=>t!==e))}}())}}}function u(n,s=(()=>{throw new Error("Handler not implemented")})){const r="REQUEST",a="RESPONSE",o="message",i={};let c=0;const l=async o=>{const c=o.data||{},{type:l,callId:u}=c;if(l===r)try{const{request:e}=c;let t=await s(e,...o.ports||[]);const[r,...i]=Array.isArray(t)?t:void 0!==t?[t]:[];n.postMessage({type:a,callId:u,response:r},i)}catch(t){n.postMessage({type:a,callId:u,error:e(t)})}else if(l===a){const{callId:e,response:n,error:s}=c,r=i[e];delete i[e],r&&(s?r.reject(t(s)):r.resolve(n))}};return{start:async()=>{n.addEventListener(o,l),await n.start()},close:async()=>{n.removeEventListener(o,l),await n.close()},invoke:async function(e={},...t){const s=++c;return new Promise(((a,o)=>{try{i[s]={resolve:a,reject:o},n.postMessage({type:r,callId:s,request:e},t)}catch(t){o(t),delete e[s]}}))}}}function d(e){return new ReadableStream({type:"bytes",async pull(t){let n=!1;try{for(;;){const n=await e.next();if(!n||n.done)break;t.enqueue(await n.value)}}catch(e){n=!0,t.error(e)}finally{!n&&t.close()}}})}async function*h(e){const t=await e.getReader();let n,s;for(;({done:n,value:s}=await t.read())&&!n;)yield await s}function f(e){return async t=>{t=await t;const n=["url","method","mode","credentials","cache","redirect","referrer","referrerPolicy","integrity","keepalive"].reduce(((e,n)=>{const s=t[n];return void 0!==s&&(e[n]=s),e}),{}),s=t.body?h(t.body):[],r=await e({options:n,content:s});let a=null,o={};if(r){o=r.options;const e=r.content;"HEAD"!==n.method&&"OPTIONS"!==n.method?a=d(e):e&&e.return&&e.return()}else o={status:404,statusText:"Error 404: Not Found"};return new Response(a,o)}}function y(e){return async t=>{const{options:n,content:s}=await t;let r;const{url:a,mode:o}=n;delete n.mode,delete n.url,"GET"!==n.method&&"HEAD"!==n.method&&"OPTIONS"!==n.method?(r=d(s),n.duplex="half"):s&&s.return&&s.return();const i=new Request(a,{...n,body:r}),c=await e(i);return{options:{status:c.status,statusText:c.statusText,headers:Object.fromEntries([...c.headers])},content:await h(await c.body)}}}async function*p(e){const{options:t,content:n}=await e,s=new TextEncoder;yield s.encode(JSON.stringify(t)),yield*n}async function w(e){e=await e;const{done:t,value:n}=await e.next();let s={};if(!t&&n){const e=(new TextDecoder).decode(n);s=JSON.parse(e)}return{options:s,content:e}}function g(e,t){const n=y(t);return c(e,(e=>p(n(w(e)))))}async function v(e,t){const n=f((async t=>await w(i(e,p(t)))));return await n(t)}function m(e){return new Promise(((t,n)=>{e.oncomplete=e.onsuccess=()=>t(e.result),e.onabort=e.onerror=()=>n(e.error)}))}let _;function I(){return _||(_=function(e,t){const n=indexedDB.open(e);n.onupgradeneeded=()=>n.result.createObjectStore(t);const s=m(n);return(e,n)=>s.then((s=>n(s.transaction(t,e).objectStore(t))))}("keyval-store","keyval")),_}class C{constructor(e){if(this.options=e,!this.key)throw new Error("Key is not defined.");if(!this.scope)throw new Error("Scope is not defined")}get key(){return this.options.key}get scope(){return this.options.scope||new URL("./",this.serviceWorkerUrl).pathname}get rootUrl(){return new URL(this.scope,import.meta.url)}get serviceWorkerUrl(){if(!this._serviceWorkerUrl){let e=this.options.serviceWorkerUrl?new URL(this.options.serviceWorkerUrl):new URL("./index-sw.js",this.rootUrl);this._serviceWorkerUrl=e+""}return this._serviceWorkerUrl}async _newCommunicationChannel(){const e=new MessageChannel;return[e.port1,e.port2]}async _setCommunicationPort(e){await this.options.bindPort(e)}async _updateCommunicationChannel(){if(!this._serviceWorker)return;const[e,t]=await this._newCommunicationChannel();await this._setCommunicationPort(e),await n(this._serviceWorker,"UPDATE_COMMUNICATION_PORT",this._getRegistrationInfo(),t)}_getRegistrationInfo(){return{key:this.key}}async start(){return this._registrationPromise=this._registrationPromise||(async()=>{const[e,t]=r();this._cleanupRegistrations=t,e((()=>this._cleanupRegistrations=null));const n=await navigator.serviceWorker.register(this.serviceWorkerUrl,{scope:this.scope});e((()=>n.unregister())),e(s(navigator.serviceWorker,"UPDATE_COMMUNICATION_PORT",(async(e,t,n)=>(console.log("[UPDATE_COMMUNICATION_PORT]",n),this._setCommunicationPort(n),this._getRegistrationInfo())))),this._serviceWorker=await async function(){return await new Promise((e=>{const t=navigator.serviceWorker;if(t.controller)e(t.controller);else{const n=()=>{e(t.controller),t.removeEventListener("controllerchange",n),t.oncontrollerchange=null};t.addEventListener("controllerchange",n),t.oncontrollerchange=n}}))}(),await async function(e){const t=()=>"activated"===e.state;await new Promise((async n=>{t()?n():e.onstatechange=()=>{t()&&(e.onstatechange=null,n())}}))}(this._serviceWorker),await this._updateCommunicationChannel()})()}async stop(){this._cleanupRegistrations&&this._cleanupRegistrations();const e=await navigator.serviceWorker.getRegistrations();for(let t of e)try{await t.unregister()}catch(e){console.log("Service Worker registration failed: ",e)}}}class k{constructor({self:e,log:t}){this.self=e,this.log=t,this.handlersIndex=new Map}get scope(){return new URL("./",import.meta.url)+""}async loadChannelInfo(e){let t;await this._checkActivation();for(let n of this.handlersIndex.values()){if(n.key!==e)continue;const s=n.clientId;if(!await self.clients.get(s))throw this.handlersIndex.delete(s),Object.assign(new Error("Error 410: Resource Gone"),{status:410});t=n;break}return t}start(){this._cleanup=s(this.self,"UPDATE_COMMUNICATION_PORT",(async(e,t,n)=>{const s=e.source.id;return this.log("[UPDATE_COMMUNICATION_PORT]",s,t),await this._updateChannelInfo({...t,port:n,clientId:s}),{...t}})),this.self.onmessage=()=>{},this.self.addEventListener("install",(e=>{this.log("Skip waiting on install.",e),this.self.skipWaiting()})),this.self.addEventListener("activate",(async e=>{this.log("Claim control over all clients.",e,clients,this.self.clients),e.waitUntil((async()=>{await this.self.clients.claim(),await this._checkActivation()})())}))}async stop(){this._cleanup&&(await this._cleanup(),this._cleanup=void 0)}async _checkActivation(){return this._activationPromise=this._activationPromise||this._activate()}async _activate(){this.log("[checkActivation]");let e=await this._loadClientIds();for(let[t,s]of e.entries()){const e=new MessageChannel,r=e.port1,a=await n(s,"UPDATE_COMMUNICATION_PORT",{},e.port2);await this._updateChannelInfo({...a,port:r,clientId:t})}}async _updateChannelInfo(e){this.log("[updateClientInfo]",e),this.handlersIndex.set(e.clientId,e),await this._updateClientIds([])}async _loadClientIds(){const e=new Set(await function(e,t=I()){return t("readonly",(t=>m(t.get(e))))}("clientIds")||[]);return await this._updateClientIds(e)}async _updateClientIds(e){e=new Set(e);for(let t of this.handlersIndex.keys())e.add(t);const t=new Map;for(let n of e){const e=await this.self.clients.get(n);e?t.set(n,e):this.handlersIndex.delete(n)}return await function(e,t,n=I()){return n("readwrite",(n=>(n.put(t,e),m(n.transaction))))}("clientIds",[...t.keys()].sort()),t}}class E extends C{constructor(e){super(e),this._handlers=new Map}async _setCommunicationPort(e){this._cleanupRequestChannel&&this._cleanupRequestChannel(),this._cleanupRequestChannel=g(e,this._handleHttpRequest.bind(this))}async _handleHttpRequest(e){const t=e.url;let n;for(let e of this._handlers.entries()){const[s]=e;if(0===t.indexOf(s)){n=e[1];break}}return n?n(e):new Response(null,{status:404,statusMessage:"Error 404: Not found"})}async register(e,t){e="./"+(e||"").replace(/^[\.\/]+/,"");const n=this.rootUrl,s=new URL(e,n)+"";return this._handlers.set(s,t),{baseUrl:s,prefix:e,async remove(){this._handlers.delete(s)}}}}class O extends k{constructor(e){super(e)}start(){super.start(),this.self.addEventListener("fetch",this._handleFetchEvent.bind(this))}_handleFetchEvent(e){e.respondWith((async()=>{const t=e.request;try{const e=t.url,n=this.scope;let s;if(0===e.indexOf(n)){const t=e.substring(n.length).replace(/^\/?([^\/]+).*$/,"$1");s=await this.loadChannelInfo(t)}if(s&&s.port)return await v(s.port,t);{const n=new Request(e,{method:t.method,headers:t.headers,body:t.body,referrer:t.referrer,referrerPolicy:t.referrerPolicy,credentials:t.credentials,cache:t.cache,redirect:t.redirect,integrity:t.integrity});return await fetch(n)}}catch(e){return console.error(e),new Response(null,{status:500,statusText:"Error 500: Internal error"})}})())}}function R({self:e,log:t}){const n=new O({self:e,log:t});return n.start(),()=>{n.stop()}}export{E as SwHttpAdapter,O as SwHttpDispatcher,k as SwPortDispatcher,C as SwPortHandler,n as callChannel,t as deserializeError,h as fromReadableStream,s as handleChannelCalls,g as handleHttpRequests,c as handleStreams,l as newChannel,f as newHttpClientStub,y as newHttpServerStub,u as newInvokationChannel,r as newRegistry,a as recieveData,o as sendData,v as sendHttpRequest,i as sendStream,e as serializeError,R as startHttpDispatcher,d as toReadableStream};
+// @statewalker/webrun-http-browser v0.2.1 https://github.com/statewalker/statewalker-webrun-http-browser Copyright 2023 Mikhail Kotelnikov
+function e(e){return Object.assign({message:e,stack:e.stack},e)}function t(e){return"string"==typeof e&&(e={message:e}),Object.assign(new Error(e.message),e)}async function n(e,n,r,...a){return new Promise(((o,s)=>{const c=new MessageChannel;c.port1.onmessage=e=>{const{result:n,error:r}=e.data;r?s(t(r)):o(n)},e.postMessage({type:n,params:r},[c.port2,...a])}))}function r(t,n,r){const a=async t=>{if(!t.data||t.data.type!==n)return;const[a,...o]=t.ports;let s={};try{const e=t.data.params;s.result=await r(t,e,...o)}catch(t){s.error=e(t)}a.postMessage(s)};t.addEventListener("message",a);try{t.start&&t.start()}catch(e){}return()=>t.removeEventListener("message",a)}function a(e=console.error){let t=0;const n={},r=r=>{const a=t++;return n[a]=Object.assign((function(t){try{return delete n[a],!t&&r&&r()}catch(t){e(t)}}),{action:r})},a=e=>Object.values(n).forEach((t=>t.action===e&&t(!0))),o=()=>Object.values(n).forEach((e=>e()));return Object.assign([r,o,a],{register:r,clear:o,unregister:a})}async function*o(e){yield*async function*(e,t=[]){let n,r,a=async(e,n,a)=>{const o={error:e,value:n,done:a};return o.promise=new Promise((e=>o.notify=e)),await t.push(o),r&&r(),r=null,o.promise};const o=e=>a(void 0,e,!1),s=()=>a(void 0,void 0,!0),c=e=>a(e,void 0,!0),i=e(Object.assign([o,s,c],{next:o,complete:s,error:c}));let l;try{for(;;)if(l=await t.shift(),l)try{if(l.error)throw l.error;if(l.done)break;yield l.value}finally{l.notify(!0)}else await(n=r?n:new Promise((e=>r=e)))}finally{for(r&&r(),a=()=>!1,"function"==typeof i&&await i();l=await t.shift();)l.notify(!1)}}((t=>e((async({done:e=!0,value:n,error:r}={})=>{r?await t.error(r):e?await t.complete():await t.next(n)}))))}async function s(e,t){let n;try{for await(let n of t)await e({done:!1,value:n})}catch(e){n=e}finally{await e({done:!0,error:n})}}async function*c(e,t,n={}){const r=new MessageChannel;e.postMessage({type:"START_CALL",params:n},[r.port2]);const a=l(r.port1);try{await a.start(),a.sendAll(t),yield*a.recieveAll()}finally{await a.close()}}function i(e,t){const n=async e=>{const{type:n,params:r}=e.data||{};if("START_CALL"!==n)return;const a=l(e.ports[0]);try{await a.start();const e=a.recieveAll(),n=await t(e,r);await a.sendAll(n)}finally{await a.close()}};e.addEventListener("message",n);try{e.start&&e.start()}catch(e){}return()=>e.removeEventListener("message",n)}function l(e){let t=[],n=[];const r=async e=>{for(let n of t)await n(e)},a=u({port:e,handler:r});return{start:()=>a.start(),close:async()=>{await r({done:!0}),[...n].forEach((e=>e.return&&e.return())),await a.close()},recieveAll:async function*(){yield*o((e=>(t.push(e),()=>t=t.filter((t=>t!==e)))))},sendAll:async function(e){await s(a.invoke,async function*(){try{n.push(e),yield*e}finally{n=n.filter((t=>t!==e))}}())}}}function u({port:n,handler:r=(()=>{throw new Error("Handler not implemented")}),onError:a=console.error,newCallId:o=(()=>u.__counter=(u.__counter||0)+1)}){const s="REQUEST",c="RESPONSE",i="message",l={},d=async a=>{const o=a.data||{},{type:i,callId:u}=o;if(i===s)try{const{request:e}=o;let t=await r(e,...a.ports||[]);const[s,...i]=Array.isArray(t)?t:void 0!==t?[t]:[];n.postMessage({type:c,callId:u,response:s},i)}catch(t){n.postMessage({type:c,callId:u,error:e(t)})}else if(i===c){const{callId:e,response:n,error:r}=o,a=l[e];delete l[e],a&&(r?a.reject(t(r)):a.resolve(n))}};return{start:async()=>{try{n.addEventListener(i,d),n.start&&await n.start()}catch(e){a(e)}},close:async()=>{try{n.removeEventListener(i,d),n.close&&await n.close()}catch(e){a(e)}},invoke:async function(e={},...t){const r=o();return new Promise(((a,o)=>{try{l[r]={resolve:a,reject:o},n.postMessage({type:s,callId:r,request:e},t)}catch(t){o(t),delete e[r]}}))}}}function d(e){return new ReadableStream({type:"bytes",async pull(t){let n=!1;try{for(;;){const n=await e.next();if(!n||n.done)break;t.enqueue(await n.value)}}catch(e){n=!0,t.error(e)}finally{!n&&t.close()}}})}async function*y(e){const t=await e.getReader();let n,r;for(;({done:n,value:r}=await t.read())&&!n;)yield await r}function p(e){return async t=>{t=await t;const n=["url","method","mode","credentials","cache","redirect","referrer","referrerPolicy","integrity","keepalive"].reduce(((e,n)=>{const r=t[n];return void 0!==r&&(e[n]=r),e}),{}),r=t.body?y(t.body):[],a=await e({options:n,content:r});let o=null,s={};if(a){s=a.options;const e=a.content;"HEAD"!==n.method&&"OPTIONS"!==n.method?o=d(e):e&&e.return&&e.return()}else s={status:404,statusText:"Error 404: Not Found"};return new Response(o,s)}}function w(e){return async t=>{const{options:n,content:r}=await t;let a;const{url:o,mode:s}=n;delete n.mode,delete n.url,"GET"!==n.method&&"HEAD"!==n.method&&"OPTIONS"!==n.method?(a=d(r),n.duplex="half"):r&&r.return&&r.return();const c=new Request(o,{...n,body:a}),i=await e(c);return{options:{status:i.status,statusText:i.statusText,headers:Object.fromEntries([...i.headers])},content:await y(await i.body)}}}async function*f(e){const{options:t,content:n}=await e,r=new TextEncoder;yield r.encode(JSON.stringify(t)),yield*n}async function g(e){e=await e;const{done:t,value:n}=await e.next();let r={};if(!t&&n){const e=(new TextDecoder).decode(n);r=JSON.parse(e)}return{options:r,content:e}}function m(e,t){const n=w(t);return i(e,(e=>f(n(g(e)))))}async function h(e,t){const n=p((async t=>await g(c(e,f(t)))));return await n(t)}function v(e,t="~"){let n="",r="",a=e+"";const o=a.indexOf(t);let s="";return o>=0&&(s=a.substring(0,o+t.length),a.substring(o+t.length).replace(/^([^\/]+)/,((e,t)=>(s+=e,s.length<a.length&&(s+="/"),n=t,r=a.substring(s.length),"")))),{url:e,key:n,baseUrl:s,path:r}}function E(){const e=new MessageChannel;return e.port1.onmessage=e=>{navigator.serviceWorker.controller.postMessage(e.data,e.ports)},navigator.serviceWorker.addEventListener("message",(t=>{e.port1.postMessage(t.data,t.ports)})),e.port2}async function b({swUrl:e,scopeUrl:t,type:n}){const{installing:r,waiting:a,active:o}=await navigator.serviceWorker.register(e,{scope:t});(r||a||o).addEventListener("statechange",(e=>{console.log("state",e.target.state)}));const s=navigator.serviceWorker;await new Promise((e=>{if(s.controller)e();else{const t=()=>{e(),s.removeEventListener("controllerchange",t),s.oncontrollerchange=null};s.addEventListener("controllerchange",t),s.oncontrollerchange=t}}));const c=s.controller,i=()=>"activated"===c.state;return await new Promise((async e=>{i()?e(c):c.onstatechange=()=>{i()&&(c.onstatechange=null,e(c))}}))}async function k({swUrl:e,scopeUrl:t,type:n}){await navigator.serviceWorker.register(e,{type:n,scope:t});const r=await async function(){return await new Promise((e=>{const t=navigator.serviceWorker;if(t.controller)e(t.controller);else{const n=()=>{e(t.controller),t.removeEventListener("controllerchange",n),t.oncontrollerchange=null};t.addEventListener("controllerchange",n),t.oncontrollerchange=n}}))}();return await async function(e){const t=()=>"activated"===e.state;await new Promise((async n=>{t()?n():e.onstatechange=()=>{t()&&(e.onstatechange=null,n())}}))}(r),r}async function O(e,{key:t,port:n}){return await x({key:t,communicationPort:n,handler:async(t,n,r)=>(m(r,e),!0)})}async function L(e,{key:t,port:n}){const r=await P({key:t,communicationPort:n});return await h(r,e)}function T({swUrl:e=new URL("./index-sw.js",import.meta.url)+"",scopeUrl:t=new URL("../",import.meta.url)+""}={}){let n;return async r=>{if("CONNECT"===r.data.type){const a=(r.ports||[])[0];if(n)return void a.close();n=a,await k({swUrl:e,scopeUrl:t});const o=E();o.onmessage=e=>{n.postMessage(e.data,e.ports)},n.onmessage=e=>{o.postMessage(e.data,e.ports)}}}}async function C({baseUrl:e=new URL("../public-relay/",import.meta.url),url:t=new URL("relay.html",e),container:n=document.body}={}){const r=new MessageChannel,{iframe:a,promise:o}=await async function(e){const t=document.createElement("iframe");return t.src=e,Object.assign(t.style,{padding:0,margin:0,border:"none",outline:"none",width:"100%",height:"100%"}),{iframe:t,promise:new Promise(((e,n)=>{try{t.onerror=n,t.onload=()=>e(t)}catch(e){n(e)}}))}}(t);return Object.assign(a.style,{position:"fixed",width:"1px",height:"1px",top:"-1000",left:"-1000",display:"block",opacity:"0",border:"none",outline:"none"}),n.appendChild(a),o.then((()=>{a.contentWindow.postMessage({type:"CONNECT"},"*",[r.port1])})),{port:r.port2,close:()=>{n.parentElement&&n.parentElement.removeChild(n),r.port1.close(),r.port2.close()}}}async function P({key:e,communicationPort:t,...r}){const a=new MessageChannel;return await n(t,"CONNECT",{key:e,...r},a.port2)?a.port1:(a.port1.close(),a.port2.close(),null)}async function x({key:e,handler:t,communicationPort:o}){const[s,c]=a();return await n(o,"REGISTER",{key:e}),s((()=>n(o,"UNREGISTER",{key:e}))),s(r(o,"CONNECT",t)),c}export{n as callChannel,L as callHttpService,t as deserializeError,y as fromReadableStream,T as getRelayWindowMessageHandler,r as handleChannelCalls,m as handleHttpRequests,i as handleStreams,O as initHttpService,k as initServiceWorker,b as initServiceWorker1,P as initializeConnection,p as newHttpClientStub,w as newHttpServerStub,u as newInvokationChannel,a as newRegistry,C as newRemoteRelayChannel,E as newServiceWorkerPort,o as recieveData,x as registerConnectionsHandler,s as sendData,h as sendHttpRequest,c as sendStream,e as serializeError,v as splitServiceUrl,d as toReadableStream};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@statewalker/webrun-http-browser",
-  "version": "0.1.0",
+  "version": "0.2.1",
   "description": "Service-worker-based HTTP server simulation for browsers",
   "keywords": [],
   "homepage": "https://github.com/statewalker/statewalker-webrun-http-browser",

package/public/index.html

@@ -17,8 +17,9 @@
   <div id="panel"></div>
 
   <script type="module">
-    import newHttpAdapter from "./index.js";
     import { v4 as uuidv4 } from "https://unpkg.com/uuid@9.0.0/dist/esm-browser/index.js";
+    import * as relayLib from "../dist/index.js";
+    import { callPeriodically } from "../public-relay/heartbeat.js";
 
     document.addEventListener("DOMContentLoaded", main);
     // Promise.resolve().then(main).catch(console.error);
@@ -26,102 +27,69 @@
     async function main() {
 
       const key = uuidv4();
-      const prefix = `/${key}/`; // "/sw-http/"
-      const httpAdapter= newHttpAdapter({ key });
-      await httpAdapter.start();
-
-      function showMessage(message) {
-        const elm = document.body.querySelector("#messages");
-        elm.innerHTML = message;
-      }
-      showMessage("No messages yet... :(")
-
-      window.addEventListener("message", receiveMessage, false);
-      function receiveMessage(event) {
-        // const [port] = event.ports || [];
-        if (event.ports) {
-          event.ports[0]?.postMessage("Message back from the IFrame");
-          console.log('EVENT WITH PORTS:', event, event.ports);
-        }
-        showMessage(`Message from "${event.origin}". Data:"${JSON.stringify(event.data)}" !`)
-      }
-
-      const registration = await httpAdapter.register(prefix, async (request) => {
-        const requestUrl = new URL(request.url);
-        const elm = document.querySelector("#counter");
-        elm.innerHTML = `URL: ${requestUrl}<br />Last Request Time: ${Date.now()}`;
-
-        const { pathname } = requestUrl;
-        if (request.method === 'GET' && pathname.match(/\.js$/)) {
-          const code = `export default function sayHello() { return 'Hello, there ${Date.now()}!'; }`
-          return new Response(code, {
-            headers: {
-              "Content-Type": "text/javascript",
-              "X-Foo-Bar": "baz"
-            }
-          })
-        } else if (request.method === 'POST') {
-          const body = await request.text();
-          console.log('[client] Body:', body);
-          const obj = {
-            url: request.url + '',
-            method: request.method,
-            message: body.toUpperCase(),
-            headers: Object.fromEntries([...request.headers])
-          }
-          return new Response(JSON.stringify(obj, null, 2), {
-            headers: {
-              "Content-Type": "application/json",
-              "X-Foo-Bar": "baz"
-            }
-          })
-        }
+      const [register, cleanup] = relayLib.newRegistry();
+
+      const options = {
+        // url: new URL(`../public-relay/relay.html?${Math.random()}`, import.meta.url),
+        // container: document.body,
+      };
+      const serviceKey = "abc";
+
+      // ---------------------------
+      // Server-side part 
+      const serverPort = await relayLib.newRemoteRelayChannel(options);
+      register(serverPort.close);
 
-        return new Response("Hello, world " + Date.now(), {
+      const serviceHandler = async (request) => {
+        const info = relayLib.splitServiceUrl(request.url);
+
+        const result = {
+          message: "Hello Wonderful World!",
+          ...info
+        }
+        return new Response(JSON.stringify(result, null, 2), {
           headers: {
-            "Content-Type": "text/plain",
-            "X-Foo-Bar": "baz"
+            "Content-Type": "application/json"
           }
         })
-
-      })
-
-      const { baseUrl } = registration;
-
-      const btn = document.querySelector("#button");
-      const panel = document.querySelector("#panel");
-      const info = document.querySelector("#info").innerText = baseUrl;
-
-      btn.addEventListener("click", async (ev) => {
-        ev.preventDefault();
-        ev.stopPropagation();
-        const fetchUrl = new URL("./data-calls.js", baseUrl) + '';
-        console.log('Fetch URL:', fetchUrl);
-        const res = await fetch(fetchUrl, {
-          // method: 'POST',
-          // body: "Hello, there!",
-          // headers: {
-          //   "Content-Type": "text/plain"
-          // }
-        });
-        const content = await res.text();
-        panel.innerText = content;
-      })
-      await new Promise(r => setTimeout(r, 2000));
-
-      // (async function () {
-      //   try {
-      //     const scriptUrl = new URL("./xyz/sayHello.js", baseUrl) + '';
-      //     console.log('>TF', scriptUrl);
-      //     await new Promise(r => setTimeout(r, 2000));
-      //     const { default: sayHello } = await import(scriptUrl);
-      //     console.log(sayHello);
-      //     console.log(sayHello())
-      //   } catch (error) {
-      //     console.error(error);
-      //   }
-      // })();
-
+      };
+      register(await relayLib.initHttpService(serviceHandler, {
+        key: serviceKey,
+        port: serverPort.port
+      }))
+
+      // ---------------------------
+      // Call the defined endpoint. 
+
+      // We can not use the "fech" method - to be able
+      // to use it this page should be served from the same root URL
+      // as the service worker managing pages. 
+      // To deal with this constraint we use the connection
+      // port allowing to perform direct calls using
+      // the explicit service key on the client.
+      const clientPort = await relayLib.newRemoteRelayChannel(options);
+      register(clientPort.close);
+
+      const request = new Request(`http://www.foo.bar/titi/toto`);
+      const response = await relayLib.callHttpService(request, {
+        key: serviceKey,
+        port: clientPort.port
+      });
+      const json = await response.json();
+      console.log('* Response:', json);
+
+
+      // // ---------------------------
+      // // Start hearbeting calls - to avoid removal of the underlying ServiceWorker
+      // // const url = new URL(`../public-relay/~.ping`, import.meta.url);
+      // register(callPeriodically(async () => {
+      //   const response = await relayLib.callHttpService(new Request("~sys/ping/"), {
+      //     key: serviceKey,
+      //     port: clientPort.port
+      //   })
+      //   const result = await response.json();
+      //   console.log(result);
+      // }, 10000))
 
     }
 

package/public-relay/heartbeat.js

@@ -9,7 +9,7 @@ export function startHeartbit({
   }, timeout);
 }
 
-async function callPeriodically(action, timeout) {
+export async function callPeriodically(action, timeout) {
   let timerId, stopped = false;
   async function run() {
     try {

package/public-relay/relay-sw.js

@@ -1,343 +1,6 @@
-import {
-  // serializeError, deserializeError,
-  callChannel,
-  handleChannelCalls,
-  newRegistry,
-  sendHttpRequest,
-} from "../dist/index.js";
-import { registerConnectionsHandler } from "./relay-lib.js";
-
-if (typeof self.skipWaiting === "function") {
-  console.log("self.skipWaiting() is supported.");
-  self.addEventListener("install", (e) => {
-    // See https://slightlyoff.github.io/ServiceWorker/spec/service_worker/index.html#service-worker-global-scope-skipwaiting
-    e.waitUntil(self.skipWaiting());
-  });
-} else {
-  console.log("self.skipWaiting() is not supported.");
-}
-
-if (self.clients && (typeof self.clients.claim === "function")) {
-  console.log("self.clients.claim() is supported.");
-  self.addEventListener("activate", (e) => {
-    // See https://slightlyoff.github.io/ServiceWorker/spec/service_worker/index.html#clients-claim-method
-    e.waitUntil(self.clients.claim());
-  });
-} else {
-  console.log("self.clients.claim() is not supported.");
-}
-
-const baseUrl = new URL("./", import.meta.url) + "";
-const clientsRegistry = newClientsRegistry(self);
-
-// This listener handles the following message types:
-// * registration: registers new clients as service providers
-// * handles service calls rounting:
-//   - it gets the clientKey defined in the call
-//   - it uses the serviceKey to get the service-specifc channel
-//   - it creates a new message channel and sent its ports to peers
-
-const [register, clear] = newRegistry();
-
-register(handleChannelCalls(self, "REGISTER", async (event, data) => {
-  return await clientsRegistry.addClient(data.key, event.source);
-}));
-register(handleChannelCalls(self, "UNREGISTER", async (event, data) => {
-  return await clientsRegistry.removeClient(data.key);
-}));
-
-// Transfers all parameters (and ports) to the target client.
-register(handleChannelCalls(self, "CONNECT", async (event, data, port) => {
-  const { key } = data;
-  const client = await clientsRegistry.getClient(key);
-  if (!client) {
-    throw new Error(`Target client was not found. Target key: "${key}".`);
-  }
-  return await callChannel(client, "CONNECT", data, port);
-}));
-
-function splitServiceUrl(url, separator = "~") {
-  let key = "";
-  let path = "";
-  let str = url + "";
-  const idx = str.indexOf(separator);
-  let baseUrl = "";
-  if (idx >= 0) {
-    baseUrl = str.substring(0, idx + separator.length);
-    str.substring(idx + separator.length)
-      .replace(/^([^\/]+)/, (match, $1) => {
-        baseUrl += match;
-        if (baseUrl.length < str.length) { baseUrl += "/"; }
-        key = $1;
-        path = str.substring(baseUrl.length);
-        return "";
-      });
-  }
-  return {
-    url,
-    key,
-    baseUrl,
-    path
-  };
-}
-self.addEventListener("fetch", (event) => {
-  const request = event.request;
-  const params = splitServiceUrl(request.url);
-  const { key } = params;
-  if (key) {
-    event.respondWith((async () => {
-      try {
-        const channel = new MessageChannel();
-        const client = await clientsRegistry.getClient(key);
-        if (!client) {
-          throw HttpError.errorResourceGone(params);
-        }
-        const data = {
-          type: "http",
-          key,
-        };
-        if (!await callChannel(client, "CONNECT", data, channel.port2)) {
-          throw HttpError.errorForbidden(params);
-        }
-        return await sendHttpRequest(channel.port1, request);
-      } catch (error) {
-        error = HttpError.fromError(error);
-        const options = error.getResponseOptions(params);
-        return new Response(JSON.stringify(options), {
-          ...options,
-          headers: {
-            "Content-Type": "text/javascript",
-          },
-        });
-      }
-    })());
-  }
-});
-// self.onmessage = (event) => {
-//   console.log("SW MESSAGE:", event, event.ports);
-//   const [port] = event.ports || [];
-//   if (port) {
-//     port.onmessage = (ev) => {
-//       // const data = ev.data || {};
-//       console.log("Reply from the other side of the moon", ev);
-//       // port.postMessage({
-//       //   message: "Reply from the other side",
-//       //   ...data
-//       // })
-//     };
-//     port.postMessage({ message: "Message from the Service Worker HELL!" });
-//   }
-// };
-
-class HttpError extends Error {
-  constructor(options) {
-    super(options.message);
-    this.status = options.status;
-    this.statusText = options.statusText;
-  }
-  getResponseOptions(options = {}) {
-    return Object.assign(this.toJson(), options);
-  }
-  toJson() {
-    return {
-      status: this.status,
-      statusText: this.statusText,
-      message: this.message,
-    };
-  }
-
-  static fromError(error) {
-    if (!(error instanceof HttpError)) {
-      error = new HttpError(Object.assign({
-        status: 500,
-        statusText: "Bad Request",
-        reason: error.message,
-      }));
-    }
-    return error;
-  }
-
-  static errorResourceNotFound(options = {}) {
-    return new HttpError({
-      status: 404,
-      statusText: "Error 404: Resource not found",
-      ...options,
-    });
-  }
-  static errorForbidden(options = {}) {
-    return new HttpError({
-      status: 403,
-      statusText: "Error 403: Forbidden",
-      ...options,
-    });
-  }
-
-  static errorResourceGone(options = {}) {
-    return new HttpError({
-      status: 410,
-      statusText: "Error 410: Resource Gone",
-      ...options,
-    });
-  }
-
-  static errorInternalError(options) {
-    return new HttpError({
-      ...options,
-      status: 500,
-      statusText: "Error 500: Internal error",
-    });
-  }
-}
-
-// self.addEventListener("fetch", (event) => {
-//   console.log("fetching resource", event);
-//   const request = event.request;
-//   const requestUrl = request.url;
-//   if (requestUrl.match(/\/ping$/)) {
-//     event.respondWith((async () => {
-//       return new Response("pong", { status: 200 });
-//     })());
-//   } else if (requestUrl.indexOf(baseUrl) === 0) {
-//     const clientKey = requestUrl
-//       .substring(baseUrl.length)
-//       .replace(/^\/?([^\/]+).*$/, "$1");
-//     if (clientKey) {
-//       event.respondWith((async () => {
-//         try {
-//           const client = await clientsRegistry.getClient(clientKey);
-//           if (!client) { throw HttpError.errorResourceGone(); }
-//           const port = portsRegistry.getClientPort(client, "http");
-
-//           return new Response("pong", { status: 200 });
-//         } catch (error) {
-//           if (!(error instanceof HttpError)) {
-//             error = HttpError.errorInternalError(error);
-//           }
-//           console.error(error);
-//           return new Response(null, error.getResponseOptions());
-//         }
-//       })());
-//     }
-//   }
-//   // const response = new Response(
-//   //   `<p>This is a response that comes from your service worker! ${Date.now()}</p>`,
-//   //   {
-//   //     headers: { "Content-Type": "text/html" },
-//   //   },
-//   // );
-//   // event.respondWith(response);
-// });
-
-// --------------------------------------------
-// errors.js
-
-// --------------------------------------------
-
-function newClientsRegistry(self) {
-  const KEY = "clientsIds";
-
-  let _index;
-  async function loadClientsIndex() {
-    if (!_index) {
-      const entries = (await get(KEY)) || [];
-      _index = Object.fromEntries(entries);
-    }
-    return _index;
-  }
-  async function storeClientsIndex() {
-    const index = await loadClientsIndex();
-    const entries = Object.entries(index);
-    await set(KEY, entries);
-    return index;
-  }
-
-  async function addClient(clientKey, client) {
-    const index = await loadClientsIndex();
-    const clientId = client.id;
-    let result = false;
-    if (!(clientId in index)) {
-      index[clientKey] = clientId;
-      await storeClientsIndex();
-      result = true;
-    }
-    return result;
-  }
-
-  async function removeClient(clientKey) {
-    const index = await loadClientsIndex();
-    let result = false;
-    if (clientKey in index) {
-      delete index[clientKey];
-      await storeClientsIndex();
-      result = true;
-    }
-    return result;
-  }
-
-  async function getClient(clientKey) {
-    const index = await loadClientsIndex();
-    const clientId = index[clientKey];
-    const client = await self.clients.get(clientId);
-    if (!client) {
-      delete index[clientKey];
-      await storeClientsIndex();
-    }
-    return client;
-  }
-
-  return {
-    getClient,
-    addClient,
-    removeClient,
-  };
-}
-// ----------------------------------------------------
-// Content of the "idb-keyval" package
-// import { get, set } from "idb-keyval";
-
-function promisifyRequest(request) {
-  return new Promise((resolve, reject) => {
-    // @ts-ignore - file size hacks
-    request.oncomplete = request.onsuccess = () => resolve(request.result);
-    // @ts-ignore - file size hacks
-    request.onabort = request.onerror = () => reject(request.error);
-  });
-}
-function createStore(dbName, storeName) {
-  const request = indexedDB.open(dbName);
-  request.onupgradeneeded = () => request.result.createObjectStore(storeName);
-  const dbp = promisifyRequest(request);
-  return (txMode, callback) =>
-    dbp.then((db) =>
-      callback(db.transaction(storeName, txMode).objectStore(storeName))
-    );
-}
-let defaultGetStoreFunc;
-function defaultGetStore() {
-  if (!defaultGetStoreFunc) {
-    defaultGetStoreFunc = createStore("keyval-store", "keyval");
-  }
-  return defaultGetStoreFunc;
-}
-/**
- * Get a value by its key.
- *
- * @param key
- * @param customStore Method to get a custom store. Use with caution (see the docs).
- */
-function get(key, customStore = defaultGetStore()) {
-  return customStore("readonly", (store) => promisifyRequest(store.get(key)));
-}
-/**
- * Set a value with a key.
- *
- * @param key
- * @param value
- * @param customStore Method to get a custom store. Use with caution (see the docs).
- */
-function set(key, value, customStore = defaultGetStore()) {
-  return customStore("readwrite", (store) => {
-    store.put(value, key);
-    return promisifyRequest(store.transaction);
-  });
-}
+// It is important to include the Service Worker in this file:
+// the service worker controls all resources starting from the 
+// base URL of the running script.
+// By including the script directly (without this file) you change 
+// the base URL of the controlled resources, and it is not what you want!
+importScripts("../dist/index-sw.js");

package/public-relay/relay.html

@@ -1,33 +1,12 @@
 <!DOCTYPE html>
 <html>
-
 <body>
   <script type="module">
-    import { newServiceWorkerPort, initServiceWorker } from "./relay-lib.js";
-
-    const swUrl = new URL("./relay-sw.js", import.meta.url) + "";
-
-    let externalPort;
-    window.onmessage = async (ev) => {
-      if (ev.data.type === "CONNECT") {
-        const newExternalPort = (ev.ports || [])[0];
-        if (externalPort) {
-          newExternalPort.close();
-          return;
-        }
-        externalPort = newExternalPort;
-        await initServiceWorker(swUrl);
-        const serviceWorkerPort = newServiceWorkerPort();
-        serviceWorkerPort.onmessage = (event) => {
-          externalPort.postMessage(event.data, event.ports);
-        };
-
-        externalPort.onmessage = (event) => {
-          serviceWorkerPort.postMessage(event.data, event.ports);
-        };
-      }
-    };
+    import { getRelayWindowMessageHandler } from "../dist/index.js";
+    window.onmessage = getRelayWindowMessageHandler({
+      swUrl : new URL("./relay-sw.js", import.meta.url) + "",
+      scopeUrl : new URL("./", import.meta.url) + "",
+    });
   </script>
 </body>
-
 </html>