fix: test out using escape placeholder

inokawa · Oct 22, 2024 · 6c122f4 · 6c122f4
1 parent 8da61d0
commit 6c122f4
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/plugin/bundler.ts b/src/plugin/bundler.ts
@@ -10,8 +10,10 @@ export interface RNRBConfig {
   web?: boolean;
 }
 
+export const ESCAPE = "REACT_NATIVE_REACT_BRIDGE_ESCAPE"
+
 /** @internal */
-export const escape = (src: string) => src.replace(/([`])/g, "\\$1");
+export const escape = (src: string) => src.replace(/`/g, ESCAPE);
 
 const injectString = async (path: string): Promise<string> => {
   const src = await readFile(path, "utf8");

diff --git a/src/plugin/index.ts b/src/plugin/index.ts
@@ -6,7 +6,7 @@
 
 import type { BuildOptions } from "esbuild";
 import { isEntryFile } from "./babel";
-import { RNRBConfig, bundle, escape } from "./bundler";
+import { ESCAPE, RNRBConfig, bundle, escape } from "./bundler";
 import { join } from "path";
 
 const metroTransformer = (() => {
@@ -45,7 +45,8 @@ export const createTransformer = (
         src:
           "export default String.raw`" +
           escape(res).replace(/\$/g, '\\$') +
-          "`.replace(/\\\\([`$])/g, '\\$1')",
+          "`.replace(/\\\\([`$])/g, '\\$1')" + 
+          `.replace('${ESCAPE}','\`')`
       });
     }