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

jest/unit/components/__mocks__/.eslintrc

@@ -0,0 +1,5 @@
+{
+	"rules": {
+		"@typescript-eslint/explicit-function-return-type": 0
+	}
+}

jest/unit/components/__mocks__/api.ts

@@ -0,0 +1,47 @@
+/**
+ * API Mocks for WebUI
+ */
+import logo from '../store/logo';
+import login from '../store/login';
+import { packageMeta } from '../store/packageMeta';
+import { packageInformation } from '../store/package';
+
+/**
+ * Register mock api endpoints
+ * @param {string} endpoint
+ * @returns {Promise}
+ */
+const register = (url, method = 'get', options = {}) => {
+  if (url === 'login' && method.toLocaleLowerCase() === 'post') {
+    return login(options);
+  }
+
+  if (url === 'logo' && method.toLocaleLowerCase() === 'get') {
+    return logo();
+  }
+
+  if (url === 'sidebar/verdaccio' && method.toLocaleLowerCase() === 'get') {
+    return new Promise(function(resolve) {
+      resolve(packageMeta);
+    });
+  }
+
+  if (url === 'packages' && method.toLocaleLowerCase() === 'get') {
+    return new Promise(function(resolve) {
+      resolve(packageInformation);
+    });
+  }
+
+  throw Error(`URL not found: ${url}`);
+};
+
+/**
+ * Bind API methods
+ */
+class API {
+  request() {
+    return register.call(null, ...arguments);
+  }
+}
+
+export default new API();

jest/unit/components/__mocks__/token.ts

@@ -0,0 +1,26 @@
+/**
+ * Token Utility
+ */
+
+import { Base64 } from 'js-base64';
+import addHours from 'date-fns/add_hours';
+
+export function generateTokenWithTimeRange(limit = 0) {
+  const payload = {
+    username: 'verdaccio',
+    exp: Number.parseInt(String(addHours(new Date(), limit).getTime() / 1000), 10),
+  };
+  return `xxxxxx.${Base64.encode(JSON.stringify(payload))}.xxxxxx`;
+}
+
+export function generateTokenWithExpirationAsString() {
+  const payload = { username: 'verdaccio', exp: 'I am not a number' };
+  return `xxxxxx.${Base64.encode(payload)}.xxxxxx`;
+}
+
+export function generateTokenWithOutExpiration() {
+  const payload = {
+    username: 'verdaccio',
+  };
+  return `xxxxxx.${Base64.encode(JSON.stringify(payload))}.xxxxxx`;
+}