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

package/build/sections/Stage/StageList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StageList.js","names":[],"sources":["../../../src/sections/Stage/StageList.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Chip,\n  CircularProgress,\n  Paper,\n  Table,\n  TableBody,\n  TableCell,\n  TableContainer,\n  TableHead,\n  TablePagination,\n  TableRow,\n  Typography,\n} from '@mui/material';\nimport React, { useCallback, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useNavigate } from 'react-router';\n\nimport { Route } from '../../utils';\nimport StageActions from './StageActions';\nimport { useRequireSession } from './useRequireSession';\nimport type { StagePackageVersion } from './types';\nimport { downloadStagedTarball, useStageList } from './useStage';\n\nconst StageList: React.FC = () => {\n  const { t } = useTranslation();\n  const navigate = useNavigate();\n  const isLoggedIn = useRequireSession();\n  const [page, setPage] = useState(0);\n  const [perPage, setPerPage] = useState(10);\n  const [actionError, setActionError] = useState(false);\n  const { data, error, isLoading, mutate } = useStageList(page, perPage);\n\n  const handleDownload = useCallback(async (item: StagePackageVersion) => {\n    try {\n      setActionError(false);\n      await downloadStagedTarball(item);\n    } catch (err) {\n      console.error('Error downloading staged tarball:', err);\n      setActionError(true);\n    }\n  }, []);\n\n  // the redirect lands on the next effect; rendering the table meanwhile would\n  // only show an empty state that is about to disappear\n  if (!isLoggedIn) {\n    return null;\n  }\n\n  if (isLoading) {\n    return (\n      <Box display=\"flex\" justifyContent=\"center\" padding={4}>\n        <CircularProgress />\n      </Box>\n    );\n  }\n\n  if (error) {\n    return (\n      <Box padding={2}>\n        <Typography color=\"error\" role=\"alert\">\n          {t('stage.error.list')}\n        </Typography>\n      </Box>\n    );\n  }\n\n  const items = data?.items ?? [];\n\n  return (\n    <Box padding={2}>\n      <Typography component=\"h1\" gutterBottom={true} variant=\"h5\">\n        {t('stage.title')}\n      </Typography>\n      <Typography color=\"text.secondary\" gutterBottom={true} variant=\"body2\">\n        {t('stage.description')}\n      </Typography>\n\n      {actionError && (\n        <Typography color=\"error\" role=\"alert\" variant=\"body2\">\n          {t('stage.error.action')}\n        </Typography>\n      )}\n\n      {items.length === 0 ? (\n        <Typography color=\"text.secondary\" marginTop={2}>\n          {t('stage.empty')}\n        </Typography>\n      ) : (\n        <TableContainer component={Paper} sx={{ marginTop: 2, overflowX: 'auto' }}>\n          <Table aria-label={t('stage.title')} data-testid=\"stage-table\" size=\"small\">\n            <TableHead>\n              <TableRow>\n                <TableCell>{t('stage.column.package')}</TableCell>\n                <TableCell>{t('stage.column.version')}</TableCell>\n                <TableCell>{t('stage.column.tag')}</TableCell>\n                <TableCell>{t('stage.column.stagedBy')}</TableCell>\n                <TableCell>{t('stage.column.date')}</TableCell>\n                <TableCell align=\"right\">{t('stage.column.actions')}</TableCell>\n              </TableRow>\n            </TableHead>\n            <TableBody>\n              {items.map((item) => (\n                <TableRow data-testid={`stage-row-${item.id}`} hover={true} key={item.id}>\n                  <TableCell>\n                    <Button\n                      onClick={() => navigate(Route.STAGE_DETAIL.replace(':stageId', item.id))}\n                      size=\"small\"\n                      sx={{ textTransform: 'none' }}\n                    >\n                      {item.packageName}\n                    </Button>\n                  </TableCell>\n                  <TableCell>{item.version}</TableCell>\n                  <TableCell>\n                    <Chip label={item.tag} size=\"small\" />\n                  </TableCell>\n                  <TableCell>{item.actor}</TableCell>\n                  <TableCell>{new Date(item.createdAt).toLocaleString()}</TableCell>\n                  <TableCell align=\"right\">\n                    <Box alignItems=\"center\" display=\"flex\" gap={1} justifyContent=\"flex-end\">\n                      <Button\n                        data-testid={`stage-download-${item.id}`}\n                        onClick={() => handleDownload(item)}\n                        size=\"small\"\n                      >\n                        {t('stage.action.download')}\n                      </Button>\n                      <StageActions item={item} onDone={() => mutate()} />\n                    </Box>\n                  </TableCell>\n                </TableRow>\n              ))}\n            </TableBody>\n          </Table>\n          <TablePagination\n            component=\"div\"\n            count={data?.total ?? 0}\n            onPageChange={(_event, nextPage) => setPage(nextPage)}\n            onRowsPerPageChange={(event) => {\n              setPerPage(Number.parseInt(event.target.value, 10));\n              setPage(0);\n            }}\n            page={page}\n            rowsPerPage={perPage}\n            rowsPerPageOptions={[10, 25, 50, 100]}\n          />\n        </TableContainer>\n      )}\n    </Box>\n  );\n};\n\nexport default StageList;\n"],"mappings":"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"}

package/build/sections/Stage/StageList.mjs

@@ -0,0 +1,151 @@
+import { Route as Route$1 } from "../../utils/routes.mjs";
+import "../../utils/index.mjs";
+import { downloadStagedTarball, useStageList } from "./useStage.mjs";
+import StageActions from "./StageActions.mjs";
+import { useRequireSession } from "./useRequireSession.mjs";
+import { useCallback, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useNavigate } from "react-router";
+import { Box, Button, Chip, CircularProgress, Paper, Table, TableBody, TableCell, TableContainer, TableHead, TablePagination, TableRow, Typography } from "@mui/material";
+//#region src/sections/Stage/StageList.tsx
+var StageList = () => {
+	const { t } = useTranslation();
+	const navigate = useNavigate();
+	const isLoggedIn = useRequireSession();
+	const [page, setPage] = useState(0);
+	const [perPage, setPerPage] = useState(10);
+	const [actionError, setActionError] = useState(false);
+	const { data, error, isLoading, mutate } = useStageList(page, perPage);
+	const handleDownload = useCallback(async (item) => {
+		try {
+			setActionError(false);
+			await downloadStagedTarball(item);
+		} catch (err) {
+			console.error("Error downloading staged tarball:", err);
+			setActionError(true);
+		}
+	}, []);
+	if (!isLoggedIn) return null;
+	if (isLoading) return /* @__PURE__ */ jsx(Box, {
+		display: "flex",
+		justifyContent: "center",
+		padding: 4,
+		children: /* @__PURE__ */ jsx(CircularProgress, {})
+	});
+	if (error) return /* @__PURE__ */ jsx(Box, {
+		padding: 2,
+		children: /* @__PURE__ */ jsx(Typography, {
+			color: "error",
+			role: "alert",
+			children: t("stage.error.list")
+		})
+	});
+	const items = data?.items ?? [];
+	return /* @__PURE__ */ jsxs(Box, {
+		padding: 2,
+		children: [
+			/* @__PURE__ */ jsx(Typography, {
+				component: "h1",
+				gutterBottom: true,
+				variant: "h5",
+				children: t("stage.title")
+			}),
+			/* @__PURE__ */ jsx(Typography, {
+				color: "text.secondary",
+				gutterBottom: true,
+				variant: "body2",
+				children: t("stage.description")
+			}),
+			actionError && /* @__PURE__ */ jsx(Typography, {
+				color: "error",
+				role: "alert",
+				variant: "body2",
+				children: t("stage.error.action")
+			}),
+			items.length === 0 ? /* @__PURE__ */ jsx(Typography, {
+				color: "text.secondary",
+				marginTop: 2,
+				children: t("stage.empty")
+			}) : /* @__PURE__ */ jsxs(TableContainer, {
+				component: Paper,
+				sx: {
+					marginTop: 2,
+					overflowX: "auto"
+				},
+				children: [/* @__PURE__ */ jsxs(Table, {
+					"aria-label": t("stage.title"),
+					"data-testid": "stage-table",
+					size: "small",
+					children: [/* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+						/* @__PURE__ */ jsx(TableCell, { children: t("stage.column.package") }),
+						/* @__PURE__ */ jsx(TableCell, { children: t("stage.column.version") }),
+						/* @__PURE__ */ jsx(TableCell, { children: t("stage.column.tag") }),
+						/* @__PURE__ */ jsx(TableCell, { children: t("stage.column.stagedBy") }),
+						/* @__PURE__ */ jsx(TableCell, { children: t("stage.column.date") }),
+						/* @__PURE__ */ jsx(TableCell, {
+							align: "right",
+							children: t("stage.column.actions")
+						})
+					] }) }), /* @__PURE__ */ jsx(TableBody, { children: items.map((item) => /* @__PURE__ */ jsxs(TableRow, {
+						"data-testid": `stage-row-${item.id}`,
+						hover: true,
+						children: [
+							/* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Button, {
+								onClick: () => navigate(Route$1.STAGE_DETAIL.replace(":stageId", item.id)),
+								size: "small",
+								sx: { textTransform: "none" },
+								children: item.packageName
+							}) }),
+							/* @__PURE__ */ jsx(TableCell, { children: item.version }),
+							/* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Chip, {
+								label: item.tag,
+								size: "small"
+							}) }),
+							/* @__PURE__ */ jsx(TableCell, { children: item.actor }),
+							/* @__PURE__ */ jsx(TableCell, { children: new Date(item.createdAt).toLocaleString() }),
+							/* @__PURE__ */ jsx(TableCell, {
+								align: "right",
+								children: /* @__PURE__ */ jsxs(Box, {
+									alignItems: "center",
+									display: "flex",
+									gap: 1,
+									justifyContent: "flex-end",
+									children: [/* @__PURE__ */ jsx(Button, {
+										"data-testid": `stage-download-${item.id}`,
+										onClick: () => handleDownload(item),
+										size: "small",
+										children: t("stage.action.download")
+									}), /* @__PURE__ */ jsx(StageActions, {
+										item,
+										onDone: () => mutate()
+									})]
+								})
+							})
+						]
+					}, item.id)) })]
+				}), /* @__PURE__ */ jsx(TablePagination, {
+					component: "div",
+					count: data?.total ?? 0,
+					onPageChange: (_event, nextPage) => setPage(nextPage),
+					onRowsPerPageChange: (event) => {
+						setPerPage(Number.parseInt(event.target.value, 10));
+						setPage(0);
+					},
+					page,
+					rowsPerPage: perPage,
+					rowsPerPageOptions: [
+						10,
+						25,
+						50,
+						100
+					]
+				})]
+			})
+		]
+	});
+};
+//#endregion
+export { StageList as default };
+
+//# sourceMappingURL=StageList.mjs.map

package/build/sections/Stage/StageList.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StageList.mjs","names":[],"sources":["../../../src/sections/Stage/StageList.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Chip,\n  CircularProgress,\n  Paper,\n  Table,\n  TableBody,\n  TableCell,\n  TableContainer,\n  TableHead,\n  TablePagination,\n  TableRow,\n  Typography,\n} from '@mui/material';\nimport React, { useCallback, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useNavigate } from 'react-router';\n\nimport { Route } from '../../utils';\nimport StageActions from './StageActions';\nimport { useRequireSession } from './useRequireSession';\nimport type { StagePackageVersion } from './types';\nimport { downloadStagedTarball, useStageList } from './useStage';\n\nconst StageList: React.FC = () => {\n  const { t } = useTranslation();\n  const navigate = useNavigate();\n  const isLoggedIn = useRequireSession();\n  const [page, setPage] = useState(0);\n  const [perPage, setPerPage] = useState(10);\n  const [actionError, setActionError] = useState(false);\n  const { data, error, isLoading, mutate } = useStageList(page, perPage);\n\n  const handleDownload = useCallback(async (item: StagePackageVersion) => {\n    try {\n      setActionError(false);\n      await downloadStagedTarball(item);\n    } catch (err) {\n      console.error('Error downloading staged tarball:', err);\n      setActionError(true);\n    }\n  }, []);\n\n  // the redirect lands on the next effect; rendering the table meanwhile would\n  // only show an empty state that is about to disappear\n  if (!isLoggedIn) {\n    return null;\n  }\n\n  if (isLoading) {\n    return (\n      <Box display=\"flex\" justifyContent=\"center\" padding={4}>\n        <CircularProgress />\n      </Box>\n    );\n  }\n\n  if (error) {\n    return (\n      <Box padding={2}>\n        <Typography color=\"error\" role=\"alert\">\n          {t('stage.error.list')}\n        </Typography>\n      </Box>\n    );\n  }\n\n  const items = data?.items ?? [];\n\n  return (\n    <Box padding={2}>\n      <Typography component=\"h1\" gutterBottom={true} variant=\"h5\">\n        {t('stage.title')}\n      </Typography>\n      <Typography color=\"text.secondary\" gutterBottom={true} variant=\"body2\">\n        {t('stage.description')}\n      </Typography>\n\n      {actionError && (\n        <Typography color=\"error\" role=\"alert\" variant=\"body2\">\n          {t('stage.error.action')}\n        </Typography>\n      )}\n\n      {items.length === 0 ? (\n        <Typography color=\"text.secondary\" marginTop={2}>\n          {t('stage.empty')}\n        </Typography>\n      ) : (\n        <TableContainer component={Paper} sx={{ marginTop: 2, overflowX: 'auto' }}>\n          <Table aria-label={t('stage.title')} data-testid=\"stage-table\" size=\"small\">\n            <TableHead>\n              <TableRow>\n                <TableCell>{t('stage.column.package')}</TableCell>\n                <TableCell>{t('stage.column.version')}</TableCell>\n                <TableCell>{t('stage.column.tag')}</TableCell>\n                <TableCell>{t('stage.column.stagedBy')}</TableCell>\n                <TableCell>{t('stage.column.date')}</TableCell>\n                <TableCell align=\"right\">{t('stage.column.actions')}</TableCell>\n              </TableRow>\n            </TableHead>\n            <TableBody>\n              {items.map((item) => (\n                <TableRow data-testid={`stage-row-${item.id}`} hover={true} key={item.id}>\n                  <TableCell>\n                    <Button\n                      onClick={() => navigate(Route.STAGE_DETAIL.replace(':stageId', item.id))}\n                      size=\"small\"\n                      sx={{ textTransform: 'none' }}\n                    >\n                      {item.packageName}\n                    </Button>\n                  </TableCell>\n                  <TableCell>{item.version}</TableCell>\n                  <TableCell>\n                    <Chip label={item.tag} size=\"small\" />\n                  </TableCell>\n                  <TableCell>{item.actor}</TableCell>\n                  <TableCell>{new Date(item.createdAt).toLocaleString()}</TableCell>\n                  <TableCell align=\"right\">\n                    <Box alignItems=\"center\" display=\"flex\" gap={1} justifyContent=\"flex-end\">\n                      <Button\n                        data-testid={`stage-download-${item.id}`}\n                        onClick={() => handleDownload(item)}\n                        size=\"small\"\n                      >\n                        {t('stage.action.download')}\n                      </Button>\n                      <StageActions item={item} onDone={() => mutate()} />\n                    </Box>\n                  </TableCell>\n                </TableRow>\n              ))}\n            </TableBody>\n          </Table>\n          <TablePagination\n            component=\"div\"\n            count={data?.total ?? 0}\n            onPageChange={(_event, nextPage) => setPage(nextPage)}\n            onRowsPerPageChange={(event) => {\n              setPerPage(Number.parseInt(event.target.value, 10));\n              setPage(0);\n            }}\n            page={page}\n            rowsPerPage={perPage}\n            rowsPerPageOptions={[10, 25, 50, 100]}\n          />\n        </TableContainer>\n      )}\n    </Box>\n  );\n};\n\nexport default StageList;\n"],"mappings":"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"}

package/build/sections/Stage/index.d.ts

@@ -0,0 +1,6 @@
+export { default as StageList } from './StageList';
+export { default as StageDetail } from './StageDetail';
+export { default as StageActions } from './StageActions';
+export * from './types';
+export * from './useStage';
+export * from './useRequireSession';

package/build/sections/Stage/index.js

@@ -0,0 +1,13 @@
+const require_useStage = require("./useStage.js");
+require("./StageActions.js");
+const require_useRequireSession = require("./useRequireSession.js");
+const require_StageList = require("./StageList.js");
+const require_StageDetail = require("./StageDetail.js");
+exports.StageDetail = require_StageDetail.default;
+exports.StageList = require_StageList.default;
+exports.approveStagedVersion = require_useStage.approveStagedVersion;
+exports.downloadStagedTarball = require_useStage.downloadStagedTarball;
+exports.rejectStagedVersion = require_useStage.rejectStagedVersion;
+exports.useRequireSession = require_useRequireSession.useRequireSession;
+exports.useStageItem = require_useStage.useStageItem;
+exports.useStageList = require_useStage.useStageList;

package/build/sections/Stage/index.mjs

@@ -0,0 +1,6 @@
+import { approveStagedVersion, downloadStagedTarball, rejectStagedVersion, useStageItem, useStageList } from "./useStage.mjs";
+import "./StageActions.mjs";
+import { useRequireSession } from "./useRequireSession.mjs";
+import StageList from "./StageList.mjs";
+import StageDetail from "./StageDetail.mjs";
+export { StageDetail, StageList, approveStagedVersion, downloadStagedTarball, rejectStagedVersion, useRequireSession, useStageItem, useStageList };

package/build/sections/Stage/types.d.ts

@@ -0,0 +1,22 @@
+/**
+ * A package version awaiting review, as served by `GET /-/stage`.
+ *
+ * Mirrors the `StagePackageVersion` schema documented by npmjs.
+ */
+export interface StagePackageVersion {
+    id: string;
+    packageName: string;
+    version: string;
+    tag: string;
+    createdAt: string;
+    actor: string;
+    actorType: string;
+    access: 'public' | 'private';
+    shasum: string;
+}
+export interface StagePackageList {
+    items: StagePackageVersion[];
+    page: number;
+    perPage: number;
+    total: number;
+}

package/build/sections/Stage/useRequireSession.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Send anonymous visitors home instead of letting them sit on a page that
+ * cannot load.
+ *
+ * Every stage endpoint requires authentication, so rendering the view without a
+ * session only produces a `401` and an error message that says nothing useful.
+ * Login lives in a header dialog rather than on a route, so the way back is the
+ * home page.
+ *
+ * @returns whether there is a session; callers should render nothing when false,
+ *   since the redirect happens on the next effect and the view would otherwise
+ *   fire a request it cannot complete.
+ */
+export declare function useRequireSession(): boolean;

package/build/sections/Stage/useRequireSession.js

@@ -0,0 +1,33 @@
+const require_routes = require("../../utils/routes.js");
+require("../../utils/index.js");
+const require_AuthProvider = require("../../providers/AuthProvider/AuthProvider.js");
+require("../../providers/AuthProvider/index.js");
+let react = require("react");
+let react_router = require("react-router");
+//#region src/sections/Stage/useRequireSession.ts
+/**
+* Send anonymous visitors home instead of letting them sit on a page that
+* cannot load.
+*
+* Every stage endpoint requires authentication, so rendering the view without a
+* session only produces a `401` and an error message that says nothing useful.
+* Login lives in a header dialog rather than on a route, so the way back is the
+* home page.
+*
+* @returns whether there is a session; callers should render nothing when false,
+*   since the redirect happens on the next effect and the view would otherwise
+*   fire a request it cannot complete.
+*/
+function useRequireSession() {
+	const { userState } = require_AuthProvider.useAuth();
+	const navigate = (0, react_router.useNavigate)();
+	const isLoggedIn = Boolean(userState?.token);
+	(0, react.useEffect)(() => {
+		if (!isLoggedIn) navigate(require_routes.Route.ROOT);
+	}, [isLoggedIn, navigate]);
+	return isLoggedIn;
+}
+//#endregion
+exports.useRequireSession = useRequireSession;
+
+//# sourceMappingURL=useRequireSession.js.map

package/build/sections/Stage/useRequireSession.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRequireSession.js","names":[],"sources":["../../../src/sections/Stage/useRequireSession.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { useNavigate } from 'react-router';\n\nimport { useAuth } from '../../providers/AuthProvider';\nimport { Route } from '../../utils';\n\n/**\n * Send anonymous visitors home instead of letting them sit on a page that\n * cannot load.\n *\n * Every stage endpoint requires authentication, so rendering the view without a\n * session only produces a `401` and an error message that says nothing useful.\n * Login lives in a header dialog rather than on a route, so the way back is the\n * home page.\n *\n * @returns whether there is a session; callers should render nothing when false,\n *   since the redirect happens on the next effect and the view would otherwise\n *   fire a request it cannot complete.\n */\nexport function useRequireSession(): boolean {\n  const { userState } = useAuth();\n  const navigate = useNavigate();\n  const isLoggedIn = Boolean(userState?.token);\n\n  useEffect(() => {\n    if (!isLoggedIn) {\n      navigate(Route.ROOT);\n    }\n  }, [isLoggedIn, navigate]);\n\n  return isLoggedIn;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAmBA,SAAgB,oBAA6B;CAC3C,MAAM,EAAE,cAAc,qBAAA,QAAQ;CAC9B,MAAM,YAAA,GAAW,aAAA,YAAA,CAAY;CAC7B,MAAM,aAAa,QAAQ,WAAW,KAAK;CAE3C,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,CAAC,YACH,SAAS,eAAA,MAAM,IAAI;CAEvB,GAAG,CAAC,YAAY,QAAQ,CAAC;CAEzB,OAAO;AACT"}

package/build/sections/Stage/useRequireSession.mjs

@@ -0,0 +1,33 @@
+import { Route as Route$1 } from "../../utils/routes.mjs";
+import "../../utils/index.mjs";
+import { useAuth } from "../../providers/AuthProvider/AuthProvider.mjs";
+import "../../providers/AuthProvider/index.mjs";
+import { useEffect } from "react";
+import { useNavigate } from "react-router";
+//#region src/sections/Stage/useRequireSession.ts
+/**
+* Send anonymous visitors home instead of letting them sit on a page that
+* cannot load.
+*
+* Every stage endpoint requires authentication, so rendering the view without a
+* session only produces a `401` and an error message that says nothing useful.
+* Login lives in a header dialog rather than on a route, so the way back is the
+* home page.
+*
+* @returns whether there is a session; callers should render nothing when false,
+*   since the redirect happens on the next effect and the view would otherwise
+*   fire a request it cannot complete.
+*/
+function useRequireSession() {
+	const { userState } = useAuth();
+	const navigate = useNavigate();
+	const isLoggedIn = Boolean(userState?.token);
+	useEffect(() => {
+		if (!isLoggedIn) navigate(Route$1.ROOT);
+	}, [isLoggedIn, navigate]);
+	return isLoggedIn;
+}
+//#endregion
+export { useRequireSession };
+
+//# sourceMappingURL=useRequireSession.mjs.map

package/build/sections/Stage/useRequireSession.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRequireSession.mjs","names":[],"sources":["../../../src/sections/Stage/useRequireSession.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { useNavigate } from 'react-router';\n\nimport { useAuth } from '../../providers/AuthProvider';\nimport { Route } from '../../utils';\n\n/**\n * Send anonymous visitors home instead of letting them sit on a page that\n * cannot load.\n *\n * Every stage endpoint requires authentication, so rendering the view without a\n * session only produces a `401` and an error message that says nothing useful.\n * Login lives in a header dialog rather than on a route, so the way back is the\n * home page.\n *\n * @returns whether there is a session; callers should render nothing when false,\n *   since the redirect happens on the next effect and the view would otherwise\n *   fire a request it cannot complete.\n */\nexport function useRequireSession(): boolean {\n  const { userState } = useAuth();\n  const navigate = useNavigate();\n  const isLoggedIn = Boolean(userState?.token);\n\n  useEffect(() => {\n    if (!isLoggedIn) {\n      navigate(Route.ROOT);\n    }\n  }, [isLoggedIn, navigate]);\n\n  return isLoggedIn;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAmBA,SAAgB,oBAA6B;CAC3C,MAAM,EAAE,cAAc,QAAQ;CAC9B,MAAM,WAAW,YAAY;CAC7B,MAAM,aAAa,QAAQ,WAAW,KAAK;CAE3C,gBAAgB;EACd,IAAI,CAAC,YACH,SAAS,QAAM,IAAI;CAEvB,GAAG,CAAC,YAAY,QAAQ,CAAC;CAEzB,OAAO;AACT"}

package/build/sections/Stage/useStage.d.ts

@@ -0,0 +1,34 @@
+import type { StagePackageList, StagePackageVersion } from './types';
+/**
+ * Page through the staged versions the logged in user is allowed to see.
+ *
+ * The registry filters by permission before paginating, so `total` always
+ * matches what this user can actually reach.
+ */
+export declare function useStageList(page: number, perPage: number): {
+    data: StagePackageList | undefined;
+    error: any;
+    isLoading: boolean;
+    mutate: import("swr").KeyedMutator<StagePackageList>;
+};
+/** A single staged version. */
+export declare function useStageItem(stageId?: string): {
+    data: StagePackageVersion | undefined;
+    error: any;
+    isLoading: boolean;
+    mutate: import("swr").KeyedMutator<StagePackageVersion>;
+};
+/** Approve a staged version, publishing it for real. */
+export declare function approveStagedVersion(stageId: string): Promise<{
+    message: string;
+}>;
+/** Reject a staged version, dropping it and its tarball. */
+export declare function rejectStagedVersion(stageId: string): Promise<void>;
+/**
+ * Download the staged tarball.
+ *
+ * The endpoint is authenticated, so a plain `<a href>` would get a 401: the
+ * blob has to be fetched through the API client, which attaches the bearer
+ * token, and then handed to the browser.
+ */
+export declare function downloadStagedTarball(item: StagePackageVersion): Promise<void>;

package/build/sections/Stage/useStage.js

@@ -0,0 +1,71 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_url = require("../../utils/url.js");
+const require_routes = require("../../utils/routes.js");
+const require_api = require("../../store/api.js");
+const require_configuration = require("../../configuration.js");
+const require_utils = require("../../store/utils.js");
+const require_AuthProvider = require("../../providers/AuthProvider/AuthProvider.js");
+require("../../providers/AuthProvider/index.js");
+let swr = require("swr");
+swr = require_runtime.__toESM(swr);
+//#region src/sections/Stage/useStage.ts
+function stageUrl(path = "") {
+	return `${require_utils.stripTrailingSlash(require_configuration.getConfiguration().base)}${require_routes.APIRoute.STAGE}${path}`;
+}
+/**
+* Page through the staged versions the logged in user is allowed to see.
+*
+* The registry filters by permission before paginating, so `total` always
+* matches what this user can actually reach.
+*/
+function useStageList(page, perPage) {
+	const { userState } = require_AuthProvider.useAuth();
+	const url = `${stageUrl()}?page=${page}&perPage=${perPage}`;
+	const { data, error, isLoading, mutate } = (0, swr.default)(userState?.token ? url : null, () => require_api.default.request(url));
+	return {
+		data,
+		error,
+		isLoading,
+		mutate
+	};
+}
+/** A single staged version. */
+function useStageItem(stageId) {
+	const { userState } = require_AuthProvider.useAuth();
+	const url = stageId && userState?.token ? stageUrl(`/${stageId}`) : null;
+	const { data, error, isLoading, mutate } = (0, swr.default)(url, () => require_api.default.request(url));
+	return {
+		data,
+		error,
+		isLoading,
+		mutate
+	};
+}
+/** Approve a staged version, publishing it for real. */
+function approveStagedVersion(stageId) {
+	return require_api.default.request(stageUrl(`/${stageId}/approve`), "POST");
+}
+/** Reject a staged version, dropping it and its tarball. */
+function rejectStagedVersion(stageId) {
+	return require_api.default.request(stageUrl(`/${stageId}`), "DELETE");
+}
+/**
+* Download the staged tarball.
+*
+* The endpoint is authenticated, so a plain `<a href>` would get a 401: the
+* blob has to be fetched through the API client, which attaches the bearer
+* token, and then handed to the browser.
+*/
+async function downloadStagedTarball(item) {
+	const blob = await require_api.default.request(stageUrl(`/${item.id}/tarball`), "GET", { headers: { accept: "application/octet-stream" } });
+	const safeName = item.packageName.replace("@", "").replace("/", "-");
+	require_url.downloadFile(blob, `${safeName}-${item.version}.tgz`);
+}
+//#endregion
+exports.approveStagedVersion = approveStagedVersion;
+exports.downloadStagedTarball = downloadStagedTarball;
+exports.rejectStagedVersion = rejectStagedVersion;
+exports.useStageItem = useStageItem;
+exports.useStageList = useStageList;
+
+//# sourceMappingURL=useStage.js.map

package/build/sections/Stage/useStage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStage.js","names":[],"sources":["../../../src/sections/Stage/useStage.ts"],"sourcesContent":["import useSWR from 'swr';\n\nimport { useAuth } from '../../providers/AuthProvider';\nimport API from '../../store/api';\nimport { getConfiguration } from '../../configuration';\nimport { stripTrailingSlash } from '../../store/utils';\nimport { APIRoute } from '../../utils/routes';\nimport { downloadFile } from '../../utils/url';\nimport type { StagePackageList, StagePackageVersion } from './types';\n\nfunction stageUrl(path = ''): string {\n  const basePath = stripTrailingSlash(getConfiguration().base);\n  return `${basePath}${APIRoute.STAGE}${path}`;\n}\n\n/**\n * Page through the staged versions the logged in user is allowed to see.\n *\n * The registry filters by permission before paginating, so `total` always\n * matches what this user can actually reach.\n */\nexport function useStageList(page: number, perPage: number) {\n  const { userState } = useAuth();\n  const url = `${stageUrl()}?page=${page}&perPage=${perPage}`;\n  // a null key tells SWR not to fetch: without a session the request can only\n  // come back 401\n  const { data, error, isLoading, mutate } = useSWR<StagePackageList>(\n    userState?.token ? url : null,\n    () => API.request<StagePackageList>(url)\n  );\n\n  return { data, error, isLoading, mutate };\n}\n\n/** A single staged version. */\nexport function useStageItem(stageId?: string) {\n  const { userState } = useAuth();\n  const url = stageId && userState?.token ? stageUrl(`/${stageId}`) : null;\n  const { data, error, isLoading, mutate } = useSWR<StagePackageVersion>(url, () =>\n    API.request<StagePackageVersion>(url as string)\n  );\n\n  return { data, error, isLoading, mutate };\n}\n\n/** Approve a staged version, publishing it for real. */\nexport function approveStagedVersion(stageId: string): Promise<{ message: string }> {\n  return API.request<{ message: string }>(stageUrl(`/${stageId}/approve`), 'POST');\n}\n\n/** Reject a staged version, dropping it and its tarball. */\nexport function rejectStagedVersion(stageId: string): Promise<void> {\n  return API.request<void>(stageUrl(`/${stageId}`), 'DELETE');\n}\n\n/**\n * Download the staged tarball.\n *\n * The endpoint is authenticated, so a plain `<a href>` would get a 401: the\n * blob has to be fetched through the API client, which attaches the bearer\n * token, and then handed to the browser.\n */\nexport async function downloadStagedTarball(item: StagePackageVersion): Promise<void> {\n  const blob = await API.request<Blob>(stageUrl(`/${item.id}/tarball`), 'GET', {\n    headers: { accept: 'application/octet-stream' },\n  });\n  const safeName = item.packageName.replace('@', '').replace('/', '-');\n  downloadFile(blob, `${safeName}-${item.version}.tgz`);\n}\n"],"mappings":";;;;;;;;;;;AAUA,SAAS,SAAS,OAAO,IAAY;CAEnC,OAAO,GADU,cAAA,mBAAmB,sBAAA,iBAAiB,CAAC,CAAC,IAC7C,IAAW,eAAA,SAAS,QAAQ;AACxC;;;;;;;AAQA,SAAgB,aAAa,MAAc,SAAiB;CAC1D,MAAM,EAAE,cAAc,qBAAA,QAAQ;CAC9B,MAAM,MAAM,GAAG,SAAS,EAAE,QAAQ,KAAK,WAAW;CAGlD,MAAM,EAAE,MAAM,OAAO,WAAW,YAAA,GAAW,IAAA,QAAA,CACzC,WAAW,QAAQ,MAAM,YACnB,YAAA,QAAI,QAA0B,GAAG,CACzC;CAEA,OAAO;EAAE;EAAM;EAAO;EAAW;CAAO;AAC1C;;AAGA,SAAgB,aAAa,SAAkB;CAC7C,MAAM,EAAE,cAAc,qBAAA,QAAQ;CAC9B,MAAM,MAAM,WAAW,WAAW,QAAQ,SAAS,IAAI,SAAS,IAAI;CACpE,MAAM,EAAE,MAAM,OAAO,WAAW,YAAA,GAAW,IAAA,QAAA,CAA4B,WACrE,YAAA,QAAI,QAA6B,GAAa,CAChD;CAEA,OAAO;EAAE;EAAM;EAAO;EAAW;CAAO;AAC1C;;AAGA,SAAgB,qBAAqB,SAA+C;CAClF,OAAO,YAAA,QAAI,QAA6B,SAAS,IAAI,QAAQ,SAAS,GAAG,MAAM;AACjF;;AAGA,SAAgB,oBAAoB,SAAgC;CAClE,OAAO,YAAA,QAAI,QAAc,SAAS,IAAI,SAAS,GAAG,QAAQ;AAC5D;;;;;;;;AASA,eAAsB,sBAAsB,MAA0C;CACpF,MAAM,OAAO,MAAM,YAAA,QAAI,QAAc,SAAS,IAAI,KAAK,GAAG,SAAS,GAAG,OAAO,EAC3E,SAAS,EAAE,QAAQ,2BAA2B,EAChD,CAAC;CACD,MAAM,WAAW,KAAK,YAAY,QAAQ,KAAK,EAAE,CAAC,CAAC,QAAQ,KAAK,GAAG;CACnE,YAAA,aAAa,MAAM,GAAG,SAAS,GAAG,KAAK,QAAQ,KAAK;AACtD"}

package/build/sections/Stage/useStage.mjs

@@ -0,0 +1,65 @@
+import { downloadFile } from "../../utils/url.mjs";
+import { APIRoute } from "../../utils/routes.mjs";
+import api_default from "../../store/api.mjs";
+import { getConfiguration } from "../../configuration.mjs";
+import { stripTrailingSlash } from "../../store/utils.mjs";
+import { useAuth } from "../../providers/AuthProvider/AuthProvider.mjs";
+import "../../providers/AuthProvider/index.mjs";
+import useSWR from "swr";
+//#region src/sections/Stage/useStage.ts
+function stageUrl(path = "") {
+	return `${stripTrailingSlash(getConfiguration().base)}${APIRoute.STAGE}${path}`;
+}
+/**
+* Page through the staged versions the logged in user is allowed to see.
+*
+* The registry filters by permission before paginating, so `total` always
+* matches what this user can actually reach.
+*/
+function useStageList(page, perPage) {
+	const { userState } = useAuth();
+	const url = `${stageUrl()}?page=${page}&perPage=${perPage}`;
+	const { data, error, isLoading, mutate } = useSWR(userState?.token ? url : null, () => api_default.request(url));
+	return {
+		data,
+		error,
+		isLoading,
+		mutate
+	};
+}
+/** A single staged version. */
+function useStageItem(stageId) {
+	const { userState } = useAuth();
+	const url = stageId && userState?.token ? stageUrl(`/${stageId}`) : null;
+	const { data, error, isLoading, mutate } = useSWR(url, () => api_default.request(url));
+	return {
+		data,
+		error,
+		isLoading,
+		mutate
+	};
+}
+/** Approve a staged version, publishing it for real. */
+function approveStagedVersion(stageId) {
+	return api_default.request(stageUrl(`/${stageId}/approve`), "POST");
+}
+/** Reject a staged version, dropping it and its tarball. */
+function rejectStagedVersion(stageId) {
+	return api_default.request(stageUrl(`/${stageId}`), "DELETE");
+}
+/**
+* Download the staged tarball.
+*
+* The endpoint is authenticated, so a plain `<a href>` would get a 401: the
+* blob has to be fetched through the API client, which attaches the bearer
+* token, and then handed to the browser.
+*/
+async function downloadStagedTarball(item) {
+	const blob = await api_default.request(stageUrl(`/${item.id}/tarball`), "GET", { headers: { accept: "application/octet-stream" } });
+	const safeName = item.packageName.replace("@", "").replace("/", "-");
+	downloadFile(blob, `${safeName}-${item.version}.tgz`);
+}
+//#endregion
+export { approveStagedVersion, downloadStagedTarball, rejectStagedVersion, useStageItem, useStageList };
+
+//# sourceMappingURL=useStage.mjs.map

package/build/sections/Stage/useStage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStage.mjs","names":[],"sources":["../../../src/sections/Stage/useStage.ts"],"sourcesContent":["import useSWR from 'swr';\n\nimport { useAuth } from '../../providers/AuthProvider';\nimport API from '../../store/api';\nimport { getConfiguration } from '../../configuration';\nimport { stripTrailingSlash } from '../../store/utils';\nimport { APIRoute } from '../../utils/routes';\nimport { downloadFile } from '../../utils/url';\nimport type { StagePackageList, StagePackageVersion } from './types';\n\nfunction stageUrl(path = ''): string {\n  const basePath = stripTrailingSlash(getConfiguration().base);\n  return `${basePath}${APIRoute.STAGE}${path}`;\n}\n\n/**\n * Page through the staged versions the logged in user is allowed to see.\n *\n * The registry filters by permission before paginating, so `total` always\n * matches what this user can actually reach.\n */\nexport function useStageList(page: number, perPage: number) {\n  const { userState } = useAuth();\n  const url = `${stageUrl()}?page=${page}&perPage=${perPage}`;\n  // a null key tells SWR not to fetch: without a session the request can only\n  // come back 401\n  const { data, error, isLoading, mutate } = useSWR<StagePackageList>(\n    userState?.token ? url : null,\n    () => API.request<StagePackageList>(url)\n  );\n\n  return { data, error, isLoading, mutate };\n}\n\n/** A single staged version. */\nexport function useStageItem(stageId?: string) {\n  const { userState } = useAuth();\n  const url = stageId && userState?.token ? stageUrl(`/${stageId}`) : null;\n  const { data, error, isLoading, mutate } = useSWR<StagePackageVersion>(url, () =>\n    API.request<StagePackageVersion>(url as string)\n  );\n\n  return { data, error, isLoading, mutate };\n}\n\n/** Approve a staged version, publishing it for real. */\nexport function approveStagedVersion(stageId: string): Promise<{ message: string }> {\n  return API.request<{ message: string }>(stageUrl(`/${stageId}/approve`), 'POST');\n}\n\n/** Reject a staged version, dropping it and its tarball. */\nexport function rejectStagedVersion(stageId: string): Promise<void> {\n  return API.request<void>(stageUrl(`/${stageId}`), 'DELETE');\n}\n\n/**\n * Download the staged tarball.\n *\n * The endpoint is authenticated, so a plain `<a href>` would get a 401: the\n * blob has to be fetched through the API client, which attaches the bearer\n * token, and then handed to the browser.\n */\nexport async function downloadStagedTarball(item: StagePackageVersion): Promise<void> {\n  const blob = await API.request<Blob>(stageUrl(`/${item.id}/tarball`), 'GET', {\n    headers: { accept: 'application/octet-stream' },\n  });\n  const safeName = item.packageName.replace('@', '').replace('/', '-');\n  downloadFile(blob, `${safeName}-${item.version}.tgz`);\n}\n"],"mappings":";;;;;;;;;AAUA,SAAS,SAAS,OAAO,IAAY;CAEnC,OAAO,GADU,mBAAmB,iBAAiB,CAAC,CAAC,IAC7C,IAAW,SAAS,QAAQ;AACxC;;;;;;;AAQA,SAAgB,aAAa,MAAc,SAAiB;CAC1D,MAAM,EAAE,cAAc,QAAQ;CAC9B,MAAM,MAAM,GAAG,SAAS,EAAE,QAAQ,KAAK,WAAW;CAGlD,MAAM,EAAE,MAAM,OAAO,WAAW,WAAW,OACzC,WAAW,QAAQ,MAAM,YACnB,YAAI,QAA0B,GAAG,CACzC;CAEA,OAAO;EAAE;EAAM;EAAO;EAAW;CAAO;AAC1C;;AAGA,SAAgB,aAAa,SAAkB;CAC7C,MAAM,EAAE,cAAc,QAAQ;CAC9B,MAAM,MAAM,WAAW,WAAW,QAAQ,SAAS,IAAI,SAAS,IAAI;CACpE,MAAM,EAAE,MAAM,OAAO,WAAW,WAAW,OAA4B,WACrE,YAAI,QAA6B,GAAa,CAChD;CAEA,OAAO;EAAE;EAAM;EAAO;EAAW;CAAO;AAC1C;;AAGA,SAAgB,qBAAqB,SAA+C;CAClF,OAAO,YAAI,QAA6B,SAAS,IAAI,QAAQ,SAAS,GAAG,MAAM;AACjF;;AAGA,SAAgB,oBAAoB,SAAgC;CAClE,OAAO,YAAI,QAAc,SAAS,IAAI,SAAS,GAAG,QAAQ;AAC5D;;;;;;;;AASA,eAAsB,sBAAsB,MAA0C;CACpF,MAAM,OAAO,MAAM,YAAI,QAAc,SAAS,IAAI,KAAK,GAAG,SAAS,GAAG,OAAO,EAC3E,SAAS,EAAE,QAAQ,2BAA2B,EAChD,CAAC;CACD,MAAM,WAAW,KAAK,YAAY,QAAQ,KAAK,EAAE,CAAC,CAAC,QAAQ,KAAK,GAAG;CACnE,aAAa,MAAM,GAAG,SAAS,GAAG,KAAK,QAAQ,KAAK;AACtD"}

package/build/store/api.js

@@ -21,6 +21,11 @@ function handleResponseType(response) {
 			response.blob(),
 			response.status
 		]);
+		if (contentType?.includes("application/octet-stream") || contentType?.includes("application/gzip")) return Promise.all([
+			response.ok,
+			response.blob(),
+			response.status
+		]);
 		if (contentType?.includes("application/json")) return Promise.all([
 			response.ok,
 			response.json(),
@@ -48,11 +53,9 @@ var API = class {
 	request(url, method = "GET", options = { headers: {} }) {
 		const token = require_storage.default.getItem("token");
 		const headers = new Headers(options.headers);
-		if (token && headers.has(AuthHeader) === false) {
-			headers.set(AuthHeader, `Bearer ${token}`);
-			options.headers = headers;
-		}
+		if (token && headers.has(AuthHeader) === false) headers.set(AuthHeader, `Bearer ${token}`);
 		headers.set("x-client", "verdaccio-ui");
+		options.headers = headers;
 		return new Promise((resolve, reject) => {
 			fetch(url, {
 				method,

package/build/store/api.js.map

@@ -1 +1 @@
-{"version":3,"file":"api.js","names":[],"sources":["../../src/store/api.ts"],"sourcesContent":["import storage from './storage';\n\nexport class CustomError extends Error {\n  code: number;\n\n  constructor(message: string, code?: number) {\n    super(message);\n    this.name = 'CustomError';\n    this.code = code ?? 500;\n  }\n}\n\n/**\n * Handles response according to content type\n * @param {object} response\n * @returns {promise}\n */\nexport function handleResponseType(response: Response): Promise<[boolean, any, number]> {\n  if (response.headers) {\n    const contentType = response.headers.get('Content-Type');\n    if (contentType?.includes('application/pdf')) {\n      return Promise.all([response.ok, response.blob(), response.status]);\n    }\n    if (contentType?.includes('application/json')) {\n      return Promise.all([response.ok, response.json(), response.status]);\n    }\n    // it includes all text types\n    if (contentType?.includes('text/')) {\n      return Promise.all([response.ok, response.text(), response.status]);\n    }\n\n    // unfortunately on download files there is no header available\n    if (response.url && response.url.endsWith('.tgz') === true) {\n      return Promise.all([response.ok, response.blob(), response.status]);\n    }\n  }\n\n  // error handling\n  return Promise.all([response.ok, response.text(), response.status]);\n}\n\nconst AuthHeader = 'Authorization';\n\nclass API {\n  public request<T>(\n    url: string,\n    method = 'GET',\n    options: RequestInit = { headers: {} }\n  ): Promise<T> {\n    const token = storage.getItem('token');\n    const headers = new Headers(options.headers);\n\n    if (token && headers.has(AuthHeader) === false) {\n      headers.set(AuthHeader, `Bearer ${token}`);\n      options.headers = headers;\n    }\n\n    headers.set('x-client', 'verdaccio-ui');\n\n    return new Promise((resolve, reject) => {\n      fetch(url, {\n        method,\n        credentials: 'same-origin',\n        signal: options.signal,\n        ...options,\n      })\n        .then(handleResponseType)\n        .then((response) => {\n          const [ok, data, status] = response;\n          if (ok === true) {\n            resolve(data);\n          } else {\n            const message =\n              typeof data === 'string' ? data : (data?.error ?? data?.message ?? 'Unknown error');\n            reject(new CustomError(message, status));\n          }\n        })\n        .catch((error) => {\n          reject(error);\n        });\n    });\n  }\n}\n\nexport default new API();\n"],"mappings":";;AAEA,IAAa,cAAb,cAAiC,MAAM;CACrC;CAEA,YAAY,SAAiB,MAAe;EAC1C,MAAM,OAAO;EACb,KAAK,OAAO;EACZ,KAAK,OAAO,QAAQ;CACtB;AACF;;;;;;AAOA,SAAgB,mBAAmB,UAAqD;CACtF,IAAI,SAAS,SAAS;EACpB,MAAM,cAAc,SAAS,QAAQ,IAAI,cAAc;EACvD,IAAI,aAAa,SAAS,iBAAiB,GACzC,OAAO,QAAQ,IAAI;GAAC,SAAS;GAAI,SAAS,KAAK;GAAG,SAAS;EAAM,CAAC;EAEpE,IAAI,aAAa,SAAS,kBAAkB,GAC1C,OAAO,QAAQ,IAAI;GAAC,SAAS;GAAI,SAAS,KAAK;GAAG,SAAS;EAAM,CAAC;EAGpE,IAAI,aAAa,SAAS,OAAO,GAC/B,OAAO,QAAQ,IAAI;GAAC,SAAS;GAAI,SAAS,KAAK;GAAG,SAAS;EAAM,CAAC;EAIpE,IAAI,SAAS,OAAO,SAAS,IAAI,SAAS,MAAM,MAAM,MACpD,OAAO,QAAQ,IAAI;GAAC,SAAS;GAAI,SAAS,KAAK;GAAG,SAAS;EAAM,CAAC;CAEtE;CAGA,OAAO,QAAQ,IAAI;EAAC,SAAS;EAAI,SAAS,KAAK;EAAG,SAAS;CAAM,CAAC;AACpE;AAEA,IAAM,aAAa;AAEnB,IAAM,MAAN,MAAU;CACR,QACE,KACA,SAAS,OACT,UAAuB,EAAE,SAAS,CAAC,EAAE,GACzB;EACZ,MAAM,QAAQ,gBAAA,QAAQ,QAAQ,OAAO;EACrC,MAAM,UAAU,IAAI,QAAQ,QAAQ,OAAO;EAE3C,IAAI,SAAS,QAAQ,IAAI,UAAU,MAAM,OAAO;GAC9C,QAAQ,IAAI,YAAY,UAAU,OAAO;GACzC,QAAQ,UAAU;EACpB;EAEA,QAAQ,IAAI,YAAY,cAAc;EAEtC,OAAO,IAAI,SAAS,SAAS,WAAW;GACtC,MAAM,KAAK;IACT;IACA,aAAa;IACb,QAAQ,QAAQ;IAChB,GAAG;GACL,CAAC,CAAC,CACC,KAAK,kBAAkB,CAAC,CACxB,MAAM,aAAa;IAClB,MAAM,CAAC,IAAI,MAAM,UAAU;IAC3B,IAAI,OAAO,MACT,QAAQ,IAAI;SAIZ,OAAO,IAAI,YADT,OAAO,SAAS,WAAW,OAAQ,MAAM,SAAS,MAAM,WAAW,iBACrC,MAAM,CAAC;GAE3C,CAAC,CAAC,CACD,OAAO,UAAU;IAChB,OAAO,KAAK;GACd,CAAC;EACL,CAAC;CACH;AACF;AAEA,IAAA,cAAe,IAAI,IAAI"}
+{"version":3,"file":"api.js","names":[],"sources":["../../src/store/api.ts"],"sourcesContent":["import storage from './storage';\n\nexport class CustomError extends Error {\n  code: number;\n\n  constructor(message: string, code?: number) {\n    super(message);\n    this.name = 'CustomError';\n    this.code = code ?? 500;\n  }\n}\n\n/**\n * Handles response according to content type\n * @param {object} response\n * @returns {promise}\n */\nexport function handleResponseType(response: Response): Promise<[boolean, any, number]> {\n  if (response.headers) {\n    const contentType = response.headers.get('Content-Type');\n    if (contentType?.includes('application/pdf')) {\n      return Promise.all([response.ok, response.blob(), response.status]);\n    }\n    // binary payloads (e.g. staged tarballs, served without a .tgz url) must\n    // never be decoded as text: invalid utf-8 bytes become U+FFFD and the\n    // downloaded archive is corrupted\n    if (\n      contentType?.includes('application/octet-stream') ||\n      contentType?.includes('application/gzip')\n    ) {\n      return Promise.all([response.ok, response.blob(), response.status]);\n    }\n    if (contentType?.includes('application/json')) {\n      return Promise.all([response.ok, response.json(), response.status]);\n    }\n    // it includes all text types\n    if (contentType?.includes('text/')) {\n      return Promise.all([response.ok, response.text(), response.status]);\n    }\n\n    // unfortunately on download files there is no header available\n    if (response.url && response.url.endsWith('.tgz') === true) {\n      return Promise.all([response.ok, response.blob(), response.status]);\n    }\n  }\n\n  // error handling\n  return Promise.all([response.ok, response.text(), response.status]);\n}\n\nconst AuthHeader = 'Authorization';\n\nclass API {\n  public request<T>(\n    url: string,\n    method = 'GET',\n    options: RequestInit = { headers: {} }\n  ): Promise<T> {\n    const token = storage.getItem('token');\n    const headers = new Headers(options.headers);\n\n    if (token && headers.has(AuthHeader) === false) {\n      headers.set(AuthHeader, `Bearer ${token}`);\n    }\n\n    headers.set('x-client', 'verdaccio-ui');\n    // assign unconditionally: doing it only inside the token branch dropped\n    // the x-client header for anonymous requests\n    options.headers = headers;\n\n    return new Promise((resolve, reject) => {\n      fetch(url, {\n        method,\n        credentials: 'same-origin',\n        signal: options.signal,\n        ...options,\n      })\n        .then(handleResponseType)\n        .then((response) => {\n          const [ok, data, status] = response;\n          if (ok === true) {\n            resolve(data);\n          } else {\n            const message =\n              typeof data === 'string' ? data : (data?.error ?? data?.message ?? 'Unknown error');\n            reject(new CustomError(message, status));\n          }\n        })\n        .catch((error) => {\n          reject(error);\n        });\n    });\n  }\n}\n\nexport default new API();\n"],"mappings":";;AAEA,IAAa,cAAb,cAAiC,MAAM;CACrC;CAEA,YAAY,SAAiB,MAAe;EAC1C,MAAM,OAAO;EACb,KAAK,OAAO;EACZ,KAAK,OAAO,QAAQ;CACtB;AACF;;;;;;AAOA,SAAgB,mBAAmB,UAAqD;CACtF,IAAI,SAAS,SAAS;EACpB,MAAM,cAAc,SAAS,QAAQ,IAAI,cAAc;EACvD,IAAI,aAAa,SAAS,iBAAiB,GACzC,OAAO,QAAQ,IAAI;GAAC,SAAS;GAAI,SAAS,KAAK;GAAG,SAAS;EAAM,CAAC;EAKpE,IACE,aAAa,SAAS,0BAA0B,KAChD,aAAa,SAAS,kBAAkB,GAExC,OAAO,QAAQ,IAAI;GAAC,SAAS;GAAI,SAAS,KAAK;GAAG,SAAS;EAAM,CAAC;EAEpE,IAAI,aAAa,SAAS,kBAAkB,GAC1C,OAAO,QAAQ,IAAI;GAAC,SAAS;GAAI,SAAS,KAAK;GAAG,SAAS;EAAM,CAAC;EAGpE,IAAI,aAAa,SAAS,OAAO,GAC/B,OAAO,QAAQ,IAAI;GAAC,SAAS;GAAI,SAAS,KAAK;GAAG,SAAS;EAAM,CAAC;EAIpE,IAAI,SAAS,OAAO,SAAS,IAAI,SAAS,MAAM,MAAM,MACpD,OAAO,QAAQ,IAAI;GAAC,SAAS;GAAI,SAAS,KAAK;GAAG,SAAS;EAAM,CAAC;CAEtE;CAGA,OAAO,QAAQ,IAAI;EAAC,SAAS;EAAI,SAAS,KAAK;EAAG,SAAS;CAAM,CAAC;AACpE;AAEA,IAAM,aAAa;AAEnB,IAAM,MAAN,MAAU;CACR,QACE,KACA,SAAS,OACT,UAAuB,EAAE,SAAS,CAAC,EAAE,GACzB;EACZ,MAAM,QAAQ,gBAAA,QAAQ,QAAQ,OAAO;EACrC,MAAM,UAAU,IAAI,QAAQ,QAAQ,OAAO;EAE3C,IAAI,SAAS,QAAQ,IAAI,UAAU,MAAM,OACvC,QAAQ,IAAI,YAAY,UAAU,OAAO;EAG3C,QAAQ,IAAI,YAAY,cAAc;EAGtC,QAAQ,UAAU;EAElB,OAAO,IAAI,SAAS,SAAS,WAAW;GACtC,MAAM,KAAK;IACT;IACA,aAAa;IACb,QAAQ,QAAQ;IAChB,GAAG;GACL,CAAC,CAAC,CACC,KAAK,kBAAkB,CAAC,CACxB,MAAM,aAAa;IAClB,MAAM,CAAC,IAAI,MAAM,UAAU;IAC3B,IAAI,OAAO,MACT,QAAQ,IAAI;SAIZ,OAAO,IAAI,YADT,OAAO,SAAS,WAAW,OAAQ,MAAM,SAAS,MAAM,WAAW,iBACrC,MAAM,CAAC;GAE3C,CAAC,CAAC,CACD,OAAO,UAAU;IAChB,OAAO,KAAK;GACd,CAAC;EACL,CAAC;CACH;AACF;AAEA,IAAA,cAAe,IAAI,IAAI"}

package/build/store/api.mjs

@@ -21,6 +21,11 @@ function handleResponseType(response) {
 			response.blob(),
 			response.status
 		]);
+		if (contentType?.includes("application/octet-stream") || contentType?.includes("application/gzip")) return Promise.all([
+			response.ok,
+			response.blob(),
+			response.status
+		]);
 		if (contentType?.includes("application/json")) return Promise.all([
 			response.ok,
 			response.json(),
@@ -48,11 +53,9 @@ var API = class {
 	request(url, method = "GET", options = { headers: {} }) {
 		const token = storage_default.getItem("token");
 		const headers = new Headers(options.headers);
-		if (token && headers.has(AuthHeader) === false) {
-			headers.set(AuthHeader, `Bearer ${token}`);
-			options.headers = headers;
-		}
+		if (token && headers.has(AuthHeader) === false) headers.set(AuthHeader, `Bearer ${token}`);
 		headers.set("x-client", "verdaccio-ui");
+		options.headers = headers;
 		return new Promise((resolve, reject) => {
 			fetch(url, {
 				method,