Merge pull request #176 from tjx666/dev

- docs: correct nextjs integration error handle
- update Next.js custom-server integration in examples

.eslintrc.cjs

@@ -1,4 +1,9 @@
 process.env.ESLINT_TSCONFIG = 'tsconfig.json'
+const jsonExtJsoncFiles = [
+  '**/tsconfig.json',
+  '**/tsconfig.*.json',
+  '.vscode/*.json',
+]
 
 module.exports = {
   root: true,
@@ -321,6 +326,10 @@ module.exports = {
     'antfu/if-newline': 'off',
     // https://github.com/antfu/eslint-config/blob/v0.39.7/packages/eslint-config-basic/index.js#L398
     'antfu/top-level-function': 'off',
+
+    // this will cause many changes when auto fix package.json
+    'jsonc/sort-keys': 'off',
+    'jsonc/comma-dangle': ['error', 'always-multiline'],
   },
 
   overrides: [
@@ -331,5 +340,12 @@ module.exports = {
         'unicorn/prefer-node-protocol': 'off',
       },
     },
+    {
+      files: ['*.json'],
+      excludedFiles: jsonExtJsoncFiles,
+      rules: {
+        'jsonc/comma-dangle': 'off',
+      },
+    },
   ],
 }

.vscode/settings.json

@@ -10,6 +10,13 @@
   ],
   "svg.preview.background": "transparent",
 
+  // use eslint codeActionOnSave to format
+  "prettier.enable": false,
+  "editor.formatOnSave": false,
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit",
+  },
+
   "tailwindCSS.experimental.classRegex": [
     "\\b(?:class|className): *`((.|\n)*?)`",
     "\\b(?:class|className): *\"((.|\n)*?)\"",

docs/.babelrc.js

@@ -1,4 +1,4 @@
-// https://nextjs.org/docs/advanced-features/customizing-babel-config
+// https://nextjs.org/docs/pages/building-your-application/configuring/babel
 module.exports = {
   presets: [
     'next/babel',

docs/pages/docs/compiler-plugin.mdx

@@ -171,7 +171,7 @@ Follow the docs of [Nextjs Babel configuration](https://nextjs.org/docs/pages/bu
 add plugin to `.babelrc.js` or `babel.config.js`:
 
 ```tsx filename=".babelrc.js" showLineNumbers {8}
-// https://nextjs.org/docs/advanced-features/customizing-babel-config
+// https://nextjs.org/docs/pages/building-your-application/configuring/babel
 module.exports = {
   presets: [
     'next/babel',

docs/pages/docs/integration/nextjs.mdx

@@ -32,7 +32,7 @@ Here provide a example template for your to create a `server.mjs` as custom serv
 
 ```js filename="server.mjs" showLineNumbers {6,27}
 /**
- * https://nextjs.org/docs/advanced-features/custom-server
+ * https://nextjs.org/docs/pages/building-your-application/configuring/custom-server
  */
 import { createServer } from 'node:http'
 import next from 'next'
@@ -78,11 +78,14 @@ app.prepare().then(() => {
       res.statusCode = 500
       res.end('internal server error')
     }
-  }).listen(port, (err) => {
-    if (err) throw err
-    console.debug(`\n > Ready on http://${hostname}:${port} \n`)
   })
-})
+    .once('error', (err) => {
+      console.error(err)
+      process.exit(1)
+    })
+    .listen(port, () => {
+      console.debug(`\n > Ready on http://${hostname}:${port} \n`)
+    })
 ```
 
 > That is because the `launchEditorMiddleware` can it CANNOT running in Next.js [Edge Runtime](https://github.com/vercel/next.js/discussions/34179),

docs/server.mjs

@@ -1,5 +1,5 @@
 /**
- * https://nextjs.org/docs/advanced-features/custom-server
+ * https://nextjs.org/docs/pages/building-your-application/configuring/custom-server
  */
 import { createServer } from 'node:http'
 import next from 'next'
@@ -49,8 +49,12 @@ app.prepare().then(() => {
       res.statusCode = 500
       res.end('internal server error')
     }
-  }).listen(port, (err) => {
-    if (err) throw err
-    console.debug(`\n > Ready on http://${hostname}:${port} \n`)
   })
+    .once('error', (err) => {
+      console.error(err)
+      process.exit(1)
+    })
+    .listen(port, () => {
+      console.debug(`\n > Ready on http://${hostname}:${port} \n`)
+    })
 })

examples/nextjs-custom-server/.babelrc.js

@@ -1,4 +1,4 @@
-// https://nextjs.org/docs/advanced-features/customizing-babel-config
+// https://nextjs.org/docs/pages/building-your-application/configuring/babel
 module.exports = {
   presets: [
     'next/babel',

examples/nextjs-custom-server/server.mjs

@@ -1,5 +1,5 @@
 /**
- * https://nextjs.org/docs/advanced-features/custom-server
+ * https://nextjs.org/docs/pages/building-your-application/configuring/custom-server
  */
 import { createServer } from 'node:http'
 import next from 'next'
@@ -49,8 +49,12 @@ app.prepare().then(() => {
       res.statusCode = 500
       res.end('internal server error')
     }
-  }).listen(port, (err) => {
-    if (err) throw err
-    console.debug(`\n > Ready on http://${hostname}:${port} \n`)
   })
+    .once('error', (err) => {
+      console.error(err)
+      process.exit(1)
+    })
+    .listen(port, () => {
+      console.debug(`\n > Ready on http://${hostname}:${port} \n`)
+    })
 })

package.json

@@ -6,6 +6,7 @@
   "license": "MIT",
   "author": "zthxxx <zthxxx.me@gmail.com>",
   "repository": "zthxxx/react-dev-inspector",
+  "packageManager": "pnpm@8.15.8",
   "files": [],
   "scripts": {
     "prepare": "husky install",