nsgm-cli 2.1.19 → 2.1.21

package/client/utils/fetch.ts

@@ -1,21 +1,21 @@
 // GraphQL 客户端与 CSRF 保护工具
 
-import axios from 'axios'
-import { getLocalApiPrefix } from './common'
+import axios from "axios";
+import { getLocalApiPrefix } from "./common";
 
 // 配置 axios 默认行为
-axios.defaults.withCredentials = true
+axios.defaults.withCredentials = true;
 
 // ==================== GraphQL 配置 ====================
 
 export const GRAPHQL_CONFIG = {
   // GraphQL 端点
-  endpoint: '/graphql',
+  endpoint: "/graphql",
 
   // 默认请求头
   defaultHeaders: {
-    'Content-Type': 'application/json',
-    Accept: 'application/json',
+    "Content-Type": "application/json",
+    Accept: "application/json",
   },
 
   // 缓存配置
@@ -28,61 +28,61 @@ export const GRAPHQL_CONFIG = {
   // CSRF 配置
   csrf: {
     enabled: true,
-    tokenHeader: 'X-CSRF-Token',
-    cookieName: 'csrfToken',
+    tokenHeader: "X-CSRF-Token",
+    cookieName: "csrfToken",
   },
 
   // 开发模式配置
   development: {
-    enableDebugLogs: process.env.NODE_ENV === 'development',
+    enableDebugLogs: process.env.NODE_ENV === "development",
   },
-}
+};
 
 // GraphQL 操作类型
 export enum GraphQLOperationType {
-  QUERY = 'query',
-  MUTATION = 'mutation',
-  SUBSCRIPTION = 'subscription',
+  QUERY = "query",
+  MUTATION = "mutation",
+  SUBSCRIPTION = "subscription",
 }
 
 // GraphQL 工具函数
 export const GraphQLUtils = {
   // 检测操作类型
   getOperationType(query: string): GraphQLOperationType {
-    const trimmed = query.trim().toLowerCase()
-    if (trimmed.startsWith('mutation')) return GraphQLOperationType.MUTATION
-    if (trimmed.startsWith('subscription')) return GraphQLOperationType.SUBSCRIPTION
-    return GraphQLOperationType.QUERY
+    const trimmed = query.trim().toLowerCase();
+    if (trimmed.startsWith("mutation")) return GraphQLOperationType.MUTATION;
+    if (trimmed.startsWith("subscription")) return GraphQLOperationType.SUBSCRIPTION;
+    return GraphQLOperationType.QUERY;
   },
 
   // 提取操作名称
   getOperationName(query: string): string | null {
-    const match = query.match(/(?:query|mutation|subscription)\s+(\w+)/)
-    return match ? match[1] : null
+    const match = query.match(/(?:query|mutation|subscription)\s+(\w+)/);
+    return match ? match[1] : null;
   },
 
   // 生成缓存键
   generateCacheKey(query: string, variables?: any): string {
-    const operationName = this.getOperationName(query) || 'anonymous'
-    const variablesHash = variables ? JSON.stringify(variables) : ''
-    return `${operationName}_${btoa(variablesHash)}`
+    const operationName = this.getOperationName(query) || "anonymous";
+    const variablesHash = variables ? JSON.stringify(variables) : "";
+    return `${operationName}_${btoa(variablesHash)}`;
   },
 
   // 验证 GraphQL 查询语法
   isValidQuery(query: string): boolean {
     try {
-      const trimmed = query.trim()
+      const trimmed = query.trim();
       return (
         trimmed.length > 0 &&
-        (trimmed.includes('query') || trimmed.includes('mutation') || trimmed.includes('subscription')) &&
-        trimmed.includes('{') &&
-        trimmed.includes('}')
-      )
+        (trimmed.includes("query") || trimmed.includes("mutation") || trimmed.includes("subscription")) &&
+        trimmed.includes("{") &&
+        trimmed.includes("}")
+      );
     } catch {
-      return false
+      return false;
     }
   },
-}
+};
 
 // ==================== CSRF 工具 ====================
 
@@ -94,18 +94,18 @@ export const getCSRFToken = async (): Promise<string> => {
   try {
     const response = await axios.get(`${getLocalApiPrefix()}/csrf-token`, {
       withCredentials: true,
-    })
+    });
 
     if (!response.data?.csrfToken) {
-      throw new Error('服务器返回的 CSRF token 为空')
+      throw new Error("服务器返回的 CSRF token 为空");
     }
 
-    return response.data.csrfToken
+    return response.data.csrfToken;
   } catch (error) {
-    console.error('获取 CSRF token 错误:', error)
-    throw error
+    console.error("获取 CSRF token 错误:", error);
+    throw error;
   }
-}
+};
 
 // ==================== GraphQL 客户端 ====================
 /**
@@ -115,28 +115,28 @@ export const getCSRFToken = async (): Promise<string> => {
 export const getLocalGraphql = async (query: string, variables: any = {}) => {
   // 验证查询语法
   if (!GraphQLUtils.isValidQuery(query)) {
-    throw new Error('Invalid GraphQL query syntax')
+    throw new Error("Invalid GraphQL query syntax");
   }
 
   try {
     // 检测操作类型
-    const operationType = GraphQLUtils.getOperationType(query)
-    const isMutation = operationType === GraphQLOperationType.MUTATION
+    const operationType = GraphQLUtils.getOperationType(query);
+    const isMutation = operationType === GraphQLOperationType.MUTATION;
 
     const headers: Record<string, string> = {
       ...GRAPHQL_CONFIG.defaultHeaders,
-    }
+    };
 
-    let response
+    let response;
 
     if (isMutation) {
       // Mutation 使用 POST 方法并需要 CSRF token
       if (GRAPHQL_CONFIG.csrf.enabled) {
         try {
-          const csrfToken = await getCSRFToken()
-          headers[GRAPHQL_CONFIG.csrf.tokenHeader] = csrfToken
+          const csrfToken = await getCSRFToken();
+          headers[GRAPHQL_CONFIG.csrf.tokenHeader] = csrfToken;
         } catch (csrfError) {
-          console.warn('获取 CSRF token 失败，继续执行 GraphQL 请求:', csrfError)
+          console.warn("获取 CSRF token 失败，继续执行 GraphQL 请求:", csrfError);
         }
       }
 
@@ -150,61 +150,61 @@ export const getLocalGraphql = async (query: string, variables: any = {}) => {
           headers,
           withCredentials: true,
         }
-      )
+      );
     } else {
       // Query 和 Subscription 使用 GET 方法，不需要 CSRF token
-      const params = new URLSearchParams()
-      params.append('query', query)
+      const params = new URLSearchParams();
+      params.append("query", query);
       if (variables && Object.keys(variables).length > 0) {
-        params.append('variables', JSON.stringify(variables))
+        params.append("variables", JSON.stringify(variables));
       }
 
       response = await axios.get(`${getLocalApiPrefix()}/graphql?${params.toString()}`, {
         headers: {
-          Accept: 'application/json',
+          Accept: "application/json",
         },
         withCredentials: true,
-      })
+      });
     }
 
     if (response?.data) {
-      return response.data
+      return response.data;
     } else {
-      throw new Error('GraphQL response is empty')
+      throw new Error("GraphQL response is empty");
     }
   } catch (error) {
     // 只为 mutation 检查 CSRF 错误 (403)，因为 query 使用 GET 不需要 CSRF token
     if (axios.isAxiosError(error) && error.response?.status === 403) {
-      const operationType = GraphQLUtils.getOperationType(query)
+      const operationType = GraphQLUtils.getOperationType(query);
 
       if (operationType === GraphQLOperationType.MUTATION) {
-        console.warn('🔄 CSRF token 可能已过期，尝试重试 mutation...')
+        console.warn("🔄 CSRF token 可能已过期，尝试重试 mutation...");
         try {
           // 重新获取 token 并重试 mutation
-          const newCsrfToken = await getCSRFToken()
+          const newCsrfToken = await getCSRFToken();
           const retryHeaders = {
             ...GRAPHQL_CONFIG.defaultHeaders,
             [GRAPHQL_CONFIG.csrf.tokenHeader]: newCsrfToken,
-          }
+          };
 
           const retryResponse = await axios.post(
             `${getLocalApiPrefix()}/graphql`,
             { query, variables },
             { headers: retryHeaders, withCredentials: true }
-          )
+          );
 
-          return retryResponse.data
+          return retryResponse.data;
         } catch (retryError) {
-          console.error('❌ CSRF mutation 重试失败:', retryError)
-          throw retryError
+          console.error("❌ CSRF mutation 重试失败:", retryError);
+          throw retryError;
         }
       }
     }
 
-    console.error('GraphQL request failed:', error)
-    throw error
+    console.error("GraphQL request failed:", error);
+    throw error;
   }
-}
+};
 
 // ==================== 文件上传工具 ====================
 
@@ -214,140 +214,140 @@ export const getLocalGraphql = async (query: string, variables: any = {}) => {
 export const createCSRFUploadProps = (
   action: string,
   options: {
-    name?: string
-    onSuccess?: (fileName: string) => void
-    onError?: (fileName: string) => void
-    beforeUpload?: (file: File) => boolean | Promise<boolean>
-    accept?: string
-    multiple?: boolean
+    name?: string;
+    onSuccess?: (fileName: string) => void;
+    onError?: (fileName: string) => void;
+    beforeUpload?: (file: File) => boolean | Promise<boolean>;
+    accept?: string;
+    multiple?: boolean;
   } = {}
 ) => {
-  const { name = 'file', onSuccess, onError, beforeUpload: customBeforeUpload, accept, multiple = false } = options
+  const { name = "file", onSuccess, onError, beforeUpload: customBeforeUpload, accept, multiple = false } = options;
 
   const uploadProps: any = {
     name,
     action,
     multiple,
     customRequest: async (options: any) => {
-      const { onError: onUploadError, onSuccess: onUploadSuccess, file } = options
+      const { onError: onUploadError, onSuccess: onUploadSuccess, file } = options;
 
       try {
         // 获取 CSRF token
-        const csrfToken = await getCSRFToken()
+        const csrfToken = await getCSRFToken();
         if (!csrfToken) {
-          throw new Error('CSRF Token 获取失败')
+          throw new Error("CSRF Token 获取失败");
         }
 
         // 创建 FormData
-        const formData = new FormData()
-        formData.append(name, file)
+        const formData = new FormData();
+        formData.append(name, file);
 
         // 发送请求
-        const uploadUrl = action.startsWith('http') ? action : getLocalApiPrefix() + action
+        const uploadUrl = action.startsWith("http") ? action : getLocalApiPrefix() + action;
         const response = await axios.post(uploadUrl, formData, {
           headers: {
             [GRAPHQL_CONFIG.csrf.tokenHeader]: csrfToken,
           },
           withCredentials: true,
-        })
+        });
 
         if (response.status >= 200 && response.status < 300) {
-          onUploadSuccess(response)
+          onUploadSuccess(response);
         } else {
-          throw new Error(`Upload failed: ${response.statusText}`)
+          throw new Error(`Upload failed: ${response.statusText}`);
         }
       } catch (error) {
-        onUploadError(error)
+        onUploadError(error);
       }
     },
     beforeUpload: async (file: File) => {
       try {
         // 验证 CSRF token
-        const validation = await validateCSRFForUpload()
+        const validation = await validateCSRFForUpload();
         if (!validation.valid) {
-          throw new Error(validation.error)
+          throw new Error(validation.error);
         }
 
         // 执行自定义的 beforeUpload 检查
         if (customBeforeUpload) {
-          const result = await customBeforeUpload(file)
-          return result
+          const result = await customBeforeUpload(file);
+          return result;
         }
 
-        return true
+        return true;
       } catch (error) {
-        console.error('Upload preparation failed:', error)
-        return false
+        console.error("Upload preparation failed:", error);
+        return false;
       }
     },
     onChange(info: any) {
-      const { status, name: fileName } = info.file
+      const { status, name: fileName } = info.file;
 
-      if (status === 'done') {
+      if (status === "done") {
         if (onSuccess) {
-          onSuccess(fileName)
+          onSuccess(fileName);
         }
-      } else if (status === 'error') {
+      } else if (status === "error") {
         if (onError) {
-          onError(fileName)
+          onError(fileName);
         }
       }
     },
-  }
+  };
 
   // 只有当 accept 有值时才添加该属性
   if (accept) {
-    uploadProps.accept = accept
+    uploadProps.accept = accept;
   }
 
-  return uploadProps
-}
+  return uploadProps;
+};
 
 /**
  * 验证上传前的 CSRF 状态
  */
 export const validateCSRFForUpload = async (): Promise<{ valid: boolean; token?: string; error?: string }> => {
   try {
-    const csrfToken = await getCSRFToken()
+    const csrfToken = await getCSRFToken();
     if (!csrfToken) {
       return {
         valid: false,
-        error: 'CSRF Token 获取失败，请刷新页面重试',
-      }
+        error: "CSRF Token 获取失败，请刷新页面重试",
+      };
     }
     return {
       valid: true,
       token: csrfToken,
-    }
+    };
   } catch (error) {
     return {
       valid: false,
-      error: error instanceof Error ? error.message : '获取 CSRF Token 时发生未知错误',
-    }
+      error: error instanceof Error ? error.message : "获取 CSRF Token 时发生未知错误",
+    };
   }
-}
+};
 
 // ==================== 工具函数 ====================
 
 // GraphQL 查询辅助函数
 export const graphqlQuery = async (query: string, variables?: any) => {
-  return getLocalGraphql(query, variables)
-}
+  return getLocalGraphql(query, variables);
+};
 
 // GraphQL 变更辅助函数 (Mutation)
 export const graphqlMutation = async (mutation: string, variables?: any) => {
-  return getLocalGraphql(mutation, variables)
-}
+  return getLocalGraphql(mutation, variables);
+};
 
 // 检查 GraphQL 响应是否有错误
 export const hasGraphqlErrors = (response: any): boolean => {
-  return response?.errors && response.errors.length > 0
-}
+  return response?.errors && response.errors.length > 0;
+};
 
 // 获取 GraphQL 错误信息
 export const getGraphqlErrorMessage = (response: any): string => {
   if (hasGraphqlErrors(response)) {
-    return response.errors.map((error: any) => error.message).join('; ')
+    return response.errors.map((error: any) => error.message).join("; ");
   }
-  return ''
-}
+  return "";
+};

package/client/utils/i18n.ts

@@ -1,68 +1,68 @@
-import { useTranslation } from 'next-i18next'
-import { useRouter } from 'next/router'
-import zhCN from 'antd/locale/zh_CN'
-import enUS from 'antd/locale/en_US'
-import jaJP from 'antd/locale/ja_JP'
+import { useTranslation } from "next-i18next";
+import { useRouter } from "next/router";
+import zhCN from "antd/locale/zh_CN";
+import enUS from "antd/locale/en_US";
+import jaJP from "antd/locale/ja_JP";
 
 // Antd locale mapping
 export const getAntdLocale = (locale: string) => {
   switch (locale) {
-    case 'zh-CN':
-      return zhCN
-    case 'en-US':
-      return enUS
-    case 'ja-JP':
-      return jaJP
+    case "zh-CN":
+      return zhCN;
+    case "en-US":
+      return enUS;
+    case "ja-JP":
+      return jaJP;
     default:
-      return zhCN
+      return zhCN;
   }
-}
+};
 
 // Custom hook for translation with namespace
-export const useI18n = (namespace = 'common') => {
-  const { t, i18n } = useTranslation(namespace)
-  const router = useRouter()
+export const useI18n = (namespace = "common") => {
+  const { t, i18n } = useTranslation(namespace);
+  const router = useRouter();
 
   return {
     t,
-    locale: typeof window !== 'undefined' ? router.locale || 'zh-CN' : 'zh-CN',
+    locale: typeof window !== "undefined" ? router.locale || "zh-CN" : "zh-CN",
     language: i18n.language,
     changeLanguage: (lng: string) => {
-      if (typeof window !== 'undefined') {
-        const { pathname, asPath, query } = router
-        router.push({ pathname, query }, asPath, { locale: lng })
+      if (typeof window !== "undefined") {
+        const { pathname, asPath, query } = router;
+        router.push({ pathname, query }, asPath, { locale: lng });
       }
     },
     isRTL: false, // Add RTL support if needed
-  }
-}
+  };
+};
 
 // Format currency based on locale
-export const formatCurrency = (amount: number, locale = 'zh-CN') => {
+export const formatCurrency = (amount: number, locale = "zh-CN") => {
   const currencyMap: Record<string, string> = {
-    'zh-CN': 'CNY',
-    'en-US': 'USD',
-    'ja-JP': 'JPY',
-  }
+    "zh-CN": "CNY",
+    "en-US": "USD",
+    "ja-JP": "JPY",
+  };
 
   return new Intl.NumberFormat(locale, {
-    style: 'currency',
-    currency: currencyMap[locale] || 'CNY',
-  }).format(amount)
-}
+    style: "currency",
+    currency: currencyMap[locale] || "CNY",
+  }).format(amount);
+};
 
 // Format date based on locale
-export const formatDate = (date: Date | string, locale = 'zh-CN') => {
-  const dateObj = typeof date === 'string' ? new Date(date) : date
+export const formatDate = (date: Date | string, locale = "zh-CN") => {
+  const dateObj = typeof date === "string" ? new Date(date) : date;
 
   return new Intl.DateTimeFormat(locale, {
-    year: 'numeric',
-    month: 'long',
-    day: 'numeric',
-  }).format(dateObj)
-}
+    year: "numeric",
+    month: "long",
+    day: "numeric",
+  }).format(dateObj);
+};
 
 // Format number based on locale
-export const formatNumber = (number: number, locale = 'zh-CN') => {
-  return new Intl.NumberFormat(locale).format(number)
-}
+export const formatNumber = (number: number, locale = "zh-CN") => {
+  return new Intl.NumberFormat(locale).format(number);
+};

package/client/utils/menu.tsx

@@ -1,28 +1,28 @@
-import { BookOutlined, SolutionOutlined } from '@ant-design/icons'
-import React from 'react'
+import { BookOutlined, SolutionOutlined } from "@ant-design/icons";
+import React from "react";
 
 // 统一的菜单配置函数，支持可选的多语言翻译
 export const getMenuConfig = (t?: (key: string) => string) => {
-  let key = 1
+  let key = 1;
 
   return [
     {
       key: (++key).toString(),
-      text: t ? t('layout:layout.menu.introduction') : '介绍',
-      url: '/',
+      text: t ? t("layout:layout.menu.introduction") : "介绍",
+      url: "/",
       icon: <BookOutlined rev={undefined} />,
       subMenus: null,
     },
     {
       key: (++key).toString(),
-      text: t ? t('layout:layout.menu.template') : '模板',
-      url: '/template/manage',
+      text: t ? t("layout:layout.menu.template") : "模板",
+      url: "/template/manage",
       icon: <SolutionOutlined rev={undefined} />,
       subMenus: [
         {
           key: `${key}_1`,
-          text: t ? t('layout:layout.menu.template1') : '模板1',
-          url: '/template/manage',
+          text: t ? t("layout:layout.menu.template1") : "模板1",
+          url: "/template/manage",
         },
       ],
     },
@@ -39,8 +39,8 @@ export const getMenuConfig = (t?: (key: string) => string) => {
         },
       ],
     }*/
-  ]
-}
+  ];
+};
 
 // 默认导出不传翻译函数，使用中文
-export default getMenuConfig()
+export default getMenuConfig();