chore(deps)!: Update to Next.js 12 and other dependencies

Next.js@12: Next.js 12 should provide better performance and stuffs.

.babelrc: .babelrc has been removed to take advantage of Next.js' SWC backend (which offers faster build times) - if the file was still present, Babel would automatically be chosen over SWC.

.yarnclean: Commented out the "images" yarnclean directive, as it was causing issues with Next.js.

next-pwa: next-pwa has been updated, and next.config.js has been updated to use its newer API.

react: React has been updated to React 18. The @types package could not use the latest version due to some issues with the package itself.

rich-markdown-editor: rich-markdown-editor could not be updated due to issues with theming.

BREAKING-CHANGE: Next.js and React have been upgraded to their later versions.

Author: tecc

.babelrc

@@ -8,7 +8,7 @@ powered-test
 docs
 doc
 website
-images
+# images
 assets
 
 # examples

.yarnclean

@@ -1,5 +1,4 @@
 /// <reference types="next" />
-/// <reference types="next/types/global" />
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited

next-env.d.ts

@@ -1,20 +1,18 @@
-const withPWA = require('next-pwa');
+const nextPWA = require('next-pwa');
 const cache = require('./scripts/cache');
 
-const base = withPWA({
-    target: process.env.NETLIFY ? 'serverless' : 'server',
+const withPWA = nextPWA({
+    // target: process.env.NETLIFY ? 'serverless' : 'server',
+    // mode: process.env.NODE_ENV ?? 'development',
+    dest: 'public'
+});
+
+module.exports = withPWA({
+    swcMinify: true,
 
     pwa: {
         disable: process.env.NODE_ENV === 'development',
         dest: 'public',
-        runtimeCaching: cache,
-    },
-});
-
-const wp = base.webpack;
-module.exports = Object.assign(base, {
-    webpack(config, options) {
-        // In case it's required to change the webpack config
-        return wp(config, options);
-    },
+        runtimeCaching: cache
+    }
 });

next.config.js

@@ -54,7 +54,7 @@
         "md5": "^2.3.0",
         "minio": "^7.0.18",
         "nanoid": "^3.1.22",
-        "next": "^11.1.2",
+        "next": "^12",
         "next-connect": "^0.10.1",
         "next-iron-session": "^4.1.11",
         "next-seo": "^4.24.0",
@@ -64,13 +64,14 @@
         "prosemirror-inputrules": "^1.1.3",
         "pupa": "^2.1.1",
         "qss": "^2.0.3",
-        "react": "^17.0.2",
+        "react": "^18.2.0",
         "react-div-100vh": "^0.5.6",
         "react-hotkeys-hook": "^3.3.1",
         "react-resize-detector": "^6.6.0",
         "react-split": "^2.0.9",
+        "refractor": "^3.4.0",
         "remove-markdown": "^0.3.0",
-        "rich-markdown-editor": "^11.17.4-0",
+        "rich-markdown-editor": "11.17.4-0",
         "rosetta": "^1.1.0",
         "styled-components": "^5.2.1",
         "ua-parser-js": "^0.7.24",
@@ -91,7 +92,7 @@
         "@types/minio": "^7.0.7",
         "@types/node": "^12.12.21",
         "@types/prosemirror-inputrules": "^1.0.4",
-        "@types/react": "^17.0.11",
+        "@types/react": "18.0.1",
         "@types/react-dom": "^17.0.8",
         "@types/supertest": "^2.0.11",
         "@types/ua-parser-js": "^0.7.35",
@@ -110,12 +111,12 @@
         "i18n-extract": "^0.6.7",
         "jest": "^27.1.0",
         "lint-staged": "^10.5.4",
-        "next-pwa": "^5.3.1",
+        "next-pwa": "^5.6.0",
         "nightwind": "^1.1.6",
         "npm-run-all": "^4.1.5",
         "postcss": "^8.2.6",
         "prettier": "^2.2.1",
-        "react-dom": "^17.0.2",
+        "react-dom": "^18.2.0",
         "supertest": "^6.1.6",
         "tailwindcss": "^2.0.3",
         "typescript": "^4.3.4"

package.json

@@ -17,7 +17,8 @@
         "skipLibCheck": true,
         "strict": true,
         "target": "esnext",
-        "baseUrl": "."
+        "baseUrl": ".",
+        "incremental": true
     },
     "exclude": ["node_modules"],
     "include": ["**/*.ts", "**/*.tsx", "additional.d.ts"]