react-native-bundle-discovery-ui 2.7.0-rc.0 → 2.7.0

package/dist/client/views/foamtree.js

@@ -1,88 +1,103 @@
 let vendors_foamtree_js = require("../../../vendors/foamtree.js");
 //#region src/client/views/foamtree.ts
 function injectTooltip(root) {
-	const t = root.querySelector(".tooltip");
-	if (t) return t;
-	const tooltip = document.createElement("div");
-	tooltip.className = "tooltip";
-	tooltip.id = "foamtree-tooltip";
-	root.appendChild(tooltip);
-	return tooltip;
+  const t = root.querySelector(".tooltip");
+  if (t) return t;
+  const tooltip = document.createElement("div");
+  tooltip.className = "tooltip";
+  tooltip.id = "foamtree-tooltip";
+  root.appendChild(tooltip);
+  return tooltip;
 }
 function prependDuplicateTo(label) {
-	if (label.includes(" ~ ")) return `<b class='i-duplicate'>Duplicate</b> ${label.split(" ~ ")[1]}`;
-	return label;
+  if (label.includes(" ~ "))
+    return `<b class='i-duplicate'>Duplicate</b> ${label.split(" ~ ")[1]}`;
+  return label;
 }
 discovery.view.define("foamtree", (el, _config, rawData, context) => {
-	if (Array.isArray(rawData?.options?.series)) rawData.options.series.forEach((e) => {
-		if (e.data?.[0]?.value !== void 0) e.data = e.data.map((d) => d.value ?? null);
-	});
-	setTimeout(() => {
-		try {
-			window.__el = el;
-			const root = el.closest(".discovery-root");
-			const tooltip = injectTooltip(root);
-			window.addEventListener("resize", () => ft.resize(), { passive: true });
-			root.addEventListener("mousemove", (event) => {
-				if (tooltip.style.display === "none") return;
-				tooltip.style.left = `${event.pageX + 10}px`;
-				tooltip.style.top = `${event.pageY + 10}px`;
-			}, { passive: true });
-			el.addEventListener("mouseover", () => {
-				tooltip.style.display = "block";
-			});
-			el.addEventListener("mouseout", () => {
-				tooltip.style.display = "none";
-			});
-			const ft = new vendors_foamtree_js.FoamTree({
-				element: el,
-				layout: "squarified",
-				stacking: "flattened",
-				pixelRatio: window.devicePixelRatio || 1,
-				maxGroups: Infinity,
-				maxGroupLevelsDrawn: Infinity,
-				maxGroupLabelLevelsDrawn: Infinity,
-				maxGroupLevelsAttached: Infinity,
-				wireframeLabelDrawing: "always",
-				groupMinDiameter: 0,
-				groupLabelVerticalPadding: .2,
-				rolloutDuration: 0,
-				pullbackDuration: 0,
-				fadeDuration: 0,
-				groupExposureZoomMargin: .2,
-				zoomMouseWheelDuration: 300,
-				openCloseDuration: 200,
-				onGroupClick(event) {
-					event.preventDefault();
-					ft.zoom(event.group);
-				},
-				onGroupDoubleClick: (e) => e.preventDefault(),
-				onGroupHover(event) {
-					if (event.group && event.group === rawData.options.dataObject) return event.preventDefault();
-					const { group } = event;
-					if (group?.type) {
-						const htmlContent = [
-							`<b class="tooltip-name">${group.type}</b>: ${prependDuplicateTo(group.label)}`,
-							`<b>Size</b>: ${group.size}`,
-							group.type === "folder" ? null : `<b>Path</b>: ${group.fullPath}`,
-							group.type === "folder" ? `<b>Files</b>: ${group.files}` : null
-						].filter((e) => !!e).join("<br/>");
-						tooltip.style.display = "block";
-						tooltip.innerHTML = htmlContent;
-					} else {
-						tooltip.style.display = "none";
-						tooltip.innerHTML = "";
-					}
-				},
-				...rawData.options
-			});
-		} catch (e) {
-			console.error(e, rawData);
-			discovery.view.render(el, {
-				view: "alert-danger",
-				data: "\"Error rendering chart, please check the console for more information.\""
-			}, rawData, context);
-		}
-	}, 0);
+  if (Array.isArray(rawData?.options?.series))
+    rawData.options.series.forEach((e) => {
+      if (e.data?.[0]?.value !== void 0)
+        e.data = e.data.map((d) => d.value ?? null);
+    });
+  setTimeout(() => {
+    try {
+      window.__el = el;
+      const root = el.closest(".discovery-root");
+      const tooltip = injectTooltip(root);
+      window.addEventListener("resize", () => ft.resize(), { passive: true });
+      root.addEventListener(
+        "mousemove",
+        (event) => {
+          if (tooltip.style.display === "none") return;
+          tooltip.style.left = `${event.pageX + 10}px`;
+          tooltip.style.top = `${event.pageY + 10}px`;
+        },
+        { passive: true },
+      );
+      el.addEventListener("mouseover", () => {
+        tooltip.style.display = "block";
+      });
+      el.addEventListener("mouseout", () => {
+        tooltip.style.display = "none";
+      });
+      const ft = new vendors_foamtree_js.FoamTree({
+        element: el,
+        layout: "squarified",
+        stacking: "flattened",
+        pixelRatio: window.devicePixelRatio || 1,
+        maxGroups: Infinity,
+        maxGroupLevelsDrawn: Infinity,
+        maxGroupLabelLevelsDrawn: Infinity,
+        maxGroupLevelsAttached: Infinity,
+        wireframeLabelDrawing: "always",
+        groupMinDiameter: 0,
+        groupLabelVerticalPadding: 0.2,
+        rolloutDuration: 0,
+        pullbackDuration: 0,
+        fadeDuration: 0,
+        groupExposureZoomMargin: 0.2,
+        zoomMouseWheelDuration: 300,
+        openCloseDuration: 200,
+        onGroupClick(event) {
+          event.preventDefault();
+          ft.zoom(event.group);
+        },
+        onGroupDoubleClick: (e) => e.preventDefault(),
+        onGroupHover(event) {
+          if (event.group && event.group === rawData.options.dataObject)
+            return event.preventDefault();
+          const { group } = event;
+          if (group?.type) {
+            const htmlContent = [
+              `<b class="tooltip-name">${group.type}</b>: ${prependDuplicateTo(group.label)}`,
+              `<b>Size</b>: ${group.size}`,
+              group.type === "folder" ? null : `<b>Path</b>: ${group.fullPath}`,
+              group.type === "folder" ? `<b>Files</b>: ${group.files}` : null,
+            ]
+              .filter((e) => !!e)
+              .join("<br/>");
+            tooltip.style.display = "block";
+            tooltip.innerHTML = htmlContent;
+          } else {
+            tooltip.style.display = "none";
+            tooltip.innerHTML = "";
+          }
+        },
+        ...rawData.options,
+      });
+    } catch (e) {
+      console.error(e, rawData);
+      discovery.view.render(
+        el,
+        {
+          view: "alert-danger",
+          data: '"Error rendering chart, please check the console for more information."',
+        },
+        rawData,
+        context,
+      );
+    }
+  }, 0);
 });
 //#endregion

package/dist/client/views/highcharts.js

@@ -6,18 +6,28 @@ require("../../../vendors/highcharts-networkgraph.js");
 require("../../../vendors/highcharts-exporting.js");
 //#region src/client/views/highcharts.ts
 discovery.view.define("highcharts", (el, _config, rawData, context) => {
-	require_views__theme.doTheming(el);
-	if (Array.isArray(rawData?.options?.series)) rawData.options.series.forEach((e) => {
-		if (e.data?.[0]?.value !== void 0) e.data = e.data.map((d) => d.value ?? null);
-	});
-	try {
-		vendors_highcharts_js.default.chart(el, vendors_highcharts_js.default.merge({}, rawData.options));
-	} catch (e) {
-		console.error(e, rawData);
-		discovery.view.render(el, {
-			view: "alert-danger",
-			data: "\"Error rendering chart, please check the console for more information.\""
-		}, rawData, context);
-	}
+  require_views__theme.doTheming(el);
+  if (Array.isArray(rawData?.options?.series))
+    rawData.options.series.forEach((e) => {
+      if (e.data?.[0]?.value !== void 0)
+        e.data = e.data.map((d) => d.value ?? null);
+    });
+  try {
+    vendors_highcharts_js.default.chart(
+      el,
+      vendors_highcharts_js.default.merge({}, rawData.options),
+    );
+  } catch (e) {
+    console.error(e, rawData);
+    discovery.view.render(
+      el,
+      {
+        view: "alert-danger",
+        data: '"Error rendering chart, please check the console for more information."',
+      },
+      rawData,
+      context,
+    );
+  }
 });
 //#endregion

package/dist/client/views/prettify.js

@@ -1,9 +1,19 @@
 //#region src/client/views/prettify.ts
-discovery.view.define("source-prettify", async function renderPrettify(el, config, data, context) {
-	await this.render(el, this.composeConfig([{
-		...config,
-		source: await config.source,
-		view: "source"
-	}]), data, context);
-});
+discovery.view.define(
+  "source-prettify",
+  async function renderPrettify(el, config, data, context) {
+    await this.render(
+      el,
+      this.composeConfig([
+        {
+          ...config,
+          source: await config.source,
+          view: "source",
+        },
+      ]),
+      data,
+      context,
+    );
+  },
+);
 //#endregion

package/dist/discoveryrc.js

@@ -3,19 +3,24 @@ let node_path = require("node:path");
 node_path = require_rolldown_runtime.__toESM(node_path);
 //#region src/discoveryrc.ts
 const config = {
-	name: "react-native-bundle-discovery",
-	data: () => require(node_path.default.resolve(__dirname, "../../../tmp/metro-stats.json")),
-	setup: node_path.default.resolve(__dirname, "client/setup.js"),
-	view: { assets: [
-		node_path.default.resolve(__dirname, "../assets/global.css"),
-		node_path.default.resolve(__dirname, "client/pages/default.js"),
-		node_path.default.resolve(__dirname, "client/pages/module.js"),
-		node_path.default.resolve(__dirname, "client/pages/package.js"),
-		node_path.default.resolve(__dirname, "../assets/highcharts.css"),
-		node_path.default.resolve(__dirname, "client/views/prettify.js"),
-		node_path.default.resolve(__dirname, "client/views/highcharts.js"),
-		node_path.default.resolve(__dirname, "client/views/foamtree.js")
-	] }
+  name: "react-native-bundle-discovery",
+  data: () =>
+    require(
+      node_path.default.resolve(__dirname, "../../../tmp/metro-stats.json"),
+    ),
+  setup: node_path.default.resolve(__dirname, "client/setup.js"),
+  view: {
+    assets: [
+      node_path.default.resolve(__dirname, "../assets/global.css"),
+      node_path.default.resolve(__dirname, "client/pages/default.js"),
+      node_path.default.resolve(__dirname, "client/pages/module.js"),
+      node_path.default.resolve(__dirname, "client/pages/package.js"),
+      node_path.default.resolve(__dirname, "../assets/highcharts.css"),
+      node_path.default.resolve(__dirname, "client/views/prettify.js"),
+      node_path.default.resolve(__dirname, "client/views/highcharts.js"),
+      node_path.default.resolve(__dirname, "client/views/foamtree.js"),
+    ],
+  },
 };
 //#endregion
 module.exports = config;

package/dist/rolldown-runtime-VH7oDXx4.js

@@ -6,23 +6,37 @@ 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;
+  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));
+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
 Object.defineProperty(exports, "__toESM", {
-	enumerable: true,
-	get: function() {
-		return __toESM;
-	}
+  enumerable: true,
+  get: function () {
+    return __toESM;
+  },
 });

package/dist/rsdoctor.js

@@ -3,73 +3,100 @@ require("./src-BSLX-He2.js");
 let node_path = require("node:path");
 //#region ../shared/src/rsdoctor.ts
 const possibleEntryFiles = [
-	"index.js",
-	"index.jsx",
-	"index.ts",
-	"index.tsx",
-	"index.mjs",
-	"index.cjs"
+  "index.js",
+  "index.jsx",
+  "index.ts",
+  "index.tsx",
+  "index.mjs",
+  "index.cjs",
 ];
 const doStructureCheck = (rsdoctorData) => {
-	if (!(Array.isArray(rsdoctorData?.data?.configs) && rsdoctorData.data.configs.length === 1)) throw new Error(`Unexpected number of "data.configs[]" in rsdoctor-data.json. Work only with single config. Found: ${rsdoctorData?.data?.configs?.length}`);
-	if (!Array.isArray(rsdoctorData?.data?.packageGraph?.packages)) throw new Error(`Unexpected "data.packageGraph.packages[]" in rsdoctor-data.json. Expected array. Found: ${typeof rsdoctorData?.data?.packageGraph?.packages}`);
-	const firstConfig = rsdoctorData.data.configs[0];
-	if (!(firstConfig.name === "rspack" || firstConfig.name === "webpack")) throw new Error(`Unsupported bundler: ${firstConfig.name}@${firstConfig.version}. Only 'rspack' and 'webpack' are supported.`);
+  if (!(
+    Array.isArray(rsdoctorData?.data?.configs) &&
+    rsdoctorData.data.configs.length === 1
+  ))
+    throw new Error(
+      `Unexpected number of "data.configs[]" in rsdoctor-data.json. Work only with single config. Found: ${rsdoctorData?.data?.configs?.length}`,
+    );
+  if (!Array.isArray(rsdoctorData?.data?.packageGraph?.packages))
+    throw new Error(
+      `Unexpected "data.packageGraph.packages[]" in rsdoctor-data.json. Expected array. Found: ${typeof rsdoctorData?.data?.packageGraph?.packages}`,
+    );
+  const firstConfig = rsdoctorData.data.configs[0];
+  if (!(firstConfig.name === "rspack" || firstConfig.name === "webpack"))
+    throw new Error(
+      `Unsupported bundler: ${firstConfig.name}@${firstConfig.version}. Only 'rspack' and 'webpack' are supported.`,
+    );
 };
 const getDependenciesMap = (rsdoctorData) => {
-	return new Map(rsdoctorData.data.moduleGraph.dependencies.map((dep) => [dep.id, dep]));
+  return new Map(
+    rsdoctorData.data.moduleGraph.dependencies.map((dep) => [dep.id, dep]),
+  );
 };
 const getEntryFile = (rsdoctorData) => {
-	const firstConfig = rsdoctorData.data.configs[0];
-	const main = firstConfig.config.entry?.main;
-	const entryFile = typeof main === "string" ? main : typeof main?.import === "string" ? main.import : main?.import[0];
-	if (entryFile) return (0, node_path.resolve)(firstConfig.root, entryFile);
-	const pathsToCheck = possibleEntryFiles.map((f) => (0, node_path.resolve)(firstConfig.root, f));
-	const indexFile = rsdoctorData.data.moduleGraph.modules.find((mdl) => pathsToCheck.some((entry) => mdl.path === entry));
-	if (indexFile && indexFile.imported?.length === 0) return indexFile.path;
-	return `${firstConfig.root}/index.js`;
+  const firstConfig = rsdoctorData.data.configs[0];
+  const main = firstConfig.config.entry?.main;
+  const entryFile =
+    typeof main === "string"
+      ? main
+      : typeof main?.import === "string"
+        ? main.import
+        : main?.import[0];
+  if (entryFile) return (0, node_path.resolve)(firstConfig.root, entryFile);
+  const pathsToCheck = possibleEntryFiles.map((f) =>
+    (0, node_path.resolve)(firstConfig.root, f),
+  );
+  const indexFile = rsdoctorData.data.moduleGraph.modules.find((mdl) =>
+    pathsToCheck.some((entry) => mdl.path === entry),
+  );
+  if (indexFile && indexFile.imported?.length === 0) return indexFile.path;
+  return `${firstConfig.root}/index.js`;
 };
 const transformRSDoctorData = (rsdoctorData) => {
-	doStructureCheck(rsdoctorData);
-	const tmpDependenciesMap = getDependenciesMap(rsdoctorData);
-	const firstConfig = rsdoctorData.data.configs[0];
-	return {
-		date: Date.now(),
-		entryPoint: getEntryFile(rsdoctorData),
-		rootFolder: firstConfig.root,
-		transformOptions: {
-			dev: firstConfig.config.mode !== "production",
-			minify: firstConfig.config.optimization?.minimize ?? false,
-			platform: firstConfig.config.name ?? "ios"
-		},
-		packages: rsdoctorData.data.packageGraph.packages.map((pkg) => ({
-			name: pkg.name,
-			absolutePath: pkg.root,
-			version: pkg.version,
-			source: { sizeInBytes: pkg.size?.sourceSize ?? 1 },
-			output: { sizeInBytes: pkg.size?.parsedSize ?? 1 }
-		})),
-		modules: rsdoctorData.data.moduleGraph.modules.map((mdl) => ({
-			path: mdl.path,
-			source: {
-				code: "",
-				lineCount: 0,
-				sizeInBytes: mdl.size?.sourceSize ?? 0
-			},
-			output: {
-				code: "",
-				lineCount: 0,
-				sizeInBytes: mdl.size?.parsedSize ?? 0
-			},
-			dependencies: mdl.dependencies.map((depNumId) => {
-				const dep = tmpDependenciesMap.get(depNumId);
-				return dep ? {
-					absolutePath: dep.resolvedRequest,
-					name: dep.request
-				} : null;
-			}).filter((e) => e !== null)
-		}))
-	};
+  doStructureCheck(rsdoctorData);
+  const tmpDependenciesMap = getDependenciesMap(rsdoctorData);
+  const firstConfig = rsdoctorData.data.configs[0];
+  return {
+    date: Date.now(),
+    entryPoint: getEntryFile(rsdoctorData),
+    rootFolder: firstConfig.root,
+    transformOptions: {
+      dev: firstConfig.config.mode !== "production",
+      minify: firstConfig.config.optimization?.minimize ?? false,
+      platform: firstConfig.config.name ?? "ios",
+    },
+    packages: rsdoctorData.data.packageGraph.packages.map((pkg) => ({
+      name: pkg.name,
+      absolutePath: pkg.root,
+      version: pkg.version,
+      source: { sizeInBytes: pkg.size?.sourceSize ?? 1 },
+      output: { sizeInBytes: pkg.size?.parsedSize ?? 1 },
+    })),
+    modules: rsdoctorData.data.moduleGraph.modules.map((mdl) => ({
+      path: mdl.path,
+      source: {
+        code: "",
+        lineCount: 0,
+        sizeInBytes: mdl.size?.sourceSize ?? 0,
+      },
+      output: {
+        code: "",
+        lineCount: 0,
+        sizeInBytes: mdl.size?.parsedSize ?? 0,
+      },
+      dependencies: mdl.dependencies
+        .map((depNumId) => {
+          const dep = tmpDependenciesMap.get(depNumId);
+          return dep
+            ? {
+                absolutePath: dep.resolvedRequest,
+                name: dep.request,
+              }
+            : null;
+        })
+        .filter((e) => e !== null),
+    })),
+  };
 };
 //#endregion
 exports.transformRSDoctorData = transformRSDoctorData;

package/dist/src-BSLX-He2.js

@@ -3,28 +3,34 @@ let chalk = require("chalk");
 chalk = require_rolldown_runtime.__toESM(chalk);
 //#region ../shared/src/isRsdoctorReport.ts
 const isRsdoctorReport = (reportJson, reportPath, noLogs) => {
-	try {
-		if (Array.isArray(reportJson?.data?.moduleGraph?.modules) || Array.isArray(reportJson?.data?.packageGraph?.packages)) {
-			!noLogs && console.info(`Detected ${chalk.default.red("rsdoctor")} format in the input file: ${chalk.default.green(reportPath)}`);
-			return true;
-		}
-		return false;
-	} catch {
-		return false;
-	}
+  try {
+    if (
+      Array.isArray(reportJson?.data?.moduleGraph?.modules) ||
+      Array.isArray(reportJson?.data?.packageGraph?.packages)
+    ) {
+      !noLogs &&
+        console.info(
+          `Detected ${chalk.default.red("rsdoctor")} format in the input file: ${chalk.default.green(reportPath)}`,
+        );
+      return true;
+    }
+    return false;
+  } catch {
+    return false;
+  }
 };
 const isRsdoctorReportPath = (reportPath) => {
-	try {
-		const reportJson = require(reportPath);
-		return isRsdoctorReport(reportJson, reportPath);
-	} catch {
-		return false;
-	}
+  try {
+    const reportJson = require(reportPath);
+    return isRsdoctorReport(reportJson, reportPath);
+  } catch {
+    return false;
+  }
 };
 //#endregion
 Object.defineProperty(exports, "isRsdoctorReportPath", {
-	enumerable: true,
-	get: function() {
-		return isRsdoctorReportPath;
-	}
+  enumerable: true,
+  get: function () {
+    return isRsdoctorReportPath;
+  },
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-bundle-discovery-ui",
-  "version": "2.7.0-rc.0",
+  "version": "2.7.0",
   "description": "Browser UI for React Native bundle reports",
   "repository": {
     "type": "git",
@@ -18,7 +18,7 @@
     "vendors"
   ],
   "scripts": {
-    "build": "run -T tsdown",
+    "build": "run -T tsdown && run -T prettier --write --log-level warn --ignore-path= \"dist/**/*.js\"",
     "typecheck": "run -T tsc -p tsconfig.json && run -T tsc -p src/client/tsconfig.json",
     "dev": "run -T tsdown && NODE_ENV=development discovery --config dist/discoveryrc.js",
     "prepack": "cp ../../README.md README.md"
@@ -31,7 +31,7 @@
     "prettier": "^3.9.6"
   },
   "devDependencies": {
-    "@react-native-bundle-discovery/shared": "workspace:*",
+    "@react-native-bundle-discovery/shared": "0.0.0",
     "@types/minimist": "^1.2.5"
   },
   "peerDependencies": {
@@ -45,4 +45,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}