@webview-bridge/web 1.5.1-rc.0 → 1.5.1-rc.1

package/dist/commonjs/index.cjs

@@ -33,6 +33,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -98,7 +102,7 @@ var createEvents = () => ({
   }
 });
 var createResolver = ({
-  emitter: emitter2,
+  emitter,
   evaluate,
   eventId,
   failHandler = false,
@@ -106,7 +110,7 @@ var createResolver = ({
   onFallback
 }) => {
   return new Promise((resolve, reject) => {
-    const unbind = emitter2.on(
+    const unbind = emitter.on(
       `${methodName}-${eventId}`,
       (data, throwOccurred) => {
         unbind();
@@ -211,18 +215,8 @@ var timeout = (ms, throwOnError = true) => {
   });
 };
 
-// src/internal/emitter.ts
-var emitter = createEvents();
-
 // src/internal/linkBridgeStore.ts
-var linkBridgeStore = (initialState = {}) => {
-  var _a;
-  if (!window.ReactNativeWebView) {
-    console.warn("[WebViewBridge] Not in a WebView environment");
-  }
-  if (!window.nativeEmitter) {
-    window.nativeEmitter = emitter;
-  }
+var linkBridgeStore = (emitter, initialState = {}, nativeInitialState = {}) => {
   const getState = () => state;
   const setState = (newState) => {
     const _newState = __spreadValues(__spreadValues({}, state), removeUndefinedKeys(newState));
@@ -236,22 +230,7 @@ var linkBridgeStore = (initialState = {}) => {
   emitter.on("bridgeStateChange", (data) => {
     setState(data);
   });
-  document.addEventListener("visibilitychange", () => {
-    var _a2;
-    if (document.visibilityState === "visible") {
-      (_a2 = window.ReactNativeWebView) == null ? void 0 : _a2.postMessage(
-        JSON.stringify({
-          type: "getBridgeState"
-        })
-      );
-    }
-  });
-  (_a = window.ReactNativeWebView) == null ? void 0 : _a.postMessage(
-    JSON.stringify({
-      type: "getBridgeState"
-    })
-  );
-  let state = __spreadValues(__spreadValues({}, initialState), window.__bridgeInitialState__);
+  let state = __spreadValues(__spreadValues({}, initialState), nativeInitialState);
   const listeners = /* @__PURE__ */ new Set();
   const emitChange = (newState, prevState) => {
     for (const listener of listeners) {
@@ -268,47 +247,160 @@ var linkBridgeStore = (initialState = {}) => {
   };
 };
 
-// src/linkBridge.ts
-var createNativeMethod = ({
-  methodName,
-  throwOnError,
-  timeoutMs,
-  onFallback
-}) => (...args) => {
-  const eventId = createRandomId();
-  return Promise.race(
-    [
-      createResolver({
-        emitter,
-        methodName,
-        eventId,
-        evaluate: () => {
-          var _a;
-          (_a = window.ReactNativeWebView) == null ? void 0 : _a.postMessage(
-            JSON.stringify({
-              type: "bridge",
-              body: {
+// src/internal/bridgeInstance.ts
+var BridgeInstance = class {
+  constructor(emitter, bridgeMethods, options) {
+    this.emitter = emitter;
+    this.bridgeMethods = bridgeMethods;
+    this.options = options;
+    __publicField(this, "defaultTimeoutMs", 2e3);
+    __publicField(this, "$proxy");
+    this.$proxy = this.hydrate(bridgeMethods);
+  }
+  postMessage(type, body) {
+    var _a;
+    (_a = window.ReactNativeWebView) == null ? void 0 : _a.postMessage(
+      JSON.stringify(
+        body ? {
+          type,
+          body
+        } : {
+          type
+        }
+      )
+    );
+  }
+  createNativeMethod(methodName, throwOnError, timeoutMs, onFallback) {
+    return (...args) => {
+      const eventId = createRandomId();
+      return Promise.race(
+        [
+          createResolver({
+            emitter: this.emitter,
+            methodName,
+            eventId,
+            evaluate: () => {
+              this.postMessage("bridge", {
                 method: methodName,
                 eventId,
                 args
-              }
-            })
+              });
+            },
+            onFallback: () => {
+              onFallback == null ? void 0 : onFallback(methodName, args);
+            },
+            failHandler: throwOnError && new NativeMethodError(methodName)
+          }),
+          timeoutMs > 0 && timeout(timeoutMs, throwOnError)
+        ].filter(Boolean)
+      );
+    };
+  }
+  willMethodThrowOnError(methodName) {
+    const { throwOnError } = this.options;
+    return throwOnError === true || Array.isArray(throwOnError) && throwOnError.includes(methodName);
+  }
+  createLoose(initialState) {
+    const { timeout: timeoutMs = this.defaultTimeoutMs, onFallback } = this.options;
+    return new Proxy(initialState, {
+      get: (target, methodName) => {
+        if (methodName in target && !["isWebViewBridgeAvailable", "isNativeMethodAvailable"].includes(
+          methodName
+        )) {
+          return target[methodName];
+        }
+        return this.createNativeMethod(
+          methodName,
+          this.willMethodThrowOnError(methodName),
+          timeoutMs,
+          onFallback
+        );
+      }
+    });
+  }
+  hydrate(bridgeMethods, nativeInitialState = {}) {
+    var _a;
+    const {
+      timeout: timeoutMs = this.defaultTimeoutMs,
+      onFallback,
+      onReady
+    } = this.options;
+    const initialState = bridgeMethods.reduce(
+      (acc, methodName) => {
+        return __spreadProps(__spreadValues({}, acc), {
+          [methodName]: this.createNativeMethod(
+            methodName,
+            this.willMethodThrowOnError(methodName),
+            timeoutMs,
+            onFallback
+          )
+        });
+      },
+      {}
+    );
+    const loose = this.createLoose(initialState);
+    const store = linkBridgeStore(
+      this.emitter,
+      initialState,
+      nativeInitialState
+    );
+    Object.assign(initialState, {
+      loose,
+      store,
+      isWebViewBridgeAvailable: Boolean(window.ReactNativeWebView) && bridgeMethods.length > 0,
+      isNativeMethodAvailable(methodName) {
+        return typeof methodName === "string" && Boolean(window.ReactNativeWebView) && bridgeMethods.includes(methodName);
+      },
+      addEventListener: (eventName, listener) => {
+        return this.emitter.on(`postMessage/${String(eventName)}`, listener);
+      }
+    });
+    document.addEventListener("visibilitychange", () => {
+      if (document.visibilityState === "visible") {
+        this.postMessage("getBridgeState");
+      }
+    });
+    this.postMessage("getBridgeState");
+    const proxy = new Proxy(initialState, {
+      get: (target, methodName) => {
+        if (methodName in target) {
+          return target[methodName];
+        }
+        this.postMessage("fallback", {
+          method: methodName
+        });
+        if (this.willMethodThrowOnError(methodName)) {
+          return (...args) => {
+            onFallback == null ? void 0 : onFallback(methodName, args);
+            return Promise.reject(new MethodNotFoundError(methodName));
+          };
+        } else {
+          console.warn(
+            `[WebViewBridge] ${methodName} is not defined, using fallback.`
           );
-        },
-        onFallback: () => {
-          onFallback == null ? void 0 : onFallback(methodName, args);
-        },
-        failHandler: throwOnError && new NativeMethodError(methodName)
-      }),
-      timeoutMs > 0 && timeout(timeoutMs, throwOnError)
-    ].filter(Boolean)
-  );
+        }
+        return () => Promise.resolve();
+      }
+    });
+    for (const [eventName, ...args] of (_a = window.nativeBatchedEvents) != null ? _a : []) {
+      this.emitter.emit(eventName, ...args);
+    }
+    window.nativeBatchedEvents = [];
+    onReady == null ? void 0 : onReady(proxy);
+    this.$proxy = proxy;
+    return proxy;
+  }
+  get proxy() {
+    return this.$proxy;
+  }
 };
+
+// src/linkBridge.ts
 var linkBridge = (options = {
   timeout: 2e3,
   throwOnError: false
 }) => {
-  var _a, _b;
+  var _a;
   if (typeof window === "undefined") {
     return {
       store: {
@@ -317,94 +409,23 @@ var linkBridge = (options = {
       }
     };
   }
-  const {
-    timeout: timeoutMs = 2e3,
-    throwOnError = false,
-    onFallback,
-    onReady
-  } = options;
   if (!window.ReactNativeWebView) {
     console.warn("[WebViewBridge] Not in a WebView environment");
   }
-  const bridgeMethods = (_a = window.__bridgeMethods__) != null ? _a : [];
+  const emitter = createEvents();
   if (!window.nativeEmitter) {
     window.nativeEmitter = emitter;
   }
-  const willMethodThrowOnError = (methodName) => {
-    return throwOnError === true || Array.isArray(throwOnError) && throwOnError.includes(methodName);
-  };
-  const target = bridgeMethods.reduce(
-    (acc, methodName) => {
-      return __spreadProps(__spreadValues({}, acc), {
-        [methodName]: createNativeMethod({
-          methodName,
-          timeoutMs,
-          throwOnError: willMethodThrowOnError(methodName),
-          onFallback
-        })
-      });
-    },
-    {}
-  );
-  const loose = new Proxy(target, {
-    get: (target2, methodName) => {
-      if (methodName in target2 && !["isWebViewBridgeAvailable", "isNativeMethodAvailable"].includes(
-        methodName
-      )) {
-        return target2[methodName];
-      }
-      return createNativeMethod({
-        methodName,
-        timeoutMs,
-        throwOnError: willMethodThrowOnError(methodName),
-        onFallback
-      });
-    }
-  });
-  Object.assign(target, {
-    loose,
-    store: linkBridgeStore(target),
-    isWebViewBridgeAvailable: Boolean(window.ReactNativeWebView) && bridgeMethods.length > 0,
-    isNativeMethodAvailable(methodName) {
-      return typeof methodName === "string" && Boolean(window.ReactNativeWebView) && bridgeMethods.includes(methodName);
-    },
-    addEventListener: (eventName, listener) => {
-      return emitter.on(`postMessage/${String(eventName)}`, listener);
-    }
-  });
-  const proxy = new Proxy(target, {
-    get: (target2, methodName) => {
-      var _a2;
-      if (methodName in target2) {
-        return target2[methodName];
-      }
-      (_a2 = window.ReactNativeWebView) == null ? void 0 : _a2.postMessage(
-        JSON.stringify({
-          type: "fallback",
-          body: {
-            method: methodName
-          }
-        })
-      );
-      if (willMethodThrowOnError(methodName)) {
-        return (...args) => {
-          onFallback == null ? void 0 : onFallback(methodName, args);
-          Promise.reject(new MethodNotFoundError(methodName));
-        };
-      } else {
-        console.warn(
-          `[WebViewBridge] ${methodName} is not defined, using fallback.`
-        );
-      }
-      return () => Promise.resolve();
-    }
-  });
-  for (const [eventName, ...args] of (_b = window.nativeBatchedEvents) != null ? _b : []) {
-    emitter.emit(eventName, ...args);
+  const bridgeMethods = (_a = window.__bridgeMethods__) != null ? _a : [];
+  const instance = new BridgeInstance(emitter, bridgeMethods, options);
+  if (bridgeMethods.length === 0) {
+    const unsubscribe = emitter.on("hydrate", ({ bridgeMethods: bridgeMethods2 }) => {
+      instance.hydrate(bridgeMethods2);
+      unsubscribe();
+    });
   }
-  window.nativeBatchedEvents = [];
-  onReady == null ? void 0 : onReady(proxy);
-  return proxy;
+  instance.hydrate(bridgeMethods);
+  return instance.proxy;
 };
 
 // src/linkNativeMethod.ts
@@ -423,8 +444,8 @@ var registerWebMethod = (bridge) => {
   }
   const bridgeEntries = Object.entries(bridge);
   const bridgeNames = Object.keys(bridge);
-  const emitter2 = createEvents();
-  window.webEmitter = emitter2;
+  const emitter = createEvents();
+  window.webEmitter = emitter;
   for (const [funcName, func] of bridgeEntries) {
     const $func = (eventId, args) => __async(void 0, null, function* () {
       var _a, _b;
@@ -445,7 +466,7 @@ var registerWebMethod = (bridge) => {
         );
       }
     });
-    emitter2.on(funcName, $func);
+    emitter.on(funcName, $func);
   }
   const register = () => {
     var _a;

package/dist/module/index.mjs

@@ -17,6 +17,10 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -71,7 +75,7 @@ var createEvents = () => ({
   }
 });
 var createResolver = ({
-  emitter: emitter2,
+  emitter,
   evaluate,
   eventId,
   failHandler = false,
@@ -79,7 +83,7 @@ var createResolver = ({
   onFallback
 }) => {
   return new Promise((resolve, reject) => {
-    const unbind = emitter2.on(
+    const unbind = emitter.on(
       `${methodName}-${eventId}`,
       (data, throwOccurred) => {
         unbind();
@@ -184,18 +188,8 @@ var timeout = (ms, throwOnError = true) => {
   });
 };
 
-// src/internal/emitter.ts
-var emitter = createEvents();
-
 // src/internal/linkBridgeStore.ts
-var linkBridgeStore = (initialState = {}) => {
-  var _a;
-  if (!window.ReactNativeWebView) {
-    console.warn("[WebViewBridge] Not in a WebView environment");
-  }
-  if (!window.nativeEmitter) {
-    window.nativeEmitter = emitter;
-  }
+var linkBridgeStore = (emitter, initialState = {}, nativeInitialState = {}) => {
   const getState = () => state;
   const setState = (newState) => {
     const _newState = __spreadValues(__spreadValues({}, state), removeUndefinedKeys(newState));
@@ -209,22 +203,7 @@ var linkBridgeStore = (initialState = {}) => {
   emitter.on("bridgeStateChange", (data) => {
     setState(data);
   });
-  document.addEventListener("visibilitychange", () => {
-    var _a2;
-    if (document.visibilityState === "visible") {
-      (_a2 = window.ReactNativeWebView) == null ? void 0 : _a2.postMessage(
-        JSON.stringify({
-          type: "getBridgeState"
-        })
-      );
-    }
-  });
-  (_a = window.ReactNativeWebView) == null ? void 0 : _a.postMessage(
-    JSON.stringify({
-      type: "getBridgeState"
-    })
-  );
-  let state = __spreadValues(__spreadValues({}, initialState), window.__bridgeInitialState__);
+  let state = __spreadValues(__spreadValues({}, initialState), nativeInitialState);
   const listeners = /* @__PURE__ */ new Set();
   const emitChange = (newState, prevState) => {
     for (const listener of listeners) {
@@ -241,47 +220,160 @@ var linkBridgeStore = (initialState = {}) => {
   };
 };
 
-// src/linkBridge.ts
-var createNativeMethod = ({
-  methodName,
-  throwOnError,
-  timeoutMs,
-  onFallback
-}) => (...args) => {
-  const eventId = createRandomId();
-  return Promise.race(
-    [
-      createResolver({
-        emitter,
-        methodName,
-        eventId,
-        evaluate: () => {
-          var _a;
-          (_a = window.ReactNativeWebView) == null ? void 0 : _a.postMessage(
-            JSON.stringify({
-              type: "bridge",
-              body: {
+// src/internal/bridgeInstance.ts
+var BridgeInstance = class {
+  constructor(emitter, bridgeMethods, options) {
+    this.emitter = emitter;
+    this.bridgeMethods = bridgeMethods;
+    this.options = options;
+    __publicField(this, "defaultTimeoutMs", 2e3);
+    __publicField(this, "$proxy");
+    this.$proxy = this.hydrate(bridgeMethods);
+  }
+  postMessage(type, body) {
+    var _a;
+    (_a = window.ReactNativeWebView) == null ? void 0 : _a.postMessage(
+      JSON.stringify(
+        body ? {
+          type,
+          body
+        } : {
+          type
+        }
+      )
+    );
+  }
+  createNativeMethod(methodName, throwOnError, timeoutMs, onFallback) {
+    return (...args) => {
+      const eventId = createRandomId();
+      return Promise.race(
+        [
+          createResolver({
+            emitter: this.emitter,
+            methodName,
+            eventId,
+            evaluate: () => {
+              this.postMessage("bridge", {
                 method: methodName,
                 eventId,
                 args
-              }
-            })
+              });
+            },
+            onFallback: () => {
+              onFallback == null ? void 0 : onFallback(methodName, args);
+            },
+            failHandler: throwOnError && new NativeMethodError(methodName)
+          }),
+          timeoutMs > 0 && timeout(timeoutMs, throwOnError)
+        ].filter(Boolean)
+      );
+    };
+  }
+  willMethodThrowOnError(methodName) {
+    const { throwOnError } = this.options;
+    return throwOnError === true || Array.isArray(throwOnError) && throwOnError.includes(methodName);
+  }
+  createLoose(initialState) {
+    const { timeout: timeoutMs = this.defaultTimeoutMs, onFallback } = this.options;
+    return new Proxy(initialState, {
+      get: (target, methodName) => {
+        if (methodName in target && !["isWebViewBridgeAvailable", "isNativeMethodAvailable"].includes(
+          methodName
+        )) {
+          return target[methodName];
+        }
+        return this.createNativeMethod(
+          methodName,
+          this.willMethodThrowOnError(methodName),
+          timeoutMs,
+          onFallback
+        );
+      }
+    });
+  }
+  hydrate(bridgeMethods, nativeInitialState = {}) {
+    var _a;
+    const {
+      timeout: timeoutMs = this.defaultTimeoutMs,
+      onFallback,
+      onReady
+    } = this.options;
+    const initialState = bridgeMethods.reduce(
+      (acc, methodName) => {
+        return __spreadProps(__spreadValues({}, acc), {
+          [methodName]: this.createNativeMethod(
+            methodName,
+            this.willMethodThrowOnError(methodName),
+            timeoutMs,
+            onFallback
+          )
+        });
+      },
+      {}
+    );
+    const loose = this.createLoose(initialState);
+    const store = linkBridgeStore(
+      this.emitter,
+      initialState,
+      nativeInitialState
+    );
+    Object.assign(initialState, {
+      loose,
+      store,
+      isWebViewBridgeAvailable: Boolean(window.ReactNativeWebView) && bridgeMethods.length > 0,
+      isNativeMethodAvailable(methodName) {
+        return typeof methodName === "string" && Boolean(window.ReactNativeWebView) && bridgeMethods.includes(methodName);
+      },
+      addEventListener: (eventName, listener) => {
+        return this.emitter.on(`postMessage/${String(eventName)}`, listener);
+      }
+    });
+    document.addEventListener("visibilitychange", () => {
+      if (document.visibilityState === "visible") {
+        this.postMessage("getBridgeState");
+      }
+    });
+    this.postMessage("getBridgeState");
+    const proxy = new Proxy(initialState, {
+      get: (target, methodName) => {
+        if (methodName in target) {
+          return target[methodName];
+        }
+        this.postMessage("fallback", {
+          method: methodName
+        });
+        if (this.willMethodThrowOnError(methodName)) {
+          return (...args) => {
+            onFallback == null ? void 0 : onFallback(methodName, args);
+            return Promise.reject(new MethodNotFoundError(methodName));
+          };
+        } else {
+          console.warn(
+            `[WebViewBridge] ${methodName} is not defined, using fallback.`
           );
-        },
-        onFallback: () => {
-          onFallback == null ? void 0 : onFallback(methodName, args);
-        },
-        failHandler: throwOnError && new NativeMethodError(methodName)
-      }),
-      timeoutMs > 0 && timeout(timeoutMs, throwOnError)
-    ].filter(Boolean)
-  );
+        }
+        return () => Promise.resolve();
+      }
+    });
+    for (const [eventName, ...args] of (_a = window.nativeBatchedEvents) != null ? _a : []) {
+      this.emitter.emit(eventName, ...args);
+    }
+    window.nativeBatchedEvents = [];
+    onReady == null ? void 0 : onReady(proxy);
+    this.$proxy = proxy;
+    return proxy;
+  }
+  get proxy() {
+    return this.$proxy;
+  }
 };
+
+// src/linkBridge.ts
 var linkBridge = (options = {
   timeout: 2e3,
   throwOnError: false
 }) => {
-  var _a, _b;
+  var _a;
   if (typeof window === "undefined") {
     return {
       store: {
@@ -290,94 +382,23 @@ var linkBridge = (options = {
       }
     };
   }
-  const {
-    timeout: timeoutMs = 2e3,
-    throwOnError = false,
-    onFallback,
-    onReady
-  } = options;
   if (!window.ReactNativeWebView) {
     console.warn("[WebViewBridge] Not in a WebView environment");
   }
-  const bridgeMethods = (_a = window.__bridgeMethods__) != null ? _a : [];
+  const emitter = createEvents();
   if (!window.nativeEmitter) {
     window.nativeEmitter = emitter;
   }
-  const willMethodThrowOnError = (methodName) => {
-    return throwOnError === true || Array.isArray(throwOnError) && throwOnError.includes(methodName);
-  };
-  const target = bridgeMethods.reduce(
-    (acc, methodName) => {
-      return __spreadProps(__spreadValues({}, acc), {
-        [methodName]: createNativeMethod({
-          methodName,
-          timeoutMs,
-          throwOnError: willMethodThrowOnError(methodName),
-          onFallback
-        })
-      });
-    },
-    {}
-  );
-  const loose = new Proxy(target, {
-    get: (target2, methodName) => {
-      if (methodName in target2 && !["isWebViewBridgeAvailable", "isNativeMethodAvailable"].includes(
-        methodName
-      )) {
-        return target2[methodName];
-      }
-      return createNativeMethod({
-        methodName,
-        timeoutMs,
-        throwOnError: willMethodThrowOnError(methodName),
-        onFallback
-      });
-    }
-  });
-  Object.assign(target, {
-    loose,
-    store: linkBridgeStore(target),
-    isWebViewBridgeAvailable: Boolean(window.ReactNativeWebView) && bridgeMethods.length > 0,
-    isNativeMethodAvailable(methodName) {
-      return typeof methodName === "string" && Boolean(window.ReactNativeWebView) && bridgeMethods.includes(methodName);
-    },
-    addEventListener: (eventName, listener) => {
-      return emitter.on(`postMessage/${String(eventName)}`, listener);
-    }
-  });
-  const proxy = new Proxy(target, {
-    get: (target2, methodName) => {
-      var _a2;
-      if (methodName in target2) {
-        return target2[methodName];
-      }
-      (_a2 = window.ReactNativeWebView) == null ? void 0 : _a2.postMessage(
-        JSON.stringify({
-          type: "fallback",
-          body: {
-            method: methodName
-          }
-        })
-      );
-      if (willMethodThrowOnError(methodName)) {
-        return (...args) => {
-          onFallback == null ? void 0 : onFallback(methodName, args);
-          Promise.reject(new MethodNotFoundError(methodName));
-        };
-      } else {
-        console.warn(
-          `[WebViewBridge] ${methodName} is not defined, using fallback.`
-        );
-      }
-      return () => Promise.resolve();
-    }
-  });
-  for (const [eventName, ...args] of (_b = window.nativeBatchedEvents) != null ? _b : []) {
-    emitter.emit(eventName, ...args);
+  const bridgeMethods = (_a = window.__bridgeMethods__) != null ? _a : [];
+  const instance = new BridgeInstance(emitter, bridgeMethods, options);
+  if (bridgeMethods.length === 0) {
+    const unsubscribe = emitter.on("hydrate", ({ bridgeMethods: bridgeMethods2 }) => {
+      instance.hydrate(bridgeMethods2);
+      unsubscribe();
+    });
   }
-  window.nativeBatchedEvents = [];
-  onReady == null ? void 0 : onReady(proxy);
-  return proxy;
+  instance.hydrate(bridgeMethods);
+  return instance.proxy;
 };
 
 // src/linkNativeMethod.ts
@@ -396,8 +417,8 @@ var registerWebMethod = (bridge) => {
   }
   const bridgeEntries = Object.entries(bridge);
   const bridgeNames = Object.keys(bridge);
-  const emitter2 = createEvents();
-  window.webEmitter = emitter2;
+  const emitter = createEvents();
+  window.webEmitter = emitter;
   for (const [funcName, func] of bridgeEntries) {
     const $func = (eventId, args) => __async(void 0, null, function* () {
       var _a, _b;
@@ -418,7 +439,7 @@ var registerWebMethod = (bridge) => {
         );
       }
     });
-    emitter2.on(funcName, $func);
+    emitter.on(funcName, $func);
   }
   const register = () => {
     var _a;

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

@@ -0,0 +1,18 @@
+import type { Bridge, BridgeStore, ExcludePrimitive, ExtractStore, ParserSchema } from "../../../../shared/util/src/types";
+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>> {
+    emitter: DefaultEmitter;
+    bridgeMethods: string[];
+    private options;
+    private defaultTimeoutMs;
+    private $proxy;
+    constructor(emitter: DefaultEmitter, bridgeMethods: string[], options: LinkBridgeOptions<T, V>);
+    private postMessage;
+    private createNativeMethod;
+    private willMethodThrowOnError;
+    private createLoose;
+    hydrate(bridgeMethods: string[], nativeInitialState?: Partial<T>): LinkBridge<ExtractStore<T>, Omit<T, "setState">, V>;
+    get proxy(): LinkBridge<ExcludePrimitive<ExtractStore<T>>, Omit<T, "setState">, V>;
+}

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

@@ -1,6 +1,7 @@
 import { Bridge, BridgeStore, OnlyJSON } from "../../../../shared/util/src/types";
+import { DefaultEmitter } from "../../../../shared/util/src";
 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>>(initialState?: Partial<T>) => Omit<T, "setState">;
+export declare const linkBridgeStore: <T extends BridgeStore<T extends Bridge ? T : any>>(emitter: DefaultEmitter, initialState?: Partial<T>, nativeInitialState?: Partial<T>) => Omit<T, "setState">;

package/dist/typescript/shared/util/src/createEvents.d.ts

@@ -11,9 +11,10 @@ export interface EventEmitter<Events extends EventsMap = DefaultEvents> {
     }>;
     on<K extends keyof Events>(this: this, event: K, cb: Events[K]): () => void;
 }
+export type DefaultEmitter = EventEmitter<DefaultEvents>;
 export declare const createEvents: <Events extends EventsMap = DefaultEvents>() => EventEmitter<Events>;
 export interface CreateResolverOptions {
-    emitter: EventEmitter<DefaultEvents>;
+    emitter: DefaultEmitter;
     evaluate: () => void;
     eventId: string;
     failHandler?: Error | false;

package/package.json

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