Merge pull request #229 from yeecord/canary

Core: Update Nextjs to v14

.eslintrc.js

@@ -8,6 +8,7 @@ const config = {
   ],
   rules: {
     "@next/next/no-html-link-for-pages": "off",
+    "@typescript-eslint/unbound-method": "off",
     "@typescript-eslint/restrict-template-expressions": "off",
     "@typescript-eslint/no-unused-vars": [
       "error",
@@ -23,7 +24,7 @@ const config = {
     ],
     "@typescript-eslint/no-unsafe-assignment": "off",
   },
-  ignorePatterns: ["**/*.config.js", "**/*.config.cjs"],
+  ignorePatterns: ["**/*.config.js", "**/*.config.mjs", "**/*.config.cjs"],
   reportUnusedDisableDirectives: true,
   parser: "@typescript-eslint/parser",
   parserOptions: {

content/blog/heroku-security.mdx

@@ -18,7 +18,7 @@ date: 2022-04-17T07:35:50
 image: /blog/heroku-security/cover.jpeg
 ---
 
-import { TwitterTweetEmbed } from "react-twitter-embed";
+import { TwitterTweetEmbed } from "./twitter-embed";
 
 ![Heroku Yeecord](/blog/heroku-security/cover.jpeg)
 

content/blog/twitter-embed.tsx

@@ -0,0 +1,2 @@
+"use client";
+export { TwitterTweetEmbed } from "react-twitter-embed";

content/docs/commands/role.mdx

@@ -33,9 +33,9 @@ description: 設定一個自動化的身分組系統，成員只需要點選訊
 
 ![建立身份組](/docs/role/create-roles.png)
 
-<Admonition type="warning">
+<Warning>
   請注意要設定的身份組需要在機器龍身份組的下方，不然機器龍沒有權限進行給予的動作。
-</Admonition>
+</Warning>
 
 ### 三、機器人設定
 

content/docs/commands/ticket.mdx

@@ -6,9 +6,7 @@ title: 私人頻道
 
 ## 設定私人頻道功能
 
-<Admonition>
-  請確認機器人擁有 `管理頻道` 的權限，才能避免發生權限不足的錯誤！
-</Admonition>
+<Info>請確認機器人擁有 `管理頻道` 的權限，才能避免發生權限不足的錯誤！</Info>
 
 ### ㄧ、建立頻道
 

content/docs/index.mdx

@@ -42,10 +42,10 @@ YEE 式機器龍是一隻全中文化的 Discord 機器人，我們提供了許
 </Cards>
 
 <br />
-<Admonition type="info" title="我想先通知你">
+<Info title="我想先通知你">
   如果在邀請或是使用時遇到問題可以查看這篇文章 [《「5
   方法」排解機器人問題》](/blog/discord-bot-troubleshooting/)。
-</Admonition>
+</Info>
 
 ## 什麼是 Discord 機器人?
 

next.config.js → next.config.mjs

@@ -1,4 +1,13 @@
-const { readFileSync } = require("fs");
+import { readFileSync } from "node:fs";
+import createNextDocs from "next-docs-mdx/config";
+import { rehypeImgSize } from "next-docs-zeta/mdx-plugins";
+
+const withNextDocs = createNextDocs({
+  rootMapPath: "./src/_map.ts",
+  mdxOptions: {
+    rehypePlugins: [[rehypeImgSize, { dir: "./public" }]],
+  },
+});
 
 const redirectsFile = readFileSync("redirects.txt", "utf-8")
   .toString()
@@ -7,7 +16,10 @@ const redirectsFile = readFileSync("redirects.txt", "utf-8")
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  reactStrictMode: false,
+  pageExtensions: ["ts", "tsx", "mdx"],
+  experimental: {
+    webpackBuildWorker: true
+  },
   async headers() {
     return [
       {
@@ -44,6 +56,4 @@ const nextConfig = {
   },
 };
 
-const { withContentlayer } = require("next-contentlayer");
-
-module.exports = withContentlayer(nextConfig);
+export default withNextDocs(nextConfig);

package.json

@@ -15,25 +15,29 @@
     }
   },
   "dependencies": {
-    "@next/env": "^13.5.4",
+    "@mdx-js/loader": "^2.3.0",
+    "@mdx-js/react": "^2.3.0",
+    "@next/env": "^14.0.0",
+    "@next/mdx": "^14.0.0",
     "@vercel/edge-config": "^0.4.1",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.0.0",
-    "contentlayer": "^0.3.4",
     "framer-motion": "^10.16.4",
     "lucide-react": "^0.288.0",
-    "next": "^13.5.4",
-    "next-contentlayer": "^0.3.4",
-    "next-docs-ui": "^2.3.2",
-    "next-docs-zeta": "^2.3.2",
+    "next": "^14.0.0",
+    "next-docs-mdx": "^4.0.1",
+    "next-docs-ui": "^4.0.1",
+    "next-docs-zeta": "^4.0.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-twitter-embed": "^4.0.4",
+    "sharp": "^0.32.6",
     "tailwind-merge": "^1.14.0",
     "zod": "^3.22.4"
   },
   "devDependencies": {
     "@types/eslint": "^8.44.4",
+    "@types/mdx": "^2.0.9",
     "@types/node": "^20.8.4",
     "@types/react": "^18.2.28",
     "@types/react-dom": "^18.2.13",