Feat/esbuild options

README.md

@@ -146,6 +146,23 @@ module.exports = (async () => {
 })();
 ```
 
+#### Custom Esbuild options
+To support custom Esbuild options, we can use Multiple Transformers method and replace the customTransformer.js file with the following code:
+
+```
+// root/customTransformer.js
+const reactNativeReactBridgeTransformer = require("react-native-react-bridge/lib/plugin");
+
+module.exports.transform = function ({ src, filename, options }) {
+    const esbuildOptions = {
+        pluglins: [
+        ],
+    };
+    const transform = reactNativeReactBridgeTransformer.createTransformer(esbuildOptions);
+    return transform({ src, filename, options });
+};
+```
+
 ### 2. Make entry file for web app.
 
 - If you use React, React Native Web or Preact with React alias, import modules `react-native-react-bridge/lib/web`.

src/plugin/bundler.ts

@@ -54,7 +54,8 @@ module.exports = (function () {
  */
 export const bundle = async (
   filename: string,
-  options: RNRBConfig = {}
+  options: RNRBConfig = {},
+  esbuildOptions: Omit<esbuild.BuildOptions , "write" | "entryPoints" | "alias"> = {},
 ): Promise<string> => {
   const alias: Record<string, string> = {};
 
@@ -71,6 +72,8 @@ export const bundle = async (
     alias["react-native"] = "react-native-web";
   }
 
+  const {plugins, ...restOptions} = esbuildOptions;
+
   const bundled = await esbuild.build({
     entryPoints: [filename],
     bundle: true,
@@ -139,7 +142,9 @@ export const bundle = async (
           });
         },
       },
+      ...(plugins || [])
     ],
+    ...restOptions,
   });
 
   const code = bundled.outputFiles[0]!.text;

src/plugin/index.ts

@@ -4,6 +4,7 @@
  * @module
  */
 
+import { BuildOptions } from "esbuild";
 import { isEntryFile } from "./babel";
 import { RNRBConfig, bundle, escape } from "./bundler";
 import { join } from "path";
@@ -47,3 +48,23 @@ export const transform = async (args: any /* TODO */) => {
 
   return metroTransformer.transform(args);
 };
+
+export const createTransformer = (esbuildOptions: Omit<BuildOptions , "write" | "entryPoints" | "alias"> = {} ) => {
+  const transform = async (args: any /* TODO */) => {
+    const { filename, src } = args;
+    const isEntry = isEntryFile(src, filename);
+    if (isEntry) {
+      const res = await bundle(filename, metroOptions, esbuildOptions);
+      return metroTransformer.transform({
+        ...args,
+        src:
+          "export default String.raw`" +
+          escape(res).replace(/\$/g, '\\$') +
+          "`.replace(/\\\\([`${}])/g, '\\$1')",
+      });
+    }
+
+    return metroTransformer.transform(args);
+  }; 
+  return transform;
+}