[migrate] replace Babel with patched Next.js SWC to compile ES decorator stage-3

[optimize] upgrade Upstream packages

Author: TechQuery

babel.config.js

@@ -14,10 +14,10 @@
   },
   "dependencies": {
     "@giscus/react": "^3.1.0",
-    "@koa/router": "^15.6.0",
+    "@koa/router": "^15.7.0",
     "@mdx-js/loader": "^3.1.1",
     "@mdx-js/react": "^3.1.1",
-    "@next/mdx": "^16.2.9",
+    "@next/mdx": "16.2.10",
     "core-js": "^3.49.0",
     "echarts-jsx": "^0.6.0",
     "file-type": "^22.0.1",
@@ -27,65 +27,62 @@
     "koa-jwt": "^4.0.4",
     "koajax": "^3.3.0",
     "license-filter": "^0.2.5",
-    "marked": "^18.0.5",
+    "marked": "^18.0.6",
     "mime": "^4.1.0",
     "mobx": "^6.16.1",
     "mobx-github": "^0.6.2",
-    "mobx-i18n": "^0.7.2",
-    "mobx-lark": "^2.8.1",
+    "mobx-i18n": "^0.7.5",
+    "mobx-lark": "^2.10.0",
     "mobx-react": "^9.2.2",
     "mobx-react-helper": "^0.5.1",
     "mobx-restful": "^2.1.4",
     "mobx-restful-table": "^2.6.3",
     "mobx-strapi": "^0.8.1",
-    "next": "^16.2.9",
+    "next": "16.2.10",
     "next-pwa": "^5.6.0",
     "next-ssr-middleware": "^1.1.0",
-    "nodemailer": "^9.0.0",
+    "nodemailer": "^9.0.3",
     "open-react-map": "^0.9.1",
     "react": "^19.2.7",
     "react-bootstrap": "^2.10.10",
     "react-dom": "^19.2.7",
     "react-typed-component": "^1.0.6",
     "remark-frontmatter": "^5.0.0",
     "remark-mdx-frontmatter": "^5.2.0",
-    "web-utility": "^4.6.6",
+    "web-utility": "^4.7.2",
     "yaml": "^2.9.0"
   },
   "devDependencies": {
-    "@babel/plugin-proposal-decorators": "^7.29.7",
-    "@babel/plugin-transform-typescript": "^7.29.7",
-    "@babel/preset-react": "^7.29.7",
     "@cspell/eslint-plugin": "^10.0.1",
     "@eslint/js": "^10.0.1",
-    "@next/eslint-plugin-next": "^16.2.9",
+    "@next/eslint-plugin-next": "16.2.10",
     "@softonus/prettier-plugin-duplicate-remover": "^1.1.2",
     "@stylistic/eslint-plugin": "^5.10.0",
     "@types/eslint-config-prettier": "^6.11.3",
     "@types/jsonwebtoken": "^9.0.10",
     "@types/koa": "^3.0.3",
     "@types/next-pwa": "^5.6.9",
-    "@types/node": "^24.13.2",
+    "@types/node": "^24.13.3",
     "@types/nodemailer": "^8.0.1",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
-    "eslint": "^10.5.0",
-    "eslint-config-next": "^16.2.9",
+    "eslint": "^10.7.0",
+    "eslint-config-next": "16.2.10",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-simple-import-sort": "^13.0.0",
-    "globals": "^17.6.0",
+    "globals": "^17.7.0",
     "husky": "^9.1.7",
     "jiti": "^2.7.0",
-    "less": "^4.6.5",
+    "less": "^4.6.7",
     "less-loader": "^13.0.0",
-    "lint-staged": "^17.0.7",
+    "lint-staged": "^17.0.8",
     "next-with-less": "^3.0.1",
-    "prettier": "^3.8.4",
+    "prettier": "^3.9.5",
     "prettier-plugin-css-order": "^2.2.0",
     "sass": "^1.101.0",
     "typescript": "~5.9.3",
-    "typescript-eslint": "^8.61.0"
+    "typescript-eslint": "^8.63.0"
   },
   "resolutions": {
     "mobx-react-helper": "$mobx-react-helper",

package.json

@@ -1,3 +1,5 @@
+import 'core-js/stable/typed-array/from-base64';
+
 import { marked } from 'marked';
 import { observer } from 'mobx-react';
 import { BadgeBar } from 'mobx-restful-table';

pages/policy/[...slug].tsx

@@ -1,3 +1,5 @@
+import 'core-js/stable/typed-array/from-base64';
+
 import { marked } from 'marked';
 import { observer } from 'mobx-react';
 import { BadgeBar } from 'mobx-restful-table';

pages/recipe/[...slug].tsx

@@ -0,0 +1,42 @@
+diff --git a/dist/build/swc/options.js b/dist/build/swc/options.js
+index 8da2935285177960b5ae8b89070979d720ad15af..305dbb07c625b1afd7cb37bbcc2b51f7d14715dd 100644
+--- a/dist/build/swc/options.js
++++ b/dist/build/swc/options.js
+@@ -57,7 +57,7 @@ function getParserOptions({ filename, jsConfig, ...rest }) {
+         ...rest,
+         syntax: hasTsSyntax ? 'typescript' : 'ecmascript',
+         dynamicImport: true,
+-        decorators: enableDecorators,
++        decorators: true,
+         // Exclude regular TypeScript files from React transformation to prevent e.g. generic parameters and angle-bracket type assertion from being interpreted as JSX tags.
+         [hasTsSyntax ? 'tsx' : 'jsx']: !isTSFile,
+         importAssertions: true
+@@ -102,6 +102,7 @@ function getBaseSWCOptions({ filename, jest, development, hasReactRefresh, globa
+                 } : {},
+                 legacyDecorator: enableDecorators,
+                 decoratorMetadata: emitDecoratorMetadata,
++                decoratorVersion: '2022-03',
+                 useDefineForClassFields: useDefineForClassFields,
+                 react: {
+                     importSource: (jsConfig == null ? void 0 : (_jsConfig_compilerOptions4 = jsConfig.compilerOptions) == null ? void 0 : _jsConfig_compilerOptions4.jsxImportSource) ?? ((compilerOptions == null ? void 0 : compilerOptions.emotion) && !isReactServerLayer ? '@emotion/react' : 'react'),
+diff --git a/dist/esm/build/swc/options.js b/dist/esm/build/swc/options.js
+index 6d5922e81ec99e3f89028bcad957492994b02d77..ccc298359e6d252dde631e0179b2fd511d89385f 100644
+--- a/dist/esm/build/swc/options.js
++++ b/dist/esm/build/swc/options.js
+@@ -26,7 +26,7 @@ export function getParserOptions({ filename, jsConfig, ...rest }) {
+         ...rest,
+         syntax: hasTsSyntax ? 'typescript' : 'ecmascript',
+         dynamicImport: true,
+-        decorators: enableDecorators,
++        decorators: true,
+         // Exclude regular TypeScript files from React transformation to prevent e.g. generic parameters and angle-bracket type assertion from being interpreted as JSX tags.
+         [hasTsSyntax ? 'tsx' : 'jsx']: !isTSFile,
+         importAssertions: true
+@@ -71,6 +71,7 @@ function getBaseSWCOptions({ filename, jest, development, hasReactRefresh, globa
+                 } : {},
+                 legacyDecorator: enableDecorators,
+                 decoratorMetadata: emitDecoratorMetadata,
++                decoratorVersion: '2022-03',
+                 useDefineForClassFields: useDefineForClassFields,
+                 react: {
+                     importSource: (jsConfig == null ? void 0 : (_jsConfig_compilerOptions4 = jsConfig.compilerOptions) == null ? void 0 : _jsConfig_compilerOptions4.jsxImportSource) ?? ((compilerOptions == null ? void 0 : compilerOptions.emotion) && !isReactServerLayer ? '@emotion/react' : 'react'),