mirror of
https://github.com/SomboChea/ui
synced 2024-06-27 21:45:33 +07:00
6b5d0b7e2e
This PR convert the code base to Typescript, the changes are the following: - migrate code base to Typescript (3.4.x) - enable `eslint` and `@typescript-eslint/eslint-plugin` (warnings still need to be addressed in future pull request - update relevant dependencies for this PR (linting, etc) - enable `bundlezise` (it was disabled for some reason) * refactor: refactoring to typescript * refactor: migrating to typescript * refactor: applied feedbacks * fix: fixed conflicts * refactored: changed registry * refactor: updated registry & removed unnecessary lib * fix: fixed registry ur * fix: fixed page load * refactor: refactored footer wip * refactor: converting to ts..wip * refactor: converting to ts. wip * refactor: converting to ts. wip * refactor: converting to ts * refactor: converting to ts * fix: fixed load errors * refactor: converted files to ts * refactor: removed flow from tests * fix: removed transpiled files * refactor: added ts-ignore * fix: fixed errors * fix: fixed types * fix: fixing jest import -.- * fix: fixing lint errors * fix: fixing lint errors * fix: fixed lint errors * refactor: removed unnecessary tsconfig's config * fix: fixing errors * fix: fixed warning * fix: fixed test * refactor: wip * refactor: wip * refactor: wip * fix: fixing tests: wip * wip * wip * fix: fixed search test * wip * fix: fixing lint errors * fix: re-added stylelint * refactor: updated stylelint script * fix: fixed: 'styles.js' were found. * fix: fixed Search tests * chore: enable eslint eslint needs expecitely to know which file has to lint, by default is JS, in this case we need also ts,tsx files eslint . --ext .js,.ts * chore: vcode eslint settings * chore: restore eslint previous conf * chore: clean jest config * chore: fix eslint warnings * chore: eslint errors cleared chore: clean warnings chore: remove github actions test phases chore: remove dupe rule * chore: update handler name * chore: restore logo from img to url css prop - loading images with css is more performant than using img html tags, switching this might be a breaking change - restore no-empty-source seems the linting do not accept false - update snapshots - remove @material-ui/styles * chore: update stylelint linting * chore: update stylelint linting * chore: fix a mistake on move tabs to a function * chore: eanble bundlezie * chore: use default_executor in circleci * chore: update readme
103 lines
2.6 KiB
TypeScript
103 lines
2.6 KiB
TypeScript
import { UpLinks } from '@verdaccio/types';
|
|
import isString from 'lodash/isString';
|
|
import format from 'date-fns/format';
|
|
import distanceInWordsToNow from 'date-fns/distance_in_words_to_now';
|
|
import { isObject } from 'util';
|
|
|
|
export const TIMEFORMAT = 'DD.MM.YYYY, HH:mm:ss';
|
|
|
|
export interface License {
|
|
type: string;
|
|
url: string;
|
|
}
|
|
|
|
/**
|
|
* Formats license field for webui.
|
|
* @see https://docs.npmjs.com/files/package.json#license
|
|
*/
|
|
// License should use type License defined above, but conflicts with the unit test that provide array or empty object
|
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
export function formatLicense(license: any): string | null {
|
|
if (isString(license)) {
|
|
return license;
|
|
}
|
|
|
|
if (license && isObject(license) && license.type) {
|
|
return license.type;
|
|
}
|
|
|
|
return null;
|
|
}
|
|
|
|
export interface Repository {
|
|
type: string;
|
|
url: string;
|
|
}
|
|
|
|
/**
|
|
* Formats repository field for webui.
|
|
* @see https://docs.npmjs.com/files/package.json#repository
|
|
*/
|
|
|
|
// Repository should use type Repository defined above, but conflicts with the unit test that provide array or empty object
|
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
export function formatRepository(repository: any): string | null {
|
|
if (isString(repository)) {
|
|
return repository;
|
|
}
|
|
|
|
if (repository && isObject(repository) && repository.url) {
|
|
return repository.url;
|
|
}
|
|
|
|
return null;
|
|
}
|
|
|
|
export function formatDate(lastUpdate): string {
|
|
return format(new Date(lastUpdate), TIMEFORMAT);
|
|
}
|
|
|
|
export function formatDateDistance(lastUpdate): string {
|
|
return distanceInWordsToNow(new Date(lastUpdate));
|
|
}
|
|
|
|
export function getRouterPackageName(match): string {
|
|
const packageName = match.params.package;
|
|
const scope = match.params.scope;
|
|
if (scope) {
|
|
return `@${scope}/${packageName}`;
|
|
}
|
|
|
|
return packageName;
|
|
}
|
|
|
|
/**
|
|
* For <LastSync /> component
|
|
* @param {array} uplinks
|
|
*/
|
|
export function getLastUpdatedPackageTime(uplinks: UpLinks = {}): string {
|
|
let lastUpdate = 0;
|
|
Object.keys(uplinks).forEach(function computeUplink(upLinkName): void {
|
|
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
|
|
*/
|
|
export function getRecentReleases(time = {}): unknown {
|
|
const recent = Object.keys(time).map((version): unknown => ({
|
|
version,
|
|
time: formatDate(time[version]),
|
|
}));
|
|
|
|
return recent.slice(recent.length - 3, recent.length).reverse();
|
|
}
|