@apps-in-toss/web-bridge 1.9.3 → 1.10.0

package/dist/index.cjs

@@ -28,6 +28,9 @@ __export(index_exports, {
   Storage: () => Storage,
   TossAds: () => TossAds,
   appsInTossEvent: () => appsInTossEvent,
+  createAsyncBridge: () => createAsyncBridge,
+  createConstantBridge: () => createConstantBridge,
+  createEventBridge: () => createEventBridge,
   env: () => env,
   fetchAlbumPhotos: () => fetchAlbumPhotos,
   fetchContacts: () => fetchContacts,
@@ -47,10 +50,124 @@ __export(index_exports, {
   tdsEvent: () => tdsEvent
 });
 module.exports = __toCommonJS(index_exports);
-__reExport(index_exports, require("@apps-in-toss/bridge-core"), module.exports);
+
+// ../bridge-core/dist/index.js
+var NativeWindow = class {
+  get _window() {
+    if (typeof window !== "undefined") {
+      return window;
+    }
+    return {
+      ReactNativeWebView: {
+        postMessage: () => {
+        }
+      },
+      __GRANITE_NATIVE_EMITTER: {
+        on: () => () => {
+        }
+      },
+      __CONSTANT_HANDLER_MAP: {}
+    };
+  }
+  postMessage(message) {
+    const webView = this._window.ReactNativeWebView;
+    if (!webView) {
+      throw new Error("ReactNativeWebView is not available in browser environment");
+    }
+    webView.postMessage(JSON.stringify(message));
+  }
+  on(event, callback) {
+    const emitter = this._window.__GRANITE_NATIVE_EMITTER;
+    if (!emitter) {
+      throw new Error("__GRANITE_NATIVE_EMITTER is not available");
+    }
+    return emitter.on(event, callback);
+  }
+  getConstant(method) {
+    const constantHandlerMap = this._window.__CONSTANT_HANDLER_MAP;
+    if (constantHandlerMap && method in constantHandlerMap) {
+      return constantHandlerMap[method];
+    }
+    throw new Error(`${method} is not a constant handler`);
+  }
+};
+var nativeWindow = new NativeWindow();
+var createEventId = () => Math.random().toString(36).substring(2, 15);
+var deserializeError = (value) => {
+  if (value && value.__isError) {
+    const err = new Error(value.message);
+    for (const [key, val] of Object.entries(value)) {
+      err[key] = val;
+    }
+    return err;
+  }
+  return value;
+};
+function createAsyncBridge(method) {
+  return (...args) => {
+    const eventId = createEventId();
+    const emitters = [];
+    const unsubscribe = () => {
+      for (const remove of emitters) {
+        remove();
+      }
+    };
+    return new Promise((resolve, reject) => {
+      emitters.push(
+        nativeWindow.on(`${method}/resolve/${eventId}`, (data) => {
+          unsubscribe();
+          resolve(data);
+        })
+      );
+      emitters.push(
+        nativeWindow.on(`${method}/reject/${eventId}`, (error) => {
+          unsubscribe();
+          reject(deserializeError(error));
+        })
+      );
+      nativeWindow.postMessage({
+        type: "method",
+        functionName: method,
+        eventId,
+        args
+      });
+    });
+  };
+}
+function createEventBridge(method) {
+  return (args) => {
+    const eventId = createEventId();
+    const removes = [
+      nativeWindow.on(`${method}/onEvent/${eventId}`, (data) => {
+        args.onEvent(data);
+      }),
+      nativeWindow.on(`${method}/onError/${eventId}`, (error) => {
+        args.onError(deserializeError(error));
+      })
+    ];
+    nativeWindow.postMessage({
+      type: "addEventListener",
+      functionName: method,
+      eventId,
+      args: args.options
+    });
+    return () => {
+      nativeWindow.postMessage({
+        type: "removeEventListener",
+        functionName: method,
+        eventId
+      });
+      removes.forEach((remove) => remove());
+    };
+  };
+}
+function createConstantBridge(method) {
+  return () => {
+    return nativeWindow.getConstant(method);
+  };
+}
 
 // src/storage.ts
-var import_bridge_core = require("@apps-in-toss/bridge-core");
 var Storage = {
   /**
    * @public
@@ -67,7 +184,7 @@ var Storage = {
    * console.log(value); // 'value'
    * ```
    */
-  getItem: (0, import_bridge_core.createAsyncBridge)("getStorageItem"),
+  getItem: createAsyncBridge("getStorageItem"),
   /**
    * @public
    * @category 저장소
@@ -85,7 +202,7 @@ var Storage = {
    * await Storage.setItem('my-key', 'value');
    * ```
    */
-  setItem: (0, import_bridge_core.createAsyncBridge)("setStorageItem"),
+  setItem: createAsyncBridge("setStorageItem"),
   /**
    * @public
    * @category 저장소
@@ -102,7 +219,7 @@ var Storage = {
    * await Storage.removeItem('my-key');
    * ```
    */
-  removeItem: (0, import_bridge_core.createAsyncBridge)("removeStorageItem"),
+  removeItem: createAsyncBridge("removeStorageItem"),
   /**
    * @public
    * @category 저장소
@@ -118,15 +235,9 @@ var Storage = {
    * await Storage.clearItems();
    * ```
    */
-  clearItems: (0, import_bridge_core.createAsyncBridge)("clearItems")
+  clearItems: createAsyncBridge("clearItems")
 };
 
-// src/iap.ts
-var import_bridge_core3 = require("@apps-in-toss/bridge-core");
-
-// src/isMinVersionSupported.ts
-var import_bridge_core2 = require("@apps-in-toss/bridge-core");
-
 // src/utils/compareVersion.ts
 var SEMVER_REGEX = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-([\da-z\\-]+(?:\.[\da-z\\-]+)*))?(?:\+[\da-z\\-]+(?:\.[\da-z\\-]+)*)?)?)?$/i;
 var isWildcard = (val) => ["*", "x", "X"].includes(val);
@@ -196,12 +307,12 @@ var compareVersions = (v1, v2) => {
 
 // src/isMinVersionSupported.ts
 function isMinVersionSupported(minVersions) {
-  const operationalEnvironment = (0, import_bridge_core2.createConstantBridge)("getOperationalEnvironment")();
+  const operationalEnvironment = createConstantBridge("getOperationalEnvironment")();
   if (operationalEnvironment === "sandbox") {
     return true;
   }
-  const currentVersion = (0, import_bridge_core2.createConstantBridge)("getTossAppVersion")();
-  const isIOS = (0, import_bridge_core2.createConstantBridge)("getPlatformOS")() === "ios";
+  const currentVersion = createConstantBridge("getTossAppVersion")();
+  const isIOS = createConstantBridge("getPlatformOS")() === "ios";
   const minVersion = isIOS ? minVersions.ios : minVersions.android;
   if (minVersion === void 0) {
     return false;
@@ -217,7 +328,7 @@ function isMinVersionSupported(minVersions) {
 
 // src/iap.ts
 function processProductGrant(params) {
-  return (0, import_bridge_core3.createAsyncBridge)("processProductGrant")(params);
+  return createAsyncBridge("processProductGrant")(params);
 }
 var IAP = {
   /**
@@ -259,7 +370,7 @@ var IAP = {
     const sku = options.sku ?? options.productId;
     if (!isProcessProductGrantSupported) {
       const v1 = () => {
-        (0, import_bridge_core3.createAsyncBridge)(
+        createAsyncBridge(
           "iapCreateOneTimePurchaseOrder"
         )({
           productId: sku
@@ -276,7 +387,7 @@ var IAP = {
       };
       return v1();
     }
-    const unregisterCallbacks = (0, import_bridge_core3.createEventBridge)("requestOneTimePurchase")({
+    const unregisterCallbacks = createEventBridge("requestOneTimePurchase")({
       options: { sku },
       onEvent: async (event) => {
         if (event.type === "purchased") {
@@ -302,7 +413,7 @@ var IAP = {
    * @description 인앱결제로 구매할 수 있는 상품 목록을 가져와요. 상품 목록 화면에 진입할 때 호출해요.
    * @returns {Promise<{ products: IapProductListItem[] } | undefined>} 상품 목록을 포함한 객체를 반환해요. 앱 버전이 최소 지원 버전(안드로이드 5.219.0, iOS 5.219.0)보다 낮으면 `undefined`를 반환해요.
    */
-  getProductItemList: (0, import_bridge_core3.createAsyncBridge)("iapGetProductItemList"),
+  getProductItemList: createAsyncBridge("iapGetProductItemList"),
   /**
    * @public
    * @category 인앱결제
@@ -325,7 +436,7 @@ var IAP = {
    * }
    * ```
    */
-  getPendingOrders: (0, import_bridge_core3.createAsyncBridge)(
+  getPendingOrders: createAsyncBridge(
     "getPendingOrders"
   ),
   /**
@@ -349,7 +460,7 @@ var IAP = {
    * }
    * ```
    */
-  getCompletedOrRefundedOrders: (0, import_bridge_core3.createAsyncBridge)("getCompletedOrRefundedOrders"),
+  getCompletedOrRefundedOrders: createAsyncBridge("getCompletedOrRefundedOrders"),
   /**
    * @public
    * @category 인앱결제
@@ -373,33 +484,30 @@ var IAP = {
    * }
    * ```
    */
-  completeProductGrant: (0, import_bridge_core3.createAsyncBridge)("completeProductGrant")
+  completeProductGrant: createAsyncBridge("completeProductGrant")
 };
 
 // src/getSafeAreaInsets.ts
-var import_bridge_core4 = require("@apps-in-toss/bridge-core");
-var _getSafeAreaInsets = (0, import_bridge_core4.createConstantBridge)("getSafeAreaInsets");
+var _getSafeAreaInsets = createConstantBridge("getSafeAreaInsets");
 function getSafeAreaInsets() {
   return _getSafeAreaInsets();
 }
 
 // src/safeAreaInsets.ts
-var import_bridge_core5 = require("@apps-in-toss/bridge-core");
 function subscribeSafeAreaInsets({ onEvent }) {
-  return (0, import_bridge_core5.createEventBridge)("safeAreaInsetsChange")({
+  return createEventBridge("safeAreaInsetsChange")({
     onEvent,
     onError: () => {
     }
   });
 }
-var _getSafeAreaInsets2 = (0, import_bridge_core5.createConstantBridge)("getSafeAreaInsets");
+var _getSafeAreaInsets2 = createConstantBridge("getSafeAreaInsets");
 var SafeAreaInsets = {
   get: _getSafeAreaInsets2,
   subscribe: subscribeSafeAreaInsets
 };
 
 // src/googleAdMob.ts
-var import_bridge_core6 = require("@apps-in-toss/bridge-core");
 var GoogleAdMob = {
   /**
    * @public
@@ -455,8 +563,8 @@ var GoogleAdMob = {
    * }
    * ```
    */
-  loadAppsInTossAdMob: Object.assign((0, import_bridge_core6.createEventBridge)("loadAppsInTossAdMob"), {
-    isSupported: (0, import_bridge_core6.createConstantBridge)("loadAppsInTossAdMob_isSupported")
+  loadAppsInTossAdMob: Object.assign(createEventBridge("loadAppsInTossAdMob"), {
+    isSupported: createConstantBridge("loadAppsInTossAdMob_isSupported")
   }),
   /**
    * @public
@@ -533,8 +641,8 @@ var GoogleAdMob = {
    * }
    * ```
    */
-  showAppsInTossAdMob: Object.assign((0, import_bridge_core6.createEventBridge)("showAppsInTossAdMob"), {
-    isSupported: (0, import_bridge_core6.createConstantBridge)("showAppsInTossAdMob_isSupported")
+  showAppsInTossAdMob: Object.assign(createEventBridge("showAppsInTossAdMob"), {
+    isSupported: createConstantBridge("showAppsInTossAdMob_isSupported")
   }),
   /**
    * @public
@@ -545,21 +653,20 @@ var GoogleAdMob = {
    * @property {() => boolean} [isSupported] 현재 실행 중인 앱(예: 토스 앱, 개발용 샌드박스 앱 등)에서 `isAppsInTossAdMobLoaded` 를 지원하는지 확인하는 함수예요. 기능을 사용하기 전에 지원 여부를 확인해야 해요.
    */
   isAppsInTossAdMobLoaded: Object.assign(
-    (0, import_bridge_core6.createAsyncBridge)("isAppsInTossAdMobLoaded"),
+    createAsyncBridge("isAppsInTossAdMobLoaded"),
     {
-      isSupported: (0, import_bridge_core6.createConstantBridge)("isAppsInTossAdMobLoaded_isSupported")
+      isSupported: createConstantBridge("isAppsInTossAdMobLoaded_isSupported")
     }
   )
 };
 
 // src/graniteEvent.ts
-var import_bridge_core7 = require("@apps-in-toss/bridge-core");
 var graniteEvent = {
   addEventListener: (event, {
     onEvent,
     onError,
     options
-  }) => (0, import_bridge_core7.createEventBridge)(event)({
+  }) => createEventBridge(event)({
     onEvent,
     onError: onError ?? (() => {
     }),
@@ -568,13 +675,12 @@ var graniteEvent = {
 };
 
 // src/appsInTossEvent.ts
-var import_bridge_core8 = require("@apps-in-toss/bridge-core");
 var appsInTossEvent = {
   addEventListener: (event, {
     onEvent,
     onError,
     options
-  }) => (0, import_bridge_core8.createEventBridge)(event)({
+  }) => createEventBridge(event)({
     onEvent,
     onError: onError ?? (() => {
     }),
@@ -583,17 +689,15 @@ var appsInTossEvent = {
 };
 
 // src/env.ts
-var import_bridge_core9 = require("@apps-in-toss/bridge-core");
 var env = {
-  getDeploymentId: (0, import_bridge_core9.createConstantBridge)("getDeploymentId")
+  getDeploymentId: createConstantBridge("getDeploymentId")
 };
 
 // src/global.ts
-var import_bridge_core10 = require("@apps-in-toss/bridge-core");
-var deploymentId = (0, import_bridge_core10.createConstantBridge)("deploymentId");
-var brandDisplayName = (0, import_bridge_core10.createConstantBridge)("brandDisplayName");
-var brandIcon = (0, import_bridge_core10.createConstantBridge)("brandIcon");
-var brandPrimaryColor = (0, import_bridge_core10.createConstantBridge)("brandPrimaryColor");
+var deploymentId = createConstantBridge("deploymentId");
+var brandDisplayName = createConstantBridge("brandDisplayName");
+var brandIcon = createConstantBridge("brandIcon");
+var brandPrimaryColor = createConstantBridge("brandPrimaryColor");
 var getAppsInTossGlobals = () => {
   return {
     deploymentId: deploymentId(),
@@ -604,7 +708,6 @@ var getAppsInTossGlobals = () => {
 };
 
 // src/tdsEvent.ts
-var import_bridge_core11 = require("@apps-in-toss/bridge-core");
 var tdsEvent = {
   /**
    * @public
@@ -634,7 +737,7 @@ var tdsEvent = {
     onEvent,
     onError,
     options
-  }) => (0, import_bridge_core11.createEventBridge)(event)({
+  }) => createEventBridge(event)({
     onEvent,
     onError: onError ?? (() => {
     }),
@@ -643,7 +746,6 @@ var tdsEvent = {
 };
 
 // src/partner.ts
-var import_bridge_core12 = require("@apps-in-toss/bridge-core");
 var partner = {
   /**
    * @public
@@ -665,7 +767,7 @@ var partner = {
     });
    * ```
    */
-  addAccessoryButton: (0, import_bridge_core12.createAsyncBridge)("addAccessoryButton"),
+  addAccessoryButton: createAsyncBridge("addAccessoryButton"),
   /**
    * @public
    * @category 파트너
@@ -679,18 +781,16 @@ var partner = {
    * partner.removeAccessoryButton();
    * ```
    */
-  removeAccessoryButton: (0, import_bridge_core12.createAsyncBridge)("removeAccessoryButton")
+  removeAccessoryButton: createAsyncBridge("removeAccessoryButton")
 };
 
 // src/permissions/fetchAlbumPhotos.ts
-var import_bridge_core14 = require("@apps-in-toss/bridge-core");
 var import_types = require("@apps-in-toss/types");
 
 // src/permissions/createPermissionFunction.ts
-var import_bridge_core13 = require("@apps-in-toss/bridge-core");
-var requestPermission = (0, import_bridge_core13.createAsyncBridge)("requestPermission");
-var getPermission = (0, import_bridge_core13.createAsyncBridge)("getPermission");
-var openPermissionDialog = (0, import_bridge_core13.createAsyncBridge)("openPermissionDialog");
+var requestPermission = createAsyncBridge("requestPermission");
+var getPermission = createAsyncBridge("getPermission");
+var openPermissionDialog = createAsyncBridge("openPermissionDialog");
 function createPermissionFunction({
   permission,
   handler,
@@ -711,7 +811,7 @@ function createPermissionFunction({
 // src/permissions/fetchAlbumPhotos.ts
 var fetchAlbumPhotos = createPermissionFunction({
   handler: (options) => {
-    return (0, import_bridge_core14.createAsyncBridge)("fetchAlbumPhotos")(
+    return createAsyncBridge("fetchAlbumPhotos")(
       options
     );
   },
@@ -723,11 +823,10 @@ var fetchAlbumPhotos = createPermissionFunction({
 });
 
 // src/permissions/fetchContacts.ts
-var import_bridge_core15 = require("@apps-in-toss/bridge-core");
 var import_types2 = require("@apps-in-toss/types");
 var fetchContacts = createPermissionFunction({
   handler: (options) => {
-    return (0, import_bridge_core15.createAsyncBridge)("fetchContacts")(options);
+    return createAsyncBridge("fetchContacts")(options);
   },
   permission: {
     name: "contacts",
@@ -737,11 +836,10 @@ var fetchContacts = createPermissionFunction({
 });
 
 // src/permissions/getCurrentLocation.ts
-var import_bridge_core16 = require("@apps-in-toss/bridge-core");
 var import_types3 = require("@apps-in-toss/types");
 var getCurrentLocation = createPermissionFunction({
   handler: (options) => {
-    return (0, import_bridge_core16.createAsyncBridge)(
+    return createAsyncBridge(
       "getCurrentLocation"
     )(options);
   },
@@ -753,11 +851,10 @@ var getCurrentLocation = createPermissionFunction({
 });
 
 // src/permissions/openCamera.ts
-var import_bridge_core17 = require("@apps-in-toss/bridge-core");
 var import_types4 = require("@apps-in-toss/types");
 var openCamera = createPermissionFunction({
   handler: (options) => {
-    return (0, import_bridge_core17.createAsyncBridge)("openCamera")(options);
+    return createAsyncBridge("openCamera")(options);
   },
   permission: {
     name: "camera",
@@ -767,11 +864,10 @@ var openCamera = createPermissionFunction({
 });
 
 // src/permissions/setClipboardText.ts
-var import_bridge_core18 = require("@apps-in-toss/bridge-core");
 var import_types5 = require("@apps-in-toss/types");
 var setClipboardText = createPermissionFunction({
   handler: (options) => {
-    return (0, import_bridge_core18.createAsyncBridge)("setClipboardText")(
+    return createAsyncBridge("setClipboardText")(
       options
     );
   },
@@ -783,11 +879,10 @@ var setClipboardText = createPermissionFunction({
 });
 
 // src/permissions/getClipboardText.ts
-var import_bridge_core19 = require("@apps-in-toss/bridge-core");
 var import_types6 = require("@apps-in-toss/types");
 var getClipboardText = createPermissionFunction({
   handler: () => {
-    return (0, import_bridge_core19.createAsyncBridge)("getClipboardText")();
+    return createAsyncBridge("getClipboardText")();
   },
   permission: {
     name: "clipboard",
@@ -797,12 +892,11 @@ var getClipboardText = createPermissionFunction({
 });
 
 // src/permissions/startUpdateLocation.ts
-var import_bridge_core20 = require("@apps-in-toss/bridge-core");
 var import_types7 = require("@apps-in-toss/types");
-var getPermission2 = (0, import_bridge_core20.createAsyncBridge)("getPermission");
-var openPermissionDialog2 = (0, import_bridge_core20.createAsyncBridge)("openPermissionDialog");
+var getPermission2 = createAsyncBridge("getPermission");
+var openPermissionDialog2 = createAsyncBridge("openPermissionDialog");
 var startUpdateLocation = (params) => {
-  return (0, import_bridge_core20.createEventBridge)("updateLocationEvent")({
+  return createEventBridge("updateLocationEvent")({
     ...params,
     onError: (error) => {
       const locationError = new import_types7.StartUpdateLocationPermissionError();
@@ -817,26 +911,21 @@ startUpdateLocation.getPermission = () => getPermission2({ name: "geolocation",
 startUpdateLocation.openPermissionDialog = () => openPermissionDialog2({ name: "geolocation", access: "access" });
 
 // src/integratedAd.ts
-var import_bridge_core21 = require("@apps-in-toss/bridge-core");
 var loadFullScreenAd = Object.assign(
-  (0, import_bridge_core21.createEventBridge)("loadFullScreenAd"),
+  createEventBridge("loadFullScreenAd"),
   {
-    isSupported: (0, import_bridge_core21.createConstantBridge)("loadFullScreenAd_isSupported")
+    isSupported: createConstantBridge("loadFullScreenAd_isSupported")
   }
 );
 var showFullScreenAd = Object.assign(
-  (0, import_bridge_core21.createEventBridge)("showFullScreenAd"),
+  createEventBridge("showFullScreenAd"),
   {
-    isSupported: (0, import_bridge_core21.createConstantBridge)("showFullScreenAd_isSupported")
+    isSupported: createConstantBridge("showFullScreenAd_isSupported")
   }
 );
 
-// src/toss-ad/index.ts
-var import_bridge_core23 = require("@apps-in-toss/bridge-core");
-
 // src/toss-ad/opener.ts
-var import_bridge_core22 = require("@apps-in-toss/bridge-core");
-var openURL = (0, import_bridge_core22.createAsyncBridge)("openURL");
+var openURL = createAsyncBridge("openURL");
 function openUrlOpener(url) {
   const transformed = getWebSchemeOrUri(url);
   return openURL(transformed);
@@ -907,10 +996,10 @@ function loadAdsSdk() {
 }
 
 // src/toss-ad/index.ts
-var fetchTossAd = Object.assign((0, import_bridge_core23.createEventBridge)("fetchTossAd"), {
-  isSupported: (0, import_bridge_core23.createConstantBridge)("fetchTossAd_isSupported")
+var fetchTossAd = Object.assign(createEventBridge("fetchTossAd"), {
+  isSupported: createConstantBridge("fetchTossAd_isSupported")
 });
-var tossAdEventLog = (0, import_bridge_core23.createAsyncBridge)("tossAdEventLog");
+var tossAdEventLog = createAsyncBridge("tossAdEventLog");
 var SUPPORTED_STYLE_IDS = /* @__PURE__ */ new Set(["1", "2"]);
 function fetchTossAdPromise(options) {
   return new Promise((resolve, reject) => {
@@ -1104,9 +1193,8 @@ var TossAds = {
 };
 
 // src/getServerTime.ts
-var import_bridge_core24 = require("@apps-in-toss/bridge-core");
-var getServerTime = Object.assign((0, import_bridge_core24.createAsyncBridge)("getServerTime"), {
-  isSupported: (0, import_bridge_core24.createConstantBridge)("getServerTime_isSupported")
+var getServerTime = Object.assign(createAsyncBridge("getServerTime"), {
+  isSupported: createConstantBridge("getServerTime_isSupported")
 });
 
 // src/index.ts
@@ -1119,6 +1207,9 @@ __reExport(index_exports, require("@apps-in-toss/types"), module.exports);
   Storage,
   TossAds,
   appsInTossEvent,
+  createAsyncBridge,
+  createConstantBridge,
+  createEventBridge,
   env,
   fetchAlbumPhotos,
   fetchContacts,
@@ -1136,6 +1227,5 @@ __reExport(index_exports, require("@apps-in-toss/types"), module.exports);
   showFullScreenAd,
   startUpdateLocation,
   tdsEvent,
-  ...require("@apps-in-toss/bridge-core"),
   ...require("@apps-in-toss/types")
 });

package/dist/index.d.cts

@@ -1,8 +1,7 @@
 export * from './bridge';
 export * from '@apps-in-toss/bridge-core';
-import { LoadAdMobEvent, LoadAdMobOptions, ShowAdMobEvent, ShowAdMobOptions, IsAdMobLoadedOptions, LoadFullScreenAdEvent, LoadFullScreenAdOptions, ShowFullScreenAdEvent, ShowFullScreenAdOptions } from '@apps-in-toss/framework';
 import * as _apps_in_toss_types from '@apps-in-toss/types';
-import { FetchAlbumPhotos, FetchContacts, GetCurrentLocation, OpenCamera, SetClipboardText, GetClipboardText, StartUpdateLocationEventParams } from '@apps-in-toss/types';
+import { LoadAdMobEvent, LoadAdMobOptions, ShowAdMobEvent, ShowAdMobOptions, IsAdMobLoadedOptions, FetchAlbumPhotos, FetchContacts, GetCurrentLocation, OpenCamera, SetClipboardText, GetClipboardText, StartUpdateLocationEventParams, LoadFullScreenAdEvent, LoadFullScreenAdOptions, ShowFullScreenAdEvent, ShowFullScreenAdOptions } from '@apps-in-toss/types';
 export * from '@apps-in-toss/types';
 
 /**

package/dist/index.d.ts

@@ -1,8 +1,7 @@
 export * from './bridge';
 export * from '@apps-in-toss/bridge-core';
-import { LoadAdMobEvent, LoadAdMobOptions, ShowAdMobEvent, ShowAdMobOptions, IsAdMobLoadedOptions, LoadFullScreenAdEvent, LoadFullScreenAdOptions, ShowFullScreenAdEvent, ShowFullScreenAdOptions } from '@apps-in-toss/framework';
 import * as _apps_in_toss_types from '@apps-in-toss/types';
-import { FetchAlbumPhotos, FetchContacts, GetCurrentLocation, OpenCamera, SetClipboardText, GetClipboardText, StartUpdateLocationEventParams } from '@apps-in-toss/types';
+import { LoadAdMobEvent, LoadAdMobOptions, ShowAdMobEvent, ShowAdMobOptions, IsAdMobLoadedOptions, FetchAlbumPhotos, FetchContacts, GetCurrentLocation, OpenCamera, SetClipboardText, GetClipboardText, StartUpdateLocationEventParams, LoadFullScreenAdEvent, LoadFullScreenAdOptions, ShowFullScreenAdEvent, ShowFullScreenAdOptions } from '@apps-in-toss/types';
 export * from '@apps-in-toss/types';
 
 /**

package/dist/index.js

@@ -1,10 +1,122 @@
 export * from './bridge.js';
 
-// src/index.ts
-export * from "@apps-in-toss/bridge-core";
+// ../bridge-core/dist/index.js
+var NativeWindow = class {
+  get _window() {
+    if (typeof window !== "undefined") {
+      return window;
+    }
+    return {
+      ReactNativeWebView: {
+        postMessage: () => {
+        }
+      },
+      __GRANITE_NATIVE_EMITTER: {
+        on: () => () => {
+        }
+      },
+      __CONSTANT_HANDLER_MAP: {}
+    };
+  }
+  postMessage(message) {
+    const webView = this._window.ReactNativeWebView;
+    if (!webView) {
+      throw new Error("ReactNativeWebView is not available in browser environment");
+    }
+    webView.postMessage(JSON.stringify(message));
+  }
+  on(event, callback) {
+    const emitter = this._window.__GRANITE_NATIVE_EMITTER;
+    if (!emitter) {
+      throw new Error("__GRANITE_NATIVE_EMITTER is not available");
+    }
+    return emitter.on(event, callback);
+  }
+  getConstant(method) {
+    const constantHandlerMap = this._window.__CONSTANT_HANDLER_MAP;
+    if (constantHandlerMap && method in constantHandlerMap) {
+      return constantHandlerMap[method];
+    }
+    throw new Error(`${method} is not a constant handler`);
+  }
+};
+var nativeWindow = new NativeWindow();
+var createEventId = () => Math.random().toString(36).substring(2, 15);
+var deserializeError = (value) => {
+  if (value && value.__isError) {
+    const err = new Error(value.message);
+    for (const [key, val] of Object.entries(value)) {
+      err[key] = val;
+    }
+    return err;
+  }
+  return value;
+};
+function createAsyncBridge(method) {
+  return (...args) => {
+    const eventId = createEventId();
+    const emitters = [];
+    const unsubscribe = () => {
+      for (const remove of emitters) {
+        remove();
+      }
+    };
+    return new Promise((resolve, reject) => {
+      emitters.push(
+        nativeWindow.on(`${method}/resolve/${eventId}`, (data) => {
+          unsubscribe();
+          resolve(data);
+        })
+      );
+      emitters.push(
+        nativeWindow.on(`${method}/reject/${eventId}`, (error) => {
+          unsubscribe();
+          reject(deserializeError(error));
+        })
+      );
+      nativeWindow.postMessage({
+        type: "method",
+        functionName: method,
+        eventId,
+        args
+      });
+    });
+  };
+}
+function createEventBridge(method) {
+  return (args) => {
+    const eventId = createEventId();
+    const removes = [
+      nativeWindow.on(`${method}/onEvent/${eventId}`, (data) => {
+        args.onEvent(data);
+      }),
+      nativeWindow.on(`${method}/onError/${eventId}`, (error) => {
+        args.onError(deserializeError(error));
+      })
+    ];
+    nativeWindow.postMessage({
+      type: "addEventListener",
+      functionName: method,
+      eventId,
+      args: args.options
+    });
+    return () => {
+      nativeWindow.postMessage({
+        type: "removeEventListener",
+        functionName: method,
+        eventId
+      });
+      removes.forEach((remove) => remove());
+    };
+  };
+}
+function createConstantBridge(method) {
+  return () => {
+    return nativeWindow.getConstant(method);
+  };
+}
 
 // src/storage.ts
-import { createAsyncBridge } from "@apps-in-toss/bridge-core";
 var Storage = {
   /**
    * @public
@@ -75,12 +187,6 @@ var Storage = {
   clearItems: createAsyncBridge("clearItems")
 };
 
-// src/iap.ts
-import { createAsyncBridge as createAsyncBridge2, createEventBridge } from "@apps-in-toss/bridge-core";
-
-// src/isMinVersionSupported.ts
-import { createConstantBridge } from "@apps-in-toss/bridge-core";
-
 // src/utils/compareVersion.ts
 var SEMVER_REGEX = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-([\da-z\\-]+(?:\.[\da-z\\-]+)*))?(?:\+[\da-z\\-]+(?:\.[\da-z\\-]+)*)?)?)?$/i;
 var isWildcard = (val) => ["*", "x", "X"].includes(val);
@@ -171,7 +277,7 @@ function isMinVersionSupported(minVersions) {
 
 // src/iap.ts
 function processProductGrant(params) {
-  return createAsyncBridge2("processProductGrant")(params);
+  return createAsyncBridge("processProductGrant")(params);
 }
 var IAP = {
   /**
@@ -213,7 +319,7 @@ var IAP = {
     const sku = options.sku ?? options.productId;
     if (!isProcessProductGrantSupported) {
       const v1 = () => {
-        createAsyncBridge2(
+        createAsyncBridge(
           "iapCreateOneTimePurchaseOrder"
         )({
           productId: sku
@@ -256,7 +362,7 @@ var IAP = {
    * @description 인앱결제로 구매할 수 있는 상품 목록을 가져와요. 상품 목록 화면에 진입할 때 호출해요.
    * @returns {Promise<{ products: IapProductListItem[] } | undefined>} 상품 목록을 포함한 객체를 반환해요. 앱 버전이 최소 지원 버전(안드로이드 5.219.0, iOS 5.219.0)보다 낮으면 `undefined`를 반환해요.
    */
-  getProductItemList: createAsyncBridge2("iapGetProductItemList"),
+  getProductItemList: createAsyncBridge("iapGetProductItemList"),
   /**
    * @public
    * @category 인앱결제
@@ -279,7 +385,7 @@ var IAP = {
    * }
    * ```
    */
-  getPendingOrders: createAsyncBridge2(
+  getPendingOrders: createAsyncBridge(
     "getPendingOrders"
   ),
   /**
@@ -303,7 +409,7 @@ var IAP = {
    * }
    * ```
    */
-  getCompletedOrRefundedOrders: createAsyncBridge2("getCompletedOrRefundedOrders"),
+  getCompletedOrRefundedOrders: createAsyncBridge("getCompletedOrRefundedOrders"),
   /**
    * @public
    * @category 인앱결제
@@ -327,33 +433,30 @@ var IAP = {
    * }
    * ```
    */
-  completeProductGrant: createAsyncBridge2("completeProductGrant")
+  completeProductGrant: createAsyncBridge("completeProductGrant")
 };
 
 // src/getSafeAreaInsets.ts
-import { createConstantBridge as createConstantBridge2 } from "@apps-in-toss/bridge-core";
-var _getSafeAreaInsets = createConstantBridge2("getSafeAreaInsets");
+var _getSafeAreaInsets = createConstantBridge("getSafeAreaInsets");
 function getSafeAreaInsets() {
   return _getSafeAreaInsets();
 }
 
 // src/safeAreaInsets.ts
-import { createEventBridge as createEventBridge2, createConstantBridge as createConstantBridge3 } from "@apps-in-toss/bridge-core";
 function subscribeSafeAreaInsets({ onEvent }) {
-  return createEventBridge2("safeAreaInsetsChange")({
+  return createEventBridge("safeAreaInsetsChange")({
     onEvent,
     onError: () => {
     }
   });
 }
-var _getSafeAreaInsets2 = createConstantBridge3("getSafeAreaInsets");
+var _getSafeAreaInsets2 = createConstantBridge("getSafeAreaInsets");
 var SafeAreaInsets = {
   get: _getSafeAreaInsets2,
   subscribe: subscribeSafeAreaInsets
 };
 
 // src/googleAdMob.ts
-import { createAsyncBridge as createAsyncBridge3, createConstantBridge as createConstantBridge4, createEventBridge as createEventBridge3 } from "@apps-in-toss/bridge-core";
 var GoogleAdMob = {
   /**
    * @public
@@ -409,8 +512,8 @@ var GoogleAdMob = {
    * }
    * ```
    */
-  loadAppsInTossAdMob: Object.assign(createEventBridge3("loadAppsInTossAdMob"), {
-    isSupported: createConstantBridge4("loadAppsInTossAdMob_isSupported")
+  loadAppsInTossAdMob: Object.assign(createEventBridge("loadAppsInTossAdMob"), {
+    isSupported: createConstantBridge("loadAppsInTossAdMob_isSupported")
   }),
   /**
    * @public
@@ -487,8 +590,8 @@ var GoogleAdMob = {
    * }
    * ```
    */
-  showAppsInTossAdMob: Object.assign(createEventBridge3("showAppsInTossAdMob"), {
-    isSupported: createConstantBridge4("showAppsInTossAdMob_isSupported")
+  showAppsInTossAdMob: Object.assign(createEventBridge("showAppsInTossAdMob"), {
+    isSupported: createConstantBridge("showAppsInTossAdMob_isSupported")
   }),
   /**
    * @public
@@ -499,21 +602,20 @@ var GoogleAdMob = {
    * @property {() => boolean} [isSupported] 현재 실행 중인 앱(예: 토스 앱, 개발용 샌드박스 앱 등)에서 `isAppsInTossAdMobLoaded` 를 지원하는지 확인하는 함수예요. 기능을 사용하기 전에 지원 여부를 확인해야 해요.
    */
   isAppsInTossAdMobLoaded: Object.assign(
-    createAsyncBridge3("isAppsInTossAdMobLoaded"),
+    createAsyncBridge("isAppsInTossAdMobLoaded"),
     {
-      isSupported: createConstantBridge4("isAppsInTossAdMobLoaded_isSupported")
+      isSupported: createConstantBridge("isAppsInTossAdMobLoaded_isSupported")
     }
   )
 };
 
 // src/graniteEvent.ts
-import { createEventBridge as createEventBridge4 } from "@apps-in-toss/bridge-core";
 var graniteEvent = {
   addEventListener: (event, {
     onEvent,
     onError,
     options
-  }) => createEventBridge4(event)({
+  }) => createEventBridge(event)({
     onEvent,
     onError: onError ?? (() => {
     }),
@@ -522,13 +624,12 @@ var graniteEvent = {
 };
 
 // src/appsInTossEvent.ts
-import { createEventBridge as createEventBridge5 } from "@apps-in-toss/bridge-core";
 var appsInTossEvent = {
   addEventListener: (event, {
     onEvent,
     onError,
     options
-  }) => createEventBridge5(event)({
+  }) => createEventBridge(event)({
     onEvent,
     onError: onError ?? (() => {
     }),
@@ -537,17 +638,15 @@ var appsInTossEvent = {
 };
 
 // src/env.ts
-import { createConstantBridge as createConstantBridge5 } from "@apps-in-toss/bridge-core";
 var env = {
-  getDeploymentId: createConstantBridge5("getDeploymentId")
+  getDeploymentId: createConstantBridge("getDeploymentId")
 };
 
 // src/global.ts
-import { createConstantBridge as createConstantBridge6 } from "@apps-in-toss/bridge-core";
-var deploymentId = createConstantBridge6("deploymentId");
-var brandDisplayName = createConstantBridge6("brandDisplayName");
-var brandIcon = createConstantBridge6("brandIcon");
-var brandPrimaryColor = createConstantBridge6("brandPrimaryColor");
+var deploymentId = createConstantBridge("deploymentId");
+var brandDisplayName = createConstantBridge("brandDisplayName");
+var brandIcon = createConstantBridge("brandIcon");
+var brandPrimaryColor = createConstantBridge("brandPrimaryColor");
 var getAppsInTossGlobals = () => {
   return {
     deploymentId: deploymentId(),
@@ -558,7 +657,6 @@ var getAppsInTossGlobals = () => {
 };
 
 // src/tdsEvent.ts
-import { createEventBridge as createEventBridge6 } from "@apps-in-toss/bridge-core";
 var tdsEvent = {
   /**
    * @public
@@ -588,7 +686,7 @@ var tdsEvent = {
     onEvent,
     onError,
     options
-  }) => createEventBridge6(event)({
+  }) => createEventBridge(event)({
     onEvent,
     onError: onError ?? (() => {
     }),
@@ -597,7 +695,6 @@ var tdsEvent = {
 };
 
 // src/partner.ts
-import { createAsyncBridge as createAsyncBridge4 } from "@apps-in-toss/bridge-core";
 var partner = {
   /**
    * @public
@@ -619,7 +716,7 @@ var partner = {
     });
    * ```
    */
-  addAccessoryButton: createAsyncBridge4("addAccessoryButton"),
+  addAccessoryButton: createAsyncBridge("addAccessoryButton"),
   /**
    * @public
    * @category 파트너
@@ -633,18 +730,16 @@ var partner = {
    * partner.removeAccessoryButton();
    * ```
    */
-  removeAccessoryButton: createAsyncBridge4("removeAccessoryButton")
+  removeAccessoryButton: createAsyncBridge("removeAccessoryButton")
 };
 
 // src/permissions/fetchAlbumPhotos.ts
-import { createAsyncBridge as createAsyncBridge6 } from "@apps-in-toss/bridge-core";
 import { FetchAlbumPhotosPermissionError } from "@apps-in-toss/types";
 
 // src/permissions/createPermissionFunction.ts
-import { createAsyncBridge as createAsyncBridge5 } from "@apps-in-toss/bridge-core";
-var requestPermission = createAsyncBridge5("requestPermission");
-var getPermission = createAsyncBridge5("getPermission");
-var openPermissionDialog = createAsyncBridge5("openPermissionDialog");
+var requestPermission = createAsyncBridge("requestPermission");
+var getPermission = createAsyncBridge("getPermission");
+var openPermissionDialog = createAsyncBridge("openPermissionDialog");
 function createPermissionFunction({
   permission,
   handler,
@@ -665,7 +760,7 @@ function createPermissionFunction({
 // src/permissions/fetchAlbumPhotos.ts
 var fetchAlbumPhotos = createPermissionFunction({
   handler: (options) => {
-    return createAsyncBridge6("fetchAlbumPhotos")(
+    return createAsyncBridge("fetchAlbumPhotos")(
       options
     );
   },
@@ -677,11 +772,10 @@ var fetchAlbumPhotos = createPermissionFunction({
 });
 
 // src/permissions/fetchContacts.ts
-import { createAsyncBridge as createAsyncBridge7 } from "@apps-in-toss/bridge-core";
 import { FetchContactsPermissionError } from "@apps-in-toss/types";
 var fetchContacts = createPermissionFunction({
   handler: (options) => {
-    return createAsyncBridge7("fetchContacts")(options);
+    return createAsyncBridge("fetchContacts")(options);
   },
   permission: {
     name: "contacts",
@@ -691,13 +785,12 @@ var fetchContacts = createPermissionFunction({
 });
 
 // src/permissions/getCurrentLocation.ts
-import { createAsyncBridge as createAsyncBridge8 } from "@apps-in-toss/bridge-core";
 import {
   GetCurrentLocationPermissionError
 } from "@apps-in-toss/types";
 var getCurrentLocation = createPermissionFunction({
   handler: (options) => {
-    return createAsyncBridge8(
+    return createAsyncBridge(
       "getCurrentLocation"
     )(options);
   },
@@ -709,11 +802,10 @@ var getCurrentLocation = createPermissionFunction({
 });
 
 // src/permissions/openCamera.ts
-import { createAsyncBridge as createAsyncBridge9 } from "@apps-in-toss/bridge-core";
 import { OpenCameraPermissionError } from "@apps-in-toss/types";
 var openCamera = createPermissionFunction({
   handler: (options) => {
-    return createAsyncBridge9("openCamera")(options);
+    return createAsyncBridge("openCamera")(options);
   },
   permission: {
     name: "camera",
@@ -723,11 +815,10 @@ var openCamera = createPermissionFunction({
 });
 
 // src/permissions/setClipboardText.ts
-import { createAsyncBridge as createAsyncBridge10 } from "@apps-in-toss/bridge-core";
 import { SetClipboardTextPermissionError } from "@apps-in-toss/types";
 var setClipboardText = createPermissionFunction({
   handler: (options) => {
-    return createAsyncBridge10("setClipboardText")(
+    return createAsyncBridge("setClipboardText")(
       options
     );
   },
@@ -739,11 +830,10 @@ var setClipboardText = createPermissionFunction({
 });
 
 // src/permissions/getClipboardText.ts
-import { createAsyncBridge as createAsyncBridge11 } from "@apps-in-toss/bridge-core";
 import { GetClipboardTextPermissionError } from "@apps-in-toss/types";
 var getClipboardText = createPermissionFunction({
   handler: () => {
-    return createAsyncBridge11("getClipboardText")();
+    return createAsyncBridge("getClipboardText")();
   },
   permission: {
     name: "clipboard",
@@ -753,14 +843,13 @@ var getClipboardText = createPermissionFunction({
 });
 
 // src/permissions/startUpdateLocation.ts
-import { createAsyncBridge as createAsyncBridge12, createEventBridge as createEventBridge7 } from "@apps-in-toss/bridge-core";
 import {
   StartUpdateLocationPermissionError
 } from "@apps-in-toss/types";
-var getPermission2 = createAsyncBridge12("getPermission");
-var openPermissionDialog2 = createAsyncBridge12("openPermissionDialog");
+var getPermission2 = createAsyncBridge("getPermission");
+var openPermissionDialog2 = createAsyncBridge("openPermissionDialog");
 var startUpdateLocation = (params) => {
-  return createEventBridge7("updateLocationEvent")({
+  return createEventBridge("updateLocationEvent")({
     ...params,
     onError: (error) => {
       const locationError = new StartUpdateLocationPermissionError();
@@ -775,26 +864,21 @@ startUpdateLocation.getPermission = () => getPermission2({ name: "geolocation",
 startUpdateLocation.openPermissionDialog = () => openPermissionDialog2({ name: "geolocation", access: "access" });
 
 // src/integratedAd.ts
-import { createConstantBridge as createConstantBridge7, createEventBridge as createEventBridge8 } from "@apps-in-toss/bridge-core";
 var loadFullScreenAd = Object.assign(
-  createEventBridge8("loadFullScreenAd"),
+  createEventBridge("loadFullScreenAd"),
   {
-    isSupported: createConstantBridge7("loadFullScreenAd_isSupported")
+    isSupported: createConstantBridge("loadFullScreenAd_isSupported")
   }
 );
 var showFullScreenAd = Object.assign(
-  createEventBridge8("showFullScreenAd"),
+  createEventBridge("showFullScreenAd"),
   {
-    isSupported: createConstantBridge7("showFullScreenAd_isSupported")
+    isSupported: createConstantBridge("showFullScreenAd_isSupported")
   }
 );
 
-// src/toss-ad/index.ts
-import { createAsyncBridge as createAsyncBridge14, createConstantBridge as createConstantBridge8, createEventBridge as createEventBridge9 } from "@apps-in-toss/bridge-core";
-
 // src/toss-ad/opener.ts
-import { createAsyncBridge as createAsyncBridge13 } from "@apps-in-toss/bridge-core";
-var openURL = createAsyncBridge13("openURL");
+var openURL = createAsyncBridge("openURL");
 function openUrlOpener(url) {
   const transformed = getWebSchemeOrUri(url);
   return openURL(transformed);
@@ -865,10 +949,10 @@ function loadAdsSdk() {
 }
 
 // src/toss-ad/index.ts
-var fetchTossAd = Object.assign(createEventBridge9("fetchTossAd"), {
-  isSupported: createConstantBridge8("fetchTossAd_isSupported")
+var fetchTossAd = Object.assign(createEventBridge("fetchTossAd"), {
+  isSupported: createConstantBridge("fetchTossAd_isSupported")
 });
-var tossAdEventLog = createAsyncBridge14("tossAdEventLog");
+var tossAdEventLog = createAsyncBridge("tossAdEventLog");
 var SUPPORTED_STYLE_IDS = /* @__PURE__ */ new Set(["1", "2"]);
 function fetchTossAdPromise(options) {
   return new Promise((resolve, reject) => {
@@ -1062,9 +1146,8 @@ var TossAds = {
 };
 
 // src/getServerTime.ts
-import { createAsyncBridge as createAsyncBridge15, createConstantBridge as createConstantBridge9 } from "@apps-in-toss/bridge-core";
-var getServerTime = Object.assign(createAsyncBridge15("getServerTime"), {
-  isSupported: createConstantBridge9("getServerTime_isSupported")
+var getServerTime = Object.assign(createAsyncBridge("getServerTime"), {
+  isSupported: createConstantBridge("getServerTime_isSupported")
 });
 
 // src/index.ts
@@ -1076,6 +1159,9 @@ export {
   Storage,
   TossAds,
   appsInTossEvent,
+  createAsyncBridge,
+  createConstantBridge,
+  createEventBridge,
   env,
   fetchAlbumPhotos,
   fetchContacts,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@apps-in-toss/web-bridge",
   "type": "module",
-  "version": "1.9.3",
+  "version": "1.10.0",
   "description": "Web Bridge for Apps In Toss",
   "scripts": {
     "typecheck": "tsc --noEmit",
@@ -27,19 +27,16 @@
     "dist"
   ],
   "dependencies": {
-    "@apps-in-toss/types": "1.9.3"
+    "@apps-in-toss/types": "1.10.0"
   },
   "devDependencies": {
-    "@apps-in-toss/bridge-core": "1.9.3",
-    "@apps-in-toss/framework": "1.9.3",
+    "@apps-in-toss/bridge-core": "1.10.0",
+    "@apps-in-toss/native-modules": "^1.10.0",
     "@swc/core": "^1.12.7",
     "picocolors": "^1.1.1",
     "ts-morph": "^26.0.0",
     "tsup": "^8.5.0",
     "typescript": "4.9.5",
     "vitest": "^3.1.2"
-  },
-  "peerDependencies": {
-    "@apps-in-toss/bridge-core": "*"
   }
 }