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

package/dist/client/pages/_common.js

@@ -2,7 +2,7 @@ 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 `
+  return `
   $packages: $.packages;
   $totalSize: $.modules.sum(=>output.sizeInBytes);
   $toModule: => {
@@ -31,139 +31,162 @@ function getPackage(entry) {
      }))`;
 }
 const metadataTooltip = {
-	view: "text",
-	when: "metadata.createdAt",
-	data: "'Published ' + metadata.createdAt.formatDate() + ' (' + metadata.createdAt.timeAgo() + ')'"
+  view: "text",
+  when: "metadata.createdAt",
+  data: "'Published ' + metadata.createdAt.formatDate() + ' (' + metadata.createdAt.timeAgo() + ')'",
 };
 const outdatedColor = "rgba(255, 165, 0, 0.35)";
-function getMetadataBadges({ deprecated, outdated, latestVersion, renderLatestVersion }) {
-	return [{
-		view: "pill-badge",
-		when: deprecated,
-		data: `{ text: '⚠️ deprecated', message: ${deprecated} }`,
-		color: "#cf222e",
-		textColor: "white",
-		darkColor: "#f85149",
-		darkTextColor: "white",
-		tooltip: "text: message"
-	}, renderLatestVersion ? {
-		view: "pill-badge",
-		when: outdated,
-		data: `{ text: '↑ v' + ${latestVersion} }`,
-		color: outdatedColor,
-		tooltip: "text: 'Latest version on npm'"
-	} : null].filter(Boolean);
+function getMetadataBadges({
+  deprecated,
+  outdated,
+  latestVersion,
+  renderLatestVersion,
+}) {
+  return [
+    {
+      view: "pill-badge",
+      when: deprecated,
+      data: `{ text: '⚠️ deprecated', message: ${deprecated} }`,
+      color: "#cf222e",
+      textColor: "white",
+      darkColor: "#f85149",
+      darkTextColor: "white",
+      tooltip: "text: message",
+    },
+    renderLatestVersion
+      ? {
+          view: "pill-badge",
+          when: outdated,
+          data: `{ text: '↑ v' + ${latestVersion} }`,
+          color: outdatedColor,
+          tooltip: "text: 'Latest version on npm'",
+        }
+      : null,
+  ].filter(Boolean);
 }
-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)' }",
-					...getMetadataBadges({
-						deprecated: "pkgInstances.metadata.deprecated[0]",
-						outdated: "pkgInstances.[metadata and not metadata.isLatest]",
-						latestVersion: "pkgInstances.metadata.latestVersion[0]",
-						renderLatestVersion: false
-					}),
-					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:' '",
-						{
-							view: "pill-badge",
-							data: "{ text: 'v' + version, metadata }",
-							color: "#0af",
-							tooltip: metadataTooltip
-						},
-						"pill-badge:{ text: size.formatBytes(), color: 'rgba(120, 177, 9, 0.35)' }",
-						{
-							view: "pill-badge",
-							data: "modules.size().pluralBadge(['file','files'])"
-						},
-						...getMetadataBadges({
-							deprecated: "metadata.deprecated",
-							outdated: "metadata and not metadata.isLatest",
-							latestVersion: "metadata.latestVersion",
-							renderLatestVersion: true
-						})
-					],
-					children: `$.modules`,
-					itemConfig: {
-						view: "tree-leaf",
-						content: getTreeModule({ hasPercent: true })
-					}
-				}
-			}
-		}
-	};
+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)' }",
+          ...getMetadataBadges({
+            deprecated: "pkgInstances.metadata.deprecated[0]",
+            outdated: "pkgInstances.[metadata and not metadata.isLatest]",
+            latestVersion: "pkgInstances.metadata.latestVersion[0]",
+            renderLatestVersion: false,
+          }),
+          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:' '",
+            {
+              view: "pill-badge",
+              data: "{ text: 'v' + version, metadata }",
+              color: "#0af",
+              tooltip: metadataTooltip,
+            },
+            "pill-badge:{ text: size.formatBytes(), color: 'rgba(120, 177, 9, 0.35)' }",
+            {
+              view: "pill-badge",
+              data: "modules.size().pluralBadge(['file','files'])",
+            },
+            ...getMetadataBadges({
+              deprecated: "metadata.deprecated",
+              outdated: "metadata and not metadata.isLatest",
+              latestVersion: "metadata.latestVersion",
+              renderLatestVersion: true,
+            }),
+          ],
+          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: `{
+  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);
+        }`,
+        }
+      : {
+          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: `
+  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',
@@ -177,100 +200,106 @@ function getModulesTree({ data, limit }) {
                }
             ].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()
-								}
-							}
-						}]
-					}
-				}
-			}
-		}
-	};
+          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: `
+  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 }"
-	}
+        { 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"), 2e3);
-			}).catch(() => {
-				elm.classList.add("err");
-				elm.__timer = setTimeout(() => elm.classList.remove("err"), 2e3);
-			});
-		}
-	};
+  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"), 2e3);
+        })
+        .catch(() => {
+          elm.classList.add("err");
+          elm.__timer = setTimeout(() => elm.classList.remove("err"), 2e3);
+        });
+    },
+  };
 }
 //#endregion
 exports.externalLinkHtml = externalLinkHtml;