@verdaccio/ui-components 5.0.0-next-9.8 → 5.0.0-next-9.10

package/build/index.d.ts

@@ -43,9 +43,6 @@ export { default as Login } from './sections/Security/Login';
 export { default as Success } from './sections/Security/Success';
 export { default as AddUser } from './sections/Security/AddUser';
 export { default as ChangePassword } from './sections/Security/ChangePassword';
-export { default as FrontPage } from './pages/Front';
-export { default as VersionPage } from './pages/Version';
-export * from './pages/Security';
 export { VersionLayout } from './layouts/Version';
 export * from './providers';
 export * from './utils';

package/build/index.js

@@ -1,4 +1,8 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+Object.defineProperties(exports, {
+require('./ui-components.css');
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_utils = require("./components/CopyClipboard/utils.js");
 const require_CopyToClipBoard = require("./components/CopyClipboard/CopyToClipBoard.js");
 require("./components/CopyClipboard/index.js");
@@ -101,12 +105,7 @@ const require_Success = require("./sections/Security/Success.js");
 const require_Login = require("./sections/Security/Login.js");
 const require_AddUser = require("./sections/Security/AddUser.js");
 const require_ChangePassword = require("./sections/Security/ChangePassword.js");
-const require_Home$1 = require("./pages/Front/Home.js");
-require("./pages/Front/index.js");
-const require_Version = require("./pages/Version/Version.js");
-require("./pages/Version/index.js");
-require("./pages/Security/index.js");
-const require_Version$1 = require("./layouts/Version/Version.js");
+const require_Version = require("./layouts/Version/Version.js");
 require("./layouts/Version/index.js");
 const require_useOnClickOutside = require("./hooks/useOnClickOutside.js");
 require("./hooks/index.js");
@@ -116,72 +115,70 @@ const require_ThemeProvider = require("./Theme/ThemeProvider.js");
 const require_StyleBaseline = require("./Theme/StyleBaseline.js");
 require("./Theme/index.js");
 require("./store/index.js");
-exports.ActionBar = require_ActionBar;
-exports.AddUser = require_AddUser;
+exports.ActionBar = require_ActionBar.default;
+exports.AddUser = require_AddUser.default;
 exports.AppConfigurationProvider = require_AppConfigurationProvider.AppConfigurationProvider;
-exports.AppRoute = require_AppRoute;
+exports.AppRoute = require_AppRoute.default;
 exports.AuthContext = require_AuthProvider.AuthContext;
 exports.AuthProvider = require_AuthProvider.AuthProvider;
-exports.Author = require_Author;
-exports.ChangePassword = require_ChangePassword;
-exports.CopyClipboard = require_CopyToClipBoard;
-exports.Dependencies = require_Dependencies;
-exports.Deprecated = require_Deprecated;
-exports.Detail = require_Detail;
-exports.Developers = require_Developers;
-exports.Distribution = require_Dist;
+exports.Author = require_Author.default;
+exports.ChangePassword = require_ChangePassword.default;
+exports.CopyClipboard = require_CopyToClipBoard.default;
+exports.Dependencies = require_Dependencies.default;
+exports.Deprecated = require_Deprecated.default;
+exports.Detail = require_Detail.default;
+exports.Developers = require_Developers.default;
+exports.Distribution = require_Dist.default;
 exports.DownloadProvider = require_DownloadProvider.DownloadProvider;
-exports.Engines = require_Engines;
-exports.ErrorBoundary = require_ErrorBoundary;
-exports.Footer = require_Footer;
-exports.Forbidden = require_Forbidden;
-exports.FrontPage = require_Home$1;
-exports.FundButton = require_FundButton;
-exports.Header = require_Header;
-exports.HeaderInfoDialog = require_HeaderInfoDialog;
-exports.Heading = require_Heading;
-exports.Help = require_Help;
-exports.Home = require_Home;
+exports.Engines = require_Engines.default;
+exports.ErrorBoundary = require_ErrorBoundary.default;
+exports.Footer = require_Footer.default;
+exports.Forbidden = require_Forbidden.default;
+exports.FundButton = require_FundButton.default;
+exports.Header = require_Header.default;
+exports.HeaderInfoDialog = require_HeaderInfoDialog.default;
+exports.Heading = require_Heading.default;
+exports.Help = require_Help.default;
+exports.Home = require_Home.default;
 Object.defineProperty(exports, "Icons", {
 	enumerable: true,
 	get: function() {
 		return require_index$12.Icons_exports;
 	}
 });
-exports.Install = require_Install;
-exports.Keywords = require_Keywords;
-exports.Label = require_Label;
-exports.Link = require_Link;
-exports.LinkExternal = require_LinkExternal;
-exports.Loading = require_Loading;
-exports.Login = require_Login;
-exports.LoginDialog = require_LoginDialog;
-exports.Logo = require_Logo;
-exports.ManifestsProvider = require_ManifestsProvider;
-exports.MenuItem = require_MenuItem;
-exports.NotFound = require_NotFound;
-exports.Package = require_Package;
-exports.PackageList = require_PackageList;
+exports.Install = require_Install.default;
+exports.Keywords = require_Keywords.default;
+exports.Label = require_Label.default;
+exports.Link = require_Link.default;
+exports.LinkExternal = require_LinkExternal.default;
+exports.Loading = require_Loading.default;
+exports.Login = require_Login.default;
+exports.LoginDialog = require_LoginDialog.default;
+exports.Logo = require_Logo.default;
+exports.ManifestsProvider = require_ManifestsProvider.default;
+exports.MenuItem = require_MenuItem.default;
+exports.NotFound = require_NotFound.default;
+exports.Package = require_Package.default;
+exports.PackageList = require_PackageList.default;
 exports.PersistenceSettingProvider = require_PersistenceSettingProvider.PersistenceSettingProvider;
-exports.Person = require_Person;
-exports.RawViewer = require_RawViewer;
-exports.Readme = require_Readme;
+exports.Person = require_Person.default;
+exports.RawViewer = require_RawViewer.default;
+exports.Readme = require_Readme.default;
 exports.Route = require_routes.Route;
-exports.Search = require_Search;
+exports.Search = require_Search.default;
 exports.SearchContext = require_SearchProvider.SearchContext;
-exports.SearchProvider = require_SearchProvider;
-exports.SideBar = require_Sidebar;
-exports.SideBarTitle = require_SideBarTitle;
-exports.StyleBaseline = require_StyleBaseline;
-exports.Success = require_Success;
+exports.SearchProvider = require_SearchProvider.default;
+exports.SideBar = require_Sidebar.default;
+exports.SideBarTitle = require_SideBarTitle.default;
+exports.StyleBaseline = require_StyleBaseline.default;
+exports.Success = require_Success.default;
 exports.ThemeProvider = require_ThemeProvider.ThemeProvider;
-exports.TranslatorProvider = require_TranslatorProvider;
-exports.UpLinks = require_UpLinks;
-exports.VersionLayout = require_Version$1;
-exports.VersionPage = require_Version;
-exports.VersionProvider = require_VersionProvider;
-exports.Versions = require_Versions;
-exports.api = require_api;
+exports.TranslatorProvider = require_TranslatorProvider.default;
+exports.UpLinks = require_UpLinks.default;
+exports.VersionLayout = require_Version.default;
+exports.VersionProvider = require_VersionProvider.default;
+exports.Versions = require_Versions.default;
+exports.api = require_api.default;
 exports.breakPoints = require_tokens.breakPoints;
 Object.defineProperty(exports, "colors", {
 	enumerable: true,
@@ -199,7 +196,7 @@ exports.getCLISetConfigRegistry = require_cli_utils.getCLISetConfigRegistry;
 exports.getCLISetRegistry = require_cli_utils.getCLISetRegistry;
 exports.getTheme = require_theme.getTheme;
 exports.isTokenExpire = require_token.isTokenExpire;
-exports.loadable = require_loadable;
+exports.loadable = require_loadable.default;
 Object.defineProperty(exports, "url", {
 	enumerable: true,
 	get: function() {
@@ -211,9 +208,9 @@ exports.useConfig = require_AppConfigurationProvider.useConfig;
 exports.useCustomTheme = require_ThemeProvider.useCustomTheme;
 exports.useDownload = require_DownloadProvider.useDownload;
 exports.useLanguage = require_TranslatorProvider.useLanguage;
-exports.useLocalStorage = require_useLocalStorage;
+exports.useLocalStorage = require_useLocalStorage.default;
 exports.useManifests = require_ManifestsProvider.useManifests;
-exports.useOnClickOutside = require_useOnClickOutside;
+exports.useOnClickOutside = require_useOnClickOutside.default;
 exports.useSearch = require_SearchProvider.useSearch;
 exports.useSettings = require_PersistenceSettingProvider.useSettings;
 exports.useVersion = require_VersionProvider.useVersion;

package/build/index.mjs

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

package/build/layouts/Security/Dialog.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 interface SecurityLayoutProps {
     children: React.ReactNode;
 }

package/build/layouts/Version/Version.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import { default as React } from 'react';
 declare const VersionLayout: React.FC;
 export default VersionLayout;

package/build/pages/Front/index.js

@@ -1,2 +1,2 @@
 const require_Home = require("./Home.js");
-exports.default = require_Home;
+exports.default = require_Home.default;

package/build/pages/Version/Version.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import { default as React } from 'react';
 declare const Version: React.FC;
 export default Version;

package/build/pages/Version/index.js

@@ -1,2 +1,2 @@
 const require_Version = require("./Version.js");
-exports.default = require_Version;
+exports.default = require_Version.default;

package/build/providers/AppConfigurationProvider/AppConfigurationProvider.d.ts

@@ -1,5 +1,5 @@
-import type { FunctionComponent, ReactNode } from 'react';
-import type { TemplateUIOptions } from '@verdaccio/types';
+import { FunctionComponent, ReactNode } from 'react';
+import { TemplateUIOptions } from '@verdaccio/types';
 type ConfigProviderProps = {
     configOptions: TemplateUIOptions;
 };

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

@@ -1,6 +1,5 @@
-import type { ReactElement } from 'react';
-import React from 'react';
-import type { LoginBody } from './types';
+import { ReactElement, default as React } from 'react';
+import { LoginBody } from './types';
 interface AuthContextProps {
     handleLogin: (body: {
         username: string;

package/build/providers/AuthProvider/AuthProvider.js

@@ -8,6 +8,7 @@ const require_utils$1 = require("./utils.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
+let swr = require("swr");
 //#region src/providers/AuthProvider/AuthProvider.tsx
 var AuthContext = (0, react.createContext)({
 	userState: {
@@ -21,22 +22,22 @@ var AuthContext = (0, react.createContext)({
 var basePath = require_utils.stripTrailingSlash(require_configuration.getConfiguration().base);
 var AuthProvider = ({ children }) => {
 	const [userState, setUserState] = react.default.useState(require_utils$1.getDefaultUserState());
-	const { data, isMutating, trigger } = require_use_data_mutation.useDataMutation(basePath, require_routes.APIRoute.LOGIN, "POST");
+	const { trigger } = require_use_data_mutation.useDataMutation(basePath, require_routes.APIRoute.LOGIN, "POST");
+	const { mutate } = (0, swr.useSWRConfig)();
 	const handleLogin = async (body) => {
-		await trigger(body);
+		const result = await trigger(body);
+		if (result && result.username && result.token) {
+			require_storage.saveAuth(result.username, result.token);
+			setUserState(result);
+			mutate(`${basePath}${require_routes.APIRoute.PACKAGES}`);
+		}
 	};
 	const logOutUser = () => {
 		setUserState(require_utils$1.getDefaultUserState());
 		require_storage.clearAuth();
 		window.location?.reload();
 	};
-	(0, react.useEffect)(() => {
-		if (data && !isMutating) {
-			setUserState(data);
-			if (data.username && data.token) require_storage.saveAuth(data.username, data.token);
-		}
-	}, [data, isMutating]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AuthContext.Provider, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AuthContext, {
 		value: {
 			handleLogin,
 			userState,
@@ -46,7 +47,7 @@ var AuthProvider = ({ children }) => {
 		children
 	});
 };
-var useAuth = () => (0, react.useContext)(AuthContext);
+var useAuth = () => (0, react.use)(AuthContext);
 //#endregion
 exports.AuthContext = AuthContext;
 exports.AuthProvider = AuthProvider;

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

@@ -1 +1 @@
-{"version":3,"file":"AuthProvider.js","names":[],"sources":["../../../src/providers/AuthProvider/AuthProvider.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React, { createContext, useContext, useEffect } from 'react';\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 { data, isMutating, trigger } = useDataMutation<LoginBody>(\n    basePath,\n    APIRoute.LOGIN,\n    'POST'\n  );\n\n  const handleLogin = async (body: { username: string; password: string }) => {\n    await trigger(body);\n  };\n\n  const logOutUser = () => {\n    setUserState(getDefaultUserState());\n    clearAuth();\n    window.location?.reload();\n  };\n\n  useEffect(() => {\n    if (data && !isMutating) {\n      setUserState(data as LoginBody);\n      if (data.username && data.token) {\n        saveAuth(data.username, data.token);\n      }\n    }\n  }, [data, isMutating]);\n\n  return (\n    <AuthContext.Provider\n      value={{\n        handleLogin,\n        userState,\n        logOutUser,\n        setUserState,\n      }}\n    >\n      {children}\n    </AuthContext.Provider>\n  );\n};\n\nexport { AuthProvider };\n\nexport const useAuth = () => useContext(AuthContext);\n"],"mappings":";;;;;;;;;;;AAkBA,IAAa,eAAA,GAAA,MAAA,eAAuD;CAClE,WAAW;EAAE,OAAO;EAAM,UAAU;EAAM;CAC1C,oBAAoB;CACpB,aAAa,YAAY;CACzB,kBAAkB;CACnB,CAAC;AAGF,IAAM,WAAW,cAAA,mBADK,sBAAA,kBAAkB,CACU,KAAK;AAEvD,IAAM,gBAAsD,EAAE,eAAe;CAC3E,MAAM,CAAC,WAAW,gBAAgB,MAAA,QAAM,SAAoB,gBAAA,qBAAqB,CAAC;CAClF,MAAM,EAAE,MAAM,YAAY,YAAY,0BAAA,gBACpC,UACA,eAAA,SAAS,OACT,OACD;CAED,MAAM,cAAc,OAAO,SAAiD;AAC1E,QAAM,QAAQ,KAAK;;CAGrB,MAAM,mBAAmB;AACvB,eAAa,gBAAA,qBAAqB,CAAC;AACnC,kBAAA,WAAW;AACX,SAAO,UAAU,QAAQ;;AAG3B,EAAA,GAAA,MAAA,iBAAgB;AACd,MAAI,QAAQ,CAAC,YAAY;AACvB,gBAAa,KAAkB;AAC/B,OAAI,KAAK,YAAY,KAAK,MACxB,iBAAA,SAAS,KAAK,UAAU,KAAK,MAAM;;IAGtC,CAAC,MAAM,WAAW,CAAC;AAEtB,QACE,iBAAA,GAAA,kBAAA,KAAC,YAAY,UAAb;EACE,OAAO;GACL;GACA;GACA;GACA;GACD;EAEA;EACoB,CAAA;;AAM3B,IAAa,iBAAA,GAAA,MAAA,YAA2B,YAAY"}
+{"version":3,"file":"AuthProvider.js","names":[],"sources":["../../../src/providers/AuthProvider/AuthProvider.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React, { createContext, use } from 'react';\nimport { useSWRConfig } from 'swr';\n\nimport { useDataMutation } from '../../api/use-data-mutation';\nimport { getConfiguration } from '../../configuration';\nimport { APIRoute } from '../../store/routes';\nimport { clearAuth, saveAuth } from '../../store/storage';\nimport { stripTrailingSlash } from '../../store/utils';\nimport type { LoginBody } from './types';\nimport { getDefaultUserState } from './utils';\n\ninterface AuthContextProps {\n  handleLogin: (body: { username: string; password: string }) => Promise<any>;\n  setUserState: React.Dispatch<React.SetStateAction<LoginBody>>;\n  logOutUser: () => void;\n  userState: LoginBody;\n}\n\nexport const AuthContext = createContext<Partial<AuthContextProps>>({\n  userState: { token: null, username: null },\n  setUserState: () => {},\n  handleLogin: async () => {},\n  logOutUser: () => {},\n});\n\nconst configuration = getConfiguration();\nconst basePath = stripTrailingSlash(configuration.base);\n\nconst AuthProvider: React.FC<{ children: ReactElement }> = ({ children }) => {\n  const [userState, setUserState] = React.useState<LoginBody>(getDefaultUserState());\n  const { trigger } = useDataMutation<LoginBody>(basePath, APIRoute.LOGIN, 'POST');\n  const { mutate } = useSWRConfig();\n\n  const handleLogin = async (body: { username: string; password: string }) => {\n    const result = await trigger(body);\n    if (result && result.username && result.token) {\n      saveAuth(result.username, result.token);\n      setUserState(result as LoginBody);\n      // Revalidate the packages list so it reflects authenticated access\n      mutate(`${basePath}${APIRoute.PACKAGES}`);\n    }\n  };\n\n  const logOutUser = () => {\n    setUserState(getDefaultUserState());\n    clearAuth();\n    window.location?.reload();\n  };\n\n  return (\n    <AuthContext\n      value={{\n        handleLogin,\n        userState,\n        logOutUser,\n        setUserState,\n      }}\n    >\n      {children}\n    </AuthContext>\n  );\n};\n\nexport { AuthProvider };\n\nexport const useAuth = () => use(AuthContext);\n"],"mappings":";;;;;;;;;;;;AAmBA,IAAa,eAAA,GAAA,MAAA,eAAuD;CAClE,WAAW;EAAE,OAAO;EAAM,UAAU;EAAM;CAC1C,oBAAoB;CACpB,aAAa,YAAY;CACzB,kBAAkB;CACnB,CAAC;AAGF,IAAM,WAAW,cAAA,mBADK,sBAAA,kBAAkB,CACU,KAAK;AAEvD,IAAM,gBAAsD,EAAE,eAAe;CAC3E,MAAM,CAAC,WAAW,gBAAgB,MAAA,QAAM,SAAoB,gBAAA,qBAAqB,CAAC;CAClF,MAAM,EAAE,YAAY,0BAAA,gBAA2B,UAAU,eAAA,SAAS,OAAO,OAAO;CAChF,MAAM,EAAE,YAAA,GAAA,IAAA,eAAyB;CAEjC,MAAM,cAAc,OAAO,SAAiD;EAC1E,MAAM,SAAS,MAAM,QAAQ,KAAK;AAClC,MAAI,UAAU,OAAO,YAAY,OAAO,OAAO;AAC7C,mBAAA,SAAS,OAAO,UAAU,OAAO,MAAM;AACvC,gBAAa,OAAoB;AAEjC,UAAO,GAAG,WAAW,eAAA,SAAS,WAAW;;;CAI7C,MAAM,mBAAmB;AACvB,eAAa,gBAAA,qBAAqB,CAAC;AACnC,kBAAA,WAAW;AACX,SAAO,UAAU,QAAQ;;AAG3B,QACE,iBAAA,GAAA,kBAAA,KAAC,aAAD;EACE,OAAO;GACL;GACA;GACA;GACA;GACD;EAEA;EACW,CAAA;;AAMlB,IAAa,iBAAA,GAAA,MAAA,KAAoB,YAAY"}

package/build/providers/AuthProvider/AuthProvider.mjs

@@ -4,8 +4,9 @@ import { APIRoute } from "../../store/routes.mjs";
 import { stripTrailingSlash } from "../../store/utils.mjs";
 import { useDataMutation } from "../../api/use-data-mutation.mjs";
 import { getDefaultUserState } from "./utils.mjs";
-import React, { createContext, useContext, useEffect } from "react";
+import React, { createContext, use } from "react";
 import { jsx } from "react/jsx-runtime";
+import { useSWRConfig } from "swr";
 //#region src/providers/AuthProvider/AuthProvider.tsx
 var AuthContext = createContext({
 	userState: {
@@ -19,22 +20,22 @@ var AuthContext = createContext({
 var basePath = stripTrailingSlash(getConfiguration().base);
 var AuthProvider = ({ children }) => {
 	const [userState, setUserState] = React.useState(getDefaultUserState());
-	const { data, isMutating, trigger } = useDataMutation(basePath, APIRoute.LOGIN, "POST");
+	const { trigger } = useDataMutation(basePath, APIRoute.LOGIN, "POST");
+	const { mutate } = useSWRConfig();
 	const handleLogin = async (body) => {
-		await trigger(body);
+		const result = await trigger(body);
+		if (result && result.username && result.token) {
+			saveAuth(result.username, result.token);
+			setUserState(result);
+			mutate(`${basePath}${APIRoute.PACKAGES}`);
+		}
 	};
 	const logOutUser = () => {
 		setUserState(getDefaultUserState());
 		clearAuth();
 		window.location?.reload();
 	};
-	useEffect(() => {
-		if (data && !isMutating) {
-			setUserState(data);
-			if (data.username && data.token) saveAuth(data.username, data.token);
-		}
-	}, [data, isMutating]);
-	return /* @__PURE__ */ jsx(AuthContext.Provider, {
+	return /* @__PURE__ */ jsx(AuthContext, {
 		value: {
 			handleLogin,
 			userState,
@@ -44,7 +45,7 @@ var AuthProvider = ({ children }) => {
 		children
 	});
 };
-var useAuth = () => useContext(AuthContext);
+var useAuth = () => use(AuthContext);
 //#endregion
 export { AuthContext, AuthProvider, useAuth };
 

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, useContext, useEffect } from 'react';\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 { data, isMutating, trigger } = useDataMutation<LoginBody>(\n    basePath,\n    APIRoute.LOGIN,\n    'POST'\n  );\n\n  const handleLogin = async (body: { username: string; password: string }) => {\n    await trigger(body);\n  };\n\n  const logOutUser = () => {\n    setUserState(getDefaultUserState());\n    clearAuth();\n    window.location?.reload();\n  };\n\n  useEffect(() => {\n    if (data && !isMutating) {\n      setUserState(data as LoginBody);\n      if (data.username && data.token) {\n        saveAuth(data.username, data.token);\n      }\n    }\n  }, [data, isMutating]);\n\n  return (\n    <AuthContext.Provider\n      value={{\n        handleLogin,\n        userState,\n        logOutUser,\n        setUserState,\n      }}\n    >\n      {children}\n    </AuthContext.Provider>\n  );\n};\n\nexport { AuthProvider };\n\nexport const useAuth = () => useContext(AuthContext);\n"],"mappings":";;;;;;;;;AAkBA,IAAa,cAAc,cAAyC;CAClE,WAAW;EAAE,OAAO;EAAM,UAAU;EAAM;CAC1C,oBAAoB;CACpB,aAAa,YAAY;CACzB,kBAAkB;CACnB,CAAC;AAGF,IAAM,WAAW,mBADK,kBAAkB,CACU,KAAK;AAEvD,IAAM,gBAAsD,EAAE,eAAe;CAC3E,MAAM,CAAC,WAAW,gBAAgB,MAAM,SAAoB,qBAAqB,CAAC;CAClF,MAAM,EAAE,MAAM,YAAY,YAAY,gBACpC,UACA,SAAS,OACT,OACD;CAED,MAAM,cAAc,OAAO,SAAiD;AAC1E,QAAM,QAAQ,KAAK;;CAGrB,MAAM,mBAAmB;AACvB,eAAa,qBAAqB,CAAC;AACnC,aAAW;AACX,SAAO,UAAU,QAAQ;;AAG3B,iBAAgB;AACd,MAAI,QAAQ,CAAC,YAAY;AACvB,gBAAa,KAAkB;AAC/B,OAAI,KAAK,YAAY,KAAK,MACxB,UAAS,KAAK,UAAU,KAAK,MAAM;;IAGtC,CAAC,MAAM,WAAW,CAAC;AAEtB,QACE,oBAAC,YAAY,UAAb;EACE,OAAO;GACL;GACA;GACA;GACA;GACD;EAEA;EACoB,CAAA;;AAM3B,IAAa,gBAAgB,WAAW,YAAY"}
+{"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;EAAM;CAC1C,oBAAoB;CACpB,aAAa,YAAY;CACzB,kBAAkB;CACnB,CAAC;AAGF,IAAM,WAAW,mBADK,kBAAkB,CACU,KAAK;AAEvD,IAAM,gBAAsD,EAAE,eAAe;CAC3E,MAAM,CAAC,WAAW,gBAAgB,MAAM,SAAoB,qBAAqB,CAAC;CAClF,MAAM,EAAE,YAAY,gBAA2B,UAAU,SAAS,OAAO,OAAO;CAChF,MAAM,EAAE,WAAW,cAAc;CAEjC,MAAM,cAAc,OAAO,SAAiD;EAC1E,MAAM,SAAS,MAAM,QAAQ,KAAK;AAClC,MAAI,UAAU,OAAO,YAAY,OAAO,OAAO;AAC7C,YAAS,OAAO,UAAU,OAAO,MAAM;AACvC,gBAAa,OAAoB;AAEjC,UAAO,GAAG,WAAW,SAAS,WAAW;;;CAI7C,MAAM,mBAAmB;AACvB,eAAa,qBAAqB,CAAC;AACnC,aAAW;AACX,SAAO,UAAU,QAAQ;;AAG3B,QACE,oBAAC,aAAD;EACE,OAAO;GACL;GACA;GACA;GACA;GACD;EAEA;EACW,CAAA;;AAMlB,IAAa,gBAAgB,IAAI,YAAY"}

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

@@ -1,4 +1,4 @@
-import type React from 'react';
+import { default as React } from 'react';
 export type LoginError = {
     type: string;
     description: string;

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

@@ -1,3 +1,3 @@
-import type { LoginBody } from './types';
+import { LoginBody } from './types';
 export declare function getDefaultUserState(): LoginBody;
 export declare function normalizeAuthError(err: any): Error;

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

@@ -1,5 +1,4 @@
-import type { ReactNode } from 'react';
-import React from 'react';
+import { ReactNode, default as React } from 'react';
 export interface DownloadContextProps {
     downloadTarball: (args: {
         link: string;

package/build/providers/ManifestsProvider/ManifestsProvider.d.ts

@@ -1,6 +1,5 @@
-import type { ReactElement } from 'react';
-import React from 'react';
-import type { Manifest } from '@verdaccio/types';
+import { ReactElement, default as React } from 'react';
+import { Manifest } from '@verdaccio/types';
 export interface ManifestsContextProps {
     isError: boolean;
     isLoading: boolean;

package/build/providers/ManifestsProvider/README.md

@@ -0,0 +1,22 @@
+# `VersionProvider`
+
+Use the hook `useVersion()` to get an object with:
+
+- packageMeta
+- packageName
+- packageVersion
+
+The provider must be
+
+```jsx
+function CustomComponent() {
+  const { packageMeta, packageName, packageVersion } = useVersion();
+  return <div />;
+}
+
+<Route path={Routes.PACKAGE}>
+  <VersionProvider>
+    <CustomComponent />
+  </VersionProvider>
+</Route>;
+```

package/build/providers/PersistenceSettingProvider/PersistenceSettingProvider.d.ts

@@ -1,5 +1,4 @@
-import type { FunctionComponent } from 'react';
-import React from 'react';
+import { FunctionComponent, default as React } from 'react';
 declare const PersistenceSettingProvider: FunctionComponent<{
     children: React.ReactElement<any>;
 }>;

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

@@ -1,6 +1,5 @@
-import type { ReactElement } from 'react';
-import React from 'react';
-import type { SearchResultWeb } from '@verdaccio/types';
+import { ReactElement, default as React } from 'react';
+import { SearchResultWeb } from '@verdaccio/types';
 export interface SearchContextProps {
     error: Error | undefined;
     isLoading: boolean;

package/build/providers/TranslatorProvider/TranslatorProvider.d.ts

@@ -1,6 +1,5 @@
-import type { i18n } from 'i18next';
-import type { FunctionComponent } from 'react';
-import React from 'react';
+import { i18n } from 'i18next';
+import { FunctionComponent, default as React } from 'react';
 export type TranslatorProviderProps = {
     setLanguage: (lng: string) => void;
     language: string;

package/build/providers/VersionProvider/README.md

@@ -0,0 +1,22 @@
+# `VersionProvider`
+
+Use the hook `useVersion()` to get an object with:
+
+- packageMeta
+- packageName
+- packageVersion
+
+The provider must be
+
+```jsx
+function CustomComponent() {
+  const { packageMeta, packageName, packageVersion } = useVersion();
+  return <div />;
+}
+
+<Route path={Routes.PACKAGE}>
+  <VersionProvider>
+    <CustomComponent />
+  </VersionProvider>
+</Route>;
+```

package/build/providers/VersionProvider/VersionProvider.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import type { PackageMetaInterface } from '../../types/packageMeta';
+import { default as React } from 'react';
+import { PackageMetaInterface } from '../../types/packageMeta';
 export interface ApiError extends Error {
     code?: number;
 }

package/build/routes/SecurityRoutes.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import { default as React } from 'react';
 declare const SecurityRoutes: () => React.JSX.Element;
 export { SecurityRoutes };

package/build/sections/Detail/ContainerContent.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export declare enum TabPosition {
     README = "readme",
     DEPENDENCIES = "dependencies",

package/build/sections/Detail/Detail.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export declare enum TabPosition {
     README = "readme",
     DEPENDENCIES = "dependencies",

package/build/sections/Detail/ReadmeSection.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 interface Props {
     description?: string;
 }

package/build/sections/Detail/Tabs.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 interface Props {
     onChange: (event: React.ChangeEvent<{}>, newValue: number) => void;
     tabPosition: number;

package/build/sections/Footer/Footer.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import { default as React } from 'react';
 declare const Footer: () => React.JSX.Element;
 export default Footer;

package/build/sections/Footer/styles.d.ts

@@ -1,33 +1,33 @@
-import type { Theme } from '../../';
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+import { Theme } from '../../';
+export declare const Wrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
 } & {
     theme?: Theme;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Inner: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Inner: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
 } & {
     theme?: Theme;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Left: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Left: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
 } & {
     theme?: Theme;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Right: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Right: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
 } & {
     theme?: Theme;
-} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme;
+} & import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & {
+    theme?: import('@emotion/react').Theme;
 }, {}, {}>;
-export declare const Love: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+export declare const Love: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
 } & {
     theme?: Theme;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 type Props = {
     HeaderInfoDialog?: React.FC<any>;
     isPlainHeader?: boolean;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 interface Props {
     username: string;
 }