@gadmin2n/cli 0.0.80 → 0.0.82

package/.yalc/@gadmin2n/schematics/dist/lib/application/files/gadmin2-game-angle-demo/web/src/hooks/useDynamicResources.tsx

@@ -0,0 +1,211 @@
+import { useMemo, useRef } from "react";
+import type { IResourceItem, ResourceProps } from "@refinedev/core";
+import {
+  DashboardOutlined,
+  SettingOutlined,
+} from "@ant-design/icons";
+import { getRoutePath } from "config/routeRegistry";
+import { useUserPageAccess } from "./useUserPageAccess";
+import generatedResources from "generated/resources";
+
+/**
+ * Dynamic Resources Hook for erp-backend/web
+ *
+ * Features:
+ * 1. Get user accessible page resources from backend (via useUserPageAccess)
+ * 2. Convert backend data to Refine's IResourceItem[] format
+ * 3. Auto-generate show/edit/create paths for all pages
+ *
+ * Data Flow:
+ * useUserPageAccess → Accessible Pages → Resources → Sider Menu
+ *
+ * Performance:
+ * - Uses module-level cache - computed ONCE per page load
+ * - Returns same reference on every call after initial computation
+ * - Does NOT rebuild on route navigation or component re-renders
+ * - Permission changes require page refresh (handled by user)
+ */
+
+// Module-level cache - computed once per page load
+let cachedResources: IResourceItem[] | null = null;
+let isComputing = false;
+
+// 将 snake_case 转换为 camelCase
+function snakeToCamel(str: string): string {
+  return str.replace(/_([a-z])/g, (_, letter) => letter.toUpperCase());
+}
+
+// Icon 映射：page.code 到 React Icon 组件
+export const iconMapping: Record<string, React.ReactNode> = {
+  dashboard: <DashboardOutlined />,
+  administration: <SettingOutlined />,
+};
+
+// Pages whose children are tabs (not separate menu items)
+const PAGES_WITH_TABS: string[] = [];
+
+export const useDynamicResources = (): IResourceItem[] => {
+  // Use shared page access data (single call, reused below)
+  const { accessiblePageIds, pagesData, pageMap, isLoading, roleNames } = useUserPageAccess();
+
+  // If we already have cached resources, return immediately
+  if (cachedResources !== null) {
+    return cachedResources;
+  }
+
+  // Return empty array while loading (will retry on next render)
+  if (isLoading || !pagesData || isComputing) {
+    return [];
+  }
+
+  // Mark as computing to prevent concurrent computation
+  isComputing = true;
+
+  if (import.meta.env.DEV) {
+    console.log('[useDynamicResources] 🔨 Computing resources (first time)');
+  }
+
+  // Filter accessible pages and build hierarchical sorted list
+  const accessiblePages = pagesData.filter(page => accessiblePageIds.has(page.id));
+
+  // Group pages by parentId
+  const pagesByParent = new Map<number | null, typeof accessiblePages>();
+  accessiblePages.forEach(page => {
+    const parentId = page.parentId ?? null;
+    if (!pagesByParent.has(parentId)) {
+      pagesByParent.set(parentId, []);
+    }
+    pagesByParent.get(parentId)!.push(page);
+  });
+
+  // Sort each group by sortOrder
+  pagesByParent.forEach(pages => {
+    pages.sort((a, b) => (a.sortOrder ?? Infinity) - (b.sortOrder ?? Infinity));
+  });
+
+  // Build sorted list using depth-first traversal
+  const sortedAccessiblePages: typeof accessiblePages = [];
+  const visited = new Set<number>();
+
+  const addPageWithChildren = (parentId: number | null) => {
+    const children = pagesByParent.get(parentId) || [];
+    children.forEach(page => {
+      if (visited.has(page.id)) return;
+      visited.add(page.id);
+      sortedAccessiblePages.push(page);
+      addPageWithChildren(page.id);
+    });
+  };
+
+  // Start from root level (parentId = null)
+  addPageWithChildren(null);
+
+  // Add any orphaned pages
+  accessiblePages.forEach(page => {
+    if (!visited.has(page.id)) {
+      sortedAccessiblePages.push(page);
+    }
+  });
+
+  // 检测哪些父页面有"index 子页面"（子页面路径与父页面相同，即 path: "" 的 index 路由）
+  // 这类父页面应作为纯分组节点（不注册 list 路径），否则 Refine 会优先选中父节点
+  // 导致 "全部" 等 index 子菜单项无法高亮
+  const parentIdsWithIndexChild = new Set<number>();
+  accessiblePages.forEach(childPage => {
+    if (!childPage.parentId) return;
+    const childPath = getRoutePath(childPage.code);
+    if (!childPath) return;
+    const parentPage = pageMap.get(childPage.parentId);
+    if (!parentPage) return;
+    const parentPath = getRoutePath(parentPage.code);
+    if (childPath === parentPath) {
+      parentIdsWithIndexChild.add(childPage.parentId);
+    }
+  });
+
+  // Build resources
+  const resultResources: IResourceItem[] = [];
+  const addedResourceNames = new Set<string>();
+
+  sortedAccessiblePages.forEach(page => {
+    if (!page) return;
+
+    // Skip virtual pages
+    if (page.isVirtual) return;
+
+    // Skip children of pages that use tabs
+    if (page.parentId) {
+      const parentPage = pageMap.get(page.parentId);
+      if (parentPage && PAGES_WITH_TABS.includes(parentPage.code)) {
+        return;
+      }
+    }
+
+    const permissionRes = snakeToCamel(page.code);
+
+    // Avoid duplicates
+    if (addedResourceNames.has(permissionRes)) return;
+
+    let parentPermissionRes: string | undefined;
+    if (page.parentId) {
+      const parentPage = pageMap.get(page.parentId);
+      if (parentPage) {
+        parentPermissionRes = snakeToCamel(parentPage.code);
+      }
+    }
+
+    // 优先从 routeRegistry 获取路径
+    // fallback 到 page.path（用于 gadmin2 页面）
+    const registryPath = getRoutePath(page.code);
+    const dbPath = page.path
+      ? page.path.startsWith("/") ? page.path : `/${page.path}`
+      : undefined;
+    const normalizedPath = registryPath ?? dbPath;
+
+    // 如果该页面是"有 index 子页面的父节点"，则不注册 list/show/edit/create
+    // 使其成为纯分组节点（SubMenu），子页面（如"全部"）的路径才负责 URL 匹配与菜单高亮
+    const isGroupParent = parentIdsWithIndexChild.has(page.id);
+
+    // Build resource item with auto-generated CRUD paths
+    // Store both zhLabel/enLabel in meta; Sider resolves at render time
+    const resource: IResourceItem = {
+      name: permissionRes,
+      ...(!isGroupParent && normalizedPath && {
+        list: normalizedPath,
+        show: `${normalizedPath}/show/:id`,
+        edit: `${normalizedPath}/edit/:id`,
+        create: `${normalizedPath}/create`,
+      }),
+      meta: {
+        label: page.enName || page.code,
+        zhLabel: page.zhName || page.code,
+        enLabel: page.enName || page.code,
+        icon: iconMapping[page.code] || "",
+        parent: parentPermissionRes,
+        route: normalizedPath,
+        pageCode: page.code,
+        parentPageCode: page.parentId
+          ? pageMap.get(page.parentId)?.code
+          : undefined,
+      },
+    };
+
+    resultResources.push(resource);
+    addedResourceNames.add(permissionRes);
+  });
+
+  // Build final resources array with auto-crud if needed
+  const dynamicResources = resultResources;
+  const allResources = dynamicResources;
+
+  // Cache the result - will be used for all subsequent calls
+  cachedResources = allResources;
+  isComputing = false;
+
+  if (import.meta.env.DEV) {
+    console.log('[useDynamicResources] ✅ Resources cached. Count:', cachedResources.length);
+    console.log('[useDynamicResources] 📌 This reference will be reused for all future calls');
+  }
+
+  return cachedResources;
+};

package/.yalc/@gadmin2n/schematics/dist/lib/application/files/gadmin2-game-angle-demo/web/src/index.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+
+import App from './App';
+import './i18n';
+
+import { checkLogin, login } from './helpers/login';
+
+if (!checkLogin()) {
+  login();
+} else {
+  const container = document.getElementById('root') as HTMLElement;
+  const root = createRoot(container);
+
+  root.render(
+    <React.Suspense fallback='loading'>
+      <App />
+    </React.Suspense>
+  );
+}

package/.yalc/@gadmin2n/schematics/dist/lib/application/files/gadmin2-game-angle-demo/web/src/locales/en/common.json

@@ -0,0 +1,128 @@
+{
+  "pages": {
+    "login": {
+      "title": "Sign in to your account",
+      "signin": "Sign in",
+      "signup": "Sign up",
+      "divider": "or",
+      "fields": {
+        "email": "Email",
+        "password": "Password"
+      },
+      "errors": {
+        "validEmail": "Invalid email address"
+      },
+      "buttons": {
+        "submit": "Login",
+        "forgotPassword": "Forgot password?",
+        "noAccount": "Don't have an account?",
+        "rememberMe": "Remember me"
+      }
+    },
+    "forgotPassword": {
+      "title": "Forgot your password?",
+      "fields": {
+        "email": "Email"
+      },
+      "errors": {
+        "validEmail": "Invalid email address"
+      },
+      "buttons": {
+        "submit": "Send reset instructions"
+      }
+    },
+    "register": {
+      "title": "Sign up for your account",
+      "fields": {
+        "email": "Email",
+        "password": "Password"
+      },
+      "errors": {
+        "validEmail": "Invalid email address"
+      },
+      "buttons": {
+        "submit": "Register",
+        "haveAccount": "Have an account?"
+      }
+    },
+    "updatePassword": {
+      "title": "Update password",
+      "fields": {
+        "password": "New Password",
+        "confirmPassword": "Confirm new password"
+      },
+      "errors": {
+        "confirmPasswordNotMatch": "Passwords do not match"
+      },
+      "buttons": {
+        "submit": "Update"
+      }
+    },
+    "error": {
+      "info": "You may have forgotten to add the {{action}} component to {{resource}} resource.",
+      "404": "Sorry, the page you visited does not exist.",
+      "resource404": "Are you sure you have created the {{resource}} resource.",
+      "backHome": "Back Home"
+    }
+  },
+  "actions": {
+    "list": "List",
+    "create": "Create",
+    "edit": "Edit",
+    "show": "Show"
+  },
+  "buttons": {
+    "create": "Create",
+    "save": "Save",
+    "logout": "Logout",
+    "delete": "Delete",
+    "edit": "Edit",
+    "sure": "Ok",
+    "cancel": "Cancel",
+    "confirm": "Are you sure?",
+    "filter": "Filter",
+    "clear": "Clear",
+    "refresh": "Refresh",
+    "show": "Show",
+    "undo": "Undo",
+    "import": "Import",
+    "export": "Export",
+    "clone": "Clone",
+    "notAccessTitle": "You don't have permission to access"
+  },
+  "warnWhenUnsavedChanges": "Are you sure you want to leave? You have unsaved changes.",
+  "notifications": {
+    "success": "Successful",
+    "error": "Error (status code: {{statusCode}})",
+    "undoable": "You have {{seconds}} seconds to undo",
+    "createSuccess": "Successfully created {{resource}}",
+    "createError": "There was an error creating {{resource}} (status code: {{statusCode}})",
+    "deleteSuccess": "Successfully deleted {{resource}}",
+    "deleteError": "Error when deleting {{resource}} (status code: {{statusCode}})",
+    "editSuccess": "Successfully edited {{resource}}",
+    "editError": "Error when editing {{resource}} (status code: {{statusCode}})",
+    "importProgress": "Importing: {{processed}}/{{total}}"
+  },
+  "loading": "Loading",
+  "tags": {
+    "clone": "Clone"
+  },
+  "dashboard": {
+    "title": "Dashboard"
+  },
+  "resources": {
+    "log": {
+      "fields":{
+        "timestamp": "OperateTime"
+      }
+    }
+  },
+  "table": {
+    "actions": "Actions",
+    "detail": "Detail",
+    "more": "More"
+  },
+  "form": {
+    "uploadPlaceholder": "Drag & drop a file in this area"
+  }
+}

package/.yalc/@gadmin2n/schematics/dist/lib/application/files/gadmin2-game-angle-demo/web/src/locales/zh_CN/common.json

@@ -0,0 +1,130 @@
+{
+  "pages": {
+    "login": {
+      "title": "Sign in to your account",
+      "signin": "Sign in",
+      "signup": "Sign up",
+      "divider": "or",
+      "fields": {
+        "email": "Email",
+        "password": "Password"
+      },
+      "errors": {
+        "validEmail": "Invalid email address"
+      },
+      "buttons": {
+        "submit": "Login",
+        "forgotPassword": "Forgot password?",
+        "noAccount": "Don't have an account?",
+        "rememberMe": "Remember me"
+      }
+    },
+    "forgotPassword": {
+      "title": "Forgot your password?",
+      "fields": {
+        "email": "Email"
+      },
+      "errors": {
+        "validEmail": "Invalid email address"
+      },
+      "buttons": {
+        "submit": "Send reset instructions"
+      }
+    },
+    "register": {
+      "title": "Sign up for your account",
+      "fields": {
+        "email": "Email",
+        "password": "Password"
+      },
+      "errors": {
+        "validEmail": "Invalid email address"
+      },
+      "buttons": {
+        "submit": "Register",
+        "haveAccount": "Have an account?"
+      }
+    },
+    "updatePassword": {
+      "title": "Update password",
+      "fields": {
+        "password": "New Password",
+        "confirmPassword": "Confirm new password"
+      },
+      "errors": {
+        "confirmPasswordNotMatch": "Passwords do not match"
+      },
+      "buttons": {
+        "submit": "Update"
+      }
+    },
+    "error": {
+      "info": "You may have forgotten to add the {{action}} component to {{resource}} resource.",
+      "404": "Sorry, the page you visited does not exist.",
+      "resource404": "Are you sure you have created the {{resource}} resource.",
+      "backHome": "Back Home"
+    }
+  },
+  "actions": {
+    "list": "List",
+    "create": "Create",
+    "edit": "编辑",
+    "show": "Show"
+  },
+  "buttons": {
+    "create": "新增",
+    "save": "保存",
+    "logout": "登出",
+    "delete": "删除",
+    "edit": "编辑",
+    "sure": "确定",
+    "cancel": "取消",
+    "confirm": "确定执行该操作?",
+    "filter": "查询",
+    "clear": "Clear",
+    "refresh": "刷新",
+    "show": "详情",
+    "undo": "Undo",
+    "import": "导入",
+    "export": "导出",
+    "clone": "复制",
+    "notAccessTitle": "You don't have permission to access"
+  },
+  "warnWhenUnsavedChanges": "Are you sure you want to leave? You have unsaved changes.",
+  "notifications": {
+    "success": "Successful",
+    "error": "Error (status code: {{statusCode}})",
+    "undoable": "You have {{seconds}} seconds to undo",
+    "createSuccess": "Successfully created {{resource}}",
+    "createError": "There was an error creating {{resource}} (status code: {{statusCode}})",
+    "deleteSuccess": "Successfully deleted {{resource}}",
+    "deleteError": "Error when deleting {{resource}} (status code: {{statusCode}})",
+    "editSuccess": "Successfully edited {{resource}}",
+    "editError": "Error when editing {{resource}} (status code: {{statusCode}})",
+    "importProgress": "Importing: {{processed}}/{{total}}"
+  },
+  "loading": "Loading",
+  "tags": {
+    "clone": "Clone"
+  },
+  "dashboard": {
+    "title": "Dashboard"
+  },
+  "resources": {
+    "log": {
+      "fields":{
+        "timestamp": "OperateTime"
+      }
+    }
+  },
+  "table": {
+    "actions": "操作",
+    "detail": "详情",
+    "more": "更多",
+    "selected": "选中的",
+    "items": "项"
+  },
+  "form": {
+    "uploadPlaceholder": "Drag & drop a file in this area"
+  }
+}

package/.yalc/@gadmin2n/schematics/dist/lib/application/files/gadmin2-game-angle-demo/web/src/meta.json

@@ -0,0 +1,4 @@
+{
+  "name": "iegg-spider-config",
+  "plugins": []
+}

package/.yalc/@gadmin2n/schematics/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/audit/components/action-cell.css

@@ -0,0 +1,3 @@
+.highlight-changed-row {
+  background-color: #fff2f0;
+} 

package/.yalc/@gadmin2n/schematics/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/audit/components/action-cell.tsx

@@ -0,0 +1,134 @@
+import { useState } from "react";
+
+import { ZoomInOutlined } from "@ant-design/icons";
+import { Button, Modal, Table } from "antd";
+import type { ColumnsType } from "antd/es/table";
+
+import { Text } from "components";
+import { AuditLogActionEnum } from "enums";
+import { AuditLog } from "types";
+import { renderLongColumnValue } from "utilities/utils";
+
+import "./action-cell.css";
+
+export const ActionCell = ({ record }: { record: AuditLog }) => {
+  const [opened, setOpened] = useState(false);
+
+  const columns: ColumnsType<{
+    field: string;
+    from: any;
+    to: any;
+  }> = [
+    {
+      title: "Field",
+      dataIndex: "field",
+      key: "field",
+      render: (value) => <Text strong>{value}</Text>,
+      width: "20%",
+    },
+  ];
+
+  if (record.action === AuditLogActionEnum.update) {
+    columns.push({
+      title: "Old value",
+      dataIndex: "from",
+      key: "from",
+      width: "40%",
+      ellipsis: false,
+      render: (value) => {
+        if (value === null || value === undefined) {
+          return <Text type="secondary">-</Text>;
+        }
+        if (typeof value === "object") {
+          return renderLongColumnValue(JSON.stringify(value, null, 2));
+        }
+        return renderLongColumnValue(String(value));
+      },
+    });
+  }
+
+  columns.push({
+    title: "New value",
+    dataIndex: "to",
+    key: "to",
+    width: "40%",
+    ellipsis: false,
+    render: (value) => {
+      if (value === null || value === undefined) {
+        return <Text type="secondary">-</Text>;
+      }
+      if (typeof value === "object") {
+        return renderLongColumnValue(JSON.stringify(value, null, 2));
+      }
+      return renderLongColumnValue(String(value));
+    },
+  });
+
+  if (!record.data) {
+    return null;
+  }
+
+  const newData = JSON.parse(record.data || "{}");
+  const previousData = JSON.parse(record.previousData || "{}");
+  const changes = Object.entries(newData).map(([key, value]) => ({
+    field: key,
+    from: previousData[key],
+    to: value,
+  }));
+
+  return (
+    <div
+      style={{
+        display: "flex",
+        flexDirection: "column",
+        gap: "16px",
+      }}
+    >
+      <div
+        style={{
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+        }}
+      >
+        <Button
+          size="small"
+          icon={<ZoomInOutlined />}
+          onClick={() => setOpened((prev) => !prev)}
+        >
+          Details
+        </Button>
+      </div>
+      {opened && (
+        <Modal
+          open={opened}
+          onOk={() => setOpened(false)}
+          onCancel={() => setOpened(false)}
+          style={{ minWidth: "60vw" }}
+          styles={{
+            body: {
+              maxHeight: "500px",
+              overflow: "auto",
+            },
+          }}
+        >
+          <Table
+            dataSource={changes}
+            pagination={false}
+            rowKey="field"
+            bordered
+            size="small"
+            columns={columns}
+            style={{ marginTop: "48px" }}
+            rowClassName={(row) => {
+              return record.action === AuditLogActionEnum.update &&
+                row.from !== row.to
+                ? "highlight-changed-row"
+                : "";
+            }}
+          />
+        </Modal>
+      )}
+    </div>
+  );
+};