@verdaccio/ui-components 5.0.0-next-9.2 → 5.0.0-next-9.4

package/build/utils/url.mjs

@@ -0,0 +1,61 @@
+import { __exportAll } from "../_virtual/_rolldown/runtime.mjs";
+import isEmailValidator from "validator/lib/isEmail";
+import isURLValidator from "validator/lib/isURL";
+//#region src/utils/url.ts
+var url_exports = /* @__PURE__ */ __exportAll({
+	downloadFile: () => downloadFile,
+	extractFileName: () => extractFileName,
+	isEmail: () => isEmail,
+	isURL: () => isURL
+});
+function isURL(url) {
+	return isURLValidator(url || "", {
+		protocols: [
+			"http",
+			"https",
+			"git+https",
+			"git"
+		],
+		require_protocol: true,
+		require_tld: false
+	});
+}
+function isEmail(email) {
+	return isEmailValidator(email || "");
+}
+function extractFileName(url) {
+	return url.substring(url.lastIndexOf("/") + 1);
+}
+function blobToFile(blob, fileName) {
+	const fileProperties = {
+		lastModified: Date.now(),
+		name: fileName
+	};
+	return Object.assign(blob, fileProperties);
+}
+function downloadFile(fileStream, fileName) {
+	let file;
+	if (navigator.msSaveBlob) file = blobToFile(new Blob([fileStream], { type: "application/octet-stream" }), fileName);
+	else file = new File([fileStream], fileName, {
+		type: "application/octet-stream",
+		lastModified: Date.now()
+	});
+	const objectURL = URL.createObjectURL(file);
+	const fileLink = document.createElement("a");
+	fileLink.href = objectURL;
+	fileLink.download = fileName;
+	if (!(typeof window !== "undefined" && window.navigator && window.navigator.userAgent && window.navigator.userAgent.includes("Node.js") || window.navigator.userAgent.includes("jsdom"))) {
+		document.documentElement.appendChild(fileLink);
+		fileLink.click();
+		setTimeout(() => {
+			URL.revokeObjectURL(objectURL);
+			document.documentElement.removeChild(fileLink);
+		}, 150);
+	} else setTimeout(() => {
+		URL.revokeObjectURL(objectURL);
+	}, 150);
+}
+//#endregion
+export { downloadFile, extractFileName, isEmail, isURL, url_exports };
+
+//# sourceMappingURL=url.mjs.map

package/build/utils/url.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"url.mjs","names":["isEmailValidator","isURLValidator","isURL","url","protocols","require_protocol","require_tld","isEmail","email","extractFileName","substring","lastIndexOf","NavigatorWithMSSaveBlob","Navigator","msSaveBlob","blob","Blob","fileName","blobToFile","File","fileProperties","lastModified","Date","now","name","Object","assign","downloadFile","fileStream","file","nav","navigator","type","objectURL","URL","createObjectURL","fileLink","document","createElement","href","download","isTestEnvironment","window","userAgent","includes","documentElement","appendChild","click","setTimeout","revokeObjectURL","removeChild"],"sources":["../../src/utils/url.ts"],"sourcesContent":["import isEmailValidator from 'validator/lib/isEmail';\nimport isURLValidator from 'validator/lib/isURL';\n\nexport function isURL(url: string): boolean {\n  return isURLValidator(url || '', {\n    protocols: ['http', 'https', 'git+https', 'git'],\n    require_protocol: true,\n    require_tld: false,\n  });\n}\n\nexport function isEmail(email: string): boolean {\n  return isEmailValidator(email || '');\n}\n\nexport function extractFileName(url: string): string {\n  return url.substring(url.lastIndexOf('/') + 1);\n}\n\n// Legacy Edge support for file downloads\ninterface NavigatorWithMSSaveBlob extends Navigator {\n  msSaveBlob?: (blob: Blob, fileName: string) => boolean;\n}\n\nfunction blobToFile(blob: Blob, fileName: string): File {\n  // Create a proper File object by extending the Blob with File properties\n  const fileProperties = {\n    lastModified: Date.now(),\n    name: fileName,\n  };\n\n  // Use Object.assign to copy properties while maintaining the Blob prototype\n  return Object.assign(blob, fileProperties) as File;\n}\n\nexport function downloadFile(fileStream: Blob, fileName: string): void {\n  let file: File;\n  // File constructor is not supported by Edge\n  // https://developer.mozilla.org/en-US/docs/Web/API/File#Browser_compatibility\n  const nav = navigator as NavigatorWithMSSaveBlob;\n  if (nav.msSaveBlob) {\n    // Detect if Edge\n    file = blobToFile(new Blob([fileStream], { type: 'application/octet-stream' }), fileName);\n  } else {\n    file = new File([fileStream], fileName, {\n      type: 'application/octet-stream',\n      lastModified: Date.now(),\n    });\n  }\n\n  const objectURL = URL.createObjectURL(file);\n  const fileLink = document.createElement('a');\n  fileLink.href = objectURL;\n  fileLink.download = fileName;\n\n  // Skip actual download in test environment to avoid JSDOM navigation error\n  // Check if we're in a test environment (JSDOM)\n  const isTestEnvironment =\n    (typeof window !== 'undefined' &&\n      window.navigator &&\n      window.navigator.userAgent &&\n      window.navigator.userAgent.includes('Node.js')) ||\n    window.navigator.userAgent.includes('jsdom');\n\n  if (!isTestEnvironment) {\n    // Without appending to an HTML Element, download dialog does not show up on Firefox\n    // https://github.com/verdaccio/ui/issues/119\n    document.documentElement.appendChild(fileLink);\n    fileLink.click();\n    // firefox requires remove the object url\n    setTimeout(() => {\n      URL.revokeObjectURL(objectURL);\n      document.documentElement.removeChild(fileLink);\n    }, 150);\n  } else {\n    // In test environment, just clean up without triggering navigation\n    setTimeout(() => {\n      URL.revokeObjectURL(objectURL);\n    }, 150);\n  }\n}\n"],"mappings":";;;;;;;;;;AAGA,SAAgBE,MAAMC,KAAsB;AAC1C,QAAOF,eAAeE,OAAO,IAAI;EAC/BC,WAAW;GAAC;GAAQ;GAAS;GAAa;GAAM;EAChDC,kBAAkB;EAClBC,aAAa;EACd,CAAC;;AAGJ,SAAgBC,QAAQC,OAAwB;AAC9C,QAAOR,iBAAiBQ,SAAS,GAAG;;AAGtC,SAAgBC,gBAAgBN,KAAqB;AACnD,QAAOA,IAAIO,UAAUP,IAAIQ,YAAY,IAAI,GAAG,EAAE;;AAQhD,SAASO,WAAWH,MAAYE,UAAwB;CAEtD,MAAMG,iBAAiB;EACrBC,cAAcC,KAAKC,KAAK;EACxBC,MAAMP;EACP;AAGD,QAAOQ,OAAOC,OAAOX,MAAMK,eAAe;;AAG5C,SAAgBO,aAAaC,YAAkBX,UAAwB;CACrE,IAAIY;AAIJ,KADYE,UACJjB,WAENe,QAAOX,WAAW,IAAIF,KAAK,CAACY,WAAW,EAAE,EAAEI,MAAM,4BAA4B,CAAC,EAAEf,SAAS;KAEzFY,QAAO,IAAIV,KAAK,CAACS,WAAW,EAAEX,UAAU;EACtCe,MAAM;EACNX,cAAcC,KAAKC,KAAI;EACxB,CAAC;CAGJ,MAAMU,YAAYC,IAAIC,gBAAgBN,KAAK;CAC3C,MAAMO,WAAWC,SAASC,cAAc,IAAI;AAC5CF,UAASG,OAAON;AAChBG,UAASI,WAAWvB;AAWpB,KAAI,EAND,OAAOyB,WAAW,eACjBA,OAAOX,aACPW,OAAOX,UAAUY,aACjBD,OAAOX,UAAUY,UAAUC,SAAS,UAAU,IAChDF,OAAOX,UAAUY,UAAUC,SAAS,QAAQ,GAEtB;AAGtBP,WAASQ,gBAAgBC,YAAYV,SAAS;AAC9CA,WAASW,OAAO;AAEhBC,mBAAiB;AACfd,OAAIe,gBAAgBhB,UAAU;AAC9BI,YAASQ,gBAAgBK,YAAYd,SAAS;KAC7C,IAAI;OAGPY,kBAAiB;AACfd,MAAIe,gBAAgBhB,UAAU;IAC7B,IAAI"}

package/build/utils/utils.js

@@ -1,65 +1,109 @@
-import { __exportAll as e } from "../_virtual/_rolldown/runtime.js";
-import t from "dayjs";
-import n from "dayjs/plugin/localizedFormat";
-import r from "dayjs/plugin/relativeTime";
-import i from "i18next";
-import a from "lodash/isString";
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+let dayjs = require("dayjs");
+dayjs = require_runtime.__toESM(dayjs);
+let dayjs_plugin_localizedFormat = require("dayjs/plugin/localizedFormat");
+dayjs_plugin_localizedFormat = require_runtime.__toESM(dayjs_plugin_localizedFormat);
+let dayjs_plugin_relativeTime = require("dayjs/plugin/relativeTime");
+dayjs_plugin_relativeTime = require_runtime.__toESM(dayjs_plugin_relativeTime);
+let i18next = require("i18next");
+i18next = require_runtime.__toESM(i18next);
+let lodash_isString = require("lodash/isString");
+lodash_isString = require_runtime.__toESM(lodash_isString);
 //#region src/utils/utils.ts
-var o = /* @__PURE__ */ e({
-	TIMEFORMAT: () => s,
-	fileSizeSI: () => g,
-	formatDate: () => u,
-	formatDateDistance: () => d,
-	formatLicense: () => c,
-	formatRepository: () => l,
-	getAuthorName: () => m,
-	getLastUpdatedPackageTime: () => f,
-	getRecentReleases: () => p,
-	getUplink: () => h
-}), s = "L LTS";
-t.extend(r), t.extend(n);
-function c(e) {
-	if (a(e)) return e;
-	if (e && typeof e == "object" && "type" in e && typeof e.type == "string") return e.type;
+var utils_exports = /* @__PURE__ */ require_runtime.__exportAll({
+	TIMEFORMAT: () => TIMEFORMAT,
+	fileSizeSI: () => fileSizeSI,
+	formatDate: () => formatDate,
+	formatDateDistance: () => formatDateDistance,
+	formatLicense: () => formatLicense,
+	formatRepository: () => formatRepository,
+	getAuthorName: () => getAuthorName,
+	getLastUpdatedPackageTime: () => getLastUpdatedPackageTime,
+	getRecentReleases: () => getRecentReleases,
+	getUplink: () => getUplink
+});
+var TIMEFORMAT = "L LTS";
+dayjs.default.extend(dayjs_plugin_relativeTime.default);
+dayjs.default.extend(dayjs_plugin_localizedFormat.default);
+/**
+* Formats license field for webui.
+* @see https://docs.npmjs.com/files/package.json#license
+*/
+function formatLicense(license) {
+	if ((0, lodash_isString.default)(license)) return license;
+	if (license && typeof license === "object" && "type" in license && typeof license.type === "string") return license.type;
 }
-function l(e) {
-	return a(e) ? e : e && typeof e == "object" && "url" in e && typeof e.url == "string" ? e.url : null;
+/**
+* Formats repository field for webui.
+* @see https://docs.npmjs.com/files/package.json#repository
+*/
+function formatRepository(repository) {
+	if ((0, lodash_isString.default)(repository)) return repository;
+	if (repository && typeof repository === "object" && "url" in repository && typeof repository.url === "string") return repository.url;
+	return null;
 }
-function u(e) {
-	return t(new Date(e)).format(s);
+function formatDate(lastUpdate) {
+	return (0, dayjs.default)(new Date(lastUpdate)).format(TIMEFORMAT);
 }
-function d(e) {
-	return t(new Date(e)).fromNow();
+function formatDateDistance(lastUpdate) {
+	return (0, dayjs.default)(new Date(lastUpdate)).fromNow();
 }
-function f(e = {}) {
-	let t = 0;
-	return Object.keys(e).forEach(function(n) {
-		let r = e[n];
-		r.fetched > t && (t = r.fetched);
-	}), t ? u(t) : "";
+/**
+* For <LastSync /> component
+* @param {array} uplinks
+*/
+function getLastUpdatedPackageTime(uplinks = {}) {
+	let lastUpdate = 0;
+	Object.keys(uplinks).forEach(function computeUplink(upLinkName) {
+		const status = uplinks[upLinkName];
+		if (status.fetched > lastUpdate) lastUpdate = status.fetched;
+	});
+	return lastUpdate ? formatDate(lastUpdate) : "";
 }
-function p(e = {}) {
-	let t = Object.keys(e).map((t) => ({
-		version: t,
-		time: u(e[t])
+/**
+* For <LastSync /> component
+* @param {Object} time
+* @returns {Array} last 3 releases
+*/
+function getRecentReleases(time = {}) {
+	const recent = Object.keys(time).map((version) => ({
+		version,
+		time: formatDate(time[version])
 	}));
-	return t.slice(t.length - 3, t.length).reverse();
+	return recent.slice(recent.length - 3, recent.length).reverse();
 }
-function m(e) {
-	return e ? e.toLowerCase() === "anonymous" ? i.t("author-anonymous") : e : i.t("author-unknown");
+function getAuthorName(authorName) {
+	if (!authorName) return i18next.default.t("author-unknown");
+	if (authorName.toLowerCase() === "anonymous") return i18next.default.t("author-anonymous");
+	return authorName;
 }
-function h(e, t) {
-	switch (e) {
-		case "npmjs": return `https://www.npmjs.com/package/${t}`;
+function getUplink(upLinkName, packageName) {
+	switch (upLinkName) {
+		case "npmjs": return `https://www.npmjs.com/package/${packageName}`;
 	}
 	return null;
 }
-function g(e, t, n, r, i) {
-	t = Math, n = t.log, r = 1e3, i = n(e) / n(r) | 0;
-	let a = e / t.pow(r, i);
-	return i === 0 ? Math.floor(a) + " Bytes" : a.toFixed(1) + " " + "kMGTPEZY"[--i] + "B";
+function fileSizeSI(a, b, c, d, e) {
+	b = Math;
+	c = b.log;
+	d = 1e3;
+	e = c(a) / c(d) | 0;
+	const size = a / b.pow(d, e);
+	if (e === 0) return Math.floor(size) + " Bytes";
+	else return size.toFixed(1) + " " + "kMGTPEZY"[--e] + "B";
 }
 //#endregion
-export { g as fileSizeSI, u as formatDate, d as formatDateDistance, c as formatLicense, m as getAuthorName, h as getUplink, o as utils_exports };
+exports.fileSizeSI = fileSizeSI;
+exports.formatDate = formatDate;
+exports.formatDateDistance = formatDateDistance;
+exports.formatLicense = formatLicense;
+exports.getAuthorName = getAuthorName;
+exports.getUplink = getUplink;
+Object.defineProperty(exports, "utils_exports", {
+	enumerable: true,
+	get: function() {
+		return utils_exports;
+	}
+});
 
 //# sourceMappingURL=utils.js.map

package/build/utils/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["dayjs","localizedFormat","relativeTime","i18next","isString","UpLinks","Time","TIMEFORMAT","extend","formatLicense","license","type","undefined","Repository","url","formatRepository","repository","formatDate","lastUpdate","Date","format","formatDateDistance","fromNow","getLastUpdatedPackageTime","uplinks","Object","keys","forEach","computeUplink","upLinkName","status","fetched","getRecentReleases","time","recent","map","version","slice","length","reverse","getAuthorName","authorName","t","toLowerCase","getUplink","packageName","fileSizeSI","a","b","Math","c","p","d","e","log","size","pow","floor","toFixed"],"sources":["../../src/utils/utils.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport localizedFormat from 'dayjs/plugin/localizedFormat';\nimport relativeTime from 'dayjs/plugin/relativeTime';\nimport i18next from 'i18next';\nimport isString from 'lodash/isString';\n\nimport type { UpLinks } from '@verdaccio/types';\n\nimport type { Time } from '../types/packageMeta';\n\nexport const TIMEFORMAT = 'L LTS';\n\ndayjs.extend(relativeTime);\ndayjs.extend(localizedFormat);\n\n/**\n * Formats license field for webui.\n * @see https://docs.npmjs.com/files/package.json#license\n */\nexport function formatLicense(license: string | { type?: string } | unknown): string | undefined {\n  if (isString(license)) {\n    return license;\n  }\n\n  if (\n    license &&\n    typeof license === 'object' &&\n    'type' in license &&\n    typeof license.type === 'string'\n  ) {\n    return license.type;\n  }\n\n  return undefined;\n}\n\nexport interface Repository {\n  readonly type: string;\n  readonly url: string;\n}\n\n/**\n * Formats repository field for webui.\n * @see https://docs.npmjs.com/files/package.json#repository\n */\nexport function formatRepository(repository: string | { url?: string } | unknown): string | null {\n  if (isString(repository)) {\n    return repository;\n  }\n\n  if (\n    repository &&\n    typeof repository === 'object' &&\n    'url' in repository &&\n    typeof repository.url === 'string'\n  ) {\n    return repository.url;\n  }\n\n  return null;\n}\n\nexport function formatDate(lastUpdate: string | number): string {\n  return dayjs(new Date(lastUpdate)).format(TIMEFORMAT);\n}\n\nexport function formatDateDistance(lastUpdate: Date | string | number): string {\n  return dayjs(new Date(lastUpdate)).fromNow();\n}\n\n/**\n * For <LastSync /> component\n * @param {array} uplinks\n */\nexport function getLastUpdatedPackageTime(uplinks: UpLinks = {}): string {\n  let lastUpdate = 0;\n  Object.keys(uplinks).forEach(function computeUplink(upLinkName): void {\n    const status = uplinks[upLinkName];\n    if (status.fetched > lastUpdate) {\n      lastUpdate = status.fetched;\n    }\n  });\n\n  return lastUpdate ? formatDate(lastUpdate) : '';\n}\n\n/**\n * For <LastSync /> component\n * @param {Object} time\n * @returns {Array} last 3 releases\n */\nexport function getRecentReleases(time: Time = {}): Time[] {\n  const recent = Object.keys(time).map((version) => ({\n    version,\n    time: formatDate(time[version]),\n  }));\n\n  return recent.slice(recent.length - 3, recent.length).reverse();\n}\n\nexport function getAuthorName(authorName?: string): string {\n  if (!authorName) {\n    return i18next.t('author-unknown');\n  }\n\n  if (authorName.toLowerCase() === 'anonymous') {\n    return i18next.t('author-anonymous');\n  }\n\n  return authorName;\n}\n\nexport function getUplink(upLinkName: string, packageName: string): string | null {\n  // TODO: make this a config like \"uplinks: npmjs: web: https://www.npmjs.com/package/\"\n  switch (upLinkName) {\n    case 'npmjs':\n      return `https://www.npmjs.com/package/${packageName}`;\n  }\n  return null;\n}\n\nexport function fileSizeSI(\n  a: number,\n  b?: typeof Math,\n  c?: (p: number) => number,\n  d?: number,\n  e?: number\n): string {\n  b = Math;\n  c = b.log;\n  d = 1e3;\n  e = (c(a) / c(d)) | 0;\n  const size = a / b.pow(d, e);\n  // no decimals for Bytes\n  if (e === 0) {\n    return Math.floor(size) + ' Bytes';\n  } else {\n    return size.toFixed(1) + ' ' + 'kMGTPEZY'[--e] + 'B';\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;IAUaO,IAAa;AAE1BP,EAAMQ,OAAON,EAAa,EAC1BF,EAAMQ,OAAOP,EAAgB;AAM7B,SAAgBQ,EAAcC,GAAmE;AAC/F,KAAIN,EAASM,EAAQ,CACnB,QAAOA;AAGT,KACEA,KACA,OAAOA,KAAY,YACnB,UAAUA,KACV,OAAOA,EAAQC,QAAS,SAExB,QAAOD,EAAQC;;AAenB,SAAgBI,EAAiBC,GAAgE;AAc/F,QAbIZ,EAASY,EAAW,GACfA,IAIPA,KACA,OAAOA,KAAe,YACtB,SAASA,KACT,OAAOA,EAAWF,OAAQ,WAEnBE,EAAWF,MAGb;;AAGT,SAAgBG,EAAWC,GAAqC;AAC9D,QAAOlB,EAAM,IAAImB,KAAKD,EAAW,CAAC,CAACE,OAAOb,EAAW;;AAGvD,SAAgBc,EAAmBH,GAA4C;AAC7E,QAAOlB,EAAM,IAAImB,KAAKD,EAAW,CAAC,CAACI,SAAS;;AAO9C,SAAgBC,EAA0BC,IAAmB,EAAE,EAAU;CACvE,IAAIN,IAAa;AAQjB,QAPAO,OAAOC,KAAKF,EAAQ,CAACG,QAAQ,SAAuBE,GAAkB;EACpE,IAAMC,IAASN,EAAQK;AACvB,EAAIC,EAAOC,UAAUb,MACnBA,IAAaY,EAAOC;GAEtB,EAEKb,IAAaD,EAAWC,EAAW,GAAG;;AAQ/C,SAAgBc,EAAkBC,IAAa,EAAE,EAAU;CACzD,IAAMC,IAAST,OAAOC,KAAKO,EAAK,CAACE,KAAKC,OAAa;EACjDA;EACAH,MAAMhB,EAAWgB,EAAKG,GAAQ;EAC/B,EAAE;AAEH,QAAOF,EAAOG,MAAMH,EAAOI,SAAS,GAAGJ,EAAOI,OAAO,CAACC,SAAS;;AAGjE,SAAgBC,EAAcC,GAA6B;AASzD,QARKA,IAIDA,EAAWE,aAAa,KAAK,cACxBxC,EAAQuC,EAAE,mBAAmB,GAG/BD,IAPEtC,EAAQuC,EAAE,iBAAiB;;AAUtC,SAAgBE,EAAUf,GAAoBgB,GAAoC;AAEhF,SAAQhB,GAAR;EACE,KAAK,QACH,QAAO,iCAAiCgB;;AAE5C,QAAO;;AAGT,SAAgBC,EACdC,GACAC,GACAE,GACAE,GACAC,GACQ;AAIRA,CAHAL,IAAIC,MACJC,IAAIF,EAAEM,KACNF,IAAI,KACJC,IAAKH,EAAEH,EAAE,GAAGG,EAAEE,EAAE,GAAI;CACpB,IAAMG,IAAOR,IAAIC,EAAEQ,IAAIJ,GAAGC,EAAE;AAK1B,QAHEA,MAAM,IACDJ,KAAKQ,MAAMF,EAAK,GAAG,WAEnBA,EAAKG,QAAQ,EAAE,GAAG,MAAM,WAAW,EAAEL,KAAK"}
+{"version":3,"file":"utils.js","names":["dayjs","localizedFormat","relativeTime","i18next","isString","UpLinks","Time","TIMEFORMAT","extend","formatLicense","license","type","undefined","Repository","url","formatRepository","repository","formatDate","lastUpdate","Date","format","formatDateDistance","fromNow","getLastUpdatedPackageTime","uplinks","Object","keys","forEach","computeUplink","upLinkName","status","fetched","getRecentReleases","time","recent","map","version","slice","length","reverse","getAuthorName","authorName","t","toLowerCase","getUplink","packageName","fileSizeSI","a","b","Math","c","p","d","e","log","size","pow","floor","toFixed"],"sources":["../../src/utils/utils.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport localizedFormat from 'dayjs/plugin/localizedFormat';\nimport relativeTime from 'dayjs/plugin/relativeTime';\nimport i18next from 'i18next';\nimport isString from 'lodash/isString';\n\nimport type { UpLinks } from '@verdaccio/types';\n\nimport type { Time } from '../types/packageMeta';\n\nexport const TIMEFORMAT = 'L LTS';\n\ndayjs.extend(relativeTime);\ndayjs.extend(localizedFormat);\n\n/**\n * Formats license field for webui.\n * @see https://docs.npmjs.com/files/package.json#license\n */\nexport function formatLicense(license: string | { type?: string } | unknown): string | undefined {\n  if (isString(license)) {\n    return license;\n  }\n\n  if (\n    license &&\n    typeof license === 'object' &&\n    'type' in license &&\n    typeof license.type === 'string'\n  ) {\n    return license.type;\n  }\n\n  return undefined;\n}\n\nexport interface Repository {\n  readonly type: string;\n  readonly url: string;\n}\n\n/**\n * Formats repository field for webui.\n * @see https://docs.npmjs.com/files/package.json#repository\n */\nexport function formatRepository(repository: string | { url?: string } | unknown): string | null {\n  if (isString(repository)) {\n    return repository;\n  }\n\n  if (\n    repository &&\n    typeof repository === 'object' &&\n    'url' in repository &&\n    typeof repository.url === 'string'\n  ) {\n    return repository.url;\n  }\n\n  return null;\n}\n\nexport function formatDate(lastUpdate: string | number): string {\n  return dayjs(new Date(lastUpdate)).format(TIMEFORMAT);\n}\n\nexport function formatDateDistance(lastUpdate: Date | string | number): string {\n  return dayjs(new Date(lastUpdate)).fromNow();\n}\n\n/**\n * For <LastSync /> component\n * @param {array} uplinks\n */\nexport function getLastUpdatedPackageTime(uplinks: UpLinks = {}): string {\n  let lastUpdate = 0;\n  Object.keys(uplinks).forEach(function computeUplink(upLinkName): void {\n    const status = uplinks[upLinkName];\n    if (status.fetched > lastUpdate) {\n      lastUpdate = status.fetched;\n    }\n  });\n\n  return lastUpdate ? formatDate(lastUpdate) : '';\n}\n\n/**\n * For <LastSync /> component\n * @param {Object} time\n * @returns {Array} last 3 releases\n */\nexport function getRecentReleases(time: Time = {}): Time[] {\n  const recent = Object.keys(time).map((version) => ({\n    version,\n    time: formatDate(time[version]),\n  }));\n\n  return recent.slice(recent.length - 3, recent.length).reverse();\n}\n\nexport function getAuthorName(authorName?: string): string {\n  if (!authorName) {\n    return i18next.t('author-unknown');\n  }\n\n  if (authorName.toLowerCase() === 'anonymous') {\n    return i18next.t('author-anonymous');\n  }\n\n  return authorName;\n}\n\nexport function getUplink(upLinkName: string, packageName: string): string | null {\n  // TODO: make this a config like \"uplinks: npmjs: web: https://www.npmjs.com/package/\"\n  switch (upLinkName) {\n    case 'npmjs':\n      return `https://www.npmjs.com/package/${packageName}`;\n  }\n  return null;\n}\n\nexport function fileSizeSI(\n  a: number,\n  b?: typeof Math,\n  c?: (p: number) => number,\n  d?: number,\n  e?: number\n): string {\n  b = Math;\n  c = b.log;\n  d = 1e3;\n  e = (c(a) / c(d)) | 0;\n  const size = a / b.pow(d, e);\n  // no decimals for Bytes\n  if (e === 0) {\n    return Math.floor(size) + ' Bytes';\n  } else {\n    return size.toFixed(1) + ' ' + 'kMGTPEZY'[--e] + 'B';\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAaO,aAAa;AAE1BP,MAAAA,QAAMQ,OAAON,0BAAAA,QAAa;AAC1BF,MAAAA,QAAMQ,OAAOP,6BAAAA,QAAgB;;;;;AAM7B,SAAgBQ,cAAcC,SAAmE;AAC/F,MAAA,GAAA,gBAAA,SAAaA,QAAQ,CACnB,QAAOA;AAGT,KACEA,WACA,OAAOA,YAAY,YACnB,UAAUA,WACV,OAAOA,QAAQC,SAAS,SAExB,QAAOD,QAAQC;;;;;;AAenB,SAAgBI,iBAAiBC,YAAgE;AAC/F,MAAA,GAAA,gBAAA,SAAaA,WAAW,CACtB,QAAOA;AAGT,KACEA,cACA,OAAOA,eAAe,YACtB,SAASA,cACT,OAAOA,WAAWF,QAAQ,SAE1B,QAAOE,WAAWF;AAGpB,QAAO;;AAGT,SAAgBG,WAAWC,YAAqC;AAC9D,SAAA,GAAA,MAAA,SAAa,IAAIC,KAAKD,WAAW,CAAC,CAACE,OAAOb,WAAW;;AAGvD,SAAgBc,mBAAmBH,YAA4C;AAC7E,SAAA,GAAA,MAAA,SAAa,IAAIC,KAAKD,WAAW,CAAC,CAACI,SAAS;;;;;;AAO9C,SAAgBC,0BAA0BC,UAAmB,EAAE,EAAU;CACvE,IAAIN,aAAa;AACjBO,QAAOC,KAAKF,QAAQ,CAACG,QAAQ,SAASC,cAAcC,YAAkB;EACpE,MAAMC,SAASN,QAAQK;AACvB,MAAIC,OAAOC,UAAUb,WACnBA,cAAaY,OAAOC;GAEtB;AAEF,QAAOb,aAAaD,WAAWC,WAAW,GAAG;;;;;;;AAQ/C,SAAgBc,kBAAkBC,OAAa,EAAE,EAAU;CACzD,MAAMC,SAAST,OAAOC,KAAKO,KAAK,CAACE,KAAKC,aAAa;EACjDA;EACAH,MAAMhB,WAAWgB,KAAKG,SAAQ;EAC/B,EAAE;AAEH,QAAOF,OAAOG,MAAMH,OAAOI,SAAS,GAAGJ,OAAOI,OAAO,CAACC,SAAS;;AAGjE,SAAgBC,cAAcC,YAA6B;AACzD,KAAI,CAACA,WACH,QAAOtC,QAAAA,QAAQuC,EAAE,iBAAiB;AAGpC,KAAID,WAAWE,aAAa,KAAK,YAC/B,QAAOxC,QAAAA,QAAQuC,EAAE,mBAAmB;AAGtC,QAAOD;;AAGT,SAAgBG,UAAUf,YAAoBgB,aAAoC;AAEhF,SAAQhB,YAAR;EACE,KAAK,QACH,QAAO,iCAAiCgB;;AAE5C,QAAO;;AAGT,SAAgBC,WACdC,GACAC,GACAE,GACAE,GACAC,GACQ;AACRL,KAAIC;AACJC,KAAIF,EAAEM;AACNF,KAAI;AACJC,KAAKH,EAAEH,EAAE,GAAGG,EAAEE,EAAE,GAAI;CACpB,MAAMG,OAAOR,IAAIC,EAAEQ,IAAIJ,GAAGC,EAAE;AAE5B,KAAIA,MAAM,EACR,QAAOJ,KAAKQ,MAAMF,KAAK,GAAG;KAE1B,QAAOA,KAAKG,QAAQ,EAAE,GAAG,MAAM,WAAW,EAAEL,KAAK"}

package/build/utils/utils.mjs

@@ -0,0 +1,93 @@
+import { __exportAll } from "../_virtual/_rolldown/runtime.mjs";
+import dayjs from "dayjs";
+import localizedFormat from "dayjs/plugin/localizedFormat";
+import relativeTime from "dayjs/plugin/relativeTime";
+import i18next from "i18next";
+import isString from "lodash/isString";
+//#region src/utils/utils.ts
+var utils_exports = /* @__PURE__ */ __exportAll({
+	TIMEFORMAT: () => TIMEFORMAT,
+	fileSizeSI: () => fileSizeSI,
+	formatDate: () => formatDate,
+	formatDateDistance: () => formatDateDistance,
+	formatLicense: () => formatLicense,
+	formatRepository: () => formatRepository,
+	getAuthorName: () => getAuthorName,
+	getLastUpdatedPackageTime: () => getLastUpdatedPackageTime,
+	getRecentReleases: () => getRecentReleases,
+	getUplink: () => getUplink
+});
+var TIMEFORMAT = "L LTS";
+dayjs.extend(relativeTime);
+dayjs.extend(localizedFormat);
+/**
+* Formats license field for webui.
+* @see https://docs.npmjs.com/files/package.json#license
+*/
+function formatLicense(license) {
+	if (isString(license)) return license;
+	if (license && typeof license === "object" && "type" in license && typeof license.type === "string") return license.type;
+}
+/**
+* Formats repository field for webui.
+* @see https://docs.npmjs.com/files/package.json#repository
+*/
+function formatRepository(repository) {
+	if (isString(repository)) return repository;
+	if (repository && typeof repository === "object" && "url" in repository && typeof repository.url === "string") return repository.url;
+	return null;
+}
+function formatDate(lastUpdate) {
+	return dayjs(new Date(lastUpdate)).format(TIMEFORMAT);
+}
+function formatDateDistance(lastUpdate) {
+	return dayjs(new Date(lastUpdate)).fromNow();
+}
+/**
+* For <LastSync /> component
+* @param {array} uplinks
+*/
+function getLastUpdatedPackageTime(uplinks = {}) {
+	let lastUpdate = 0;
+	Object.keys(uplinks).forEach(function computeUplink(upLinkName) {
+		const status = uplinks[upLinkName];
+		if (status.fetched > lastUpdate) lastUpdate = status.fetched;
+	});
+	return lastUpdate ? formatDate(lastUpdate) : "";
+}
+/**
+* For <LastSync /> component
+* @param {Object} time
+* @returns {Array} last 3 releases
+*/
+function getRecentReleases(time = {}) {
+	const recent = Object.keys(time).map((version) => ({
+		version,
+		time: formatDate(time[version])
+	}));
+	return recent.slice(recent.length - 3, recent.length).reverse();
+}
+function getAuthorName(authorName) {
+	if (!authorName) return i18next.t("author-unknown");
+	if (authorName.toLowerCase() === "anonymous") return i18next.t("author-anonymous");
+	return authorName;
+}
+function getUplink(upLinkName, packageName) {
+	switch (upLinkName) {
+		case "npmjs": return `https://www.npmjs.com/package/${packageName}`;
+	}
+	return null;
+}
+function fileSizeSI(a, b, c, d, e) {
+	b = Math;
+	c = b.log;
+	d = 1e3;
+	e = c(a) / c(d) | 0;
+	const size = a / b.pow(d, e);
+	if (e === 0) return Math.floor(size) + " Bytes";
+	else return size.toFixed(1) + " " + "kMGTPEZY"[--e] + "B";
+}
+//#endregion
+export { fileSizeSI, formatDate, formatDateDistance, formatLicense, getAuthorName, getUplink, utils_exports };
+
+//# sourceMappingURL=utils.mjs.map

package/build/utils/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","names":["dayjs","localizedFormat","relativeTime","i18next","isString","UpLinks","Time","TIMEFORMAT","extend","formatLicense","license","type","undefined","Repository","url","formatRepository","repository","formatDate","lastUpdate","Date","format","formatDateDistance","fromNow","getLastUpdatedPackageTime","uplinks","Object","keys","forEach","computeUplink","upLinkName","status","fetched","getRecentReleases","time","recent","map","version","slice","length","reverse","getAuthorName","authorName","t","toLowerCase","getUplink","packageName","fileSizeSI","a","b","Math","c","p","d","e","log","size","pow","floor","toFixed"],"sources":["../../src/utils/utils.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport localizedFormat from 'dayjs/plugin/localizedFormat';\nimport relativeTime from 'dayjs/plugin/relativeTime';\nimport i18next from 'i18next';\nimport isString from 'lodash/isString';\n\nimport type { UpLinks } from '@verdaccio/types';\n\nimport type { Time } from '../types/packageMeta';\n\nexport const TIMEFORMAT = 'L LTS';\n\ndayjs.extend(relativeTime);\ndayjs.extend(localizedFormat);\n\n/**\n * Formats license field for webui.\n * @see https://docs.npmjs.com/files/package.json#license\n */\nexport function formatLicense(license: string | { type?: string } | unknown): string | undefined {\n  if (isString(license)) {\n    return license;\n  }\n\n  if (\n    license &&\n    typeof license === 'object' &&\n    'type' in license &&\n    typeof license.type === 'string'\n  ) {\n    return license.type;\n  }\n\n  return undefined;\n}\n\nexport interface Repository {\n  readonly type: string;\n  readonly url: string;\n}\n\n/**\n * Formats repository field for webui.\n * @see https://docs.npmjs.com/files/package.json#repository\n */\nexport function formatRepository(repository: string | { url?: string } | unknown): string | null {\n  if (isString(repository)) {\n    return repository;\n  }\n\n  if (\n    repository &&\n    typeof repository === 'object' &&\n    'url' in repository &&\n    typeof repository.url === 'string'\n  ) {\n    return repository.url;\n  }\n\n  return null;\n}\n\nexport function formatDate(lastUpdate: string | number): string {\n  return dayjs(new Date(lastUpdate)).format(TIMEFORMAT);\n}\n\nexport function formatDateDistance(lastUpdate: Date | string | number): string {\n  return dayjs(new Date(lastUpdate)).fromNow();\n}\n\n/**\n * For <LastSync /> component\n * @param {array} uplinks\n */\nexport function getLastUpdatedPackageTime(uplinks: UpLinks = {}): string {\n  let lastUpdate = 0;\n  Object.keys(uplinks).forEach(function computeUplink(upLinkName): void {\n    const status = uplinks[upLinkName];\n    if (status.fetched > lastUpdate) {\n      lastUpdate = status.fetched;\n    }\n  });\n\n  return lastUpdate ? formatDate(lastUpdate) : '';\n}\n\n/**\n * For <LastSync /> component\n * @param {Object} time\n * @returns {Array} last 3 releases\n */\nexport function getRecentReleases(time: Time = {}): Time[] {\n  const recent = Object.keys(time).map((version) => ({\n    version,\n    time: formatDate(time[version]),\n  }));\n\n  return recent.slice(recent.length - 3, recent.length).reverse();\n}\n\nexport function getAuthorName(authorName?: string): string {\n  if (!authorName) {\n    return i18next.t('author-unknown');\n  }\n\n  if (authorName.toLowerCase() === 'anonymous') {\n    return i18next.t('author-anonymous');\n  }\n\n  return authorName;\n}\n\nexport function getUplink(upLinkName: string, packageName: string): string | null {\n  // TODO: make this a config like \"uplinks: npmjs: web: https://www.npmjs.com/package/\"\n  switch (upLinkName) {\n    case 'npmjs':\n      return `https://www.npmjs.com/package/${packageName}`;\n  }\n  return null;\n}\n\nexport function fileSizeSI(\n  a: number,\n  b?: typeof Math,\n  c?: (p: number) => number,\n  d?: number,\n  e?: number\n): string {\n  b = Math;\n  c = b.log;\n  d = 1e3;\n  e = (c(a) / c(d)) | 0;\n  const size = a / b.pow(d, e);\n  // no decimals for Bytes\n  if (e === 0) {\n    return Math.floor(size) + ' Bytes';\n  } else {\n    return size.toFixed(1) + ' ' + 'kMGTPEZY'[--e] + 'B';\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAUA,IAAaO,aAAa;AAE1BP,MAAMQ,OAAON,aAAa;AAC1BF,MAAMQ,OAAOP,gBAAgB;;;;;AAM7B,SAAgBQ,cAAcC,SAAmE;AAC/F,KAAIN,SAASM,QAAQ,CACnB,QAAOA;AAGT,KACEA,WACA,OAAOA,YAAY,YACnB,UAAUA,WACV,OAAOA,QAAQC,SAAS,SAExB,QAAOD,QAAQC;;;;;;AAenB,SAAgBI,iBAAiBC,YAAgE;AAC/F,KAAIZ,SAASY,WAAW,CACtB,QAAOA;AAGT,KACEA,cACA,OAAOA,eAAe,YACtB,SAASA,cACT,OAAOA,WAAWF,QAAQ,SAE1B,QAAOE,WAAWF;AAGpB,QAAO;;AAGT,SAAgBG,WAAWC,YAAqC;AAC9D,QAAOlB,MAAM,IAAImB,KAAKD,WAAW,CAAC,CAACE,OAAOb,WAAW;;AAGvD,SAAgBc,mBAAmBH,YAA4C;AAC7E,QAAOlB,MAAM,IAAImB,KAAKD,WAAW,CAAC,CAACI,SAAS;;;;;;AAO9C,SAAgBC,0BAA0BC,UAAmB,EAAE,EAAU;CACvE,IAAIN,aAAa;AACjBO,QAAOC,KAAKF,QAAQ,CAACG,QAAQ,SAASC,cAAcC,YAAkB;EACpE,MAAMC,SAASN,QAAQK;AACvB,MAAIC,OAAOC,UAAUb,WACnBA,cAAaY,OAAOC;GAEtB;AAEF,QAAOb,aAAaD,WAAWC,WAAW,GAAG;;;;;;;AAQ/C,SAAgBc,kBAAkBC,OAAa,EAAE,EAAU;CACzD,MAAMC,SAAST,OAAOC,KAAKO,KAAK,CAACE,KAAKC,aAAa;EACjDA;EACAH,MAAMhB,WAAWgB,KAAKG,SAAQ;EAC/B,EAAE;AAEH,QAAOF,OAAOG,MAAMH,OAAOI,SAAS,GAAGJ,OAAOI,OAAO,CAACC,SAAS;;AAGjE,SAAgBC,cAAcC,YAA6B;AACzD,KAAI,CAACA,WACH,QAAOtC,QAAQuC,EAAE,iBAAiB;AAGpC,KAAID,WAAWE,aAAa,KAAK,YAC/B,QAAOxC,QAAQuC,EAAE,mBAAmB;AAGtC,QAAOD;;AAGT,SAAgBG,UAAUf,YAAoBgB,aAAoC;AAEhF,SAAQhB,YAAR;EACE,KAAK,QACH,QAAO,iCAAiCgB;;AAE5C,QAAO;;AAGT,SAAgBC,WACdC,GACAC,GACAE,GACAE,GACAC,GACQ;AACRL,KAAIC;AACJC,KAAIF,EAAEM;AACNF,KAAI;AACJC,KAAKH,EAAEH,EAAE,GAAGG,EAAEE,EAAE,GAAI;CACpB,MAAMG,OAAOR,IAAIC,EAAEQ,IAAIJ,GAAGC,EAAE;AAE5B,KAAIA,MAAM,EACR,QAAOJ,KAAKQ,MAAMF,KAAK,GAAG;KAE1B,QAAOA,KAAKG,QAAQ,EAAE,GAAG,MAAM,WAAW,EAAEL,KAAK"}

package/package.json

@@ -1,26 +1,34 @@
 {
   "name": "@verdaccio/ui-components",
-  "version": "5.0.0-next-9.2",
+  "version": "5.0.0-next-9.4",
   "description": "Verdaccio UI Components",
   "author": "Juan Picado <juanpicado19@gmail.com>",
   "license": "MIT",
   "homepage": "https://verdaccio.org",
   "main": "./build/index.js",
+  "module": "./build/index.mjs",
   "types": "build/index.d.ts",
   "exports": {
     ".": {
-      "source": "./src/index.ts",
-      "default": "./build/index.js"
-    }
+      "import": {
+        "types": "./build/index.d.ts",
+        "default": "./build/index.mjs"
+      },
+      "require": {
+        "types": "./build/index.d.ts",
+        "default": "./build/index.js"
+      }
+    },
+    "./build/*": "./build/*"
   },
   "dependencies": {
     "@emotion/react": "11.11.4",
     "@emotion/styled": "11.11.5",
     "@hookform/resolvers": "5.2.2",
-    "@microlink/react-json-view": "1.26.2",
+    "@microlink/react-json-view": "1.31.12",
     "@mui/icons-material": "7.3.4",
     "@mui/material": "7.3.7",
-    "@verdaccio/ui-i18n": "10.0.0-next-9.1",
+    "@verdaccio/ui-i18n": "10.0.0-next-9.2",
     "country-flag-icons": "1.5.21",
     "dayjs": "1.11.18",
     "dompurify": "3.3.1",
@@ -54,18 +62,18 @@
     "@testing-library/jest-dom": "6.8.0",
     "@testing-library/react": "16.3.0",
     "@types/node": "24.10.13",
-    "@verdaccio/types": "14.0.0-next-9.0",
+    "@verdaccio/types": "14.0.0-next-9.2",
     "@vitejs/plugin-react": "5.0.4",
     "vite": "^8.0.0",
     "eslint-plugin-storybook": "10.2.17",
     "eslint-plugin-verdaccio": "10.0.0",
-    "jsdom": "26.1.0",
+    "jsdom": "28.1.0",
     "mockdate": "3.0.5",
     "msw": "2.12.10",
     "msw-storybook-addon": "2.0.6",
     "mutationobserver-shim": "0.3.7",
     "storybook": "10.2.17",
-    "vitest": "3.2.4",
+    "vitest": "4.1.0",
     "whatwg-fetch": "3.6.20"
   },
   "resolutions": {