feat(i18n): add support for Chinese JSON schema in Monaco setup

- Updated configuration to include a Chinese JSON schema URL.
- Modified MonacoSetupFeature to dynamically select the schema based on the current language.
- Enhanced ConfigEditorWidget to pass the current language to the setup function.

Author: kastov

.gitignore

@@ -141,4 +141,5 @@ build.info.json
 
 public/wasm_exec.js
 public/xray.schema.json
-public/main.wasm
+public/main.wasm
+public/xray.schema.cn.json

src/config.ts

@@ -8,6 +8,7 @@ export const app = {
     configEditor: {
         wasmUrl: '/main.wasm',
         wasmJsUrl: '/wasm_exec.js',
-        jsonSchemaUrl: '/xray.schema.json'
+        jsonSchemaUrl: '/xray.schema.json',
+        jsonSchemaCnUrl: '/xray.schema.cn.json'
     }
 }

src/features/dashboard/config-profiles/monaco-setup/monaco-setup.feature.tsx

@@ -5,9 +5,19 @@ import axios from 'axios'
 import { app } from 'src/config'
 
 export const MonacoSetupFeature = {
-    setup: async (monaco: Monaco) => {
+    setup: async (monaco: Monaco, currentLanguage: string) => {
         try {
-            const response = await axios.get(app.configEditor.jsonSchemaUrl)
+            let { jsonSchemaUrl } = app.configEditor
+            switch (currentLanguage) {
+                case 'zh':
+                    jsonSchemaUrl = app.configEditor.jsonSchemaCnUrl
+                    break
+                default:
+                    jsonSchemaUrl = app.configEditor.jsonSchemaUrl
+            }
+
+            const response = await axios.get(jsonSchemaUrl)
+
             const schema = await response.data
 
             monaco.languages.json.jsonDefaults.setDiagnosticsOptions({

src/widgets/dashboard/config-profiles/config-editor/config-editor.widget.tsx

@@ -12,7 +12,7 @@ import styles from './ConfigEditor.module.css'
 import { IProps } from './interfaces'
 
 export function ConfigEditorWidget(props: IProps) {
-    const { t } = useTranslation()
+    const { t, i18n } = useTranslation()
 
     const { configProfile } = props
     const [result, setResult] = useState('')
@@ -23,8 +23,8 @@ export function ConfigEditorWidget(props: IProps) {
 
     useEffect(() => {
         if (!monacoRef.current) return
-        MonacoSetupFeature.setup(monacoRef.current as Monaco)
-    }, [monacoRef.current])
+        MonacoSetupFeature.setup(monacoRef.current as Monaco, i18n.language)
+    }, [monacoRef.current, i18n.language])
 
     const handleEditorDidMount = (monaco: Monaco) => {
         monaco.editor.defineTheme('GithubDark', {