chore: dependencies update, type fixes, build typecheck

webapp/configs/babel.config.js

@@ -18,7 +18,7 @@ module.exports = {
   compact: prod,
   presets: [
     "@babel/preset-react",
-    ['@babel/preset-typescript', { isTSX: true, allExtensions: true }],
+    ['@babel/preset-typescript', { isTSX: true, allExtensions: true, onlyRemoveTypeImports: true }],
     [
       "@babel/preset-env",
       {

webapp/configs/webpack.config.js

@@ -1,6 +1,7 @@
 const { resolve, join } = require('path');
 const ModuleDependencyWarning = require("webpack/lib/ModuleDependencyWarning");
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
 
 // Temporary solution to remove wrong warning messages (it's was fixed https://github.com/microsoft/TypeScript/pull/35200 in typescript 3.8)
 class IgnoreNotFoundExportPlugin {
@@ -54,9 +55,10 @@ module.exports = (env, argv) => {
       {
         loader: 'postcss-loader',
         options: {
-          // syntax: 'postcss-scss',
-          plugins: postCssPlugins,
-          sourceMap: true,
+          postcssOptions: {
+            plugins: postCssPlugins,
+            sourceMap: true,
+          }
         },
       },
       {
@@ -71,13 +73,13 @@ module.exports = (env, argv) => {
       }
     ];
   }
-  
+
   process.env.NODE_ENV = argv.mode || 'development'
 
   var babelLoader = {
     loader: 'babel-loader',
     options: {
-      configFile: join(__dirname, 'babel.config.js')
+      configFile: join(__dirname, 'babel.config.js'),
     },
   }
 
@@ -148,6 +150,14 @@ module.exports = (env, argv) => {
     devtool: 'cheap-module-source-map',
     plugins: [
       new IgnoreNotFoundExportPlugin(),
+      new ForkTsCheckerWebpackPlugin({
+        typescript: {
+          diagnosticOptions: {
+            semantic: true,
+            syntactic: true,
+          },
+        },
+      }),
       new MiniCssExtractPlugin({
         // Options similar to the same options in webpackOptions.output
         // all options are optional

webapp/configs/webpack.plugin.config.js

@@ -1,4 +1,4 @@
-const merge = require('webpack-merge');
+const { merge } = require('webpack-merge');
 const { resolve, join } = require('path');
 var PeerDepsExternalsPlugin = require('peer-deps-externals-webpack-plugin');
 const commonConfig = require('./webpack.config.js');

webapp/configs/webpack.product.config.js

@@ -1,4 +1,4 @@
-const merge = require('webpack-merge');
+const { merge } = require('webpack-merge');
 const webpack = require('webpack');
 const { resolve } = require('path');
 const HtmlWebpackPlugin = require('html-webpack-plugin');

webapp/configs/webpack.product.dev.config.js

@@ -1,4 +1,4 @@
-const merge = require('webpack-merge');
+const { merge } = require('webpack-merge');
 const webpack = require('webpack');
 const { resolve } = require('path');
 const commonConfig = require('./webpack.config.js');

webapp/package.json

@@ -10,63 +10,64 @@
     "clean-dist": "rimraf lib/*"
   },
   "devDependencies": {
-    "@babel/cli": "^7.8.4",
-    "@babel/core": "^7.8.6",
-    "@babel/plugin-proposal-class-properties": "^7.4.0",
-    "@babel/plugin-proposal-decorators": "^7.10.1",
-    "@babel/plugin-proposal-object-rest-spread": "^7.4.0",
-    "@babel/plugin-transform-runtime": "^7.10.1",
-    "@babel/preset-env": "^7.4.1",
-    "@babel/preset-react": "^7.8.3",
-    "@babel/preset-typescript": "^7.3.3",
+    "@babel/cli": "^7.11.6",
+    "@babel/core": "^7.11.6",
+    "@babel/plugin-proposal-class-properties": "^7.10.4",
+    "@babel/plugin-proposal-decorators": "^7.10.5",
+    "@babel/plugin-proposal-object-rest-spread": "^7.11.0",
+    "@babel/plugin-transform-runtime": "^7.11.5",
+    "@babel/preset-env": "^7.11.5",
+    "@babel/preset-react": "^7.10.4",
+    "@babel/preset-typescript": "^7.10.4",
     "@csstools/postcss-sass": "^4.0.0",
-    "@types/react": "^16.9.36",
+    "@types/react": "^16.9.49",
     "@types/react-dom": "^16.9.8",
-    "@typescript-eslint/eslint-plugin": "^2.5.0",
-    "@typescript-eslint/parser": "^2.8.0",
-    "babel-loader": "^8.0.6",
+    "@typescript-eslint/eslint-plugin": "^4.1.0",
+    "@typescript-eslint/parser": "^4.1.0",
+    "babel-loader": "^8.1.0",
     "babel-plugin-module-resolver": "^4.0.0",
     "babel-plugin-react-require": "^3.1.3",
     "babel-plugin-transform-typescript-metadata": "^0.3.0",
-    "copy-webpack-plugin": "^6.0.2",
-    "css-loader": "^3.2.1",
+    "copy-webpack-plugin": "^6.1.0",
+    "css-loader": "^4.3.0",
     "declaration-bundler-webpack-plugin": "^1.0.3",
-    "eslint": "^6.6.0",
-    "eslint-config-airbnb-base": "^14.0.0",
-    "eslint-import-resolver-typescript": "^2.0.0",
-    "eslint-loader": "^3.0.3",
-    "eslint-plugin-import": "^2.18.2",
-    "eslint-plugin-import-helpers": "^1.0.2",
-    "eslint-plugin-jest": "^22.21.0",
-    "eslint-plugin-jsx-a11y": "^6.2.3",
-    "eslint-plugin-react": "^7.16.0",
-    "eslint-plugin-react-hooks": "^1.7.0",
-    "html-webpack-plugin": "^4.3.0",
+    "eslint": "^7.8.1",
+    "eslint-config-airbnb-base": "^14.2.0",
+    "eslint-import-resolver-typescript": "^2.3.0",
+    "eslint-loader": "^4.0.2",
+    "eslint-plugin-import": "^2.22.0",
+    "eslint-plugin-import-helpers": "^1.1.0",
+    "eslint-plugin-jest": "^24.0.0",
+    "eslint-plugin-jsx-a11y": "^6.3.1",
+    "eslint-plugin-react": "^7.20.6",
+    "eslint-plugin-react-hooks": "^4.1.0",
+    "fork-ts-checker-webpack-plugin": "^5.1.0",
+    "html-webpack-plugin": "^4.4.1",
     "json5-loader": "^4.0.0",
-    "lerna": "^3.20.2",
-    "mini-css-extract-plugin": "^0.9.0",
-    "mobx": "^5.15.4",
-    "mobx-react": "^6.2.2",
+    "lerna": "^3.22.1",
+    "mini-css-extract-plugin": "^0.11.1",
+    "mobx": "^5.15.6",
+    "mobx-react": "^6.3.0",
     "node-sass": "^4.14.1",
     "peer-deps-externals-webpack-plugin": "^1.0.4",
     "postcss-discard-comments": "^4.0.2",
-    "postcss-loader": "^3.0.0",
+    "postcss-loader": "^4.0.1",
     "postcss-preset-env": "^6.7.0",
     "postcss-scss": "^2.1.1",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "reflect-metadata": "^0.1.13",
     "sass-loader": "^8.0.0",
-    "source-map-loader": "1.0.0",
-    "style-loader": "^1.0.1",
-    "ts-loader": "^7.0.5",
-    "typescript": "^3.8.3",
+    "source-map-loader": "^1.1.0",
+    "style-loader": "^1.2.1",
+    "ts-loader": "^8.0.3",
+    "typescript": "^4.0.2",
     "uglifyjs-webpack-plugin": "^2.2.0",
-    "webpack": "4.43.0",
+    "webpack": "^4.44.1",
     "webpack-bundle-analyzer": "^3.8.0",
-    "webpack-cli": "3.3.11",
-    "webpack-dev-server": "3.11.0",
-    "webpack-merge": "4.2.2"
+    "webpack-cli": "^3.3.12",
+    "webpack-dev-server": "^3.11.0",
+    "webpack-merge": "^5.1.4"
   },
   "dependencies": {}
 }

webapp/packages/core-utils/src/Promises/Deferred.ts

@@ -96,7 +96,7 @@ export class Deferred<T> {
 }
 
 export class DeferredFromPromise<T> extends Deferred<T> {
-  constructor(public promise: Promise<T>) {
+  constructor(promise: Promise<T>) {
     super();
     promise.then(
       value => this.toResolved(value),

webapp/packages/core-utils/src/uuid_.ts

@@ -7,7 +7,24 @@
  */
 
 import { v4 as uuidv4 } from 'uuid';
-import { V4Options } from 'uuid/interfaces';
+
+export type OutputBuffer = ArrayLike<number>;
+export type InputBuffer = ArrayLike<number>;
+
+export interface RandomOptions {
+    random?: InputBuffer;
+}
+export interface RngOptions {
+    rng?: () => InputBuffer;
+}
+
+export interface V1BaseOptions {
+    node?: InputBuffer;
+    clockseq?: number;
+    msecs?: number | Date;
+    nsecs?: number;
+}
+export type V4Options = RandomOptions | RngOptions;
 
 export function uuid(options?: V4Options): string {
   return uuidv4(options);

webapp/packages/plugin-authentication/src/Administration/AuthAdministrationService.ts

@@ -1,24 +0,0 @@
-/*
- * cloudbeaver - Cloud Database Manager
- * Copyright (C) 2020 DBeaver Corp and others
- *
- * Licensed under the Apache License, Version 2.0.
- * you may not use this file except in compliance with the License.
- */
-
-import { AdministrationItemService } from '@cloudbeaver/core-administration';
-import { injectable, Bootstrap } from '@cloudbeaver/core-di';
-
-@injectable()
-export class AuthAdministrationService extends Bootstrap {
-  constructor(
-    private administrationItemService: AdministrationItemService
-  ) {
-    super();
-  }
-
-  register() {
-  }
-  load(): void | Promise<void> {
-  }
-}

webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectFoldersController.ts

@@ -7,7 +7,6 @@
  */
 
 import { autorun } from 'mobx';
-import { IReactionDisposer } from 'mobx/lib/internal';
 
 import { ITab, NavigationTabsService } from '@cloudbeaver/core-app';
 import { IDestructibleController, IInitializableController, injectable } from '@cloudbeaver/core-di';
@@ -21,7 +20,7 @@ export class ObjectFoldersController implements IInitializableController, IDestr
 
   private tabContainer!: ObjectFoldersTabContainer;
   private navigationTab!: ITab<IObjectViewerTabState>
-  private disposer!: IReactionDisposer;
+  private disposer!: ReturnType<typeof autorun>;
 
   constructor(
     private objectFoldersService: ObjectFoldersService,

webapp/tsconfig.json

@@ -35,6 +35,7 @@
     "sourceMap": true,
     "strict": true,
     "skipLibCheck": true,
+    "skipDefaultLibCheck": true,
     "strictNullChecks": true,
     "types": [
       "reflect-metadata",