chore: update Next 16

Author: xboy2012

.prettierignore

@@ -1,3 +1,5 @@
-.next
 node_modules
-out
+
+/next-env.d.ts
+/.next
+/out

eslint.config.mts

@@ -185,13 +185,13 @@ export default defineConfig([
     },
   },
   {
-    files: ['next-env.d.ts'],
-    rules: {
-      '@typescript-eslint/triple-slash-reference': 'off',
-      'unicorn/prevent-abbreviations': 'off',
-    },
-  },
-  {
-    ignores: ['.next', '.swc', 'coverage', 'node_modules', 'out'],
+    ignores: [
+      'next-env.d.ts',
+      '.next',
+      '.swc',
+      'coverage',
+      'node_modules',
+      'out',
+    ],
   },
 ]);

next-env.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-/// <reference path="./.next/types/routes.d.ts" />
+import "./.next/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

next.config.ts

@@ -15,10 +15,6 @@ const nextConfigFn: NextConfigFn = (phase) => {
     images: {
       unoptimized: true,
     },
-    eslint: {
-      dirs: ['.'],
-      ignoreDuringBuilds: true,
-    },
     typescript: {
       ignoreBuildErrors: true,
     },

package.json

@@ -13,68 +13,68 @@
     "test": "jest"
   },
   "dependencies": {
-    "next": "^15.5.5",
+    "next": "^16.0.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "workbox-routing": "^7.3.0",
     "workbox-strategies": "^7.3.0",
     "workbox-window": "^7.3.0"
   },
   "devDependencies": {
-    "@eslint/config-helpers": "^0.4.0",
-    "@eslint/core": "^0.16.0",
-    "@eslint/js": "^9.37.0",
+    "@eslint/config-helpers": "^0.4.2",
+    "@eslint/core": "^0.17.0",
+    "@eslint/js": "^9.39.1",
     "@mdx-js/loader": "^3.1.1",
     "@mdx-js/react": "^3.1.1",
-    "@next/eslint-plugin-next": "^15.5.5",
-    "@next/mdx": "^15.5.5",
+    "@next/eslint-plugin-next": "^16.0.1",
+    "@next/mdx": "^16.0.1",
     "@rollup/plugin-node-resolve": "^16.0.3",
-    "@rollup/plugin-replace": "^6.0.2",
-    "@tailwindcss/postcss": "^4.1.14",
+    "@rollup/plugin-replace": "^6.0.3",
+    "@tailwindcss/postcss": "^4.1.17",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.0",
     "@types/eslint": "^9.6.1",
     "@types/jest": "^30.0.0",
     "@types/mdx": "^2.0.13",
-    "@types/node": "^24.7.2",
+    "@types/node": "^24.10.0",
     "@types/react": "^19.2.2",
     "@types/react-dom": "^19.2.2",
     "autoprefixer": "^10.4.21",
     "esbuild": ">=0.25.0",
-    "eslint": "^9.37.0",
+    "eslint": "^9.39.1",
     "eslint-config-prettier": "^10.1.8",
     "eslint-import-resolver-typescript": "^4.4.4",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-prettier": "^5.5.4",
     "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^7.0.0",
+    "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-unicorn": "^62.0.0",
-    "globals": "^16.4.0",
+    "globals": "^16.5.0",
     "husky": "^9.1.7",
     "jest": "^30.2.0",
     "jest-environment-jsdom": "^30.2.0",
     "jiti": "^2.6.1",
-    "lint-staged": "^16.2.4",
+    "lint-staged": "^16.2.6",
     "postcss": "^8.5.6",
     "postcss-calc": "^10.1.1",
     "postcss-load-config": "^6.0.1",
     "prettier": "^3.6.2",
-    "rollup": "^4.52.4",
+    "rollup": "^4.53.1",
     "rollup-plugin-esbuild": "^6.2.1",
     "schema-dts": "^1.1.5",
-    "tailwindcss": "^4.1.14",
-    "terser": "^5.44.0",
+    "tailwindcss": "^4.1.17",
+    "terser": "^5.44.1",
     "ts-jest": "^29.4.5",
     "ts-node": "^10.9.2",
     "tsx": "^4.20.6",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.46.1",
+    "typescript-eslint": "^8.46.3",
     "whatwg-fetch": "^3.6.20"
   },
   "resolutions": {
     "postcss": "^8.5.6",
-    "@eslint/plugin-kit": "^0.4.0"
+    "@eslint/plugin-kit": "^0.4.1"
   },
   "engineStrict": true,
   "engines": {

scripts/prepare/action.ts

@@ -4,10 +4,36 @@ import { join } from 'node:path';
 const fileContent = `// THIS FILE IS AUTO-GENERATED, DO NOT MODIFY
 // TODO: This file is a workaround until Next.js finally support postcss.config.mts natively.
 
+import { existsSync } from 'node:fs';
+import { fileURLToPath } from 'node:url';
+import { basename, dirname, join } from 'node:path';
 import { createJiti } from 'jiti';
 
-const jiti = createJiti(import.meta.url);
-export default jiti('./postcss.config.mts').default;
+// During 'next build' only import.meta.url has value
+const configFile = import.meta.url;
+const getProjectDir = () => {
+  let dir = dirname(fileURLToPath(configFile));
+  while (true) {
+    console.log(dir);
+    // should skip .next directory
+    if (basename(dir) === '.next') {
+      dir = dirname(dir);
+      continue;
+    }
+    const pkgJsonPath = join(dir, 'package.json');
+    if (existsSync(pkgJsonPath)) {
+      return dir;
+    }
+    const newDir = dirname(dir);
+    if (newDir === dir) {
+      throw new Error('Cannot find Project Root');
+    }
+    dir = newDir;
+  }
+};
+
+const jiti = createJiti(configFile);
+export default jiti(join(getProjectDir(), 'postcss.config.mts')).default;
 `;
 
 const isNodeError = (error: unknown): error is NodeJS.ErrnoException => {

tsconfig.json

@@ -13,7 +13,7 @@
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "incremental": true,
     "plugins": [
       {
@@ -27,7 +27,8 @@
     "**/*.tsx",
     "**/*.cts",
     "**/*.mts",
-    ".next/types/**/*.ts"
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts"
   ],
   "exclude": [
     "node_modules",