Refactor

inokawa · inokawa · commit ef121b3aa4e7 · 2024-05-06T16:53:50.000+09:00
diff --git a/src/constants.ts b/src/constants.ts
@@ -1,2 +1,2 @@
-export const EVENT_KEY = "rn-web-bridge";
-export const ROOT_ID = "rnrb-root";
+export const TO_WEB_EVENT_KEY = "rn-web-bridge";
+export const WEB_ROOT_ID = "rnrb-root";
diff --git a/src/native/index.ts b/src/native/index.ts
@@ -1,7 +1,7 @@
 import { useCallback, useRef } from "react";
 import type WebView from "react-native-webview";
 import type { WebViewMessageEvent, WebViewProps } from "react-native-webview";
-import { EVENT_KEY } from "../constants";
+import { TO_WEB_EVENT_KEY } from "../constants";
 import type { Message } from "../types";
 
 /**
@@ -10,7 +10,7 @@ import type { Message } from "../types";
 export const buildEmitCode = <T>(message: Message<T>): string => {
   return `(function() {
   try {
-    window.dispatchEvent(new CustomEvent("${EVENT_KEY}",{detail:${JSON.stringify(
+    window.dispatchEvent(new CustomEvent("${TO_WEB_EVENT_KEY}",{detail:${JSON.stringify(
     message
   )}}));
   } catch(e) {
diff --git a/src/plugin/html.ts b/src/plugin/html.ts
@@ -1,4 +1,4 @@
-import { ROOT_ID } from "../constants";
+import { WEB_ROOT_ID } from "../constants";
 
 /**
  * @internal
@@ -21,7 +21,7 @@ const wrapByHtml = (js: string): string => `
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
 </head>
 <body style="margin: 0 !important;padding: 0 !important;">
-  <div id="${ROOT_ID}"></div>
+  <div id="${WEB_ROOT_ID}"></div>
   <script type="text/javascript">(function(){${js}})()</script>
 </body>
 </html>
diff --git a/src/web/core.ts b/src/web/core.ts
@@ -1,11 +1,11 @@
-import { EVENT_KEY, ROOT_ID } from "../constants";
+import { TO_WEB_EVENT_KEY, WEB_ROOT_ID } from "../constants";
 import type { Message } from "../types";
 
 /**
  * @internal
  */
 export const getWebViewRootElement = (): HTMLElement =>
-  document.getElementById(ROOT_ID)!;
+  document.getElementById(WEB_ROOT_ID)!;
 
 /**
  * A function to send a message to React Native
@@ -24,9 +24,9 @@ export const listenNativeMessage = <T>(
     if (!isMessageEvent<T>(e)) return;
     onSubscribe({ type: e.detail.type, data: e.detail.data });
   };
-  window.addEventListener(EVENT_KEY, listener);
+  window.addEventListener(TO_WEB_EVENT_KEY, listener);
   return () => {
-    window.removeEventListener(EVENT_KEY, listener);
+    window.removeEventListener(TO_WEB_EVENT_KEY, listener);
   };
 };
 
