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

package/build/providers/DownloadProvider/DownloadProvider.mjs

@@ -1,27 +1,48 @@
 import { downloadFile, extractFileName } from "../../utils/url.mjs";
 import { useTarballDownload } from "../../api/use-data-mutation.mjs";
-import { createContext, useCallback, useContext } from "react";
-import { jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Alert from "@mui/material/Alert";
+import Snackbar from "@mui/material/Snackbar";
 //#region src/providers/DownloadProvider/DownloadProvider.tsx
 var DownloadContext = createContext(void 0);
 var DownloadProvider = ({ children }) => {
+	const { t } = useTranslation();
 	const { download, isDownloading } = useTarballDownload();
+	const [hasDownloadError, setHasDownloadError] = useState(false);
 	const downloadTarball = useCallback(async ({ link }) => {
 		try {
+			setHasDownloadError(false);
 			const fileStream = await download({ link });
-			if (!fileStream) return;
+			if (!fileStream) {
+				setHasDownloadError(true);
+				return;
+			}
 			const fileName = extractFileName(link);
 			downloadFile(fileStream, fileName);
 		} catch (error) {
 			console.error("Error during tarball download:", error);
+			setHasDownloadError(true);
 		}
 	}, [download]);
-	return /* @__PURE__ */ jsx(DownloadContext.Provider, {
+	return /* @__PURE__ */ jsxs(DownloadContext.Provider, {
 		value: {
 			downloadTarball,
-			isDownloading
+			isDownloading,
+			hasDownloadError
 		},
-		children
+		children: [children, /* @__PURE__ */ jsx(Snackbar, {
+			autoHideDuration: 6e3,
+			onClose: () => setHasDownloadError(false),
+			open: hasDownloadError,
+			children: /* @__PURE__ */ jsx(Alert, {
+				onClose: () => setHasDownloadError(false),
+				severity: "error",
+				variant: "filled",
+				children: t("error.download-tarball")
+			})
+		})]
 	});
 };
 var useDownload = () => {

package/build/providers/DownloadProvider/DownloadProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadProvider.mjs","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,kBAAkB,cAAgD,KAAA,CAAS;AAExF,IAAa,oBAAuD,EAAE,eAAe;CACnF,MAAM,EAAE,UAAU,kBAAkB,mBAAmB;CAEvD,MAAM,kBAAkB,YACtB,OAAO,EAAE,WAA6B;EACpC,IAAI;GACF,MAAM,aAAa,MAAM,SAAS,EAAE,KAAK,CAAC;GAC1C,IAAI,CAAC,YAAY;GAEjB,MAAM,WAAW,gBAAgB,IAAI;GACrC,aAAa,YAAY,QAAQ;EACnC,SAAS,OAAO;GACd,QAAQ,MAAM,kCAAkC,KAAK;EACvD;CACF,GACA,CAAC,QAAQ,CACX;CAEA,OACE,oBAAC,gBAAgB,UAAjB;EAA0B,OAAO;GAAE;GAAiB;EAAc;EAC/D;CACuB,CAAA;AAE9B;AAEA,IAAa,oBAAoB;CAC/B,MAAM,UAAU,WAAW,eAAe;CAC1C,IAAI,CAAC,SACH,MAAM,IAAI,MAAM,oDAAoD;CAEtE,OAAO;AACT"}
+{"version":3,"file":"DownloadProvider.mjs","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,kBAAkB,cAAgD,KAAA,CAAS;AAExF,IAAa,oBAAuD,EAAE,eAAe;CACnF,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,UAAU,kBAAkB,mBAAmB;CACvD,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,KAAK;CAE9D,MAAM,kBAAkB,YACtB,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,gBAAgB,IAAI;GACrC,aAAa,YAAY,QAAQ;EACnC,SAAS,OAAO;GACd,QAAQ,MAAM,kCAAkC,KAAK;GACrD,oBAAoB,IAAI;EAC1B;CACF,GACA,CAAC,QAAQ,CACX;CAEA,OACE,qBAAC,gBAAgB,UAAjB;EAA0B,OAAO;GAAE;GAAiB;GAAe;EAAiB;EAApF,UAAA,CACG,UACD,oBAAC,UAAD;GACE,kBAAkB;GAClB,eAAe,oBAAoB,KAAK;GACxC,MAAM;GAGN,UAAA,oBAAC,OAAD;IAAO,eAAe,oBAAoB,KAAK;IAAG,UAAS;IAAQ,SAAQ;IACxE,UAAA,EAAE,wBAAwB;GACtB,CAAA;EACC,CAAA,CACc;;AAE9B;AAEA,IAAa,oBAAoB;CAC/B,MAAM,UAAU,WAAW,eAAe;CAC1C,IAAI,CAAC,SACH,MAAM,IAAI,MAAM,oDAAoD;CAEtE,OAAO;AACT"}

package/build/providers/ManifestsProvider/ManifestsProvider.js

@@ -16,7 +16,7 @@ var ManifestsProvider = ({ children }) => {
 		value: {
 			manifests: data.data ?? [],
 			isLoading: data.isLoading,
-			isError: typeof data.error?.code !== "undefined"
+			isError: typeof data.error !== "undefined" && typeof data.data === "undefined"
 		},
 		children
 	});

package/build/providers/ManifestsProvider/ManifestsProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ManifestsProvider.js","names":[],"sources":["../../../src/providers/ManifestsProvider/ManifestsProvider.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React, { createContext, useContext } from 'react';\n\nimport type { Manifest } from '@verdaccio/types';\n\nimport { useData } from '../../api/use-data';\nimport { getConfiguration } from '../../configuration';\nimport { APIRoute } from '../../store/routes';\nimport { stripTrailingSlash } from '../../store/utils';\n\nexport interface ManifestsContextProps {\n  isError: boolean;\n  isLoading: boolean;\n  manifests: ManifestWeb[];\n}\n\nexport interface Author {\n  name?: string;\n  email?: string;\n  url?: string;\n  avatar?: string;\n}\n\nexport interface ManifestWeb extends Omit<Manifest, 'time' | 'author'> {\n  time: string;\n  author: Author;\n  version: string;\n  dist: any;\n}\n\nexport const ManifestsContext = createContext<Partial<ManifestsContextProps>>({});\n\nconst configuration = getConfiguration();\n\nconst ManifestsProvider: React.FC<{ children: ReactElement }> = ({ children }) => {\n  const basePath = stripTrailingSlash(configuration.base);\n\n  const data = useData<ManifestWeb[]>(basePath, APIRoute.PACKAGES);\n\n  return (\n    <ManifestsContext.Provider\n      value={{\n        manifests: (data.data as ManifestWeb[]) ?? [],\n        isLoading: data.isLoading,\n        isError: typeof data.error?.code !== 'undefined',\n      }}\n    >\n      {children}\n    </ManifestsContext.Provider>\n  );\n};\n\nexport default ManifestsProvider;\n\nexport const useManifests = () => useContext(ManifestsContext);\n"],"mappings":";;;;;;;;;AA8BA,IAAa,oBAAA,GAAmB,MAAA,cAAA,CAA8C,CAAC,CAAC;AAEhF,IAAM,gBAAgB,sBAAA,iBAAiB;AAEvC,IAAM,qBAA2D,EAAE,eAAe;CAChF,MAAM,WAAW,cAAA,mBAAmB,cAAc,IAAI;CAEtD,MAAM,OAAO,iBAAA,QAAuB,UAAU,eAAA,SAAS,QAAQ;CAE/D,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,iBAAiB,UAAlB;EACE,OAAO;GACL,WAAY,KAAK,QAA0B,CAAC;GAC5C,WAAW,KAAK;GAChB,SAAS,OAAO,KAAK,OAAO,SAAS;EACvC;EAEC;CACwB,CAAA;AAE/B;AAIA,IAAa,sBAAA,GAAqB,MAAA,WAAA,CAAW,gBAAgB"}
+{"version":3,"file":"ManifestsProvider.js","names":[],"sources":["../../../src/providers/ManifestsProvider/ManifestsProvider.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React, { createContext, useContext } from 'react';\n\nimport type { Manifest } from '@verdaccio/types';\n\nimport { useData } from '../../api/use-data';\nimport { getConfiguration } from '../../configuration';\nimport { APIRoute } from '../../store/routes';\nimport { stripTrailingSlash } from '../../store/utils';\n\nexport interface ManifestsContextProps {\n  isError: boolean;\n  isLoading: boolean;\n  manifests: ManifestWeb[];\n}\n\nexport interface Author {\n  name?: string;\n  email?: string;\n  url?: string;\n  avatar?: string;\n}\n\nexport interface ManifestWeb extends Omit<Manifest, 'time' | 'author'> {\n  time: string;\n  author: Author;\n  version: string;\n  dist: any;\n}\n\nexport const ManifestsContext = createContext<Partial<ManifestsContextProps>>({});\n\nconst configuration = getConfiguration();\n\nconst ManifestsProvider: React.FC<{ children: ReactElement }> = ({ children }) => {\n  const basePath = stripTrailingSlash(configuration.base);\n\n  const data = useData<ManifestWeb[]>(basePath, APIRoute.PACKAGES);\n\n  return (\n    <ManifestsContext.Provider\n      value={{\n        manifests: (data.data as ManifestWeb[]) ?? [],\n        isLoading: data.isLoading,\n        // any error counts (network failures have no `.code`), but a failed\n        // revalidation must not hide an already-cached, renderable list\n        isError: typeof data.error !== 'undefined' && typeof data.data === 'undefined',\n      }}\n    >\n      {children}\n    </ManifestsContext.Provider>\n  );\n};\n\nexport default ManifestsProvider;\n\nexport const useManifests = () => useContext(ManifestsContext);\n"],"mappings":";;;;;;;;;AA8BA,IAAa,oBAAA,GAAmB,MAAA,cAAA,CAA8C,CAAC,CAAC;AAEhF,IAAM,gBAAgB,sBAAA,iBAAiB;AAEvC,IAAM,qBAA2D,EAAE,eAAe;CAChF,MAAM,WAAW,cAAA,mBAAmB,cAAc,IAAI;CAEtD,MAAM,OAAO,iBAAA,QAAuB,UAAU,eAAA,SAAS,QAAQ;CAE/D,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,iBAAiB,UAAlB;EACE,OAAO;GACL,WAAY,KAAK,QAA0B,CAAC;GAC5C,WAAW,KAAK;GAGhB,SAAS,OAAO,KAAK,UAAU,eAAe,OAAO,KAAK,SAAS;EACrE;EAEC;CACwB,CAAA;AAE/B;AAIA,IAAa,sBAAA,GAAqB,MAAA,WAAA,CAAW,gBAAgB"}

package/build/providers/ManifestsProvider/ManifestsProvider.mjs

@@ -14,7 +14,7 @@ var ManifestsProvider = ({ children }) => {
 		value: {
 			manifests: data.data ?? [],
 			isLoading: data.isLoading,
-			isError: typeof data.error?.code !== "undefined"
+			isError: typeof data.error !== "undefined" && typeof data.data === "undefined"
 		},
 		children
 	});

package/build/providers/ManifestsProvider/ManifestsProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ManifestsProvider.mjs","names":[],"sources":["../../../src/providers/ManifestsProvider/ManifestsProvider.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React, { createContext, useContext } from 'react';\n\nimport type { Manifest } from '@verdaccio/types';\n\nimport { useData } from '../../api/use-data';\nimport { getConfiguration } from '../../configuration';\nimport { APIRoute } from '../../store/routes';\nimport { stripTrailingSlash } from '../../store/utils';\n\nexport interface ManifestsContextProps {\n  isError: boolean;\n  isLoading: boolean;\n  manifests: ManifestWeb[];\n}\n\nexport interface Author {\n  name?: string;\n  email?: string;\n  url?: string;\n  avatar?: string;\n}\n\nexport interface ManifestWeb extends Omit<Manifest, 'time' | 'author'> {\n  time: string;\n  author: Author;\n  version: string;\n  dist: any;\n}\n\nexport const ManifestsContext = createContext<Partial<ManifestsContextProps>>({});\n\nconst configuration = getConfiguration();\n\nconst ManifestsProvider: React.FC<{ children: ReactElement }> = ({ children }) => {\n  const basePath = stripTrailingSlash(configuration.base);\n\n  const data = useData<ManifestWeb[]>(basePath, APIRoute.PACKAGES);\n\n  return (\n    <ManifestsContext.Provider\n      value={{\n        manifests: (data.data as ManifestWeb[]) ?? [],\n        isLoading: data.isLoading,\n        isError: typeof data.error?.code !== 'undefined',\n      }}\n    >\n      {children}\n    </ManifestsContext.Provider>\n  );\n};\n\nexport default ManifestsProvider;\n\nexport const useManifests = () => useContext(ManifestsContext);\n"],"mappings":";;;;;;;AA8BA,IAAa,mBAAmB,cAA8C,CAAC,CAAC;AAEhF,IAAM,gBAAgB,iBAAiB;AAEvC,IAAM,qBAA2D,EAAE,eAAe;CAChF,MAAM,WAAW,mBAAmB,cAAc,IAAI;CAEtD,MAAM,OAAO,QAAuB,UAAU,SAAS,QAAQ;CAE/D,OACE,oBAAC,iBAAiB,UAAlB;EACE,OAAO;GACL,WAAY,KAAK,QAA0B,CAAC;GAC5C,WAAW,KAAK;GAChB,SAAS,OAAO,KAAK,OAAO,SAAS;EACvC;EAEC;CACwB,CAAA;AAE/B;AAIA,IAAa,qBAAqB,WAAW,gBAAgB"}
+{"version":3,"file":"ManifestsProvider.mjs","names":[],"sources":["../../../src/providers/ManifestsProvider/ManifestsProvider.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React, { createContext, useContext } from 'react';\n\nimport type { Manifest } from '@verdaccio/types';\n\nimport { useData } from '../../api/use-data';\nimport { getConfiguration } from '../../configuration';\nimport { APIRoute } from '../../store/routes';\nimport { stripTrailingSlash } from '../../store/utils';\n\nexport interface ManifestsContextProps {\n  isError: boolean;\n  isLoading: boolean;\n  manifests: ManifestWeb[];\n}\n\nexport interface Author {\n  name?: string;\n  email?: string;\n  url?: string;\n  avatar?: string;\n}\n\nexport interface ManifestWeb extends Omit<Manifest, 'time' | 'author'> {\n  time: string;\n  author: Author;\n  version: string;\n  dist: any;\n}\n\nexport const ManifestsContext = createContext<Partial<ManifestsContextProps>>({});\n\nconst configuration = getConfiguration();\n\nconst ManifestsProvider: React.FC<{ children: ReactElement }> = ({ children }) => {\n  const basePath = stripTrailingSlash(configuration.base);\n\n  const data = useData<ManifestWeb[]>(basePath, APIRoute.PACKAGES);\n\n  return (\n    <ManifestsContext.Provider\n      value={{\n        manifests: (data.data as ManifestWeb[]) ?? [],\n        isLoading: data.isLoading,\n        // any error counts (network failures have no `.code`), but a failed\n        // revalidation must not hide an already-cached, renderable list\n        isError: typeof data.error !== 'undefined' && typeof data.data === 'undefined',\n      }}\n    >\n      {children}\n    </ManifestsContext.Provider>\n  );\n};\n\nexport default ManifestsProvider;\n\nexport const useManifests = () => useContext(ManifestsContext);\n"],"mappings":";;;;;;;AA8BA,IAAa,mBAAmB,cAA8C,CAAC,CAAC;AAEhF,IAAM,gBAAgB,iBAAiB;AAEvC,IAAM,qBAA2D,EAAE,eAAe;CAChF,MAAM,WAAW,mBAAmB,cAAc,IAAI;CAEtD,MAAM,OAAO,QAAuB,UAAU,SAAS,QAAQ;CAE/D,OACE,oBAAC,iBAAiB,UAAlB;EACE,OAAO;GACL,WAAY,KAAK,QAA0B,CAAC;GAC5C,WAAW,KAAK;GAGhB,SAAS,OAAO,KAAK,UAAU,eAAe,OAAO,KAAK,SAAS;EACrE;EAEC;CACwB,CAAA;AAE/B;AAIA,IAAa,qBAAqB,WAAW,gBAAgB"}

package/build/providers/SearchProvider/SearchProvider.d.ts

@@ -10,6 +10,7 @@ export interface SearchContextProps {
         text: string;
         signal?: AbortSignal;
     }) => Promise<void>;
+    resetSearch: () => void;
 }
 export declare const SearchContext: React.Context<Partial<SearchContextProps>>;
 export declare const SearchProvider: React.FC<{

package/build/providers/SearchProvider/SearchProvider.js

@@ -16,18 +16,19 @@ var SearchContext = (0, react.createContext)({
 var configuration = require_configuration.getConfiguration();
 function useDataSearchMutation(basePath, route, method = "POST") {
 	const key = `${basePath}${route}`;
-	const { data, error, isMutating, trigger } = (0, swr_mutation.default)(key, (url, { arg }) => {
+	const { data, error, isMutating, trigger, reset } = (0, swr_mutation.default)(key, (url, { arg }) => {
 		return require_use_data_mutation.fetcher(`${url}${encodeURIComponent(arg?.text ?? "")}`, method, arg ?? {}, { signal: arg?.signal });
 	});
 	return {
 		data,
 		error,
 		isMutating,
-		trigger
+		trigger,
+		reset
 	};
 }
 var SearchProvider = ({ children }) => {
-	const { data, isMutating, error, trigger } = useDataSearchMutation(require_utils.stripTrailingSlash(configuration.base), require_routes.APIRoute.SEARCH, "GET");
+	const { data, isMutating, error, trigger, reset } = useDataSearchMutation(require_utils.stripTrailingSlash(configuration.base), require_routes.APIRoute.SEARCH, "GET");
 	const doSearch = async (query) => {
 		try {
 			await trigger({
@@ -35,15 +36,16 @@ var SearchProvider = ({ children }) => {
 				signal: query.signal
 			});
 		} catch (err) {
-			console.error("Search failed:", err);
+			if (err?.name !== "AbortError") console.error("Search failed:", err);
 		}
 	};
 	const value = {
 		searchResults: data ?? [],
 		isLoading: isMutating,
-		isError: !!error,
+		isError: !!error && error.name !== "AbortError",
 		error,
-		doSearch
+		doSearch,
+		resetSearch: reset
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchContext.Provider, {
 		value,

package/build/providers/SearchProvider/SearchProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchProvider.js","names":[],"sources":["../../../src/providers/SearchProvider/SearchProvider.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React, { createContext, useContext } from 'react';\nimport useSWRMutation from 'swr/mutation';\n\nimport type { SearchResultWeb } from '@verdaccio/types';\n\nimport { fetcher } from '../../api/use-data-mutation';\nimport { getConfiguration } from '../../configuration';\nimport { APIRoute } from '../../store/routes';\nimport { stripTrailingSlash } from '../../store/utils';\n\nexport interface SearchContextProps {\n  error: Error | undefined;\n  isLoading: boolean;\n  isError: boolean;\n  searchResults: SearchResultWeb[];\n  doSearch: (query: { text: string; signal?: AbortSignal }) => Promise<void>;\n}\n\nexport const SearchContext = createContext<Partial<SearchContextProps>>({\n  searchResults: [],\n  isLoading: false,\n});\n\nconst configuration = getConfiguration();\n\nfunction useDataSearchMutation<T>(basePath: string, route: APIRoute | string, method = 'POST') {\n  const key = `${basePath}${route}`;\n\n  const { data, error, isMutating, trigger } = useSWRMutation<T, any, string, any>(\n    key,\n    (url, { arg }) => {\n      return fetcher<T>(`${url}${encodeURIComponent(arg?.text ?? '')}`, method, arg ?? {}, {\n        signal: arg?.signal,\n      });\n    }\n  );\n\n  return { data, error, isMutating, trigger };\n}\n\nexport const SearchProvider: React.FC<{ children: ReactElement }> = ({ children }) => {\n  const basePath = stripTrailingSlash(configuration.base);\n\n  const { data, isMutating, error, trigger } = useDataSearchMutation<SearchResultWeb[]>(\n    basePath,\n    APIRoute.SEARCH,\n    'GET'\n  );\n\n  const doSearch = async (query: { text: string; signal?: AbortSignal }) => {\n    try {\n      await trigger({ text: query.text, signal: query.signal });\n    } catch (err: any) {\n      console.error('Search failed:', err);\n    }\n  };\n\n  const value: SearchContextProps = {\n    searchResults: data ?? [],\n    isLoading: isMutating,\n    isError: !!error,\n    error,\n    doSearch,\n  };\n\n  return <SearchContext.Provider value={value}>{children}</SearchContext.Provider>;\n};\n\nexport default SearchProvider;\n\nexport const useSearch = () => useContext(SearchContext);\n"],"mappings":";;;;;;;;;;;AAmBA,IAAa,iBAAA,GAAgB,MAAA,cAAA,CAA2C;CACtE,eAAe,CAAC;CAChB,WAAW;AACb,CAAC;AAED,IAAM,gBAAgB,sBAAA,iBAAiB;AAEvC,SAAS,sBAAyB,UAAkB,OAA0B,SAAS,QAAQ;CAC7F,MAAM,MAAM,GAAG,WAAW;CAE1B,MAAM,EAAE,MAAM,OAAO,YAAY,aAAA,GAAY,aAAA,QAAA,CAC3C,MACC,KAAK,EAAE,UAAU;EAChB,OAAO,0BAAA,QAAW,GAAG,MAAM,mBAAmB,KAAK,QAAQ,EAAE,KAAK,QAAQ,OAAO,CAAC,GAAG,EACnF,QAAQ,KAAK,OACf,CAAC;CACH,CACF;CAEA,OAAO;EAAE;EAAM;EAAO;EAAY;CAAQ;AAC5C;AAEA,IAAa,kBAAwD,EAAE,eAAe;CAGpF,MAAM,EAAE,MAAM,YAAY,OAAO,YAAY,sBAF5B,cAAA,mBAAmB,cAAc,IAGhD,GACA,eAAA,SAAS,QACT,KACF;CAEA,MAAM,WAAW,OAAO,UAAkD;EACxE,IAAI;GACF,MAAM,QAAQ;IAAE,MAAM,MAAM;IAAM,QAAQ,MAAM;GAAO,CAAC;EAC1D,SAAS,KAAU;GACjB,QAAQ,MAAM,kBAAkB,GAAG;EACrC;CACF;CAEA,MAAM,QAA4B;EAChC,eAAe,QAAQ,CAAC;EACxB,WAAW;EACX,SAAS,CAAC,CAAC;EACX;EACA;CACF;CAEA,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAc,UAAf;EAA+B;EAAQ;CAAiC,CAAA;AACjF;AAIA,IAAa,mBAAA,GAAkB,MAAA,WAAA,CAAW,aAAa"}
+{"version":3,"file":"SearchProvider.js","names":[],"sources":["../../../src/providers/SearchProvider/SearchProvider.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React, { createContext, useContext } from 'react';\nimport useSWRMutation from 'swr/mutation';\n\nimport type { SearchResultWeb } from '@verdaccio/types';\n\nimport { fetcher } from '../../api/use-data-mutation';\nimport { getConfiguration } from '../../configuration';\nimport { APIRoute } from '../../store/routes';\nimport { stripTrailingSlash } from '../../store/utils';\n\nexport interface SearchContextProps {\n  error: Error | undefined;\n  isLoading: boolean;\n  isError: boolean;\n  searchResults: SearchResultWeb[];\n  doSearch: (query: { text: string; signal?: AbortSignal }) => Promise<void>;\n  resetSearch: () => void;\n}\n\nexport const SearchContext = createContext<Partial<SearchContextProps>>({\n  searchResults: [],\n  isLoading: false,\n});\n\nconst configuration = getConfiguration();\n\nfunction useDataSearchMutation<T>(basePath: string, route: APIRoute | string, method = 'POST') {\n  const key = `${basePath}${route}`;\n\n  const { data, error, isMutating, trigger, reset } = useSWRMutation<T, any, string, any>(\n    key,\n    (url, { arg }) => {\n      return fetcher<T>(`${url}${encodeURIComponent(arg?.text ?? '')}`, method, arg ?? {}, {\n        signal: arg?.signal,\n      });\n    }\n  );\n\n  return { data, error, isMutating, trigger, reset };\n}\n\nexport const SearchProvider: React.FC<{ children: ReactElement }> = ({ children }) => {\n  const basePath = stripTrailingSlash(configuration.base);\n\n  const { data, isMutating, error, trigger, reset } = useDataSearchMutation<SearchResultWeb[]>(\n    basePath,\n    APIRoute.SEARCH,\n    'GET'\n  );\n\n  const doSearch = async (query: { text: string; signal?: AbortSignal }) => {\n    try {\n      await trigger({ text: query.text, signal: query.signal });\n    } catch (err: any) {\n      // an abort (user kept typing or navigated away) is expected control flow;\n      // real failures are surfaced through the `isError` state below\n      if (err?.name !== 'AbortError') {\n        console.error('Search failed:', err);\n      }\n    }\n  };\n\n  const value: SearchContextProps = {\n    searchResults: data ?? [],\n    isLoading: isMutating,\n    // an aborted request (user kept typing) is not an error worth showing\n    isError: !!error && error.name !== 'AbortError',\n    error,\n    doSearch,\n    resetSearch: reset,\n  };\n\n  return <SearchContext.Provider value={value}>{children}</SearchContext.Provider>;\n};\n\nexport default SearchProvider;\n\nexport const useSearch = () => useContext(SearchContext);\n"],"mappings":";;;;;;;;;;;AAoBA,IAAa,iBAAA,GAAgB,MAAA,cAAA,CAA2C;CACtE,eAAe,CAAC;CAChB,WAAW;AACb,CAAC;AAED,IAAM,gBAAgB,sBAAA,iBAAiB;AAEvC,SAAS,sBAAyB,UAAkB,OAA0B,SAAS,QAAQ;CAC7F,MAAM,MAAM,GAAG,WAAW;CAE1B,MAAM,EAAE,MAAM,OAAO,YAAY,SAAS,WAAA,GAAU,aAAA,QAAA,CAClD,MACC,KAAK,EAAE,UAAU;EAChB,OAAO,0BAAA,QAAW,GAAG,MAAM,mBAAmB,KAAK,QAAQ,EAAE,KAAK,QAAQ,OAAO,CAAC,GAAG,EACnF,QAAQ,KAAK,OACf,CAAC;CACH,CACF;CAEA,OAAO;EAAE;EAAM;EAAO;EAAY;EAAS;CAAM;AACnD;AAEA,IAAa,kBAAwD,EAAE,eAAe;CAGpF,MAAM,EAAE,MAAM,YAAY,OAAO,SAAS,UAAU,sBAFnC,cAAA,mBAAmB,cAAc,IAGhD,GACA,eAAA,SAAS,QACT,KACF;CAEA,MAAM,WAAW,OAAO,UAAkD;EACxE,IAAI;GACF,MAAM,QAAQ;IAAE,MAAM,MAAM;IAAM,QAAQ,MAAM;GAAO,CAAC;EAC1D,SAAS,KAAU;GAGjB,IAAI,KAAK,SAAS,cAChB,QAAQ,MAAM,kBAAkB,GAAG;EAEvC;CACF;CAEA,MAAM,QAA4B;EAChC,eAAe,QAAQ,CAAC;EACxB,WAAW;EAEX,SAAS,CAAC,CAAC,SAAS,MAAM,SAAS;EACnC;EACA;EACA,aAAa;CACf;CAEA,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAc,UAAf;EAA+B;EAAQ;CAAiC,CAAA;AACjF;AAIA,IAAa,mBAAA,GAAkB,MAAA,WAAA,CAAW,aAAa"}

package/build/providers/SearchProvider/SearchProvider.mjs

@@ -13,18 +13,19 @@ var SearchContext = createContext({
 var configuration = getConfiguration();
 function useDataSearchMutation(basePath, route, method = "POST") {
 	const key = `${basePath}${route}`;
-	const { data, error, isMutating, trigger } = useSWRMutation(key, (url, { arg }) => {
+	const { data, error, isMutating, trigger, reset } = useSWRMutation(key, (url, { arg }) => {
 		return fetcher(`${url}${encodeURIComponent(arg?.text ?? "")}`, method, arg ?? {}, { signal: arg?.signal });
 	});
 	return {
 		data,
 		error,
 		isMutating,
-		trigger
+		trigger,
+		reset
 	};
 }
 var SearchProvider = ({ children }) => {
-	const { data, isMutating, error, trigger } = useDataSearchMutation(stripTrailingSlash(configuration.base), APIRoute.SEARCH, "GET");
+	const { data, isMutating, error, trigger, reset } = useDataSearchMutation(stripTrailingSlash(configuration.base), APIRoute.SEARCH, "GET");
 	const doSearch = async (query) => {
 		try {
 			await trigger({
@@ -32,15 +33,16 @@ var SearchProvider = ({ children }) => {
 				signal: query.signal
 			});
 		} catch (err) {
-			console.error("Search failed:", err);
+			if (err?.name !== "AbortError") console.error("Search failed:", err);
 		}
 	};
 	const value = {
 		searchResults: data ?? [],
 		isLoading: isMutating,
-		isError: !!error,
+		isError: !!error && error.name !== "AbortError",
 		error,
-		doSearch
+		doSearch,
+		resetSearch: reset
 	};
 	return /* @__PURE__ */ jsx(SearchContext.Provider, {
 		value,

package/build/providers/SearchProvider/SearchProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SearchProvider.mjs","names":[],"sources":["../../../src/providers/SearchProvider/SearchProvider.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React, { createContext, useContext } from 'react';\nimport useSWRMutation from 'swr/mutation';\n\nimport type { SearchResultWeb } from '@verdaccio/types';\n\nimport { fetcher } from '../../api/use-data-mutation';\nimport { getConfiguration } from '../../configuration';\nimport { APIRoute } from '../../store/routes';\nimport { stripTrailingSlash } from '../../store/utils';\n\nexport interface SearchContextProps {\n  error: Error | undefined;\n  isLoading: boolean;\n  isError: boolean;\n  searchResults: SearchResultWeb[];\n  doSearch: (query: { text: string; signal?: AbortSignal }) => Promise<void>;\n}\n\nexport const SearchContext = createContext<Partial<SearchContextProps>>({\n  searchResults: [],\n  isLoading: false,\n});\n\nconst configuration = getConfiguration();\n\nfunction useDataSearchMutation<T>(basePath: string, route: APIRoute | string, method = 'POST') {\n  const key = `${basePath}${route}`;\n\n  const { data, error, isMutating, trigger } = useSWRMutation<T, any, string, any>(\n    key,\n    (url, { arg }) => {\n      return fetcher<T>(`${url}${encodeURIComponent(arg?.text ?? '')}`, method, arg ?? {}, {\n        signal: arg?.signal,\n      });\n    }\n  );\n\n  return { data, error, isMutating, trigger };\n}\n\nexport const SearchProvider: React.FC<{ children: ReactElement }> = ({ children }) => {\n  const basePath = stripTrailingSlash(configuration.base);\n\n  const { data, isMutating, error, trigger } = useDataSearchMutation<SearchResultWeb[]>(\n    basePath,\n    APIRoute.SEARCH,\n    'GET'\n  );\n\n  const doSearch = async (query: { text: string; signal?: AbortSignal }) => {\n    try {\n      await trigger({ text: query.text, signal: query.signal });\n    } catch (err: any) {\n      console.error('Search failed:', err);\n    }\n  };\n\n  const value: SearchContextProps = {\n    searchResults: data ?? [],\n    isLoading: isMutating,\n    isError: !!error,\n    error,\n    doSearch,\n  };\n\n  return <SearchContext.Provider value={value}>{children}</SearchContext.Provider>;\n};\n\nexport default SearchProvider;\n\nexport const useSearch = () => useContext(SearchContext);\n"],"mappings":";;;;;;;;AAmBA,IAAa,gBAAgB,cAA2C;CACtE,eAAe,CAAC;CAChB,WAAW;AACb,CAAC;AAED,IAAM,gBAAgB,iBAAiB;AAEvC,SAAS,sBAAyB,UAAkB,OAA0B,SAAS,QAAQ;CAC7F,MAAM,MAAM,GAAG,WAAW;CAE1B,MAAM,EAAE,MAAM,OAAO,YAAY,YAAY,eAC3C,MACC,KAAK,EAAE,UAAU;EAChB,OAAO,QAAW,GAAG,MAAM,mBAAmB,KAAK,QAAQ,EAAE,KAAK,QAAQ,OAAO,CAAC,GAAG,EACnF,QAAQ,KAAK,OACf,CAAC;CACH,CACF;CAEA,OAAO;EAAE;EAAM;EAAO;EAAY;CAAQ;AAC5C;AAEA,IAAa,kBAAwD,EAAE,eAAe;CAGpF,MAAM,EAAE,MAAM,YAAY,OAAO,YAAY,sBAF5B,mBAAmB,cAAc,IAGhD,GACA,SAAS,QACT,KACF;CAEA,MAAM,WAAW,OAAO,UAAkD;EACxE,IAAI;GACF,MAAM,QAAQ;IAAE,MAAM,MAAM;IAAM,QAAQ,MAAM;GAAO,CAAC;EAC1D,SAAS,KAAU;GACjB,QAAQ,MAAM,kBAAkB,GAAG;EACrC;CACF;CAEA,MAAM,QAA4B;EAChC,eAAe,QAAQ,CAAC;EACxB,WAAW;EACX,SAAS,CAAC,CAAC;EACX;EACA;CACF;CAEA,OAAO,oBAAC,cAAc,UAAf;EAA+B;EAAQ;CAAiC,CAAA;AACjF;AAIA,IAAa,kBAAkB,WAAW,aAAa"}
+{"version":3,"file":"SearchProvider.mjs","names":[],"sources":["../../../src/providers/SearchProvider/SearchProvider.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React, { createContext, useContext } from 'react';\nimport useSWRMutation from 'swr/mutation';\n\nimport type { SearchResultWeb } from '@verdaccio/types';\n\nimport { fetcher } from '../../api/use-data-mutation';\nimport { getConfiguration } from '../../configuration';\nimport { APIRoute } from '../../store/routes';\nimport { stripTrailingSlash } from '../../store/utils';\n\nexport interface SearchContextProps {\n  error: Error | undefined;\n  isLoading: boolean;\n  isError: boolean;\n  searchResults: SearchResultWeb[];\n  doSearch: (query: { text: string; signal?: AbortSignal }) => Promise<void>;\n  resetSearch: () => void;\n}\n\nexport const SearchContext = createContext<Partial<SearchContextProps>>({\n  searchResults: [],\n  isLoading: false,\n});\n\nconst configuration = getConfiguration();\n\nfunction useDataSearchMutation<T>(basePath: string, route: APIRoute | string, method = 'POST') {\n  const key = `${basePath}${route}`;\n\n  const { data, error, isMutating, trigger, reset } = useSWRMutation<T, any, string, any>(\n    key,\n    (url, { arg }) => {\n      return fetcher<T>(`${url}${encodeURIComponent(arg?.text ?? '')}`, method, arg ?? {}, {\n        signal: arg?.signal,\n      });\n    }\n  );\n\n  return { data, error, isMutating, trigger, reset };\n}\n\nexport const SearchProvider: React.FC<{ children: ReactElement }> = ({ children }) => {\n  const basePath = stripTrailingSlash(configuration.base);\n\n  const { data, isMutating, error, trigger, reset } = useDataSearchMutation<SearchResultWeb[]>(\n    basePath,\n    APIRoute.SEARCH,\n    'GET'\n  );\n\n  const doSearch = async (query: { text: string; signal?: AbortSignal }) => {\n    try {\n      await trigger({ text: query.text, signal: query.signal });\n    } catch (err: any) {\n      // an abort (user kept typing or navigated away) is expected control flow;\n      // real failures are surfaced through the `isError` state below\n      if (err?.name !== 'AbortError') {\n        console.error('Search failed:', err);\n      }\n    }\n  };\n\n  const value: SearchContextProps = {\n    searchResults: data ?? [],\n    isLoading: isMutating,\n    // an aborted request (user kept typing) is not an error worth showing\n    isError: !!error && error.name !== 'AbortError',\n    error,\n    doSearch,\n    resetSearch: reset,\n  };\n\n  return <SearchContext.Provider value={value}>{children}</SearchContext.Provider>;\n};\n\nexport default SearchProvider;\n\nexport const useSearch = () => useContext(SearchContext);\n"],"mappings":";;;;;;;;AAoBA,IAAa,gBAAgB,cAA2C;CACtE,eAAe,CAAC;CAChB,WAAW;AACb,CAAC;AAED,IAAM,gBAAgB,iBAAiB;AAEvC,SAAS,sBAAyB,UAAkB,OAA0B,SAAS,QAAQ;CAC7F,MAAM,MAAM,GAAG,WAAW;CAE1B,MAAM,EAAE,MAAM,OAAO,YAAY,SAAS,UAAU,eAClD,MACC,KAAK,EAAE,UAAU;EAChB,OAAO,QAAW,GAAG,MAAM,mBAAmB,KAAK,QAAQ,EAAE,KAAK,QAAQ,OAAO,CAAC,GAAG,EACnF,QAAQ,KAAK,OACf,CAAC;CACH,CACF;CAEA,OAAO;EAAE;EAAM;EAAO;EAAY;EAAS;CAAM;AACnD;AAEA,IAAa,kBAAwD,EAAE,eAAe;CAGpF,MAAM,EAAE,MAAM,YAAY,OAAO,SAAS,UAAU,sBAFnC,mBAAmB,cAAc,IAGhD,GACA,SAAS,QACT,KACF;CAEA,MAAM,WAAW,OAAO,UAAkD;EACxE,IAAI;GACF,MAAM,QAAQ;IAAE,MAAM,MAAM;IAAM,QAAQ,MAAM;GAAO,CAAC;EAC1D,SAAS,KAAU;GAGjB,IAAI,KAAK,SAAS,cAChB,QAAQ,MAAM,kBAAkB,GAAG;EAEvC;CACF;CAEA,MAAM,QAA4B;EAChC,eAAe,QAAQ,CAAC;EACxB,WAAW;EAEX,SAAS,CAAC,CAAC,SAAS,MAAM,SAAS;EACnC;EACA;EACA,aAAa;CACf;CAEA,OAAO,oBAAC,cAAc,UAAf;EAA+B;EAAQ;CAAiC,CAAA;AACjF;AAIA,IAAa,kBAAkB,WAAW,aAAa"}

package/build/providers/TranslatorProvider/TranslatorProvider.js

@@ -2,8 +2,8 @@ const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_useLocalStorage = require("../../hooks/useLocalStorage.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let react_i18next = require("react-i18next");
+let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/providers/TranslatorProvider/TranslatorProvider.tsx
 var I18nTranslatorContext = (0, react.createContext)({
 	setLanguage: (_lng) => {},
@@ -21,8 +21,10 @@ var TranslatorProvider = ({ children, onMount, i18n, listLanguages }) => {
 		await i18n.changeLanguage(language);
 	}, [i18n, language]);
 	(0, react.useEffect)(() => {
-		changeLanguage();
-		onMount();
+		(async () => {
+			await changeLanguage();
+			onMount();
+		})();
 	}, [
 		language,
 		onMount,

package/build/providers/TranslatorProvider/TranslatorProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"TranslatorProvider.js","names":[],"sources":["../../../src/providers/TranslatorProvider/TranslatorProvider.tsx"],"sourcesContent":["import type { i18n } from 'i18next';\nimport type { FunctionComponent } from 'react';\nimport React, { createContext, useCallback, useContext, useEffect } from 'react';\nimport { I18nextProvider } from 'react-i18next';\n\nimport useLocalStorage from '../../hooks/useLocalStorage';\n\nexport type TranslatorProviderProps = {\n  setLanguage: (lng: string) => void;\n  language: string;\n  listLanguages: LanguageItem[];\n};\n\nexport type LanguageItem = { lng: string; icon: any; menuKey: string };\n\nconst I18nTranslatorContext = createContext<TranslatorProviderProps>({\n  setLanguage: (_lng: string) => {},\n  language: 'en-US',\n  listLanguages: [],\n});\n\n/**\n * Translator provider\n * @category Provider\n */\nconst TranslatorProvider: FunctionComponent<{\n  children: React.ReactElement<any>;\n  i18n: i18n;\n  listLanguages: any;\n  onMount: () => {};\n}> = ({ children, onMount, i18n, listLanguages }) => {\n  const currentLanguage = i18n.languages?.[0];\n  const [language, setLanguage] = useLocalStorage<string>('language', currentLanguage);\n  const changeLanguage = useCallback(async () => {\n    await i18n.changeLanguage(language);\n  }, [i18n, language]);\n\n  useEffect(() => {\n    changeLanguage();\n    onMount();\n  }, [language, onMount, changeLanguage]);\n\n  return (\n    <I18nextProvider i18n={i18n}>\n      <I18nTranslatorContext.Provider value={{ setLanguage, language, listLanguages }}>\n        {children}\n      </I18nTranslatorContext.Provider>\n    </I18nextProvider>\n  );\n};\n\nexport default TranslatorProvider;\n\nexport const useLanguage = () => useContext(I18nTranslatorContext);\n"],"mappings":";;;;;;;AAeA,IAAM,yBAAA,GAAwB,MAAA,cAAA,CAAuC;CACnE,cAAc,SAAiB,CAAC;CAChC,UAAU;CACV,eAAe,CAAC;AAClB,CAAC;;;;;AAMD,IAAM,sBAKA,EAAE,UAAU,SAAS,MAAM,oBAAoB;CACnD,MAAM,kBAAkB,KAAK,YAAY;CACzC,MAAM,CAAC,UAAU,eAAe,wBAAA,QAAwB,YAAY,eAAe;CACnF,MAAM,kBAAA,GAAiB,MAAA,YAAA,CAAY,YAAY;EAC7C,MAAM,KAAK,eAAe,QAAQ;CACpC,GAAG,CAAC,MAAM,QAAQ,CAAC;CAEnB,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,eAAe;EACf,QAAQ;CACV,GAAG;EAAC;EAAU;EAAS;CAAc,CAAC;CAEtC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,iBAAD;EAAuB;EACrB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAsB,UAAvB;GAAgC,OAAO;IAAE;IAAa;IAAU;GAAc;GAC3E;EAC6B,CAAA;CACjB,CAAA;AAErB;AAIA,IAAa,qBAAA,GAAoB,MAAA,WAAA,CAAW,qBAAqB"}
+{"version":3,"file":"TranslatorProvider.js","names":[],"sources":["../../../src/providers/TranslatorProvider/TranslatorProvider.tsx"],"sourcesContent":["import type { i18n } from 'i18next';\nimport type { FunctionComponent } from 'react';\nimport React, { createContext, useCallback, useContext, useEffect } from 'react';\nimport { I18nextProvider } from 'react-i18next';\n\nimport useLocalStorage from '../../hooks/useLocalStorage';\n\nexport type TranslatorProviderProps = {\n  setLanguage: (lng: string) => void;\n  language: string;\n  listLanguages: LanguageItem[];\n};\n\nexport type LanguageItem = { lng: string; icon: any; menuKey: string };\n\nconst I18nTranslatorContext = createContext<TranslatorProviderProps>({\n  setLanguage: (_lng: string) => {},\n  language: 'en-US',\n  listLanguages: [],\n});\n\n/**\n * Translator provider\n * @category Provider\n */\nconst TranslatorProvider: FunctionComponent<{\n  children: React.ReactElement<any>;\n  i18n: i18n;\n  listLanguages: any;\n  onMount: () => {};\n}> = ({ children, onMount, i18n, listLanguages }) => {\n  const currentLanguage = i18n.languages?.[0];\n  const [language, setLanguage] = useLocalStorage<string>('language', currentLanguage);\n  const changeLanguage = useCallback(async () => {\n    await i18n.changeLanguage(language);\n  }, [i18n, language]);\n\n  useEffect(() => {\n    // apply the persisted language first, so onMount consumers (e.g. the dayjs\n    // locale loader) read the final i18n.language instead of the default\n    (async () => {\n      await changeLanguage();\n      onMount();\n    })();\n  }, [language, onMount, changeLanguage]);\n\n  return (\n    <I18nextProvider i18n={i18n}>\n      <I18nTranslatorContext.Provider value={{ setLanguage, language, listLanguages }}>\n        {children}\n      </I18nTranslatorContext.Provider>\n    </I18nextProvider>\n  );\n};\n\nexport default TranslatorProvider;\n\nexport const useLanguage = () => useContext(I18nTranslatorContext);\n"],"mappings":";;;;;;;AAeA,IAAM,yBAAA,GAAwB,MAAA,cAAA,CAAuC;CACnE,cAAc,SAAiB,CAAC;CAChC,UAAU;CACV,eAAe,CAAC;AAClB,CAAC;;;;;AAMD,IAAM,sBAKA,EAAE,UAAU,SAAS,MAAM,oBAAoB;CACnD,MAAM,kBAAkB,KAAK,YAAY;CACzC,MAAM,CAAC,UAAU,eAAe,wBAAA,QAAwB,YAAY,eAAe;CACnF,MAAM,kBAAA,GAAiB,MAAA,YAAA,CAAY,YAAY;EAC7C,MAAM,KAAK,eAAe,QAAQ;CACpC,GAAG,CAAC,MAAM,QAAQ,CAAC;CAEnB,CAAA,GAAA,MAAA,UAAA,OAAgB;EAGd,CAAC,YAAY;GACX,MAAM,eAAe;GACrB,QAAQ;EACV,EAAA,CAAG;CACL,GAAG;EAAC;EAAU;EAAS;CAAc,CAAC;CAEtC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,iBAAD;EAAuB;EACrB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAsB,UAAvB;GAAgC,OAAO;IAAE;IAAa;IAAU;GAAc;GAC3E;EAC6B,CAAA;CACjB,CAAA;AAErB;AAIA,IAAa,qBAAA,GAAoB,MAAA,WAAA,CAAW,qBAAqB"}

package/build/providers/TranslatorProvider/TranslatorProvider.mjs

@@ -1,7 +1,7 @@
 import useLocalStorage from "../../hooks/useLocalStorage.mjs";
 import { createContext, useCallback, useContext, useEffect } from "react";
-import { jsx } from "react/jsx-runtime";
 import { I18nextProvider } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
 //#region src/providers/TranslatorProvider/TranslatorProvider.tsx
 var I18nTranslatorContext = createContext({
 	setLanguage: (_lng) => {},
@@ -19,8 +19,10 @@ var TranslatorProvider = ({ children, onMount, i18n, listLanguages }) => {
 		await i18n.changeLanguage(language);
 	}, [i18n, language]);
 	useEffect(() => {
-		changeLanguage();
-		onMount();
+		(async () => {
+			await changeLanguage();
+			onMount();
+		})();
 	}, [
 		language,
 		onMount,

package/build/providers/TranslatorProvider/TranslatorProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TranslatorProvider.mjs","names":[],"sources":["../../../src/providers/TranslatorProvider/TranslatorProvider.tsx"],"sourcesContent":["import type { i18n } from 'i18next';\nimport type { FunctionComponent } from 'react';\nimport React, { createContext, useCallback, useContext, useEffect } from 'react';\nimport { I18nextProvider } from 'react-i18next';\n\nimport useLocalStorage from '../../hooks/useLocalStorage';\n\nexport type TranslatorProviderProps = {\n  setLanguage: (lng: string) => void;\n  language: string;\n  listLanguages: LanguageItem[];\n};\n\nexport type LanguageItem = { lng: string; icon: any; menuKey: string };\n\nconst I18nTranslatorContext = createContext<TranslatorProviderProps>({\n  setLanguage: (_lng: string) => {},\n  language: 'en-US',\n  listLanguages: [],\n});\n\n/**\n * Translator provider\n * @category Provider\n */\nconst TranslatorProvider: FunctionComponent<{\n  children: React.ReactElement<any>;\n  i18n: i18n;\n  listLanguages: any;\n  onMount: () => {};\n}> = ({ children, onMount, i18n, listLanguages }) => {\n  const currentLanguage = i18n.languages?.[0];\n  const [language, setLanguage] = useLocalStorage<string>('language', currentLanguage);\n  const changeLanguage = useCallback(async () => {\n    await i18n.changeLanguage(language);\n  }, [i18n, language]);\n\n  useEffect(() => {\n    changeLanguage();\n    onMount();\n  }, [language, onMount, changeLanguage]);\n\n  return (\n    <I18nextProvider i18n={i18n}>\n      <I18nTranslatorContext.Provider value={{ setLanguage, language, listLanguages }}>\n        {children}\n      </I18nTranslatorContext.Provider>\n    </I18nextProvider>\n  );\n};\n\nexport default TranslatorProvider;\n\nexport const useLanguage = () => useContext(I18nTranslatorContext);\n"],"mappings":";;;;;AAeA,IAAM,wBAAwB,cAAuC;CACnE,cAAc,SAAiB,CAAC;CAChC,UAAU;CACV,eAAe,CAAC;AAClB,CAAC;;;;;AAMD,IAAM,sBAKA,EAAE,UAAU,SAAS,MAAM,oBAAoB;CACnD,MAAM,kBAAkB,KAAK,YAAY;CACzC,MAAM,CAAC,UAAU,eAAe,gBAAwB,YAAY,eAAe;CACnF,MAAM,iBAAiB,YAAY,YAAY;EAC7C,MAAM,KAAK,eAAe,QAAQ;CACpC,GAAG,CAAC,MAAM,QAAQ,CAAC;CAEnB,gBAAgB;EACd,eAAe;EACf,QAAQ;CACV,GAAG;EAAC;EAAU;EAAS;CAAc,CAAC;CAEtC,OACE,oBAAC,iBAAD;EAAuB;EACrB,UAAA,oBAAC,sBAAsB,UAAvB;GAAgC,OAAO;IAAE;IAAa;IAAU;GAAc;GAC3E;EAC6B,CAAA;CACjB,CAAA;AAErB;AAIA,IAAa,oBAAoB,WAAW,qBAAqB"}
+{"version":3,"file":"TranslatorProvider.mjs","names":[],"sources":["../../../src/providers/TranslatorProvider/TranslatorProvider.tsx"],"sourcesContent":["import type { i18n } from 'i18next';\nimport type { FunctionComponent } from 'react';\nimport React, { createContext, useCallback, useContext, useEffect } from 'react';\nimport { I18nextProvider } from 'react-i18next';\n\nimport useLocalStorage from '../../hooks/useLocalStorage';\n\nexport type TranslatorProviderProps = {\n  setLanguage: (lng: string) => void;\n  language: string;\n  listLanguages: LanguageItem[];\n};\n\nexport type LanguageItem = { lng: string; icon: any; menuKey: string };\n\nconst I18nTranslatorContext = createContext<TranslatorProviderProps>({\n  setLanguage: (_lng: string) => {},\n  language: 'en-US',\n  listLanguages: [],\n});\n\n/**\n * Translator provider\n * @category Provider\n */\nconst TranslatorProvider: FunctionComponent<{\n  children: React.ReactElement<any>;\n  i18n: i18n;\n  listLanguages: any;\n  onMount: () => {};\n}> = ({ children, onMount, i18n, listLanguages }) => {\n  const currentLanguage = i18n.languages?.[0];\n  const [language, setLanguage] = useLocalStorage<string>('language', currentLanguage);\n  const changeLanguage = useCallback(async () => {\n    await i18n.changeLanguage(language);\n  }, [i18n, language]);\n\n  useEffect(() => {\n    // apply the persisted language first, so onMount consumers (e.g. the dayjs\n    // locale loader) read the final i18n.language instead of the default\n    (async () => {\n      await changeLanguage();\n      onMount();\n    })();\n  }, [language, onMount, changeLanguage]);\n\n  return (\n    <I18nextProvider i18n={i18n}>\n      <I18nTranslatorContext.Provider value={{ setLanguage, language, listLanguages }}>\n        {children}\n      </I18nTranslatorContext.Provider>\n    </I18nextProvider>\n  );\n};\n\nexport default TranslatorProvider;\n\nexport const useLanguage = () => useContext(I18nTranslatorContext);\n"],"mappings":";;;;;AAeA,IAAM,wBAAwB,cAAuC;CACnE,cAAc,SAAiB,CAAC;CAChC,UAAU;CACV,eAAe,CAAC;AAClB,CAAC;;;;;AAMD,IAAM,sBAKA,EAAE,UAAU,SAAS,MAAM,oBAAoB;CACnD,MAAM,kBAAkB,KAAK,YAAY;CACzC,MAAM,CAAC,UAAU,eAAe,gBAAwB,YAAY,eAAe;CACnF,MAAM,iBAAiB,YAAY,YAAY;EAC7C,MAAM,KAAK,eAAe,QAAQ;CACpC,GAAG,CAAC,MAAM,QAAQ,CAAC;CAEnB,gBAAgB;EAGd,CAAC,YAAY;GACX,MAAM,eAAe;GACrB,QAAQ;EACV,EAAA,CAAG;CACL,GAAG;EAAC;EAAU;EAAS;CAAc,CAAC;CAEtC,OACE,oBAAC,iBAAD;EAAuB;EACrB,UAAA,oBAAC,sBAAsB,UAAvB;GAAgC,OAAO;IAAE;IAAa;IAAU;GAAc;GAC3E;EAC6B,CAAA;CACjB,CAAA;AAErB;AAIA,IAAa,oBAAoB,WAAW,qBAAqB"}

package/build/providers/VersionProvider/VersionProvider.js

@@ -20,8 +20,8 @@ var VersionProvider = ({ children }) => {
 	const readmeData = require_use_data.useData(basePath, require_routes.APIRoute.README, packageName, packageVersion);
 	const sidebarData = require_use_data.useData(basePath, require_routes.APIRoute.SIDEBAR, packageName, packageVersion);
 	const isLoading = readmeData.isLoading || sidebarData.isLoading;
-	const error = readmeData.error || sidebarData.error;
-	const errorCode = readmeData.error?.code ?? sidebarData.error?.code;
+	const error = sidebarData.error;
+	const errorCode = sidebarData.error?.code;
 	const value = (0, react.useMemo)(() => ({
 		packageMeta: sidebarData.data,
 		readMe: readmeData.data,
@@ -31,7 +31,7 @@ var VersionProvider = ({ children }) => {
 		isForbidden: errorCode === 403,
 		isUnAuthorized: errorCode === 401,
 		hasNotBeenFound: errorCode === 404,
-		isError: errorCode !== void 0,
+		isError: error !== void 0,
 		error
 	}), [
 		sidebarData.data,

package/build/providers/VersionProvider/VersionProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"VersionProvider.js","names":[],"sources":["../../../src/providers/VersionProvider/VersionProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from 'react';\nimport { useParams } from 'react-router';\n\nimport { useData } from '../../api/use-data';\nimport { getConfiguration } from '../../configuration';\nimport { APIRoute } from '../../store/routes';\nimport { stripTrailingSlash } from '../../store/utils';\nimport type { PackageMetaInterface } from '../../types/packageMeta';\n\nfunction getRouterPackageName(packageName: string, scope?: string): string {\n  return scope ? `${scope}/${packageName}` : packageName;\n}\n\nexport interface ApiError extends Error {\n  code?: number;\n}\n\nexport interface DetailContextProps {\n  error: ApiError | undefined;\n  hasNotBeenFound: boolean;\n  isForbidden: boolean;\n  isUnAuthorized: boolean;\n  isError: boolean;\n  isLoading: boolean;\n  packageMeta?: PackageMetaInterface;\n  packageName: string;\n  packageVersion?: string;\n  readMe?: string;\n}\n\nexport const DetailContext = createContext<DetailContextProps | undefined>(undefined);\n\nconst VersionProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  const {\n    scope,\n    package: pkgName,\n    version: packageVersion,\n  } = useParams<Record<'scope' | 'package' | 'version', string | undefined>>();\n\n  const configuration = getConfiguration();\n  const basePath = stripTrailingSlash(configuration.base);\n  const packageName = getRouterPackageName(pkgName ?? '', scope);\n\n  const readmeData = useData<string>(basePath, APIRoute.README, packageName, packageVersion);\n\n  const sidebarData = useData<PackageMetaInterface>(\n    basePath,\n    APIRoute.SIDEBAR,\n    packageName,\n    packageVersion\n  );\n  const isLoading = readmeData.isLoading || sidebarData.isLoading;\n  const error: ApiError | undefined = readmeData.error || sidebarData.error;\n  const errorCode = (readmeData.error as ApiError)?.code ?? (sidebarData.error as ApiError)?.code;\n\n  const value = useMemo<DetailContextProps>(\n    () => ({\n      packageMeta: sidebarData.data,\n      readMe: readmeData.data,\n      packageName,\n      packageVersion,\n      isLoading,\n      isForbidden: errorCode === 403,\n      isUnAuthorized: errorCode === 401,\n      hasNotBeenFound: errorCode === 404,\n      isError: errorCode !== undefined,\n      error,\n    }),\n    [sidebarData.data, readmeData.data, packageName, packageVersion, isLoading, errorCode, error]\n  );\n\n  return <DetailContext.Provider value={value}>{children}</DetailContext.Provider>;\n};\n\nexport default VersionProvider;\n\nexport const useVersion = (): DetailContextProps => {\n  const context = useContext(DetailContext);\n  if (context === undefined) {\n    throw new Error('useVersion must be used within a VersionProvider');\n  }\n  return context;\n};\n"],"mappings":";;;;;;;;;;AASA,SAAS,qBAAqB,aAAqB,OAAwB;CACzE,OAAO,QAAQ,GAAG,MAAM,GAAG,gBAAgB;AAC7C;AAmBA,IAAa,iBAAA,GAAgB,MAAA,cAAA,CAA8C,KAAA,CAAS;AAEpF,IAAM,mBAA4D,EAAE,eAAe;CACjF,MAAM,EACJ,OACA,SAAS,SACT,SAAS,oBAAA,GACP,aAAA,UAAA,CAAuE;CAE3E,MAAM,gBAAgB,sBAAA,iBAAiB;CACvC,MAAM,WAAW,cAAA,mBAAmB,cAAc,IAAI;CACtD,MAAM,cAAc,qBAAqB,WAAW,IAAI,KAAK;CAE7D,MAAM,aAAa,iBAAA,QAAgB,UAAU,eAAA,SAAS,QAAQ,aAAa,cAAc;CAEzF,MAAM,cAAc,iBAAA,QAClB,UACA,eAAA,SAAS,SACT,aACA,cACF;CACA,MAAM,YAAY,WAAW,aAAa,YAAY;CACtD,MAAM,QAA8B,WAAW,SAAS,YAAY;CACpE,MAAM,YAAa,WAAW,OAAoB,QAAS,YAAY,OAAoB;CAE3F,MAAM,SAAA,GAAQ,MAAA,QAAA,QACL;EACL,aAAa,YAAY;EACzB,QAAQ,WAAW;EACnB;EACA;EACA;EACA,aAAa,cAAc;EAC3B,gBAAgB,cAAc;EAC9B,iBAAiB,cAAc;EAC/B,SAAS,cAAc,KAAA;EACvB;CACF,IACA;EAAC,YAAY;EAAM,WAAW;EAAM;EAAa;EAAgB;EAAW;EAAW;CAAK,CAC9F;CAEA,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAc,UAAf;EAA+B;EAAQ;CAAiC,CAAA;AACjF;AAIA,IAAa,mBAAuC;CAClD,MAAM,WAAA,GAAU,MAAA,WAAA,CAAW,aAAa;CACxC,IAAI,YAAY,KAAA,GACd,MAAM,IAAI,MAAM,kDAAkD;CAEpE,OAAO;AACT"}
+{"version":3,"file":"VersionProvider.js","names":[],"sources":["../../../src/providers/VersionProvider/VersionProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from 'react';\nimport { useParams } from 'react-router';\n\nimport { useData } from '../../api/use-data';\nimport { getConfiguration } from '../../configuration';\nimport { APIRoute } from '../../store/routes';\nimport { stripTrailingSlash } from '../../store/utils';\nimport type { PackageMetaInterface } from '../../types/packageMeta';\n\nfunction getRouterPackageName(packageName: string, scope?: string): string {\n  return scope ? `${scope}/${packageName}` : packageName;\n}\n\nexport interface ApiError extends Error {\n  code?: number;\n}\n\nexport interface DetailContextProps {\n  error: ApiError | undefined;\n  hasNotBeenFound: boolean;\n  isForbidden: boolean;\n  isUnAuthorized: boolean;\n  isError: boolean;\n  isLoading: boolean;\n  packageMeta?: PackageMetaInterface;\n  packageName: string;\n  packageVersion?: string;\n  readMe?: string;\n}\n\nexport const DetailContext = createContext<DetailContextProps | undefined>(undefined);\n\nconst VersionProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  const {\n    scope,\n    package: pkgName,\n    version: packageVersion,\n  } = useParams<Record<'scope' | 'package' | 'version', string | undefined>>();\n\n  const configuration = getConfiguration();\n  const basePath = stripTrailingSlash(configuration.base);\n  const packageName = getRouterPackageName(pkgName ?? '', scope);\n\n  const readmeData = useData<string>(basePath, APIRoute.README, packageName, packageVersion);\n\n  const sidebarData = useData<PackageMetaInterface>(\n    basePath,\n    APIRoute.SIDEBAR,\n    packageName,\n    packageVersion\n  );\n  const isLoading = readmeData.isLoading || sidebarData.isLoading;\n  // only the sidebar data drives the whole page; a readme-only failure must\n  // not blank a page that can render from sidebar data\n  const error: ApiError | undefined = sidebarData.error;\n  const errorCode = (sidebarData.error as ApiError)?.code;\n\n  const value = useMemo<DetailContextProps>(\n    () => ({\n      packageMeta: sidebarData.data,\n      readMe: readmeData.data,\n      packageName,\n      packageVersion,\n      isLoading,\n      isForbidden: errorCode === 403,\n      isUnAuthorized: errorCode === 401,\n      hasNotBeenFound: errorCode === 404,\n      // network failures reject without a `.code`, they are still errors\n      isError: error !== undefined,\n      error,\n    }),\n    [sidebarData.data, readmeData.data, packageName, packageVersion, isLoading, errorCode, error]\n  );\n\n  return <DetailContext.Provider value={value}>{children}</DetailContext.Provider>;\n};\n\nexport default VersionProvider;\n\nexport const useVersion = (): DetailContextProps => {\n  const context = useContext(DetailContext);\n  if (context === undefined) {\n    throw new Error('useVersion must be used within a VersionProvider');\n  }\n  return context;\n};\n"],"mappings":";;;;;;;;;;AASA,SAAS,qBAAqB,aAAqB,OAAwB;CACzE,OAAO,QAAQ,GAAG,MAAM,GAAG,gBAAgB;AAC7C;AAmBA,IAAa,iBAAA,GAAgB,MAAA,cAAA,CAA8C,KAAA,CAAS;AAEpF,IAAM,mBAA4D,EAAE,eAAe;CACjF,MAAM,EACJ,OACA,SAAS,SACT,SAAS,oBAAA,GACP,aAAA,UAAA,CAAuE;CAE3E,MAAM,gBAAgB,sBAAA,iBAAiB;CACvC,MAAM,WAAW,cAAA,mBAAmB,cAAc,IAAI;CACtD,MAAM,cAAc,qBAAqB,WAAW,IAAI,KAAK;CAE7D,MAAM,aAAa,iBAAA,QAAgB,UAAU,eAAA,SAAS,QAAQ,aAAa,cAAc;CAEzF,MAAM,cAAc,iBAAA,QAClB,UACA,eAAA,SAAS,SACT,aACA,cACF;CACA,MAAM,YAAY,WAAW,aAAa,YAAY;CAGtD,MAAM,QAA8B,YAAY;CAChD,MAAM,YAAa,YAAY,OAAoB;CAEnD,MAAM,SAAA,GAAQ,MAAA,QAAA,QACL;EACL,aAAa,YAAY;EACzB,QAAQ,WAAW;EACnB;EACA;EACA;EACA,aAAa,cAAc;EAC3B,gBAAgB,cAAc;EAC9B,iBAAiB,cAAc;EAE/B,SAAS,UAAU,KAAA;EACnB;CACF,IACA;EAAC,YAAY;EAAM,WAAW;EAAM;EAAa;EAAgB;EAAW;EAAW;CAAK,CAC9F;CAEA,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAc,UAAf;EAA+B;EAAQ;CAAiC,CAAA;AACjF;AAIA,IAAa,mBAAuC;CAClD,MAAM,WAAA,GAAU,MAAA,WAAA,CAAW,aAAa;CACxC,IAAI,YAAY,KAAA,GACd,MAAM,IAAI,MAAM,kDAAkD;CAEpE,OAAO;AACT"}

package/build/providers/VersionProvider/VersionProvider.mjs

@@ -18,8 +18,8 @@ var VersionProvider = ({ children }) => {
 	const readmeData = useData(basePath, APIRoute.README, packageName, packageVersion);
 	const sidebarData = useData(basePath, APIRoute.SIDEBAR, packageName, packageVersion);
 	const isLoading = readmeData.isLoading || sidebarData.isLoading;
-	const error = readmeData.error || sidebarData.error;
-	const errorCode = readmeData.error?.code ?? sidebarData.error?.code;
+	const error = sidebarData.error;
+	const errorCode = sidebarData.error?.code;
 	const value = useMemo(() => ({
 		packageMeta: sidebarData.data,
 		readMe: readmeData.data,
@@ -29,7 +29,7 @@ var VersionProvider = ({ children }) => {
 		isForbidden: errorCode === 403,
 		isUnAuthorized: errorCode === 401,
 		hasNotBeenFound: errorCode === 404,
-		isError: errorCode !== void 0,
+		isError: error !== void 0,
 		error
 	}), [
 		sidebarData.data,

package/build/providers/VersionProvider/VersionProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VersionProvider.mjs","names":[],"sources":["../../../src/providers/VersionProvider/VersionProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from 'react';\nimport { useParams } from 'react-router';\n\nimport { useData } from '../../api/use-data';\nimport { getConfiguration } from '../../configuration';\nimport { APIRoute } from '../../store/routes';\nimport { stripTrailingSlash } from '../../store/utils';\nimport type { PackageMetaInterface } from '../../types/packageMeta';\n\nfunction getRouterPackageName(packageName: string, scope?: string): string {\n  return scope ? `${scope}/${packageName}` : packageName;\n}\n\nexport interface ApiError extends Error {\n  code?: number;\n}\n\nexport interface DetailContextProps {\n  error: ApiError | undefined;\n  hasNotBeenFound: boolean;\n  isForbidden: boolean;\n  isUnAuthorized: boolean;\n  isError: boolean;\n  isLoading: boolean;\n  packageMeta?: PackageMetaInterface;\n  packageName: string;\n  packageVersion?: string;\n  readMe?: string;\n}\n\nexport const DetailContext = createContext<DetailContextProps | undefined>(undefined);\n\nconst VersionProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  const {\n    scope,\n    package: pkgName,\n    version: packageVersion,\n  } = useParams<Record<'scope' | 'package' | 'version', string | undefined>>();\n\n  const configuration = getConfiguration();\n  const basePath = stripTrailingSlash(configuration.base);\n  const packageName = getRouterPackageName(pkgName ?? '', scope);\n\n  const readmeData = useData<string>(basePath, APIRoute.README, packageName, packageVersion);\n\n  const sidebarData = useData<PackageMetaInterface>(\n    basePath,\n    APIRoute.SIDEBAR,\n    packageName,\n    packageVersion\n  );\n  const isLoading = readmeData.isLoading || sidebarData.isLoading;\n  const error: ApiError | undefined = readmeData.error || sidebarData.error;\n  const errorCode = (readmeData.error as ApiError)?.code ?? (sidebarData.error as ApiError)?.code;\n\n  const value = useMemo<DetailContextProps>(\n    () => ({\n      packageMeta: sidebarData.data,\n      readMe: readmeData.data,\n      packageName,\n      packageVersion,\n      isLoading,\n      isForbidden: errorCode === 403,\n      isUnAuthorized: errorCode === 401,\n      hasNotBeenFound: errorCode === 404,\n      isError: errorCode !== undefined,\n      error,\n    }),\n    [sidebarData.data, readmeData.data, packageName, packageVersion, isLoading, errorCode, error]\n  );\n\n  return <DetailContext.Provider value={value}>{children}</DetailContext.Provider>;\n};\n\nexport default VersionProvider;\n\nexport const useVersion = (): DetailContextProps => {\n  const context = useContext(DetailContext);\n  if (context === undefined) {\n    throw new Error('useVersion must be used within a VersionProvider');\n  }\n  return context;\n};\n"],"mappings":";;;;;;;;AASA,SAAS,qBAAqB,aAAqB,OAAwB;CACzE,OAAO,QAAQ,GAAG,MAAM,GAAG,gBAAgB;AAC7C;AAmBA,IAAa,gBAAgB,cAA8C,KAAA,CAAS;AAEpF,IAAM,mBAA4D,EAAE,eAAe;CACjF,MAAM,EACJ,OACA,SAAS,SACT,SAAS,mBACP,UAAuE;CAE3E,MAAM,gBAAgB,iBAAiB;CACvC,MAAM,WAAW,mBAAmB,cAAc,IAAI;CACtD,MAAM,cAAc,qBAAqB,WAAW,IAAI,KAAK;CAE7D,MAAM,aAAa,QAAgB,UAAU,SAAS,QAAQ,aAAa,cAAc;CAEzF,MAAM,cAAc,QAClB,UACA,SAAS,SACT,aACA,cACF;CACA,MAAM,YAAY,WAAW,aAAa,YAAY;CACtD,MAAM,QAA8B,WAAW,SAAS,YAAY;CACpE,MAAM,YAAa,WAAW,OAAoB,QAAS,YAAY,OAAoB;CAE3F,MAAM,QAAQ,eACL;EACL,aAAa,YAAY;EACzB,QAAQ,WAAW;EACnB;EACA;EACA;EACA,aAAa,cAAc;EAC3B,gBAAgB,cAAc;EAC9B,iBAAiB,cAAc;EAC/B,SAAS,cAAc,KAAA;EACvB;CACF,IACA;EAAC,YAAY;EAAM,WAAW;EAAM;EAAa;EAAgB;EAAW;EAAW;CAAK,CAC9F;CAEA,OAAO,oBAAC,cAAc,UAAf;EAA+B;EAAQ;CAAiC,CAAA;AACjF;AAIA,IAAa,mBAAuC;CAClD,MAAM,UAAU,WAAW,aAAa;CACxC,IAAI,YAAY,KAAA,GACd,MAAM,IAAI,MAAM,kDAAkD;CAEpE,OAAO;AACT"}
+{"version":3,"file":"VersionProvider.mjs","names":[],"sources":["../../../src/providers/VersionProvider/VersionProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from 'react';\nimport { useParams } from 'react-router';\n\nimport { useData } from '../../api/use-data';\nimport { getConfiguration } from '../../configuration';\nimport { APIRoute } from '../../store/routes';\nimport { stripTrailingSlash } from '../../store/utils';\nimport type { PackageMetaInterface } from '../../types/packageMeta';\n\nfunction getRouterPackageName(packageName: string, scope?: string): string {\n  return scope ? `${scope}/${packageName}` : packageName;\n}\n\nexport interface ApiError extends Error {\n  code?: number;\n}\n\nexport interface DetailContextProps {\n  error: ApiError | undefined;\n  hasNotBeenFound: boolean;\n  isForbidden: boolean;\n  isUnAuthorized: boolean;\n  isError: boolean;\n  isLoading: boolean;\n  packageMeta?: PackageMetaInterface;\n  packageName: string;\n  packageVersion?: string;\n  readMe?: string;\n}\n\nexport const DetailContext = createContext<DetailContextProps | undefined>(undefined);\n\nconst VersionProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  const {\n    scope,\n    package: pkgName,\n    version: packageVersion,\n  } = useParams<Record<'scope' | 'package' | 'version', string | undefined>>();\n\n  const configuration = getConfiguration();\n  const basePath = stripTrailingSlash(configuration.base);\n  const packageName = getRouterPackageName(pkgName ?? '', scope);\n\n  const readmeData = useData<string>(basePath, APIRoute.README, packageName, packageVersion);\n\n  const sidebarData = useData<PackageMetaInterface>(\n    basePath,\n    APIRoute.SIDEBAR,\n    packageName,\n    packageVersion\n  );\n  const isLoading = readmeData.isLoading || sidebarData.isLoading;\n  // only the sidebar data drives the whole page; a readme-only failure must\n  // not blank a page that can render from sidebar data\n  const error: ApiError | undefined = sidebarData.error;\n  const errorCode = (sidebarData.error as ApiError)?.code;\n\n  const value = useMemo<DetailContextProps>(\n    () => ({\n      packageMeta: sidebarData.data,\n      readMe: readmeData.data,\n      packageName,\n      packageVersion,\n      isLoading,\n      isForbidden: errorCode === 403,\n      isUnAuthorized: errorCode === 401,\n      hasNotBeenFound: errorCode === 404,\n      // network failures reject without a `.code`, they are still errors\n      isError: error !== undefined,\n      error,\n    }),\n    [sidebarData.data, readmeData.data, packageName, packageVersion, isLoading, errorCode, error]\n  );\n\n  return <DetailContext.Provider value={value}>{children}</DetailContext.Provider>;\n};\n\nexport default VersionProvider;\n\nexport const useVersion = (): DetailContextProps => {\n  const context = useContext(DetailContext);\n  if (context === undefined) {\n    throw new Error('useVersion must be used within a VersionProvider');\n  }\n  return context;\n};\n"],"mappings":";;;;;;;;AASA,SAAS,qBAAqB,aAAqB,OAAwB;CACzE,OAAO,QAAQ,GAAG,MAAM,GAAG,gBAAgB;AAC7C;AAmBA,IAAa,gBAAgB,cAA8C,KAAA,CAAS;AAEpF,IAAM,mBAA4D,EAAE,eAAe;CACjF,MAAM,EACJ,OACA,SAAS,SACT,SAAS,mBACP,UAAuE;CAE3E,MAAM,gBAAgB,iBAAiB;CACvC,MAAM,WAAW,mBAAmB,cAAc,IAAI;CACtD,MAAM,cAAc,qBAAqB,WAAW,IAAI,KAAK;CAE7D,MAAM,aAAa,QAAgB,UAAU,SAAS,QAAQ,aAAa,cAAc;CAEzF,MAAM,cAAc,QAClB,UACA,SAAS,SACT,aACA,cACF;CACA,MAAM,YAAY,WAAW,aAAa,YAAY;CAGtD,MAAM,QAA8B,YAAY;CAChD,MAAM,YAAa,YAAY,OAAoB;CAEnD,MAAM,QAAQ,eACL;EACL,aAAa,YAAY;EACzB,QAAQ,WAAW;EACnB;EACA;EACA;EACA,aAAa,cAAc;EAC3B,gBAAgB,cAAc;EAC9B,iBAAiB,cAAc;EAE/B,SAAS,UAAU,KAAA;EACnB;CACF,IACA;EAAC,YAAY;EAAM,WAAW;EAAM;EAAa;EAAgB;EAAW;EAAW;CAAK,CAC9F;CAEA,OAAO,oBAAC,cAAc,UAAf;EAA+B;EAAQ;CAAiC,CAAA;AACjF;AAIA,IAAa,mBAAuC;CAClD,MAAM,UAAU,WAAW,aAAa;CACxC,IAAI,YAAY,KAAA,GACd,MAAM,IAAI,MAAM,kDAAkD;CAEpE,OAAO;AACT"}

package/build/sections/Detail/Tabs.js

@@ -3,8 +3,8 @@ let _emotion_styled = require("@emotion/styled");
 _emotion_styled = require_runtime.__toESM(_emotion_styled);
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let react_i18next = require("react-i18next");
+let react_jsx_runtime = require("react/jsx-runtime");
 let _mui_material_Tab = require("@mui/material/Tab");
 _mui_material_Tab = require_runtime.__toESM(_mui_material_Tab);
 let _mui_material_Tabs = require("@mui/material/Tabs");

package/build/sections/Detail/Tabs.mjs

@@ -1,7 +1,7 @@
 import styled from "@emotion/styled";
 import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
 import Tab from "@mui/material/Tab";
 import Tabs from "@mui/material/Tabs";
 import useMediaQuery from "@mui/material/useMediaQuery";

package/build/sections/Footer/Footer.js

@@ -9,8 +9,8 @@ let _emotion_styled = require("@emotion/styled");
 _emotion_styled = require_runtime.__toESM(_emotion_styled);
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let react_i18next = require("react-i18next");
+let react_jsx_runtime = require("react/jsx-runtime");
 let country_flag_icons_react_3x2 = require("country-flag-icons/react/3x2");
 country_flag_icons_react_3x2 = require_runtime.__toESM(country_flag_icons_react_3x2);
 //#region src/sections/Footer/Footer.tsx

package/build/sections/Footer/Footer.mjs

@@ -6,8 +6,8 @@ import { Inner, Left, Love, Right, Wrapper } from "./styles.mjs";
 import "../../index.mjs";
 import styled from "@emotion/styled";
 import "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Trans, useTranslation } from "react-i18next";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import * as FlagsIcon from "country-flag-icons/react/3x2";
 //#region src/sections/Footer/Footer.tsx
 function goToVerdaccioWebsite() {

package/build/sections/Header/Header.d.ts

@@ -2,7 +2,6 @@ import React from 'react';
 type Props = {
     HeaderInfoDialog?: React.FC<any>;
     isPlainHeader?: boolean;
-    tokenCheckIntervalMs?: number;
 };
 declare const Header: React.FC<Props>;
 export default Header;

package/build/sections/Header/Header.js

@@ -11,12 +11,12 @@ const require_HeaderSettingsDialog = require("./HeaderSettingsDialog.js");
 require("../../index.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
 let react_i18next = require("react-i18next");
+let react_jsx_runtime = require("react/jsx-runtime");
 let _mui_material_Button = require("@mui/material/Button");
 _mui_material_Button = require_runtime.__toESM(_mui_material_Button);
 //#region src/sections/Header/Header.tsx
-var Header = ({ HeaderInfoDialog, isPlainHeader, tokenCheckIntervalMs = 36e5 }) => {
+var Header = ({ HeaderInfoDialog, isPlainHeader }) => {
 	const { t } = (0, react_i18next.useTranslation)();
 	const [isInfoDialogOpen, setOpenInfoDialog] = (0, react.useState)(false);
 	const [isSettingsDialogOpen, setSettingsDialogOpen] = (0, react.useState)(false);
@@ -24,23 +24,25 @@ var Header = ({ HeaderInfoDialog, isPlainHeader, tokenCheckIntervalMs = 36e5 })
 	const [showLoginModal, setShowLoginModal] = (0, react.useState)(false);
 	const { configOptions } = require_AppConfigurationProvider.useConfig();
 	const { userState, logOutUser } = require_AuthProvider.useAuth();
-	const tokenRef = (0, react.useRef)(userState?.token);
 	const logOutUserRef = (0, react.useRef)(logOutUser);
-	(0, react.useEffect)(() => {
-		tokenRef.current = userState?.token;
-	}, [userState?.token]);
 	(0, react.useEffect)(() => {
 		logOutUserRef.current = logOutUser;
 	}, [logOutUser]);
 	(0, react.useEffect)(() => {
-		function checkToken() {
-			const token = tokenRef.current;
-			if (token && require_token.isTokenExpire(token)) logOutUserRef.current?.();
-		}
-		checkToken();
-		const interval = setInterval(checkToken, tokenCheckIntervalMs);
-		return () => clearInterval(interval);
-	}, [tokenCheckIntervalMs]);
+		const token = userState?.token;
+		if (!token) return;
+		let timer;
+		const arm = () => {
+			const remaining = require_token.tokenExpireInMs(token);
+			if (remaining === null || remaining <= 0) {
+				logOutUserRef.current?.();
+				return;
+			}
+			timer = setTimeout(arm, Math.min(remaining, 2 ** 31 - 1));
+		};
+		arm();
+		return () => clearTimeout(timer);
+	}, [userState?.token]);
 	const handleLogout = () => {
 		logOutUser?.();
 		setShowLoginModal(false);

package/build/sections/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","names":[],"sources":["../../../src/sections/Header/Header.tsx"],"sourcesContent":["import Button from '@mui/material/Button';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { LoginDialog, Search, useAuth, useConfig } from '../../';\nimport { isTokenExpire } from '../../utils/token';\nimport HeaderLeft from './HeaderLeft';\nimport HeaderRight from './HeaderRight';\nimport HeaderSettingsDialog from './HeaderSettingsDialog';\nimport { InnerMobileNavBar, InnerNavBar, MobileNavBar, NavBar } from './styles';\n\ntype Props = {\n  HeaderInfoDialog?: React.FC<any>;\n  isPlainHeader?: boolean;\n  tokenCheckIntervalMs?: number;\n};\n\n// Session timeout default is 1 hour\nconst Header: React.FC<Props> = ({\n  HeaderInfoDialog,\n  isPlainHeader,\n  tokenCheckIntervalMs = 60 * 60 * 1000,\n}) => {\n  const { t } = useTranslation();\n  const [isInfoDialogOpen, setOpenInfoDialog] = useState<boolean>(false);\n  const [isSettingsDialogOpen, setSettingsDialogOpen] = useState<boolean>(false);\n  const [showMobileNavBar, setShowMobileNavBar] = useState<boolean>(false);\n  const [showLoginModal, setShowLoginModal] = useState<boolean>(false);\n  const { configOptions } = useConfig();\n  const { userState, logOutUser } = useAuth();\n\n  // Use refs to always have the latest token/logout in the interval callback\n  const tokenRef = useRef(userState?.token);\n  const logOutUserRef = useRef(logOutUser);\n  useEffect(() => {\n    tokenRef.current = userState?.token;\n  }, [userState?.token]);\n  useEffect(() => {\n    logOutUserRef.current = logOutUser;\n  }, [logOutUser]);\n\n  useEffect(() => {\n    function checkToken() {\n      const token = tokenRef.current;\n      if (token && isTokenExpire(token)) {\n        logOutUserRef.current?.();\n      }\n    }\n    checkToken();\n    const interval = setInterval(checkToken, tokenCheckIntervalMs);\n    return () => clearInterval(interval);\n  }, [tokenCheckIntervalMs]);\n\n  const handleLogout = () => {\n    logOutUser?.();\n    setShowLoginModal(false);\n  };\n  if (isPlainHeader) {\n    return (\n      <NavBar data-testid=\"header\" position=\"static\">\n        <InnerNavBar data-testid=\"inner-nav-bar\">\n          <HeaderLeft showSearch={false} />\n          <HeaderRight\n            hasLogin={false}\n            onLogout={() => {}}\n            onOpenRegistryInfoDialog={() => {}}\n            onOpenSettingsDialog={() => {}}\n            onToggleLogin={() => {}}\n            onToggleMobileNav={() => {}}\n            showInfo={false}\n            showSearch={false}\n            showSettings={false}\n            showThemeSwitch={false}\n            username={''}\n          />\n        </InnerNavBar>\n      </NavBar>\n    );\n  }\n\n  return (\n    <>\n      <NavBar data-testid=\"header\" position=\"static\">\n        <InnerNavBar data-testid=\"inner-nav-bar\">\n          <HeaderLeft showSearch={configOptions.showSearch} />\n          <HeaderRight\n            hasLogin={configOptions?.login}\n            onLogout={handleLogout}\n            onOpenRegistryInfoDialog={() => setOpenInfoDialog(true)}\n            onOpenSettingsDialog={() => setSettingsDialogOpen(true)}\n            onToggleLogin={() => setShowLoginModal(!showLoginModal)}\n            onToggleMobileNav={() => setShowMobileNavBar(!showMobileNavBar)}\n            showInfo={configOptions.showInfo}\n            showSearch={configOptions.showSearch}\n            showSettings={configOptions.showSettings}\n            showThemeSwitch={configOptions.showThemeSwitch}\n            username={userState?.username}\n          />\n        </InnerNavBar>\n        <HeaderSettingsDialog\n          isOpen={isSettingsDialogOpen}\n          onCloseDialog={() => setSettingsDialogOpen(false)}\n        />\n        {HeaderInfoDialog ? (\n          <HeaderInfoDialog\n            dialogTitle={t('dialog.registry-info.title')}\n            isOpen={isInfoDialogOpen}\n            onCloseDialog={() => setOpenInfoDialog(false)}\n          />\n        ) : null}\n      </NavBar>\n      {showMobileNavBar && (\n        <MobileNavBar data-testid=\"mobile-nav-bar\">\n          <InnerMobileNavBar>\n            <Search />\n          </InnerMobileNavBar>\n          <Button color=\"inherit\" onClick={() => setShowMobileNavBar(false)}>\n            {t('button.cancel')}\n          </Button>\n        </MobileNavBar>\n      )}\n      {!userState?.username && (\n        <LoginDialog onClose={() => setShowLoginModal(false)} open={showLoginModal} />\n      )}\n    </>\n  );\n};\n\nexport default Header;\n"],"mappings":"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"}
+{"version":3,"file":"Header.js","names":[],"sources":["../../../src/sections/Header/Header.tsx"],"sourcesContent":["import Button from '@mui/material/Button';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { LoginDialog, Search, useAuth, useConfig } from '../../';\nimport { tokenExpireInMs } from '../../utils/token';\nimport HeaderLeft from './HeaderLeft';\nimport HeaderRight from './HeaderRight';\nimport HeaderSettingsDialog from './HeaderSettingsDialog';\nimport { InnerMobileNavBar, InnerNavBar, MobileNavBar, NavBar } from './styles';\n\ntype Props = {\n  HeaderInfoDialog?: React.FC<any>;\n  isPlainHeader?: boolean;\n};\n\nconst Header: React.FC<Props> = ({ HeaderInfoDialog, isPlainHeader }) => {\n  const { t } = useTranslation();\n  const [isInfoDialogOpen, setOpenInfoDialog] = useState<boolean>(false);\n  const [isSettingsDialogOpen, setSettingsDialogOpen] = useState<boolean>(false);\n  const [showMobileNavBar, setShowMobileNavBar] = useState<boolean>(false);\n  const [showLoginModal, setShowLoginModal] = useState<boolean>(false);\n  const { configOptions } = useConfig();\n  const { userState, logOutUser } = useAuth();\n\n  // Use a ref to always have the latest logout in the timer callback\n  const logOutUserRef = useRef(logOutUser);\n  useEffect(() => {\n    logOutUserRef.current = logOutUser;\n  }, [logOutUser]);\n\n  // log out exactly when the token expires; polling reloaded the page at an\n  // arbitrary moment up to a minute later, mid-interaction\n  useEffect(() => {\n    const token = userState?.token;\n    if (!token) {\n      return;\n    }\n    let timer: ReturnType<typeof setTimeout> | undefined;\n    const arm = () => {\n      const remaining = tokenExpireInMs(token);\n      if (remaining === null || remaining <= 0) {\n        logOutUserRef.current?.();\n        return;\n      }\n      // setTimeout overflows above 2^31-1 ms; re-arm for far-away expiries\n      timer = setTimeout(arm, Math.min(remaining, 2 ** 31 - 1));\n    };\n    arm();\n    return () => clearTimeout(timer);\n  }, [userState?.token]);\n\n  const handleLogout = () => {\n    logOutUser?.();\n    setShowLoginModal(false);\n  };\n  if (isPlainHeader) {\n    return (\n      <NavBar data-testid=\"header\" position=\"static\">\n        <InnerNavBar data-testid=\"inner-nav-bar\">\n          <HeaderLeft showSearch={false} />\n          <HeaderRight\n            hasLogin={false}\n            onLogout={() => {}}\n            onOpenRegistryInfoDialog={() => {}}\n            onOpenSettingsDialog={() => {}}\n            onToggleLogin={() => {}}\n            onToggleMobileNav={() => {}}\n            showInfo={false}\n            showSearch={false}\n            showSettings={false}\n            showThemeSwitch={false}\n            username={''}\n          />\n        </InnerNavBar>\n      </NavBar>\n    );\n  }\n\n  return (\n    <>\n      <NavBar data-testid=\"header\" position=\"static\">\n        <InnerNavBar data-testid=\"inner-nav-bar\">\n          <HeaderLeft showSearch={configOptions.showSearch} />\n          <HeaderRight\n            hasLogin={configOptions?.login}\n            onLogout={handleLogout}\n            onOpenRegistryInfoDialog={() => setOpenInfoDialog(true)}\n            onOpenSettingsDialog={() => setSettingsDialogOpen(true)}\n            onToggleLogin={() => setShowLoginModal(!showLoginModal)}\n            onToggleMobileNav={() => setShowMobileNavBar(!showMobileNavBar)}\n            showInfo={configOptions.showInfo}\n            showSearch={configOptions.showSearch}\n            showSettings={configOptions.showSettings}\n            showThemeSwitch={configOptions.showThemeSwitch}\n            username={userState?.username}\n          />\n        </InnerNavBar>\n        <HeaderSettingsDialog\n          isOpen={isSettingsDialogOpen}\n          onCloseDialog={() => setSettingsDialogOpen(false)}\n        />\n        {HeaderInfoDialog ? (\n          <HeaderInfoDialog\n            dialogTitle={t('dialog.registry-info.title')}\n            isOpen={isInfoDialogOpen}\n            onCloseDialog={() => setOpenInfoDialog(false)}\n          />\n        ) : null}\n      </NavBar>\n      {showMobileNavBar && (\n        <MobileNavBar data-testid=\"mobile-nav-bar\">\n          <InnerMobileNavBar>\n            <Search />\n          </InnerMobileNavBar>\n          <Button color=\"inherit\" onClick={() => setShowMobileNavBar(false)}>\n            {t('button.cancel')}\n          </Button>\n        </MobileNavBar>\n      )}\n      {!userState?.username && (\n        <LoginDialog onClose={() => setShowLoginModal(false)} open={showLoginModal} />\n      )}\n    </>\n  );\n};\n\nexport default Header;\n"],"mappings":"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"}