npm - @verdaccio/ui-components - Versions diffs - 5.0.0-next-9.20 → 5.0.0-next-9.21 - Mend

@verdaccio/ui-components 5.0.0-next-9.20 → 5.0.0-next-9.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (274) hide show

package/build/components/Package/Package.js CHANGED Viewed

@@ -13,7 +13,6 @@ const require_FileBinary = require("../Icons/FileBinary.js");
 const require_Law = require("../Icons/Law.js");
 require("../Icons/index.js");
 const require_KeywordListItems = require("../Keywords/KeywordListItems.js");
-const require_Link = require("../Link/Link.js");
 const require_styles = require("./styles.js");
 require("../../index.js");
 let _emotion_styled = require("@emotion/styled");
@@ -22,8 +21,8 @@ let _mui_material_Tooltip = require("@mui/material/Tooltip");
 _mui_material_Tooltip = require_runtime.__toESM(_mui_material_Tooltip);
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let react_i18next = require("react-i18next");
+let react_jsx_runtime = require("react/jsx-runtime");
 let _mui_icons_material_BugReport = require("@mui/icons-material/BugReport");
 _mui_icons_material_BugReport = require_runtime.__toESM(_mui_icons_material_BugReport);
 let _mui_icons_material_CloudDownload = require("@mui/icons-material/CloudDownload");
@@ -58,7 +57,7 @@ var Package = ({ author: { name: authorName, avatar: authorAvatar }, bugs, descr
 			src: authorAvatar
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.Details, { children: name })] }) });
 	};
-	const renderFileSize = () => dist?.unpackedSize && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_styles.OverviewItem, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledFileBinary, {}), require_utils.fileSizeSI(dist.unpackedSize)] });
+	const renderFileSize = () => dist?.unpackedSize ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_styles.OverviewItem, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledFileBinary, {}), require_utils.fileSizeSI(dist.unpackedSize)] }) : null;
 	const renderLicenseInfo = () => license && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_styles.OverviewItem, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledLaw, {}), license] });
 	const renderPublishedInfo = () => time && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_styles.OverviewItem, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledTime, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.Published, {
 		title: require_utils.formatDate(time),
@@ -77,34 +76,34 @@ var Package = ({ author: { name: authorName, avatar: authorAvatar }, bugs, descr
 			})
 		})
 	});
-	const renderBugsLink = () => bugs?.url && require_url.isURL(bugs.url) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LinkExternal.default, {
-		to: bugs.url,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Tooltip.default, {
-			"aria-label": t("package.bugs"),
-			title: t("package.open-an-issue"),
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.IconButton, {
+	const renderBugsLink = () => {
+		const bugsUrl = require_utils.getBugsUrl(bugs);
+		return bugsUrl && require_url.isURL(bugsUrl) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LinkExternal.default, {
+			to: bugsUrl,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Tooltip.default, {
 				"aria-label": t("package.bugs"),
-				color: "primary",
-				size: "large",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_icons_material_BugReport.default, {})
-			})
-		})
-	});
-	const renderDownloadLink = () => dist?.tarball && require_url.isURL(dist.tarball) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Link.default, {
-		onClick: () => {
-			handleDownload(dist.tarball);
-		},
-		to: "#",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Tooltip.default, {
-			"aria-label": t("package.download", { what: t("package.the-tar-file") }),
-			title: t("package.tarball"),
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.IconButton, {
-				"aria-label": t("package.download"),
-				color: "primary",
-				"data-testid": "download-tarball",
-				size: "large",
-				children: isLoading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_CircularProgress.default, { size: 13 }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_icons_material_CloudDownload.default, {})
+				title: t("package.open-an-issue"),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.IconButton, {
+					"aria-label": t("package.bugs"),
+					color: "primary",
+					size: "large",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_icons_material_BugReport.default, {})
+				})
 			})
+		});
+	};
+	const renderDownloadLink = () => dist?.tarball && require_url.isURL(dist.tarball) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Tooltip.default, {
+		"aria-label": t("package.download", { what: t("package.the-tar-file") }),
+		title: t("package.tarball"),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.IconButton, {
+			"aria-label": t("package.download"),
+			color: "primary",
+			"data-testid": "download-tarball",
+			onClick: () => {
+				handleDownload(dist.tarball);
+			},
+			size: "large",
+			children: isLoading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_CircularProgress.default, { size: 13 }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_icons_material_CloudDownload.default, {})
 		})
 	});
 	const renderPrimaryComponent = () => {

package/build/components/Package/Package.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Package.js","names":[],"sources":["../../../src/components/Package/Package.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport BugReport from '@mui/icons-material/BugReport';\nimport DownloadIcon from '@mui/icons-material/CloudDownload';\nimport HomeIcon from '@mui/icons-material/Home';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Grid from '@mui/material/Grid';\nimport List from '@mui/material/List';\nimport ListItem from '@mui/material/ListItem';\nimport Tooltip from '@mui/material/Tooltip';\nimport { common, grey } from '@mui/material/colors';\nimport React, { useCallback } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport { Link, LinkExternal, useDownload, useManifests } from '../../';\nimport { FileBinary, Law, Time, Version } from '../../components/Icons';\nimport { getConfiguration } from '../../configuration';\nimport type { Author as PackageAuthor } from '../../providers/ManifestsProvider/ManifestsProvider';\nimport type { PackageMetaInterface } from '../../types/packageMeta';\nimport { Route, url, utils } from '../../utils';\nimport KeywordListItems from '../Keywords/KeywordListItems';\nimport {\n Author,\n Avatar,\n Description,\n Details,\n GridRightAligned,\n IconButton,\n OverviewItem,\n PackageListItemText,\n PackageTitle,\n Published,\n Wrapper,\n WrapperLink,\n} from './styles';\n\ninterface Bugs {\n url: string;\n}\n\ninterface Dist {\n unpackedSize: number;\n tarball: string;\n}\n\nexport interface PackageInterface {\n name: string;\n version: string;\n time?: number \| string;\n author: PackageAuthor;\n description?: string;\n keywords?: PackageMetaInterface['latest']['keywords'];\n license?: PackageMetaInterface['latest']['license'];\n homepage?: string;\n bugs?: Bugs;\n dist?: Dist;\n showDownload?: boolean;\n}\n\nconst Package: React.FC<PackageInterface> = ({\n author: { name: authorName, avatar: authorAvatar },\n bugs,\n description,\n dist,\n homepage,\n keywords,\n license,\n name: packageName,\n time,\n showDownload = true,\n version,\n}) => {\n const config = getConfiguration();\n const { t } = useTranslation();\n const { isLoading } = useManifests();\n const { downloadTarball } = useDownload();\n\n const handleDownload = useCallback(\n async (tarballDist: string) => {\n // FIXME: check, the dist might be different thant npmjs\n const link = tarballDist.replace(`https://registry.npmjs.org/`, config.base);\n downloadTarball?.({ link });\n },\n [config, downloadTarball]\n );\n\n const renderVersionInfo = (): React.ReactNode =>\n version && (\n <OverviewItem>\n <StyledVersion />\n {t('package.version', { version })}\n </OverviewItem>\n );\n\n const renderAuthorInfo = (): React.ReactNode => {\n const name = utils.getAuthorName(authorName);\n return (\n <OverviewItem>\n <Author>\n <Avatar alt={name} src={authorAvatar} />\n <Details>{name}</Details>\n </Author>\n </OverviewItem>\n );\n };\n\n const renderFileSize = (): React.ReactNode =>\n dist?.unpackedSize && (\n <OverviewItem>\n <StyledFileBinary />\n {utils.fileSizeSI(dist.unpackedSize)}\n </OverviewItem>\n );\n\n const renderLicenseInfo = (): React.ReactNode =>\n license && (\n <OverviewItem>\n <StyledLaw />\n {license as string}\n </OverviewItem>\n );\n\n const renderPublishedInfo = (): React.ReactNode =>\n time && (\n <OverviewItem>\n <StyledTime />\n <Published title={utils.formatDate(time)}>\n {t('package.published-on', { time: utils.formatDateDistance(time) })}\n </Published>\n </OverviewItem>\n );\n\n const renderHomePageLink = (): React.ReactNode =>\n homepage &&\n url.isURL(homepage) && (\n <LinkExternal to={homepage}>\n <Tooltip aria-label={t('package.homepage')} title={t('package.visit-home-page')}>\n <IconButton aria-label={t('package.homepage')} color=\"primary\" size=\"large\">\n <HomeIcon />\n </IconButton>\n </Tooltip>\n </LinkExternal>\n );\n\n const renderBugsLink = (): React.ReactNode =>\n bugs?.url &&\n url.isURL(bugs.url) && (\n <LinkExternal to={bugs.url}>\n <Tooltip aria-label={t('package.bugs')} title={t('package.open-an-issue')}>\n <IconButton aria-label={t('package.bugs')} color=\"primary\" size=\"large\">\n <BugReport />\n </IconButton>\n </Tooltip>\n </LinkExternal>\n );\n\n const renderDownloadLink = (): React.ReactNode =>\n dist?.tarball &&\n url.isURL(dist.tarball) && (\n <Link\n onClick={() => {\n handleDownload(dist.tarball);\n }}\n to=\"#\"\n >\n <Tooltip\n aria-label={t('package.download', { what: t('package.the-tar-file') })}\n title={t('package.tarball')}\n >\n <IconButton\n aria-label={t('package.download')}\n color=\"primary\"\n data-testid=\"download-tarball\"\n size=\"large\"\n >\n {isLoading ? <CircularProgress size={13} /> : <DownloadIcon />}\n </IconButton>\n </Tooltip>\n </Link>\n );\n\n const renderPrimaryComponent = (): React.ReactNode => {\n return (\n <Grid alignItems=\"center\" container={true} size={{ xs: 12 }} wrap=\"wrap\">\n <Grid size=\"grow\">\n <WrapperLink to={`${Route.DETAIL}${packageName}`}>\n <PackageTitle className=\"package-title\" data-testid=\"package-title\">\n {packageName}\n </PackageTitle>\n </WrapperLink>\n </Grid>\n <GridRightAligned size=\"auto\">\n {renderHomePageLink()}\n {renderBugsLink()}\n {showDownload && renderDownloadLink()}\n </GridRightAligned>\n </Grid>\n );\n };\n\n const renderSecondaryComponent = (): React.ReactNode => <Description>{description}</Description>;\n\n const renderPackageListItemText = (): React.ReactNode => (\n <PackageListItemText\n primary={renderPrimaryComponent()}\n secondary={renderSecondaryComponent()}\n />\n );\n\n const renderKeywords = (): React.ReactNode => (\n <ListItem alignItems={'flex-start'} sx={{ py: 0, my: 0 }}>\n <List sx={{ p: 0, my: 0 }}>\n <KeywordListItems keywords={keywords} />\n </List>\n </ListItem>\n );\n\n return (\n <Wrapper className={'package'} data-testid=\"package-item-list\">\n <ListItem alignItems={'flex-start'} sx={{ mb: 0 }}>\n {renderPackageListItemText()}\n </ListItem>\n {keywords && keywords?.length > 0 ? renderKeywords() : null}\n <ListItem alignItems={'flex-start'} sx={{ mt: 0 }}>\n {renderAuthorInfo()}\n {renderVersionInfo()}\n {renderPublishedInfo()}\n {renderFileSize()}\n {renderLicenseInfo()}\n </ListItem>\n </Wrapper>\n );\n};\n\nexport default Package;\n\nconst iconStyle = ({ theme }: { theme: Theme }) => css`\n margin: 0 10px 0 0;\n fill: ${theme.palette.mode === 'light' ? grey[900] : common.white};\n`;\n\nconst StyledVersion = styled(Version)<{ theme?: Theme }>`\n ${iconStyle};\n`;\n\nconst StyledFileBinary = styled(FileBinary)<{ theme?: Theme }>`\n ${iconStyle};\n`;\n\nconst StyledLaw = styled(Law)<{ theme?: Theme }>`\n ${iconStyle};\n`;\n\nconst StyledTime = styled(Time)<{ theme?: Theme }>`\n ${iconStyle};\n`;\n"],"mappings":"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"}
1	+ {"version":3,"file":"Package.js","names":[],"sources":["../../../src/components/Package/Package.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport BugReport from '@mui/icons-material/BugReport';\nimport DownloadIcon from '@mui/icons-material/CloudDownload';\nimport HomeIcon from '@mui/icons-material/Home';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Grid from '@mui/material/Grid';\nimport List from '@mui/material/List';\nimport ListItem from '@mui/material/ListItem';\nimport Tooltip from '@mui/material/Tooltip';\nimport { common, grey } from '@mui/material/colors';\nimport React, { useCallback } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport { LinkExternal, useDownload, useManifests } from '../../';\nimport { FileBinary, Law, Time, Version } from '../../components/Icons';\nimport { getConfiguration } from '../../configuration';\nimport type { Author as PackageAuthor } from '../../providers/ManifestsProvider/ManifestsProvider';\nimport type { PackageMetaInterface } from '../../types/packageMeta';\nimport { Route, url, utils } from '../../utils';\nimport KeywordListItems from '../Keywords/KeywordListItems';\nimport {\n Author,\n Avatar,\n Description,\n Details,\n GridRightAligned,\n IconButton,\n OverviewItem,\n PackageListItemText,\n PackageTitle,\n Published,\n Wrapper,\n WrapperLink,\n} from './styles';\n\ninterface Bugs {\n url: string;\n}\n\ninterface Dist {\n unpackedSize: number;\n tarball: string;\n}\n\nexport interface PackageInterface {\n name: string;\n version: string;\n time?: number \| string;\n author: PackageAuthor;\n description?: string;\n keywords?: PackageMetaInterface['latest']['keywords'];\n license?: PackageMetaInterface['latest']['license'];\n homepage?: string;\n bugs?: Bugs \| string;\n dist?: Dist;\n showDownload?: boolean;\n}\n\nconst Package: React.FC<PackageInterface> = ({\n author: { name: authorName, avatar: authorAvatar },\n bugs,\n description,\n dist,\n homepage,\n keywords,\n license,\n name: packageName,\n time,\n showDownload = true,\n version,\n}) => {\n const config = getConfiguration();\n const { t } = useTranslation();\n const { isLoading } = useManifests();\n const { downloadTarball } = useDownload();\n\n const handleDownload = useCallback(\n async (tarballDist: string) => {\n // FIXME: check, the dist might be different thant npmjs\n const link = tarballDist.replace(`https://registry.npmjs.org/`, config.base);\n downloadTarball?.({ link });\n },\n [config, downloadTarball]\n );\n\n const renderVersionInfo = (): React.ReactNode =>\n version && (\n <OverviewItem>\n <StyledVersion />\n {t('package.version', { version })}\n </OverviewItem>\n );\n\n const renderAuthorInfo = (): React.ReactNode => {\n const name = utils.getAuthorName(authorName);\n return (\n <OverviewItem>\n <Author>\n <Avatar alt={name} src={authorAvatar} />\n <Details>{name}</Details>\n </Author>\n </OverviewItem>\n );\n };\n\n const renderFileSize = (): React.ReactNode =>\n dist?.unpackedSize ? (\n <OverviewItem>\n <StyledFileBinary />\n {utils.fileSizeSI(dist.unpackedSize)}\n </OverviewItem>\n ) : null;\n\n const renderLicenseInfo = (): React.ReactNode =>\n license && (\n <OverviewItem>\n <StyledLaw />\n {license as string}\n </OverviewItem>\n );\n\n const renderPublishedInfo = (): React.ReactNode =>\n time && (\n <OverviewItem>\n <StyledTime />\n <Published title={utils.formatDate(time)}>\n {t('package.published-on', { time: utils.formatDateDistance(time) })}\n </Published>\n </OverviewItem>\n );\n\n const renderHomePageLink = (): React.ReactNode =>\n homepage &&\n url.isURL(homepage) && (\n <LinkExternal to={homepage}>\n <Tooltip aria-label={t('package.homepage')} title={t('package.visit-home-page')}>\n <IconButton aria-label={t('package.homepage')} color=\"primary\" size=\"large\">\n <HomeIcon />\n </IconButton>\n </Tooltip>\n </LinkExternal>\n );\n\n const renderBugsLink = (): React.ReactNode => {\n // bugs can be the object form or a plain url string, both valid in npm\n const bugsUrl = utils.getBugsUrl(bugs);\n return (\n bugsUrl &&\n url.isURL(bugsUrl) && (\n <LinkExternal to={bugsUrl}>\n <Tooltip aria-label={t('package.bugs')} title={t('package.open-an-issue')}>\n <IconButton aria-label={t('package.bugs')} color=\"primary\" size=\"large\">\n <BugReport />\n </IconButton>\n </Tooltip>\n </LinkExternal>\n )\n );\n };\n\n const renderDownloadLink = (): React.ReactNode =>\n dist?.tarball &&\n url.isURL(dist.tarball) && (\n // a plain button: wrapping it in <Link to=\"#\"> pushed a stray `#` entry\n // into the browser history on every download\n <Tooltip\n aria-label={t('package.download', { what: t('package.the-tar-file') })}\n title={t('package.tarball')}\n >\n <IconButton\n aria-label={t('package.download')}\n color=\"primary\"\n data-testid=\"download-tarball\"\n onClick={() => {\n handleDownload(dist.tarball);\n }}\n size=\"large\"\n >\n {isLoading ? <CircularProgress size={13} /> : <DownloadIcon />}\n </IconButton>\n </Tooltip>\n );\n\n const renderPrimaryComponent = (): React.ReactNode => {\n return (\n <Grid alignItems=\"center\" container={true} size={{ xs: 12 }} wrap=\"wrap\">\n <Grid size=\"grow\">\n <WrapperLink to={`${Route.DETAIL}${packageName}`}>\n <PackageTitle className=\"package-title\" data-testid=\"package-title\">\n {packageName}\n </PackageTitle>\n </WrapperLink>\n </Grid>\n <GridRightAligned size=\"auto\">\n {renderHomePageLink()}\n {renderBugsLink()}\n {showDownload && renderDownloadLink()}\n </GridRightAligned>\n </Grid>\n );\n };\n\n const renderSecondaryComponent = (): React.ReactNode => <Description>{description}</Description>;\n\n const renderPackageListItemText = (): React.ReactNode => (\n <PackageListItemText\n primary={renderPrimaryComponent()}\n secondary={renderSecondaryComponent()}\n />\n );\n\n const renderKeywords = (): React.ReactNode => (\n <ListItem alignItems={'flex-start'} sx={{ py: 0, my: 0 }}>\n <List sx={{ p: 0, my: 0 }}>\n <KeywordListItems keywords={keywords} />\n </List>\n </ListItem>\n );\n\n return (\n <Wrapper className={'package'} data-testid=\"package-item-list\">\n <ListItem alignItems={'flex-start'} sx={{ mb: 0 }}>\n {renderPackageListItemText()}\n </ListItem>\n {keywords && keywords?.length > 0 ? renderKeywords() : null}\n <ListItem alignItems={'flex-start'} sx={{ mt: 0 }}>\n {renderAuthorInfo()}\n {renderVersionInfo()}\n {renderPublishedInfo()}\n {renderFileSize()}\n {renderLicenseInfo()}\n </ListItem>\n </Wrapper>\n );\n};\n\nexport default Package;\n\nconst iconStyle = ({ theme }: { theme: Theme }) => css`\n margin: 0 10px 0 0;\n fill: ${theme.palette.mode === 'light' ? grey[900] : common.white};\n`;\n\nconst StyledVersion = styled(Version)<{ theme?: Theme }>`\n ${iconStyle};\n`;\n\nconst StyledFileBinary = styled(FileBinary)<{ theme?: Theme }>`\n ${iconStyle};\n`;\n\nconst StyledLaw = styled(Law)<{ theme?: Theme }>`\n ${iconStyle};\n`;\n\nconst StyledTime = styled(Time)<{ theme?: Theme }>`\n ${iconStyle};\n`;\n"],"mappings":"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"}

package/build/components/Package/Package.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
 import { isURL } from "../../utils/url.mjs";
-import { fileSizeSI, formatDate, formatDateDistance, getAuthorName } from "../../utils/utils.mjs";
+import { fileSizeSI, formatDate, formatDateDistance, getAuthorName, getBugsUrl } from "../../utils/utils.mjs";
 import { Route } from "../../utils/routes.mjs";
 import "../../utils/index.mjs";
 import { getConfiguration } from "../../configuration.mjs";
@@ -12,14 +12,13 @@ import { FileBinary } from "../Icons/FileBinary.mjs";
 import { Law } from "../Icons/Law.mjs";
 import "../Icons/index.mjs";
 import KeywordListItems from "../Keywords/KeywordListItems.mjs";
-import Link from "../Link/Link.mjs";
 import { Author, Avatar, Description, Details, GridRightAligned, IconButton, OverviewItem, PackageListItemText, PackageTitle, Published, Wrapper, WrapperLink } from "./styles.mjs";
 import "../../index.mjs";
 import styled from "@emotion/styled";
 import Tooltip from "@mui/material/Tooltip";
 import { useCallback } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
 import BugReportIcon from "@mui/icons-material/BugReport";
 import DownloadIcon from "@mui/icons-material/CloudDownload";
 import HomeIcon from "@mui/icons-material/Home";
@@ -47,7 +46,7 @@ var Package = ({ author: { name: authorName, avatar: authorAvatar }, bugs, descr
 			src: authorAvatar
 		}), /* @__PURE__ */ jsx(Details, { children: name })] }) });
 	};
-	const renderFileSize = () => dist?.unpackedSize && /* @__PURE__ */ jsxs(OverviewItem, { children: [/* @__PURE__ */ jsx(StyledFileBinary, {}), fileSizeSI(dist.unpackedSize)] });
+	const renderFileSize = () => dist?.unpackedSize ? /* @__PURE__ */ jsxs(OverviewItem, { children: [/* @__PURE__ */ jsx(StyledFileBinary, {}), fileSizeSI(dist.unpackedSize)] }) : null;
 	const renderLicenseInfo = () => license && /* @__PURE__ */ jsxs(OverviewItem, { children: [/* @__PURE__ */ jsx(StyledLaw, {}), license] });
 	const renderPublishedInfo = () => time && /* @__PURE__ */ jsxs(OverviewItem, { children: [/* @__PURE__ */ jsx(StyledTime, {}), /* @__PURE__ */ jsx(Published, {
 		title: formatDate(time),
@@ -66,34 +65,34 @@ var Package = ({ author: { name: authorName, avatar: authorAvatar }, bugs, descr
 			})
 		})
 	});
-	const renderBugsLink = () => bugs?.url && isURL(bugs.url) && /* @__PURE__ */ jsx(LinkExternal, {
-		to: bugs.url,
-		children: /* @__PURE__ */ jsx(Tooltip, {
-			"aria-label": t("package.bugs"),
-			title: t("package.open-an-issue"),
-			children: /* @__PURE__ */ jsx(IconButton, {
+	const renderBugsLink = () => {
+		const bugsUrl = getBugsUrl(bugs);
+		return bugsUrl && isURL(bugsUrl) && /* @__PURE__ */ jsx(LinkExternal, {
+			to: bugsUrl,
+			children: /* @__PURE__ */ jsx(Tooltip, {
 				"aria-label": t("package.bugs"),
-				color: "primary",
-				size: "large",
-				children: /* @__PURE__ */ jsx(BugReportIcon, {})
-			})
-		})
-	});
-	const renderDownloadLink = () => dist?.tarball && isURL(dist.tarball) && /* @__PURE__ */ jsx(Link, {
-		onClick: () => {
-			handleDownload(dist.tarball);
-		},
-		to: "#",
-		children: /* @__PURE__ */ jsx(Tooltip, {
-			"aria-label": t("package.download", { what: t("package.the-tar-file") }),
-			title: t("package.tarball"),
-			children: /* @__PURE__ */ jsx(IconButton, {
-				"aria-label": t("package.download"),
-				color: "primary",
-				"data-testid": "download-tarball",
-				size: "large",
-				children: isLoading ? /* @__PURE__ */ jsx(CircularProgress, { size: 13 }) : /* @__PURE__ */ jsx(DownloadIcon, {})
+				title: t("package.open-an-issue"),
+				children: /* @__PURE__ */ jsx(IconButton, {
+					"aria-label": t("package.bugs"),
+					color: "primary",
+					size: "large",
+					children: /* @__PURE__ */ jsx(BugReportIcon, {})
+				})
 			})
+		});
+	};
+	const renderDownloadLink = () => dist?.tarball && isURL(dist.tarball) && /* @__PURE__ */ jsx(Tooltip, {
+		"aria-label": t("package.download", { what: t("package.the-tar-file") }),
+		title: t("package.tarball"),
+		children: /* @__PURE__ */ jsx(IconButton, {
+			"aria-label": t("package.download"),
+			color: "primary",
+			"data-testid": "download-tarball",
+			onClick: () => {
+				handleDownload(dist.tarball);
+			},
+			size: "large",
+			children: isLoading ? /* @__PURE__ */ jsx(CircularProgress, { size: 13 }) : /* @__PURE__ */ jsx(DownloadIcon, {})
 		})
 	});
 	const renderPrimaryComponent = () => {

package/build/components/Package/Package.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Package.mjs","names":[],"sources":["../../../src/components/Package/Package.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport BugReport from '@mui/icons-material/BugReport';\nimport DownloadIcon from '@mui/icons-material/CloudDownload';\nimport HomeIcon from '@mui/icons-material/Home';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Grid from '@mui/material/Grid';\nimport List from '@mui/material/List';\nimport ListItem from '@mui/material/ListItem';\nimport Tooltip from '@mui/material/Tooltip';\nimport { common, grey } from '@mui/material/colors';\nimport React, { useCallback } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport { Link, LinkExternal, useDownload, useManifests } from '../../';\nimport { FileBinary, Law, Time, Version } from '../../components/Icons';\nimport { getConfiguration } from '../../configuration';\nimport type { Author as PackageAuthor } from '../../providers/ManifestsProvider/ManifestsProvider';\nimport type { PackageMetaInterface } from '../../types/packageMeta';\nimport { Route, url, utils } from '../../utils';\nimport KeywordListItems from '../Keywords/KeywordListItems';\nimport {\n Author,\n Avatar,\n Description,\n Details,\n GridRightAligned,\n IconButton,\n OverviewItem,\n PackageListItemText,\n PackageTitle,\n Published,\n Wrapper,\n WrapperLink,\n} from './styles';\n\ninterface Bugs {\n url: string;\n}\n\ninterface Dist {\n unpackedSize: number;\n tarball: string;\n}\n\nexport interface PackageInterface {\n name: string;\n version: string;\n time?: number \| string;\n author: PackageAuthor;\n description?: string;\n keywords?: PackageMetaInterface['latest']['keywords'];\n license?: PackageMetaInterface['latest']['license'];\n homepage?: string;\n bugs?: Bugs;\n dist?: Dist;\n showDownload?: boolean;\n}\n\nconst Package: React.FC<PackageInterface> = ({\n author: { name: authorName, avatar: authorAvatar },\n bugs,\n description,\n dist,\n homepage,\n keywords,\n license,\n name: packageName,\n time,\n showDownload = true,\n version,\n}) => {\n const config = getConfiguration();\n const { t } = useTranslation();\n const { isLoading } = useManifests();\n const { downloadTarball } = useDownload();\n\n const handleDownload = useCallback(\n async (tarballDist: string) => {\n // FIXME: check, the dist might be different thant npmjs\n const link = tarballDist.replace(`https://registry.npmjs.org/`, config.base);\n downloadTarball?.({ link });\n },\n [config, downloadTarball]\n );\n\n const renderVersionInfo = (): React.ReactNode =>\n version && (\n <OverviewItem>\n <StyledVersion />\n {t('package.version', { version })}\n </OverviewItem>\n );\n\n const renderAuthorInfo = (): React.ReactNode => {\n const name = utils.getAuthorName(authorName);\n return (\n <OverviewItem>\n <Author>\n <Avatar alt={name} src={authorAvatar} />\n <Details>{name}</Details>\n </Author>\n </OverviewItem>\n );\n };\n\n const renderFileSize = (): React.ReactNode =>\n dist?.unpackedSize && (\n <OverviewItem>\n <StyledFileBinary />\n {utils.fileSizeSI(dist.unpackedSize)}\n </OverviewItem>\n );\n\n const renderLicenseInfo = (): React.ReactNode =>\n license && (\n <OverviewItem>\n <StyledLaw />\n {license as string}\n </OverviewItem>\n );\n\n const renderPublishedInfo = (): React.ReactNode =>\n time && (\n <OverviewItem>\n <StyledTime />\n <Published title={utils.formatDate(time)}>\n {t('package.published-on', { time: utils.formatDateDistance(time) })}\n </Published>\n </OverviewItem>\n );\n\n const renderHomePageLink = (): React.ReactNode =>\n homepage &&\n url.isURL(homepage) && (\n <LinkExternal to={homepage}>\n <Tooltip aria-label={t('package.homepage')} title={t('package.visit-home-page')}>\n <IconButton aria-label={t('package.homepage')} color=\"primary\" size=\"large\">\n <HomeIcon />\n </IconButton>\n </Tooltip>\n </LinkExternal>\n );\n\n const renderBugsLink = (): React.ReactNode =>\n bugs?.url &&\n url.isURL(bugs.url) && (\n <LinkExternal to={bugs.url}>\n <Tooltip aria-label={t('package.bugs')} title={t('package.open-an-issue')}>\n <IconButton aria-label={t('package.bugs')} color=\"primary\" size=\"large\">\n <BugReport />\n </IconButton>\n </Tooltip>\n </LinkExternal>\n );\n\n const renderDownloadLink = (): React.ReactNode =>\n dist?.tarball &&\n url.isURL(dist.tarball) && (\n <Link\n onClick={() => {\n handleDownload(dist.tarball);\n }}\n to=\"#\"\n >\n <Tooltip\n aria-label={t('package.download', { what: t('package.the-tar-file') })}\n title={t('package.tarball')}\n >\n <IconButton\n aria-label={t('package.download')}\n color=\"primary\"\n data-testid=\"download-tarball\"\n size=\"large\"\n >\n {isLoading ? <CircularProgress size={13} /> : <DownloadIcon />}\n </IconButton>\n </Tooltip>\n </Link>\n );\n\n const renderPrimaryComponent = (): React.ReactNode => {\n return (\n <Grid alignItems=\"center\" container={true} size={{ xs: 12 }} wrap=\"wrap\">\n <Grid size=\"grow\">\n <WrapperLink to={`${Route.DETAIL}${packageName}`}>\n <PackageTitle className=\"package-title\" data-testid=\"package-title\">\n {packageName}\n </PackageTitle>\n </WrapperLink>\n </Grid>\n <GridRightAligned size=\"auto\">\n {renderHomePageLink()}\n {renderBugsLink()}\n {showDownload && renderDownloadLink()}\n </GridRightAligned>\n </Grid>\n );\n };\n\n const renderSecondaryComponent = (): React.ReactNode => <Description>{description}</Description>;\n\n const renderPackageListItemText = (): React.ReactNode => (\n <PackageListItemText\n primary={renderPrimaryComponent()}\n secondary={renderSecondaryComponent()}\n />\n );\n\n const renderKeywords = (): React.ReactNode => (\n <ListItem alignItems={'flex-start'} sx={{ py: 0, my: 0 }}>\n <List sx={{ p: 0, my: 0 }}>\n <KeywordListItems keywords={keywords} />\n </List>\n </ListItem>\n );\n\n return (\n <Wrapper className={'package'} data-testid=\"package-item-list\">\n <ListItem alignItems={'flex-start'} sx={{ mb: 0 }}>\n {renderPackageListItemText()}\n </ListItem>\n {keywords && keywords?.length > 0 ? renderKeywords() : null}\n <ListItem alignItems={'flex-start'} sx={{ mt: 0 }}>\n {renderAuthorInfo()}\n {renderVersionInfo()}\n {renderPublishedInfo()}\n {renderFileSize()}\n {renderLicenseInfo()}\n </ListItem>\n </Wrapper>\n );\n};\n\nexport default Package;\n\nconst iconStyle = ({ theme }: { theme: Theme }) => css`\n margin: 0 10px 0 0;\n fill: ${theme.palette.mode === 'light' ? grey[900] : common.white};\n`;\n\nconst StyledVersion = styled(Version)<{ theme?: Theme }>`\n ${iconStyle};\n`;\n\nconst StyledFileBinary = styled(FileBinary)<{ theme?: Theme }>`\n ${iconStyle};\n`;\n\nconst StyledLaw = styled(Law)<{ theme?: Theme }>`\n ${iconStyle};\n`;\n\nconst StyledTime = styled(Time)<{ theme?: Theme }>`\n ${iconStyle};\n`;\n"],"mappings":"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"}
1	+ {"version":3,"file":"Package.mjs","names":[],"sources":["../../../src/components/Package/Package.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport BugReport from '@mui/icons-material/BugReport';\nimport DownloadIcon from '@mui/icons-material/CloudDownload';\nimport HomeIcon from '@mui/icons-material/Home';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Grid from '@mui/material/Grid';\nimport List from '@mui/material/List';\nimport ListItem from '@mui/material/ListItem';\nimport Tooltip from '@mui/material/Tooltip';\nimport { common, grey } from '@mui/material/colors';\nimport React, { useCallback } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport { LinkExternal, useDownload, useManifests } from '../../';\nimport { FileBinary, Law, Time, Version } from '../../components/Icons';\nimport { getConfiguration } from '../../configuration';\nimport type { Author as PackageAuthor } from '../../providers/ManifestsProvider/ManifestsProvider';\nimport type { PackageMetaInterface } from '../../types/packageMeta';\nimport { Route, url, utils } from '../../utils';\nimport KeywordListItems from '../Keywords/KeywordListItems';\nimport {\n Author,\n Avatar,\n Description,\n Details,\n GridRightAligned,\n IconButton,\n OverviewItem,\n PackageListItemText,\n PackageTitle,\n Published,\n Wrapper,\n WrapperLink,\n} from './styles';\n\ninterface Bugs {\n url: string;\n}\n\ninterface Dist {\n unpackedSize: number;\n tarball: string;\n}\n\nexport interface PackageInterface {\n name: string;\n version: string;\n time?: number \| string;\n author: PackageAuthor;\n description?: string;\n keywords?: PackageMetaInterface['latest']['keywords'];\n license?: PackageMetaInterface['latest']['license'];\n homepage?: string;\n bugs?: Bugs \| string;\n dist?: Dist;\n showDownload?: boolean;\n}\n\nconst Package: React.FC<PackageInterface> = ({\n author: { name: authorName, avatar: authorAvatar },\n bugs,\n description,\n dist,\n homepage,\n keywords,\n license,\n name: packageName,\n time,\n showDownload = true,\n version,\n}) => {\n const config = getConfiguration();\n const { t } = useTranslation();\n const { isLoading } = useManifests();\n const { downloadTarball } = useDownload();\n\n const handleDownload = useCallback(\n async (tarballDist: string) => {\n // FIXME: check, the dist might be different thant npmjs\n const link = tarballDist.replace(`https://registry.npmjs.org/`, config.base);\n downloadTarball?.({ link });\n },\n [config, downloadTarball]\n );\n\n const renderVersionInfo = (): React.ReactNode =>\n version && (\n <OverviewItem>\n <StyledVersion />\n {t('package.version', { version })}\n </OverviewItem>\n );\n\n const renderAuthorInfo = (): React.ReactNode => {\n const name = utils.getAuthorName(authorName);\n return (\n <OverviewItem>\n <Author>\n <Avatar alt={name} src={authorAvatar} />\n <Details>{name}</Details>\n </Author>\n </OverviewItem>\n );\n };\n\n const renderFileSize = (): React.ReactNode =>\n dist?.unpackedSize ? (\n <OverviewItem>\n <StyledFileBinary />\n {utils.fileSizeSI(dist.unpackedSize)}\n </OverviewItem>\n ) : null;\n\n const renderLicenseInfo = (): React.ReactNode =>\n license && (\n <OverviewItem>\n <StyledLaw />\n {license as string}\n </OverviewItem>\n );\n\n const renderPublishedInfo = (): React.ReactNode =>\n time && (\n <OverviewItem>\n <StyledTime />\n <Published title={utils.formatDate(time)}>\n {t('package.published-on', { time: utils.formatDateDistance(time) })}\n </Published>\n </OverviewItem>\n );\n\n const renderHomePageLink = (): React.ReactNode =>\n homepage &&\n url.isURL(homepage) && (\n <LinkExternal to={homepage}>\n <Tooltip aria-label={t('package.homepage')} title={t('package.visit-home-page')}>\n <IconButton aria-label={t('package.homepage')} color=\"primary\" size=\"large\">\n <HomeIcon />\n </IconButton>\n </Tooltip>\n </LinkExternal>\n );\n\n const renderBugsLink = (): React.ReactNode => {\n // bugs can be the object form or a plain url string, both valid in npm\n const bugsUrl = utils.getBugsUrl(bugs);\n return (\n bugsUrl &&\n url.isURL(bugsUrl) && (\n <LinkExternal to={bugsUrl}>\n <Tooltip aria-label={t('package.bugs')} title={t('package.open-an-issue')}>\n <IconButton aria-label={t('package.bugs')} color=\"primary\" size=\"large\">\n <BugReport />\n </IconButton>\n </Tooltip>\n </LinkExternal>\n )\n );\n };\n\n const renderDownloadLink = (): React.ReactNode =>\n dist?.tarball &&\n url.isURL(dist.tarball) && (\n // a plain button: wrapping it in <Link to=\"#\"> pushed a stray `#` entry\n // into the browser history on every download\n <Tooltip\n aria-label={t('package.download', { what: t('package.the-tar-file') })}\n title={t('package.tarball')}\n >\n <IconButton\n aria-label={t('package.download')}\n color=\"primary\"\n data-testid=\"download-tarball\"\n onClick={() => {\n handleDownload(dist.tarball);\n }}\n size=\"large\"\n >\n {isLoading ? <CircularProgress size={13} /> : <DownloadIcon />}\n </IconButton>\n </Tooltip>\n );\n\n const renderPrimaryComponent = (): React.ReactNode => {\n return (\n <Grid alignItems=\"center\" container={true} size={{ xs: 12 }} wrap=\"wrap\">\n <Grid size=\"grow\">\n <WrapperLink to={`${Route.DETAIL}${packageName}`}>\n <PackageTitle className=\"package-title\" data-testid=\"package-title\">\n {packageName}\n </PackageTitle>\n </WrapperLink>\n </Grid>\n <GridRightAligned size=\"auto\">\n {renderHomePageLink()}\n {renderBugsLink()}\n {showDownload && renderDownloadLink()}\n </GridRightAligned>\n </Grid>\n );\n };\n\n const renderSecondaryComponent = (): React.ReactNode => <Description>{description}</Description>;\n\n const renderPackageListItemText = (): React.ReactNode => (\n <PackageListItemText\n primary={renderPrimaryComponent()}\n secondary={renderSecondaryComponent()}\n />\n );\n\n const renderKeywords = (): React.ReactNode => (\n <ListItem alignItems={'flex-start'} sx={{ py: 0, my: 0 }}>\n <List sx={{ p: 0, my: 0 }}>\n <KeywordListItems keywords={keywords} />\n </List>\n </ListItem>\n );\n\n return (\n <Wrapper className={'package'} data-testid=\"package-item-list\">\n <ListItem alignItems={'flex-start'} sx={{ mb: 0 }}>\n {renderPackageListItemText()}\n </ListItem>\n {keywords && keywords?.length > 0 ? renderKeywords() : null}\n <ListItem alignItems={'flex-start'} sx={{ mt: 0 }}>\n {renderAuthorInfo()}\n {renderVersionInfo()}\n {renderPublishedInfo()}\n {renderFileSize()}\n {renderLicenseInfo()}\n </ListItem>\n </Wrapper>\n );\n};\n\nexport default Package;\n\nconst iconStyle = ({ theme }: { theme: Theme }) => css`\n margin: 0 10px 0 0;\n fill: ${theme.palette.mode === 'light' ? grey[900] : common.white};\n`;\n\nconst StyledVersion = styled(Version)<{ theme?: Theme }>`\n ${iconStyle};\n`;\n\nconst StyledFileBinary = styled(FileBinary)<{ theme?: Theme }>`\n ${iconStyle};\n`;\n\nconst StyledLaw = styled(Law)<{ theme?: Theme }>`\n ${iconStyle};\n`;\n\nconst StyledTime = styled(Time)<{ theme?: Theme }>`\n ${iconStyle};\n`;\n"],"mappings":"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"}

package/build/components/Person/Person.js CHANGED Viewed

@@ -16,7 +16,7 @@ var Person = ({ person, packageName, version, withText = false }) => {
 	const link = require_utils.getLink(person, packageName, version);
 	const avatarComponent = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Avatar.default, {
 		alt: person.name,
-		src: person.avatar,
+		src: person.avatar ?? person._avatar,
 		sx: {
 			width: 40,
 			height: 40,

package/build/components/Person/Person.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Person.js","names":[],"sources":["../../../src/components/Person/Person.tsx"],"sourcesContent":["import { Typography } from '@mui/material';\nimport Avatar from '@mui/material/Avatar';\nimport Tooltip from '@mui/material/Tooltip';\nimport React from 'react';\n\nimport type { Developer } from '../../types/packageMeta';\nimport LinkExternal from '../LinkExternal';\nimport PersonTooltip from './PersonTooltip';\nimport { getLink, getName } from './utils';\n\nconst Person: React.FC<{\n person: Developer;\n packageName: string;\n version: string;\n withText?: boolean;\n}> = ({ person, packageName, version, withText = false }) => {\n const link = getLink(person, packageName, version);\n\n const avatarComponent = (\n <Avatar alt={person.name} src={person.avatar} sx={{ width: 40, height: 40, ml: 0, mr: 1 }} />\n );\n\n return (\n <>\n <Tooltip\n data-testid={person.name}\n key={person.email}\n title={<PersonTooltip person={person} />}\n >\n {link.length > 0 ? (\n <LinkExternal to={link}>{avatarComponent}</LinkExternal>\n ) : (\n avatarComponent\n )}\n </Tooltip>\n {withText && (\n <Typography sx={{ ml: 1 }} variant=\"subtitle2\">\n {getName(person.name)}\n </Typography>\n )}\n </>\n );\n};\n\nexport default Person;\n"],"mappings":";;;;;;;;;;;;;;AAUA,IAAM,UAKA,EAAE,QAAQ,aAAa,SAAS,WAAW,YAAY;CAC3D,MAAM,OAAO,cAAA,QAAQ,QAAQ,aAAa,OAAO;CAEjD,MAAM,kBACJ,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAA,SAAD;~~EAAQ~~,KAAK,OAAO;~~EAAM~~,KAAK,OAAO;~~EAAQ~~,IAAI;GAAE,OAAO;GAAI,QAAQ;GAAI,IAAI;GAAG,IAAI;EAAE;~~CAAI~~,CAAA;~~CAG9F~~,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,SAAD;EACE,eAAa,OAAO;EAEpB,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,SAAD,EAAuB,OAAS,CAAA;EAEtC,UAAA,KAAK,SAAS,IACb,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAA,SAAD;GAAc,IAAI;GAAO,UAAA;EAA8B,CAAA,IAEvD;CAEK,GARF,OAAO,KAQL,GACR,YACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,YAAD;EAAY,IAAI,EAAE,IAAI,EAAE;EAAG,SAAQ;EAChC,UAAA,cAAA,QAAQ,OAAO,IAAI;CACV,CAAA,CAEd,EAAA,CAAA;AAEN"}
1	+ {"version":3,"file":"Person.js","names":[],"sources":["../../../src/components/Person/Person.tsx"],"sourcesContent":["import { Typography } from '@mui/material';\nimport Avatar from '@mui/material/Avatar';\nimport Tooltip from '@mui/material/Tooltip';\nimport React from 'react';\n\nimport type { Developer } from '../../types/packageMeta';\nimport LinkExternal from '../LinkExternal';\nimport PersonTooltip from './PersonTooltip';\nimport { getLink, getName } from './utils';\n\nconst Person: React.FC<{\n person: Developer;\n packageName: string;\n version: string;\n withText?: boolean;\n}> = ({ person, packageName, version, withText = false }) => {\n const link = getLink(person, packageName, version);\n\n const avatarComponent = (\n <Avatar\n alt={person.name}\n src={person.avatar ?? person._avatar}\n sx={{ width: 40, height: 40, ml: 0, mr: 1 }}\n />\n );\n\n return (\n <>\n <Tooltip\n data-testid={person.name}\n key={person.email}\n title={<PersonTooltip person={person} />}\n >\n {link.length > 0 ? (\n <LinkExternal to={link}>{avatarComponent}</LinkExternal>\n ) : (\n avatarComponent\n )}\n </Tooltip>\n {withText && (\n <Typography sx={{ ml: 1 }} variant=\"subtitle2\">\n {getName(person.name)}\n </Typography>\n )}\n </>\n );\n};\n\nexport default Person;\n"],"mappings":";;;;;;;;;;;;;;AAUA,IAAM,UAKA,EAAE,QAAQ,aAAa,SAAS,WAAW,YAAY;CAC3D,MAAM,OAAO,cAAA,QAAQ,QAAQ,aAAa,OAAO;CAEjD,MAAM,kBACJ,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAA,SAAD;EACE,KAAK,OAAO;EACZ,KAAK,OAAO,UAAU,OAAO;EAC7B,IAAI;GAAE,OAAO;GAAI,QAAQ;GAAI,IAAI;GAAG,IAAI;EAAE;CAC3C,CAAA;CAGH,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,SAAD;EACE,eAAa,OAAO;EAEpB,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,SAAD,EAAuB,OAAS,CAAA;EAEtC,UAAA,KAAK,SAAS,IACb,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAA,SAAD;GAAc,IAAI;GAAO,UAAA;EAA8B,CAAA,IAEvD;CAEK,GARF,OAAO,KAQL,GACR,YACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,YAAD;EAAY,IAAI,EAAE,IAAI,EAAE;EAAG,SAAQ;EAChC,UAAA,cAAA,QAAQ,OAAO,IAAI;CACV,CAAA,CAEd,EAAA,CAAA;AAEN"}

package/build/components/Person/Person.mjs CHANGED Viewed

@@ -12,7 +12,7 @@ var Person = ({ person, packageName, version, withText = false }) => {
 	const link = getLink(person, packageName, version);
 	const avatarComponent = /* @__PURE__ */ jsx(Avatar, {
 		alt: person.name,
-		src: person.avatar,
+		src: person.avatar ?? person._avatar,
 		sx: {
 			width: 40,
 			height: 40,

package/build/components/Person/Person.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Person.mjs","names":[],"sources":["../../../src/components/Person/Person.tsx"],"sourcesContent":["import { Typography } from '@mui/material';\nimport Avatar from '@mui/material/Avatar';\nimport Tooltip from '@mui/material/Tooltip';\nimport React from 'react';\n\nimport type { Developer } from '../../types/packageMeta';\nimport LinkExternal from '../LinkExternal';\nimport PersonTooltip from './PersonTooltip';\nimport { getLink, getName } from './utils';\n\nconst Person: React.FC<{\n person: Developer;\n packageName: string;\n version: string;\n withText?: boolean;\n}> = ({ person, packageName, version, withText = false }) => {\n const link = getLink(person, packageName, version);\n\n const avatarComponent = (\n <Avatar alt={person.name} src={person.avatar} sx={{ width: 40, height: 40, ml: 0, mr: 1 }} />\n );\n\n return (\n <>\n <Tooltip\n data-testid={person.name}\n key={person.email}\n title={<PersonTooltip person={person} />}\n >\n {link.length > 0 ? (\n <LinkExternal to={link}>{avatarComponent}</LinkExternal>\n ) : (\n avatarComponent\n )}\n </Tooltip>\n {withText && (\n <Typography sx={{ ml: 1 }} variant=\"subtitle2\">\n {getName(person.name)}\n </Typography>\n )}\n </>\n );\n};\n\nexport default Person;\n"],"mappings":";;;;;;;;;;AAUA,IAAM,UAKA,EAAE,QAAQ,aAAa,SAAS,WAAW,YAAY;CAC3D,MAAM,OAAO,QAAQ,QAAQ,aAAa,OAAO;CAEjD,MAAM,kBACJ,oBAAC,QAAD;~~EAAQ~~,KAAK,OAAO;~~EAAM~~,KAAK,OAAO;~~EAAQ~~,IAAI;GAAE,OAAO;GAAI,QAAQ;GAAI,IAAI;GAAG,IAAI;EAAE;~~CAAI~~,CAAA;~~CAG9F~~,OACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,SAAD;EACE,eAAa,OAAO;EAEpB,OAAO,oBAAC,eAAD,EAAuB,OAAS,CAAA;EAEtC,UAAA,KAAK,SAAS,IACb,oBAAC,cAAD;GAAc,IAAI;GAAO,UAAA;EAA8B,CAAA,IAEvD;CAEK,GARF,OAAO,KAQL,GACR,YACC,oBAAC,YAAD;EAAY,IAAI,EAAE,IAAI,EAAE;EAAG,SAAQ;EAChC,UAAA,QAAQ,OAAO,IAAI;CACV,CAAA,CAEd,EAAA,CAAA;AAEN"}
1	+ {"version":3,"file":"Person.mjs","names":[],"sources":["../../../src/components/Person/Person.tsx"],"sourcesContent":["import { Typography } from '@mui/material';\nimport Avatar from '@mui/material/Avatar';\nimport Tooltip from '@mui/material/Tooltip';\nimport React from 'react';\n\nimport type { Developer } from '../../types/packageMeta';\nimport LinkExternal from '../LinkExternal';\nimport PersonTooltip from './PersonTooltip';\nimport { getLink, getName } from './utils';\n\nconst Person: React.FC<{\n person: Developer;\n packageName: string;\n version: string;\n withText?: boolean;\n}> = ({ person, packageName, version, withText = false }) => {\n const link = getLink(person, packageName, version);\n\n const avatarComponent = (\n <Avatar\n alt={person.name}\n src={person.avatar ?? person._avatar}\n sx={{ width: 40, height: 40, ml: 0, mr: 1 }}\n />\n );\n\n return (\n <>\n <Tooltip\n data-testid={person.name}\n key={person.email}\n title={<PersonTooltip person={person} />}\n >\n {link.length > 0 ? (\n <LinkExternal to={link}>{avatarComponent}</LinkExternal>\n ) : (\n avatarComponent\n )}\n </Tooltip>\n {withText && (\n <Typography sx={{ ml: 1 }} variant=\"subtitle2\">\n {getName(person.name)}\n </Typography>\n )}\n </>\n );\n};\n\nexport default Person;\n"],"mappings":";;;;;;;;;;AAUA,IAAM,UAKA,EAAE,QAAQ,aAAa,SAAS,WAAW,YAAY;CAC3D,MAAM,OAAO,QAAQ,QAAQ,aAAa,OAAO;CAEjD,MAAM,kBACJ,oBAAC,QAAD;EACE,KAAK,OAAO;EACZ,KAAK,OAAO,UAAU,OAAO;EAC7B,IAAI;GAAE,OAAO;GAAI,QAAQ;GAAI,IAAI;GAAG,IAAI;EAAE;CAC3C,CAAA;CAGH,OACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,SAAD;EACE,eAAa,OAAO;EAEpB,OAAO,oBAAC,eAAD,EAAuB,OAAS,CAAA;EAEtC,UAAA,KAAK,SAAS,IACb,oBAAC,cAAD;GAAc,IAAI;GAAO,UAAA;EAA8B,CAAA,IAEvD;CAEK,GARF,OAAO,KAQL,GACR,YACC,oBAAC,YAAD;EAAY,IAAI,EAAE,IAAI,EAAE;EAAG,SAAQ;EAChC,UAAA,QAAQ,OAAO,IAAI;CACV,CAAA,CAEd,EAAA,CAAA;AAEN"}

package/build/components/RawViewer/RawViewer.js CHANGED Viewed

@@ -3,6 +3,7 @@ let _mui_material_IconButton = require("@mui/material/IconButton");
 _mui_material_IconButton = require_runtime.__toESM(_mui_material_IconButton);
 let react = require("react");
 react = require_runtime.__toESM(react);
+let react_i18next = require("react-i18next");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _microlink_react_json_view = require("@microlink/react-json-view");
 _microlink_react_json_view = require_runtime.__toESM(_microlink_react_json_view);
@@ -15,7 +16,6 @@ _mui_material_DialogContent = require_runtime.__toESM(_mui_material_DialogConten
 let _mui_material_DialogTitle = require("@mui/material/DialogTitle");
 _mui_material_DialogTitle = require_runtime.__toESM(_mui_material_DialogTitle);
 let _mui_material_styles = require("@mui/material/styles");
-let react_i18next = require("react-i18next");
 //#region src/components/RawViewer/RawViewer.tsx
 var ViewerTitle = (props) => {
 	const { children, onClose } = props;

package/build/components/RawViewer/RawViewer.mjs CHANGED Viewed

@@ -1,5 +1,6 @@
 import IconButton from "@mui/material/IconButton";
 import "react";
+import { useTranslation } from "react-i18next";
 import { jsx, jsxs } from "react/jsx-runtime";
 import ReactJsonView from "@microlink/react-json-view";
 import CloseIcon from "@mui/icons-material/Close";
@@ -7,7 +8,6 @@ import Dialog from "@mui/material/Dialog";
 import DialogContent from "@mui/material/DialogContent";
 import DialogTitle from "@mui/material/DialogTitle";
 import { useTheme } from "@mui/material/styles";
-import { useTranslation } from "react-i18next";
 //#region src/components/RawViewer/RawViewer.tsx
 var ViewerTitle = (props) => {
 	const { children, onClose } = props;

package/build/components/RegistryInfoDialog/RegistryInfoDialog.js CHANGED Viewed

@@ -2,10 +2,10 @@ const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_styles = require("./styles.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
+let react_i18next = require("react-i18next");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _mui_material_Dialog = require("@mui/material/Dialog");
 _mui_material_Dialog = require_runtime.__toESM(_mui_material_Dialog);
-let react_i18next = require("react-i18next");
 let _mui_material_Button = require("@mui/material/Button");
 _mui_material_Button = require_runtime.__toESM(_mui_material_Button);
 let _mui_material_DialogActions = require("@mui/material/DialogActions");

package/build/components/RegistryInfoDialog/RegistryInfoDialog.mjs CHANGED Viewed

@@ -1,8 +1,8 @@
 import { Content, Title } from "./styles.mjs";
 import "react";
+import { useTranslation } from "react-i18next";
 import { jsx, jsxs } from "react/jsx-runtime";
 import Dialog from "@mui/material/Dialog";
-import { useTranslation } from "react-i18next";
 import Button from "@mui/material/Button";
 import DialogActions from "@mui/material/DialogActions";
 //#region src/components/RegistryInfoDialog/RegistryInfoDialog.tsx

package/build/components/Repository/Repository.js CHANGED Viewed

@@ -2,6 +2,7 @@ const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_CopyToClipBoard = require("../CopyClipboard/CopyToClipBoard.js");
 require("../CopyClipboard/index.js");
 const require_url = require("../../utils/url.js");
+const require_utils = require("../../utils/utils.js");
 require("../../utils/index.js");
 const require_LinkExternal = require("../LinkExternal/LinkExternal.js");
 require("../LinkExternal/index.js");
@@ -11,8 +12,8 @@ let _emotion_styled = require("@emotion/styled");
 _emotion_styled = require_runtime.__toESM(_emotion_styled);
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let react_i18next = require("react-i18next");
+let react_jsx_runtime = require("react/jsx-runtime");
 let _mui_material_colors = require("@mui/material/colors");
 let _mui_material_List = require("@mui/material/List");
 _mui_material_List = require_runtime.__toESM(_mui_material_List);
@@ -44,13 +45,9 @@ var RepositoryAvatar = (0, _emotion_styled.default)(_mui_material_Avatar.default
 });
 var Repository = ({ packageMeta }) => {
 	const { t } = (0, react_i18next.useTranslation)();
-	const url = packageMeta?.latest?.repository?.url;
-	if (!url || !require_url.isURL(url)) return null;
-	const getCorrectRepositoryURL = () => {
-		if (!url.includes("git+")) return url;
-		return url.split("git+")[1];
-	};
-	const repositoryURL = getCorrectRepositoryURL();
+	const url = require_utils.formatRepository(packageMeta?.latest?.repository);
+	const repositoryURL = url ? url.replace(/^git\+/, "").replace(/^ssh:\/\/(git@)?/, "https://").replace(/^git:\/\//, "https://") : null;
+	if (!repositoryURL || !require_url.isURL(repositoryURL)) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_List.default, {
 		dense: true,
 		subheader: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledText, {

package/build/components/Repository/Repository.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Repository.js","names":[],"sources":["../../../src/components/Repository/Repository.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Avatar from '@mui/material/Avatar';\nimport List from '@mui/material/List';\nimport ListItem from '@mui/material/ListItem';\nimport ListItemText from '@mui/material/ListItemText';\nimport Typography from '@mui/material/Typography';\nimport { common } from '@mui/material/colors';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../Theme';\nimport { url as urlUtils } from '../../utils';\nimport CopyClipboard from '../CopyClipboard';\nimport { Git } from '../Icons';\nimport LinkExternal from '../LinkExternal';\n\nconst StyledText = styled(Typography)<{ theme?: Theme }>((props) => ({\n fontWeight: props.theme.fontWeight.bold,\n textTransform: 'capitalize',\n}));\n\nconst RepositoryListItem = styled(ListItem)({\n padding: 0,\n ':hover': {\n backgroundColor: 'transparent',\n },\n});\n\nconst RepositoryListItemText = styled(ListItemText)({\n padding: '0 0 0 10px',\n margin: 0,\n});\n\nconst RepositoryAvatar = styled(Avatar)({\n padding: 0,\n marginLeft: 0,\n backgroundColor: 'transparent',\n});\n\nconst Repository: React.FC<{ packageMeta: any }> = ({ packageMeta }) => {\n const { t } = useTranslation();\n ~~const~~ ~~url~~ = ~~packageMeta?.latest?.repository?.url~~;\n if ~~(!url~~ \|\| ~~!urlUtils.isURL(url))~~ {\n ~~return~~ ~~null;\n }~~\n\n const ~~getCorrectRepositoryURL~~ = (): ~~string~~ => {\n if (!url.~~includes~~('git+')~~) {~~\n ~~return~~ ~~url;\n }~~\n~~\n return url~~.~~split~~('git+')~~[1];\~~n };\n\n ~~const~~ repositoryURL = ~~getCorrectRepositoryURL~~();\n\n return (\n <List\n dense={true}\n subheader={<StyledText variant=\"subtitle1\">{t('sidebar.repository.title')}</StyledText>}\n >\n <RepositoryListItem>\n <RepositoryAvatar sx={{ bgcolor: common.white }}>\n <Git />\n </RepositoryAvatar>\n <RepositoryListItemText\n primary={\n <CopyClipboard dataTestId=\"repositoryID\" text={repositoryURL} title={repositoryURL}>\n <LinkExternal to={repositoryURL} variant=\"outline\">\n {repositoryURL}\n </LinkExternal>\n </CopyClipboard>\n }\n />\n </RepositoryListItem>\n </List>\n );\n};\n\nexport default Repository;\n"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAgBA,IAAM,cAAA,GAAa,gBAAA,QAAA,CAAO,yBAAA,OAAU,CAAC,EAAqB,WAAW;CACnE,YAAY,MAAM,MAAM,WAAW;CACnC,eAAe;AACjB,EAAE;AAEF,IAAM,sBAAA,GAAqB,gBAAA,QAAA,CAAO,uBAAA,OAAQ,CAAC,CAAC;CAC1C,SAAS;CACT,UAAU,EACR,iBAAiB,cACnB;AACF,CAAC;AAED,IAAM,0BAAA,GAAyB,gBAAA,QAAA,CAAO,2BAAA,OAAY,CAAC,CAAC;CAClD,SAAS;CACT,QAAQ;AACV,CAAC;AAED,IAAM,oBAAA,GAAmB,gBAAA,QAAA,CAAO,qBAAA,OAAM,CAAC,CAAC;CACtC,SAAS;CACT,YAAY;CACZ,iBAAiB;AACnB,CAAC;AAED,IAAM,cAA8C,EAAE,kBAAkB;CACtE,MAAM,EAAE,OAAA,GAAM,cAAA,eAAA,CAAe;~~CAC7B~~,MAAM,~~MAAM~~,aAAa,QAAQ,~~YAAY~~;~~CAC7C~~,~~IAAI~~,~~CAAC~~,~~OAAO~~,~~CAAA~~,~~YAAA~~,~~MAAgB~~,~~GAAG~~,~~GAC7B~~,~~OAAO;CAGT~~,~~MAAM~~,~~gCAAwC;EAC5C~~,~~IAAI~~,CAAC,~~IAAI~~,~~SAAS~~,~~MAAM~~,~~GACtB~~,~~OAAO~~;~~EAGT~~,~~OAAO,~~IAAI,~~MAAM~~,~~MAAM~~,~~CAAC~~,~~CAAC;CAC3B;CAEA~~,~~MAAM~~,~~gBAAgB~~,~~wBAAwB~~;~~CAE9C~~,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAA,SAAD;EACE,OAAO;EACP,WAAW,iBAAA,GAAA,kBAAA,IAAA,CAAC,YAAD;GAAY,SAAQ;GAAa,UAAA,EAAE,0BAA0B;EAAc,CAAA;EAEtF,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAAC,oBAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD;GAAkB,IAAI,EAAE,SAAS,qBAAA,OAAO,MAAM;GAC5C,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,YAAA,KAAD,CAAM,CAAA;EACU,CAAA,GAClB,iBAAA,GAAA,kBAAA,IAAA,CAAC,wBAAD,EACE,SACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,wBAAA,SAAD;GAAe,YAAW;GAAe,MAAM;GAAe,OAAO;GACnE,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAA,SAAD;IAAc,IAAI;IAAe,SAAQ;IACtC,UAAA;GACW,CAAA;EACD,CAAA,EAElB,CAAA,CACiB,EAAA,CAAA;CAChB,CAAA;AAEV"}
1	+ {"version":3,"file":"Repository.js","names":[],"sources":["../../../src/components/Repository/Repository.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Avatar from '@mui/material/Avatar';\nimport List from '@mui/material/List';\nimport ListItem from '@mui/material/ListItem';\nimport ListItemText from '@mui/material/ListItemText';\nimport Typography from '@mui/material/Typography';\nimport { common } from '@mui/material/colors';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../Theme';\nimport { url as urlUtils, utils } from '../../utils';\nimport CopyClipboard from '../CopyClipboard';\nimport { Git } from '../Icons';\nimport LinkExternal from '../LinkExternal';\n\nconst StyledText = styled(Typography)<{ theme?: Theme }>((props) => ({\n fontWeight: props.theme.fontWeight.bold,\n textTransform: 'capitalize',\n}));\n\nconst RepositoryListItem = styled(ListItem)({\n padding: 0,\n ':hover': {\n backgroundColor: 'transparent',\n },\n});\n\nconst RepositoryListItemText = styled(ListItemText)({\n padding: '0 0 0 10px',\n margin: 0,\n});\n\nconst RepositoryAvatar = styled(Avatar)({\n padding: 0,\n marginLeft: 0,\n backgroundColor: 'transparent',\n});\n\nconst Repository: React.FC<{ packageMeta: any }> = ({ packageMeta }) => {\n const { t } = useTranslation();\n // repository can be the object form or a plain string, both valid in npm;\n // `git+ssh://git@host/...` and `git://host/...` are valid manifest urls but\n // dead links in a browser, so they are rewritten to https before validating\n const url = utils.formatRepository(packageMeta?.latest?.repository);\n const repositoryURL = url\n ? url\n .replace(/^git\\+/, '')\n .replace(/^ssh:\\/\\/(git@)?/, 'https://')\n .replace(/^git:\\/\\//, 'https://')\n : null;\n if (!repositoryURL \|\| !urlUtils.isURL(repositoryURL)) {\n return null;\n }\n\n return (\n <List\n dense={true}\n subheader={<StyledText variant=\"subtitle1\">{t('sidebar.repository.title')}</StyledText>}\n >\n <RepositoryListItem>\n <RepositoryAvatar sx={{ bgcolor: common.white }}>\n <Git />\n </RepositoryAvatar>\n <RepositoryListItemText\n primary={\n <CopyClipboard dataTestId=\"repositoryID\" text={repositoryURL} title={repositoryURL}>\n <LinkExternal to={repositoryURL} variant=\"outline\">\n {repositoryURL}\n </LinkExternal>\n </CopyClipboard>\n }\n />\n </RepositoryListItem>\n </List>\n );\n};\n\nexport default Repository;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,IAAM,cAAA,GAAa,gBAAA,QAAA,CAAO,yBAAA,OAAU,CAAC,EAAqB,WAAW;CACnE,YAAY,MAAM,MAAM,WAAW;CACnC,eAAe;AACjB,EAAE;AAEF,IAAM,sBAAA,GAAqB,gBAAA,QAAA,CAAO,uBAAA,OAAQ,CAAC,CAAC;CAC1C,SAAS;CACT,UAAU,EACR,iBAAiB,cACnB;AACF,CAAC;AAED,IAAM,0BAAA,GAAyB,gBAAA,QAAA,CAAO,2BAAA,OAAY,CAAC,CAAC;CAClD,SAAS;CACT,QAAQ;AACV,CAAC;AAED,IAAM,oBAAA,GAAmB,gBAAA,QAAA,CAAO,qBAAA,OAAM,CAAC,CAAC;CACtC,SAAS;CACT,YAAY;CACZ,iBAAiB;AACnB,CAAC;AAED,IAAM,cAA8C,EAAE,kBAAkB;CACtE,MAAM,EAAE,OAAA,GAAM,cAAA,eAAA,CAAe;CAI7B,MAAM,MAAA,cAAA,iBAA6B,aAAa,QAAQ,UAAU;CAClE,MAAM,gBAAgB,MAClB,IACG,QAAQ,UAAU,EAAE,CAAC,CACrB,QAAQ,oBAAoB,UAAU,CAAC,CACvC,QAAQ,aAAa,UAAU,IAClC;CACJ,IAAI,CAAC,iBAAiB,CAAA,YAAA,MAAgB,aAAa,GACjD,OAAO;CAGT,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAA,SAAD;EACE,OAAO;EACP,WAAW,iBAAA,GAAA,kBAAA,IAAA,CAAC,YAAD;GAAY,SAAQ;GAAa,UAAA,EAAE,0BAA0B;EAAc,CAAA;EAEtF,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAAC,oBAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD;GAAkB,IAAI,EAAE,SAAS,qBAAA,OAAO,MAAM;GAC5C,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,YAAA,KAAD,CAAM,CAAA;EACU,CAAA,GAClB,iBAAA,GAAA,kBAAA,IAAA,CAAC,wBAAD,EACE,SACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,wBAAA,SAAD;GAAe,YAAW;GAAe,MAAM;GAAe,OAAO;GACnE,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAA,SAAD;IAAc,IAAI;IAAe,SAAQ;IACtC,UAAA;GACW,CAAA;EACD,CAAA,EAElB,CAAA,CACiB,EAAA,CAAA;CAChB,CAAA;AAEV"}

package/build/components/Repository/Repository.mjs CHANGED Viewed

@@ -1,6 +1,7 @@
 import CopyToClipBoard from "../CopyClipboard/CopyToClipBoard.mjs";
 import "../CopyClipboard/index.mjs";
 import { isURL } from "../../utils/url.mjs";
+import { formatRepository } from "../../utils/utils.mjs";
 import "../../utils/index.mjs";
 import LinkExternal from "../LinkExternal/LinkExternal.mjs";
 import "../LinkExternal/index.mjs";
@@ -8,8 +9,8 @@ import { Git } from "../Icons/DevsIcons/Git2.mjs";
 import "../Icons/index.mjs";
 import styled from "@emotion/styled";
 import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { common } from "@mui/material/colors";
 import List from "@mui/material/List";
 import Avatar from "@mui/material/Avatar";
@@ -36,13 +37,9 @@ var RepositoryAvatar = styled(Avatar)({
 });
 var Repository = ({ packageMeta }) => {
 	const { t } = useTranslation();
-	const url = packageMeta?.latest?.repository?.url;
-	if (!url || !isURL(url)) return null;
-	const getCorrectRepositoryURL = () => {
-		if (!url.includes("git+")) return url;
-		return url.split("git+")[1];
-	};
-	const repositoryURL = getCorrectRepositoryURL();
+	const url = formatRepository(packageMeta?.latest?.repository);
+	const repositoryURL = url ? url.replace(/^git\+/, "").replace(/^ssh:\/\/(git@)?/, "https://").replace(/^git:\/\//, "https://") : null;
+	if (!repositoryURL || !isURL(repositoryURL)) return null;
 	return /* @__PURE__ */ jsx(List, {
 		dense: true,
 		subheader: /* @__PURE__ */ jsx(StyledText, {

package/build/components/Repository/Repository.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Repository.mjs","names":[],"sources":["../../../src/components/Repository/Repository.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Avatar from '@mui/material/Avatar';\nimport List from '@mui/material/List';\nimport ListItem from '@mui/material/ListItem';\nimport ListItemText from '@mui/material/ListItemText';\nimport Typography from '@mui/material/Typography';\nimport { common } from '@mui/material/colors';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../Theme';\nimport { url as urlUtils } from '../../utils';\nimport CopyClipboard from '../CopyClipboard';\nimport { Git } from '../Icons';\nimport LinkExternal from '../LinkExternal';\n\nconst StyledText = styled(Typography)<{ theme?: Theme }>((props) => ({\n fontWeight: props.theme.fontWeight.bold,\n textTransform: 'capitalize',\n}));\n\nconst RepositoryListItem = styled(ListItem)({\n padding: 0,\n ':hover': {\n backgroundColor: 'transparent',\n },\n});\n\nconst RepositoryListItemText = styled(ListItemText)({\n padding: '0 0 0 10px',\n margin: 0,\n});\n\nconst RepositoryAvatar = styled(Avatar)({\n padding: 0,\n marginLeft: 0,\n backgroundColor: 'transparent',\n});\n\nconst Repository: React.FC<{ packageMeta: any }> = ({ packageMeta }) => {\n const { t } = useTranslation();\n ~~const~~ ~~url~~ = ~~packageMeta?.latest?.repository?.url~~;\n if ~~(!url~~ \|\| ~~!urlUtils.isURL(url))~~ {\n ~~return~~ ~~null;\n }~~\n\n const ~~getCorrectRepositoryURL~~ = (): ~~string~~ => {\n if (!url.~~includes~~('git+')~~) {~~\n ~~return~~ ~~url;\n }~~\n~~\n return url~~.~~split~~('git+')~~[1];\~~n };\n\n ~~const~~ repositoryURL = ~~getCorrectRepositoryURL~~();\n\n return (\n <List\n dense={true}\n subheader={<StyledText variant=\"subtitle1\">{t('sidebar.repository.title')}</StyledText>}\n >\n <RepositoryListItem>\n <RepositoryAvatar sx={{ bgcolor: common.white }}>\n <Git />\n </RepositoryAvatar>\n <RepositoryListItemText\n primary={\n <CopyClipboard dataTestId=\"repositoryID\" text={repositoryURL} title={repositoryURL}>\n <LinkExternal to={repositoryURL} variant=\"outline\">\n {repositoryURL}\n </LinkExternal>\n </CopyClipboard>\n }\n />\n </RepositoryListItem>\n </List>\n );\n};\n\nexport default Repository;\n"],"mappings":"~~;;;;;;;;;;;;;;;;;;;~~AAgBA,IAAM,aAAa,OAAO,UAAU,CAAC,EAAqB,WAAW;CACnE,YAAY,MAAM,MAAM,WAAW;CACnC,eAAe;AACjB,EAAE;AAEF,IAAM,qBAAqB,OAAO,QAAQ,CAAC,CAAC;CAC1C,SAAS;CACT,UAAU,EACR,iBAAiB,cACnB;AACF,CAAC;AAED,IAAM,yBAAyB,OAAO,YAAY,CAAC,CAAC;CAClD,SAAS;CACT,QAAQ;AACV,CAAC;AAED,IAAM,mBAAmB,OAAO,MAAM,CAAC,CAAC;CACtC,SAAS;CACT,YAAY;CACZ,iBAAiB;AACnB,CAAC;AAED,IAAM,cAA8C,EAAE,kBAAkB;CACtE,MAAM,EAAE,MAAM,eAAe;~~CAC7B~~,MAAM,MAAM,aAAa,QAAQ,~~YAAY~~;~~CAC7C~~,~~IAAI~~,~~CAAC~~,~~OAAO~~,~~CAAC~~,~~MAAe~~,~~GAAG~~,~~GAC7B~~,~~OAAO;CAGT~~,~~MAAM~~,~~gCAAwC;EAC5C~~,~~IAAI~~,CAAC,~~IAAI~~,~~SAAS~~,~~MAAM~~,~~GACtB~~,~~OAAO~~;~~EAGT~~,~~OAAO,~~IAAI,~~MAAM~~,~~MAAM~~,CAAC,~~CAAC;CAC3B;CAEA~~,~~MAAM~~,~~gBAAgB~~,~~wBAAwB~~;~~CAE9C~~,OACE,oBAAC,MAAD;EACE,OAAO;EACP,WAAW,oBAAC,YAAD;GAAY,SAAQ;GAAa,UAAA,EAAE,0BAA0B;EAAc,CAAA;EAEtF,UAAA,qBAAC,oBAAD,EAAA,UAAA,CACE,oBAAC,kBAAD;GAAkB,IAAI,EAAE,SAAS,OAAO,MAAM;GAC5C,UAAA,oBAAC,KAAD,CAAM,CAAA;EACU,CAAA,GAClB,oBAAC,wBAAD,EACE,SACE,oBAAC,iBAAD;GAAe,YAAW;GAAe,MAAM;GAAe,OAAO;GACnE,UAAA,oBAAC,cAAD;IAAc,IAAI;IAAe,SAAQ;IACtC,UAAA;GACW,CAAA;EACD,CAAA,EAElB,CAAA,CACiB,EAAA,CAAA;CAChB,CAAA;AAEV"}
1	+ {"version":3,"file":"Repository.mjs","names":[],"sources":["../../../src/components/Repository/Repository.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Avatar from '@mui/material/Avatar';\nimport List from '@mui/material/List';\nimport ListItem from '@mui/material/ListItem';\nimport ListItemText from '@mui/material/ListItemText';\nimport Typography from '@mui/material/Typography';\nimport { common } from '@mui/material/colors';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../Theme';\nimport { url as urlUtils, utils } from '../../utils';\nimport CopyClipboard from '../CopyClipboard';\nimport { Git } from '../Icons';\nimport LinkExternal from '../LinkExternal';\n\nconst StyledText = styled(Typography)<{ theme?: Theme }>((props) => ({\n fontWeight: props.theme.fontWeight.bold,\n textTransform: 'capitalize',\n}));\n\nconst RepositoryListItem = styled(ListItem)({\n padding: 0,\n ':hover': {\n backgroundColor: 'transparent',\n },\n});\n\nconst RepositoryListItemText = styled(ListItemText)({\n padding: '0 0 0 10px',\n margin: 0,\n});\n\nconst RepositoryAvatar = styled(Avatar)({\n padding: 0,\n marginLeft: 0,\n backgroundColor: 'transparent',\n});\n\nconst Repository: React.FC<{ packageMeta: any }> = ({ packageMeta }) => {\n const { t } = useTranslation();\n // repository can be the object form or a plain string, both valid in npm;\n // `git+ssh://git@host/...` and `git://host/...` are valid manifest urls but\n // dead links in a browser, so they are rewritten to https before validating\n const url = utils.formatRepository(packageMeta?.latest?.repository);\n const repositoryURL = url\n ? url\n .replace(/^git\\+/, '')\n .replace(/^ssh:\\/\\/(git@)?/, 'https://')\n .replace(/^git:\\/\\//, 'https://')\n : null;\n if (!repositoryURL \|\| !urlUtils.isURL(repositoryURL)) {\n return null;\n }\n\n return (\n <List\n dense={true}\n subheader={<StyledText variant=\"subtitle1\">{t('sidebar.repository.title')}</StyledText>}\n >\n <RepositoryListItem>\n <RepositoryAvatar sx={{ bgcolor: common.white }}>\n <Git />\n </RepositoryAvatar>\n <RepositoryListItemText\n primary={\n <CopyClipboard dataTestId=\"repositoryID\" text={repositoryURL} title={repositoryURL}>\n <LinkExternal to={repositoryURL} variant=\"outline\">\n {repositoryURL}\n </LinkExternal>\n </CopyClipboard>\n }\n />\n </RepositoryListItem>\n </List>\n );\n};\n\nexport default Repository;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAgBA,IAAM,aAAa,OAAO,UAAU,CAAC,EAAqB,WAAW;CACnE,YAAY,MAAM,MAAM,WAAW;CACnC,eAAe;AACjB,EAAE;AAEF,IAAM,qBAAqB,OAAO,QAAQ,CAAC,CAAC;CAC1C,SAAS;CACT,UAAU,EACR,iBAAiB,cACnB;AACF,CAAC;AAED,IAAM,yBAAyB,OAAO,YAAY,CAAC,CAAC;CAClD,SAAS;CACT,QAAQ;AACV,CAAC;AAED,IAAM,mBAAmB,OAAO,MAAM,CAAC,CAAC;CACtC,SAAS;CACT,YAAY;CACZ,iBAAiB;AACnB,CAAC;AAED,IAAM,cAA8C,EAAE,kBAAkB;CACtE,MAAM,EAAE,MAAM,eAAe;CAI7B,MAAM,MAAM,iBAAuB,aAAa,QAAQ,UAAU;CAClE,MAAM,gBAAgB,MAClB,IACG,QAAQ,UAAU,EAAE,CAAC,CACrB,QAAQ,oBAAoB,UAAU,CAAC,CACvC,QAAQ,aAAa,UAAU,IAClC;CACJ,IAAI,CAAC,iBAAiB,CAAC,MAAe,aAAa,GACjD,OAAO;CAGT,OACE,oBAAC,MAAD;EACE,OAAO;EACP,WAAW,oBAAC,YAAD;GAAY,SAAQ;GAAa,UAAA,EAAE,0BAA0B;EAAc,CAAA;EAEtF,UAAA,qBAAC,oBAAD,EAAA,UAAA,CACE,oBAAC,kBAAD;GAAkB,IAAI,EAAE,SAAS,OAAO,MAAM;GAC5C,UAAA,oBAAC,KAAD,CAAM,CAAA;EACU,CAAA,GAClB,oBAAC,wBAAD,EACE,SACE,oBAAC,iBAAD;GAAe,YAAW;GAAe,MAAM;GAAe,OAAO;GACnE,UAAA,oBAAC,cAAD;IAAc,IAAI;IAAe,SAAQ;IACtC,UAAA;GACW,CAAA;EACD,CAAA,EAElB,CAAA,CACiB,EAAA,CAAA;CAChB,CAAA;AAEV"}

package/build/components/Search/AutoComplete/AutoComplete.d.ts CHANGED Viewed

@@ -5,6 +5,7 @@ export type OnSelecItem = (event: React.SyntheticEvent, value: SearchResultWeb,
 interface Props {
     suggestions?: SearchResultWeb[];
     suggestionsLoading?: boolean;
+    hasError?: boolean;
     placeholder: string;
     renderOption?: (props: any, option: any) => React.JSX.Element;
     renderInput: (params: any) => React.JSX.Element;

package/build/components/Search/AutoComplete/AutoComplete.js CHANGED Viewed

@@ -2,12 +2,12 @@ const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
 const require_styles = require("./styles.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let react_i18next = require("react-i18next");
+let react_jsx_runtime = require("react/jsx-runtime");
 let _mui_material_Autocomplete = require("@mui/material/Autocomplete");
 _mui_material_Autocomplete = require_runtime.__toESM(_mui_material_Autocomplete);
 //#region src/components/Search/AutoComplete/AutoComplete.tsx
-var AutoComplete = ({ suggestions = [], onSuggestionsFetch, onCleanSuggestions, renderInput, renderOption, getOptionLabel, onSelectItem, suggestionsLoading = false }) => {
+var AutoComplete = ({ suggestions = [], onSuggestionsFetch, onCleanSuggestions, renderInput, renderOption, getOptionLabel, onSelectItem, suggestionsLoading = false, hasError = false }) => {
 	const { t } = (0, react_i18next.useTranslation)();
 	const [inputValue, setInputValue] = (0, react.useState)("");
 	const handleOnInputChange = (event, value, reason) => {
@@ -34,11 +34,11 @@ var AutoComplete = ({ suggestions = [], onSuggestionsFetch, onCleanSuggestions,
 		inputValue,
 		loading: suggestionsLoading,
 		loadingText: t("autoComplete.loading"),
-		noOptionsText: t("autoComplete.no-results-found"),
+		noOptionsText: hasError ? t("autoComplete.error") : t("autoComplete.no-results-found"),
 		onChange: onSelectItem,
 		onClose: handleOnClose,
 		onInputChange: handleOnInputChange,
-		options: suggestions,
+		options: hasError ? [] : suggestions,
 		renderInput,
 		renderOption,
 		renderTags: () => null

package/build/components/Search/AutoComplete/AutoComplete.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AutoComplete.js","names":[],"sources":["../../../../src/components/Search/AutoComplete/AutoComplete.tsx"],"sourcesContent":["import Autocomplete from '@mui/material/Autocomplete';\nimport type { FC } from 'react';\nimport React, { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { SearchResultWeb } from '@verdaccio/types';\n\nimport { Wrapper } from './styles';\n\nexport type OnSelecItem = (\n event: React.SyntheticEvent,\n value: SearchResultWeb,\n reason: string,\n details?: string\n) => void;\ninterface Props {\n suggestions?: SearchResultWeb[];\n suggestionsLoading?: boolean;\n placeholder: string;\n renderOption?: (props: any, option: any) => React.JSX.Element;\n renderInput: (params: any) => React.JSX.Element;\n onSuggestionsFetch: any;\n getOptionLabel: (option: any) => any;\n onCleanSuggestions: (event: React.SyntheticEvent) => void;\n onSelectItem: OnSelecItem;\n}\n\nconst AutoComplete: FC<Props> = ({\n suggestions = [],\n onSuggestionsFetch,\n onCleanSuggestions,\n renderInput,\n renderOption,\n getOptionLabel,\n onSelectItem,\n suggestionsLoading = false,\n}: Props) => {\n const { t } = useTranslation();\n const [inputValue, setInputValue] = useState('');\n\n const handleOnInputChange = (event: React.SyntheticEvent, value: string, reason: string) => {\n if (reason === 'input') {\n event.preventDefault();\n onSuggestionsFetch({ value });\n setInputValue(value);\n } else if (reason === 'clear') {\n onCleanSuggestions(event);\n setInputValue('');\n }\n };\n\n const handleOnClose = (event) => {\n onCleanSuggestions(event);\n setInputValue('');\n };\n\n // @ts-ignore\n return (\n <Wrapper>\n <Autocomplete\n /* @ts-ignore */\n clearOnBlur={true}\n disablePortal={true}\n filterOptions={(options, state) => (state.inputValue.trim() ? options : [])}\n fullWidth={true}\n getOptionLabel={getOptionLabel}\n id=\"search-header-suggest\"\n inputValue={inputValue}\n loading={suggestionsLoading}\n loadingText={t('autoComplete.loading')}\n noOptionsText={t('autoComplete.no-results-found')}\n onChange={onSelectItem as any}\n onClose={handleOnClose}\n onInputChange={handleOnInputChange}\n options={suggestions}\n renderInput={renderInput}\n renderOption={renderOption}\n renderTags={() => null}\n />\n </Wrapper>\n );\n};\n\nexport default AutoComplete;\n"],"mappings":";;;;;;;;;~~AA2BA~~,IAAM,gBAA2B,EAC/B,cAAc,CAAC,GACf,oBACA,oBACA,aACA,cACA,gBACA,cACA,qBAAqB,~~YACV~~;CACX,MAAM,EAAE,OAAA,GAAM,cAAA,eAAA,CAAe;CAC7B,MAAM,CAAC,YAAY,kBAAA,GAAiB,MAAA,SAAA,CAAS,EAAE;CAE/C,MAAM,uBAAuB,OAA6B,OAAe,WAAmB;EAC1F,IAAI,WAAW,SAAS;GACtB,MAAM,eAAe;GACrB,mBAAmB,EAAE,MAAM,CAAC;GAC5B,cAAc,KAAK;EACrB,OAAO,IAAI,WAAW,SAAS;GAC7B,mBAAmB,KAAK;GACxB,cAAc,EAAE;EAClB;CACF;CAEA,MAAM,iBAAiB,UAAU;EAC/B,mBAAmB,KAAK;EACxB,cAAc,EAAE;CAClB;CAGA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAA,SAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,2BAAA,SAAD;EAEE,aAAa;EACb,eAAe;EACf,gBAAgB,SAAS,UAAW,MAAM,WAAW,KAAK,IAAI,UAAU,CAAC;EACzE,WAAW;EACK;EAChB,IAAG;EACS;EACZ,SAAS;EACT,aAAa,EAAE,sBAAsB;~~EACrC~~,eAAe,EAAE,+BAA+B;~~EAChD~~,UAAU;EACV,SAAS;EACT,eAAe;EACf,SAAS;~~EACI~~;EACC;EACd,kBAAkB;CACnB,CAAA,EACM,CAAA;AAEb"}
1	+ {"version":3,"file":"AutoComplete.js","names":[],"sources":["../../../../src/components/Search/AutoComplete/AutoComplete.tsx"],"sourcesContent":["import Autocomplete from '@mui/material/Autocomplete';\nimport type { FC } from 'react';\nimport React, { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { SearchResultWeb } from '@verdaccio/types';\n\nimport { Wrapper } from './styles';\n\nexport type OnSelecItem = (\n event: React.SyntheticEvent,\n value: SearchResultWeb,\n reason: string,\n details?: string\n) => void;\ninterface Props {\n suggestions?: SearchResultWeb[];\n suggestionsLoading?: boolean;\n hasError?: boolean;\n placeholder: string;\n renderOption?: (props: any, option: any) => React.JSX.Element;\n renderInput: (params: any) => React.JSX.Element;\n onSuggestionsFetch: any;\n getOptionLabel: (option: any) => any;\n onCleanSuggestions: (event: React.SyntheticEvent) => void;\n onSelectItem: OnSelecItem;\n}\n\nconst AutoComplete: FC<Props> = ({\n suggestions = [],\n onSuggestionsFetch,\n onCleanSuggestions,\n renderInput,\n renderOption,\n getOptionLabel,\n onSelectItem,\n suggestionsLoading = false,\n hasError = false,\n}: Props) => {\n const { t } = useTranslation();\n const [inputValue, setInputValue] = useState('');\n\n const handleOnInputChange = (event: React.SyntheticEvent, value: string, reason: string) => {\n if (reason === 'input') {\n event.preventDefault();\n onSuggestionsFetch({ value });\n setInputValue(value);\n } else if (reason === 'clear') {\n onCleanSuggestions(event);\n setInputValue('');\n }\n };\n\n const handleOnClose = (event) => {\n onCleanSuggestions(event);\n setInputValue('');\n };\n\n // @ts-ignore\n return (\n <Wrapper>\n <Autocomplete\n /* @ts-ignore */\n clearOnBlur={true}\n disablePortal={true}\n filterOptions={(options, state) => (state.inputValue.trim() ? options : [])}\n fullWidth={true}\n getOptionLabel={getOptionLabel}\n id=\"search-header-suggest\"\n inputValue={inputValue}\n loading={suggestionsLoading}\n loadingText={t('autoComplete.loading')}\n // a failed search must not read as \"no results found\"\n noOptionsText={hasError ? t('autoComplete.error') : t('autoComplete.no-results-found')}\n onChange={onSelectItem as any}\n onClose={handleOnClose}\n onInputChange={handleOnInputChange}\n options={hasError ? [] : suggestions}\n renderInput={renderInput}\n renderOption={renderOption}\n renderTags={() => null}\n />\n </Wrapper>\n );\n};\n\nexport default AutoComplete;\n"],"mappings":";;;;;;;;;AA4BA,IAAM,gBAA2B,EAC/B,cAAc,CAAC,GACf,oBACA,oBACA,aACA,cACA,gBACA,cACA,qBAAqB,OACrB,WAAW,YACA;CACX,MAAM,EAAE,OAAA,GAAM,cAAA,eAAA,CAAe;CAC7B,MAAM,CAAC,YAAY,kBAAA,GAAiB,MAAA,SAAA,CAAS,EAAE;CAE/C,MAAM,uBAAuB,OAA6B,OAAe,WAAmB;EAC1F,IAAI,WAAW,SAAS;GACtB,MAAM,eAAe;GACrB,mBAAmB,EAAE,MAAM,CAAC;GAC5B,cAAc,KAAK;EACrB,OAAO,IAAI,WAAW,SAAS;GAC7B,mBAAmB,KAAK;GACxB,cAAc,EAAE;EAClB;CACF;CAEA,MAAM,iBAAiB,UAAU;EAC/B,mBAAmB,KAAK;EACxB,cAAc,EAAE;CAClB;CAGA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAA,SAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,2BAAA,SAAD;EAEE,aAAa;EACb,eAAe;EACf,gBAAgB,SAAS,UAAW,MAAM,WAAW,KAAK,IAAI,UAAU,CAAC;EACzE,WAAW;EACK;EAChB,IAAG;EACS;EACZ,SAAS;EACT,aAAa,EAAE,sBAAsB;EAErC,eAAe,WAAW,EAAE,oBAAoB,IAAI,EAAE,+BAA+B;EACrF,UAAU;EACV,SAAS;EACT,eAAe;EACf,SAAS,WAAW,CAAC,IAAI;EACZ;EACC;EACd,kBAAkB;CACnB,CAAA,EACM,CAAA;AAEb"}