@webview-bridge/web 1.5.3 → 1.6.0-rc.1

package/dist/commonjs/index.cjs

@@ -1 +1 @@
-"use strict";var p=Object.defineProperty,R=Object.defineProperties,A=Object.getOwnPropertyDescriptor,D=Object.getOwnPropertyDescriptors,K=Object.getOwnPropertyNames,T=Object.getOwnPropertySymbols;var O=Object.prototype.hasOwnProperty,J=Object.prototype.propertyIsEnumerable;var S=(t,e,r)=>e in t?p(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,l=(t,e)=>{for(var r in e||(e={}))O.call(e,r)&&S(t,r,e[r]);if(T)for(var r of T(e))J.call(e,r)&&S(t,r,e[r]);return t},B=(t,e)=>R(t,D(e));var I=(t,e)=>{for(var r in e)p(t,r,{get:e[r],enumerable:!0})},C=(t,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of K(e))!O.call(t,n)&&n!==r&&p(t,n,{get:()=>e[n],enumerable:!(o=A(e,n))||o.enumerable});return t};var $=t=>C(p({},"__esModule",{value:!0}),t);var w=(t,e,r)=>(S(t,typeof e!="symbol"?e+"":e,r),r);var M=(t,e,r)=>new Promise((o,n)=>{var i=a=>{try{c(r.next(a))}catch(d){n(d)}},s=a=>{try{c(r.throw(a))}catch(d){n(d)}},c=a=>a.done?o(a.value):Promise.resolve(a.value).then(i,s);c((r=r.apply(t,e)).next())});var G={};I(G,{MethodNotFoundError:()=>v,NativeMethodError:()=>f,linkBridge:()=>b,linkNativeMethod:()=>H,registerWebMethod:()=>q});module.exports=$(G);var v=class extends Error{constructor(e){super(`Method ${e} is not defined`),this.name="MethodNotFoundError"}},f=class extends Error{constructor(e){super(`An error occurred in the native bridge: ${e}`),this.name="NativeMethodError"}};var h=()=>({events:{},emit(t,...e){let r=this.events[t]||[];for(let o=0,n=r.length;o<n;o++)r[o](...e)},on(t,e){var r;return(r=this.events[t])!=null&&r.push(e)||(this.events[t]=[e]),()=>{var o;this.events[t]=(o=this.events[t])==null?void 0:o.filter(n=>e!==n)}}}),P=({emitter:t,evaluate:e,eventId:r,failHandler:o=!1,methodName:n,onFallback:i})=>new Promise((s,c)=>{let a=t.on(`${n}-${r}`,(d,m)=>{a(),m?o instanceof Error?(i==null||i(),c(o)):s(void 0):s(d)});e()});var k="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";var V=(t=21)=>Array.from({length:t},()=>k[Math.floor(Math.random()*k.length)]).join("");var y=(t,e)=>{if(t===e)return!0;if(t&&e&&typeof t=="object"&&typeof e=="object"){let r=Array.isArray(t),o=Array.isArray(e),n,i,s;if(r&&o){if(i=t.length,i!==e.length)return!1;for(n=i;n--!==0;)if(!y(t[n],e[n]))return!1;return!0}if(r!==o)return!1;let c=Object.keys(t);if(i=c.length,i!==Object.keys(e).length)return!1;for(n=i;n--!==0;)if(!Object.prototype.hasOwnProperty.call(e,c[n]))return!1;for(n=i;n--!==0;)if(s=c[n],!y(t[s],e[s]))return!1;return!0}return t!==t&&e!==e};var _=t=>(Object.keys(t).forEach(e=>{t[e]===void 0&&delete t[e]}),t);var L=(t,e=!0)=>new Promise((r,o)=>{setTimeout(()=>{e?o(new Error("Timeout")):r(void 0)},t)});var N=()=>new Proxy({},{get:()=>()=>Promise.resolve()});var W=(t,e={},r={})=>{let o=()=>i,n=d=>{let m=l(l({},i),_(d));if(y(i,m))return;let g=i;i=m,c(i,g)};t.on("bridgeStateChange",d=>{n(d)});let i=l(l({},e),r),s=new Set,c=(d,m)=>{for(let g of s)g(d,m)};return{getState:o,subscribe:d=>(s.add(d),()=>s.delete(d))}};var E=()=>({state:{},getState(){return this.state},subscribe(){return()=>{}}});var x=class{constructor(e,r,o,n){this.options=e;this._emitter=r;this._bridgeMethods=o;this._nativeInitialState=n;w(this,"defaultTimeoutMs",2e3);w(this,"store",E());w(this,"loose",N());this._hydrate(o,n)}get isWebViewBridgeAvailable(){return!!window.ReactNativeWebView&&this._bridgeMethods.length>0}isNativeMethodAvailable(e){return typeof e=="string"&&!!window.ReactNativeWebView&&this._bridgeMethods.includes(e)}addEventListener(e,r){return this._emitter.on(`postMessage/${String(e)}`,r)}_postMessage(e,r){var o;(o=window.ReactNativeWebView)==null||o.postMessage(JSON.stringify(r?{type:e,body:r}:{type:e}))}_createNativeMethod(e,r,o,n){return(...i)=>{let s=V();return Promise.race([P({emitter:this._emitter,methodName:e,eventId:s,evaluate:()=>{this._postMessage("bridge",{method:e,eventId:s,args:i})},onFallback:()=>{n==null||n(e,i)},failHandler:r&&new f(e)}),o>0&&L(o,r)].filter(Boolean))}}_willMethodThrowOnError(e){let{throwOnError:r}=this.options;return r===!0||Array.isArray(r)&&r.includes(e)}_createLoose(e){let{timeout:r=this.defaultTimeoutMs,onFallback:o}=this.options;return new Proxy(e,{get:(n,i)=>i in n&&!["isWebViewBridgeAvailable","isNativeMethodAvailable"].includes(i)?n[i]:this._createNativeMethod(i,this._willMethodThrowOnError(i),r,o)})}_hydrate(e,r={}){var s;this._bridgeMethods=e,this._nativeInitialState=r;let{timeout:o=this.defaultTimeoutMs,onFallback:n}=this.options,i=e.reduce((c,a)=>{let d=this._createNativeMethod(a,this._willMethodThrowOnError(a),o,n);return this[a]=d,B(l({},c),{[a]:d})},{});this.loose=this._createLoose(i),this.store=W(this._emitter,i,r),document.addEventListener("visibilitychange",()=>{document.visibilityState==="visible"&&this._postMessage("getBridgeState")}),this._postMessage("getBridgeState");for(let[c,...a]of(s=window.nativeBatchedEvents)!=null?s:[])this._emitter.emit(c,...a);return window.nativeBatchedEvents=[],!0}};var b=(t={timeout:2e3,throwOnError:!1})=>{var a,d;if(typeof window=="undefined")return{store:E()};window.ReactNativeWebView||console.warn("[WebViewBridge] Not in a WebView environment");let e=h();window.nativeEmitter||(window.nativeEmitter=e);let r=(a=window.__bridgeMethods__)!=null?a:[],o=(d=window.__bridgeInitialState__)!=null?d:{},n=new x(t,e,r,o);if(r.length===0){let m=e.on("hydrate",({bridgeMethods:g,nativeInitialState:u})=>{n._hydrate(g,u),m()})}let{onFallback:i,onReady:s}=t,c=new Proxy(n,{get:(m,g,u)=>g in m?m[g]:(u._postMessage("fallback",{method:g}),u._willMethodThrowOnError(g)?(...j)=>(i==null||i(g,j),Promise.reject(new v(g))):(console.warn(`[WebViewBridge] ${g} is not defined, using fallback.`),()=>Promise.resolve()))});return s==null||s(c),c};var H=(t={timeout:2e3,throwOnError:!1})=>b(t);var q=t=>{if(typeof window!="undefined"&&!window.ReactNativeWebView)return console.warn("[WebViewBridge] Not in a WebView environment"),t;let e=Object.entries(t),r=Object.keys(t),o=h();window.webEmitter=o;for(let[i,s]of e){let c=(a,d)=>M(void 0,null,function*(){var m,g;try{let u=yield s(...d);(m=window.ReactNativeWebView)==null||m.postMessage(JSON.stringify({type:"webMethodResponse",body:{funcName:i,eventId:a,value:u}}))}catch(u){(g=window.ReactNativeWebView)==null||g.postMessage(JSON.stringify({type:"webMethodError",body:{funcName:i,eventId:a,error:JSON.stringify(u)}}))}});o.on(i,c)}let n=()=>{var i;(i=window.ReactNativeWebView)==null||i.postMessage(JSON.stringify({type:"registerWebMethod",body:{bridgeNames:r}})),window.removeEventListener("DOMContentLoaded",n)};return window.ReactNativeWebView?(document.addEventListener("visibilitychange",()=>{var i;document.visibilityState==="visible"&&((i=window.ReactNativeWebView)==null||i.postMessage(JSON.stringify({type:"registerWebMethod",body:{bridgeNames:r}})))}),n(),t):(window.addEventListener("DOMContentLoaded",n),t)};0&&(module.exports={MethodNotFoundError,NativeMethodError,linkBridge,linkNativeMethod,registerWebMethod});
+"use strict";var w=Object.defineProperty,W=Object.defineProperties,R=Object.getOwnPropertyDescriptor,A=Object.getOwnPropertyDescriptors,D=Object.getOwnPropertyNames,x=Object.getOwnPropertySymbols;var O=Object.prototype.hasOwnProperty,K=Object.prototype.propertyIsEnumerable;var S=(t,e,r)=>e in t?w(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,f=(t,e)=>{for(var r in e||(e={}))O.call(e,r)&&S(t,r,e[r]);if(x)for(var r of x(e))K.call(e,r)&&S(t,r,e[r]);return t},T=(t,e)=>W(t,A(e));var J=(t,e)=>{for(var r in e)w(t,r,{get:e[r],enumerable:!0})},I=(t,e,r,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of D(e))!O.call(t,i)&&i!==r&&w(t,i,{get:()=>e[i],enumerable:!(s=R(e,i))||s.enumerable});return t};var C=t=>I(w({},"__esModule",{value:!0}),t);var m=(t,e,r)=>(S(t,typeof e!="symbol"?e+"":e,r),r);var B=(t,e,r)=>new Promise((s,i)=>{var n=o=>{try{l(r.next(o))}catch(g){i(g)}},c=o=>{try{l(r.throw(o))}catch(g){i(g)}},l=o=>o.done?s(o.value):Promise.resolve(o.value).then(n,c);l((r=r.apply(t,e)).next())});var q={};J(q,{MethodNotFoundError:()=>v,NativeMethodError:()=>p,linkBridge:()=>$,registerWebMethod:()=>H});module.exports=C(q);var v=class extends Error{constructor(e){super(`Method ${e} is not defined`),this.name="MethodNotFoundError"}},p=class extends Error{constructor(e){super(`An error occurred in the native bridge: ${e}`),this.name="NativeMethodError"}};var h=()=>({events:{},emit(t,...e){let r=this.events[t]||[];for(let s=0,i=r.length;s<i;s++)r[s](...e)},on(t,e){var r;return(r=this.events[t])!=null&&r.push(e)||(this.events[t]=[e]),()=>{var s;this.events[t]=(s=this.events[t])==null?void 0:s.filter(i=>e!==i)}}}),M=({emitter:t,evaluate:e,eventId:r,failHandler:s=!1,methodName:i,onFallback:n})=>new Promise((c,l)=>{let o=t.on(`${i}-${r}`,(g,a)=>{o(),a?s instanceof Error?(n==null||n(),l(s)):c(void 0):c(g)});e()});var _="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";var P=(t=21)=>Array.from({length:t},()=>_[Math.floor(Math.random()*_.length)]).join("");var y=(t,e)=>{if(t===e)return!0;if(t&&e&&typeof t=="object"&&typeof e=="object"){let r=Array.isArray(t),s=Array.isArray(e),i,n,c;if(r&&s){if(n=t.length,n!==e.length)return!1;for(i=n;i--!==0;)if(!y(t[i],e[i]))return!1;return!0}if(r!==s)return!1;let l=Object.keys(t);if(n=l.length,n!==Object.keys(e).length)return!1;for(i=n;i--!==0;)if(!Object.prototype.hasOwnProperty.call(e,l[i]))return!1;for(i=n;i--!==0;)if(c=l[i],!y(t[c],e[c]))return!1;return!0}return t!==t&&e!==e};var k=t=>(Object.keys(t).forEach(e=>{t[e]===void 0&&delete t[e]}),t);var V=(t,e=!0)=>new Promise((r,s)=>{setTimeout(()=>{e?s(new Error("Timeout")):r(void 0)},t)});var L=()=>new Proxy({},{get:()=>()=>Promise.resolve()});var j=(t,e={})=>{let r=()=>i,s=o=>{let g=f(f({},i),k(o));if(y(i,g))return;let a=i;i=g,c(i,a)};t.on("bridgeStateChange",o=>{s(o)});let i=f({},e),n=new Set,c=(o,g)=>{for(let a of n)a(o,g)};return{getState:r,subscribe:o=>(n.add(o),()=>n.delete(o))}};var b=(t={})=>{let e=t;return{getState:()=>e,subscribe:()=>()=>{}}};var E=class{constructor(e,r,s=[],i){this._options=e;this._emitter=r;this._bridgeMethods=s;this._nativeInitialState=i;m(this,"_defaultTimeoutMs",2e3);m(this,"_isListenerRegistered",!1);m(this,"store",b());m(this,"loose",L());this._hydrate(s,i)}get isReactNativeWebView(){return!!window.ReactNativeWebView}get isWebViewBridgeAvailable(){return this._bridgeMethods.length>0}isNativeMethodAvailable(e){return typeof e=="string"&&this._bridgeMethods.includes(e)}addEventListener(e,r){return this._emitter.on(`postMessage/${String(e)}`,r)}_postMessage(e,r){var s;(s=window.ReactNativeWebView)==null||s.postMessage(JSON.stringify(r?{type:e,body:r}:{type:e}))}_createNativeMethod(e,r,s,i){return(...n)=>{let c=P();return Promise.race([M({emitter:this._emitter,methodName:e,eventId:c,evaluate:()=>{this._postMessage("bridge",{method:e,eventId:c,args:n})},onFallback:()=>{i==null||i(e,n)},failHandler:r&&new p(e)}),s>0&&V(s,r)].filter(Boolean))}}_willMethodThrowOnError(e){let{throwOnError:r}=this._options;return r===!0||Array.isArray(r)&&r.includes(e)}_createLoose(e){let{timeout:r=this._defaultTimeoutMs,onFallback:s}=this._options;return new Proxy(e,{get:(i,n)=>n in i&&!["isWebViewBridgeAvailable","isNativeMethodAvailable"].includes(n)?i[n]:this._createNativeMethod(n,this._willMethodThrowOnError(n),r,s)})}_hydrate(e,r={}){var g;let{timeout:s=this._defaultTimeoutMs,onFallback:i,initialBridge:n={}}=this._options,c=Object.entries(n).filter(([a,d])=>typeof d=="function"),l=c.map(([a])=>a);Object.defineProperties(this,Object.fromEntries(c.map(([a,d])=>[a,{value:d,writable:!0}]))),this._bridgeMethods=[...e,...l],this._nativeInitialState=r;let o=e.reduce((a,d)=>{if(!this.isReactNativeWebView)return a;let u=this._createNativeMethod(d,this._willMethodThrowOnError(d),s,i);return Object.defineProperty(this,d,{value:u,writable:!1}),T(f({},a),{[d]:u})},n);if(this.loose=this._createLoose(o),this.store=j(this._emitter,f(f({},o),r)),!this._isListenerRegistered){let a=()=>{document.visibilityState==="visible"&&this._postMessage("getBridgeState")};document.addEventListener("visibilitychange",a),this._isListenerRegistered=!0}this._postMessage("getBridgeState");for(let[a,...d]of(g=window.nativeBatchedEvents)!=null?g:[])this._emitter.emit(a,...d);return window.nativeBatchedEvents=[],!0}};var $=(t={timeout:2e3,throwOnError:!1})=>{var o,g;if(typeof window=="undefined")return{store:b(t==null?void 0:t.initialBridge)};window.ReactNativeWebView||console.warn("[WebViewBridge] Not in a WebView environment");let e=h();window.nativeEmitter||(window.nativeEmitter=e);let r=(o=window.__bridgeMethods__)!=null?o:[],s=(g=window.__bridgeInitialState__)!=null?g:{},i=new E(t,e,r,s);if(r.length===0){let a=e.on("hydrate",({bridgeMethods:d,nativeInitialState:u})=>{i._hydrate(d,u),a()})}let{onFallback:n,onReady:c}=t,l=new Proxy(i,{get:(a,d,u)=>d in a?a[d]:(u._postMessage("fallback",{method:d}),u._willMethodThrowOnError(d)?(...N)=>(n==null||n(d,N),Promise.reject(new v(d))):(console.warn(`[WebViewBridge] ${d} is not defined, using fallback.`),()=>Promise.resolve()))});return c==null||c(l),l};var H=t=>{if(typeof window!="undefined"&&!window.ReactNativeWebView)return console.warn("[WebViewBridge] Not in a WebView environment"),t;let e=Object.entries(t),r=Object.keys(t),s=h();window.webEmitter=s;for(let[n,c]of e){let l=(o,g)=>B(void 0,null,function*(){var a,d;try{let u=yield c(...g);(a=window.ReactNativeWebView)==null||a.postMessage(JSON.stringify({type:"webMethodResponse",body:{funcName:n,eventId:o,value:u}}))}catch(u){(d=window.ReactNativeWebView)==null||d.postMessage(JSON.stringify({type:"webMethodError",body:{funcName:n,eventId:o,error:JSON.stringify(u)}}))}});s.on(n,l)}let i=()=>{var n;(n=window.ReactNativeWebView)==null||n.postMessage(JSON.stringify({type:"registerWebMethod",body:{bridgeNames:r}})),window.removeEventListener("DOMContentLoaded",i)};return window.ReactNativeWebView?(document.addEventListener("visibilitychange",()=>{var n;document.visibilityState==="visible"&&((n=window.ReactNativeWebView)==null||n.postMessage(JSON.stringify({type:"registerWebMethod",body:{bridgeNames:r}})))}),i(),t):(window.addEventListener("DOMContentLoaded",i),t)};0&&(module.exports={MethodNotFoundError,NativeMethodError,linkBridge,registerWebMethod});

package/dist/module/index.mjs

@@ -1 +1 @@
-var W=Object.defineProperty,j=Object.defineProperties;var R=Object.getOwnPropertyDescriptors;var S=Object.getOwnPropertySymbols;var A=Object.prototype.hasOwnProperty,D=Object.prototype.propertyIsEnumerable;var x=(t,e,r)=>e in t?W(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,l=(t,e)=>{for(var r in e||(e={}))A.call(e,r)&&x(t,r,e[r]);if(S)for(var r of S(e))D.call(e,r)&&x(t,r,e[r]);return t},b=(t,e)=>j(t,R(e));var v=(t,e,r)=>(x(t,typeof e!="symbol"?e+"":e,r),r);var T=(t,e,r)=>new Promise((o,n)=>{var i=a=>{try{c(r.next(a))}catch(d){n(d)}},s=a=>{try{c(r.throw(a))}catch(d){n(d)}},c=a=>a.done?o(a.value):Promise.resolve(a.value).then(i,s);c((r=r.apply(t,e)).next())});var f=class extends Error{constructor(e){super(`Method ${e} is not defined`),this.name="MethodNotFoundError"}},p=class extends Error{constructor(e){super(`An error occurred in the native bridge: ${e}`),this.name="NativeMethodError"}};var w=()=>({events:{},emit(t,...e){let r=this.events[t]||[];for(let o=0,n=r.length;o<n;o++)r[o](...e)},on(t,e){var r;return(r=this.events[t])!=null&&r.push(e)||(this.events[t]=[e]),()=>{var o;this.events[t]=(o=this.events[t])==null?void 0:o.filter(n=>e!==n)}}}),O=({emitter:t,evaluate:e,eventId:r,failHandler:o=!1,methodName:n,onFallback:i})=>new Promise((s,c)=>{let a=t.on(`${n}-${r}`,(d,m)=>{a(),m?o instanceof Error?(i==null||i(),c(o)):s(void 0):s(d)});e()});var B="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";var M=(t=21)=>Array.from({length:t},()=>B[Math.floor(Math.random()*B.length)]).join("");var h=(t,e)=>{if(t===e)return!0;if(t&&e&&typeof t=="object"&&typeof e=="object"){let r=Array.isArray(t),o=Array.isArray(e),n,i,s;if(r&&o){if(i=t.length,i!==e.length)return!1;for(n=i;n--!==0;)if(!h(t[n],e[n]))return!1;return!0}if(r!==o)return!1;let c=Object.keys(t);if(i=c.length,i!==Object.keys(e).length)return!1;for(n=i;n--!==0;)if(!Object.prototype.hasOwnProperty.call(e,c[n]))return!1;for(n=i;n--!==0;)if(s=c[n],!h(t[s],e[s]))return!1;return!0}return t!==t&&e!==e};var P=t=>(Object.keys(t).forEach(e=>{t[e]===void 0&&delete t[e]}),t);var k=(t,e=!0)=>new Promise((r,o)=>{setTimeout(()=>{e?o(new Error("Timeout")):r(void 0)},t)});var V=()=>new Proxy({},{get:()=>()=>Promise.resolve()});var _=(t,e={},r={})=>{let o=()=>i,n=d=>{let m=l(l({},i),P(d));if(h(i,m))return;let g=i;i=m,c(i,g)};t.on("bridgeStateChange",d=>{n(d)});let i=l(l({},e),r),s=new Set,c=(d,m)=>{for(let g of s)g(d,m)};return{getState:o,subscribe:d=>(s.add(d),()=>s.delete(d))}};var y=()=>({state:{},getState(){return this.state},subscribe(){return()=>{}}});var E=class{constructor(e,r,o,n){this.options=e;this._emitter=r;this._bridgeMethods=o;this._nativeInitialState=n;v(this,"defaultTimeoutMs",2e3);v(this,"store",y());v(this,"loose",V());this._hydrate(o,n)}get isWebViewBridgeAvailable(){return!!window.ReactNativeWebView&&this._bridgeMethods.length>0}isNativeMethodAvailable(e){return typeof e=="string"&&!!window.ReactNativeWebView&&this._bridgeMethods.includes(e)}addEventListener(e,r){return this._emitter.on(`postMessage/${String(e)}`,r)}_postMessage(e,r){var o;(o=window.ReactNativeWebView)==null||o.postMessage(JSON.stringify(r?{type:e,body:r}:{type:e}))}_createNativeMethod(e,r,o,n){return(...i)=>{let s=M();return Promise.race([O({emitter:this._emitter,methodName:e,eventId:s,evaluate:()=>{this._postMessage("bridge",{method:e,eventId:s,args:i})},onFallback:()=>{n==null||n(e,i)},failHandler:r&&new p(e)}),o>0&&k(o,r)].filter(Boolean))}}_willMethodThrowOnError(e){let{throwOnError:r}=this.options;return r===!0||Array.isArray(r)&&r.includes(e)}_createLoose(e){let{timeout:r=this.defaultTimeoutMs,onFallback:o}=this.options;return new Proxy(e,{get:(n,i)=>i in n&&!["isWebViewBridgeAvailable","isNativeMethodAvailable"].includes(i)?n[i]:this._createNativeMethod(i,this._willMethodThrowOnError(i),r,o)})}_hydrate(e,r={}){var s;this._bridgeMethods=e,this._nativeInitialState=r;let{timeout:o=this.defaultTimeoutMs,onFallback:n}=this.options,i=e.reduce((c,a)=>{let d=this._createNativeMethod(a,this._willMethodThrowOnError(a),o,n);return this[a]=d,b(l({},c),{[a]:d})},{});this.loose=this._createLoose(i),this.store=_(this._emitter,i,r),document.addEventListener("visibilitychange",()=>{document.visibilityState==="visible"&&this._postMessage("getBridgeState")}),this._postMessage("getBridgeState");for(let[c,...a]of(s=window.nativeBatchedEvents)!=null?s:[])this._emitter.emit(c,...a);return window.nativeBatchedEvents=[],!0}};var L=(t={timeout:2e3,throwOnError:!1})=>{var a,d;if(typeof window=="undefined")return{store:y()};window.ReactNativeWebView||console.warn("[WebViewBridge] Not in a WebView environment");let e=w();window.nativeEmitter||(window.nativeEmitter=e);let r=(a=window.__bridgeMethods__)!=null?a:[],o=(d=window.__bridgeInitialState__)!=null?d:{},n=new E(t,e,r,o);if(r.length===0){let m=e.on("hydrate",({bridgeMethods:g,nativeInitialState:u})=>{n._hydrate(g,u),m()})}let{onFallback:i,onReady:s}=t,c=new Proxy(n,{get:(m,g,u)=>g in m?m[g]:(u._postMessage("fallback",{method:g}),u._willMethodThrowOnError(g)?(...N)=>(i==null||i(g,N),Promise.reject(new f(g))):(console.warn(`[WebViewBridge] ${g} is not defined, using fallback.`),()=>Promise.resolve()))});return s==null||s(c),c};var xe=(t={timeout:2e3,throwOnError:!1})=>L(t);var Te=t=>{if(typeof window!="undefined"&&!window.ReactNativeWebView)return console.warn("[WebViewBridge] Not in a WebView environment"),t;let e=Object.entries(t),r=Object.keys(t),o=w();window.webEmitter=o;for(let[i,s]of e){let c=(a,d)=>T(void 0,null,function*(){var m,g;try{let u=yield s(...d);(m=window.ReactNativeWebView)==null||m.postMessage(JSON.stringify({type:"webMethodResponse",body:{funcName:i,eventId:a,value:u}}))}catch(u){(g=window.ReactNativeWebView)==null||g.postMessage(JSON.stringify({type:"webMethodError",body:{funcName:i,eventId:a,error:JSON.stringify(u)}}))}});o.on(i,c)}let n=()=>{var i;(i=window.ReactNativeWebView)==null||i.postMessage(JSON.stringify({type:"registerWebMethod",body:{bridgeNames:r}})),window.removeEventListener("DOMContentLoaded",n)};return window.ReactNativeWebView?(document.addEventListener("visibilitychange",()=>{var i;document.visibilityState==="visible"&&((i=window.ReactNativeWebView)==null||i.postMessage(JSON.stringify({type:"registerWebMethod",body:{bridgeNames:r}})))}),n(),t):(window.addEventListener("DOMContentLoaded",n),t)};export{f as MethodNotFoundError,p as NativeMethodError,L as linkBridge,xe as linkNativeMethod,Te as registerWebMethod};
+var j=Object.defineProperty,N=Object.defineProperties;var W=Object.getOwnPropertyDescriptors;var S=Object.getOwnPropertySymbols;var R=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;var E=(t,e,r)=>e in t?j(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,f=(t,e)=>{for(var r in e||(e={}))R.call(e,r)&&E(t,r,e[r]);if(S)for(var r of S(e))A.call(e,r)&&E(t,r,e[r]);return t},x=(t,e)=>N(t,W(e));var m=(t,e,r)=>(E(t,typeof e!="symbol"?e+"":e,r),r);var O=(t,e,r)=>new Promise((s,i)=>{var n=o=>{try{l(r.next(o))}catch(g){i(g)}},c=o=>{try{l(r.throw(o))}catch(g){i(g)}},l=o=>o.done?s(o.value):Promise.resolve(o.value).then(n,c);l((r=r.apply(t,e)).next())});var v=class extends Error{constructor(e){super(`Method ${e} is not defined`),this.name="MethodNotFoundError"}},p=class extends Error{constructor(e){super(`An error occurred in the native bridge: ${e}`),this.name="NativeMethodError"}};var w=()=>({events:{},emit(t,...e){let r=this.events[t]||[];for(let s=0,i=r.length;s<i;s++)r[s](...e)},on(t,e){var r;return(r=this.events[t])!=null&&r.push(e)||(this.events[t]=[e]),()=>{var s;this.events[t]=(s=this.events[t])==null?void 0:s.filter(i=>e!==i)}}}),T=({emitter:t,evaluate:e,eventId:r,failHandler:s=!1,methodName:i,onFallback:n})=>new Promise((c,l)=>{let o=t.on(`${i}-${r}`,(g,a)=>{o(),a?s instanceof Error?(n==null||n(),l(s)):c(void 0):c(g)});e()});var B="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";var M=(t=21)=>Array.from({length:t},()=>B[Math.floor(Math.random()*B.length)]).join("");var h=(t,e)=>{if(t===e)return!0;if(t&&e&&typeof t=="object"&&typeof e=="object"){let r=Array.isArray(t),s=Array.isArray(e),i,n,c;if(r&&s){if(n=t.length,n!==e.length)return!1;for(i=n;i--!==0;)if(!h(t[i],e[i]))return!1;return!0}if(r!==s)return!1;let l=Object.keys(t);if(n=l.length,n!==Object.keys(e).length)return!1;for(i=n;i--!==0;)if(!Object.prototype.hasOwnProperty.call(e,l[i]))return!1;for(i=n;i--!==0;)if(c=l[i],!h(t[c],e[c]))return!1;return!0}return t!==t&&e!==e};var _=t=>(Object.keys(t).forEach(e=>{t[e]===void 0&&delete t[e]}),t);var P=(t,e=!0)=>new Promise((r,s)=>{setTimeout(()=>{e?s(new Error("Timeout")):r(void 0)},t)});var k=()=>new Proxy({},{get:()=>()=>Promise.resolve()});var V=(t,e={})=>{let r=()=>i,s=o=>{let g=f(f({},i),_(o));if(h(i,g))return;let a=i;i=g,c(i,a)};t.on("bridgeStateChange",o=>{s(o)});let i=f({},e),n=new Set,c=(o,g)=>{for(let a of n)a(o,g)};return{getState:r,subscribe:o=>(n.add(o),()=>n.delete(o))}};var y=(t={})=>{let e=t;return{getState:()=>e,subscribe:()=>()=>{}}};var b=class{constructor(e,r,s=[],i){this._options=e;this._emitter=r;this._bridgeMethods=s;this._nativeInitialState=i;m(this,"_defaultTimeoutMs",2e3);m(this,"_isListenerRegistered",!1);m(this,"store",y());m(this,"loose",k());this._hydrate(s,i)}get isReactNativeWebView(){return!!window.ReactNativeWebView}get isWebViewBridgeAvailable(){return this._bridgeMethods.length>0}isNativeMethodAvailable(e){return typeof e=="string"&&this._bridgeMethods.includes(e)}addEventListener(e,r){return this._emitter.on(`postMessage/${String(e)}`,r)}_postMessage(e,r){var s;(s=window.ReactNativeWebView)==null||s.postMessage(JSON.stringify(r?{type:e,body:r}:{type:e}))}_createNativeMethod(e,r,s,i){return(...n)=>{let c=M();return Promise.race([T({emitter:this._emitter,methodName:e,eventId:c,evaluate:()=>{this._postMessage("bridge",{method:e,eventId:c,args:n})},onFallback:()=>{i==null||i(e,n)},failHandler:r&&new p(e)}),s>0&&P(s,r)].filter(Boolean))}}_willMethodThrowOnError(e){let{throwOnError:r}=this._options;return r===!0||Array.isArray(r)&&r.includes(e)}_createLoose(e){let{timeout:r=this._defaultTimeoutMs,onFallback:s}=this._options;return new Proxy(e,{get:(i,n)=>n in i&&!["isWebViewBridgeAvailable","isNativeMethodAvailable"].includes(n)?i[n]:this._createNativeMethod(n,this._willMethodThrowOnError(n),r,s)})}_hydrate(e,r={}){var g;let{timeout:s=this._defaultTimeoutMs,onFallback:i,initialBridge:n={}}=this._options,c=Object.entries(n).filter(([a,d])=>typeof d=="function"),l=c.map(([a])=>a);Object.defineProperties(this,Object.fromEntries(c.map(([a,d])=>[a,{value:d,writable:!0}]))),this._bridgeMethods=[...e,...l],this._nativeInitialState=r;let o=e.reduce((a,d)=>{if(!this.isReactNativeWebView)return a;let u=this._createNativeMethod(d,this._willMethodThrowOnError(d),s,i);return Object.defineProperty(this,d,{value:u,writable:!1}),x(f({},a),{[d]:u})},n);if(this.loose=this._createLoose(o),this.store=V(this._emitter,f(f({},o),r)),!this._isListenerRegistered){let a=()=>{document.visibilityState==="visible"&&this._postMessage("getBridgeState")};document.addEventListener("visibilitychange",a),this._isListenerRegistered=!0}this._postMessage("getBridgeState");for(let[a,...d]of(g=window.nativeBatchedEvents)!=null?g:[])this._emitter.emit(a,...d);return window.nativeBatchedEvents=[],!0}};var we=(t={timeout:2e3,throwOnError:!1})=>{var o,g;if(typeof window=="undefined")return{store:y(t==null?void 0:t.initialBridge)};window.ReactNativeWebView||console.warn("[WebViewBridge] Not in a WebView environment");let e=w();window.nativeEmitter||(window.nativeEmitter=e);let r=(o=window.__bridgeMethods__)!=null?o:[],s=(g=window.__bridgeInitialState__)!=null?g:{},i=new b(t,e,r,s);if(r.length===0){let a=e.on("hydrate",({bridgeMethods:d,nativeInitialState:u})=>{i._hydrate(d,u),a()})}let{onFallback:n,onReady:c}=t,l=new Proxy(i,{get:(a,d,u)=>d in a?a[d]:(u._postMessage("fallback",{method:d}),u._willMethodThrowOnError(d)?(...L)=>(n==null||n(d,L),Promise.reject(new v(d))):(console.warn(`[WebViewBridge] ${d} is not defined, using fallback.`),()=>Promise.resolve()))});return c==null||c(l),l};var be=t=>{if(typeof window!="undefined"&&!window.ReactNativeWebView)return console.warn("[WebViewBridge] Not in a WebView environment"),t;let e=Object.entries(t),r=Object.keys(t),s=w();window.webEmitter=s;for(let[n,c]of e){let l=(o,g)=>O(void 0,null,function*(){var a,d;try{let u=yield c(...g);(a=window.ReactNativeWebView)==null||a.postMessage(JSON.stringify({type:"webMethodResponse",body:{funcName:n,eventId:o,value:u}}))}catch(u){(d=window.ReactNativeWebView)==null||d.postMessage(JSON.stringify({type:"webMethodError",body:{funcName:n,eventId:o,error:JSON.stringify(u)}}))}});s.on(n,l)}let i=()=>{var n;(n=window.ReactNativeWebView)==null||n.postMessage(JSON.stringify({type:"registerWebMethod",body:{bridgeNames:r}})),window.removeEventListener("DOMContentLoaded",i)};return window.ReactNativeWebView?(document.addEventListener("visibilitychange",()=>{var n;document.visibilityState==="visible"&&((n=window.ReactNativeWebView)==null||n.postMessage(JSON.stringify({type:"registerWebMethod",body:{bridgeNames:r}})))}),i(),t):(window.addEventListener("DOMContentLoaded",i),t)};export{v as MethodNotFoundError,p as NativeMethodError,we as linkBridge,be as registerWebMethod};

package/dist/typescript/packages/web/src/index.d.ts

@@ -1,6 +1,5 @@
 export * from "./error";
 export * from "./linkBridge";
-export * from "./linkNativeMethod";
 export * from "./registerWebMethod";
 export type * from "./types";
 export * from "../../../shared/util/src/types";

package/dist/typescript/packages/web/src/internal/bridgeInstance.d.ts

@@ -3,13 +3,15 @@ import { DefaultEmitter } from "../../../../shared/util/src";
 import { LinkBridgeOptions } from "../linkBridge";
 import { LinkBridge } from "../types";
 export declare class BridgeInstance<T extends BridgeStore<T extends Bridge ? T : any>, V extends ParserSchema<any> = ParserSchema<any>> {
-    private options;
+    private _options;
     private _emitter;
     private _bridgeMethods;
     _nativeInitialState: PrimitiveObject;
-    constructor(options: LinkBridgeOptions<T, V>, _emitter: DefaultEmitter, _bridgeMethods: string[], _nativeInitialState: PrimitiveObject);
-    private defaultTimeoutMs;
+    constructor(_options: LinkBridgeOptions<T, V>, _emitter: DefaultEmitter, _bridgeMethods: string[], _nativeInitialState: PrimitiveObject);
+    private _defaultTimeoutMs;
+    private _isListenerRegistered;
     store: Omit<T, "setState">;
+    get isReactNativeWebView(): boolean;
     get isWebViewBridgeAvailable(): boolean;
     isNativeMethodAvailable(methodName: string): boolean;
     addEventListener<EventName extends KeyOfOrString<V>>(eventName: EventName, listener: (args: Parser<V, EventName>) => void): () => void;

package/dist/typescript/packages/web/src/internal/linkBridgeStore.d.ts

@@ -4,4 +4,4 @@ export type Store<BridgeObject extends Bridge> = ({ get, set, }: {
     get: () => BridgeObject;
     set: (newState: Partial<OnlyJSON<BridgeObject>>) => void;
 }) => BridgeObject;
-export declare const linkBridgeStore: <T extends BridgeStore<T extends Bridge ? T : any>>(emitter: DefaultEmitter, initialState?: Partial<T>, nativeInitialState?: Partial<T>) => Omit<T, "setState">;
+export declare const linkBridgeStore: <T extends BridgeStore<T extends Bridge ? T : any>>(emitter: DefaultEmitter, initialState?: Partial<T>) => Omit<T, "setState">;

package/dist/typescript/packages/web/src/internal/mockStore.d.ts

@@ -1,5 +1,5 @@
-export declare const mockStore: () => {
-    state: {};
-    getState(): {};
-    subscribe(): () => void;
+import { PrimitiveObject } from "../../../../shared/util/src/types";
+export declare const mockStore: (initialState?: PrimitiveObject) => {
+    getState: () => PrimitiveObject;
+    subscribe: () => () => void;
 };

package/dist/typescript/packages/web/src/linkBridge.d.ts

@@ -1,6 +1,7 @@
 import type { Bridge, BridgeStore, ExcludePrimitive, ExtractStore, ParserSchema } from "../../../shared/util/src/types";
 import { LinkBridge } from "./types";
 export interface LinkBridgeOptions<T extends BridgeStore<T extends Bridge ? T : any>, V extends ParserSchema<any>> {
+    initialBridge?: Partial<ExtractStore<T>>;
     timeout?: number;
     throwOnError?: boolean | (keyof ExtractStore<T>)[] | string[];
     onFallback?: (methodName: string, args: unknown[]) => void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@webview-bridge/web",
   "type": "module",
-  "version": "1.5.3",
+  "version": "1.6.0-rc.1",
   "description": "Fully Type-Safe Integration for React Native WebView and Web",
   "publishConfig": {
     "access": "public"

package/dist/typescript/packages/web/src/linkNativeMethod.d.ts

@@ -1,7 +0,0 @@
-import type { Bridge, BridgeStore, ExcludePrimitive, ExtractStore, ParserSchema } from "../../../shared/util/src/types";
-import { LinkBridgeOptions } from "./linkBridge";
-import { LinkBridge } from "./types";
-/**
- * @deprecated Use `linkBridge` instead. It's just renamed to `linkBridge`.
- */
-export declare const linkNativeMethod: <T extends BridgeStore<T extends Bridge ? T : any>, V extends ParserSchema<any>>(options?: LinkBridgeOptions<T, V>) => LinkBridge<ExcludePrimitive<ExtractStore<T>>, Omit<T, "setState">, V>;