react-native-bundle-discovery 1.3.1 → 2.0.0-rc.2

package/lib/customSerializer.js

@@ -1,196 +0,0 @@
-const { parse } = require("path");
-const { writeFileSync, existsSync } = require("fs");
-const { resolve } = require("path");
-const { Buffer } = require("buffer");
-const chalk = require("chalk");
-
-const NAME = require("../package.json").name;
-
-function getDefault(module) {
-  return module.__esModule ? module.default : module;
-}
-
-function getDefaultSerializer() {
-  const metroPath = parse(require.resolve("metro/package.json")).dir;
-  const bundleToString = getDefault(
-    require(`${metroPath}/src/lib/bundleToString.js`),
-  );
-  const baseJSBundle = getDefault(
-    require(`${metroPath}/src/DeltaBundler/Serializers/baseJSBundle.js`),
-  );
-
-  return function defaultSerializer(entryPoint, preModules, graph, options) {
-    let bundle = baseJSBundle(entryPoint, preModules, graph, options);
-
-    // Sentry support
-    // https://docs.sentry.io/platforms/react-native/manual-setup/metro/#wrap-your-custom-serializer
-    if (typeof options?.sentryBundleCallback === "function") {
-      bundle = options.sentryBundleCallback(bundle);
-    }
-
-    return bundleToString(bundle).code;
-  };
-}
-
-function getStringSizeInBytes(str) {
-  return Buffer.byteLength(str, "utf8");
-}
-
-/**
- * `/Users/i/app/node_modules/metro/node_modules/@babel/runtime/helpers/createClass.js` -> `@babel/runtime`
- * `/Users/i/app/node_modules/react/jsx-runtime.js` -> `react`
- */
-function getPackageNameFromPath(path) {
-  const parts = path.split("node_modules/");
-  const lastPart = parts[parts.length - 1];
-  if (lastPart.startsWith("@")) {
-    return lastPart.split("/").slice(0, 2).join("/");
-  }
-  return lastPart.split("/")[0];
-}
-
-/**
- * `/Users/i/app/node_modules/metro/node_modules/@babel/runtime/helpers/createClass.js` -> `/Users/i/app/node_modules/metro/node_modules/@babel/runtime`
- * `/Users/i/app/node_modules/react/jsx-runtime.js` -> `/Users/i/app/node_modules/react`
- */
-function getPackageAbsolutePath(path, pkgName) {
-  const parts = path.split("node_modules/");
-  parts[parts.length - 1] = pkgName;
-  return parts.join("node_modules/");
-}
-
-function toPackages(modules) {
-  const packages = new Map();
-  modules.forEach((module) => {
-    if (!module.path.includes("node_modules/")) {
-      return;
-    }
-
-    const pkgName = getPackageNameFromPath(module.path);
-    const absolutePkgPath = getPackageAbsolutePath(module.path, pkgName);
-
-    if (!packages.has(absolutePkgPath)) {
-      packages.set(absolutePkgPath, {
-        name: pkgName,
-        absolutePath: absolutePkgPath,
-        version: require(resolve(absolutePkgPath, "package.json")).version,
-      });
-    }
-  });
-
-  return Array.from(packages.values()).sort((a, b) =>
-    a.name.localeCompare(b.name),
-  );
-}
-
-function toModuleStruct(m, includeCode) {
-  const sourceCode = m.getSource().toString("utf8");
-  const outputCode = m.output[0].data.code;
-  return {
-    path: m.path,
-    source: {
-      code: includeCode ? sourceCode : "",
-      lineCount: sourceCode.split("\n").length,
-      sizeInBytes: getStringSizeInBytes(sourceCode),
-    },
-    output: {
-      code: includeCode ? outputCode : "",
-      lineCount: m.output[0].data.lineCount,
-      sizeInBytes: getStringSizeInBytes(outputCode),
-    },
-    dependencies: Array.from(m?.dependencies?.values?.() ?? [])
-      .filter((e) => e.absolutePath)
-      .map((e) => ({
-        absolutePath: e.absolutePath,
-        name: e.data.name,
-      })),
-  };
-}
-
-function createJsonReport({
-  graph,
-  entryPoint,
-  includeEnvs,
-  preModules,
-  includeCode,
-  outputJsonPath,
-  rootFolder,
-  silent,
-}) {
-  const dependencies = Array.from(graph.dependencies.values());
-
-  const stats = {
-    date: Date.now(),
-    entryPoint,
-    transformOptions: graph.transformOptions,
-    envs: includeEnvs.reduce((acc, envName) => {
-      acc[envName] = process.env[envName];
-      return acc;
-    }, {}),
-    rootFolder,
-    packages: toPackages(preModules).concat(toPackages(dependencies)),
-    modules: preModules
-      .map((m) => toModuleStruct(m, includeCode))
-      .concat(dependencies.map((m) => toModuleStruct(m, includeCode))),
-  };
-
-  writeFileSync(outputJsonPath, JSON.stringify(stats));
-
-  if (!silent) {
-    console.log(
-      `${chalk.yellow(`[${NAME}]`)}: Saved stats to ${chalk.green(outputJsonPath)}`,
-    );
-  }
-}
-
-/**
- * Creates a custom serializer function for Metro bundler, which generates a JSON report
- * and optionally modifies the serialization process.
- *
- * @param {Object} options - Configuration options for the serializer.
- * @param {Function} [options.serializer] - A custom serializer function. If not provided, a default serializer is used.
- * @param {string} options.projectRoot - The root directory of the project. Must exist.
- * @param {string} [options.outputJsonPath] - The path where the JSON report will be saved. Defaults to "metro-stats.json" in the project root.
- * @param {boolean} [options.includeCode=true] - Whether to include the source and output code in the JSON report.
- * @param {string[]} [options.includeEnvs=[]] - A list of environment variable names to include in the JSON report.
- * @returns {Function} - A custom serializer function to be used by Metro.
- * @throws {Error} - Throws an error if the project root does not exist.
- */
-function createSerializer({
-  serializer,
-  projectRoot,
-  outputJsonPath,
-  includeCode = true,
-  silent = false,
-  includeEnvs = [],
-} = {}) {
-  const mySerializer = serializer || getDefaultSerializer();
-
-  if (!existsSync(projectRoot)) {
-    throw new Error(`[${NAME}]: Project root does not exist: ${projectRoot}`);
-  }
-
-  const myOutputJsonPath =
-    outputJsonPath ?? resolve(projectRoot, "metro-stats.json");
-
-  function customSerializer(entryPoint, preModules, graph, options) {
-    const code = mySerializer(entryPoint, preModules, graph, options);
-
-    createJsonReport({
-      graph,
-      entryPoint,
-      includeEnvs,
-      preModules,
-      includeCode,
-      outputJsonPath: myOutputJsonPath,
-      rootFolder: projectRoot,
-      silent,
-    });
-
-    return code;
-  }
-
-  return customSerializer;
-}
-
-module.exports = { createSerializer };

package/lib/server.js

@@ -1,82 +0,0 @@
-const fs = require("fs");
-const path = require("path");
-const chalk = require("chalk");
-const { createServer } = require("@discoveryjs/cli");
-const { silent } = require("@discoveryjs/cli/lib/shared/utils.js");
-const config = require("../.discoveryrc.js");
-
-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.yellow("PORT")} env)` : ""}`,
-    );
-  }
-
-  if (!filePath) {
-    console.error(
-      `Usage: '${chalk.green("npx react-native-bundle-discovery server <path-to-file>")}', Please provide a path to a JSON file.`,
-    );
-    process.exit(1);
-  }
-
-  const jsonFilePath = path.resolve(process.cwd(), filePath);
-  if (verbose) {
-    console.info(
-      `Loading JSON file from: ${chalk.green(jsonFilePath)}, base directory: ${chalk.green(process.cwd())}`,
-    );
-  }
-
-  let fullJsonPath;
-
-  try {
-    fullJsonPath = require.resolve(jsonFilePath);
-  } catch (err) {
-    console.error(`❌Error loading file: ${chalk.red(jsonFilePath)}\n\n`);
-    console.error(err.message);
-    process.exit(1);
-  }
-
-  const configFile = path.resolve(__dirname, "./.tmp.js");
-
-  if (verbose) {
-    console.info(
-      `Creating temporary config file at: ${chalk.green(configFile)}, for discovery.js`,
-    );
-  }
-  fs.writeFileSync(
-    configFile,
-    `module.exports = ${JSON.stringify(
-      { ...config, data: "<tmp>" },
-      null,
-      1,
-    ).replace(`"<tmp>"`, `() => require("${fullJsonPath}")`)};`,
-  );
-
-  if (verbose) {
-    console.info(`Running server with config: ${chalk.green(configFile)}`);
-  }
-
-  return silent(() =>
-    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.green.underline(
-            chalk.green(`http://localhost:${PORT}`),
-          )}`,
-        );
-      }),
-    ),
-  );
-}
-
-module.exports = {
-  serve,
-};

package/pages/_common.js

@@ -1,267 +0,0 @@
-const platformColor = `transformOptions.platform = 'android' ? 'rgba(194, 239, 116, .4)' : 'rgba(119, 31, 218, .4)'`;
-
-function getPackage(entry) {
-  return `
-  $packages: $.packages;
-  $totalSize: $.modules.sum(=>output.sizeInBytes);
-  $toModule: => {
-    ext:  $.path.getFileExtension(),
-    name: $.path, 
-    size: $.output.sizeInBytes.formatBytes(), 
-    percent: ($.output.sizeInBytes / $totalSize).percent(3),
-  };
-
-  ${entry}.group(=> path.getModulesName())
-     .map(=> ({ 
-        $pkgName: $.key;
-        pkgName: $pkgName, // example: lodash
-        size: $.value.sum(=>output.sizeInBytes),
-        pkgInstances: $.value
-          .group(=> path.split($pkgName).pick(0) + $pkgName)
-          .map(=> {
-             $pkgNameWithPath: $.key;
-             pkgName: $pkgNameWithPath, // example: node_modules/lodash
-             version: $packages.[path = $pkgNameWithPath][0].version,
-             size: $.value.sum(=> output.sizeInBytes),
-             modules: $.value.map(=> $.$toModule()),
-          }),
-     }))`;
-}
-
-function getPackageList({
-  data,
-  itemPkgName,
-  showCopiesBadge,
-  expanded,
-  limit,
-  subLimit,
-}) {
-  return {
-    view: "list",
-    data,
-    emptyText: "⚠️ No packages found",
-    limit,
-    item: {
-      view: "tree",
-      expanded,
-      itemConfig: {
-        content: [
-          itemPkgName,
-          "text: ' '",
-          "pill-badge:{ text: size.formatBytes(), color: 'rgba(120, 177, 9, 0.35)' }",
-          showCopiesBadge
-            ? {
-                view: "pill-badge",
-                when: "pkgInstances.size() > 1",
-                data: "(pkgInstances.size() - 1).pluralBadge(['copy','copies'], '+')",
-                color: "rgba(255, 0, 0, 0.35)",
-              }
-            : null,
-          {
-            view: "pill-badge",
-            data: "pkgInstances.modules.size().pluralBadge(['file','files'])",
-          },
-        ].filter(Boolean),
-        children: `$.pkgInstances`,
-        itemConfig: {
-          view: "tree-leaf",
-          limit: subLimit,
-          content: [
-            //
-            "text:pkgName",
-            "text:' '",
-            "pill-badge:{ text: 'v' + version, color: '#0af' }",
-            "pill-badge:{ text: size.formatBytes(), color: 'rgba(120, 177, 9, 0.35)' }",
-            {
-              view: "pill-badge",
-              data: "modules.size().pluralBadge(['file','files'])",
-            },
-          ],
-          children: `$.modules`,
-          itemConfig: {
-            view: "tree-leaf",
-            content: getTreeModule({ hasPercent: true }),
-          },
-        },
-      },
-    },
-  };
-}
-
-function getTreeModule({ hasTextMatch = false, hasPercent = false } = {}) {
-  return [
-    "pill-badge:{ text: ext, color: ext.getExtColor() }",
-    hasTextMatch
-      ? {
-          view: "link",
-          content: hasTextMatch ? "text-match" : "text",
-          data: `{
-          href: name.pageLink("module", {}),
-          text: name,
-          match: #.filterByPathStr
-        }`,
-        }
-      : {
-          view: "link",
-          data: `{ href: $.name.pageLink("module", {}), text: $.name }`,
-        },
-    "text:' '",
-    {
-      view: "badge",
-      when: "isEntry",
-      text: "Entrypoint",
-      color: "gold",
-      textColor: "black",
-    },
-    "pill-badge:{ text: size, color: 'rgba(120, 177, 9, 0.35)' }",
-    hasPercent
-      ? "pill-badge:{ text: percent, color: 'rgba(120, 177, 9, 0.35)' }"
-      : null,
-  ].filter(Boolean);
-}
-function getModulesTree({ data, limit }) {
-  if (!data) {
-    throw new Error("[getModulesTree]: data is required");
-  }
-  return {
-    view: "content-filter",
-    data,
-    name: "filterByPathStr",
-    content: {
-      view: "list",
-      limit,
-      data: ".[name ~= #.filterByPathStr]",
-      emptyText: "⚠️ No modules found",
-      item: {
-        view: "tree",
-        expanded: false,
-        itemConfig: {
-          content: getTreeModule({ hasTextMatch: true }),
-          children: `
-            [
-               {
-                 title:'Imported by modules',
-                 data: $.reasons,
-                 type: 'reasons',
-               },
-               {
-                 title:'Similar copies',
-                 data: $.duplicates,
-                 type: 'duplicates',
-               }
-            ].filter(=> $.data.size() > 0)
-          `,
-          itemConfig: {
-            view: "switch",
-            content: [
-              {
-                when: 'type="reasons"',
-                content: {
-                  view: "tree-leaf",
-                  content: [
-                    "text:title",
-                    "text:' '",
-                    "badge:{ text: $.data.size() }",
-                  ],
-                  children: `$.data`,
-                  itemConfig: {
-                    view: "tree-leaf",
-                    content: getTreeModule(),
-                  },
-                },
-              },
-              {
-                when: 'type="duplicates"',
-                content: {
-                  view: "tree-leaf",
-                  content: [
-                    "text:title",
-                    "text:' '",
-                    "badge:{ text: $.data.size() }",
-                  ],
-                  children: `$.data`,
-                  itemConfig: {
-                    view: "tree-leaf",
-                    content: getTreeModule(),
-                  },
-                },
-              },
-            ],
-          },
-        },
-      },
-    },
-  };
-}
-
-const metadata = {
-  platform: {
-    when: "transformOptions.platform",
-    view: "badge",
-    data: `{ prefix: 'Platform: ', text: transformOptions.platform, color: ${platformColor} }`,
-  },
-  size: {
-    when: "modules.filter(=> $.path has 'node_modules').size()",
-    view: "badge",
-    data: `{ prefix: 'Size: ', text: modules.sum(=>output.sizeInBytes).formatBytes(), color: ${platformColor} }`,
-  },
-  node_modules_size: {
-    when: "modules.filter(=> $.path has 'node_modules').size()",
-    view: "badge",
-    data: "{ prefix: 'node_modules: ', text: modules.filter(=> $.path has 'node_modules').sum(=>output.sizeInBytes).formatBytes(), color: 'rgba(255, 0, 0, 0.35)' }",
-  },
-  source_code_size: {
-    when: "modules.filter(=> $.path has 'node_modules').size()",
-    view: "badge",
-    data: `
-        // vars
-        $totalSize: modules.sum(=>output.sizeInBytes);
-        $thirdPartySize: modules.filter(=> $.path has 'node_modules').sum(=>output.sizeInBytes);
-        // return data
-        { prefix: 'Source code: ', text: ($totalSize - $thirdPartySize).formatBytes(), color: 'rgba(148, 111, 234, 0.5)' }`,
-  },
-  is_dev: {
-    when: "transformOptions.dev != null",
-    view: "badge",
-    data: "{ prefix: '__DEV__: ', text: transformOptions.dev }",
-  },
-  is_minified: {
-    when: "transformOptions.minify != null",
-    view: "badge",
-    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",
-    className: `${className ?? ""} copy-to-clipboard`,
-    text,
-    data: `{ textToCopy: ${textToCopy} }`,
-    onClick(elm, data) {
-      clearTimeout(elm.__timer);
-      navigator.clipboard
-        .writeText(data.textToCopy)
-        .then(() => {
-          elm.classList.add("done");
-          elm.__timer = setTimeout(() => elm.classList.remove("done"), 2000);
-        })
-        .catch(() => {
-          elm.classList.add("err");
-          elm.__timer = setTimeout(() => elm.classList.remove("err"), 2000);
-        });
-    },
-  };
-}
-
-module.exports = {
-  getCopyToClipboardButton,
-  getPackage,
-  getPackageList,
-  externalLinkHtml,
-  getTreeModule,
-  getModulesTree,
-  metadata,
-};