feat: translate-archetypes (#422)

<details>
<summary>Looks a bit ugly since official translation are too too long.
IMAGE:</summary>


![{2DAA136F-1CBF-4699-8325-0CB186EA0B28}](https://github.com/user-attachments/assets/d9fbf65a-bb4a-4772-97e0-9141b1da7be4)

</details>



Any suggestion is greatly appreciated. Perhaps implementing images like
in aceship?
With full name as hover?


![{8663FC8C-ABBE-4B72-99FF-8F23F1BD207C}](https://github.com/user-attachments/assets/49ca1d92-e8ea-4cc5-a75b-d4302bf9cca5)

Also, would you prefer merging this to `dev` or to the `editor2` branch
to make sure there won't be conflicts later.

Author: guansss

scripts/shared.ts

@@ -1,5 +1,5 @@
 import { access } from 'fs/promises'
-import { uniq, uniqBy } from 'lodash-es'
+import { capitalize, uniq, uniqBy } from 'lodash-es'
 import fetch from 'node-fetch'
 import { pinyin } from 'pinyin'
 import simplebig from 'simplebig'
@@ -102,7 +102,7 @@ export async function getOperators() {
         if (!prof) {
           const enSubProfName =
             subProfDictEN?.[op.subProfessionId]?.subProfessionName ||
-            subProfDictCN[op.subProfessionId].subProfessionName
+            capitalize(op.subProfessionId)
 
           professions.push({
             id: op.profession,
@@ -120,7 +120,7 @@ export async function getOperators() {
         } else if (!prof.sub.find((p) => p.id === op.subProfessionId)) {
           const enSubProfName =
             subProfDictEN?.[op.subProfessionId]?.subProfessionName ||
-            subProfDictCN[op.subProfessionId].subProfessionName
+            capitalize(op.subProfessionId)
 
           prof.sub.push({
             id: op.subProfessionId,

src/components/editor/operator/sheet/sheetOperator/ProfClassificationWithFilters.tsx

@@ -2,11 +2,12 @@ import { Button, Divider, H4, H5 } from '@blueprintjs/core'
 import { Popover2 } from '@blueprintjs/popover2'
 
 import clsx from 'clsx'
+import { useAtomValue } from 'jotai'
 import { FC, ImgHTMLAttributes, useEffect, useMemo } from 'react'
 
 import { PROFESSIONS } from 'models/operator'
 
-import { useTranslation } from '../../../../../i18n/i18n'
+import { languageAtom, useTranslation } from '../../../../../i18n/i18n'
 import {
   DEFAULTPROFID,
   DEFAULTSUBPROFID,
@@ -25,6 +26,7 @@ export const ProfClassificationWithFilters: FC<
   ProfClassificationWithFiltersProp
 > = ({ toTop }) => {
   const t = useTranslation()
+  const language = useAtomValue(languageAtom)
   const {
     useProfFilterState: [{ selectedProf }, setProfFilter],
     usePaginationFilterState: [_, setPaginationFilter],
@@ -36,19 +38,31 @@ export const ProfClassificationWithFilters: FC<
         id: DEFAULTPROFID.ALL,
         name: t.components.editor.operator.sheet.sheetOperator
           .ProfClassificationWithFilters.all,
+        name_en:
+          t.components.editor.operator.sheet.sheetOperator
+            .ProfClassificationWithFilters.all,
         sub: [],
       },
       {
         id: DEFAULTPROFID.FAV,
         name: t.components.editor.operator.sheet.sheetOperator
           .ProfClassificationWithFilters.favorites,
+        name_en:
+          t.components.editor.operator.sheet.sheetOperator
+            .ProfClassificationWithFilters.favorites,
         sub: [],
       },
-      ...PROFESSIONS,
+      ...PROFESSIONS.map((profession) => ({
+        ...profession,
+        name_en: profession.name_en || profession.name,
+      })),
       {
         id: DEFAULTPROFID.OTHERS,
         name: t.components.editor.operator.sheet.sheetOperator
           .ProfClassificationWithFilters.others,
+        name_en:
+          t.components.editor.operator.sheet.sheetOperator
+            .ProfClassificationWithFilters.others,
         sub: [],
       },
     ],
@@ -60,11 +74,17 @@ export const ProfClassificationWithFilters: FC<
         id: DEFAULTSUBPROFID.ALL,
         name: t.components.editor.operator.sheet.sheetOperator
           .ProfClassificationWithFilters.all,
+        name_en:
+          t.components.editor.operator.sheet.sheetOperator
+            .ProfClassificationWithFilters.all,
       },
       {
         id: DEFAULTSUBPROFID.SELECTED,
         name: t.components.editor.operator.sheet.sheetOperator
           .ProfClassificationWithFilters.selected,
+        name_en:
+          t.components.editor.operator.sheet.sheetOperator
+            .ProfClassificationWithFilters.selected,
       },
       ...(formattedProfessions.find(({ id }) => id === selectedProf[0])?.sub ||
         []),
@@ -95,16 +115,16 @@ export const ProfClassificationWithFilters: FC<
   return (
     <div className="flex flex-row-reverse relative h-full">
       <ul className="h-full flex flex-col w-6 sm:w-12">
-        {formattedProfessions.map(({ id, name }) => (
+        {formattedProfessions.map((prof) => (
           <ProfIcon
-            key={id}
-            profId={id}
-            name={name}
-            selected={selectedProf.includes(id)}
+            key={prof.id}
+            profId={prof.id}
+            name={language === 'en' && prof.name_en ? prof.name_en : prof.name}
+            selected={selectedProf.includes(prof.id)}
             onProfClick={() =>
               setProfFilter((prev) => ({
                 ...prev,
-                selectedProf: [id, DEFAULTSUBPROFID.ALL],
+                selectedProf: [prof.id, DEFAULTSUBPROFID.ALL],
               }))
             }
           />
@@ -113,22 +133,27 @@ export const ProfClassificationWithFilters: FC<
       <Divider className="mr-0" />
       <div className="h-full flex flex-col justify-center items-end absolute right-full sm:relative sm:left-0">
         <ul>
-          {subProfs.map(({ id, name }) => (
-            <li key={id}>
+          {subProfs.map((subProf) => (
+            <li key={subProf.id}>
               <H4
                 className={clsx(
                   'truncate cursor-pointer my-3 opacity-50 hover:underline hover:opacity-90',
-                  selectedProf.includes(id) && '!opacity-100 underline',
-                  name.length > 3 && '!text-base',
+                  selectedProf.includes(subProf.id) && '!opacity-100 underline',
+                  (language === 'en' && subProf.name_en
+                    ? subProf.name_en
+                    : subProf.name
+                  ).length > 3 && '!text-base',
                 )}
                 onClick={() =>
                   setProfFilter(({ selectedProf, ...rest }) => ({
-                    selectedProf: [selectedProf[0], id],
+                    selectedProf: [selectedProf[0], subProf.id],
                     ...rest,
                   }))
                 }
               >
-                {name}
+                {language === 'en' && subProf.name_en
+                  ? subProf.name_en
+                  : subProf.name}
               </H4>
             </li>
           ))}

src/models/generated/operators.json

@@ -4540,7 +4540,7 @@
         { "id": "librator", "name": "解放者", "name_en": "Liberator" },
         { "id": "fighter", "name": "斗士", "name_en": "Fighter" },
         { "id": "hammer", "name": "撼地者", "name_en": "Earthshaker" },
-        { "id": "primguard", "name": "本源近卫", "name_en": "本源近卫" }
+        { "id": "primguard", "name": "本源近卫", "name_en": "Primguard" }
       ]
     },
     {
@@ -4646,7 +4646,7 @@
         { "id": "phalanx", "name": "阵法术师", "name_en": "Phalanx Caster" },
         { "id": "blastcaster", "name": "轰击术师", "name_en": "Blast Caster" },
         { "id": "primcaster", "name": "本源术师", "name_en": "Primal Caster" },
-        { "id": "soulcaster", "name": "塑灵术师", "name_en": "塑灵术师" }
+        { "id": "soulcaster", "name": "塑灵术师", "name_en": "Soulcaster" }
       ]
     }
   ]