feat: migrating flow to typescript (#47)

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
2019-06-20 14:37:28 +02:00
parent 7d1764458b
commit 6b5d0b7e2e
358 changed files with 4730 additions and 58431 deletions
--- a/src/utils/package.ts
+++ b/src/utils/package.ts
@@ -0,0 +1,102 @@
+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();
+}