feat: 클라 -> 웹 영수증 OCR 결과 브릿지 구현

Author: lgrin-byte

src/components/provider/WebBridgeProvider/WebBridgeMessage.types.ts

@@ -0,0 +1,9 @@
+export enum WebBridgeMessageType {
+  RECEIVE_SCAN_RESULT = "RECEIVE_SCAN_RESULT",
+}
+
+export type WebBridgeMessage = ReceiveScanResultMessage;
+
+export interface ReceiveScanResultMessage {
+  type: WebBridgeMessageType.RECEIVE_SCAN_RESULT;
+}

src/components/provider/WebBridgeProvider/convertToWebMessage.ts

@@ -0,0 +1,36 @@
+import { WebBridgeMessageType } from "@/components/provider/WebBridgeProvider/WebBridgeMessage.types";
+import type { WebBridgeMessage } from "@/components/provider/WebBridgeProvider/WebBridgeMessage.types";
+
+declare global {
+  interface Window {
+    response: {
+      receiveScanResult: (jsonData: string) => void;
+    };
+  }
+}
+
+window.response = window.response || {};
+
+const handlers = {
+  [WebBridgeMessageType.RECEIVE_SCAN_RESULT]: (message: { payload: { json: string } }) => {
+    if (
+      typeof window !== "undefined" &&
+      window.response &&
+      typeof window.response.receiveScanResult === "function"
+    ) {
+      window.response.receiveScanResult(message.payload.json);
+    } else {
+      console.warn("window.response.receiveScanResult is not available.");
+    }
+  },
+};
+
+export function convertToWebBridge(message: WebBridgeMessage) {
+  const handler = handlers[message.type];
+  if (handler) {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    handler(message as any);
+  } else {
+    console.warn("Unhandled message type:", message.type);
+  }
+}