Fix monorepo build

frontend/package.json

@@ -1,6 +1,6 @@
 {
   "name": "decla.red-frontend",
-  "private": true,
+  "version": "0.0.0",
   "description": "![logo](media/declared.png)",
   "keywords": [],
   "author": "András Schmelczer <andras@schmelczer.dev> (https://schmelczer.dev/)",
@@ -10,7 +10,6 @@
   "main": "index.js",
   "scripts": {
     "build": "npx webpack --mode production",
-    "initialize": "npm install",
     "start": "npx webpack-dev-server --mode development",
     "try-build": "npm run build && cd dist && python3 -m http.server 8080"
   },
@@ -18,25 +17,44 @@
     "defaults"
   ],
   "devDependencies": {
+    "@types/socket.io-client": "^1.4.34",
+    "@typescript-eslint/eslint-plugin": "^3.9.1",
+    "@typescript-eslint/parser": "^3.9.1",
+    "autoprefixer": "^9.8.5",
     "clean-webpack-plugin": "^3.0.0",
-    "esbuild-loader": "^2.4.0",
+    "css-loader": "^3.5.2",
+    "cssnano": "^4.1.10",
+    "eslint": "^7.2.0",
+    "eslint-config-prettier": "^6.11.0",
+    "eslint-plugin-import": "^2.21.2",
+    "eslint-plugin-json-format": "^2.0.1",
+    "eslint-plugin-prettier": "^3.1.4",
+    "eslint-plugin-unused-imports": "^0.1.3",
+    "file-loader": "^6.1.0",
+    "firebase": "^7.22.0",
+    "gl-matrix": "^3.3.0",
     "html-webpack-inline-source-plugin": "0.0.10",
     "html-webpack-plugin": "^3.2.0",
     "image-webpack-loader": "^6.0.0",
     "mini-css-extract-plugin": "^0.9.0",
     "optimize-css-assets-webpack-plugin": "^5.0.3",
     "postcss-loader": "^3.0.0",
+    "prettier": "^2.0.5",
     "raw-loader": "^4.0.1",
     "resolve-url-loader": "^3.1.1",
+    "ts-loader": "^8.0.3",
     "sass": "^1.26.3",
     "sass-loader": "^9.0.2",
+    "sdf-2d": "^0.5.3",
+    "shared": "0.0.0",
+    "socket.io-client": "^2.3.1",
+    "source-map-loader": "^1.1.0",
     "svg-url-loader": "^6.0.0",
     "terser-webpack-plugin": "^4.2.2",
     "typescript": "^4.0.3",
     "webpack": "^4.43.0",
     "webpack-bundle-analyzer": "^3.9.0",
     "webpack-cli": "^3.3.11",
-    "source-map-loader": "^1.1.0",
     "webpack-dev-server": "^3.10.3"
   },
   "postcss": {

frontend/tsconfig.json

@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "outDir": "dist",
+    "sourceMap": true,
+    "declaration": true,
+    "declarationMap": true,
+    "target": "es6",
+    "esModuleInterop": true,
+    "strict": true,
+    "experimentalDecorators": true,
+    "downlevelIteration": true,
+    "moduleResolution": "node",
+    "module": "commonjs",
+    "composite": true,
+    "lib": ["dom", "es2017"]
+  },
+  "include": ["src/**/*.ts"]
+}

frontend/webpack.config.js

@@ -6,7 +6,6 @@ const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const HtmlWebpackInlineSourcePlugin = require('html-webpack-inline-source-plugin');
 const Sass = require('sass');
 const TerserJSPlugin = require('terser-webpack-plugin');
-const { ESBuildPlugin } = require('esbuild-loader');
 const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
 
 const PATHS = {
@@ -46,7 +45,6 @@ module.exports = (env, argv) => ({
     ],
   },
   plugins: [
-    new ESBuildPlugin(),
     new HtmlWebpackPlugin({
       xhtml: true,
       template: './src/index.html',
@@ -105,10 +103,8 @@ module.exports = (env, argv) => ({
       },
       {
         test: /\.ts$/,
-        loader: 'esbuild-loader',
-        options: {
-          loader: 'ts',
-          target: 'es2015',
+        use: {
+          loader: 'ts-loader',
         },
         exclude: /node_modules/,
       },