update frontend deps

frontend/app/common/api.ts

@@ -188,9 +188,10 @@ export const removeComment = (id: Comment['id']) =>
 export const removeMyComment = (id: Comment['id']): Promise<void> =>
   fetcher.put({
     url: `/comment/${id}?url=${url}`,
+    // eslint-disable-next-line @typescript-eslint/no-object-literal-type-assertion
     body: {
       delete: true,
-    },
+    } as object,
     withCredentials: true,
   });
 

frontend/app/last-comments.tsx

@@ -3,6 +3,7 @@
 declare let remark_config: LastCommentsConfig;
 
 import loadPolyfills from '@app/common/polyfills';
+import '@app/utils/patchPreactContext';
 import { h, render } from 'preact';
 import 'preact/debug';
 import { getLastComments } from './common/api';

frontend/app/remark.tsx

@@ -1,6 +1,7 @@
 /* eslint-disable no-console */
 /** @jsx h */
 import loadPolyfills from '@app/common/polyfills';
+import '@app/utils/patchPreactContext';
 import { h, render } from 'preact';
 import 'preact/debug';
 

frontend/app/utils/patchPreactContext.js

@@ -0,0 +1,7 @@
+// hack for https://github.com/developit/preact-compat/issues/475
+// should be changed when preact@10 is available
+
+import React from 'preact';
+import { createContext } from 'preact-context';
+
+React.createContext = createContext;

frontend/package.json

@@ -30,36 +30,36 @@
     }
   },
   "devDependencies": {
-    "@babel/core": "^7.4.3",
+    "@babel/core": "^7.4.5",
     "@babel/plugin-syntax-dynamic-import": "^7.2.0",
     "@babel/plugin-transform-react-jsx": "^7.3.0",
-    "@babel/preset-env": "^7.4.3",
+    "@babel/preset-env": "^7.4.5",
     "@babel/preset-react": "^7.0.0",
     "@types/core-js": "^2.5.0",
-    "@types/jest": "^24.0.11",
-    "@types/node": "^11.13.4",
-    "@typescript-eslint/eslint-plugin": "^1.6.0",
-    "@typescript-eslint/parser": "^1.6.0",
-    "autoprefixer": "^9.5.1",
+    "@types/jest": "^24.0.13",
+    "@types/node": "^12.0.4",
+    "@typescript-eslint/eslint-plugin": "^1.9.0",
+    "@typescript-eslint/parser": "^1.9.0",
+    "autoprefixer": "^9.6.0",
     "babel-eslint": "^10.0.1",
-    "babel-jest": "^24.7.1",
-    "babel-loader": "^8.0.5",
-    "clean-webpack-plugin": "^2.0.1",
-    "copy-webpack-plugin": "^5.0.2",
+    "babel-jest": "^24.8.0",
+    "babel-loader": "^8.0.6",
+    "clean-webpack-plugin": "^3.0.0",
+    "copy-webpack-plugin": "^5.0.3",
     "css-loader": "^2.1.1",
-    "document-register-element": "^1.13.1",
+    "document-register-element": "^1.13.2",
     "eslint": "^5.16.0",
-    "eslint-config-prettier": "^4.1.0",
+    "eslint-config-prettier": "^4.3.0",
     "eslint-plugin-jsx-a11y": "^6.2.1",
-    "eslint-plugin-prettier": "^3.0.1",
-    "eslint-plugin-react": "^7.12.4",
-    "file-loader": "^3.0.1",
+    "eslint-plugin-prettier": "^3.1.0",
+    "eslint-plugin-react": "^7.13.0",
+    "file-loader": "^4.0.0",
     "html-webpack-plugin": "^3.2.0",
-    "husky": "^1.3.1",
-    "jest": "^24.7.1",
+    "husky": "^2.4.0",
+    "jest": "^24.8.0",
     "jest-localstorage-mock": "^2.4.0",
-    "lint-staged": "^8.1.5",
-    "mini-css-extract-plugin": "^0.6.0",
+    "lint-staged": "^8.1.7",
+    "mini-css-extract-plugin": "^0.7.0",
     "npm-run-all": "^4.1.5",
     "postcss-calc": "^7.0.1",
     "postcss-csso": "^3.0.0",
@@ -69,22 +69,23 @@
     "postcss-simple-vars": "^5.0.2",
     "postcss-url": "^8.0.0",
     "postcss-wrap": "0.0.4",
-    "prettier": "^1.16.4",
+    "preact-context": "^1.1.3",
+    "prettier": "^1.17.1",
     "style-loader": "^0.23.1",
     "ts-jest": "^24.0.2",
-    "ts-loader": "^5.3.3",
-    "typescript": "^3.4.3",
-    "webpack": "^4.29.6",
+    "ts-loader": "^6.0.2",
+    "typescript": "^3.5.1",
+    "webpack": "^4.33.0",
     "webpack-bundle-analyzer": "^3.3.2",
-    "webpack-cli": "^3.3.0",
-    "webpack-dev-server": "^3.3.1",
+    "webpack-cli": "^3.3.2",
+    "webpack-dev-server": "^3.6.0",
     "whatwg-fetch": "^3.0.0"
   },
   "dependencies": {
-    "@github/markdown-toolbar-element": "^0.2.0",
-    "@webcomponents/custom-elements": "^1.2.2",
+    "@github/markdown-toolbar-element": "^1.0.3",
+    "@webcomponents/custom-elements": "^1.2.4",
     "bem-react-helper": "^1.1.2",
-    "core-js": "^3.0.1",
+    "core-js": "^3.1.3",
     "focus-visible": "^4.1.5",
     "preact": "^8.4.2",
     "preact-redux": "^2.0.3",

frontend/tsconfig.json

@@ -1,5 +1,6 @@
 {
   "compilerOptions": {
+		"incremental": true,
     "lib": ["es2017", "dom"],
     "target": "es2017",
     "jsx": "react",

frontend/webpack.config.js

@@ -4,7 +4,7 @@ const path = require('path');
 
 const webpack = require('webpack');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-const Clean = require('clean-webpack-plugin');
+const { CleanWebpackPlugin } = require('clean-webpack-plugin');
 const Copy = require('copy-webpack-plugin');
 const Html = require('html-webpack-plugin');
 const Define = webpack.DefinePlugin;
@@ -29,7 +29,7 @@ const commonStyleLoaders = [
         require('postcss-simple-vars'),
         require('postcss-nested'),
         require('postcss-calc'),
-        require('autoprefixer')({ browsers: ['> 1%'] }),
+        require('autoprefixer')({ overrideBrowserslist: ['> 1%'] }),
         require('postcss-url')({ url: 'inline', maxSize: 5 }),
         require('postcss-wrap')({ selector: `#${NODE_ID}` }),
         require('postcss-csso'),
@@ -115,7 +115,7 @@ module.exports = () => ({
     ],
   },
   plugins: [
-    new Clean(),
+    new CleanWebpackPlugin(),
     new Define({
       'process.env.NODE_ENV': JSON.stringify(env),
       'process.env.REMARK_NODE': JSON.stringify(NODE_ID),