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

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"}

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"}