v3.0.0

Author: dushixiang

package.json

@@ -35,7 +35,7 @@
     "js-base64": "^3.7.8",
     "lucide-react": "^0.553.0",
     "monaco-editor": "^0.55.1",
-    "qs": "^6.14.0",
+    "qs": "^6.14.1",
     "react": "^18.3.1",
     "react-countup": "^6.5.3",
     "react-dom": "^18.3.1",

scripts/i18n-audit.mjs

@@ -0,0 +1,156 @@
+import fs from 'fs';
+import path from 'path';
+
+const projectRoot = path.resolve(process.cwd(), 'web');
+const srcRoot = path.join(projectRoot, 'src');
+const localesDir = path.join(srcRoot, 'react-i18next', 'locales');
+const locales = ['zh-CN', 'en-US', 'zh-TW', 'ja-JP'];
+
+const fileExts = new Set(['.ts', '.tsx', '.js', '.jsx']);
+const chinesePattern = /[\u4e00-\u9fff]/;
+
+const readJson = (p) => JSON.parse(fs.readFileSync(p, 'utf8'));
+
+const flatten = (obj, prefix = '', out = {}) => {
+  if (obj && typeof obj === 'object' && !Array.isArray(obj)) {
+    Object.entries(obj).forEach(([key, value]) => {
+      const next = prefix ? `${prefix}.${key}` : key;
+      flatten(value, next, out);
+    });
+    return out;
+  }
+  out[prefix] = obj;
+  return out;
+};
+
+const walkFiles = (dir) => {
+  const results = [];
+  const stack = [dir];
+  while (stack.length) {
+    const current = stack.pop();
+    const entries = fs.readdirSync(current, { withFileTypes: true });
+    for (const entry of entries) {
+      const full = path.join(current, entry.name);
+      if (entry.isDirectory()) {
+        stack.push(full);
+      } else if (fileExts.has(path.extname(entry.name))) {
+        results.push(full);
+      }
+    }
+  }
+  return results;
+};
+
+const stripComments = (code) => {
+  const withoutBlock = code.replace(/\/\*[\s\S]*?\*\//g, '');
+  return withoutBlock.replace(/\/\/.*$/gm, '');
+};
+
+const collectUsedKeys = (files) => {
+  const used = new Set();
+  const pattern = /\b(?:t|i18n\.t)\(\s*['"`]([^'"`]+)['"`]/g;
+  for (const file of files) {
+    const content = fs.readFileSync(file, 'utf8');
+    let match;
+    while ((match = pattern.exec(content)) !== null) {
+      used.add(match[1]);
+    }
+  }
+  return used;
+};
+
+const collectRawChinese = (files) => {
+  const findings = [];
+  for (const file of files) {
+    const raw = fs.readFileSync(file, 'utf8');
+    const content = stripComments(raw);
+    const lines = content.split(/\r?\n/);
+    lines.forEach((line, index) => {
+      if (!chinesePattern.test(line)) return;
+      if (line.includes('t(') || line.includes('i18n.t')) return;
+      const trimmed = line.trim();
+      if (!trimmed) return;
+      findings.push({
+        file,
+        line: index + 1,
+        text: trimmed,
+      });
+    });
+  }
+  return findings;
+};
+
+const main = () => {
+  const localeData = {};
+  const flatLocales = {};
+  locales.forEach((locale) => {
+    const jsonPath = path.join(localesDir, `${locale}.json`);
+    localeData[locale] = readJson(jsonPath);
+    flatLocales[locale] = flatten(localeData[locale]);
+  });
+
+  const allKeys = new Set();
+  locales.forEach((locale) => {
+    Object.keys(flatLocales[locale]).forEach((key) => allKeys.add(key));
+  });
+
+  const missingByLocale = {};
+  locales.forEach((locale) => {
+    missingByLocale[locale] = Array.from(allKeys).filter(
+      (key) => !(key in flatLocales[locale])
+    );
+  });
+
+  const duplicateGroups = new Map();
+  const localeKeys = locales.filter(Boolean);
+  const sharedKeys = Array.from(allKeys).filter((key) =>
+    localeKeys.every((locale) => key in flatLocales[locale])
+  );
+  sharedKeys.forEach((key) => {
+    const values = localeKeys.map((locale) => flatLocales[locale][key]);
+    const signature = JSON.stringify(values);
+    if (!duplicateGroups.has(signature)) {
+      duplicateGroups.set(signature, []);
+    }
+    duplicateGroups.get(signature).push(key);
+  });
+
+  const duplicateList = Array.from(duplicateGroups.values()).filter(
+    (group) => group.length > 1
+  );
+
+  const codeFiles = walkFiles(srcRoot);
+  const usedKeys = collectUsedKeys(codeFiles);
+  const unusedKeys = Array.from(allKeys).filter((key) => !usedKeys.has(key));
+
+  const rawChinese = collectRawChinese(codeFiles);
+
+  console.log(`Locales: ${locales.join(', ')}`);
+  console.log(`Total keys: ${allKeys.size}`);
+  locales.forEach((locale) => {
+    console.log(`${locale} keys: ${Object.keys(flatLocales[locale]).length}`);
+  });
+
+  console.log('\nMissing keys per locale:');
+  locales.forEach((locale) => {
+    console.log(`${locale}: ${missingByLocale[locale].length}`);
+  });
+
+  console.log('\nDuplicate value groups (same text across all locales):');
+  console.log(`Groups: ${duplicateList.length}`);
+  duplicateList.slice(0, 20).forEach((group) => {
+    console.log(`- ${group.length} :: ${group.slice(0, 6).join(', ')}${group.length > 6 ? ' ...' : ''}`);
+  });
+
+  console.log('\nUnused keys (by t("...") scan):');
+  console.log(`Count: ${unusedKeys.length}`);
+  console.log(unusedKeys.slice(0, 50).join('\n'));
+
+  console.log('\nRaw Chinese strings (non-i18n, code scan):');
+  console.log(`Count: ${rawChinese.length}`);
+  rawChinese.slice(0, 50).forEach((item) => {
+    console.log(`${path.relative(projectRoot, item.file)}:${item.line} ${item.text}`);
+  });
+};
+
+main();

src/App.css

@@ -109,6 +109,12 @@
     scrollbar-gutter: stable;
 }
 
+/* 暗黑模式 */
+.dark .ant-table-container .ant-table-body,
+.dark .ant-table-container .ant-table-content {
+    scrollbar-color: #444 transparent;
+}
+
 /* 移动端全局样式优化 */
 @media (max-width: 768px) {
     /* 页面容器优化 */

src/App.tsx

@@ -36,12 +36,15 @@ const LoginPolicyPostPage = lazy(() => import("@/pages/identity/LoginPolicyPostP
 const LoginPolicyDetailPage = lazy(() => import("@/pages/identity/LoginPolicyDetailPage"));
 const OidcClientPage = lazy(() => import("@/pages/identity/OidcClientPage"));
 const AssetsPage = lazy(() => import("@/pages/assets/AssetPage"));
+const DatabaseAssetPage = lazy(() => import("@/pages/assets/DatabaseAssetPage"));
 const CredentialPage = lazy(() => import("@/pages/assets/CredentialPage"));
 const CertificatePage = lazy(() => import("@/pages/assets/CertificatePage"));
 const SnippetPage = lazy(() => import("@/pages/assets/SnippetPage"));
 const StrategyPage = lazy(() => import("@/pages/authorised/StrategyPage"));
 const CommandFilterPage = lazy(() => import("@/pages/authorised/CommandFilterPage"));
 const CommandFilterDetail = lazy(() => import("@/pages/authorised/CommandFilterDetail"));
+const AuthorisedDatabaseAssetPage = lazy(() => import("@/pages/authorised/AuthorisedDatabaseAssetPage"));
+const AuthorisedDatabaseAssetPost = lazy(() => import("@/pages/authorised/AuthorisedDatabaseAssetPost"));
 const ScheduledTaskPage = lazy(() => import("@/pages/sysops/ScheduledTaskPage"));
 const ToolsPage = lazy(() => import("@/pages/sysops/ToolsPage"));
 const LoginLogPage = lazy(() => import("@/pages/audit/LoginLogPage"));
@@ -55,14 +58,15 @@ const GuacdMonitor = lazy(() => import("@/pages/access/GuacdMonitor"));
 const FileSystemLogPage = lazy(() => import("@/pages/audit/FileSystemLogPage"));
 const AccessLogPage = lazy(() => import("@/pages/audit/AccessLogPage"));
 const AccessLogStatsPage = lazy(() => import("@/pages/audit/AccessLogStatsPage"));
+const DatabaseSQLLogPage = lazy(() => import("@/pages/dbproxy/DatabaseSQLLogPage"));
 const SshGatewayPage = lazy(() => import("@/pages/gateway/SshGatewayPage"));
 const AgentGatewayPage = lazy(() => import("@/pages/gateway/AgentGatewayPage"));
 const GatewayGroupPage = lazy(() => import("@/pages/gateway/GatewayGroupPage"));
 const ErrorPage = lazy(() => import("@/components/ErrorPage"));
 const StoragePage = lazy(() => import("@/pages/assets/StoragePage"));
 const WebsitePage = lazy(() => import("@/pages/assets/WebsitePage"));
 const BrowserPage = lazy(() => import("@/pages/access/BrowserPage"));
-const FacadePage = lazy(() => import("@/pages/facade/FacadePage"));
+const FacadePage = lazy(() => import("@/pages/facade/AssetFacadePage.tsx"));
 const WebsiteFacadePage = lazy(() => import("@/pages/facade/WebsiteFacadePage"));
 const RedirectPage = lazy(() => import("@/layout/RedirectPage"));
 const UserLayout = lazy(() => import("@/layout/UserLayout"));
@@ -71,6 +75,8 @@ const UserInfoPage = lazy(() => import("@/pages/facade/UserInfoPage"));
 const SnippetUserPage = lazy(() => import("@/pages/facade/SnippetUserPage"));
 const SystemMonitorPage = lazy(() => import("@/pages/sysops/SystemMonitorPage"));
 const SetupPage = lazy(() => import("@/pages/identity/SetupPage"));
+const DatabaseWorkOrderPage = lazy(() => import("@/pages/dbproxy/DatabaseWorkOrderPage"));
+const DatabaseWorkOrderUserPage = lazy(() => import("@/pages/facade/DatabaseWorkOrderUserPage"));
 
 const router = createBrowserRouter([
     {path: "/setup", element: <SetupPage/>},
@@ -95,6 +101,7 @@ const router = createBrowserRouter([
             {path: "/x-website", element: <WebsiteFacadePage/>,},
             {path: "/x-snippet", element: <SnippetUserPage/>,},
             {path: "/x-info", element: <UserInfoPage/>,},
+            {path: "/x-db-work-order", element: <DatabaseWorkOrderUserPage/>},
         ]
     },
     {
@@ -116,11 +123,13 @@ const router = createBrowserRouter([
             {path: "/operation-log", element: <OperationLogPage/>},
 
             {path: "/asset", element: <AssetsPage/>},
+            {path: "/database-asset", element: <DatabaseAssetPage/>},
             {path: "/credential", element: <CredentialPage/>},
             {path: "/snippet", element: <SnippetPage/>},
             {path: "/storage", element: <StoragePage/>},
             {path: "/website", element: <WebsitePage/>},
             {path: "/certificate", element: <CertificatePage/>},
+            {path: "/db-work-order", element: <DatabaseWorkOrderPage/>},
 
             {path: "/strategy", element: <StrategyPage/>},
             {path: "/command-filter", element: <CommandFilterPage/>},
@@ -129,6 +138,8 @@ const router = createBrowserRouter([
             {path: "/authorised-asset/post", element: <AuthorisedAssetPost/>},
             {path: "/authorised-website", element: <AuthorisedWebsitePage/>},
             {path: "/authorised-website/post", element: <AuthorisedWebsitePost/>},
+            {path: "/authorised-database-asset", element: <AuthorisedDatabaseAssetPage/>},
+            {path: "/authorised-database-asset/post", element: <AuthorisedDatabaseAssetPost/>},
 
             {path: "/scheduled-task", element: <ScheduledTaskPage/>},
             {path: "/tools", element: <ToolsPage/>},
@@ -139,6 +150,7 @@ const router = createBrowserRouter([
             {path: "/filesystem-log", element: <FileSystemLogPage/>},
             {path: "/access-log", element: <AccessLogPage/>},
             {path: "/access-log-stats", element: <AccessLogStatsPage/>},
+            {path: "/database-sql-log", element: <DatabaseSQLLogPage/>},
 
             {path: "/ssh-gateway", element: <SshGatewayPage/>},
             {path: "/agent-gateway", element: <AgentGatewayPage/>},

src/api/account-api.ts

@@ -1,19 +1,39 @@
-import requests from "./core/requests";
+import requests, {baseUrl, getToken} from "./core/requests";
 import {setCurrentUser} from "@/utils/permission";
 import eventEmitter from "@/api/core/event-emitter";
+import {browserDownload} from "@/utils/utils";
 // @ts-ignore
 import {PublicKeyCredentialCreationOptionsJSON} from "@simplewebauthn/browser/script/types";
 // @ts-ignore
 import type {PublicKeyCredentialRequestOptionsJSON} from "@simplewebauthn/browser/esm/types";
 
-interface AccessToken {
+export interface AccessTokenItem {
     id: string;
-    userId: string;
-    userType: string;
+    token: string;
     type: string;
     createdAt: number;
 }
 
+export interface AccessTokenCreateResult {
+    id: string;
+    token: string;
+    mask: string;
+    type: string;
+    createdAt: number;
+}
+
+export interface UserClientCertInfo {
+    id: string;
+    serialNumber: string;
+    fingerprint: string;
+    notBefore: number;
+    notAfter: number;
+    status: string;
+    revokedAt: number;
+    lastUsedAt: number;
+    createdAt: number;
+}
+
 export interface PasswordPolicy {
     minLength: number;
     minCharacterType: number;
@@ -61,6 +81,7 @@ export type AccountInfo = {
     nickname: string;
     type: string;
     enabledTotp: boolean;
+    mfaEnabled: boolean;
     roles: string[];
     menus?: Menu[];
     language: string;
@@ -151,16 +172,29 @@ class AccountApi {
         return data;
     }
 
-    getAccessToken = async () => {
-        return await requests.get(`/${this.group}/access-token`) as AccessToken;
+    getAccessTokens = async () => {
+        return await requests.get(`/${this.group}/access-token`) as AccessTokenItem[];
+    }
+
+    createAccessToken = async (type: string = 'api') => {
+        return await requests.post(`/${this.group}/access-token`, {type}) as AccessTokenCreateResult;
+    }
+
+    deleteAccessToken = async (id: string) => {
+        return await requests.delete(`/${this.group}/access-token/${id}`);
+    }
+
+    getClientCert = async () => {
+        return await requests.get(`/${this.group}/client-cert`) as UserClientCertInfo | null;
     }
 
-    createAccessToken = async () => {
-        return await requests.post(`/${this.group}/access-token`);
+    downloadClientCert = async () => {
+        let u = `${baseUrl()}/${this.group}/client-cert/download?X-Auth-Token=${getToken()}`
+        browserDownload(u)
     }
 
-    deleteAccessToken = async () => {
-        return await requests.delete(`/${this.group}/access-token`);
+    revokeClientCert = async () => {
+        return await requests.delete(`/${this.group}/client-cert`);
     }
 
     getPasswordPolicy = async () => {
@@ -199,12 +233,14 @@ class AccountApi {
         await requests.put(`/${this.group}/webauthn/credentials/${id}`, val);
     }
 
-    deleteWebauthnCredentials = async (id: string) => {
-        await requests.delete(`/${this.group}/webauthn/credentials/${id}`);
+    deleteWebauthnCredentials = async (id: string, securityToken?: string) => {
+        const tokenParam = securityToken ? `?securityToken=${encodeURIComponent(securityToken)}` : '';
+        await requests.delete(`/${this.group}/webauthn/credentials/${id}${tokenParam}`);
     }
 
-    webauthnCredentialStart = async () => {
-        return await requests.post(`/${this.group}/webauthn/credentials/start`) as WebauthnCredentialCreation;
+    webauthnCredentialStart = async (securityToken?: string) => {
+        const tokenParam = securityToken ? `?securityToken=${encodeURIComponent(securityToken)}` : '';
+        return await requests.post(`/${this.group}/webauthn/credentials/start${tokenParam}`) as WebauthnCredentialCreation;
     }
 
     webauthnCredentialFinish = async (val: any) => {
@@ -277,4 +313,4 @@ class AccountApi {
 }
 
 let accountApi = new AccountApi();
-export default accountApi;
+export default accountApi;

src/api/asset-api.ts

@@ -6,6 +6,7 @@ export interface Asset {
     id: string;
     logo: string;
     name: string;
+    alias?: string;
     protocol: string;
     ip: string;
     port: number;