Update master-ko with upstream changes (excluding src)

minchodang · minchodang · commit fb556da9e6ca · 2025-03-12T10:03:28.000Z
diff --git a/.gitignore b/.gitignore
@@ -3,15 +3,8 @@
 # dependencies
 /node_modules
 /.pnp
-.yarn/*
-!.yarn/patches
-!.yarn/releases
-!.yarn/plugins
-!.yarn/sdks
-!.yarn/versions
 .pnp.*
 
-
 # testing
 /coverage
 
diff --git a/.nvmrc b/.nvmrc
@@ -0,0 +1 @@
+20.18.1
diff --git a/.prettierignore b/.prettierignore
@@ -0,0 +1,4 @@
+pnpm-lock.yaml
+.cache/
+.contentlayer/
+.next/
diff --git a/.prettierrc b/.prettierrc
@@ -1,4 +1,5 @@
 {
+  "$schema": "https://json.schemastore.org/prettierrc",
   "endOfLine": "lf",
   "semi": false,
   "singleQuote": false,
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
@@ -12,25 +12,52 @@ Here is a quick guide to doing code contributions to the library.
 
 3. Install packages by running:
 
-   > yarn
+   ```shellscript
+   pnpm install
+   ```
 
 4. Startup a local version of the docs
 
-   > yarn start
+   ```shellscript
+   pnpm run dev
+   ```
 
 5. Ensure your code is formatted properly
 
-   > yarn format
+   ```shellscript
+   pnpm run format
+   ```
 
 6. Push your branch: `git push -u origin your-meaningful-branch-name`
 
 7. Submit a pull request to the upstream react-hook-form repository.
 
 8. Choose a descriptive title and describe your changes briefly.
 
+## Testing production build
+
+To test the documentation production site on your local machine,
+first execute the build script:
+
+```shellscript
+pnpm run build
+```
+
+Then start a local server which serves the file created by executing
+
+```shellscript
+pnpm run start
+```
+
 ## Coding style
 
-Please follow the coding style of the project. React Hook Form uses prettier. If possible, enable the prettier plugin in your editor to get real-time feedback. The formatting can be run manually with the following command: `yarn format`
+Please follow the coding style of the project.
+React Hook Form uses prettier.
+If possible, enable the prettier plugin in your editor to get real-time feedback. The formatting can be run manually with the following command:
+
+```shellscript
+pnpm run format:fix
+```
 
 ## License
 
diff --git a/README.md b/README.md
@@ -8,18 +8,24 @@
 
 <p align="center">Performant, flexible and extensible forms with easy to use validation.</p>
 
-## 목표
+## Install
 
-**React-Ko-Form** 레포지토리는 **React Hook Form**의 공식 문서([https://react-hook-form.com/docs](https://react-hook-form.com/docs)) 를 한국어로 번역하는 프로젝트입니다. 이 레포지토리는 비공식 한국어 문서로서, React Hook Form의 공식 레포지토리와는 별개로 유지됩니다.
+```shellscript
+pnpm install && pnpm dev
+```
 
-이 프로젝트는 React Hook Form을 사용하는 한국어 개발자들의 편의성을 높이는 것을 목표로 합니다.
+## Backers
 
-단, 공식 문서 업데이트 및 changes 발생 시에는, 그에 맞춰 업데이트될 예정입니다. 관련 사항이 발생하면, Issue 탭에서 공유됩니다.
+Thanks goes to all our backers! [[Become a backer](https://opencollective.com/react-hook-form#backer)].
 
-## 설치
+<a href="https://opencollective.com/react-hook-form#backers">
+    <img src="https://opencollective.com/react-hook-form/backers.svg?width=950" />
+</a>
 
-    yarn && yarn start
+## Contributors
 
-## 기여자
+Thanks goes to these wonderful people. [[Become a contributor](https://github.com/react-hook-form/documentation/blob/master/CONTRIBUTING.md)].
 
-이 프로젝트에 기여해 주신 멋진 분들께 감사드립니다. [[기여자가 되려면](https://github.com/hamsurang/react-ko-form/blob/master-ko/.github/CONTRIBUTING.md)].
+<a href="https://github.com/react-hook-form/react-hook-form/graphs/contributors">
+    <img src="https://opencollective.com/react-hook-form/contributors.svg?width=950" />
+</a>
diff --git a/changes.diff b/changes.diff
diff --git a/contentlayer.config.ts b/contentlayer.config.ts
@@ -4,6 +4,7 @@ import remarkGfm from "remark-gfm"
 import rehypeMdxCodeProps from "rehype-mdx-code-props"
 import emoji from "remark-emoji"
 import * as sidebar from "./src/components/Menu/MenuLinks"
+import type { Pages } from "./src/types/types"
 
 export const Doc = defineDocumentType(() => ({
   name: "Doc",
@@ -33,13 +34,22 @@ export const Doc = defineDocumentType(() => ({
       type: "string",
       resolve: (doc) => doc._raw.flattenedPath.split("/").slice(1).join("/"),
     },
+
+    /**
+     * Can't define value different from primitives, so hardcoding the correct type
+     * @see https://github.com/contentlayerdev/contentlayer/issues/149
+     */
     segment: {
-      type: "list",
+      type: "string[]" as "list",
       resolve: (doc) => doc._raw.flattenedPath.split("/"),
     },
     pages: {
-      type: "list",
-      resolve: (doc) => sidebar[doc.sidebar] ?? [],
+      type: "json",
+      resolve: (doc) => {
+        // added explicit type casting to keep track of this data structure
+        // in case in the future contentlayer will support values different than primitives
+        return sidebar[doc.sidebar] as unknown as Pages
+      },
     },
   },
 }))
diff --git a/eslint.config.mjs b/eslint.config.mjs
@@ -0,0 +1,67 @@
+// @ts-check
+import tseslint from "typescript-eslint"
+import { FlatCompat } from "@eslint/eslintrc"
+import eslintPluginJsxA11y from "eslint-plugin-jsx-a11y"
+import eslintPluginReact from "eslint-plugin-react"
+
+const compat = new FlatCompat({
+  baseDirectory: import.meta.dirname,
+})
+
+export default tseslint.config(
+  tseslint.configs.recommendedTypeChecked,
+
+  ...compat.config({
+    extends: ["next"],
+    rules: {
+      // react
+      "react/prop-types": "off",
+      "react/no-unescaped-entities": "off",
+      "react/jsx-curly-brace-presence": "warn",
+
+      // jsx-ally is already included in next-js so
+      // we are adding only recommended rules directly here
+      ...eslintPluginJsxA11y.flatConfigs.recommended.rules,
+      "jsx-a11y/no-onchange": "warn",
+
+      // import
+      "import/no-anonymous-default-export": "off",
+
+      // next
+      "@next/next/no-img-element": "off",
+    },
+  }),
+
+  // @ts-expect-error eslintPluginReact.configs.flat, but runtime is always defined
+  eslintPluginReact.configs.flat["jsx-runtime"],
+
+  {
+    linterOptions: {
+      reportUnusedDisableDirectives: "error",
+    },
+    languageOptions: {
+      parserOptions: {
+        projectService: true,
+        tsconfigRootDir: import.meta.dirname,
+      },
+    },
+    rules: {
+      // typescript
+      "@typescript-eslint/explicit-function-return-type": "off",
+      "@typescript-eslint/explicit-module-boundary-types": "off",
+      "@typescript-eslint/interface-name-prefix": "off",
+      "@typescript-eslint/no-floating-promises": "off",
+      "@typescript-eslint/restrict-template-expressions": [
+        "error",
+        {
+          allowAny: false,
+          allowBoolean: false,
+          allowNever: false,
+          allowNullish: false,
+          allowNumber: true,
+          allowRegExp: false,
+        },
+      ],
+    },
+  }
+)
diff --git a/next-env.d.ts b/next-env.d.ts
@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/pages/api-reference/config/typescript for more information.
diff --git a/next.config.ts b/next.config.ts
@@ -0,0 +1,27 @@
+import type { NextConfig } from "next"
+import { withContentlayer } from "next-contentlayer"
+import withBundleAnalyzer from "@next/bundle-analyzer"
+
+const nextConfig: NextConfig = {
+  eslint: {
+    /**
+     * Now eslint requires typecheck so we have to run build before executing lint
+     * These check are performed via `.github/workflows/ci.yml` action
+     *
+     * @see https://github.com/react-hook-form/documentation/pull/1107
+     */
+    ignoreDuringBuilds: true,
+  },
+  typescript: {
+    /** @see `eslint.ignoreDuringBuilds` comment */
+    ignoreBuildErrors: true,
+  },
+  reactStrictMode: true,
+  pageExtensions: ["ts", "tsx", "js", "jsx", "md", "mdx"],
+}
+
+const bundleAnalyzer = withBundleAnalyzer({
+  enabled: process.env.ANALYZE === "true",
+})
+
+export default bundleAnalyzer(withContentlayer(nextConfig))
diff --git a/package.json b/package.json
@@ -7,23 +7,21 @@
     "@hookform/devtools": "4.3.1",
     "@mdx-js/loader": "^2.3.0",
     "@mdx-js/react": "^2.3.0",
-    "@next/mdx": "^13.4.5",
-    "@types/node": "^20.3.1",
-    "class-variance-authority": "^0.6.0",
+    "@next/mdx": "15.1.0",
+    "class-variance-authority": "^0.6.1",
     "clsx": "^1.2.1",
-    "contentlayer": "^0.3.3",
-    "date-fns": "^2.30.0",
-    "little-state-machine": "^4.8.0",
-    "next": "^14.1.1",
-    "next-contentlayer": "^0.3.3",
+    "contentlayer": "^0.3.4",
+    "little-state-machine": "^4.8.1",
+    "next": "15.1.2",
+    "next-contentlayer": "^0.3.4",
     "next-themes": "^0.2.1",
-    "prism-react-renderer": "^2.0.5",
+    "prism-react-renderer": "^2.4.1",
     "prismjs": "^1.29.0",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
     "react-github-btn": "1.4.0",
     "react-hook-form": "7.44.3",
-    "react-simple-animate": "^3.5.2",
+    "react-simple-animate": "^3.5.3",
     "react-simple-img": "3.0.0",
     "react-sortablejs": "1.5.1",
     "rehype-mdx-code-props": "^1.0.0",
@@ -33,21 +31,24 @@
     "sortablejs": "1.15.0"
   },
   "devDependencies": {
-    "@next/bundle-analyzer": "^13.4.5",
-    "@types/react-helmet": "^6.1.6",
-    "@typescript-eslint/eslint-plugin": "^5.59.11",
-    "@typescript-eslint/parser": "^5.59.11",
+    "@next/bundle-analyzer": "15.1.0",
+    "@types/eslint-plugin-jsx-a11y": "6.10.0",
+    "@types/eslint__eslintrc": "2.1.2",
+    "@types/node": "20.17.10",
+    "@types/react": "18.3.17",
+    "@types/react-dom": "18.3.5",
+    "@types/react-helmet": "^6.1.11",
     "cross-env": "^7.0.3",
-    "eslint": "^8.42.0",
-    "eslint-config-next": "^13.4.5",
-    "eslint-config-prettier": "^8.8.0",
-    "eslint-plugin-jsx-a11y": "^6.7.1",
-    "eslint-plugin-react": "^7.32.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint": "9.17.0",
+    "eslint-config-next": "15.1.0",
+    "eslint-plugin-jsx-a11y": "6.10.2",
+    "eslint-plugin-react": "7.37.2",
+    "eslint-plugin-react-hooks": "5.1.0",
     "husky": "^8.0.3",
-    "lint-staged": "^13.2.2",
-    "prettier": "^2.8.8",
-    "typescript": "^5.1.3"
+    "lint-staged": "^13.3.0",
+    "prettier": "^3.4.2",
+    "typescript": "^5.7.3",
+    "typescript-eslint": "8.18.1"
   },
   "keywords": [
     "react-hook-form",
@@ -58,16 +59,27 @@
     "analyze": "cross-env ANALYZE=true next build",
     "build": "next build",
     "dev": "next dev",
-    "format": "prettier --write",
-    "lint": "next lint --fix",
-    "now-build": "npm run build",
+    "format": "prettier . --check",
+    "format:fix": "prettier . --write",
+    "lint": "next lint",
+    "lint:fix": "next lint --fix",
+    "lint:ci": "next build --no-lint && next lint",
+    "now-build": "pnpm run build",
     "start": "next start",
     "typecheck": "tsc --noEmit",
+    "typecheck:ci": "next build --no-lint && tsc --noEmit",
     "prepare": "husky install"
   },
   "lint-staged": {
     "*.{ts,tsx,mdx,css,json}": [
-      "npm run format"
+      "pnpm run format:fix"
     ]
+  },
+  "packageManager": "pnpm@9.15.0+sha512.76e2379760a4328ec4415815bcd6628dee727af3779aaa4c914e3944156c4299921a89f976381ee107d41f12cfa4b66681ca9c718f0668fa0831ed4c6d8ba56c",
+  "pnpm": {
+    "overrides": {
+      "@types/react": "18.3.17",
+      "@types/react-dom": "18.3.5"
+    }
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/public/images/sanity.png b/public/images/sanity.png
diff --git a/public/images/twicsy.png b/public/images/twicsy.png
diff --git a/tsconfig.json b/tsconfig.json

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`{`
	`2`	`+ "$schema": "https://json.schemastore.org/prettierrc",`
`2`	`3`	`"endOfLine": "lf",`
`3`	`4`	`"semi": false,`
`4`	`5`	`"singleQuote": false,`