react-native-bundle-discovery-ui 2.6.0 → 2.7.0

package/dist/bin.js

@@ -0,0 +1,271 @@
+#!/usr/bin/env node
+const require_rolldown_runtime = require("./rolldown-runtime-VH7oDXx4.js");
+const require_src = require("./src-BSLX-He2.js");
+const require_discoveryrc = require("./discoveryrc.js");
+let minimist = require("minimist");
+minimist = require_rolldown_runtime.__toESM(minimist);
+let node_fs = require("node:fs");
+node_fs = require_rolldown_runtime.__toESM(node_fs);
+let node_path = require("node:path");
+node_path = require_rolldown_runtime.__toESM(node_path);
+let _discoveryjs_cli = require("@discoveryjs/cli");
+let chalk = require("chalk");
+chalk = require_rolldown_runtime.__toESM(chalk);
+let _discoveryjs_cli_lib_shared_utils_js = require("@discoveryjs/cli/lib/shared/utils.js");
+//#region src/build.ts
+function buildHtmlPage(filePath, output, clean, singleFile, verbose) {
+  if (verbose)
+    console.info(
+      `Building HTML page from file: ${chalk.default.green(filePath)} options: ${JSON.stringify(
+        {
+          output,
+          clean,
+          singleFile,
+        },
+        null,
+        2,
+      )}`,
+    );
+  if (!filePath) {
+    console.error(
+      `Usage: '${chalk.default.green("npx react-native-bundle-discovery build <path-to-file>")}', Please provide a path to a JSON file.`,
+    );
+    process.exit(1);
+  }
+  const jsonFilePath = node_path.default.resolve(process.cwd(), filePath);
+  if (verbose)
+    console.info(
+      `Loading JSON file from: ${chalk.default.green(jsonFilePath)}, base directory: ${chalk.default.green(process.cwd())}`,
+    );
+  let fullJsonPath;
+  try {
+    fullJsonPath = require.resolve(jsonFilePath);
+  } catch (err) {
+    console.error(
+      `❌Error loading file: ${chalk.default.red(jsonFilePath)}\n\n`,
+    );
+    console.error(err.message);
+    process.exit(1);
+  }
+  const configFile = node_path.default.resolve(__dirname, "./.tmp.js");
+  if (verbose)
+    console.info(
+      `Creating temporary config file at: ${chalk.default.green(configFile)}, for discovery.js`,
+    );
+  const transformRcdoctor = node_path.default.join(__dirname, "rsdoctor.js");
+  node_fs.default.writeFileSync(
+    configFile,
+    `const {transformRSDoctorData} = require("${transformRcdoctor}");
+module.exports = ${JSON.stringify(
+      {
+        ...require_discoveryrc,
+        data: "<tmp>",
+      },
+      null,
+      1,
+    ).replace(
+      `"<tmp>"`,
+      require_src.isRsdoctorReportPath(fullJsonPath)
+        ? `() => transformRSDoctorData(require("${fullJsonPath}"))`
+        : `() => require("${fullJsonPath}")`,
+    )};`,
+  );
+  if (verbose)
+    console.info(`Building HTML page with options:`, {
+      output,
+      clean,
+      singleFile,
+    });
+  const _config = {
+    name: "Bundle Discovery",
+    mode: "single",
+    colorScheme: "auto",
+    download: true,
+    upload: false,
+    embed: false,
+    encodings: false,
+  };
+  const _options = {
+    singleFile,
+    clean,
+    output,
+    cache: true,
+    cachedir: node_path.default.resolve(__dirname, "./.discoveryjs-cache"),
+    checkCacheTtl: false,
+    minify: true,
+    dataCompression: true,
+    sourcemap: false,
+    embed: "by-config",
+    experimentalJsonxl: false,
+    scriptFormat: "esm",
+    scriptExternal: [],
+    data: true,
+    excludeModelOnDataFail: false,
+    prettyData: false,
+    modelDownload: false,
+    modelDataUpload: true,
+    modelResetCache: false,
+    serveOnlyAssets: true,
+    dev: true,
+    config: configFile,
+    configFile,
+  };
+  return (0, _discoveryjs_cli.build)(_options, _config, configFile).then(() => {
+    console.log(`========================================`);
+    console.log(
+      `✅ HTML page built successfully at: ${chalk.default.green(node_path.default.resolve(output, "index.html").replace(`${process.cwd()}/`, ""))}`,
+    );
+    console.log(`========================================`);
+  });
+}
+//#endregion
+//#region src/server.ts
+function serve(filePath, port, verbose) {
+  const PORT = process.env.PORT || port;
+  if (verbose)
+    console.info(
+      `start server with file: ${filePath} on port: ${port} ${process.env.PORT ? `(${chalk.default.yellow("PORT")} env)` : ""}`,
+    );
+  if (!filePath) {
+    console.error(
+      `Usage: '${chalk.default.green("npx react-native-bundle-discovery server <path-to-file>")}', Please provide a path to a JSON file.`,
+    );
+    process.exit(1);
+  }
+  const jsonFilePath = node_path.default.resolve(process.cwd(), filePath);
+  if (verbose)
+    console.info(
+      `Loading JSON file from: ${chalk.default.green(jsonFilePath)}, base directory: ${chalk.default.green(process.cwd())}`,
+    );
+  let fullJsonPath;
+  try {
+    fullJsonPath = require.resolve(jsonFilePath);
+  } catch (err) {
+    console.error(
+      `❌Error loading file: ${chalk.default.red(jsonFilePath)}\n\n`,
+    );
+    console.error(err.message);
+    process.exit(1);
+  }
+  const configFile = node_path.default.resolve(__dirname, "./.tmp.js");
+  if (verbose)
+    console.info(
+      `Creating temporary config file at: ${chalk.default.green(configFile)}, for discovery.js`,
+    );
+  const transformRcdoctor = node_path.default.join(__dirname, "rsdoctor.js");
+  node_fs.default.writeFileSync(
+    configFile,
+    `const {transformRSDoctorData} = require("${transformRcdoctor}");
+module.exports = ${JSON.stringify(
+      {
+        ...require_discoveryrc,
+        data: "<tmp>",
+      },
+      null,
+      1,
+    ).replace(
+      `"<tmp>"`,
+      require_src.isRsdoctorReportPath(fullJsonPath)
+        ? `() => transformRSDoctorData(require("${fullJsonPath}"))`
+        : `() => require("${fullJsonPath}")`,
+    )};`,
+  );
+  if (verbose)
+    console.info(
+      `Running server with config: ${chalk.default.green(configFile)}`,
+    );
+  return (0, _discoveryjs_cli_lib_shared_utils_js.silent)(() =>
+    (0, _discoveryjs_cli.createServer)({
+      cache: false,
+      minify: true,
+      dev: false,
+      config: configFile,
+      configFile,
+    }).then((server) =>
+      server.listen(PORT, () => {
+        console.log(
+          `[react-native-bundle-discovery]: 🚀 Server listen on ${chalk.default.green.underline(chalk.default.green(`http://localhost:${PORT}`))}`,
+        );
+      }),
+    ),
+  );
+}
+//#endregion
+//#region src/bin.ts
+function printHelp() {
+  console.log(`react-native-bundle-discovery-ui
+
+Usage:
+  react-native-bundle-discovery-ui <file> [port] [--verbose] # <- server can be omitted
+  react-native-bundle-discovery-ui server <file> [port] [--verbose]
+
+  react-native-bundle-discovery-ui build <file> [--output <path>] [--clean] [--single-file] [--verbose]
+
+Commands:
+  server <file> [port]  Run a web server to show a Metro bundler stat report
+  build <file>          Build a HTML report from the Metro bundler stat file
+
+Options:
+  -v, --verbose          Run with verbose logging
+  -o, --output <path>    Path for a build result (default: .bundle-discovery)
+  -c, --clean            Clean output directory before writing build files (default: true)
+  -s, --single-file      Output report build as a single HTML file (default: true)
+  -p, --port <port>      Port for server command (same as [port], default: 8079)
+  -h, --help             Show help
+`);
+}
+function fail(message) {
+  console.error(message);
+  console.error("Use --help to see usage.");
+  process.exit(1);
+}
+function main() {
+  const argv = (0, minimist.default)(process.argv.slice(2), {
+    alias: {
+      v: "verbose",
+      h: "help",
+      o: "output",
+      c: "clean",
+      s: "single-file",
+      p: "port",
+    },
+    boolean: ["verbose", "help", "clean", "single-file"],
+    string: ["output"],
+    default: {
+      clean: true,
+      "single-file": true,
+    },
+  });
+  const command = argv._[0];
+  const isServerCommand = command === "server";
+  const isBuildCommand = command === "build";
+  const isImplicitServerCommand =
+    Boolean(command) && !isServerCommand && !isBuildCommand;
+  if (argv.help || !command) {
+    printHelp();
+    process.exit(0);
+  }
+  if (isServerCommand || isImplicitServerCommand) {
+    const file = isImplicitServerCommand ? argv._[0] : argv._[1];
+    if (!file) fail("Missing required argument: <file>");
+    const rawPort =
+      argv.port ?? (isImplicitServerCommand ? argv._[1] : argv._[2]) ?? 8079;
+    const port = Number(rawPort);
+    if (!Number.isFinite(port)) fail(`Invalid port: ${rawPort}`);
+    return serve(file, port, Boolean(argv.verbose));
+  }
+  if (isBuildCommand) {
+    const file = argv._[1];
+    if (!file) fail("Missing required argument: <file>");
+    return buildHtmlPage(
+      file,
+      argv.output,
+      argv.clean,
+      argv["single-file"],
+      Boolean(argv.verbose),
+    );
+  }
+  fail(`Unknown command: ${command}`);
+}
+main();
+//#endregion

package/dist/client/_virtual/_rolldown/runtime.js

@@ -0,0 +1,37 @@
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if ((from && typeof from === "object") || typeof from === "function")
+    for (
+      var keys = __getOwnPropNames(from), i = 0, n = keys.length, key;
+      i < n;
+      i++
+    ) {
+      key = keys[i];
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, {
+          get: ((k) => from[k]).bind(null, key),
+          enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable,
+        });
+    }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (
+  (target = mod != null ? __create(__getProtoOf(mod)) : {}),
+  __copyProps(
+    isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default")
+      ? __defProp(target, "default", {
+          value: mod,
+          enumerable: true,
+        })
+      : target,
+    mod,
+  )
+);
+//#endregion
+exports.__toESM = __toESM;

package/{pages → dist/client/pages}/_common.js

@@ -1,5 +1,6 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/client/pages/_common.ts
 const platformColor = `transformOptions.platform = 'android' ? 'rgba(194, 239, 116, .4)' : 'rgba(119, 31, 218, .4)'`;
-
 function getPackage(entry) {
   return `
   $packages: $.packages;
@@ -29,15 +30,12 @@ function getPackage(entry) {
           }),
      }))`;
 }
-
 const metadataTooltip = {
   view: "text",
   when: "metadata.createdAt",
   data: "'Published ' + metadata.createdAt.formatDate() + ' (' + metadata.createdAt.timeAgo() + ')'",
 };
 const outdatedColor = "rgba(255, 165, 0, 0.35)";
-
-// Compact npm metadata badges (`metadata` from the report)
 function getMetadataBadges({
   deprecated,
   outdated,
@@ -66,7 +64,6 @@ function getMetadataBadges({
       : null,
   ].filter(Boolean);
 }
-
 function getPackageList({
   data,
   itemPkgName,
@@ -88,7 +85,6 @@ function getPackageList({
           itemPkgName,
           "text: ' '",
           "pill-badge:{ text: size.formatBytes(), color: 'rgba(120, 177, 9, 0.35)' }",
-          // Summary of all instances (visible when the tree is collapsed)
           ...getMetadataBadges({
             deprecated: "pkgInstances.metadata.deprecated[0]",
             outdated: "pkgInstances.[metadata and not metadata.isLatest]",
@@ -113,7 +109,6 @@ function getPackageList({
           view: "tree-leaf",
           limit: subLimit,
           content: [
-            //
             "text:pkgName",
             "text:' '",
             {
@@ -144,7 +139,6 @@ function getPackageList({
     },
   };
 }
-
 function getTreeModule({ hasTextMatch = false, hasPercent = false } = {}) {
   return [
     "pill-badge:{ text: ext, color: ext.getExtColor() }",
@@ -177,9 +171,7 @@ function getTreeModule({ hasTextMatch = false, hasPercent = false } = {}) {
   ].filter(Boolean);
 }
 function getModulesTree({ data, limit }) {
-  if (!data) {
-    throw new Error("[getModulesTree]: data is required");
-  }
+  if (!data) throw new Error("[getModulesTree]: data is required");
   return {
     view: "content-filter",
     data,
@@ -250,7 +242,6 @@ function getModulesTree({ data, limit }) {
     },
   };
 }
-
 const metadata = {
   platform: {
     when: "transformOptions.platform",
@@ -288,9 +279,7 @@ const metadata = {
     data: "{ prefix: 'Minify: ', text: transformOptions.minify }",
   },
 };
-
 const externalLinkHtml = `<svg class="my-icon my-icon-link" viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" ><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6M15 3h6v6M10 14 21 3"></path></svg>`;
-
 function getCopyToClipboardButton({ textToCopy, className, text }) {
   return {
     view: "button",
@@ -303,22 +292,20 @@ function getCopyToClipboardButton({ textToCopy, className, text }) {
         .writeText(data.textToCopy)
         .then(() => {
           elm.classList.add("done");
-          elm.__timer = setTimeout(() => elm.classList.remove("done"), 2000);
+          elm.__timer = setTimeout(() => elm.classList.remove("done"), 2e3);
         })
         .catch(() => {
           elm.classList.add("err");
-          elm.__timer = setTimeout(() => elm.classList.remove("err"), 2000);
+          elm.__timer = setTimeout(() => elm.classList.remove("err"), 2e3);
         });
     },
   };
 }
-
-module.exports = {
-  getCopyToClipboardButton,
-  getPackage,
-  getPackageList,
-  externalLinkHtml,
-  getTreeModule,
-  getModulesTree,
-  metadata,
-};
+//#endregion
+exports.externalLinkHtml = externalLinkHtml;
+exports.getCopyToClipboardButton = getCopyToClipboardButton;
+exports.getModulesTree = getModulesTree;
+exports.getPackage = getPackage;
+exports.getPackageList = getPackageList;
+exports.getTreeModule = getTreeModule;
+exports.metadata = metadata;

package/{pages → dist/client/pages}/default.js

@@ -1,34 +1,24 @@
-const {
-  metadata,
-  getModulesTree,
-  getPackage,
-  getPackageList,
-  getCopyToClipboardButton,
-} = require("./_common");
-
+const require_pages__common = require("./_common.js");
+//#region src/client/pages/default.ts
 const topMetaData = [
-  metadata.platform,
-  metadata.size,
-  metadata.source_code_size,
-  metadata.node_modules_size,
-  metadata.is_dev,
-  metadata.is_minified,
+  require_pages__common.metadata.platform,
+  require_pages__common.metadata.size,
+  require_pages__common.metadata.source_code_size,
+  require_pages__common.metadata.node_modules_size,
+  require_pages__common.metadata.is_dev,
+  require_pages__common.metadata.is_minified,
 ];
-
 const TABS = {
   TREEMAP_FOAMTREE: "treemap-foamtree",
   MODULES: "modules",
   PACKAGES: "packages",
   DUPLICATES: "duplicates",
 };
-
 function parseHashRef(url = window.location.href) {
   return new URL(url).hash.split(":")?.[1];
 }
-
 discovery.page.define("default", [
   ...topMetaData,
-
   {
     view: "tabs",
     name: "mainTabs",
@@ -64,26 +54,28 @@ discovery.page.define("default", [
     ],
     content: {
       view: "switch",
-      context(data, context) {
-        // FIXME - common nobody handle navigation in such way :(
-        const isHashChangeEvent = new Error("").stack.includes("Promise.all");
+      context(_data, context) {
+        const isHashChangeEvent = /* @__PURE__ */ new Error("").stack.includes(
+          "Promise.all",
+        );
         discovery.overridePageHashStateWithAnchor({
           id: "default",
           ref: isHashChangeEvent ? discovery.pageRef : context.mainTabs,
         });
         discovery.cancelScheduledRender();
-
         const id = discovery.pageRef ?? TABS.TREEMAP_FOAMTREE;
-
         setTimeout(() => {
           discovery.dom.root
             .querySelectorAll(".main-tabs>div>.onclick")
-            .forEach((e) => e.classList.remove("active"));
+            .forEach((e) => {
+              e.classList.remove("active");
+            });
           discovery.dom.root
             .querySelectorAll(`.main-tabs .main-tabs-${id}`)
-            .forEach((e) => e.classList.add("active"));
+            .forEach((e) => {
+              e.classList.add("active");
+            });
         }, 50);
-
         return {
           ...context,
           id,
@@ -119,7 +111,7 @@ discovery.page.define("default", [
         },
         {
           when: `#.id="${TABS.MODULES}"`,
-          content: getModulesTree({
+          content: require_pages__common.getModulesTree({
             limit: 200,
             data: `
               $entryPoint: $.entryPointPath;
@@ -142,7 +134,7 @@ discovery.page.define("default", [
         {
           when: `#.id="${TABS.PACKAGES}"`,
           content: [
-            getCopyToClipboardButton({
+            require_pages__common.getCopyToClipboardButton({
               text: "Copy list",
               className: "copy-before-ask-chatgpt",
               textToCopy: `"- " + modules.filter(=> path has "node_modules").group(=> path.getModulesName()).map(=> $.key).join("\\n- ")`,
@@ -158,11 +150,10 @@ discovery.page.define("default", [
             },
             {
               view: "content-filter",
-              //
-              data: `${getPackage(`modules.filter(=> path has "node_modules")`)}.sort(pkgInstances desc, size desc)`,
+              data: `${require_pages__common.getPackage(`modules.filter(=> path has "node_modules")`)}.sort(pkgInstances desc, size desc)`,
               className: "packages-content",
               name: "filterByPathStr",
-              content: getPackageList({
+              content: require_pages__common.getPackageList({
                 showCopiesBadge: true,
                 expanded: false,
                 limit: 200,
@@ -183,7 +174,7 @@ discovery.page.define("default", [
         },
         {
           when: `#.id="${TABS.DUPLICATES}"`,
-          content: getModulesTree({
+          content: require_pages__common.getModulesTree({
             data: `
               // values
               $duplicatesOnly: modules.filter(=> duplicates);
@@ -206,6 +197,5 @@ discovery.page.define("default", [
       ],
     },
   },
-
-  // END
 ]);
+//#endregion

package/{pages → dist/client/pages}/module.js

@@ -1,9 +1,5 @@
-const {
-  getModulesTree,
-  getTreeModule,
-  getCopyToClipboardButton,
-} = require("./_common");
-
+const require_pages__common = require("./_common.js");
+//#region src/client/pages/module.ts
 function getMetroWarn({ when, href, linkText, content }) {
   return {
     view: "alert-warning",
@@ -24,7 +20,6 @@ function getMetroWarn({ when, href, linkText, content }) {
     ].filter(Boolean),
   };
 }
-
 discovery.page.define("module", {
   view: "context",
   data: `{
@@ -39,20 +34,17 @@ discovery.page.define("module", {
     {
       view: "h2",
       content: [
-        //
         'text: "Module: "',
         "text: $.currentModule.path",
-        getCopyToClipboardButton({
+        require_pages__common.getCopyToClipboardButton({
           textToCopy: `$.currentModule.path`,
           className: "m-l-0_5em",
         }),
       ],
     },
-
     {
       view: "tabs",
       name: "tabs",
-      // value: "networkGraph", //FIXME
       tabs: [
         {
           value: "mcontent",
@@ -191,11 +183,6 @@ discovery.page.define("module", {
                     isGraphTooBig: $tmp.data.size() > $limit,
                   }`,
                   content: [
-                    // TODO use for debugging
-                    // {
-                    //   view: "struct",
-                    //   expanded: 2,
-                    // },
                     {
                       when: "isGraphTooBig",
                       view: "block",
@@ -262,7 +249,6 @@ discovery.page.define("module", {
                         },
                       }`,
                         },
-
                         {
                           view: "block",
                           content: [
@@ -286,7 +272,7 @@ discovery.page.define("module", {
                                 view: "tree",
                                 expanded: false,
                                 itemConfig: {
-                                  content: getTreeModule({
+                                  content: require_pages__common.getTreeModule({
                                     hasTextMatch: true,
                                   }),
                                   children: `$.children`,
@@ -304,7 +290,7 @@ discovery.page.define("module", {
           },
           {
             when: '#.tabs="mduplicates"',
-            content: getModulesTree({
+            content: require_pages__common.getModulesTree({
               data: `
               $totalSize: modules.sum(=>output.sizeInBytes);
               $toModule: => {
@@ -322,3 +308,4 @@ discovery.page.define("module", {
     },
   ],
 });
+//#endregion