react-native-bundle-discovery 2.0.0-rc.1 → 2.0.0-rc.3

package/README.md

@@ -10,22 +10,13 @@ With this tool, you can easily explore your app's codebase, identify large or he
 <img width="800" alt="" src="./assets/img.png" />
 
 
-### What you should consider when analyzing your bundle
-
-1. if you use **React 19** then it's time to remove a `prop-types` package from your bundle.
-2. Search for `development|debug|dev|storybook` modules in your production JS bundle (it's a dead code that should not be there).
-3. Also check polyfills duplicates (search example:  `url|fetch|crypto|buffer|base-?64`).
-4. Verify that you don't have any similar packages in your bundle (search example: `object|just-|debounce|ramda|lodash|underscore`). I often see that devs use both `lodash/debounce`, `lodash.debounce` and `debounce` in their projects. Or mix `ramda`, `underscore` and `lodash`._
-5. Try to find `package.json$` files in your bundle. They are often used to get only the package `version/name` but all other fields are not needed in the bundle.
-6. Please provide your ideas soo other devs can benefit from them :)
-
 
 ### Setup:
 
 There are two ways to install the package:
 
-1. As in independent tool 
-2. Or as a [Rozenite](https://www.rozenite.dev/) plugin (see below).
+1. As in independent tool (UI + CLI) 
+2. Or as a [Rozenite](https://www.rozenite.dev/) plugin
 
 #### 1. Install (independent tool)
 
@@ -59,39 +50,6 @@ module.exports = mergeConfig(getDefaultConfig(__dirname), config);
 
 ---
 
-#### 2. Install as a Rozenite plugin (OPTIONAL)
-
-
-```bash
-yarn dlx rozenite@latest init # init rozenite in your project (from: https://www.rozenite.dev/docs/getting-started)
-yarn add -D react-native-bundle-discovery-rozenite-plugin # add the plugin to your project
-```
-
-Then in the `metro.config.js` file add the following:
-
-```diff
-const { withRozenite } = require('@rozenite/metro');
-+const { withRozeniteBundleDiscoveryPlugin } = require('react-native-bundle-discovery-rozenite-plugin');
-const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
-
-/**
- * Metro configuration
- * https://reactnative.dev/docs/metro
- *
- * @type {import('@react-native/metro-config').MetroConfig}
- */
-const config = {};
-
-module.exports = withRozenite(
-  mergeConfig(getDefaultConfig(__dirname), config),
-  {
-+    enhanceMetroConfig: config => withRozeniteBundleDiscoveryPlugin(config, { /* Your Bundle Discovery Options */ }),
-    enabled: true,
-  },
-);
-```
-
-Now you can run `yarn start` and open [React Native DevTools](https://reactnative.dev/docs/react-native-devtools)
 
 
 ---

package/index.js

@@ -115,8 +115,12 @@ function createJsonReport({
   outputJsonPath,
   rootFolder,
   silent,
+  options,
 }) {
-  const dependencies = Array.from(graph.dependencies.values());
+  const { processModuleFilter = () => true } = options || {};
+  const dependencies = Array.from(graph.dependencies.values()).filter(
+    processModuleFilter,
+  );
 
   const stats = {
     date: Date.now(),
@@ -184,6 +188,7 @@ function createSerializer({
       outputJsonPath: myOutputJsonPath,
       rootFolder: projectRoot,
       silent,
+      options,
     });
 
     return code;
@@ -192,4 +197,44 @@ function createSerializer({
   return customSerializer;
 }
 
-module.exports = { createSerializer };
+const createProcessModuleFilter =
+  ({
+    removePromisePolyfill = false, // Remove useless polyfill (Hermes already has Promise)
+    removeOldRenderer = false, // Should be true when new ARCH is enabled
+    removeNewRenderer = false, // Should be true when new ARCH is disabled
+    removeUTFSequence = false, // Remove useless code
+  } = {}) =>
+  (module) => {
+    if (
+      removePromisePolyfill &&
+      module.path.endsWith("/react-native/Libraries/Promise.js")
+    ) {
+      return false;
+    }
+    if (
+      removeOldRenderer &&
+      module.path.endsWith(
+        "/react-native/Libraries/Renderer/shims/ReactNative.js",
+      )
+    ) {
+      return false;
+    }
+    if (
+      removeNewRenderer &&
+      module.path.endsWith(
+        "/react-native/Libraries/Renderer/shims/ReactFabric.js",
+      )
+    ) {
+      return false;
+    }
+    if (
+      removeUTFSequence &&
+      module.path.endsWith("/react-native/Libraries/UTFSequence.js")
+    ) {
+      return false;
+    }
+
+    return true;
+  };
+
+module.exports = { createSerializer, createProcessModuleFilter };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-bundle-discovery",
-  "version": "2.0.0-rc.1",
+  "version": "2.0.0-rc.3",
   "main": "index.js",
   "repository": "git@github.com:retyui/react-native-bundle-discovery.git",
   "author": "David <4661784+retyui@users.noreply.github.com>",