Webpack5

composer.json

@@ -12,7 +12,7 @@
         "forum": "https://discuss.flarum.org/d/29191"
     },
     "require": {
-        "flarum/core": "^1.0.0",
+        "flarum/core": "^1.2.0",
         "fof/oauth": "^1.1.0",
         "luchianenco/oauth2-amazon": "^2.0"
     },

js/package.json

@@ -4,14 +4,14 @@
   "private": true,
   "prettier": "@flarum/prettier-config",
   "dependencies": {
-    "flarum-webpack-config": "^1.0.0",
-    "flarum-tsconfig": "^1.0.0",
+    "flarum-webpack-config": "^2.0.0",
+    "flarum-tsconfig": "^1.0.2",
     "@flarum/prettier-config": "^1.0.0",
-    "webpack": "^4.26.0",
-    "webpack-cli": "^3.0.7"
+    "webpack": "^5.72.1",
+    "webpack-cli": "^4.9.2"
   },
   "devDependencies": {
-    "prettier": "^2.4.1"
+    "prettier": "^2.6.2"
   },
   "scripts": {
     "dev": "webpack --mode development --watch",

js/tsconfig.json

@@ -1,7 +1,12 @@
 {
+  // Use Flarum's tsconfig as a starting point
   "extends": "flarum-tsconfig",
-  "include": ["src/**/*"],
+  // This will match all .ts, .tsx, .d.ts, .js, .jsx files in your `src` folder
+  // and also tells your Typescript server to read core's global typings for
+  // access to `dayjs` and `$` in the global namespace.
+  "include": ["src/**/*", "../vendor/flarum/core/js/dist-typings/@types/**/*"],
   "compilerOptions": {
+    // This will output typings to `dist-typings`
     "declarationDir": "./dist-typings",
     "baseUrl": ".",
     "paths": {