feat: Rozenite plugin release

Author: retyui

README.md

@@ -18,13 +18,18 @@ With this tool, you can easily explore your app's codebase, identify large or he
 
 ### Setup:
 
-#### 1. Install
+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. Install (independent tool)
 
 ```bash
 yarn add -D react-native-bundle-discovery
 ```
 
-#### 2. Add to your metro.config.js
+Add to your `metro.config.js`:
 
 ```diff
 // metro.config.js
@@ -48,6 +53,46 @@ const {getDefaultConfig, mergeConfig} = require('@react-native/metro-config');
 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)
+
+
+---
+
+
 #### 3. Build the app
 
 As example, for iOS you can run the following command, and it will generate the `metro-stats.json` file in the root of your project:

lib/customSerializer.js

@@ -94,6 +94,7 @@ function createJsonReport({
   includeCode,
   outputJsonPath,
   rootFolder,
+  silent,
 }) {
   const dependencies = Array.from(graph.dependencies.values());
 
@@ -114,9 +115,11 @@ function createJsonReport({
 
   writeFileSync(outputJsonPath, JSON.stringify(stats));
 
-  console.log(
-    `${chalk.yellow(`[${NAME}]`)}: Saved stats to ${chalk.green(outputJsonPath)}`,
-  );
+  if (!silent) {
+    console.log(
+      `${chalk.yellow(`[${NAME}]`)}: Saved stats to ${chalk.green(outputJsonPath)}`,
+    );
+  }
 }
 
 /**
@@ -137,6 +140,7 @@ function createSerializer({
   projectRoot,
   outputJsonPath,
   includeCode = true,
+  silent = false,
   includeEnvs = [],
 } = {}) {
   const mySerializer = serializer || getDefaultSerializer();
@@ -159,6 +163,7 @@ function createSerializer({
       includeCode,
       outputJsonPath: myOutputJsonPath,
       rootFolder: projectRoot,
+      silent,
     });
 
     return code;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-bundle-discovery",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "main": "index.js",
   "bin": "lib/bin.js",
   "repository": "git@github.com:retyui/react-native-bundle-discovery.git",

rozenite/dist/react-native.js

@@ -29,6 +29,7 @@ function injectBundleDiscovery(config, options) {
 
   const newSerializer = createSerializer({
     projectRoot: process.cwd(),
+    silent: true,
     ...options,
     outputJsonPath,
     serializer: hasSerializer ? config.serializer.customSerializer : undefined,

rozenite/dist/rozenite.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-bundle-discovery-rozenite-plugin",
-  "version": "1.0.0-rc.2",
+  "version": "1.0.0",
   "description": "Metro Bundle Discovery for Rozenite.",
   "panels": [
     {

rozenite/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-bundle-discovery-rozenite-plugin",
-  "version": "1.0.0-rc.2",
+  "version": "1.0.0",
   "license": "MIT",
   "main": "dist/react-native.js",
   "files": [