Merge branch 'main' of https://github.com/sr-ssh/fa.react.dev

Author: sr-ssh

.env.development

@@ -1 +0,0 @@
-SANDPACK_BARE_COMPONENTS=true 

.env.production

@@ -1,2 +1 @@
-NEXT_PUBLIC_GA_TRACKING_ID = 'UA-41298772-4'
-SANDPACK_BARE_COMPONENTS=true 
+NEXT_PUBLIC_GA_TRACKING_ID = 'UA-41298772-4'

.eslintrc

@@ -5,7 +5,8 @@
   "plugins": ["@typescript-eslint"],
   "rules": {
     "no-unused-vars": "off",
-    "@typescript-eslint/no-unused-vars": "warn"
+    "@typescript-eslint/no-unused-vars": ["error", { "varsIgnorePattern": "^_" }],
+    "react-hooks/exhaustive-deps": "error"
   },
   "env": {
     "node": true,

.github/workflows/analyze.yml

@@ -16,7 +16,7 @@ jobs:
       - name: Set up node
         uses: actions/setup-node@v1
         with:
-          node-version: "14.x"
+          node-version: '20.x'
 
       - name: Install dependencies
         uses: bahmutov/[email protected]
@@ -38,7 +38,7 @@ jobs:
       # Here's the first place where next-bundle-analysis' own script is used
       # This step pulls the raw bundle stats for the current bundle
       - name: Analyze bundle
-        run: npx -p nextjs-bundle-analysis report
+        run: npx -p nextjs-bundle-analysis@0.5.0 report
 
       - name: Upload bundle
         uses: actions/upload-artifact@v2

.github/workflows/analyze_comment.yml

@@ -47,26 +47,9 @@ jobs:
           pr_number=$(cat pr_number/pr_number)
           echo "pr-number=$pr_number" >> $GITHUB_OUTPUT
 
-      - name: Find Comment
-        uses: peter-evans/find-comment@v1
-        if: success()
-        id: fc
-        with:
-          issue-number: ${{ steps.get-comment-body.outputs.pr-number }}
-          body-includes: "<!-- __NEXTJS_BUNDLE -->"
-
-      - name: Create Comment
-        uses: peter-evans/[email protected]
-        if: success() && steps.fc.outputs.comment-id == 0
-        with:
-          issue-number: ${{ steps.get-comment-body.outputs.pr-number }}
-          body: ${{ steps.get-comment-body.outputs.body }}
-
-      - name: Update Comment
-        uses: peter-evans/[email protected]
-        if: success() && steps.fc.outputs.comment-id != 0
+      - name: Comment
+        uses: marocchino/sticky-pull-request-comment@v2
         with:
-          issue-number: ${{ steps.get-comment-body.outputs.pr-number }}
-          body: ${{ steps.get-comment-body.outputs.body }}
-          comment-id: ${{ steps.fc.outputs.comment-id }}
-          edit-mode: replace
+          header: next-bundle-analysis
+          number: ${{ steps.get-comment-body.outputs.pr-number }}
+          message: ${{ steps.get-comment-body.outputs.body }}

.github/workflows/site_lint.yml

@@ -11,17 +11,17 @@ jobs:
   lint:
     runs-on: ubuntu-latest
 
-    name: Lint on node 12.x and ubuntu-latest
+    name: Lint on node 20.x and ubuntu-latest
 
     steps:
       - uses: actions/checkout@v1
-      - name: Use Node.js 12.x
-        uses: actions/setup-node@v1
+      - name: Use Node.js 20.x
+        uses: actions/setup-node@v3
         with:
-          node-version: 12.x
+          node-version: 20.x
 
       - name: Install deps and build (with cache)
-        uses: bahmutov/npm-install@v1.7.10
+        uses: bahmutov/npm-install@v1.8.32
 
       - name: Lint codebase
         run: yarn ci-check

README.md

@@ -243,10 +243,23 @@ yarn dev
         </sub>
       </a>
     </td>
+    <td align="center">
+      <a href="https://avatars.githubusercontent.com/u/22578309?v=4">
+        <img
+          src="https://avatars.githubusercontent.com/u/22578309?v=4"
+          width="64px;"
+          alt=""
+        />
+        <br />
+        <sub>
+          <b>Anna Abadi </b>
+        </sub>
+      </a>
+    </td>
   </tr>
 </table>
 <p dir="rtl">
-  اسم شما فراموش شده‌است؟‌{' '}
+  اسم شما فراموش شده‌است؟‌
   <a href="https://github.com/reactjs/fa.reactjs.org/issues/new">
     به ما تذکر دهید!
   </a>
@@ -256,9 +269,9 @@ yarn dev
 
 <p dir="rtl">
   محتوایی که در <a href="https://reactjs.org/">reactjs.org</a> قرار می‌گیرد، تخت
-  مجوز CC-BY-4.0 منتشر می‌شود که جزئیات آن در{' '}
+  مجوز CC-BY-4.0 منتشر می‌شود که جزئیات آن د
   <a href="https://github.com/open-source-explorer/reactjs.org/blob/master/LICENSE-DOCS.md">
     LICENSE-DOCS.md
-  </a>{' '}
+  </a>
   آمده‌است.
 </p>

STYLE-GUIDE.md

@@ -1,9 +1,27 @@
 <h1 dir="rtl">شیوه‌ نگارش</h1>
 
-<p dir="rtl">
+<p dir="rtl" style="font-family:'vazirmatn'">
 برای حفظ یکپارچگی ترجمه در تمام صفحات و همچنین میان سایر زبان‌ها، لطفا قوانین زیر را مدنظر داشته‌باشید.
 </p>
 
+
+<h2 dir="rtl"> افزودن تگ اضافی </h2>
+
+<p dir="rtl">  .هیچ تگی یا اضافاتی مثل استایل و دایرکشن نباید به سند اصلی اضافه شود تنها وظفه ما تغییر محتوای انگلیسی به فارسی است.  </p>
+
+<h2 dir="rtl"> موارد داخل تگ‌های خاص و بک تیک (`) - (``) - (```) </h2>
+
+<p dir="rtl"> موارد داخل تگ‌های خاص مانند Sandpack و غیره اصلا ترجمه نخواهد نشد. </p>
+
+<h2 dir="rtl"> حفظ شماره خط </h2>
+
+<p dir="rtl"> تا جایی که امکان دارد شماره خط را راعایت کنیم. برای مثال پاراگرافی از خط ۹۰ الی ۹۵ می‌باشد. و پاراگراف بعدی از خط ۱۰۰ شروع می‌شود. اگر ترجمه ما بین خط ۹۰ الی ۹۳ قرار گرفت پاراگراف بعدی از خط ۹۸ شروع نخواهد شد بلکه همان خط ۱۰۰ باقی می‌ماند. این نکته اصلا اجباری نیست و صرفا جهت تمیز تر بودن و راحتی بررسی ترجمه گفته شده است. </p>
+
+<h2 dir="rtl"> بررسی اولیه پروژه قبل از ایجاد PR </h2>
+
+<p dir="rtl"> همیشه قبل ایجاد پی‌آر ابتدا پروژه را در محیط لوکال خود ران کنید و از نداشتن ارور‌های جانبی مطمین شوید به عبارت دیگر صفحه ای که ترجمه کردید باید رد سیستم شما روی پروت ۳۰۰۰ بدون ارور اجرا شود. </p>
+
+
 <h2 dir="rtl">شناسه عنوان‌ها</h2>
 
 <p dir="rtl">هر عنوانی یک شناسه منحصربه‌فرد دارد، مانند زیر:</p>
@@ -103,4 +121,4 @@ A stateful component inherits <code>Component</code> <a href="https://en.wikiped
 </p>
 <p dir="rtl">
 اگر فکر می‌کنید چیزی فراموش شده‌است یا نیاز به تصحیح دارد، حتما نظر خود را با ما درمیان بگذارید.
-</p>
+</p>

next.config.js

@@ -9,14 +9,12 @@ const nextConfig = {
   pageExtensions: ['jsx', 'js', 'ts', 'tsx', 'mdx', 'md'],
   reactStrictMode: true,
   experimental: {
-    plugins: true,
+    // TODO: Remove after https://github.com/vercel/next.js/issues/49355 is fixed
+    appDir: false,
     scrollRestoration: true,
     legacyBrowsers: false,
-    browsersListForSwc: true,
-  },
-  env: {
-    SANDPACK_BARE_COMPONENTS: process.env.SANDPACK_BARE_COMPONENTS,
   },
+  env: {},
   webpack: (config, {dev, isServer, ...options}) => {
     if (process.env.ANALYZE) {
       const {BundleAnalyzerPlugin} = require('webpack-bundle-analyzer');
@@ -35,10 +33,6 @@ const nextConfig = {
 
     const {IgnorePlugin, NormalModuleReplacementPlugin} = require('webpack');
     config.plugins.push(
-      new NormalModuleReplacementPlugin(
-        /^@stitches\/core$/,
-        require.resolve('./src/utils/emptyShim.js')
-      ),
       new NormalModuleReplacementPlugin(
         /^raf$/,
         require.resolve('./src/utils/rafShim.js')

package.json

@@ -22,7 +22,7 @@
     "check-all": "npm-run-all prettier lint:fix tsc"
   },
   "dependencies": {
-    "@codesandbox/sandpack-react": "1.15.5",
+    "@codesandbox/sandpack-react": "2.6.0",
     "@docsearch/css": "3.0.0-alpha.41",
     "@docsearch/react": "3.0.0-alpha.41",
     "@headlessui/react": "^1.7.0",
@@ -32,12 +32,12 @@
     "debounce": "^1.2.1",
     "ga-lite": "^2.1.4",
     "github-slugger": "^1.3.0",
-    "next": "12.3.2-canary.7",
+    "next": "^13.4.1",
     "next-remote-watch": "^1.0.0",
     "parse-numeric-range": "^1.2.0",
-    "react": "0.0.0-experimental-cb5084d1c-20220924",
-    "react-collapsed": "npm:@gaearon/[email protected]",
-    "react-dom": "0.0.0-experimental-cb5084d1c-20220924",
+    "react": "^0.0.0-experimental-16d053d59-20230506",
+    "react-collapsed": "4.0.4",
+    "react-dom": "^0.0.0-experimental-16d053d59-20230506",
     "remark-frontmatter": "^4.0.1",
     "remark-gfm": "^3.0.1"
   },
@@ -92,13 +92,13 @@
     "retext": "^7.0.1",
     "retext-smartypants": "^4.0.0",
     "rss": "^1.2.2",
-    "tailwindcss": "^3.0.22",
+    "tailwindcss": "^3.3.2",
     "typescript": "^4.0.2",
     "unist-util-visit": "^2.0.3",
     "webpack-bundle-analyzer": "^4.5.0"
   },
   "engines": {
-    "node": ">=12.x"
+    "node": "^16.8.0 || ^18.0.0 || ^19.0.0 || ^20.0.0"
   },
   "nextBundleAnalysis": {
     "budget": null,