react-native-bundle-discovery 1.0.0-rc.11 → 1.0.0-rc.13

package/README.md

@@ -4,7 +4,7 @@
 > Currently, everything is in a very early stage. The project is not yet ready for use.
 
 
-<img width="800" src="https://github.com/user-attachments/assets/211145d4-8fe7-499b-a372-9d752e878772" />
+<img width="800" alt="" src="./assets/img.png" />
 
 ### Setup:
 
@@ -25,7 +25,7 @@ const {getDefaultConfig, mergeConfig} = require('@react-native/metro-config');
 +  projectRoot: __dirname, 
 +   //^^^ ⚠️ WARNING: In a monorepo setup, this should point to the monorepo root,
 +   //                not the individual package directory.
-+})
++});
 
 -const config = {};
 +const config = {
@@ -37,7 +37,31 @@ const {getDefaultConfig, mergeConfig} = require('@react-native/metro-config');
 module.exports = mergeConfig(getDefaultConfig(__dirname), config);
 ```
 
+#### 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:
+
+```bash
+npx react-native bundle \
+  --entry-file index.js \
+  --platform ios \
+  --dev false \
+  --bundle-output ios/main.jsbundle \
+  --assets-dest ios/assets
+```
+
+#### 4. View the report
+
+Run webserver to view the report:
+
+```bash
+npx react-native-bundle-discovery metro-stats.json
+```
+
+---
+
 **Similar projects:**
+
 - https://github.com/expo/atlas
 - https://github.com/v3ron/expo-atlas-without-expo
 - https://github.com/callstack/react-native-bundle-visualizer
@@ -45,7 +69,8 @@ module.exports = mergeConfig(getDefaultConfig(__dirname), config);
 - https://github.com/statoscope/statoscope
 - https://github.com/relative-ci/bundle-stats/tree/master/packages/cli
 
+--- 
 
-**Links:**
+**Built using Discovery.js:**
 - Build blocks for pages: https://discoveryjs.github.io/discovery/#views-showcase
 - Jora syntax: https://discoveryjs.github.io/jora/#article:jora-syntax-operators

package/lib/customSerializer.js

@@ -1,6 +1,7 @@
-const { writeFileSync, existsSync } = require("node:fs");
-const { resolve } = require("node:path");
-const { Buffer } = require("node:buffer");
+const { writeFileSync, existsSync } = require("fs");
+const { resolve } = require("path");
+const { Buffer } = require("buffer");
+const chalk = require("chalk");
 
 const NAME = require("../package.json").name;
 
@@ -113,7 +114,9 @@ function createJsonReport({
 
   writeFileSync(outputJsonPath, JSON.stringify(stats));
 
-  console.log(`[${NAME}]: Saved stats to`, outputJsonPath);
+  console.log(
+    `${chalk.yellow(`[${NAME}]`)}: Saved stats to ${chalk.green(outputJsonPath)}`,
+  );
 }
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-bundle-discovery",
-  "version": "1.0.0-rc.11",
+  "version": "1.0.0-rc.13",
   "main": "index.js",
   "bin": "lib/bin.js",
   "repository": "git@github.com:retyui/react-native-bundle-discovery.git",
@@ -38,6 +38,5 @@
   ],
   "devDependencies": {
     "prettier": "3.5.3"
-  },
-  "packageManager": "yarn@4.6.0"
+  }
 }

package/queryHelpers.js

@@ -260,9 +260,7 @@ function flattenTree(
 }
 
 function sumSizes(node) {
-  const isEmpty = require("lodash/isEmpty");
-
-  const isFile = isEmpty(node.children);
+  const isFile = Object.keys(node.children).length === 0;
   let totalFiles = isFile ? 1 : 0;
   let totalSize = node.size || 0;
   for (const key in node.children) {