@apps-in-toss/web-framework 0.0.13 → 0.0.14

package/dist-web/index.js

@@ -0,0 +1,144 @@
+export * from './bridge.js'
+
+// src-web/nativeWindow.ts
+var NativeWindow = class {
+  get _window() {
+    return window;
+  }
+  /**
+   * ReactNativeWebView를 이용해 메시지를 전송합니다.
+   * @param message 전송할 메시지(JSON 문자열)
+   * @example
+   * const nativeWindow = new NativeWindow();
+   * nativeWindow.postMessage({ type: 'method', functionName: 'getDeviceId', eventId: '123', args: [] });
+   */
+  postMessage(message) {
+    const webView = this._window.ReactNativeWebView;
+    if (!webView) {
+      throw new Error("ReactNativeWebView is not available in browser environment");
+    }
+    webView.postMessage(JSON.stringify(message));
+  }
+  /**
+   * __BEDROCK_NATIVE_EMITTER를 이용해 이벤트 리스너를 등록합니다.
+   * @param event 이벤트 이름
+   * @param callback 데이터가 도착했을 때 호출되는 콜백
+   * @returns 리스너 해제 함수
+   * @example
+   * const nativeWindow = new NativeWindow();
+   * const unsubscribe = nativeWindow.on('deviceInfo', (data) => {
+   *   console.log('Device info received:', data);
+   * });
+   *
+   * // 리스너 해제
+   * unsubscribe();
+   */
+  on(event, callback) {
+    const emitter = this._window.__BEDROCK_NATIVE_EMITTER;
+    if (!emitter) {
+      throw new Error("__BEDROCK_NATIVE_EMITTER is not available");
+    }
+    return emitter.on(event, callback);
+  }
+  /**
+   * __CONSTANT_HANDLER_MAP에 등록된 상수 값을 반환합니다.
+   * @param method 상수 핸들러 이름
+   * @returns 상수 값
+   * @example
+   * const nativeWindow = new NativeWindow();
+   * const deviceId = nativeWindow.getConstant('getDeviceId');
+   * console.log('Device ID:', deviceId);
+   */
+  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);
+    err.name = value.name;
+    err.stack = value.stack;
+    return err;
+  }
+  return value;
+};
+
+// src-web/createAsyncBridge.ts
+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: [args]
+      });
+    });
+  };
+}
+
+// src-web/createConstantBridge.ts
+function createConstantBridge(method) {
+  return () => {
+    return nativeWindow.getConstant(method);
+  };
+}
+
+// src-web/createEventBridge.ts
+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());
+    };
+  };
+}
+export {
+  createAsyncBridge,
+  createConstantBridge,
+  createEventBridge
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@apps-in-toss/web-framework",
   "type": "module",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "description": "Web Framework for Apps In Toss",
   "scripts": {
     "prepack": "yarn build",
@@ -10,12 +10,12 @@
     "build": "tsup",
     "sync-bridge": "bridgepack build"
   },
-  "main": "./src-web/index.js",
-  "types": "./src-web/index.d.ts",
+  "main": "./dist-web/index.js",
+  "types": "./dist-web/index.d.ts",
   "exports": {
     ".": {
-      "types": "./src-web/index.d.ts",
-      "default": "./src-web/index.js"
+      "types": "./dist-web/index.d.ts",
+      "default": "./dist-web/index.js"
     },
     "./config": {
       "types": "./dist/config/index.d.ts",
@@ -46,11 +46,11 @@
     "dist",
     "hermesc",
     "bin.js",
-    "src-web",
+    "dist-web",
     "config.d.ts"
   ],
   "devDependencies": {
-    "@apps-in-toss/framework": "0.0.13",
+    "@apps-in-toss/framework": "0.0.14",
     "@babel/plugin-proposal-class-properties": "^7.16.7",
     "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.7",
     "@babel/plugin-proposal-numeric-separator": "^7.16.7",
@@ -95,11 +95,11 @@
     "zod": "^3.24.1"
   },
   "dependencies": {
-    "@apps-in-toss/cli": "0.0.13",
+    "@apps-in-toss/cli": "0.0.14",
     "@babel/core": "7.23.9"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c5fa235b136ffaefc7687b35b473de5f6a1dca6f"
+  "gitHead": "4ed1e356e1a1b3bb14ef33b2fcbd2466c9445b0f"
 }