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

package/build/components/Versions/Versions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Versions.js","names":[],"sources":["../../../src/components/Versions/Versions.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Alert from '@mui/material/Alert';\nimport Box from '@mui/material/Box';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport TextField from '@mui/material/TextField';\nimport Typography from '@mui/material/Typography';\nimport { debounce } from 'lodash-es';\nimport React, { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport semver from 'semver';\n\nimport type { Theme } from '../../Theme';\nimport { useConfig } from '../../providers';\nimport VersionsHistoryList from './HistoryList';\nimport VersionsTagList from './TagList';\n\nexport type Props = { packageMeta: any; packageName: string };\n\nexport const StyledText = styled(Typography)<{ theme?: Theme }>((props) => ({\n  fontWeight: props.theme && props.theme.fontWeight.bold,\n  textTransform: 'capitalize',\n}));\n\nconst Versions: React.FC<Props> = ({ packageMeta, packageName }) => {\n  const { t } = useTranslation();\n  const { configOptions } = useConfig();\n  const { versions = {}, time = {}, ['dist-tags']: distTags = {} } = packageMeta;\n\n  const [packageVersions, setPackageVersions] = useState(versions);\n  if (!packageMeta || Object.keys(packageMeta).length === 0) {\n    return null;\n  }\n  const hideDeprecatedVersions = configOptions.hideDeprecatedVersions;\n  const hasDistTags = distTags && Object.keys(distTags).length > 0 && packageName;\n  const hasVersionHistory =\n    packageVersions && Object.keys(packageVersions).length > 0 && packageName;\n\n  const filterVersions = (textSearch) => {\n    const filteredVersions = Object.keys(versions).reduce((acc, version) => {\n      if (textSearch !== '') {\n        if (typeof versions[version] !== 'undefined') {\n          if (semver.satisfies(version, textSearch, { includePrerelease: true, loose: true })) {\n            acc[version] = versions[version];\n          }\n        }\n      } else {\n        acc[version] = versions[version];\n      }\n      return acc;\n    }, {});\n\n    setPackageVersions(filteredVersions);\n  };\n\n  return (\n    <Card sx={{ mb: 2 }}>\n      <CardContent>\n        <Box data-testid=\"versions\" sx={{ m: 2 }}>\n          {hasDistTags ? (\n            <>\n              <StyledText variant=\"subtitle1\">\n                {t('versions.current-tags')}\n                <span>{` (${Object.keys(distTags).length})`}</span>\n              </StyledText>\n              <VersionsTagList packageName={packageName} tags={distTags} time={time} />\n            </>\n          ) : null}\n          <>\n            <StyledText variant=\"subtitle1\">\n              {t('versions.version-history')}\n              <span>{` (${Object.keys(packageVersions).length})`}</span>\n            </StyledText>\n            <TextField\n              helperText={t('versions.search.placeholder')}\n              onChange={debounce((e) => {\n                filterVersions(e.target.value);\n              }, 200)}\n              size=\"small\"\n              variant=\"standard\"\n              sx={{ width: '50%' }}\n            />\n          </>\n          {hasVersionHistory ? (\n            <>\n              {hideDeprecatedVersions === true && (\n                // @ts-ignore - Alert does accept children despite the type error\n                <Alert severity=\"info\" sx={{ marginTop: 1, marginBottom: 1 }}>\n                  {t('versions.hide-deprecated')}\n                </Alert>\n              )}\n              <VersionsHistoryList\n                packageName={packageName}\n                time={time}\n                versions={packageVersions}\n              />\n            </>\n          ) : null}\n        </Box>\n      </CardContent>\n    </Card>\n  );\n};\n\nexport default Versions;\n"],"mappings":"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"}
+{"version":3,"file":"Versions.js","names":[],"sources":["../../../src/components/Versions/Versions.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Alert from '@mui/material/Alert';\nimport Box from '@mui/material/Box';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport TextField from '@mui/material/TextField';\nimport Typography from '@mui/material/Typography';\nimport { debounce } from 'lodash-es';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport semver from 'semver';\n\nimport type { Theme } from '../../Theme';\nimport { useConfig } from '../../providers';\nimport VersionsHistoryList from './HistoryList';\nimport VersionsTagList from './TagList';\n\nexport type Props = { packageMeta: any; packageName: string };\n\nexport const StyledText = styled(Typography)<{ theme?: Theme }>((props) => ({\n  fontWeight: props.theme && props.theme.fontWeight.bold,\n  textTransform: 'capitalize',\n}));\n\nconst Versions: React.FC<Props> = ({ packageMeta, packageName }) => {\n  const { t } = useTranslation();\n  const { configOptions } = useConfig();\n  const { versions = {}, time = {}, ['dist-tags']: distTags = {} } = packageMeta ?? {};\n\n  const [textSearch, setTextSearch] = useState('');\n  // the detail routes reuse this mounted component across packages: reset the\n  // filter so the previous package's text does not apply to the next one\n  useEffect(() => {\n    setTextSearch('');\n  }, [packageName]);\n  const packageVersions = useMemo(() => {\n    if (textSearch === '') {\n      return versions;\n    }\n    return Object.keys(versions).reduce((acc, version) => {\n      if (typeof versions[version] !== 'undefined') {\n        if (semver.satisfies(version, textSearch, { includePrerelease: true, loose: true })) {\n          acc[version] = versions[version];\n        }\n      }\n      return acc;\n    }, {});\n  }, [versions, textSearch]);\n\n  if (!packageMeta || Object.keys(packageMeta).length === 0) {\n    return null;\n  }\n  const hideDeprecatedVersions = configOptions.hideDeprecatedVersions;\n  const hasDistTags = distTags && Object.keys(distTags).length > 0 && packageName;\n  const hasVersionHistory =\n    packageVersions && Object.keys(packageVersions).length > 0 && packageName;\n\n  return (\n    <Card sx={{ mb: 2 }}>\n      <CardContent>\n        <Box data-testid=\"versions\" sx={{ m: 2 }}>\n          {hasDistTags ? (\n            <>\n              <StyledText variant=\"subtitle1\">\n                {t('versions.current-tags')}\n                <span>{` (${Object.keys(distTags).length})`}</span>\n              </StyledText>\n              <VersionsTagList packageName={packageName} tags={distTags} time={time} />\n            </>\n          ) : null}\n          <>\n            <StyledText variant=\"subtitle1\">\n              {t('versions.version-history')}\n              <span>{` (${Object.keys(packageVersions).length})`}</span>\n            </StyledText>\n            <TextField\n              // uncontrolled input: remount on navigation to clear its text\n              key={packageName}\n              helperText={t('versions.search.placeholder')}\n              onChange={debounce((e) => {\n                setTextSearch(e.target.value);\n              }, 200)}\n              size=\"small\"\n              variant=\"standard\"\n              sx={{ width: '50%' }}\n            />\n          </>\n          {hasVersionHistory ? (\n            <>\n              {hideDeprecatedVersions === true && (\n                // @ts-ignore - Alert does accept children despite the type error\n                <Alert severity=\"info\" sx={{ marginTop: 1, marginBottom: 1 }}>\n                  {t('versions.hide-deprecated')}\n                </Alert>\n              )}\n              <VersionsHistoryList\n                packageName={packageName}\n                time={time}\n                versions={packageVersions}\n              />\n            </>\n          ) : null}\n        </Box>\n      </CardContent>\n    </Card>\n  );\n};\n\nexport default Versions;\n"],"mappings":"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"}

package/build/components/Versions/Versions.mjs

@@ -3,15 +3,15 @@ import "../../providers/index.mjs";
 import VersionsHistoryList from "./HistoryList.mjs";
 import VersionsTagList from "./TagList.mjs";
 import styled from "@emotion/styled";
-import { useState } from "react";
+import { useEffect, useMemo, useState } from "react";
+import { useTranslation } from "react-i18next";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import Box from "@mui/material/Box";
 import { debounce } from "lodash-es";
-import { useTranslation } from "react-i18next";
+import Alert from "@mui/material/Alert";
 import Typography from "@mui/material/Typography";
 import Card from "@mui/material/Card";
 import CardContent from "@mui/material/CardContent";
-import Alert from "@mui/material/Alert";
 import TextField from "@mui/material/TextField";
 import semver from "semver";
 //#region src/components/Versions/Versions.tsx
@@ -22,26 +22,27 @@ var StyledText = styled(Typography)((props) => ({
 var Versions = ({ packageMeta, packageName }) => {
 	const { t } = useTranslation();
 	const { configOptions } = useConfig();
-	const { versions = {}, time = {}, ["dist-tags"]: distTags = {} } = packageMeta;
-	const [packageVersions, setPackageVersions] = useState(versions);
+	const { versions = {}, time = {}, ["dist-tags"]: distTags = {} } = packageMeta ?? {};
+	const [textSearch, setTextSearch] = useState("");
+	useEffect(() => {
+		setTextSearch("");
+	}, [packageName]);
+	const packageVersions = useMemo(() => {
+		if (textSearch === "") return versions;
+		return Object.keys(versions).reduce((acc, version) => {
+			if (typeof versions[version] !== "undefined") {
+				if (semver.satisfies(version, textSearch, {
+					includePrerelease: true,
+					loose: true
+				})) acc[version] = versions[version];
+			}
+			return acc;
+		}, {});
+	}, [versions, textSearch]);
 	if (!packageMeta || Object.keys(packageMeta).length === 0) return null;
 	const hideDeprecatedVersions = configOptions.hideDeprecatedVersions;
 	const hasDistTags = distTags && Object.keys(distTags).length > 0 && packageName;
 	const hasVersionHistory = packageVersions && Object.keys(packageVersions).length > 0 && packageName;
-	const filterVersions = (textSearch) => {
-		const filteredVersions = Object.keys(versions).reduce((acc, version) => {
-			if (textSearch !== "") {
-				if (typeof versions[version] !== "undefined") {
-					if (semver.satisfies(version, textSearch, {
-						includePrerelease: true,
-						loose: true
-					})) acc[version] = versions[version];
-				}
-			} else acc[version] = versions[version];
-			return acc;
-		}, {});
-		setPackageVersions(filteredVersions);
-	};
 	return /* @__PURE__ */ jsx(Card, {
 		sx: { mb: 2 },
 		children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(Box, {
@@ -62,12 +63,12 @@ var Versions = ({ packageMeta, packageName }) => {
 				}), /* @__PURE__ */ jsx(TextField, {
 					helperText: t("versions.search.placeholder"),
 					onChange: debounce((e) => {
-						filterVersions(e.target.value);
+						setTextSearch(e.target.value);
 					}, 200),
 					size: "small",
 					variant: "standard",
 					sx: { width: "50%" }
-				})] }),
+				}, packageName)] }),
 				hasVersionHistory ? /* @__PURE__ */ jsxs(Fragment$1, { children: [hideDeprecatedVersions === true && /* @__PURE__ */ jsx(Alert, {
 					severity: "info",
 					sx: {

package/build/components/Versions/Versions.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Versions.mjs","names":[],"sources":["../../../src/components/Versions/Versions.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Alert from '@mui/material/Alert';\nimport Box from '@mui/material/Box';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport TextField from '@mui/material/TextField';\nimport Typography from '@mui/material/Typography';\nimport { debounce } from 'lodash-es';\nimport React, { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport semver from 'semver';\n\nimport type { Theme } from '../../Theme';\nimport { useConfig } from '../../providers';\nimport VersionsHistoryList from './HistoryList';\nimport VersionsTagList from './TagList';\n\nexport type Props = { packageMeta: any; packageName: string };\n\nexport const StyledText = styled(Typography)<{ theme?: Theme }>((props) => ({\n  fontWeight: props.theme && props.theme.fontWeight.bold,\n  textTransform: 'capitalize',\n}));\n\nconst Versions: React.FC<Props> = ({ packageMeta, packageName }) => {\n  const { t } = useTranslation();\n  const { configOptions } = useConfig();\n  const { versions = {}, time = {}, ['dist-tags']: distTags = {} } = packageMeta;\n\n  const [packageVersions, setPackageVersions] = useState(versions);\n  if (!packageMeta || Object.keys(packageMeta).length === 0) {\n    return null;\n  }\n  const hideDeprecatedVersions = configOptions.hideDeprecatedVersions;\n  const hasDistTags = distTags && Object.keys(distTags).length > 0 && packageName;\n  const hasVersionHistory =\n    packageVersions && Object.keys(packageVersions).length > 0 && packageName;\n\n  const filterVersions = (textSearch) => {\n    const filteredVersions = Object.keys(versions).reduce((acc, version) => {\n      if (textSearch !== '') {\n        if (typeof versions[version] !== 'undefined') {\n          if (semver.satisfies(version, textSearch, { includePrerelease: true, loose: true })) {\n            acc[version] = versions[version];\n          }\n        }\n      } else {\n        acc[version] = versions[version];\n      }\n      return acc;\n    }, {});\n\n    setPackageVersions(filteredVersions);\n  };\n\n  return (\n    <Card sx={{ mb: 2 }}>\n      <CardContent>\n        <Box data-testid=\"versions\" sx={{ m: 2 }}>\n          {hasDistTags ? (\n            <>\n              <StyledText variant=\"subtitle1\">\n                {t('versions.current-tags')}\n                <span>{` (${Object.keys(distTags).length})`}</span>\n              </StyledText>\n              <VersionsTagList packageName={packageName} tags={distTags} time={time} />\n            </>\n          ) : null}\n          <>\n            <StyledText variant=\"subtitle1\">\n              {t('versions.version-history')}\n              <span>{` (${Object.keys(packageVersions).length})`}</span>\n            </StyledText>\n            <TextField\n              helperText={t('versions.search.placeholder')}\n              onChange={debounce((e) => {\n                filterVersions(e.target.value);\n              }, 200)}\n              size=\"small\"\n              variant=\"standard\"\n              sx={{ width: '50%' }}\n            />\n          </>\n          {hasVersionHistory ? (\n            <>\n              {hideDeprecatedVersions === true && (\n                // @ts-ignore - Alert does accept children despite the type error\n                <Alert severity=\"info\" sx={{ marginTop: 1, marginBottom: 1 }}>\n                  {t('versions.hide-deprecated')}\n                </Alert>\n              )}\n              <VersionsHistoryList\n                packageName={packageName}\n                time={time}\n                versions={packageVersions}\n              />\n            </>\n          ) : null}\n        </Box>\n      </CardContent>\n    </Card>\n  );\n};\n\nexport default Versions;\n"],"mappings":";;;;;;;;;;;;;;;;;AAmBA,IAAa,aAAa,OAAO,UAAU,CAAC,EAAqB,WAAW;CAC1E,YAAY,MAAM,SAAS,MAAM,MAAM,WAAW;CAClD,eAAe;AACjB,EAAE;AAEF,IAAM,YAA6B,EAAE,aAAa,kBAAkB;CAClE,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,kBAAkB,UAAU;CACpC,MAAM,EAAE,WAAW,CAAC,GAAG,OAAO,CAAC,IAAI,cAAc,WAAW,CAAC,MAAM;CAEnE,MAAM,CAAC,iBAAiB,sBAAsB,SAAS,QAAQ;CAC/D,IAAI,CAAC,eAAe,OAAO,KAAK,WAAW,CAAC,CAAC,WAAW,GACtD,OAAO;CAET,MAAM,yBAAyB,cAAc;CAC7C,MAAM,cAAc,YAAY,OAAO,KAAK,QAAQ,CAAC,CAAC,SAAS,KAAK;CACpE,MAAM,oBACJ,mBAAmB,OAAO,KAAK,eAAe,CAAC,CAAC,SAAS,KAAK;CAEhE,MAAM,kBAAkB,eAAe;EACrC,MAAM,mBAAmB,OAAO,KAAK,QAAQ,CAAC,CAAC,QAAQ,KAAK,YAAY;GACtE,IAAI,eAAe,IACb;QAAA,OAAO,SAAS,aAAa,aAC3B;SAAA,OAAO,UAAU,SAAS,YAAY;MAAE,mBAAmB;MAAM,OAAO;KAAK,CAAC,GAChF,IAAI,WAAW,SAAS;IAAA;GAC1B,OAGF,IAAI,WAAW,SAAS;GAE1B,OAAO;EACT,GAAG,CAAC,CAAC;EAEL,mBAAmB,gBAAgB;CACrC;CAEA,OACE,oBAAC,MAAD;EAAM,IAAI,EAAE,IAAI,EAAE;EAChB,UAAA,oBAAC,aAAD,EAAA,UACE,qBAAC,KAAD;GAAK,eAAY;GAAW,IAAI,EAAE,GAAG,EAAE;GAAvC,UAAA;IACG,cACC,qBAAA,YAAA,EAAA,UAAA,CACE,qBAAC,YAAD;KAAY,SAAQ;KAApB,UAAA,CACG,EAAE,uBAAuB,GAC1B,oBAAC,QAAD,EAAA,UAAO,KAAK,OAAO,KAAK,QAAQ,CAAC,CAAC,OAAO,GAAS,CAAA,CACxC;IACZ,CAAA,GAAA,oBAAC,iBAAD;KAA8B;KAAa,MAAM;KAAgB;IAAO,CAAA,CACxE,EAAA,CAAA,IACA;IACJ,qBAAA,YAAA,EAAA,UAAA,CACE,qBAAC,YAAD;KAAY,SAAQ;KAApB,UAAA,CACG,EAAE,0BAA0B,GAC7B,oBAAC,QAAD,EAAA,UAAO,KAAK,OAAO,KAAK,eAAe,CAAC,CAAC,OAAO,GAAS,CAAA,CAC/C;IACZ,CAAA,GAAA,oBAAC,WAAD;KACE,YAAY,EAAE,6BAA6B;KAC3C,UAAU,UAAU,MAAM;MACxB,eAAe,EAAE,OAAO,KAAK;KAC/B,GAAG,GAAG;KACN,MAAK;KACL,SAAQ;KACR,IAAI,EAAE,OAAO,MAAM;IACpB,CAAA,CACD,EAAA,CAAA;IACD,oBACC,qBAAA,YAAA,EAAA,UAAA,CACG,2BAA2B,QAE1B,oBAAC,OAAD;KAAO,UAAS;KAAO,IAAI;MAAE,WAAW;MAAG,cAAc;KAAE;KACxD,UAAA,EAAE,0BAA0B;IACxB,CAAA,GAET,oBAAC,qBAAD;KACe;KACP;KACN,UAAU;IACX,CAAA,CACD,EAAA,CAAA,IACA;GACD;EACM,CAAA,EAAA,CAAA;CACT,CAAA;AAEV"}
+{"version":3,"file":"Versions.mjs","names":[],"sources":["../../../src/components/Versions/Versions.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Alert from '@mui/material/Alert';\nimport Box from '@mui/material/Box';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport TextField from '@mui/material/TextField';\nimport Typography from '@mui/material/Typography';\nimport { debounce } from 'lodash-es';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport semver from 'semver';\n\nimport type { Theme } from '../../Theme';\nimport { useConfig } from '../../providers';\nimport VersionsHistoryList from './HistoryList';\nimport VersionsTagList from './TagList';\n\nexport type Props = { packageMeta: any; packageName: string };\n\nexport const StyledText = styled(Typography)<{ theme?: Theme }>((props) => ({\n  fontWeight: props.theme && props.theme.fontWeight.bold,\n  textTransform: 'capitalize',\n}));\n\nconst Versions: React.FC<Props> = ({ packageMeta, packageName }) => {\n  const { t } = useTranslation();\n  const { configOptions } = useConfig();\n  const { versions = {}, time = {}, ['dist-tags']: distTags = {} } = packageMeta ?? {};\n\n  const [textSearch, setTextSearch] = useState('');\n  // the detail routes reuse this mounted component across packages: reset the\n  // filter so the previous package's text does not apply to the next one\n  useEffect(() => {\n    setTextSearch('');\n  }, [packageName]);\n  const packageVersions = useMemo(() => {\n    if (textSearch === '') {\n      return versions;\n    }\n    return Object.keys(versions).reduce((acc, version) => {\n      if (typeof versions[version] !== 'undefined') {\n        if (semver.satisfies(version, textSearch, { includePrerelease: true, loose: true })) {\n          acc[version] = versions[version];\n        }\n      }\n      return acc;\n    }, {});\n  }, [versions, textSearch]);\n\n  if (!packageMeta || Object.keys(packageMeta).length === 0) {\n    return null;\n  }\n  const hideDeprecatedVersions = configOptions.hideDeprecatedVersions;\n  const hasDistTags = distTags && Object.keys(distTags).length > 0 && packageName;\n  const hasVersionHistory =\n    packageVersions && Object.keys(packageVersions).length > 0 && packageName;\n\n  return (\n    <Card sx={{ mb: 2 }}>\n      <CardContent>\n        <Box data-testid=\"versions\" sx={{ m: 2 }}>\n          {hasDistTags ? (\n            <>\n              <StyledText variant=\"subtitle1\">\n                {t('versions.current-tags')}\n                <span>{` (${Object.keys(distTags).length})`}</span>\n              </StyledText>\n              <VersionsTagList packageName={packageName} tags={distTags} time={time} />\n            </>\n          ) : null}\n          <>\n            <StyledText variant=\"subtitle1\">\n              {t('versions.version-history')}\n              <span>{` (${Object.keys(packageVersions).length})`}</span>\n            </StyledText>\n            <TextField\n              // uncontrolled input: remount on navigation to clear its text\n              key={packageName}\n              helperText={t('versions.search.placeholder')}\n              onChange={debounce((e) => {\n                setTextSearch(e.target.value);\n              }, 200)}\n              size=\"small\"\n              variant=\"standard\"\n              sx={{ width: '50%' }}\n            />\n          </>\n          {hasVersionHistory ? (\n            <>\n              {hideDeprecatedVersions === true && (\n                // @ts-ignore - Alert does accept children despite the type error\n                <Alert severity=\"info\" sx={{ marginTop: 1, marginBottom: 1 }}>\n                  {t('versions.hide-deprecated')}\n                </Alert>\n              )}\n              <VersionsHistoryList\n                packageName={packageName}\n                time={time}\n                versions={packageVersions}\n              />\n            </>\n          ) : null}\n        </Box>\n      </CardContent>\n    </Card>\n  );\n};\n\nexport default Versions;\n"],"mappings":";;;;;;;;;;;;;;;;;AAmBA,IAAa,aAAa,OAAO,UAAU,CAAC,EAAqB,WAAW;CAC1E,YAAY,MAAM,SAAS,MAAM,MAAM,WAAW;CAClD,eAAe;AACjB,EAAE;AAEF,IAAM,YAA6B,EAAE,aAAa,kBAAkB;CAClE,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,kBAAkB,UAAU;CACpC,MAAM,EAAE,WAAW,CAAC,GAAG,OAAO,CAAC,IAAI,cAAc,WAAW,CAAC,MAAM,eAAe,CAAC;CAEnF,MAAM,CAAC,YAAY,iBAAiB,SAAS,EAAE;CAG/C,gBAAgB;EACd,cAAc,EAAE;CAClB,GAAG,CAAC,WAAW,CAAC;CAChB,MAAM,kBAAkB,cAAc;EACpC,IAAI,eAAe,IACjB,OAAO;EAET,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,QAAQ,KAAK,YAAY;GACpD,IAAI,OAAO,SAAS,aAAa,aAC3B;QAAA,OAAO,UAAU,SAAS,YAAY;KAAE,mBAAmB;KAAM,OAAO;IAAK,CAAC,GAChF,IAAI,WAAW,SAAS;GAAA;GAG5B,OAAO;EACT,GAAG,CAAC,CAAC;CACP,GAAG,CAAC,UAAU,UAAU,CAAC;CAEzB,IAAI,CAAC,eAAe,OAAO,KAAK,WAAW,CAAC,CAAC,WAAW,GACtD,OAAO;CAET,MAAM,yBAAyB,cAAc;CAC7C,MAAM,cAAc,YAAY,OAAO,KAAK,QAAQ,CAAC,CAAC,SAAS,KAAK;CACpE,MAAM,oBACJ,mBAAmB,OAAO,KAAK,eAAe,CAAC,CAAC,SAAS,KAAK;CAEhE,OACE,oBAAC,MAAD;EAAM,IAAI,EAAE,IAAI,EAAE;EAChB,UAAA,oBAAC,aAAD,EAAA,UACE,qBAAC,KAAD;GAAK,eAAY;GAAW,IAAI,EAAE,GAAG,EAAE;GAAvC,UAAA;IACG,cACC,qBAAA,YAAA,EAAA,UAAA,CACE,qBAAC,YAAD;KAAY,SAAQ;KAApB,UAAA,CACG,EAAE,uBAAuB,GAC1B,oBAAC,QAAD,EAAA,UAAO,KAAK,OAAO,KAAK,QAAQ,CAAC,CAAC,OAAO,GAAS,CAAA,CACxC;IACZ,CAAA,GAAA,oBAAC,iBAAD;KAA8B;KAAa,MAAM;KAAgB;IAAO,CAAA,CACxE,EAAA,CAAA,IACA;IACJ,qBAAA,YAAA,EAAA,UAAA,CACE,qBAAC,YAAD;KAAY,SAAQ;KAApB,UAAA,CACG,EAAE,0BAA0B,GAC7B,oBAAC,QAAD,EAAA,UAAO,KAAK,OAAO,KAAK,eAAe,CAAC,CAAC,OAAO,GAAS,CAAA,CAC/C;IACZ,CAAA,GAAA,oBAAC,WAAD;KAGE,YAAY,EAAE,6BAA6B;KAC3C,UAAU,UAAU,MAAM;MACxB,cAAc,EAAE,OAAO,KAAK;KAC9B,GAAG,GAAG;KACN,MAAK;KACL,SAAQ;KACR,IAAI,EAAE,OAAO,MAAM;IACpB,GARM,WAQN,CACD,EAAA,CAAA;IACD,oBACC,qBAAA,YAAA,EAAA,UAAA,CACG,2BAA2B,QAE1B,oBAAC,OAAD;KAAO,UAAS;KAAO,IAAI;MAAE,WAAW;MAAG,cAAc;KAAE;KACxD,UAAA,EAAE,0BAA0B;IACxB,CAAA,GAET,oBAAC,qBAAD;KACe;KACP;KACN,UAAU;IACX,CAAA,CACD,EAAA,CAAA,IACA;GACD;EACM,CAAA,EAAA,CAAA;CACT,CAAA;AAEV"}

package/build/index.d.ts

@@ -24,6 +24,7 @@ export { default as Label } from './components/Label';
 export { default as Logo } from './components/Logo';
 export { default as MenuItem } from './components/MenuItem';
 export { default as NotFound } from './components/NotFound';
+export { default as GenericError } from './components/GenericError';
 export { default as Forbidden } from './components/Forbidden';
 export { default as LoginDialog } from './components/LoginDialog';
 export { default as Search } from './components/Search';

package/build/index.js

@@ -72,6 +72,8 @@ const require_MenuItem = require("./components/MenuItem/MenuItem.js");
 require("./components/MenuItem/index.js");
 const require_NotFound = require("./components/NotFound/NotFound.js");
 require("./components/NotFound/index.js");
+const require_GenericError = require("./components/GenericError/GenericError.js");
+require("./components/GenericError/index.js");
 const require_Forbidden = require("./components/Forbidden/Forbidden.js");
 require("./components/Forbidden/index.js");
 const require_LoginDialog = require("./components/LoginDialog/LoginDialog.js");
@@ -135,6 +137,7 @@ exports.ErrorBoundary = require_ErrorBoundary.default;
 exports.Footer = require_Footer.default;
 exports.Forbidden = require_Forbidden.Forbidden;
 exports.FundButton = require_FundButton.default;
+exports.GenericError = require_GenericError.default;
 exports.Header = require_Header.default;
 exports.HeaderInfoDialog = require_HeaderInfoDialog.default;
 exports.Heading = require_Heading.default;
@@ -197,6 +200,7 @@ exports.getCLISetRegistry = require_cli_utils.getCLISetRegistry;
 exports.getTheme = require_theme.getTheme;
 exports.isTokenExpire = require_token.isTokenExpire;
 exports.loadable = require_loadable.default;
+exports.tokenExpireInMs = require_token.tokenExpireInMs;
 Object.defineProperty(exports, "url", {
 	enumerable: true,
 	get: function() {

package/build/index.mjs

@@ -7,7 +7,7 @@ import { utils_exports } from "./utils/utils.mjs";
 import { getCLIChangePassword, getCLISBerryYamlRegistry, getCLISetConfigRegistry, getCLISetRegistry } from "./utils/cli-utils.mjs";
 import loadable_default from "./utils/loadable.mjs";
 import { Route } from "./utils/routes.mjs";
-import { isTokenExpire } from "./utils/token.mjs";
+import { isTokenExpire, tokenExpireInMs } from "./utils/token.mjs";
 import "./utils/index.mjs";
 import RawViewer from "./components/RawViewer/RawViewer.mjs";
 import "./components/RawViewer/index.mjs";
@@ -68,6 +68,8 @@ import MenuItem from "./components/MenuItem/MenuItem.mjs";
 import "./components/MenuItem/index.mjs";
 import NotFound from "./components/NotFound/NotFound.mjs";
 import "./components/NotFound/index.mjs";
+import GenericError from "./components/GenericError/GenericError.mjs";
+import "./components/GenericError/index.mjs";
 import { Forbidden } from "./components/Forbidden/Forbidden.mjs";
 import "./components/Forbidden/index.mjs";
 import LoginDialog from "./components/LoginDialog/LoginDialog.mjs";
@@ -111,4 +113,4 @@ import { ThemeProvider, useCustomTheme } from "./Theme/ThemeProvider.mjs";
 import StyleBaseline from "./Theme/StyleBaseline.mjs";
 import "./Theme/index.mjs";
 import "./store/index.mjs";
-export { ActionBar, AddUser, AppConfigurationProvider, AppRoute, AuthContext, AuthProvider, Author, ChangePassword, CopyToClipBoard as CopyClipboard, Dependencies, Deprecated, DetailContainer as Detail, Developers, Dist as Distribution, DownloadProvider, Engine as Engines, ErrorBoundary, Footer, Forbidden, FundButton, Header, HeaderInfoDialog, Heading, Help, Home, Icons_exports as Icons, Install, Keywords, Label, Link, LinkExternal, Loading, Login, LoginDialog, Logo, ManifestsProvider, MenuItem, NotFound, Package, PackageList, PersistenceSettingProvider, Person, RawViewer, Readme, Route, Search, SearchContext, SearchProvider, DetailSidebar as SideBar, DetailSidebarTitle as SideBarTitle, StyleBaseline, Success, ThemeProvider, TranslatorProvider, UpLinks, VersionLayout, VersionProvider, Versions, api_default as api, breakPoints, colors_exports as colors, copyToClipBoardUtility, customizedTheme, fontSize, fontWeight, getCLIChangePassword, getCLISBerryYamlRegistry, getCLISetConfigRegistry, getCLISetRegistry, getTheme, isTokenExpire, loadable_default as loadable, url_exports as url, useAuth, useConfig, useCustomTheme, useDownload, useLanguage, useLocalStorage, useManifests, useOnClickOutside, useSearch, useSettings, useVersion, utils_exports as utils };
+export { ActionBar, AddUser, AppConfigurationProvider, AppRoute, AuthContext, AuthProvider, Author, ChangePassword, CopyToClipBoard as CopyClipboard, Dependencies, Deprecated, DetailContainer as Detail, Developers, Dist as Distribution, DownloadProvider, Engine as Engines, ErrorBoundary, Footer, Forbidden, FundButton, GenericError, Header, HeaderInfoDialog, Heading, Help, Home, Icons_exports as Icons, Install, Keywords, Label, Link, LinkExternal, Loading, Login, LoginDialog, Logo, ManifestsProvider, MenuItem, NotFound, Package, PackageList, PersistenceSettingProvider, Person, RawViewer, Readme, Route, Search, SearchContext, SearchProvider, DetailSidebar as SideBar, DetailSidebarTitle as SideBarTitle, StyleBaseline, Success, ThemeProvider, TranslatorProvider, UpLinks, VersionLayout, VersionProvider, Versions, api_default as api, breakPoints, colors_exports as colors, copyToClipBoardUtility, customizedTheme, fontSize, fontWeight, getCLIChangePassword, getCLISBerryYamlRegistry, getCLISetConfigRegistry, getCLISetRegistry, getTheme, isTokenExpire, loadable_default as loadable, tokenExpireInMs, url_exports as url, useAuth, useConfig, useCustomTheme, useDownload, useLanguage, useLocalStorage, useManifests, useOnClickOutside, useSearch, useSettings, useVersion, utils_exports as utils };

package/build/pages/Version/Version.js

@@ -1,6 +1,8 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_VersionProvider = require("../../providers/VersionProvider/VersionProvider.js");
 const require_NotFound = require("../../components/NotFound/NotFound.js");
+const require_GenericError = require("../../components/GenericError/GenericError.js");
+require("../../components/GenericError/index.js");
 const require_Forbidden = require("../../components/Forbidden/Forbidden.js");
 require("../../components/Forbidden/index.js");
 const require_Loading = require("../../components/Loading/Loading.js");
@@ -11,11 +13,12 @@ react = require_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/pages/Version/Version.tsx
 var Version = () => {
-	const { hasNotBeenFound, isForbidden, isUnAuthorized, isLoading } = require_VersionProvider.useVersion();
+	const { hasNotBeenFound, isForbidden, isUnAuthorized, isError, isLoading, packageMeta } = require_VersionProvider.useVersion();
 	if (isLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Loading.default, {});
 	if (isUnAuthorized) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Forbidden.Forbidden, {});
 	if (isForbidden) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Forbidden.Forbidden, {});
 	if (hasNotBeenFound) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_NotFound.default, {});
+	if (isError || !packageMeta) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_GenericError.default, {});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Version.default, {});
 };
 //#endregion

package/build/pages/Version/Version.js.map

@@ -1 +1 @@
-{"version":3,"file":"Version.js","names":[],"sources":["../../../src/pages/Version/Version.tsx"],"sourcesContent":["import React from 'react';\n\nimport Forbidden from '../../components/Forbidden';\nimport { Loading, NotFound, VersionLayout, useVersion } from '../../index';\n\nconst Version: React.FC = () => {\n  const { hasNotBeenFound, isForbidden, isUnAuthorized, isLoading } = useVersion();\n\n  if (isLoading) {\n    return <Loading />;\n  }\n\n  if (isUnAuthorized) {\n    return <Forbidden />;\n  }\n\n  if (isForbidden) {\n    return <Forbidden />;\n  }\n\n  if (hasNotBeenFound) {\n    return <NotFound />;\n  }\n\n  return <VersionLayout />;\n};\n\nexport default Version;\n"],"mappings":";;;;;;;;;;;;AAKA,IAAM,gBAA0B;CAC9B,MAAM,EAAE,iBAAiB,aAAa,gBAAgB,cAAc,wBAAA,WAAW;CAE/E,IAAI,WACF,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAA,SAAD,CAAU,CAAA;CAGnB,IAAI,gBACF,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAA,WAAD,CAAY,CAAA;CAGrB,IAAI,aACF,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAA,WAAD,CAAY,CAAA;CAGrB,IAAI,iBACF,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,iBAAA,SAAD,CAAW,CAAA;CAGpB,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAA,SAAD,CAAgB,CAAA;AACzB"}
+{"version":3,"file":"Version.js","names":[],"sources":["../../../src/pages/Version/Version.tsx"],"sourcesContent":["import React from 'react';\n\nimport Forbidden from '../../components/Forbidden';\nimport GenericError from '../../components/GenericError';\nimport { Loading, NotFound, VersionLayout, useVersion } from '../../index';\n\nconst Version: React.FC = () => {\n  const { hasNotBeenFound, isForbidden, isUnAuthorized, isError, isLoading, packageMeta } =\n    useVersion();\n\n  if (isLoading) {\n    return <Loading />;\n  }\n\n  if (isUnAuthorized) {\n    return <Forbidden />;\n  }\n\n  if (isForbidden) {\n    return <Forbidden />;\n  }\n\n  if (hasNotBeenFound) {\n    return <NotFound />;\n  }\n\n  // 5xx, network failures or a manifest that never arrived: rendering the\n  // layout without packageMeta crashes the tab components\n  if (isError || !packageMeta) {\n    return <GenericError />;\n  }\n\n  return <VersionLayout />;\n};\n\nexport default Version;\n"],"mappings":";;;;;;;;;;;;;;AAMA,IAAM,gBAA0B;CAC9B,MAAM,EAAE,iBAAiB,aAAa,gBAAgB,SAAS,WAAW,gBACxE,wBAAA,WAAW;CAEb,IAAI,WACF,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAA,SAAD,CAAU,CAAA;CAGnB,IAAI,gBACF,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAA,WAAD,CAAY,CAAA;CAGrB,IAAI,aACF,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAA,WAAD,CAAY,CAAA;CAGrB,IAAI,iBACF,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,iBAAA,SAAD,CAAW,CAAA;CAKpB,IAAI,WAAW,CAAC,aACd,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAA,SAAD,CAAe,CAAA;CAGxB,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAA,SAAD,CAAgB,CAAA;AACzB"}

package/build/pages/Version/Version.mjs

@@ -1,5 +1,7 @@
 import { useVersion } from "../../providers/VersionProvider/VersionProvider.mjs";
 import NotFound from "../../components/NotFound/NotFound.mjs";
+import GenericError from "../../components/GenericError/GenericError.mjs";
+import "../../components/GenericError/index.mjs";
 import { Forbidden } from "../../components/Forbidden/Forbidden.mjs";
 import "../../components/Forbidden/index.mjs";
 import Loading from "../../components/Loading/Loading.mjs";
@@ -9,11 +11,12 @@ import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/pages/Version/Version.tsx
 var Version = () => {
-	const { hasNotBeenFound, isForbidden, isUnAuthorized, isLoading } = useVersion();
+	const { hasNotBeenFound, isForbidden, isUnAuthorized, isError, isLoading, packageMeta } = useVersion();
 	if (isLoading) return /* @__PURE__ */ jsx(Loading, {});
 	if (isUnAuthorized) return /* @__PURE__ */ jsx(Forbidden, {});
 	if (isForbidden) return /* @__PURE__ */ jsx(Forbidden, {});
 	if (hasNotBeenFound) return /* @__PURE__ */ jsx(NotFound, {});
+	if (isError || !packageMeta) return /* @__PURE__ */ jsx(GenericError, {});
 	return /* @__PURE__ */ jsx(VersionLayout, {});
 };
 //#endregion

package/build/pages/Version/Version.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Version.mjs","names":[],"sources":["../../../src/pages/Version/Version.tsx"],"sourcesContent":["import React from 'react';\n\nimport Forbidden from '../../components/Forbidden';\nimport { Loading, NotFound, VersionLayout, useVersion } from '../../index';\n\nconst Version: React.FC = () => {\n  const { hasNotBeenFound, isForbidden, isUnAuthorized, isLoading } = useVersion();\n\n  if (isLoading) {\n    return <Loading />;\n  }\n\n  if (isUnAuthorized) {\n    return <Forbidden />;\n  }\n\n  if (isForbidden) {\n    return <Forbidden />;\n  }\n\n  if (hasNotBeenFound) {\n    return <NotFound />;\n  }\n\n  return <VersionLayout />;\n};\n\nexport default Version;\n"],"mappings":";;;;;;;;;;AAKA,IAAM,gBAA0B;CAC9B,MAAM,EAAE,iBAAiB,aAAa,gBAAgB,cAAc,WAAW;CAE/E,IAAI,WACF,OAAO,oBAAC,SAAD,CAAU,CAAA;CAGnB,IAAI,gBACF,OAAO,oBAAC,WAAD,CAAY,CAAA;CAGrB,IAAI,aACF,OAAO,oBAAC,WAAD,CAAY,CAAA;CAGrB,IAAI,iBACF,OAAO,oBAAC,UAAD,CAAW,CAAA;CAGpB,OAAO,oBAAC,eAAD,CAAgB,CAAA;AACzB"}
+{"version":3,"file":"Version.mjs","names":[],"sources":["../../../src/pages/Version/Version.tsx"],"sourcesContent":["import React from 'react';\n\nimport Forbidden from '../../components/Forbidden';\nimport GenericError from '../../components/GenericError';\nimport { Loading, NotFound, VersionLayout, useVersion } from '../../index';\n\nconst Version: React.FC = () => {\n  const { hasNotBeenFound, isForbidden, isUnAuthorized, isError, isLoading, packageMeta } =\n    useVersion();\n\n  if (isLoading) {\n    return <Loading />;\n  }\n\n  if (isUnAuthorized) {\n    return <Forbidden />;\n  }\n\n  if (isForbidden) {\n    return <Forbidden />;\n  }\n\n  if (hasNotBeenFound) {\n    return <NotFound />;\n  }\n\n  // 5xx, network failures or a manifest that never arrived: rendering the\n  // layout without packageMeta crashes the tab components\n  if (isError || !packageMeta) {\n    return <GenericError />;\n  }\n\n  return <VersionLayout />;\n};\n\nexport default Version;\n"],"mappings":";;;;;;;;;;;;AAMA,IAAM,gBAA0B;CAC9B,MAAM,EAAE,iBAAiB,aAAa,gBAAgB,SAAS,WAAW,gBACxE,WAAW;CAEb,IAAI,WACF,OAAO,oBAAC,SAAD,CAAU,CAAA;CAGnB,IAAI,gBACF,OAAO,oBAAC,WAAD,CAAY,CAAA;CAGrB,IAAI,aACF,OAAO,oBAAC,WAAD,CAAY,CAAA;CAGrB,IAAI,iBACF,OAAO,oBAAC,UAAD,CAAW,CAAA;CAKpB,IAAI,WAAW,CAAC,aACd,OAAO,oBAAC,cAAD,CAAe,CAAA;CAGxB,OAAO,oBAAC,eAAD,CAAgB,CAAA;AACzB"}

package/build/providers/AuthProvider/AuthProvider.js

@@ -22,20 +22,22 @@ var AuthContext = (0, react.createContext)({
 var configuration = require_configuration.getConfiguration();
 var basePath = require_utils.stripTrailingSlash(configuration.base);
 var AuthProvider = ({ children }) => {
-	const [userState, setUserState] = react.default.useState(require_utils$1.getDefaultUserState());
+	const [userState, setUserState] = react.default.useState(require_utils$1.getDefaultUserState);
+	react.default.useEffect(() => {
+		require_utils$1.clearExpiredAuth();
+	}, []);
 	const { trigger } = require_use_data_mutation.useDataMutation(basePath, require_routes.APIRoute.LOGIN, "POST");
 	const { mutate } = (0, swr.useSWRConfig)();
 	const handleLogin = async (body) => {
 		const result = await trigger(body);
-		if (result && result.username && result.token) {
-			require_storage.saveAuth(result.username, result.token);
-			setUserState(result);
-			mutate(`${basePath}${require_routes.APIRoute.PACKAGES}`);
-		}
+		if (!result || !result.username || !result.token) throw new Error("login response is missing the token");
+		require_storage.saveAuth(result.username, result.token);
+		setUserState(result);
+		mutate(`${basePath}${require_routes.APIRoute.PACKAGES}`);
 	};
 	const logOutUser = () => {
-		setUserState(require_utils$1.getDefaultUserState());
 		require_storage.clearAuth();
+		setUserState(require_utils$1.getDefaultUserState());
 		window.location?.reload();
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AuthContext, {

package/build/providers/AuthProvider/AuthProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"AuthProvider.js","names":[],"sources":["../../../src/providers/AuthProvider/AuthProvider.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React, { createContext, use } from 'react';\nimport { useSWRConfig } from 'swr';\n\nimport { useDataMutation } from '../../api/use-data-mutation';\nimport { getConfiguration } from '../../configuration';\nimport { APIRoute } from '../../store/routes';\nimport { clearAuth, saveAuth } from '../../store/storage';\nimport { stripTrailingSlash } from '../../store/utils';\nimport type { LoginBody } from './types';\nimport { getDefaultUserState } from './utils';\n\ninterface AuthContextProps {\n  handleLogin: (body: { username: string; password: string }) => Promise<any>;\n  setUserState: React.Dispatch<React.SetStateAction<LoginBody>>;\n  logOutUser: () => void;\n  userState: LoginBody;\n}\n\nexport const AuthContext = createContext<Partial<AuthContextProps>>({\n  userState: { token: null, username: null },\n  setUserState: () => {},\n  handleLogin: async () => {},\n  logOutUser: () => {},\n});\n\nconst configuration = getConfiguration();\nconst basePath = stripTrailingSlash(configuration.base);\n\nconst AuthProvider: React.FC<{ children: ReactElement }> = ({ children }) => {\n  const [userState, setUserState] = React.useState<LoginBody>(getDefaultUserState());\n  const { trigger } = useDataMutation<LoginBody>(basePath, APIRoute.LOGIN, 'POST');\n  const { mutate } = useSWRConfig();\n\n  const handleLogin = async (body: { username: string; password: string }) => {\n    const result = await trigger(body);\n    if (result && result.username && result.token) {\n      saveAuth(result.username, result.token);\n      setUserState(result as LoginBody);\n      // Revalidate the packages list so it reflects authenticated access\n      mutate(`${basePath}${APIRoute.PACKAGES}`);\n    }\n  };\n\n  const logOutUser = () => {\n    setUserState(getDefaultUserState());\n    clearAuth();\n    window.location?.reload();\n  };\n\n  return (\n    <AuthContext\n      value={{\n        handleLogin,\n        userState,\n        logOutUser,\n        setUserState,\n      }}\n    >\n      {children}\n    </AuthContext>\n  );\n};\n\nexport { AuthProvider };\n\nexport const useAuth = () => use(AuthContext);\n"],"mappings":";;;;;;;;;;;;AAmBA,IAAa,eAAA,GAAc,MAAA,cAAA,CAAyC;CAClE,WAAW;EAAE,OAAO;EAAM,UAAU;CAAK;CACzC,oBAAoB,CAAC;CACrB,aAAa,YAAY,CAAC;CAC1B,kBAAkB,CAAC;AACrB,CAAC;AAED,IAAM,gBAAgB,sBAAA,iBAAiB;AACvC,IAAM,WAAW,cAAA,mBAAmB,cAAc,IAAI;AAEtD,IAAM,gBAAsD,EAAE,eAAe;CAC3E,MAAM,CAAC,WAAW,gBAAgB,MAAA,QAAM,SAAoB,gBAAA,oBAAoB,CAAC;CACjF,MAAM,EAAE,YAAY,0BAAA,gBAA2B,UAAU,eAAA,SAAS,OAAO,MAAM;CAC/E,MAAM,EAAE,YAAA,GAAW,IAAA,aAAA,CAAa;CAEhC,MAAM,cAAc,OAAO,SAAiD;EAC1E,MAAM,SAAS,MAAM,QAAQ,IAAI;EACjC,IAAI,UAAU,OAAO,YAAY,OAAO,OAAO;GAC7C,gBAAA,SAAS,OAAO,UAAU,OAAO,KAAK;GACtC,aAAa,MAAmB;GAEhC,OAAO,GAAG,WAAW,eAAA,SAAS,UAAU;EAC1C;CACF;CAEA,MAAM,mBAAmB;EACvB,aAAa,gBAAA,oBAAoB,CAAC;EAClC,gBAAA,UAAU;EACV,OAAO,UAAU,OAAO;CAC1B;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAD;EACE,OAAO;GACL;GACA;GACA;GACA;EACF;EAEC;CACU,CAAA;AAEjB;AAIA,IAAa,iBAAA,GAAgB,MAAA,IAAA,CAAI,WAAW"}
+{"version":3,"file":"AuthProvider.js","names":[],"sources":["../../../src/providers/AuthProvider/AuthProvider.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React, { createContext, use } from 'react';\nimport { useSWRConfig } from 'swr';\n\nimport { useDataMutation } from '../../api/use-data-mutation';\nimport { getConfiguration } from '../../configuration';\nimport { APIRoute } from '../../store/routes';\nimport { clearAuth, saveAuth } from '../../store/storage';\nimport { stripTrailingSlash } from '../../store/utils';\nimport type { LoginBody } from './types';\nimport { clearExpiredAuth, getDefaultUserState } from './utils';\n\ninterface AuthContextProps {\n  handleLogin: (body: { username: string; password: string }) => Promise<any>;\n  setUserState: React.Dispatch<React.SetStateAction<LoginBody>>;\n  logOutUser: () => void;\n  userState: LoginBody;\n}\n\nexport const AuthContext = createContext<Partial<AuthContextProps>>({\n  userState: { token: null, username: null },\n  setUserState: () => {},\n  handleLogin: async () => {},\n  logOutUser: () => {},\n});\n\nconst configuration = getConfiguration();\nconst basePath = stripTrailingSlash(configuration.base);\n\nconst AuthProvider: React.FC<{ children: ReactElement }> = ({ children }) => {\n  // lazy initializer: reading storage and decoding the JWT on every render is wasted work\n  const [userState, setUserState] = React.useState<LoginBody>(getDefaultUserState);\n\n  React.useEffect(() => {\n    clearExpiredAuth();\n  }, []);\n  const { trigger } = useDataMutation<LoginBody>(basePath, APIRoute.LOGIN, 'POST');\n  const { mutate } = useSWRConfig();\n\n  const handleLogin = async (body: { username: string; password: string }) => {\n    const result = await trigger(body);\n    if (!result || !result.username || !result.token) {\n      // a 2xx with an unexpected body (proxy or auth plugin returning html)\n      // must not pass as a successful login\n      throw new Error('login response is missing the token');\n    }\n    saveAuth(result.username, result.token);\n    setUserState(result as LoginBody);\n    // Revalidate the packages list so it reflects authenticated access\n    mutate(`${basePath}${APIRoute.PACKAGES}`);\n  };\n\n  const logOutUser = () => {\n    // clear storage first: getDefaultUserState reads it, and the token is\n    // still valid at this point, so the old order re-hydrated the session\n    clearAuth();\n    setUserState(getDefaultUserState());\n    window.location?.reload();\n  };\n\n  return (\n    <AuthContext\n      value={{\n        handleLogin,\n        userState,\n        logOutUser,\n        setUserState,\n      }}\n    >\n      {children}\n    </AuthContext>\n  );\n};\n\nexport { AuthProvider };\n\nexport const useAuth = () => use(AuthContext);\n"],"mappings":";;;;;;;;;;;;AAmBA,IAAa,eAAA,GAAc,MAAA,cAAA,CAAyC;CAClE,WAAW;EAAE,OAAO;EAAM,UAAU;CAAK;CACzC,oBAAoB,CAAC;CACrB,aAAa,YAAY,CAAC;CAC1B,kBAAkB,CAAC;AACrB,CAAC;AAED,IAAM,gBAAgB,sBAAA,iBAAiB;AACvC,IAAM,WAAW,cAAA,mBAAmB,cAAc,IAAI;AAEtD,IAAM,gBAAsD,EAAE,eAAe;CAE3E,MAAM,CAAC,WAAW,gBAAgB,MAAA,QAAM,SAAoB,gBAAA,mBAAmB;CAE/E,MAAA,QAAM,gBAAgB;EACpB,gBAAA,iBAAiB;CACnB,GAAG,CAAC,CAAC;CACL,MAAM,EAAE,YAAY,0BAAA,gBAA2B,UAAU,eAAA,SAAS,OAAO,MAAM;CAC/E,MAAM,EAAE,YAAA,GAAW,IAAA,aAAA,CAAa;CAEhC,MAAM,cAAc,OAAO,SAAiD;EAC1E,MAAM,SAAS,MAAM,QAAQ,IAAI;EACjC,IAAI,CAAC,UAAU,CAAC,OAAO,YAAY,CAAC,OAAO,OAGzC,MAAM,IAAI,MAAM,qCAAqC;EAEvD,gBAAA,SAAS,OAAO,UAAU,OAAO,KAAK;EACtC,aAAa,MAAmB;EAEhC,OAAO,GAAG,WAAW,eAAA,SAAS,UAAU;CAC1C;CAEA,MAAM,mBAAmB;EAGvB,gBAAA,UAAU;EACV,aAAa,gBAAA,oBAAoB,CAAC;EAClC,OAAO,UAAU,OAAO;CAC1B;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAD;EACE,OAAO;GACL;GACA;GACA;GACA;EACF;EAEC;CACU,CAAA;AAEjB;AAIA,IAAa,iBAAA,GAAgB,MAAA,IAAA,CAAI,WAAW"}

package/build/providers/AuthProvider/AuthProvider.mjs

@@ -3,7 +3,7 @@ import { getConfiguration } from "../../configuration.mjs";
 import { APIRoute } from "../../store/routes.mjs";
 import { stripTrailingSlash } from "../../store/utils.mjs";
 import { useDataMutation } from "../../api/use-data-mutation.mjs";
-import { getDefaultUserState } from "./utils.mjs";
+import { clearExpiredAuth, getDefaultUserState } from "./utils.mjs";
 import React, { createContext, use } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useSWRConfig } from "swr";
@@ -20,20 +20,22 @@ var AuthContext = createContext({
 var configuration = getConfiguration();
 var basePath = stripTrailingSlash(configuration.base);
 var AuthProvider = ({ children }) => {
-	const [userState, setUserState] = React.useState(getDefaultUserState());
+	const [userState, setUserState] = React.useState(getDefaultUserState);
+	React.useEffect(() => {
+		clearExpiredAuth();
+	}, []);
 	const { trigger } = useDataMutation(basePath, APIRoute.LOGIN, "POST");
 	const { mutate } = useSWRConfig();
 	const handleLogin = async (body) => {
 		const result = await trigger(body);
-		if (result && result.username && result.token) {
-			saveAuth(result.username, result.token);
-			setUserState(result);
-			mutate(`${basePath}${APIRoute.PACKAGES}`);
-		}
+		if (!result || !result.username || !result.token) throw new Error("login response is missing the token");
+		saveAuth(result.username, result.token);
+		setUserState(result);
+		mutate(`${basePath}${APIRoute.PACKAGES}`);
 	};
 	const logOutUser = () => {
-		setUserState(getDefaultUserState());
 		clearAuth();
+		setUserState(getDefaultUserState());
 		window.location?.reload();
 	};
 	return /* @__PURE__ */ jsx(AuthContext, {

package/build/providers/AuthProvider/AuthProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AuthProvider.mjs","names":[],"sources":["../../../src/providers/AuthProvider/AuthProvider.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React, { createContext, use } from 'react';\nimport { useSWRConfig } from 'swr';\n\nimport { useDataMutation } from '../../api/use-data-mutation';\nimport { getConfiguration } from '../../configuration';\nimport { APIRoute } from '../../store/routes';\nimport { clearAuth, saveAuth } from '../../store/storage';\nimport { stripTrailingSlash } from '../../store/utils';\nimport type { LoginBody } from './types';\nimport { getDefaultUserState } from './utils';\n\ninterface AuthContextProps {\n  handleLogin: (body: { username: string; password: string }) => Promise<any>;\n  setUserState: React.Dispatch<React.SetStateAction<LoginBody>>;\n  logOutUser: () => void;\n  userState: LoginBody;\n}\n\nexport const AuthContext = createContext<Partial<AuthContextProps>>({\n  userState: { token: null, username: null },\n  setUserState: () => {},\n  handleLogin: async () => {},\n  logOutUser: () => {},\n});\n\nconst configuration = getConfiguration();\nconst basePath = stripTrailingSlash(configuration.base);\n\nconst AuthProvider: React.FC<{ children: ReactElement }> = ({ children }) => {\n  const [userState, setUserState] = React.useState<LoginBody>(getDefaultUserState());\n  const { trigger } = useDataMutation<LoginBody>(basePath, APIRoute.LOGIN, 'POST');\n  const { mutate } = useSWRConfig();\n\n  const handleLogin = async (body: { username: string; password: string }) => {\n    const result = await trigger(body);\n    if (result && result.username && result.token) {\n      saveAuth(result.username, result.token);\n      setUserState(result as LoginBody);\n      // Revalidate the packages list so it reflects authenticated access\n      mutate(`${basePath}${APIRoute.PACKAGES}`);\n    }\n  };\n\n  const logOutUser = () => {\n    setUserState(getDefaultUserState());\n    clearAuth();\n    window.location?.reload();\n  };\n\n  return (\n    <AuthContext\n      value={{\n        handleLogin,\n        userState,\n        logOutUser,\n        setUserState,\n      }}\n    >\n      {children}\n    </AuthContext>\n  );\n};\n\nexport { AuthProvider };\n\nexport const useAuth = () => use(AuthContext);\n"],"mappings":";;;;;;;;;;AAmBA,IAAa,cAAc,cAAyC;CAClE,WAAW;EAAE,OAAO;EAAM,UAAU;CAAK;CACzC,oBAAoB,CAAC;CACrB,aAAa,YAAY,CAAC;CAC1B,kBAAkB,CAAC;AACrB,CAAC;AAED,IAAM,gBAAgB,iBAAiB;AACvC,IAAM,WAAW,mBAAmB,cAAc,IAAI;AAEtD,IAAM,gBAAsD,EAAE,eAAe;CAC3E,MAAM,CAAC,WAAW,gBAAgB,MAAM,SAAoB,oBAAoB,CAAC;CACjF,MAAM,EAAE,YAAY,gBAA2B,UAAU,SAAS,OAAO,MAAM;CAC/E,MAAM,EAAE,WAAW,aAAa;CAEhC,MAAM,cAAc,OAAO,SAAiD;EAC1E,MAAM,SAAS,MAAM,QAAQ,IAAI;EACjC,IAAI,UAAU,OAAO,YAAY,OAAO,OAAO;GAC7C,SAAS,OAAO,UAAU,OAAO,KAAK;GACtC,aAAa,MAAmB;GAEhC,OAAO,GAAG,WAAW,SAAS,UAAU;EAC1C;CACF;CAEA,MAAM,mBAAmB;EACvB,aAAa,oBAAoB,CAAC;EAClC,UAAU;EACV,OAAO,UAAU,OAAO;CAC1B;CAEA,OACE,oBAAC,aAAD;EACE,OAAO;GACL;GACA;GACA;GACA;EACF;EAEC;CACU,CAAA;AAEjB;AAIA,IAAa,gBAAgB,IAAI,WAAW"}
+{"version":3,"file":"AuthProvider.mjs","names":[],"sources":["../../../src/providers/AuthProvider/AuthProvider.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React, { createContext, use } from 'react';\nimport { useSWRConfig } from 'swr';\n\nimport { useDataMutation } from '../../api/use-data-mutation';\nimport { getConfiguration } from '../../configuration';\nimport { APIRoute } from '../../store/routes';\nimport { clearAuth, saveAuth } from '../../store/storage';\nimport { stripTrailingSlash } from '../../store/utils';\nimport type { LoginBody } from './types';\nimport { clearExpiredAuth, getDefaultUserState } from './utils';\n\ninterface AuthContextProps {\n  handleLogin: (body: { username: string; password: string }) => Promise<any>;\n  setUserState: React.Dispatch<React.SetStateAction<LoginBody>>;\n  logOutUser: () => void;\n  userState: LoginBody;\n}\n\nexport const AuthContext = createContext<Partial<AuthContextProps>>({\n  userState: { token: null, username: null },\n  setUserState: () => {},\n  handleLogin: async () => {},\n  logOutUser: () => {},\n});\n\nconst configuration = getConfiguration();\nconst basePath = stripTrailingSlash(configuration.base);\n\nconst AuthProvider: React.FC<{ children: ReactElement }> = ({ children }) => {\n  // lazy initializer: reading storage and decoding the JWT on every render is wasted work\n  const [userState, setUserState] = React.useState<LoginBody>(getDefaultUserState);\n\n  React.useEffect(() => {\n    clearExpiredAuth();\n  }, []);\n  const { trigger } = useDataMutation<LoginBody>(basePath, APIRoute.LOGIN, 'POST');\n  const { mutate } = useSWRConfig();\n\n  const handleLogin = async (body: { username: string; password: string }) => {\n    const result = await trigger(body);\n    if (!result || !result.username || !result.token) {\n      // a 2xx with an unexpected body (proxy or auth plugin returning html)\n      // must not pass as a successful login\n      throw new Error('login response is missing the token');\n    }\n    saveAuth(result.username, result.token);\n    setUserState(result as LoginBody);\n    // Revalidate the packages list so it reflects authenticated access\n    mutate(`${basePath}${APIRoute.PACKAGES}`);\n  };\n\n  const logOutUser = () => {\n    // clear storage first: getDefaultUserState reads it, and the token is\n    // still valid at this point, so the old order re-hydrated the session\n    clearAuth();\n    setUserState(getDefaultUserState());\n    window.location?.reload();\n  };\n\n  return (\n    <AuthContext\n      value={{\n        handleLogin,\n        userState,\n        logOutUser,\n        setUserState,\n      }}\n    >\n      {children}\n    </AuthContext>\n  );\n};\n\nexport { AuthProvider };\n\nexport const useAuth = () => use(AuthContext);\n"],"mappings":";;;;;;;;;;AAmBA,IAAa,cAAc,cAAyC;CAClE,WAAW;EAAE,OAAO;EAAM,UAAU;CAAK;CACzC,oBAAoB,CAAC;CACrB,aAAa,YAAY,CAAC;CAC1B,kBAAkB,CAAC;AACrB,CAAC;AAED,IAAM,gBAAgB,iBAAiB;AACvC,IAAM,WAAW,mBAAmB,cAAc,IAAI;AAEtD,IAAM,gBAAsD,EAAE,eAAe;CAE3E,MAAM,CAAC,WAAW,gBAAgB,MAAM,SAAoB,mBAAmB;CAE/E,MAAM,gBAAgB;EACpB,iBAAiB;CACnB,GAAG,CAAC,CAAC;CACL,MAAM,EAAE,YAAY,gBAA2B,UAAU,SAAS,OAAO,MAAM;CAC/E,MAAM,EAAE,WAAW,aAAa;CAEhC,MAAM,cAAc,OAAO,SAAiD;EAC1E,MAAM,SAAS,MAAM,QAAQ,IAAI;EACjC,IAAI,CAAC,UAAU,CAAC,OAAO,YAAY,CAAC,OAAO,OAGzC,MAAM,IAAI,MAAM,qCAAqC;EAEvD,SAAS,OAAO,UAAU,OAAO,KAAK;EACtC,aAAa,MAAmB;EAEhC,OAAO,GAAG,WAAW,SAAS,UAAU;CAC1C;CAEA,MAAM,mBAAmB;EAGvB,UAAU;EACV,aAAa,oBAAoB,CAAC;EAClC,OAAO,UAAU,OAAO;CAC1B;CAEA,OACE,oBAAC,aAAD;EACE,OAAO;GACL;GACA;GACA;GACA;EACF;EAEC;CACU,CAAA;AAEjB;AAIA,IAAa,gBAAgB,IAAI,WAAW"}

package/build/providers/AuthProvider/utils.d.ts

@@ -1,3 +1,15 @@
 import type { LoginBody } from './types';
 export declare function getDefaultUserState(): LoginBody;
+/**
+ * Drop an expired token from storage on boot: the api client attaches whatever
+ * is stored, and the server treats an expired bearer as anonymous while the
+ * header still claims the user is logged in.
+ */
+export declare function clearExpiredAuth(): void;
+export declare const AUTH_ERROR_FALLBACK = "Authentication failed";
 export declare function normalizeAuthError(err: any): Error;
+/**
+ * Message to display for a failed auth request: the server's own message when
+ * there is one, otherwise the (already translated) fallback text.
+ */
+export declare function authErrorMessage(err: any, translatedFallback: string): string;

package/build/providers/AuthProvider/utils.js

@@ -12,11 +12,33 @@ function getDefaultUserState() {
 		username
 	};
 }
+/**
+* Drop an expired token from storage on boot: the api client attaches whatever
+* is stored, and the server treats an expired bearer as anonymous while the
+* header still claims the user is logged in.
+*/
+function clearExpiredAuth() {
+	const { token } = require_storage.getAuth();
+	if (token && require_token.isTokenExpire(token)) require_storage.clearAuth();
+}
+var AUTH_ERROR_FALLBACK = "Authentication failed";
 function normalizeAuthError(err) {
 	const message = err?.info?.message || err?.response?.data?.message || err?.message || "Authentication failed";
 	return new Error(message);
 }
+/**
+* Message to display for a failed auth request: the server's own message when
+* there is one, otherwise the (already translated) fallback text.
+*/
+function authErrorMessage(err, translatedFallback) {
+	if (typeof err?.code !== "number") return translatedFallback;
+	const { message } = normalizeAuthError(err);
+	return message && message !== "Authentication failed" ? message : translatedFallback;
+}
 //#endregion
+exports.AUTH_ERROR_FALLBACK = AUTH_ERROR_FALLBACK;
+exports.authErrorMessage = authErrorMessage;
+exports.clearExpiredAuth = clearExpiredAuth;
 exports.getDefaultUserState = getDefaultUserState;
 exports.normalizeAuthError = normalizeAuthError;
 

package/build/providers/AuthProvider/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../../../src/providers/AuthProvider/utils.ts"],"sourcesContent":["import { getAuth } from '../../store/storage';\nimport { isTokenExpire } from '../../utils';\nimport type { LoginBody } from './types';\n\nexport function getDefaultUserState(): LoginBody {\n  const { token, username } = getAuth();\n  return isTokenExpire(token) ? { token: null, username: null } : { token, username };\n}\n\nexport function normalizeAuthError(err: any): Error {\n  const message =\n    err?.info?.message || err?.response?.data?.message || err?.message || 'Authentication failed';\n\n  return new Error(message);\n}\n"],"mappings":";;;;AAIA,SAAgB,sBAAiC;CAC/C,MAAM,EAAE,OAAO,aAAa,gBAAA,QAAQ;CACpC,OAAO,cAAA,cAAc,KAAK,IAAI;EAAE,OAAO;EAAM,UAAU;CAAK,IAAI;EAAE;EAAO;CAAS;AACpF;AAEA,SAAgB,mBAAmB,KAAiB;CAClD,MAAM,UACJ,KAAK,MAAM,WAAW,KAAK,UAAU,MAAM,WAAW,KAAK,WAAW;CAExE,OAAO,IAAI,MAAM,OAAO;AAC1B"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../../src/providers/AuthProvider/utils.ts"],"sourcesContent":["import { clearAuth, getAuth } from '../../store/storage';\nimport { isTokenExpire } from '../../utils';\nimport type { LoginBody } from './types';\n\nexport function getDefaultUserState(): LoginBody {\n  const { token, username } = getAuth();\n  return isTokenExpire(token) ? { token: null, username: null } : { token, username };\n}\n\n/**\n * Drop an expired token from storage on boot: the api client attaches whatever\n * is stored, and the server treats an expired bearer as anonymous while the\n * header still claims the user is logged in.\n */\nexport function clearExpiredAuth(): void {\n  const { token } = getAuth();\n  if (token && isTokenExpire(token)) {\n    clearAuth();\n  }\n}\n\nexport const AUTH_ERROR_FALLBACK = 'Authentication failed';\n\nexport function normalizeAuthError(err: any): Error {\n  const message =\n    err?.info?.message || err?.response?.data?.message || err?.message || AUTH_ERROR_FALLBACK;\n\n  return new Error(message);\n}\n\n/**\n * Message to display for a failed auth request: the server's own message when\n * there is one, otherwise the (already translated) fallback text.\n */\nexport function authErrorMessage(err: any, translatedFallback: string): string {\n  // errors without an HTTP code (network failures, unexpected exceptions) carry\n  // technical messages like \"Failed to fetch\" — not something to show the user\n  if (typeof err?.code !== 'number') {\n    return translatedFallback;\n  }\n  const { message } = normalizeAuthError(err);\n  return message && message !== AUTH_ERROR_FALLBACK ? message : translatedFallback;\n}\n"],"mappings":";;;;AAIA,SAAgB,sBAAiC;CAC/C,MAAM,EAAE,OAAO,aAAa,gBAAA,QAAQ;CACpC,OAAO,cAAA,cAAc,KAAK,IAAI;EAAE,OAAO;EAAM,UAAU;CAAK,IAAI;EAAE;EAAO;CAAS;AACpF;;;;;;AAOA,SAAgB,mBAAyB;CACvC,MAAM,EAAE,UAAU,gBAAA,QAAQ;CAC1B,IAAI,SAAS,cAAA,cAAc,KAAK,GAC9B,gBAAA,UAAU;AAEd;AAEA,IAAa,sBAAsB;AAEnC,SAAgB,mBAAmB,KAAiB;CAClD,MAAM,UACJ,KAAK,MAAM,WAAW,KAAK,UAAU,MAAM,WAAW,KAAK,WAAA;CAE7D,OAAO,IAAI,MAAM,OAAO;AAC1B;;;;;AAMA,SAAgB,iBAAiB,KAAU,oBAAoC;CAG7E,IAAI,OAAO,KAAK,SAAS,UACvB,OAAO;CAET,MAAM,EAAE,YAAY,mBAAmB,GAAG;CAC1C,OAAO,WAAW,YAAA,0BAAkC,UAAU;AAChE"}

package/build/providers/AuthProvider/utils.mjs

@@ -1,6 +1,6 @@
 import { isTokenExpire } from "../../utils/token.mjs";
 import "../../utils/index.mjs";
-import { getAuth } from "../../store/storage.mjs";
+import { clearAuth, getAuth } from "../../store/storage.mjs";
 //#region src/providers/AuthProvider/utils.ts
 function getDefaultUserState() {
 	const { token, username } = getAuth();
@@ -12,11 +12,30 @@ function getDefaultUserState() {
 		username
 	};
 }
+/**
+* Drop an expired token from storage on boot: the api client attaches whatever
+* is stored, and the server treats an expired bearer as anonymous while the
+* header still claims the user is logged in.
+*/
+function clearExpiredAuth() {
+	const { token } = getAuth();
+	if (token && isTokenExpire(token)) clearAuth();
+}
+var AUTH_ERROR_FALLBACK = "Authentication failed";
 function normalizeAuthError(err) {
 	const message = err?.info?.message || err?.response?.data?.message || err?.message || "Authentication failed";
 	return new Error(message);
 }
+/**
+* Message to display for a failed auth request: the server's own message when
+* there is one, otherwise the (already translated) fallback text.
+*/
+function authErrorMessage(err, translatedFallback) {
+	if (typeof err?.code !== "number") return translatedFallback;
+	const { message } = normalizeAuthError(err);
+	return message && message !== "Authentication failed" ? message : translatedFallback;
+}
 //#endregion
-export { getDefaultUserState, normalizeAuthError };
+export { AUTH_ERROR_FALLBACK, authErrorMessage, clearExpiredAuth, getDefaultUserState, normalizeAuthError };
 
 //# sourceMappingURL=utils.mjs.map

package/build/providers/AuthProvider/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","names":[],"sources":["../../../src/providers/AuthProvider/utils.ts"],"sourcesContent":["import { getAuth } from '../../store/storage';\nimport { isTokenExpire } from '../../utils';\nimport type { LoginBody } from './types';\n\nexport function getDefaultUserState(): LoginBody {\n  const { token, username } = getAuth();\n  return isTokenExpire(token) ? { token: null, username: null } : { token, username };\n}\n\nexport function normalizeAuthError(err: any): Error {\n  const message =\n    err?.info?.message || err?.response?.data?.message || err?.message || 'Authentication failed';\n\n  return new Error(message);\n}\n"],"mappings":";;;;AAIA,SAAgB,sBAAiC;CAC/C,MAAM,EAAE,OAAO,aAAa,QAAQ;CACpC,OAAO,cAAc,KAAK,IAAI;EAAE,OAAO;EAAM,UAAU;CAAK,IAAI;EAAE;EAAO;CAAS;AACpF;AAEA,SAAgB,mBAAmB,KAAiB;CAClD,MAAM,UACJ,KAAK,MAAM,WAAW,KAAK,UAAU,MAAM,WAAW,KAAK,WAAW;CAExE,OAAO,IAAI,MAAM,OAAO;AAC1B"}
+{"version":3,"file":"utils.mjs","names":[],"sources":["../../../src/providers/AuthProvider/utils.ts"],"sourcesContent":["import { clearAuth, getAuth } from '../../store/storage';\nimport { isTokenExpire } from '../../utils';\nimport type { LoginBody } from './types';\n\nexport function getDefaultUserState(): LoginBody {\n  const { token, username } = getAuth();\n  return isTokenExpire(token) ? { token: null, username: null } : { token, username };\n}\n\n/**\n * Drop an expired token from storage on boot: the api client attaches whatever\n * is stored, and the server treats an expired bearer as anonymous while the\n * header still claims the user is logged in.\n */\nexport function clearExpiredAuth(): void {\n  const { token } = getAuth();\n  if (token && isTokenExpire(token)) {\n    clearAuth();\n  }\n}\n\nexport const AUTH_ERROR_FALLBACK = 'Authentication failed';\n\nexport function normalizeAuthError(err: any): Error {\n  const message =\n    err?.info?.message || err?.response?.data?.message || err?.message || AUTH_ERROR_FALLBACK;\n\n  return new Error(message);\n}\n\n/**\n * Message to display for a failed auth request: the server's own message when\n * there is one, otherwise the (already translated) fallback text.\n */\nexport function authErrorMessage(err: any, translatedFallback: string): string {\n  // errors without an HTTP code (network failures, unexpected exceptions) carry\n  // technical messages like \"Failed to fetch\" — not something to show the user\n  if (typeof err?.code !== 'number') {\n    return translatedFallback;\n  }\n  const { message } = normalizeAuthError(err);\n  return message && message !== AUTH_ERROR_FALLBACK ? message : translatedFallback;\n}\n"],"mappings":";;;;AAIA,SAAgB,sBAAiC;CAC/C,MAAM,EAAE,OAAO,aAAa,QAAQ;CACpC,OAAO,cAAc,KAAK,IAAI;EAAE,OAAO;EAAM,UAAU;CAAK,IAAI;EAAE;EAAO;CAAS;AACpF;;;;;;AAOA,SAAgB,mBAAyB;CACvC,MAAM,EAAE,UAAU,QAAQ;CAC1B,IAAI,SAAS,cAAc,KAAK,GAC9B,UAAU;AAEd;AAEA,IAAa,sBAAsB;AAEnC,SAAgB,mBAAmB,KAAiB;CAClD,MAAM,UACJ,KAAK,MAAM,WAAW,KAAK,UAAU,MAAM,WAAW,KAAK,WAAA;CAE7D,OAAO,IAAI,MAAM,OAAO;AAC1B;;;;;AAMA,SAAgB,iBAAiB,KAAU,oBAAoC;CAG7E,IAAI,OAAO,KAAK,SAAS,UACvB,OAAO;CAET,MAAM,EAAE,YAAY,mBAAmB,GAAG;CAC1C,OAAO,WAAW,YAAA,0BAAkC,UAAU;AAChE"}

package/build/providers/DownloadProvider/DownloadProvider.d.ts

@@ -5,6 +5,7 @@ export interface DownloadContextProps {
         link: string;
     }) => Promise<void>;
     isDownloading: boolean;
+    hasDownloadError: boolean;
 }
 export declare const DownloadContext: React.Context<DownloadContextProps | undefined>;
 export declare const DownloadProvider: React.FC<{

package/build/providers/DownloadProvider/DownloadProvider.js

@@ -3,27 +3,50 @@ const require_url = require("../../utils/url.js");
 const require_use_data_mutation = require("../../api/use-data-mutation.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_Alert = require("@mui/material/Alert");
+_mui_material_Alert = require_runtime.__toESM(_mui_material_Alert);
+let _mui_material_Snackbar = require("@mui/material/Snackbar");
+_mui_material_Snackbar = require_runtime.__toESM(_mui_material_Snackbar);
 //#region src/providers/DownloadProvider/DownloadProvider.tsx
 var DownloadContext = (0, react.createContext)(void 0);
 var DownloadProvider = ({ children }) => {
+	const { t } = (0, react_i18next.useTranslation)();
 	const { download, isDownloading } = require_use_data_mutation.useTarballDownload();
+	const [hasDownloadError, setHasDownloadError] = (0, react.useState)(false);
 	const downloadTarball = (0, react.useCallback)(async ({ link }) => {
 		try {
+			setHasDownloadError(false);
 			const fileStream = await download({ link });
-			if (!fileStream) return;
+			if (!fileStream) {
+				setHasDownloadError(true);
+				return;
+			}
 			const fileName = require_url.extractFileName(link);
 			require_url.downloadFile(fileStream, fileName);
 		} catch (error) {
 			console.error("Error during tarball download:", error);
+			setHasDownloadError(true);
 		}
 	}, [download]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DownloadContext.Provider, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DownloadContext.Provider, {
 		value: {
 			downloadTarball,
-			isDownloading
+			isDownloading,
+			hasDownloadError
 		},
-		children
+		children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Snackbar.default, {
+			autoHideDuration: 6e3,
+			onClose: () => setHasDownloadError(false),
+			open: hasDownloadError,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Alert.default, {
+				onClose: () => setHasDownloadError(false),
+				severity: "error",
+				variant: "filled",
+				children: t("error.download-tarball")
+			})
+		})]
 	});
 };
 var useDownload = () => {

package/build/providers/DownloadProvider/DownloadProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadProvider.js","names":[],"sources":["../../../src/providers/DownloadProvider/DownloadProvider.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { createContext, useCallback, useContext } from 'react';\n\nimport { useTarballDownload } from '../../api/use-data-mutation';\nimport { downloadFile, extractFileName } from '../../utils/url';\n\nexport interface DownloadContextProps {\n  downloadTarball: (args: { link: string }) => Promise<void>;\n  isDownloading: boolean;\n}\n\nexport const DownloadContext = createContext<DownloadContextProps | undefined>(undefined);\n\nexport const DownloadProvider: React.FC<{ children: ReactNode }> = ({ children }) => {\n  const { download, isDownloading } = useTarballDownload();\n\n  const downloadTarball = useCallback(\n    async ({ link }: { link: string }) => {\n      try {\n        const fileStream = await download({ link });\n        if (!fileStream) return;\n\n        const fileName = extractFileName(link);\n        downloadFile(fileStream, fileName);\n      } catch (error) {\n        console.error('Error during tarball download:', error);\n      }\n    },\n    [download]\n  );\n\n  return (\n    <DownloadContext.Provider value={{ downloadTarball, isDownloading }}>\n      {children}\n    </DownloadContext.Provider>\n  );\n};\n\nexport const useDownload = () => {\n  const context = useContext(DownloadContext);\n  if (!context) {\n    throw new Error('useDownload must be used within a DownloadProvider');\n  }\n  return context;\n};\n"],"mappings":";;;;;;;AAWA,IAAa,mBAAA,GAAkB,MAAA,cAAA,CAAgD,KAAA,CAAS;AAExF,IAAa,oBAAuD,EAAE,eAAe;CACnF,MAAM,EAAE,UAAU,kBAAkB,0BAAA,mBAAmB;CAEvD,MAAM,mBAAA,GAAkB,MAAA,YAAA,CACtB,OAAO,EAAE,WAA6B;EACpC,IAAI;GACF,MAAM,aAAa,MAAM,SAAS,EAAE,KAAK,CAAC;GAC1C,IAAI,CAAC,YAAY;GAEjB,MAAM,WAAW,YAAA,gBAAgB,IAAI;GACrC,YAAA,aAAa,YAAY,QAAQ;EACnC,SAAS,OAAO;GACd,QAAQ,MAAM,kCAAkC,KAAK;EACvD;CACF,GACA,CAAC,QAAQ,CACX;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAgB,UAAjB;EAA0B,OAAO;GAAE;GAAiB;EAAc;EAC/D;CACuB,CAAA;AAE9B;AAEA,IAAa,oBAAoB;CAC/B,MAAM,WAAA,GAAU,MAAA,WAAA,CAAW,eAAe;CAC1C,IAAI,CAAC,SACH,MAAM,IAAI,MAAM,oDAAoD;CAEtE,OAAO;AACT"}
+{"version":3,"file":"DownloadProvider.js","names":[],"sources":["../../../src/providers/DownloadProvider/DownloadProvider.tsx"],"sourcesContent":["import Alert from '@mui/material/Alert';\nimport Snackbar from '@mui/material/Snackbar';\nimport type { ReactNode } from 'react';\nimport React, { createContext, useCallback, useContext, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { useTarballDownload } from '../../api/use-data-mutation';\nimport { downloadFile, extractFileName } from '../../utils/url';\n\nexport interface DownloadContextProps {\n  downloadTarball: (args: { link: string }) => Promise<void>;\n  isDownloading: boolean;\n  hasDownloadError: boolean;\n}\n\nexport const DownloadContext = createContext<DownloadContextProps | undefined>(undefined);\n\nexport const DownloadProvider: React.FC<{ children: ReactNode }> = ({ children }) => {\n  const { t } = useTranslation();\n  const { download, isDownloading } = useTarballDownload();\n  const [hasDownloadError, setHasDownloadError] = useState(false);\n\n  const downloadTarball = useCallback(\n    async ({ link }: { link: string }) => {\n      try {\n        setHasDownloadError(false);\n        const fileStream = await download({ link });\n        if (!fileStream) {\n          // clicking download and having nothing happen sends the user\n          // retrying blindly; an empty response is an error too\n          setHasDownloadError(true);\n          return;\n        }\n\n        const fileName = extractFileName(link);\n        downloadFile(fileStream, fileName);\n      } catch (error) {\n        console.error('Error during tarball download:', error);\n        setHasDownloadError(true);\n      }\n    },\n    [download]\n  );\n\n  return (\n    <DownloadContext.Provider value={{ downloadTarball, isDownloading, hasDownloadError }}>\n      {children}\n      <Snackbar\n        autoHideDuration={6000}\n        onClose={() => setHasDownloadError(false)}\n        open={hasDownloadError}\n      >\n        {/* @ts-ignore - Alert does accept children despite the type error */}\n        <Alert onClose={() => setHasDownloadError(false)} severity=\"error\" variant=\"filled\">\n          {t('error.download-tarball')}\n        </Alert>\n      </Snackbar>\n    </DownloadContext.Provider>\n  );\n};\n\nexport const useDownload = () => {\n  const context = useContext(DownloadContext);\n  if (!context) {\n    throw new Error('useDownload must be used within a DownloadProvider');\n  }\n  return context;\n};\n"],"mappings":";;;;;;;;;;;;AAeA,IAAa,mBAAA,GAAkB,MAAA,cAAA,CAAgD,KAAA,CAAS;AAExF,IAAa,oBAAuD,EAAE,eAAe;CACnF,MAAM,EAAE,OAAA,GAAM,cAAA,eAAA,CAAe;CAC7B,MAAM,EAAE,UAAU,kBAAkB,0BAAA,mBAAmB;CACvD,MAAM,CAAC,kBAAkB,wBAAA,GAAuB,MAAA,SAAA,CAAS,KAAK;CAE9D,MAAM,mBAAA,GAAkB,MAAA,YAAA,CACtB,OAAO,EAAE,WAA6B;EACpC,IAAI;GACF,oBAAoB,KAAK;GACzB,MAAM,aAAa,MAAM,SAAS,EAAE,KAAK,CAAC;GAC1C,IAAI,CAAC,YAAY;IAGf,oBAAoB,IAAI;IACxB;GACF;GAEA,MAAM,WAAW,YAAA,gBAAgB,IAAI;GACrC,YAAA,aAAa,YAAY,QAAQ;EACnC,SAAS,OAAO;GACd,QAAQ,MAAM,kCAAkC,KAAK;GACrD,oBAAoB,IAAI;EAC1B;CACF,GACA,CAAC,QAAQ,CACX;CAEA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,gBAAgB,UAAjB;EAA0B,OAAO;GAAE;GAAiB;GAAe;EAAiB;EAApF,UAAA,CACG,UACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,uBAAA,SAAD;GACE,kBAAkB;GAClB,eAAe,oBAAoB,KAAK;GACxC,MAAM;GAGN,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,oBAAA,SAAD;IAAO,eAAe,oBAAoB,KAAK;IAAG,UAAS;IAAQ,SAAQ;IACxE,UAAA,EAAE,wBAAwB;GACtB,CAAA;EACC,CAAA,CACc;;AAE9B;AAEA,IAAa,oBAAoB;CAC/B,MAAM,WAAA,GAAU,MAAA,WAAA,CAAW,eAAe;CAC1C,IAAI,CAAC,SACH,MAAM,IAAI,MAAM,oDAAoD;CAEtE,OAAO;AACT"}