Feat/cp 32 switch language v2

jest.config.ts

@@ -8,7 +8,7 @@ const createJestConfig = nextJest({
 
 // Add any custom config to be passed to Jest
 const config: Config = {
-  //coverageProvider: 'v8',
+  coverageProvider: 'v8',
   testEnvironment: 'jsdom',
   // Add more setup options before each test is run
   setupFilesAfterEnv: ['<rootDir>/setupTests.ts'],

messages/en.json

@@ -0,0 +1,119 @@
+{
+  "Shared": {
+    "welcome": "Welcome to",
+    "logo": "BeeQuant",
+    "logo-accent": "AI",
+    "slogan": "Trading smart, trading with BeeQuant AI",
+    "email": "Email",
+    "password": "Password",
+    "signIn": "Sign In",
+    "login": "Login",
+    "repeatPassword": "Repeat Password",
+    "ref": "Reference",
+    "displayName": "Display Name{optional, select, true {(optional)} other {}}",
+    "logout": "Logout",
+    "theme": "Theme",
+    "lightTheme": "Light Theme",
+    "darkTheme": "Dark Theme"
+  },
+
+  "LoginPage": {
+    "account-or": "Or Easily Using",
+    "forget-password": "Forgot a password?",
+    "remember-me": "Remember Me",
+    "create-account": "Create Account"
+  },
+
+  "RegisterPage": {
+    "account-have-account": "Already have an account?",
+    "signUp": "Sign Up",
+    "haveAccount": "Already have an account?"
+  },
+
+  "Sidebar": {
+    "dashboard": "Dashboard",
+    "bots": {
+      "category-name": "Bots",
+      "dashboard": "Bots Dashboard",
+      "management": "Bots Management",
+      "create": "Bot Create",
+      "details": "Bot Details"
+    },
+    "cryptoEconomy": {
+      "category-name": "Cryptoeconomy",
+      "prices": "Prices",
+      "prices-details": "Price Details",
+      "exchange": "Exchanges",
+      "exchange-details": "Exchange Details"
+    },
+    "theme": {},
+    "account": {
+      "category-name": "Account",
+      "profile": "Profile",
+      "exchange-management": "Exchange Management",
+      "app-setting": "App Setting"
+    },
+    "log-out": "Log Out"
+  },
+
+  "Notifications": {
+    "email": {
+      "required": "Email is required",
+      "invalid": "Invalid email address"
+    },
+    "displayName": {
+      "description": "between 4 to 15 characters, only letters, numbers, dashes and underscore are allowed",
+      "required": "Display Name is required",
+      "invalid": "Display name must contain only letters, numbers, hyphens and underscores",
+      "minLength": "Display name must be at least 4 characters",
+      "maxLength": "Display name must be at most 15 characters"
+    },
+    "password": {
+      "description": "8 to 32 characters, including letter, number and special character",
+      "required": "Password is required",
+      "invalid": "Password must contain at least one letter, one number and one special character",
+      "minLength": "Password must be at least 8 characters",
+      "maxLength": "Password must be at most 32 characters",
+      "notMatch": "Password does not match"
+    },
+    "ref": {
+      "required": "Referral code is required"
+    }
+  },
+
+  "SettingPage": {
+    "title": "Settings",
+    "subtitle": "Update your profile",
+    "realName": "Real Name",
+    "mobile": "Mobile",
+    "submit": "Submit",
+    "cancel": "Cancel"
+  },
+
+  "AppSettingPage": {
+    "title": "App Settings",
+    "subtitle": "Change your app settings",
+    "language": "Language"
+  },
+
+  "CryptoSettingPage": {
+    "title": "Crypto Exchange Management"
+  },
+
+  "Dashboard": {
+    "header": "BeeQuant Dashboard",
+    "total-profit-earned": "Total Profit Earned",
+    "total-asset": "Total Asset",
+    "pending-orders": "Pending Orders",
+    "recent-transaction": "Recent Transaction"
+  },
+
+  "Profile": {
+    "profile": "Profile",
+    "wallet": "Wallet",
+    "settings": "Settings"
+  },
+
+  "exchange": {},
+  "bot": {}
+}

messages/zh-cn.json

@@ -0,0 +1,117 @@
+{
+  "Shared": {
+    "welcome": "欢迎来到",
+    "logo": "BeeQuant",
+    "logo-accent": "AI",
+    "slogan": "使用BeeQuant AI智能交易",
+    "email": "邮箱",
+    "password": "密码",
+    "signIn": "注册",
+    "login": "登录",
+    "repeatPassword": "重复密码",
+    "ref": "推荐码",
+    "displayName": "用户名称{optional, select, true {(可选)} other {}}",
+    "logout": "登出",
+    "theme": "主题",
+    "lightTheme": "浅色",
+    "darkTheme": "暗色"
+  },
+
+  "LoginPage": {
+    "account-or": "或轻松使用",
+    "forget-password": "忘记密码?",
+    "remember-me": "记住密码",
+    "create-account": "创建帐户"
+  },
+
+  "RegisterPage": {
+    "account-have-account": "已有帐户？",
+    "account-or": "或轻松使用",
+    "haveAccount": "已经拥有账号?",
+    "signUp": "注册"
+  },
+
+  "Sidebar": {
+    "dashboard": "中控台",
+    "bots": {
+      "category-name": "交易助手",
+      "dashboard": "控制面板",
+      "management": "管理助手",
+      "create": "创建助手",
+      "details": "详细信息"
+    },
+    "cryptoEconomy": {
+      "category-name": "加密经济",
+      "prices": "价格",
+      "prices-details": "价格信息",
+      "exchange": "交易",
+      "exchange-details": "交易信息"
+    },
+    "account": {
+      "category-name": "帐户",
+      "profile": "个人资料",
+      "exchange-management": "交易管理",
+      "app-setting": "系统设置"
+    }
+  },
+
+  "Notifications": {
+    "email": {
+      "required": "请填写邮箱",
+      "invalid": "邮箱格式不正确"
+    },
+    "displayName": {
+      "description": "用户名称长度在4到15个字符之间，只允许使用字母、数字、连字符和下划线",
+      "required": "请输入用户名称",
+      "invalid": "用户名称只能包含字母、数字、连字符和下划线",
+      "minLength": "用户名称长度至少为4个字符",
+      "maxLength": "用户名称长度最多为32个字符"
+    },
+    "password": {
+      "description": "密码长度在8到32个字符，必须包含至少一个字母、数字或特殊字符",
+      "required": "请输入密码",
+      "invalid": "密码必须包含至少一个字母、一个数字和一个特殊字符",
+      "minLength": "密码长度至少为8个字符",
+      "maxLength": "密码长度最多为32个字符",
+      "notMatch": "两次输入的密码不匹配"
+    },
+    "ref": {
+      "required": "请输入推荐码"
+    }
+  },
+
+  "SettingPage": {
+    "title": "账户设置",
+    "subtitle": "更新您的账户信息",
+    "realName": "真实姓名",
+    "mobile": "手机号码",
+    "submit": "提交",
+    "cancel": "取消"
+  },
+
+  "AppSettingPage": {
+    "title": "系统设置",
+    "subtitle": "更新您的系统设置",
+    "language": "语言"
+  },
+
+  "CryptoSettingPage": {
+    "title": "加密货币交易所管理"
+  },
+
+  "Dashboard": {
+    "header": "BeeQuant中控台",
+    "total-profit-earned": "总收益",
+    "total-asset": "总资产",
+    "pending-orders": "待处理订单",
+    "recent-transaction": "最近交易"
+  },
+
+  "Profile": {
+    "profile": "账户信息",
+    "wallet": "钱包",
+    "settings": "账户设置"
+  },
+  "exchange": {},
+  "bot": {}
+}

next.config.mjs

@@ -1,9 +1,13 @@
+import createNextIntPlugin from 'next-intl/plugin';
+
+const withNextIntl = createNextIntPlugin();
+
 /**
  * @type {import('next').NextConfig}
  */
 const nextConfig = {
   /* config options here */
-  output: 'export',
+  output: 'standalone',
   distDir: './dist',
   compiler: {
     styledComponents: true,
@@ -13,4 +17,4 @@ const nextConfig = {
   },
 };
 
-export default nextConfig;
+export default withNextIntl(nextConfig);

package.json

@@ -37,8 +37,11 @@
     "final-form": "^4.20.10",
     "framer-motion": "^10.16.4",
     "graphql": "^16.8.1",
+    "i18next": "^23.11.5",
+    "i18next-resources-to-backend": "^1.2.1",
     "mdi-react": "^9.3.0",
     "next": "^14.1.3",
+    "next-intl": "^3.17.2",
     "polished": "^4.2.2",
     "prop-types": "^15.8.1",
     "rc-notification": "^5.3.0",
@@ -47,6 +50,7 @@
     "react-dom": "^18.2.0",
     "react-final-form": "^6.5.9",
     "react-hook-form": "^7.48.2",
+    "react-i18next": "^14.1.2",
     "react-router": "5.2.0",
     "react-router-dom": "5.2.0",
     "recharts": "^2.12.6",
@@ -91,6 +95,7 @@
     "husky": "^8.0.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
+    "jest-styled-components": "^7.2.0",
     "jest-transform-stub": "^2.0.0",
     "jest-transformer-svg": "^2.0.2",
     "less": "^4.2.0",

public/en.json

@@ -0,0 +1,86 @@
+{
+  "LoginPage": {
+    "welcome": "Welcome to"
+  },
+  "Sidebar": {
+    "route-key-name": {
+      "dashboard": "Dashboard",
+      "bots": {
+        "category-name": "Bots",
+        "bot-dashboard": "Bots Dashboard",
+        "bot-management": "Bots Management",
+        "bot-create": "Bot Create",
+        "bot-details": "Bot Details"
+      },
+      "cryptoeconomy": {
+        "category-name": "Cryptoeconomy",
+        "crypto-prices": "Prices",
+        "crypto-prices-details": "Price Details",
+        "crypto-exchange": "Exchanges",
+        "crypto-exchange-details": "Exchange Details"
+      },
+      "theme": {
+        "category-name": "Theme",
+        "light-theme": "Light Theme",
+        "dark-theme": "Dark Theme"
+      },
+      "account": {
+        "category-name": "Account",
+        "account-profile": "Profile",
+        "exchange-management": "Exchange Management",
+        "app-setting": "App Setting"
+      },
+      "log-out": "Log Out"
+    }
+  },
+
+  "login": {
+    "account-title": "Welcome to",
+    "account-logo": "BeeQuant",
+    "account-logo-accent": "AI",
+    "h4-subhead": "Trading smart, trading with BeeQuant AI",
+    "account-or": "Or Easily Using",
+    "login-form": {
+      "form-group-label-email": "Email",
+      "form-group-label-password": "Password",
+      "account-forgot-password": "Forgot a password?",
+      "button-sign-in": "Sign In",
+      "button-register": "Create Account"
+    }
+  },
+  "registry": {
+    "account-title": "Welcome to",
+    "account-logo": "BeeQuant",
+    "account-logo-accent": "AI",
+    "h4-subhead": "Trading smart, trading with BeeQuant AI",
+    "account-have-account": "Already have an account?",
+    "link-login": "Login"
+  },
+  "account": {
+    "profile": {},
+    "setting": {
+      "card-title": "Settings",
+      "card-subhead": "Update your profile",
+      "form-group-label-real-name": "Real Name",
+      "form-group-label-display-name": "Display Name",
+      "form-group-label-email": "Email",
+      "form-group-lablel-password": "Password",
+      "form-group-lablel-mobile": "Mobile",
+      "form-group-lablel-reference": "Reference",
+      "button-submit": "Submit",
+      "button-cancel": "Cancel"
+    }
+  },
+  "appsetting": {
+    "card-title": "App Settings",
+    "card-subhead": "Change your app settings",
+    "form-group-label-language": "Language",
+    "form-group-label-theme": "Theme",
+    "option-light": "Light",
+    "option-dark": "Dark"
+  },
+  "bot": {},
+  "crypto": {},
+  "dashboard": {},
+  "exchange": {}
+}