npm - @verdaccio/ui-components - Versions diffs - 5.0.0-next-9.24 → 5.0.0-next-9.26 - Mend

@verdaccio/ui-components 5.0.0-next-9.24 → 5.0.0-next-9.26

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 (296) hide show

package/build/sections/Header/HeaderSettingsDialog.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HeaderSettingsDialog.mjs","names":[],"sources":["../../../src/sections/Header/HeaderSettingsDialog.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Box from '@mui/material/Box';\nimport Tab from '@mui/material/Tab';\nimport Tabs from '@mui/material/Tabs';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport ReactMarkdown from 'react-markdown';\n\nimport type { Theme } from '../../';\nimport RegistryInfoDialog from '../../components/RegistryInfoDialog';\nimport { getConfiguration } from '../../configuration';\nimport LanguageSwitch from './LanguageSwitch';\nimport RegistryInfoContent from './RegistryInfoContent';\n\ninterface Props {\n isOpen: boolean;\n onCloseDialog: () => void;\n}\n\nfunction a11yProps(index) {\n return {\n id: `simple-tab-${index}`,\n 'aria-controls': `simple-tabpanel-${index}`,\n };\n}\n\nfunction TabPanel(props) {\n const { children, value, index, ...other } = props;\n\n return (\n <div\n aria-labelledby={`simple-tab-${index}`}\n hidden={value !== index}\n id={`simple-tabpanel-${index}`}\n role=\"tabpanel\"\n {...other}\n >\n {value === index && <Box sx={{ paddingTop: 3 }}>{children}</Box>}\n </div>\n );\n}\n\nconst TextContent = styled('div')<{ theme?: Theme }>(({ theme }) => ({\n padding: '10px 0',\n backgroundColor: theme.palette.background.default,\n}));\n\nconst HeaderSettingsDialog: React.FC<Props> = ({ onCloseDialog, isOpen }) => {\n const [value, setValue] = React.useState(0);\n\n const handleChange = (_event, newValue) => {\n setValue(newValue);\n };\n const configStore = getConfiguration();\n const { scope, base } = configStore;\n const { t } = useTranslation();\n return (\n <RegistryInfoDialog onClose={onCloseDialog} open={isOpen} title={t('dialog.settings.title')}>\n <Box sx={{ width: '100%' }}>\n <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>\n <Tabs aria-label=\"basic tabs example\" onChange={handleChange} value={value}>\n <Tab label={t('packageManagers.title')} {...a11yProps(0)} />\n <Tab label={t('language.title')} {...a11yProps(1)} />\n </Tabs>\n </Box>\n <TabPanel index={0} value={value}>\n <RegistryInfoContent registryUrl={base} scope={scope} />\n </TabPanel>\n <TabPanel index={1} value={value}>\n <TextContent>{t('language.description')}</TextContent>\n <LanguageSwitch />\n <ReactMarkdown>{t('language.contribute')}</ReactMarkdown>\n </TabPanel>\n </Box>\n </RegistryInfoDialog>\n );\n};\n\nexport default HeaderSettingsDialog;\n"],"mappings":"~~;;;;;;;;;;;;;;;AAmBA~~,SAAS,UAAU,OAAO;CACxB,OAAO;EACL,IAAI,cAAc;EAClB,iBAAiB,mBAAmB;CACtC;AACF;AAEA,SAAS,SAAS,OAAO;CACvB,MAAM,EAAE,UAAU,OAAO,OAAO,GAAG,UAAU;CAE7C,OACE,oBAAC,OAAD;EACE,mBAAiB,cAAc;EAC/B,QAAQ,UAAU;EAClB,IAAI,mBAAmB;EACvB,MAAK;EACL,GAAI;EAEH,UAAA,UAAU,SAAS,oBAAC,KAAD;GAAK,IAAI,~~EAAE,~~YAAY,~~EAAE~~;GAAI;EAAc,CAAA;~~CAC5D~~,CAAA;AAET;AAEA,IAAM,cAAc,OAAO,KAAK,CAAC,EAAqB,EAAE,aAAa;CACnE,SAAS;CACT,iBAAiB,MAAM,QAAQ,WAAW;AAC5C,EAAE;AAEF,IAAM,wBAAyC,EAAE,eAAe,aAAa;CAC3E,MAAM,CAAC,OAAO,YAAY,MAAM,SAAS,CAAC;CAE1C,MAAM,gBAAgB,QAAQ,aAAa;EACzC,SAAS,QAAQ;CACnB;CAEA,MAAM,EAAE,OAAO,SADK,iBACI;CACxB,MAAM,EAAE,MAAM,eAAe;CAC7B,OACE,oBAAC,oBAAD;~~EAAoB~~,SAAS;~~EAAe~~,MAAM;~~EAAQ~~,OAAO,EAAE,uBAAuB;~~EACxF~~,UAAA,qBAAC,KAAD;GAAK,IAAI,EAAE,OAAO,OAAO;GAAzB,UAAA;IACE,oBAAC,KAAD;KAAK,IAAI;MAAE,cAAc;MAAG,aAAa;KAAU;KACjD,UAAA,qBAAC,MAAD;MAAM,cAAW;MAAqB,UAAU;MAAqB;MAArE,UAAA,~~CACE,~~oBAAC,KAAD;~~OAAK~~,OAAO,EAAE,uBAAuB;~~OAAG~~,GAAI,UAAU,CAAC;~~MAAI~~,CAAA,~~GAC3D~~,oBAAC,KAAD;~~OAAK~~,OAAO,EAAE,gBAAgB;~~OAAG~~,GAAI,UAAU,CAAC;~~MAAI~~,CAAA~~,CAChD~~;;IACH,CAAA;IACL,oBAAC,UAAD;KAAU,OAAO;KAAU;KACzB,UAAA,oBAAC,qBAAD;MAAqB,aAAa;MAAa;KAAQ,CAAA;IAC/C,CAAA;IACV,qBAAC,UAAD;KAAU,OAAO;KAAU;KAA3B,UAAA;MACE,oBAAC,aAAD,EAAA,UAAc,EAAE,sBAAsB,EAAe,CAAA;MACrD,oBAAC,gBAAD,CAAiB,CAAA;MACjB,oBAAC,eAAD,~~EAAA~~,~~UAAgB~~,EAAE,qBAAqB,~~EAAiB,~~CAAA;~~KAChD~~;;GACP;;CACa,CAAA;AAExB"}
1	+ {"version":3,"file":"HeaderSettingsDialog.mjs","names":[],"sources":["../../../src/sections/Header/HeaderSettingsDialog.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Box from '@mui/material/Box';\nimport Tab from '@mui/material/Tab';\nimport Tabs from '@mui/material/Tabs';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport ReactMarkdown from 'react-markdown';\n\nimport type { Theme } from '../../';\nimport { VERDACCIO_DOCS_URL } from '../../components/DocsLink';\nimport { CustomHelp, HelpGuide } from '../../components/Help/Help';\nimport RegistryInfoDialog from '../../components/RegistryInfoDialog';\nimport { getConfiguration } from '../../configuration';\nimport { useConfig } from '../../providers';\nimport { externalLinkComponents } from '../../utils/markdown';\nimport LanguageSwitch from './LanguageSwitch';\nimport RegistryInfoContent from './RegistryInfoContent';\n\ninterface Props {\n isOpen: boolean;\n onCloseDialog: () => void;\n}\n\nfunction a11yProps(index) {\n return {\n id: `simple-tab-${index}`,\n 'aria-controls': `simple-tabpanel-${index}`,\n };\n}\n\nfunction TabPanel(props) {\n const { children, value, index, ...other } = props;\n\n return (\n <div\n aria-labelledby={`simple-tab-${index}`}\n hidden={value !== index}\n id={`simple-tabpanel-${index}`}\n role=\"tabpanel\"\n {...other}\n >\n {value === index && <Box sx={{ paddingTop: 3, paddingBottom: 3 }}>{children}</Box>}\n </div>\n );\n}\n\nconst TextContent = styled('div')<{ theme?: Theme }>(({ theme }) => ({\n padding: '10px 0',\n backgroundColor: theme.palette.background.default,\n}));\n\nconst HeaderSettingsDialog: React.FC<Props> = ({ onCloseDialog, isOpen }) => {\n const [value, setValue] = React.useState(0);\n\n const handleChange = (_event, newValue) => {\n setValue(newValue);\n };\n const configStore = getConfiguration();\n const { scope, base } = configStore;\n const { t } = useTranslation();\n const { configOptions } = useConfig();\n const customHelp = configOptions.help?.trim();\n return (\n <RegistryInfoDialog\n docsUrl={VERDACCIO_DOCS_URL}\n onClose={onCloseDialog}\n open={isOpen}\n title={t('dialog.settings.title')}\n >\n <Box sx={{ width: '100%' }}>\n <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>\n <Tabs aria-label=\"basic tabs example\" onChange={handleChange} value={value}>\n <Tab label={t('packageManagers.title')} {...a11yProps(0)} />\n <Tab\n data-testid=\"settings-publish-tab\"\n label={t('help.settings-tab')}\n {...a11yProps(1)}\n />\n <Tab label={t('language.title')} {...a11yProps(2)} />\n </Tabs>\n </Box>\n <TabPanel index={0} value={value}>\n <RegistryInfoContent registryUrl={base} scope={scope} />\n </TabPanel>\n {/* the welcome guide stays reachable once the registry has packages */}\n <TabPanel data-testid=\"settings-publish\" index={1} value={value}>\n {customHelp ? <CustomHelp markdown={customHelp} /> : <HelpGuide />}\n </TabPanel>\n <TabPanel index={2} value={value}>\n <TextContent>{t('language.description')}</TextContent>\n <LanguageSwitch />\n <ReactMarkdown components={externalLinkComponents}>\n {t('language.contribute')}\n </ReactMarkdown>\n </TabPanel>\n </Box>\n </RegistryInfoDialog>\n );\n};\n\nexport default HeaderSettingsDialog;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAuBA,SAAS,UAAU,OAAO;CACxB,OAAO;EACL,IAAI,cAAc;EAClB,iBAAiB,mBAAmB;CACtC;AACF;AAEA,SAAS,SAAS,OAAO;CACvB,MAAM,EAAE,UAAU,OAAO,OAAO,GAAG,UAAU;CAE7C,OACE,oBAAC,OAAD;EACE,mBAAiB,cAAc;EAC/B,QAAQ,UAAU;EAClB,IAAI,mBAAmB;EACvB,MAAK;EACL,GAAI;EAEH,UAAA,UAAU,SAAS,oBAAC,KAAD;GAAK,IAAI;IAAE,YAAY;IAAG,eAAe;GAAE;GAAI;EAAc,CAAA;CAC9E,CAAA;AAET;AAEA,IAAM,cAAc,OAAO,KAAK,CAAC,EAAqB,EAAE,aAAa;CACnE,SAAS;CACT,iBAAiB,MAAM,QAAQ,WAAW;AAC5C,EAAE;AAEF,IAAM,wBAAyC,EAAE,eAAe,aAAa;CAC3E,MAAM,CAAC,OAAO,YAAY,MAAM,SAAS,CAAC;CAE1C,MAAM,gBAAgB,QAAQ,aAAa;EACzC,SAAS,QAAQ;CACnB;CAEA,MAAM,EAAE,OAAO,SADK,iBACI;CACxB,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,kBAAkB,UAAU;CACpC,MAAM,aAAa,cAAc,MAAM,KAAK;CAC5C,OACE,oBAAC,oBAAD;EACE,SAAS;EACT,SAAS;EACT,MAAM;EACN,OAAO,EAAE,uBAAuB;EAEhC,UAAA,qBAAC,KAAD;GAAK,IAAI,EAAE,OAAO,OAAO;GAAzB,UAAA;IACE,oBAAC,KAAD;KAAK,IAAI;MAAE,cAAc;MAAG,aAAa;KAAU;KACjD,UAAA,qBAAC,MAAD;MAAM,cAAW;MAAqB,UAAU;MAAqB;MAArE,UAAA;OACE,oBAAC,KAAD;QAAK,OAAO,EAAE,uBAAuB;QAAG,GAAI,UAAU,CAAC;OAAI,CAAA;OAC3D,oBAAC,KAAD;QACE,eAAY;QACZ,OAAO,EAAE,mBAAmB;QAC5B,GAAI,UAAU,CAAC;OAChB,CAAA;OACD,oBAAC,KAAD;QAAK,OAAO,EAAE,gBAAgB;QAAG,GAAI,UAAU,CAAC;OAAI,CAAA;MAChD;;IACH,CAAA;IACL,oBAAC,UAAD;KAAU,OAAO;KAAU;KACzB,UAAA,oBAAC,qBAAD;MAAqB,aAAa;MAAa;KAAQ,CAAA;IAC/C,CAAA;IAEV,oBAAC,UAAD;KAAU,eAAY;KAAmB,OAAO;KAAU;KACvD,UAAA,aAAa,oBAAC,YAAD,EAAY,UAAU,WAAa,CAAA,IAAI,oBAAC,WAAD,CAAY,CAAA;IACzD,CAAA;IACV,qBAAC,UAAD;KAAU,OAAO;KAAU;KAA3B,UAAA;MACE,oBAAC,aAAD,EAAA,UAAc,EAAE,sBAAsB,EAAe,CAAA;MACrD,oBAAC,gBAAD,CAAiB,CAAA;MACjB,oBAAC,eAAD;OAAe,YAAY;OACxB,UAAA,EAAE,qBAAqB;MACX,CAAA;KACP;;GACP;;CACa,CAAA;AAExB"}

package/build/sections/Header/RegistryInfoContent/RegistryInfoContent.d.ts CHANGED Viewed

@@ -4,6 +4,7 @@ export declare const NODE_MANAGER: {
     npm: string;
     yarn: string;
     pnpm: string;
+    bun: string;
 };
 export declare const AccordionContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
@@ -13,10 +14,6 @@ export declare const CommandContainer: import("@emotion/styled").StyledComponent
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const LinkContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export type Props = {
     registryUrl: string;
     scope: string | undefined;

package/build/sections/Header/RegistryInfoContent/RegistryInfoContent.js CHANGED Viewed

@@ -2,6 +2,7 @@ const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
 const require_CopyToClipBoard = require("../../../components/CopyClipboard/CopyToClipBoard.js");
 const require_cli_utils = require("../../../utils/cli-utils.js");
 const require_AppConfigurationProvider = require("../../../providers/AppConfigurationProvider/AppConfigurationProvider.js");
+const require_markdown = require("../../../utils/markdown.js");
 const require_styles = require("./styles.js");
 require("../../../index.js");
 let _emotion_styled = require("@emotion/styled");
@@ -12,8 +13,6 @@ let react_i18next = require("react-i18next");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _mui_material_Box = require("@mui/material/Box");
 _mui_material_Box = require_runtime.__toESM(_mui_material_Box);
-let _mui_material_Link = require("@mui/material/Link");
-_mui_material_Link = require_runtime.__toESM(_mui_material_Link);
 let _mui_material_Typography = require("@mui/material/Typography");
 _mui_material_Typography = require_runtime.__toESM(_mui_material_Typography);
 let react_markdown = require("react-markdown");
@@ -30,7 +29,8 @@ _mui_material_AccordionSummary = require_runtime.__toESM(_mui_material_Accordion
 var NODE_MANAGER = {
 	npm: "npm",
 	yarn: "yarn",
-	pnpm: "pnpm"
+	pnpm: "pnpm",
+	bun: "bun"
 };
 var renderNpmTab = (scope, registryUrl) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_Box.default, {
@@ -92,22 +92,59 @@ var renderYarnBerryTab = (scope, registryUrl) => {
 		})
 	});
 };
+var renderBunTab = (scope, registryUrl) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_Box.default, {
+		display: "flex",
+		flexDirection: "column",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CopyToClipBoard.default, {
+			dataTestId: "copy",
+			text: require_cli_utils.getBunfigRegistry(scope, registryUrl)
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CopyToClipBoard.default, {
+			dataTestId: "copy",
+			text: require_cli_utils.getCLISetRegistry(`${NODE_MANAGER.bun} publish`, registryUrl)
+		})]
+	});
+};
+var PLACEHOLDER_SCOPE = "@your-scope";
+var renderMinReleaseAgeTab = (managers, scope, t) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Box.default, {
+	display: "flex",
+	flexDirection: "column",
+	children: managers.map((manager) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_Box.default, {
+		"data-testid": `min-release-age-${manager}`,
+		sx: { mb: 2 },
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Typography.default, {
+				sx: { fontWeight: "bold" },
+				children: manager
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.Description, { children: t(`packageManagers.minReleaseAge.${manager}`) }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CopyToClipBoard.default, {
+				dataTestId: "copy",
+				text: require_cli_utils.getMinReleaseAgeConfig(manager, scope)
+			})
+		]
+	}, manager))
+});
 var AccordionContainer = (0, _emotion_styled.default)("div")({
 	padding: 0,
 	paddingLeft: 0,
 	paddingRight: 0
 });
 var CommandContainer = (0, _emotion_styled.default)("div")({ padding: 5 });
-var LinkContainer = (0, _emotion_styled.default)("div")({
-	margin: 10,
-	marginLeft: 0
-});
 var RegistryInfoContent = ({ scope, registryUrl }) => {
 	const { t } = (0, react_i18next.useTranslation)();
 	const { configOptions } = require_AppConfigurationProvider.useConfig();
 	const hasNpm = configOptions?.pkgManagers?.includes("npm");
 	const hasYarn = configOptions?.pkgManagers?.includes("yarn");
 	const hasPnpm = configOptions?.pkgManagers?.includes("pnpm");
+	const hasBun = configOptions?.pkgManagers?.includes("bun");
+	const minAgeManagers = [
+		"npm",
+		"pnpm",
+		"yarn",
+		"bun"
+	].filter((manager) => configOptions?.pkgManagers?.includes(manager));
+	const exampleScope = scope || PLACEHOLDER_SCOPE;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.TextContent, { children: t("packageManagers.description") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(AccordionContainer, { children: [
 		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_Accordion.default, {
 			disabled: !hasNpm,
@@ -141,12 +178,18 @@ var RegistryInfoContent = ({ scope, registryUrl }) => {
 					children: "yarn"
 				})
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_AccordionDetails.default, { children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.Description, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_markdown.default, { children: t("packageManagers.yarnclassicDetails") }) }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.Description, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_markdown.default, {
+					components: require_markdown.externalLinkComponents,
+					children: t("packageManagers.yarnclassicDetails")
+				}) }),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CommandContainer, {
 					"data-testid": "tab-content",
 					children: renderYarnTab(scope, registryUrl)
 				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.Description, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_markdown.default, { children: t("packageManagers.yarnBerryDetails") }) }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.Description, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_markdown.default, {
+					components: require_markdown.externalLinkComponents,
+					children: t("packageManagers.yarnBerryDetails")
+				}) }),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CommandContainer, {
 					"data-testid": "tab-content",
 					children: renderYarnBerryTab(scope, registryUrl)
@@ -171,17 +214,57 @@ var RegistryInfoContent = ({ scope, registryUrl }) => {
 				children: renderPnpmTab(scope, registryUrl)
 			}) })]
 		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LinkContainer, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Link.default, {
-			href: "https://verdaccio.org/docs/cli-registry",
-			target: "_blank",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Typography.default, { children: t("header.registry-info-link") })
-		}) })
+		hasBun && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_Accordion.default, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_AccordionSummary.default, {
+			"aria-controls": "panel4a-content",
+			expandIcon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_icons_material_ExpandMore.default, {}),
+			id: "panel4a-header",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Typography.default, {
+				sx: {
+					fontSize: "1rem",
+					fontWeight: "bold"
+				},
+				children: "bun"
+			})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_AccordionDetails.default, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.Description, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_markdown.default, {
+			components: require_markdown.externalLinkComponents,
+			children: t("packageManagers.bunDetails")
+		}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CommandContainer, {
+			"data-testid": "tab-content",
+			children: renderBunTab(scope, registryUrl)
+		})] })] }),
+		minAgeManagers.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_Accordion.default, {
+			"data-testid": "min-release-age",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_AccordionSummary.default, {
+				"aria-controls": "panel5a-content",
+				expandIcon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_icons_material_ExpandMore.default, {}),
+				id: "panel5a-header",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Typography.default, {
+					sx: {
+						fontSize: "1rem",
+						fontWeight: "bold"
+					},
+					children: t("packageManagers.minReleaseAge.title")
+				})
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_AccordionDetails.default, { children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.Description, { children: t("packageManagers.minReleaseAge.description", {
+					days: 3,
+					scope: exampleScope
+				}) }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CommandContainer, {
+					"data-testid": "tab-content",
+					children: renderMinReleaseAgeTab(minAgeManagers, exampleScope, t)
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.Description, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_markdown.default, {
+					components: require_markdown.externalLinkComponents,
+					children: t("packageManagers.minReleaseAge.registry")
+				}) })
+			] })]
+		})
 	] })] });
 };
 //#endregion
 exports.AccordionContainer = AccordionContainer;
 exports.CommandContainer = CommandContainer;
-exports.LinkContainer = LinkContainer;
 exports.NODE_MANAGER = NODE_MANAGER;
 exports.default = RegistryInfoContent;

package/build/sections/Header/RegistryInfoContent/RegistryInfoContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RegistryInfoContent.js","names":["Box","CopyClipboard","getCLISetConfigRegistry","getCLISetRegistry","getCLIChangePassword","getCLISBerryYamlRegistry","styled","useTranslation","useConfig","_Fragment","TextContent","Accordion","AccordionSummary","ExpandMoreIcon","Typography","AccordionDetails","Description","ReactMarkdown","Link"],"sources":["../../../../src/sections/Header/RegistryInfoContent/RegistryInfoContent.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\nimport Accordion from '@mui/material/Accordion';\nimport AccordionDetails from '@mui/material/AccordionDetails';\nimport AccordionSummary from '@mui/material/AccordionSummary';\nimport Box from '@mui/material/Box';\nimport Link from '@mui/material/Link';\nimport Typography from '@mui/material/Typography';\nimport type { FC } from 'react';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport ReactMarkdown from 'react-markdown';\n\nimport {\n CopyClipboard,\n getCLIChangePassword,\n getCLISBerryYamlRegistry,\n getCLISetConfigRegistry,\n getCLISetRegistry,\n useConfig,\n} from '../../../';\nimport { Description, TextContent } from './styles';\n\nexport const NODE_MANAGER = {\n npm: 'npm',\n yarn: 'yarn',\n pnpm: 'pnpm',\n};\n\nconst renderNpmTab = (scope: string \| undefined, registryUrl: string): React.JSX.Element => {\n return (\n <Box display=\"flex\" flexDirection=\"column\">\n <CopyClipboard\n dataTestId=\"copy\"\n text={getCLISetConfigRegistry(`${NODE_MANAGER.npm} set`, scope, registryUrl)}\n />\n <CopyClipboard\n dataTestId=\"copy\"\n text={getCLISetRegistry(`${NODE_MANAGER.npm} adduser`, registryUrl)}\n />\n <CopyClipboard dataTestId=\"copy\" text={getCLIChangePassword(NODE_MANAGER.npm, registryUrl)} />\n </Box>\n );\n};\n\nconst renderPnpmTab = (scope: string \| undefined, registryUrl: string): React.JSX.Element => {\n return (\n <Box display=\"flex\" flexDirection=\"column\">\n <CopyClipboard\n dataTestId=\"copy\"\n text={getCLISetConfigRegistry(`${NODE_MANAGER.pnpm} set`, scope, registryUrl)}\n />\n <CopyClipboard\n dataTestId=\"copy\"\n text={getCLISetRegistry(`${NODE_MANAGER.pnpm} adduser`, registryUrl)}\n />\n <CopyClipboard\n dataTestId=\"copy\"\n text={getCLIChangePassword(NODE_MANAGER.pnpm, registryUrl)}\n />\n </Box>\n );\n};\n\nconst renderYarnTab = (scope: string \| undefined, registryUrl: string): React.JSX.Element => {\n return (\n <Box display=\"flex\" flexDirection=\"column\">\n <CopyClipboard\n dataTestId=\"copy\"\n text={getCLISetConfigRegistry(`${NODE_MANAGER.yarn} config set`, scope, registryUrl)}\n />\n </Box>\n );\n};\n\nconst renderYarnBerryTab = (scope: string \| undefined, registryUrl: string): React.JSX.Element => {\n return (\n <Box display=\"flex\" flexDirection=\"column\">\n <CopyClipboard dataTestId=\"copy\" text={getCLISBerryYamlRegistry(scope, registryUrl)} />\n </Box>\n );\n};\n\nexport const AccordionContainer = styled('div')({\n padding: 0,\n paddingLeft: 0,\n paddingRight: 0,\n});\n\nexport const CommandContainer = styled('div')({\n padding: 5,\n});\n\nexport const LinkContainer = styled('div')({\n margin: 10,\n marginLeft: 0,\n});\n\nexport type Props = {\n registryUrl: string;\n scope: string \| undefined;\n};\n\nconst RegistryInfoContent: FC<Props> = ({ scope, registryUrl }) => {\n const { t } = useTranslation();\n const { configOptions } = useConfig();\n\n const hasNpm = configOptions?.pkgManagers?.includes('npm');\n const hasYarn = configOptions?.pkgManagers?.includes('yarn');\n const hasPnpm = configOptions?.pkgManagers?.includes('pnpm');\n // TODO: we can improve this logic, expanding only one accordion based on which package manager is enabled\n // feel free to contribute here\n return (\n <>\n <TextContent>{t('packageManagers.description')}</TextContent>\n <AccordionContainer>\n <Accordion disabled={!hasNpm}>\n <AccordionSummary\n aria-controls=\"panel1a-content\"\n expandIcon={<ExpandMoreIcon />}\n id=\"panel1a-header\"\n >\n <Typography sx={{ fontSize: '1rem', fontWeight: 'bold' }}>{'npm'}</Typography>\n </AccordionSummary>\n <AccordionDetails>\n <CommandContainer data-testid={'tab-content'}>\n {renderNpmTab(scope, registryUrl)}\n </CommandContainer>\n </AccordionDetails>\n </Accordion>\n <Accordion disabled={!hasYarn}>\n <AccordionSummary\n aria-controls=\"panel2a-content\"\n expandIcon={<ExpandMoreIcon />}\n id=\"panel2a-header\"\n >\n <Typography sx={{ fontSize: '1rem', fontWeight: 'bold' }}>{'yarn'}</Typography>\n </AccordionSummary>\n <AccordionDetails>\n <Description>\n <ReactMarkdown>{t('packageManagers.yarnclassicDetails')}</ReactMarkdown>\n </Description>\n <CommandContainer data-testid={'tab-content'}>\n {renderYarnTab(scope, registryUrl)}\n </CommandContainer>\n <Description>\n <ReactMarkdown>{t('packageManagers.yarnBerryDetails')}</ReactMarkdown>\n </Description>\n <CommandContainer data-testid={'tab-content'}>\n {renderYarnBerryTab(scope, registryUrl)}\n </CommandContainer>\n </AccordionDetails>\n </Accordion>\n\n <Accordion disabled={!hasPnpm}>\n <AccordionSummary\n aria-controls=\"panel3a-content\"\n expandIcon={<ExpandMoreIcon />}\n id=\"panel3a-header\"\n >\n <Typography sx={{ fontSize: '1rem', fontWeight: 'bold' }}>{'pnpm'}</Typography>\n </AccordionSummary>\n <AccordionDetails>\n <CommandContainer data-testid={'tab-content'}>\n {renderPnpmTab(scope, registryUrl)}\n </CommandContainer>\n </AccordionDetails>\n </Accordion>\n\n <LinkContainer>\n <Link href=\"https://verdaccio.org/docs/cli-registry\" target=\"_blank\">\n <Typography>{t('header.registry-info-link')}</Typography>\n </Link>\n </LinkContainer>\n </AccordionContainer>\n </>\n );\n};\n\nexport default RegistryInfoContent;\n"],"mappings":"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"}
1	+ {"version":3,"file":"RegistryInfoContent.js","names":["Box","CopyClipboard","getCLISetConfigRegistry","getCLISetRegistry","getCLIChangePassword","getCLISBerryYamlRegistry","getBunfigRegistry","Typography","Description","getMinReleaseAgeConfig","styled","useTranslation","useConfig","_Fragment","TextContent","Accordion","AccordionSummary","ExpandMoreIcon","AccordionDetails","ReactMarkdown","externalLinkComponents"],"sources":["../../../../src/sections/Header/RegistryInfoContent/RegistryInfoContent.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\nimport Accordion from '@mui/material/Accordion';\nimport AccordionDetails from '@mui/material/AccordionDetails';\nimport AccordionSummary from '@mui/material/AccordionSummary';\nimport Box from '@mui/material/Box';\nimport Typography from '@mui/material/Typography';\nimport type { FC } from 'react';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport ReactMarkdown from 'react-markdown';\n\nimport {\n CopyClipboard,\n MIN_RELEASE_AGE_DAYS,\n getBunfigRegistry,\n getCLIChangePassword,\n getCLISBerryYamlRegistry,\n getCLISetConfigRegistry,\n getCLISetRegistry,\n getMinReleaseAgeConfig,\n useConfig,\n} from '../../../';\nimport { externalLinkComponents } from '../../../utils/markdown';\nimport { Description, TextContent } from './styles';\n\nexport const NODE_MANAGER = {\n npm: 'npm',\n yarn: 'yarn',\n pnpm: 'pnpm',\n bun: 'bun',\n};\n\nconst renderNpmTab = (scope: string \| undefined, registryUrl: string): React.JSX.Element => {\n return (\n <Box display=\"flex\" flexDirection=\"column\">\n <CopyClipboard\n dataTestId=\"copy\"\n text={getCLISetConfigRegistry(`${NODE_MANAGER.npm} set`, scope, registryUrl)}\n />\n <CopyClipboard\n dataTestId=\"copy\"\n text={getCLISetRegistry(`${NODE_MANAGER.npm} adduser`, registryUrl)}\n />\n <CopyClipboard dataTestId=\"copy\" text={getCLIChangePassword(NODE_MANAGER.npm, registryUrl)} />\n </Box>\n );\n};\n\nconst renderPnpmTab = (scope: string \| undefined, registryUrl: string): React.JSX.Element => {\n return (\n <Box display=\"flex\" flexDirection=\"column\">\n <CopyClipboard\n dataTestId=\"copy\"\n text={getCLISetConfigRegistry(`${NODE_MANAGER.pnpm} set`, scope, registryUrl)}\n />\n <CopyClipboard\n dataTestId=\"copy\"\n text={getCLISetRegistry(`${NODE_MANAGER.pnpm} adduser`, registryUrl)}\n />\n <CopyClipboard\n dataTestId=\"copy\"\n text={getCLIChangePassword(NODE_MANAGER.pnpm, registryUrl)}\n />\n </Box>\n );\n};\n\nconst renderYarnTab = (scope: string \| undefined, registryUrl: string): React.JSX.Element => {\n return (\n <Box display=\"flex\" flexDirection=\"column\">\n <CopyClipboard\n dataTestId=\"copy\"\n text={getCLISetConfigRegistry(`${NODE_MANAGER.yarn} config set`, scope, registryUrl)}\n />\n </Box>\n );\n};\n\nconst renderYarnBerryTab = (scope: string \| undefined, registryUrl: string): React.JSX.Element => {\n return (\n <Box display=\"flex\" flexDirection=\"column\">\n <CopyClipboard dataTestId=\"copy\" text={getCLISBerryYamlRegistry(scope, registryUrl)} />\n </Box>\n );\n};\n\nconst renderBunTab = (scope: string \| undefined, registryUrl: string): React.JSX.Element => {\n return (\n <Box display=\"flex\" flexDirection=\"column\">\n <CopyClipboard dataTestId=\"copy\" text={getBunfigRegistry(scope, registryUrl)} />\n <CopyClipboard\n dataTestId=\"copy\"\n text={getCLISetRegistry(`${NODE_MANAGER.bun} publish`, registryUrl)}\n />\n </Box>\n );\n};\n\n// shown when the registry sets no web.scope\nconst PLACEHOLDER_SCOPE = '@your-scope';\n\nconst renderMinReleaseAgeTab = (\n managers: string[],\n scope: string,\n t: (key: string) => string\n): React.JSX.Element => (\n <Box display=\"flex\" flexDirection=\"column\">\n {managers.map((manager) => (\n <Box data-testid={`min-release-age-${manager}`} key={manager} sx={{ mb: 2 }}>\n <Typography sx={{ fontWeight: 'bold' }}>{manager}</Typography>\n <Description>{t(`packageManagers.minReleaseAge.${manager}`)}</Description>\n <CopyClipboard dataTestId=\"copy\" text={getMinReleaseAgeConfig(manager, scope)} />\n </Box>\n ))}\n </Box>\n);\n\nexport const AccordionContainer = styled('div')({\n padding: 0,\n paddingLeft: 0,\n paddingRight: 0,\n});\n\nexport const CommandContainer = styled('div')({\n padding: 5,\n});\n\nexport type Props = {\n registryUrl: string;\n scope: string \| undefined;\n};\n\nconst RegistryInfoContent: FC<Props> = ({ scope, registryUrl }) => {\n const { t } = useTranslation();\n const { configOptions } = useConfig();\n\n const hasNpm = configOptions?.pkgManagers?.includes('npm');\n const hasYarn = configOptions?.pkgManagers?.includes('yarn');\n const hasPnpm = configOptions?.pkgManagers?.includes('pnpm');\n const hasBun = configOptions?.pkgManagers?.includes('bun');\n const minAgeManagers = ['npm', 'pnpm', 'yarn', 'bun'].filter((manager) =>\n configOptions?.pkgManagers?.includes(manager)\n );\n const exampleScope = scope \|\| PLACEHOLDER_SCOPE;\n // TODO: we can improve this logic, expanding only one accordion based on which package manager is enabled\n // feel free to contribute here\n return (\n <>\n <TextContent>{t('packageManagers.description')}</TextContent>\n <AccordionContainer>\n <Accordion disabled={!hasNpm}>\n <AccordionSummary\n aria-controls=\"panel1a-content\"\n expandIcon={<ExpandMoreIcon />}\n id=\"panel1a-header\"\n >\n <Typography sx={{ fontSize: '1rem', fontWeight: 'bold' }}>{'npm'}</Typography>\n </AccordionSummary>\n <AccordionDetails>\n <CommandContainer data-testid={'tab-content'}>\n {renderNpmTab(scope, registryUrl)}\n </CommandContainer>\n </AccordionDetails>\n </Accordion>\n <Accordion disabled={!hasYarn}>\n <AccordionSummary\n aria-controls=\"panel2a-content\"\n expandIcon={<ExpandMoreIcon />}\n id=\"panel2a-header\"\n >\n <Typography sx={{ fontSize: '1rem', fontWeight: 'bold' }}>{'yarn'}</Typography>\n </AccordionSummary>\n <AccordionDetails>\n <Description>\n <ReactMarkdown components={externalLinkComponents}>\n {t('packageManagers.yarnclassicDetails')}\n </ReactMarkdown>\n </Description>\n <CommandContainer data-testid={'tab-content'}>\n {renderYarnTab(scope, registryUrl)}\n </CommandContainer>\n <Description>\n <ReactMarkdown components={externalLinkComponents}>\n {t('packageManagers.yarnBerryDetails')}\n </ReactMarkdown>\n </Description>\n <CommandContainer data-testid={'tab-content'}>\n {renderYarnBerryTab(scope, registryUrl)}\n </CommandContainer>\n </AccordionDetails>\n </Accordion>\n\n <Accordion disabled={!hasPnpm}>\n <AccordionSummary\n aria-controls=\"panel3a-content\"\n expandIcon={<ExpandMoreIcon />}\n id=\"panel3a-header\"\n >\n <Typography sx={{ fontSize: '1rem', fontWeight: 'bold' }}>{'pnpm'}</Typography>\n </AccordionSummary>\n <AccordionDetails>\n <CommandContainer data-testid={'tab-content'}>\n {renderPnpmTab(scope, registryUrl)}\n </CommandContainer>\n </AccordionDetails>\n </Accordion>\n\n {hasBun && (\n <Accordion>\n <AccordionSummary\n aria-controls=\"panel4a-content\"\n expandIcon={<ExpandMoreIcon />}\n id=\"panel4a-header\"\n >\n <Typography sx={{ fontSize: '1rem', fontWeight: 'bold' }}>{'bun'}</Typography>\n </AccordionSummary>\n <AccordionDetails>\n <Description>\n <ReactMarkdown components={externalLinkComponents}>\n {t('packageManagers.bunDetails')}\n </ReactMarkdown>\n </Description>\n <CommandContainer data-testid={'tab-content'}>\n {renderBunTab(scope, registryUrl)}\n </CommandContainer>\n </AccordionDetails>\n </Accordion>\n )}\n\n {minAgeManagers.length > 0 && (\n <Accordion data-testid=\"min-release-age\">\n <AccordionSummary\n aria-controls=\"panel5a-content\"\n expandIcon={<ExpandMoreIcon />}\n id=\"panel5a-header\"\n >\n <Typography sx={{ fontSize: '1rem', fontWeight: 'bold' }}>\n {t('packageManagers.minReleaseAge.title')}\n </Typography>\n </AccordionSummary>\n <AccordionDetails>\n <Description>\n {t('packageManagers.minReleaseAge.description', {\n days: MIN_RELEASE_AGE_DAYS,\n scope: exampleScope,\n })}\n </Description>\n <CommandContainer data-testid={'tab-content'}>\n {renderMinReleaseAgeTab(minAgeManagers, exampleScope, t)}\n </CommandContainer>\n <Description>\n <ReactMarkdown components={externalLinkComponents}>\n {t('packageManagers.minReleaseAge.registry')}\n </ReactMarkdown>\n </Description>\n </AccordionDetails>\n </Accordion>\n )}\n </AccordionContainer>\n </>\n );\n};\n\nexport default RegistryInfoContent;\n"],"mappings":"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"}

package/build/sections/Header/RegistryInfoContent/RegistryInfoContent.mjs CHANGED Viewed

@@ -1,6 +1,7 @@
 import CopyToClipBoard from "../../../components/CopyClipboard/CopyToClipBoard.mjs";
-import { getCLIChangePassword, getCLISBerryYamlRegistry, getCLISetConfigRegistry, getCLISetRegistry } from "../../../utils/cli-utils.mjs";
+import { getBunfigRegistry, getCLIChangePassword, getCLISBerryYamlRegistry, getCLISetConfigRegistry, getCLISetRegistry, getMinReleaseAgeConfig } from "../../../utils/cli-utils.mjs";
 import { useConfig } from "../../../providers/AppConfigurationProvider/AppConfigurationProvider.mjs";
+import { externalLinkComponents } from "../../../utils/markdown.mjs";
 import { Description, TextContent } from "./styles.mjs";
 import "../../../index.mjs";
 import styled from "@emotion/styled";
@@ -8,7 +9,6 @@ import "react";
 import { useTranslation } from "react-i18next";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import Box from "@mui/material/Box";
-import Link from "@mui/material/Link";
 import Typography from "@mui/material/Typography";
 import ReactMarkdown from "react-markdown";
 import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
@@ -19,7 +19,8 @@ import AccordionSummary from "@mui/material/AccordionSummary";
 var NODE_MANAGER = {
 	npm: "npm",
 	yarn: "yarn",
-	pnpm: "pnpm"
+	pnpm: "pnpm",
+	bun: "bun"
 };
 var renderNpmTab = (scope, registryUrl) => {
 	return /* @__PURE__ */ jsxs(Box, {
@@ -81,22 +82,59 @@ var renderYarnBerryTab = (scope, registryUrl) => {
 		})
 	});
 };
+var renderBunTab = (scope, registryUrl) => {
+	return /* @__PURE__ */ jsxs(Box, {
+		display: "flex",
+		flexDirection: "column",
+		children: [/* @__PURE__ */ jsx(CopyToClipBoard, {
+			dataTestId: "copy",
+			text: getBunfigRegistry(scope, registryUrl)
+		}), /* @__PURE__ */ jsx(CopyToClipBoard, {
+			dataTestId: "copy",
+			text: getCLISetRegistry(`${NODE_MANAGER.bun} publish`, registryUrl)
+		})]
+	});
+};
+var PLACEHOLDER_SCOPE = "@your-scope";
+var renderMinReleaseAgeTab = (managers, scope, t) => /* @__PURE__ */ jsx(Box, {
+	display: "flex",
+	flexDirection: "column",
+	children: managers.map((manager) => /* @__PURE__ */ jsxs(Box, {
+		"data-testid": `min-release-age-${manager}`,
+		sx: { mb: 2 },
+		children: [
+			/* @__PURE__ */ jsx(Typography, {
+				sx: { fontWeight: "bold" },
+				children: manager
+			}),
+			/* @__PURE__ */ jsx(Description, { children: t(`packageManagers.minReleaseAge.${manager}`) }),
+			/* @__PURE__ */ jsx(CopyToClipBoard, {
+				dataTestId: "copy",
+				text: getMinReleaseAgeConfig(manager, scope)
+			})
+		]
+	}, manager))
+});
 var AccordionContainer = styled("div")({
 	padding: 0,
 	paddingLeft: 0,
 	paddingRight: 0
 });
 var CommandContainer = styled("div")({ padding: 5 });
-var LinkContainer = styled("div")({
-	margin: 10,
-	marginLeft: 0
-});
 var RegistryInfoContent = ({ scope, registryUrl }) => {
 	const { t } = useTranslation();
 	const { configOptions } = useConfig();
 	const hasNpm = configOptions?.pkgManagers?.includes("npm");
 	const hasYarn = configOptions?.pkgManagers?.includes("yarn");
 	const hasPnpm = configOptions?.pkgManagers?.includes("pnpm");
+	const hasBun = configOptions?.pkgManagers?.includes("bun");
+	const minAgeManagers = [
+		"npm",
+		"pnpm",
+		"yarn",
+		"bun"
+	].filter((manager) => configOptions?.pkgManagers?.includes(manager));
+	const exampleScope = scope || PLACEHOLDER_SCOPE;
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(TextContent, { children: t("packageManagers.description") }), /* @__PURE__ */ jsxs(AccordionContainer, { children: [
 		/* @__PURE__ */ jsxs(Accordion, {
 			disabled: !hasNpm,
@@ -130,12 +168,18 @@ var RegistryInfoContent = ({ scope, registryUrl }) => {
 					children: "yarn"
 				})
 			}), /* @__PURE__ */ jsxs(AccordionDetails, { children: [
-				/* @__PURE__ */ jsx(Description, { children: /* @__PURE__ */ jsx(ReactMarkdown, { children: t("packageManagers.yarnclassicDetails") }) }),
+				/* @__PURE__ */ jsx(Description, { children: /* @__PURE__ */ jsx(ReactMarkdown, {
+					components: externalLinkComponents,
+					children: t("packageManagers.yarnclassicDetails")
+				}) }),
 				/* @__PURE__ */ jsx(CommandContainer, {
 					"data-testid": "tab-content",
 					children: renderYarnTab(scope, registryUrl)
 				}),
-				/* @__PURE__ */ jsx(Description, { children: /* @__PURE__ */ jsx(ReactMarkdown, { children: t("packageManagers.yarnBerryDetails") }) }),
+				/* @__PURE__ */ jsx(Description, { children: /* @__PURE__ */ jsx(ReactMarkdown, {
+					components: externalLinkComponents,
+					children: t("packageManagers.yarnBerryDetails")
+				}) }),
 				/* @__PURE__ */ jsx(CommandContainer, {
 					"data-testid": "tab-content",
 					children: renderYarnBerryTab(scope, registryUrl)
@@ -160,14 +204,55 @@ var RegistryInfoContent = ({ scope, registryUrl }) => {
 				children: renderPnpmTab(scope, registryUrl)
 			}) })]
 		}),
-		/* @__PURE__ */ jsx(LinkContainer, { children: /* @__PURE__ */ jsx(Link, {
-			href: "https://verdaccio.org/docs/cli-registry",
-			target: "_blank",
-			children: /* @__PURE__ */ jsx(Typography, { children: t("header.registry-info-link") })
-		}) })
+		hasBun && /* @__PURE__ */ jsxs(Accordion, { children: [/* @__PURE__ */ jsx(AccordionSummary, {
+			"aria-controls": "panel4a-content",
+			expandIcon: /* @__PURE__ */ jsx(ExpandMoreIcon, {}),
+			id: "panel4a-header",
+			children: /* @__PURE__ */ jsx(Typography, {
+				sx: {
+					fontSize: "1rem",
+					fontWeight: "bold"
+				},
+				children: "bun"
+			})
+		}), /* @__PURE__ */ jsxs(AccordionDetails, { children: [/* @__PURE__ */ jsx(Description, { children: /* @__PURE__ */ jsx(ReactMarkdown, {
+			components: externalLinkComponents,
+			children: t("packageManagers.bunDetails")
+		}) }), /* @__PURE__ */ jsx(CommandContainer, {
+			"data-testid": "tab-content",
+			children: renderBunTab(scope, registryUrl)
+		})] })] }),
+		minAgeManagers.length > 0 && /* @__PURE__ */ jsxs(Accordion, {
+			"data-testid": "min-release-age",
+			children: [/* @__PURE__ */ jsx(AccordionSummary, {
+				"aria-controls": "panel5a-content",
+				expandIcon: /* @__PURE__ */ jsx(ExpandMoreIcon, {}),
+				id: "panel5a-header",
+				children: /* @__PURE__ */ jsx(Typography, {
+					sx: {
+						fontSize: "1rem",
+						fontWeight: "bold"
+					},
+					children: t("packageManagers.minReleaseAge.title")
+				})
+			}), /* @__PURE__ */ jsxs(AccordionDetails, { children: [
+				/* @__PURE__ */ jsx(Description, { children: t("packageManagers.minReleaseAge.description", {
+					days: 3,
+					scope: exampleScope
+				}) }),
+				/* @__PURE__ */ jsx(CommandContainer, {
+					"data-testid": "tab-content",
+					children: renderMinReleaseAgeTab(minAgeManagers, exampleScope, t)
+				}),
+				/* @__PURE__ */ jsx(Description, { children: /* @__PURE__ */ jsx(ReactMarkdown, {
+					components: externalLinkComponents,
+					children: t("packageManagers.minReleaseAge.registry")
+				}) })
+			] })]
+		})
 	] })] });
 };
 //#endregion
-export { AccordionContainer, CommandContainer, LinkContainer, NODE_MANAGER, RegistryInfoContent as default };
+export { AccordionContainer, CommandContainer, NODE_MANAGER, RegistryInfoContent as default };
 //# sourceMappingURL=RegistryInfoContent.mjs.map

package/build/sections/Header/RegistryInfoContent/RegistryInfoContent.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RegistryInfoContent.mjs","names":["CopyClipboard","_Fragment"],"sources":["../../../../src/sections/Header/RegistryInfoContent/RegistryInfoContent.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\nimport Accordion from '@mui/material/Accordion';\nimport AccordionDetails from '@mui/material/AccordionDetails';\nimport AccordionSummary from '@mui/material/AccordionSummary';\nimport Box from '@mui/material/Box';\nimport Link from '@mui/material/Link';\nimport Typography from '@mui/material/Typography';\nimport type { FC } from 'react';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport ReactMarkdown from 'react-markdown';\n\nimport {\n CopyClipboard,\n getCLIChangePassword,\n getCLISBerryYamlRegistry,\n getCLISetConfigRegistry,\n getCLISetRegistry,\n useConfig,\n} from '../../../';\nimport { Description, TextContent } from './styles';\n\nexport const NODE_MANAGER = {\n npm: 'npm',\n yarn: 'yarn',\n pnpm: 'pnpm',\n};\n\nconst renderNpmTab = (scope: string \| undefined, registryUrl: string): React.JSX.Element => {\n return (\n <Box display=\"flex\" flexDirection=\"column\">\n <CopyClipboard\n dataTestId=\"copy\"\n text={getCLISetConfigRegistry(`${NODE_MANAGER.npm} set`, scope, registryUrl)}\n />\n <CopyClipboard\n dataTestId=\"copy\"\n text={getCLISetRegistry(`${NODE_MANAGER.npm} adduser`, registryUrl)}\n />\n <CopyClipboard dataTestId=\"copy\" text={getCLIChangePassword(NODE_MANAGER.npm, registryUrl)} />\n </Box>\n );\n};\n\nconst renderPnpmTab = (scope: string \| undefined, registryUrl: string): React.JSX.Element => {\n return (\n <Box display=\"flex\" flexDirection=\"column\">\n <CopyClipboard\n dataTestId=\"copy\"\n text={getCLISetConfigRegistry(`${NODE_MANAGER.pnpm} set`, scope, registryUrl)}\n />\n <CopyClipboard\n dataTestId=\"copy\"\n text={getCLISetRegistry(`${NODE_MANAGER.pnpm} adduser`, registryUrl)}\n />\n <CopyClipboard\n dataTestId=\"copy\"\n text={getCLIChangePassword(NODE_MANAGER.pnpm, registryUrl)}\n />\n </Box>\n );\n};\n\nconst renderYarnTab = (scope: string \| undefined, registryUrl: string): React.JSX.Element => {\n return (\n <Box display=\"flex\" flexDirection=\"column\">\n <CopyClipboard\n dataTestId=\"copy\"\n text={getCLISetConfigRegistry(`${NODE_MANAGER.yarn} config set`, scope, registryUrl)}\n />\n </Box>\n );\n};\n\nconst renderYarnBerryTab = (scope: string \| undefined, registryUrl: string): React.JSX.Element => {\n return (\n <Box display=\"flex\" flexDirection=\"column\">\n <CopyClipboard dataTestId=\"copy\" text={getCLISBerryYamlRegistry(scope, registryUrl)} />\n </Box>\n );\n};\n\nexport const AccordionContainer = styled('div')({\n padding: 0,\n paddingLeft: 0,\n paddingRight: 0,\n});\n\nexport const CommandContainer = styled('div')({\n padding: 5,\n});\n\nexport const LinkContainer = styled('div')({\n margin: 10,\n marginLeft: 0,\n});\n\nexport type Props = {\n registryUrl: string;\n scope: string \| undefined;\n};\n\nconst RegistryInfoContent: FC<Props> = ({ scope, registryUrl }) => {\n const { t } = useTranslation();\n const { configOptions } = useConfig();\n\n const hasNpm = configOptions?.pkgManagers?.includes('npm');\n const hasYarn = configOptions?.pkgManagers?.includes('yarn');\n const hasPnpm = configOptions?.pkgManagers?.includes('pnpm');\n // TODO: we can improve this logic, expanding only one accordion based on which package manager is enabled\n // feel free to contribute here\n return (\n <>\n <TextContent>{t('packageManagers.description')}</TextContent>\n <AccordionContainer>\n <Accordion disabled={!hasNpm}>\n <AccordionSummary\n aria-controls=\"panel1a-content\"\n expandIcon={<ExpandMoreIcon />}\n id=\"panel1a-header\"\n >\n <Typography sx={{ fontSize: '1rem', fontWeight: 'bold' }}>{'npm'}</Typography>\n </AccordionSummary>\n <AccordionDetails>\n <CommandContainer data-testid={'tab-content'}>\n {renderNpmTab(scope, registryUrl)}\n </CommandContainer>\n </AccordionDetails>\n </Accordion>\n <Accordion disabled={!hasYarn}>\n <AccordionSummary\n aria-controls=\"panel2a-content\"\n expandIcon={<ExpandMoreIcon />}\n id=\"panel2a-header\"\n >\n <Typography sx={{ fontSize: '1rem', fontWeight: 'bold' }}>{'yarn'}</Typography>\n </AccordionSummary>\n <AccordionDetails>\n <Description>\n <ReactMarkdown>{t('packageManagers.yarnclassicDetails')}</ReactMarkdown>\n </Description>\n <CommandContainer data-testid={'tab-content'}>\n {renderYarnTab(scope, registryUrl)}\n </CommandContainer>\n <Description>\n <ReactMarkdown>{t('packageManagers.yarnBerryDetails')}</ReactMarkdown>\n </Description>\n <CommandContainer data-testid={'tab-content'}>\n {renderYarnBerryTab(scope, registryUrl)}\n </CommandContainer>\n </AccordionDetails>\n </Accordion>\n\n <Accordion disabled={!hasPnpm}>\n <AccordionSummary\n aria-controls=\"panel3a-content\"\n expandIcon={<ExpandMoreIcon />}\n id=\"panel3a-header\"\n >\n <Typography sx={{ fontSize: '1rem', fontWeight: 'bold' }}>{'pnpm'}</Typography>\n </AccordionSummary>\n <AccordionDetails>\n <CommandContainer data-testid={'tab-content'}>\n {renderPnpmTab(scope, registryUrl)}\n </CommandContainer>\n </AccordionDetails>\n </Accordion>\n\n <LinkContainer>\n <Link href=\"https://verdaccio.org/docs/cli-registry\" target=\"_blank\">\n <Typography>{t('header.registry-info-link')}</Typography>\n </Link>\n </LinkContainer>\n </AccordionContainer>\n </>\n );\n};\n\nexport default RegistryInfoContent;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAuBA,IAAa,eAAe;CAC1B,KAAK;CACL,MAAM;CACN,MAAM;AACR;AAEA,IAAM,gBAAgB,OAA2B,gBAA2C;CAC1F,OACE,qBAAC,KAAD;EAAK,SAAQ;EAAO,eAAc;EAAlC,UAAA;GACE,oBAACA,iBAAD;IACE,YAAW;IACX,MAAM,wBAAwB,GAAG,aAAa,IAAI,OAAO,OAAO,WAAW;GAC5E,CAAA;GACD,oBAACA,iBAAD;IACE,YAAW;IACX,MAAM,kBAAkB,GAAG,aAAa,IAAI,WAAW,WAAW;GACnE,CAAA;GACD,oBAACA,iBAAD;IAAe,YAAW;IAAO,MAAM,qBAAqB,aAAa,KAAK,WAAW;GAAI,CAAA;EAC1F;;AAET;AAEA,IAAM,iBAAiB,OAA2B,gBAA2C;CAC3F,OACE,qBAAC,KAAD;EAAK,SAAQ;EAAO,eAAc;EAAlC,UAAA;GACE,oBAACA,iBAAD;IACE,YAAW;IACX,MAAM,wBAAwB,GAAG,aAAa,KAAK,OAAO,OAAO,WAAW;GAC7E,CAAA;GACD,oBAACA,iBAAD;IACE,YAAW;IACX,MAAM,kBAAkB,GAAG,aAAa,KAAK,WAAW,WAAW;GACpE,CAAA;GACD,oBAACA,iBAAD;IACE,YAAW;IACX,MAAM,qBAAqB,aAAa,MAAM,WAAW;GAC1D,CAAA;EACE;;AAET;AAEA,IAAM,iBAAiB,OAA2B,gBAA2C;CAC3F,OACE,oBAAC,KAAD;EAAK,SAAQ;EAAO,eAAc;EAChC,UAAA,oBAACA,iBAAD;GACE,YAAW;GACX,MAAM,wBAAwB,GAAG,aAAa,KAAK,cAAc,OAAO,WAAW;EACpF,CAAA;CACE,CAAA;AAET;AAEA,IAAM,sBAAsB,OAA2B,gBAA2C;CAChG,OACE,oBAAC,KAAD;EAAK,SAAQ;EAAO,eAAc;EAChC,UAAA,oBAACA,iBAAD;GAAe,YAAW;GAAO,MAAM,yBAAyB,OAAO,WAAW;EAAI,CAAA;CACnF,CAAA;AAET;AAEA,IAAa,qBAAqB,OAAO,KAAK,CAAC,CAAC;CAC9C,SAAS;CACT,aAAa;CACb,cAAc;AAChB,CAAC;AAED,IAAa,mBAAmB,OAAO,KAAK,CAAC,CAAC,EAC5C,SAAS,EACX,CAAC;AAED,IAAa,gBAAgB,OAAO,KAAK,CAAC,CAAC;CACzC,QAAQ;CACR,YAAY;AACd,CAAC;AAOD,IAAM,uBAAkC,EAAE,OAAO,kBAAkB;CACjE,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,kBAAkB,UAAU;CAEpC,MAAM,SAAS,eAAe,aAAa,SAAS,KAAK;CACzD,MAAM,UAAU,eAAe,aAAa,SAAS,MAAM;CAC3D,MAAM,UAAU,eAAe,aAAa,SAAS,MAAM;CAG3D,OACE,qBAAAC,YAAA,EAAA,UAAA,CACE,oBAAC,aAAD,EAAA,UAAc,EAAE,6BAA6B,EAAe,CAAA,GAC5D,qBAAC,oBAAD,EAAA,UAAA;EACE,qBAAC,WAAD;GAAW,UAAU,CAAC;GAAtB,UAAA,CACE,oBAAC,kBAAD;IACE,iBAAc;IACd,YAAY,oBAAC,gBAAD,CAAiB,CAAA;IAC7B,IAAG;IAEH,UAAA,oBAAC,YAAD;KAAY,IAAI;MAAE,UAAU;MAAQ,YAAY;KAAO;KAAI,UAAA;IAAkB,CAAA;GAC7D,CAAA,GAClB,oBAAC,kBAAD,EAAA,UACE,oBAAC,kBAAD;IAAkB,eAAa;IAC5B,UAAA,aAAa,OAAO,WAAW;GAChB,CAAA,EACF,CAAA,CACT;;EACX,qBAAC,WAAD;GAAW,UAAU,CAAC;GAAtB,UAAA,CACE,oBAAC,kBAAD;IACE,iBAAc;IACd,YAAY,oBAAC,gBAAD,CAAiB,CAAA;IAC7B,IAAG;IAEH,UAAA,oBAAC,YAAD;KAAY,IAAI;MAAE,UAAU;MAAQ,YAAY;KAAO;KAAI,UAAA;IAAmB,CAAA;GAC9D,CAAA,GAClB,qBAAC,kBAAD,EAAA,UAAA;IACE,oBAAC,aAAD,EAAA,UACE,oBAAC,eAAD,EAAA,UAAgB,EAAE,oCAAoC,EAAiB,CAAA,EAC5D,CAAA;IACb,oBAAC,kBAAD;KAAkB,eAAa;KAC5B,UAAA,cAAc,OAAO,WAAW;IACjB,CAAA;IAClB,oBAAC,aAAD,EAAA,UACE,oBAAC,eAAD,EAAA,UAAgB,EAAE,kCAAkC,EAAiB,CAAA,EAC1D,CAAA;IACb,oBAAC,kBAAD;KAAkB,eAAa;KAC5B,UAAA,mBAAmB,OAAO,WAAW;IACtB,CAAA;GACF,EAAA,CAAA,CACT;;EAEX,qBAAC,WAAD;GAAW,UAAU,CAAC;GAAtB,UAAA,CACE,oBAAC,kBAAD;IACE,iBAAc;IACd,YAAY,oBAAC,gBAAD,CAAiB,CAAA;IAC7B,IAAG;IAEH,UAAA,oBAAC,YAAD;KAAY,IAAI;MAAE,UAAU;MAAQ,YAAY;KAAO;KAAI,UAAA;IAAmB,CAAA;GAC9D,CAAA,GAClB,oBAAC,kBAAD,EAAA,UACE,oBAAC,kBAAD;IAAkB,eAAa;IAC5B,UAAA,cAAc,OAAO,WAAW;GACjB,CAAA,EACF,CAAA,CACT;;EAEX,oBAAC,eAAD,EAAA,UACE,oBAAC,MAAD;GAAM,MAAK;GAA0C,QAAO;GAC1D,UAAA,oBAAC,YAAD,EAAA,UAAa,EAAE,2BAA2B,EAAc,CAAA;EACpD,CAAA,EACO,CAAA;CACG,EAAA,CAAA,CACpB,EAAA,CAAA;AAEN"}
1	+ {"version":3,"file":"RegistryInfoContent.mjs","names":["CopyClipboard","_Fragment"],"sources":["../../../../src/sections/Header/RegistryInfoContent/RegistryInfoContent.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\nimport Accordion from '@mui/material/Accordion';\nimport AccordionDetails from '@mui/material/AccordionDetails';\nimport AccordionSummary from '@mui/material/AccordionSummary';\nimport Box from '@mui/material/Box';\nimport Typography from '@mui/material/Typography';\nimport type { FC } from 'react';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport ReactMarkdown from 'react-markdown';\n\nimport {\n CopyClipboard,\n MIN_RELEASE_AGE_DAYS,\n getBunfigRegistry,\n getCLIChangePassword,\n getCLISBerryYamlRegistry,\n getCLISetConfigRegistry,\n getCLISetRegistry,\n getMinReleaseAgeConfig,\n useConfig,\n} from '../../../';\nimport { externalLinkComponents } from '../../../utils/markdown';\nimport { Description, TextContent } from './styles';\n\nexport const NODE_MANAGER = {\n npm: 'npm',\n yarn: 'yarn',\n pnpm: 'pnpm',\n bun: 'bun',\n};\n\nconst renderNpmTab = (scope: string \| undefined, registryUrl: string): React.JSX.Element => {\n return (\n <Box display=\"flex\" flexDirection=\"column\">\n <CopyClipboard\n dataTestId=\"copy\"\n text={getCLISetConfigRegistry(`${NODE_MANAGER.npm} set`, scope, registryUrl)}\n />\n <CopyClipboard\n dataTestId=\"copy\"\n text={getCLISetRegistry(`${NODE_MANAGER.npm} adduser`, registryUrl)}\n />\n <CopyClipboard dataTestId=\"copy\" text={getCLIChangePassword(NODE_MANAGER.npm, registryUrl)} />\n </Box>\n );\n};\n\nconst renderPnpmTab = (scope: string \| undefined, registryUrl: string): React.JSX.Element => {\n return (\n <Box display=\"flex\" flexDirection=\"column\">\n <CopyClipboard\n dataTestId=\"copy\"\n text={getCLISetConfigRegistry(`${NODE_MANAGER.pnpm} set`, scope, registryUrl)}\n />\n <CopyClipboard\n dataTestId=\"copy\"\n text={getCLISetRegistry(`${NODE_MANAGER.pnpm} adduser`, registryUrl)}\n />\n <CopyClipboard\n dataTestId=\"copy\"\n text={getCLIChangePassword(NODE_MANAGER.pnpm, registryUrl)}\n />\n </Box>\n );\n};\n\nconst renderYarnTab = (scope: string \| undefined, registryUrl: string): React.JSX.Element => {\n return (\n <Box display=\"flex\" flexDirection=\"column\">\n <CopyClipboard\n dataTestId=\"copy\"\n text={getCLISetConfigRegistry(`${NODE_MANAGER.yarn} config set`, scope, registryUrl)}\n />\n </Box>\n );\n};\n\nconst renderYarnBerryTab = (scope: string \| undefined, registryUrl: string): React.JSX.Element => {\n return (\n <Box display=\"flex\" flexDirection=\"column\">\n <CopyClipboard dataTestId=\"copy\" text={getCLISBerryYamlRegistry(scope, registryUrl)} />\n </Box>\n );\n};\n\nconst renderBunTab = (scope: string \| undefined, registryUrl: string): React.JSX.Element => {\n return (\n <Box display=\"flex\" flexDirection=\"column\">\n <CopyClipboard dataTestId=\"copy\" text={getBunfigRegistry(scope, registryUrl)} />\n <CopyClipboard\n dataTestId=\"copy\"\n text={getCLISetRegistry(`${NODE_MANAGER.bun} publish`, registryUrl)}\n />\n </Box>\n );\n};\n\n// shown when the registry sets no web.scope\nconst PLACEHOLDER_SCOPE = '@your-scope';\n\nconst renderMinReleaseAgeTab = (\n managers: string[],\n scope: string,\n t: (key: string) => string\n): React.JSX.Element => (\n <Box display=\"flex\" flexDirection=\"column\">\n {managers.map((manager) => (\n <Box data-testid={`min-release-age-${manager}`} key={manager} sx={{ mb: 2 }}>\n <Typography sx={{ fontWeight: 'bold' }}>{manager}</Typography>\n <Description>{t(`packageManagers.minReleaseAge.${manager}`)}</Description>\n <CopyClipboard dataTestId=\"copy\" text={getMinReleaseAgeConfig(manager, scope)} />\n </Box>\n ))}\n </Box>\n);\n\nexport const AccordionContainer = styled('div')({\n padding: 0,\n paddingLeft: 0,\n paddingRight: 0,\n});\n\nexport const CommandContainer = styled('div')({\n padding: 5,\n});\n\nexport type Props = {\n registryUrl: string;\n scope: string \| undefined;\n};\n\nconst RegistryInfoContent: FC<Props> = ({ scope, registryUrl }) => {\n const { t } = useTranslation();\n const { configOptions } = useConfig();\n\n const hasNpm = configOptions?.pkgManagers?.includes('npm');\n const hasYarn = configOptions?.pkgManagers?.includes('yarn');\n const hasPnpm = configOptions?.pkgManagers?.includes('pnpm');\n const hasBun = configOptions?.pkgManagers?.includes('bun');\n const minAgeManagers = ['npm', 'pnpm', 'yarn', 'bun'].filter((manager) =>\n configOptions?.pkgManagers?.includes(manager)\n );\n const exampleScope = scope \|\| PLACEHOLDER_SCOPE;\n // TODO: we can improve this logic, expanding only one accordion based on which package manager is enabled\n // feel free to contribute here\n return (\n <>\n <TextContent>{t('packageManagers.description')}</TextContent>\n <AccordionContainer>\n <Accordion disabled={!hasNpm}>\n <AccordionSummary\n aria-controls=\"panel1a-content\"\n expandIcon={<ExpandMoreIcon />}\n id=\"panel1a-header\"\n >\n <Typography sx={{ fontSize: '1rem', fontWeight: 'bold' }}>{'npm'}</Typography>\n </AccordionSummary>\n <AccordionDetails>\n <CommandContainer data-testid={'tab-content'}>\n {renderNpmTab(scope, registryUrl)}\n </CommandContainer>\n </AccordionDetails>\n </Accordion>\n <Accordion disabled={!hasYarn}>\n <AccordionSummary\n aria-controls=\"panel2a-content\"\n expandIcon={<ExpandMoreIcon />}\n id=\"panel2a-header\"\n >\n <Typography sx={{ fontSize: '1rem', fontWeight: 'bold' }}>{'yarn'}</Typography>\n </AccordionSummary>\n <AccordionDetails>\n <Description>\n <ReactMarkdown components={externalLinkComponents}>\n {t('packageManagers.yarnclassicDetails')}\n </ReactMarkdown>\n </Description>\n <CommandContainer data-testid={'tab-content'}>\n {renderYarnTab(scope, registryUrl)}\n </CommandContainer>\n <Description>\n <ReactMarkdown components={externalLinkComponents}>\n {t('packageManagers.yarnBerryDetails')}\n </ReactMarkdown>\n </Description>\n <CommandContainer data-testid={'tab-content'}>\n {renderYarnBerryTab(scope, registryUrl)}\n </CommandContainer>\n </AccordionDetails>\n </Accordion>\n\n <Accordion disabled={!hasPnpm}>\n <AccordionSummary\n aria-controls=\"panel3a-content\"\n expandIcon={<ExpandMoreIcon />}\n id=\"panel3a-header\"\n >\n <Typography sx={{ fontSize: '1rem', fontWeight: 'bold' }}>{'pnpm'}</Typography>\n </AccordionSummary>\n <AccordionDetails>\n <CommandContainer data-testid={'tab-content'}>\n {renderPnpmTab(scope, registryUrl)}\n </CommandContainer>\n </AccordionDetails>\n </Accordion>\n\n {hasBun && (\n <Accordion>\n <AccordionSummary\n aria-controls=\"panel4a-content\"\n expandIcon={<ExpandMoreIcon />}\n id=\"panel4a-header\"\n >\n <Typography sx={{ fontSize: '1rem', fontWeight: 'bold' }}>{'bun'}</Typography>\n </AccordionSummary>\n <AccordionDetails>\n <Description>\n <ReactMarkdown components={externalLinkComponents}>\n {t('packageManagers.bunDetails')}\n </ReactMarkdown>\n </Description>\n <CommandContainer data-testid={'tab-content'}>\n {renderBunTab(scope, registryUrl)}\n </CommandContainer>\n </AccordionDetails>\n </Accordion>\n )}\n\n {minAgeManagers.length > 0 && (\n <Accordion data-testid=\"min-release-age\">\n <AccordionSummary\n aria-controls=\"panel5a-content\"\n expandIcon={<ExpandMoreIcon />}\n id=\"panel5a-header\"\n >\n <Typography sx={{ fontSize: '1rem', fontWeight: 'bold' }}>\n {t('packageManagers.minReleaseAge.title')}\n </Typography>\n </AccordionSummary>\n <AccordionDetails>\n <Description>\n {t('packageManagers.minReleaseAge.description', {\n days: MIN_RELEASE_AGE_DAYS,\n scope: exampleScope,\n })}\n </Description>\n <CommandContainer data-testid={'tab-content'}>\n {renderMinReleaseAgeTab(minAgeManagers, exampleScope, t)}\n </CommandContainer>\n <Description>\n <ReactMarkdown components={externalLinkComponents}>\n {t('packageManagers.minReleaseAge.registry')}\n </ReactMarkdown>\n </Description>\n </AccordionDetails>\n </Accordion>\n )}\n </AccordionContainer>\n </>\n );\n};\n\nexport default RegistryInfoContent;\n"],"mappings":"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"}

package/build/sections/Home/Home.js CHANGED Viewed

@@ -1,20 +1,76 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_AppConfigurationProvider = require("../../providers/AppConfigurationProvider/AppConfigurationProvider.js");
+const require_useLocalStorage = require("../../hooks/useLocalStorage.js");
 const require_ManifestsProvider = require("../../providers/ManifestsProvider/ManifestsProvider.js");
+const require_NoItems = require("../../components/NoItems/NoItems.js");
+require("../../components/NoItems/index.js");
 const require_GenericError = require("../../components/GenericError/GenericError.js");
-const require_Loading = require("../../components/Loading/Loading.js");
+const require_PackageListSkeleton = require("../../components/Loading/PackageListSkeleton.js");
 const require_PackageList = require("../../components/PackageList/PackageList.js");
+const require_filterPackages = require("../../components/PackageList/filterPackages.js");
+const require_PackageListToolbar = require("../../components/PackageList/PackageListToolbar.js");
 require("../../index.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 react_router = require("react-router");
 //#region src/sections/Home/Home.tsx
+var QUERY_PARAM = "q";
+var SCOPE_PARAM = "scope";
+var SORT_STORAGE_KEY = "package-list-sort";
+var EMPTY = [];
 var Home = () => {
+	const { t } = (0, react_i18next.useTranslation)();
 	const manifests = require_ManifestsProvider.useManifests();
+	const { configOptions } = require_AppConfigurationProvider.useConfig();
+	const [searchParams, setSearchParams] = (0, react_router.useSearchParams)();
+	const [storedSort, setSort] = require_useLocalStorage.default(SORT_STORAGE_KEY, require_filterPackages.PackageSort.DEFAULT);
+	const sort = Object.values(require_filterPackages.PackageSort).includes(storedSort) ? storedSort : require_filterPackages.PackageSort.DEFAULT;
+	const packages = manifests.manifests ?? EMPTY;
+	const scopes = (0, react.useMemo)(() => require_filterPackages.getScopes(packages), [packages]);
+	const query = searchParams.get(QUERY_PARAM) ?? "";
+	const requestedScope = searchParams.get(SCOPE_PARAM) ?? "";
+	const scope = scopes.includes(requestedScope) ? requestedScope : "";
+	const visiblePackages = (0, react.useMemo)(() => require_filterPackages.filterPackages(packages, {
+		query,
+		scope,
+		sort
+	}), [
+		packages,
+		query,
+		scope,
+		sort
+	]);
+	const updateParam = (key, value) => {
+		setSearchParams((params) => {
+			if (value) params.set(key, value);
+			else params.delete(key);
+			return params;
+		}, { replace: true });
+	};
 	if (manifests.isError) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_GenericError.default, {});
+	const renderList = () => {
+		if (packages.length <= 1 || configOptions.showPackageListToolbar === false) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PackageList.default, { packages });
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PackageListToolbar.default, {
+			onQueryChange: (value) => updateParam(QUERY_PARAM, value),
+			onScopeChange: (value) => updateParam(SCOPE_PARAM, value),
+			onSortChange: setSort,
+			query,
+			scope,
+			scopes,
+			shown: visiblePackages.length,
+			sort,
+			total: packages.length
+		}), visiblePackages.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PackageList.default, { packages: visiblePackages }, `${query}|${scope}|${sort}`) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			"data-testid": "package-list-no-match",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_NoItems.default, { text: t("packageList.no-match") })
+		})] });
+	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: "container content",
 		"data-testid": "home-page-container",
-		children: manifests.isLoading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Loading.default, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PackageList.default, { packages: manifests.manifests })
+		children: manifests.isLoading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PackageListSkeleton.default, {}) : renderList()
 	});
 };
 //#endregion

package/build/sections/Home/Home.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Home.js","names":["useManifests","~~GenericError~~","~~Loading~~","PackageList"],"sources":["../../../src/sections/Home/Home.tsx"],"sourcesContent":["import React from 'react';\n\nimport { GenericError, ~~Loading~~, ~~PackageList~~, useManifests } from '../..';\nimport type { ManifestWeb } from '../../providers/ManifestsProvider/ManifestsProvider';\n\nconst Home: React.FC = () => {\n const manifests = useManifests();\n\n if (manifests.isError) {\n return <GenericError />;\n }\n\n return (\n <div className=\"container content\" data-testid=\"home-page-container\">\n {manifests.isLoading ? ~~(\n~~ <~~Loading~~ ~~/>\n )~~ : (~~\n <PackageList packages={manifests.manifests as ManifestWeb[]} />\n~~ )}\n </div>\n );\n};\n\nexport default Home;\n"],"mappings":"~~;;;;;;;;;;AAKA~~,IAAM,aAAuB;CAC3B,MAAM,~~YAAYA~~,0BAAAA,aAAa;~~CAE~~/B,IAAI,UAAU,SACZ,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,qBAAAA,SAAD,CAAe,CAAA;CAGxB,~~OACE~~,iBAAA,GAAA,kBAAA,IAAA,~~CAAC~~,~~OAAD;EAAK~~,~~WAAU;EAAoB~~,~~eAAY~~;~~EAC5C~~,UAAA,~~UAAU~~,~~YACT~~,iBAAA,GAAA,kBAAA,IAAA,CAACC,~~gBAAAA~~,SAAD,~~CAAU~~,CAAA,~~IAEV~~,iBAAA,GAAA,kBAAA,IAAA,~~CAACC~~,oBAAAA,SAAD,~~EAAa~~,UAAU,UAAU,~~UAA6B~~,CAAA;~~CAE7D~~,CAAA;AAET"}
1	+ {"version":3,"file":"Home.js","names":["useTranslation","useManifests","useConfig","useSearchParams","useLocalStorage","PackageSort","useMemo","getScopes","filterPackages","GenericError","PackageList","_Fragment","PackageListToolbar","NoItems","PackageListSkeleton"],"sources":["../../../src/sections/Home/Home.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useSearchParams } from 'react-router';\n\nimport { GenericError, PackageList, PackageListSkeleton, useConfig, useManifests } from '../..';\nimport NoItems from '../../components/NoItems';\nimport PackageListToolbar from '../../components/PackageList/PackageListToolbar';\nimport {\n PackageSort,\n filterPackages,\n getScopes,\n} from '../../components/PackageList/filterPackages';\nimport useLocalStorage from '../../hooks/useLocalStorage';\nimport type { ManifestWeb } from '../../providers/ManifestsProvider/ManifestsProvider';\n\nconst QUERY_PARAM = 'q';\nconst SCOPE_PARAM = 'scope';\nconst SORT_STORAGE_KEY = 'package-list-sort';\nconst EMPTY: ManifestWeb[] = [];\n\nconst Home: React.FC = () => {\n const { t } = useTranslation();\n const manifests = useManifests();\n const { configOptions } = useConfig();\n const [searchParams, setSearchParams] = useSearchParams();\n const [storedSort, setSort] = useLocalStorage<PackageSort>(SORT_STORAGE_KEY, PackageSort.DEFAULT);\n const sort = Object.values(PackageSort).includes(storedSort) ? storedSort : PackageSort.DEFAULT;\n const packages = (manifests.manifests as ManifestWeb[] \| undefined) ?? EMPTY;\n const scopes = useMemo(() => getScopes(packages), [packages]);\n const query = searchParams.get(QUERY_PARAM) ?? '';\n const requestedScope = searchParams.get(SCOPE_PARAM) ?? '';\n const scope = scopes.includes(requestedScope) ? requestedScope : '';\n const visiblePackages = useMemo(\n () => filterPackages(packages, { query, scope, sort }),\n [packages, query, scope, sort]\n );\n\n // replace instead of push: one history entry per keystroke would make \"back\" useless\n const updateParam = (key: string, value: string) => {\n setSearchParams(\n (params) => {\n if (value) {\n params.set(key, value);\n } else {\n params.delete(key);\n }\n return params;\n },\n { replace: true }\n );\n };\n\n if (manifests.isError) {\n return <GenericError />;\n }\n\n const renderList = () => {\n // without the toolbar the list keeps the server order: nothing on screen could change it\n if (packages.length <= 1 \|\| configOptions.showPackageListToolbar === false) {\n return <PackageList packages={packages} />;\n }\n return (\n <>\n <PackageListToolbar\n onQueryChange={(value) => updateParam(QUERY_PARAM, value)}\n onScopeChange={(value) => updateParam(SCOPE_PARAM, value)}\n onSortChange={setSort}\n query={query}\n scope={scope}\n scopes={scopes}\n shown={visiblePackages.length}\n sort={sort}\n total={packages.length}\n />\n {visiblePackages.length > 0 ? (\n <PackageList key={`${query}\|${scope}\|${sort}`} packages={visiblePackages} />\n ) : (\n <div data-testid=\"package-list-no-match\">\n <NoItems text={t('packageList.no-match')} />\n </div>\n )}\n </>\n );\n };\n\n return (\n <div className=\"container content\" data-testid=\"home-page-container\">\n {manifests.isLoading ? <PackageListSkeleton /> : renderList()}\n </div>\n );\n};\n\nexport default Home;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAeA,IAAM,cAAc;AACpB,IAAM,cAAc;AACpB,IAAM,mBAAmB;AACzB,IAAM,QAAuB,CAAC;AAE9B,IAAM,aAAuB;CAC3B,MAAM,EAAE,OAAA,GAAMA,cAAAA,eAAAA,CAAe;CAC7B,MAAM,YAAYC,0BAAAA,aAAa;CAC/B,MAAM,EAAE,kBAAkBC,iCAAAA,UAAU;CACpC,MAAM,CAAC,cAAc,oBAAA,GAAmBC,aAAAA,gBAAAA,CAAgB;CACxD,MAAM,CAAC,YAAY,WAAWC,wBAAAA,QAA6B,kBAAkBC,uBAAAA,YAAY,OAAO;CAChG,MAAM,OAAO,OAAO,OAAOA,uBAAAA,WAAW,CAAC,CAAC,SAAS,UAAU,IAAI,aAAaA,uBAAAA,YAAY;CACxF,MAAM,WAAY,UAAU,aAA2C;CACvE,MAAM,UAAA,GAASC,MAAAA,QAAAA,OAAcC,uBAAAA,UAAU,QAAQ,GAAG,CAAC,QAAQ,CAAC;CAC5D,MAAM,QAAQ,aAAa,IAAI,WAAW,KAAK;CAC/C,MAAM,iBAAiB,aAAa,IAAI,WAAW,KAAK;CACxD,MAAM,QAAQ,OAAO,SAAS,cAAc,IAAI,iBAAiB;CACjE,MAAM,mBAAA,GAAkBD,MAAAA,QAAAA,OAChBE,uBAAAA,eAAe,UAAU;EAAE;EAAO;EAAO;CAAK,CAAC,GACrD;EAAC;EAAU;EAAO;EAAO;CAAI,CAC/B;CAGA,MAAM,eAAe,KAAa,UAAkB;EAClD,iBACG,WAAW;GACV,IAAI,OACF,OAAO,IAAI,KAAK,KAAK;QAErB,OAAO,OAAO,GAAG;GAEnB,OAAO;EACT,GACA,EAAE,SAAS,KAAK,CAClB;CACF;CAEA,IAAI,UAAU,SACZ,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,qBAAAA,SAAD,CAAe,CAAA;CAGxB,MAAM,mBAAmB;EAEvB,IAAI,SAAS,UAAU,KAAK,cAAc,2BAA2B,OACnE,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,SAAD,EAAuB,SAAW,CAAA;EAE3C,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAAC,kBAAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,2BAAAA,SAAD;GACE,gBAAgB,UAAU,YAAY,aAAa,KAAK;GACxD,gBAAgB,UAAU,YAAY,aAAa,KAAK;GACxD,cAAc;GACP;GACA;GACC;GACR,OAAO,gBAAgB;GACjB;GACN,OAAO,SAAS;EACjB,CAAA,GACA,gBAAgB,SAAS,IACxB,iBAAA,GAAA,kBAAA,IAAA,CAACF,oBAAAA,SAAD,EAA+C,UAAU,gBAAkB,GAAzD,GAAG,MAAM,GAAG,MAAM,GAAG,MAAoC,IAE3E,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,eAAY;GACf,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACG,gBAAAA,SAAD,EAAS,MAAM,EAAE,sBAAsB,EAAI,CAAA;EACxC,CAAA,CAEP,EAAA,CAAA;CAEN;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAU;EAAoB,eAAY;EAC5C,UAAA,UAAU,YAAY,iBAAA,GAAA,kBAAA,IAAA,CAACC,4BAAAA,SAAD,CAAsB,CAAA,IAAI,WAAW;CACzD,CAAA;AAET"}