@gadmin2n/schematics 0.0.69 → 0.0.71

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/user/components/show-drawer.tsx

@@ -1,16 +1,16 @@
-import React from "react";
+import React from 'react';
 
-import { TagField } from "@refinedev/antd";
-import { useShow } from "@refinedev/core";
+import { TagField } from '@refinedev/antd';
+import { useShow } from '@refinedev/core';
 
-import { CloseOutlined } from "@ant-design/icons";
-import { Button, Drawer, Space, Tag, Typography } from "antd";
-import dayjs from "dayjs";
+import { CloseOutlined } from '@ant-design/icons';
+import { Button, Drawer, Space, Tag, Typography } from 'antd';
+import dayjs from 'dayjs';
 
-import styles from "@/styles/show-drawer.module.css";
-import { User } from "@/types";
+import styles from '@/styles/show-drawer.module.css';
+import { User } from '@/types';
 
-import { UserSelect } from "../queries";
+import { UserSelect } from '../queries';
 
 const { Title, Text } = Typography;
 
@@ -21,7 +21,7 @@ interface ShowDrawerProps {
 
 export const ShowDrawer: React.FC<ShowDrawerProps> = ({ id, onClose }) => {
   const { query } = useShow<User>({
-    resource: "user",
+    resource: 'user',
     id,
     meta: {
       select: UserSelect,
@@ -56,8 +56,8 @@ export const ShowDrawer: React.FC<ShowDrawerProps> = ({ id, onClose }) => {
       loading={isLoading}
       width={756}
       styles={{
-        body: { background: "#f5f5f5", padding: 0 },
-        header: { display: "none" },
+        body: { background: '#f5f5f5', padding: 0 },
+        header: { display: 'none' },
       }}
     >
       <div className={styles.header}>
@@ -74,64 +74,69 @@ export const ShowDrawer: React.FC<ShowDrawerProps> = ({ id, onClose }) => {
         </div>
         <div key="username">
           <Title level={5}>User Name</Title>
-          <Text>{username || "-"}</Text>
+          <Text>{username || '-'}</Text>
         </div>
         <div key="roles">
           <Title level={5}>Roles</Title>
           <Space>
-            {(Array.isArray(roles) ? roles : JSON.parse(roles || "[]"))?.map?.(
+            {(Array.isArray(roles) ? roles : JSON.parse(roles || '[]'))?.map?.(
               (v: string) => (
                 <TagField key={v} value={String(v)} />
-              )
+              ),
             )}
           </Space>
         </div>
         <div key="isApiKey">
           <Title level={5}>Is API Key</Title>
-          <Tag color={isApiKey ? "blue" : "default"}>
-            {isApiKey ? "Yes" : "No"}
+          <Tag color={isApiKey ? 'blue' : 'default'}>
+            {isApiKey ? 'Yes' : 'No'}
           </Tag>
         </div>
         {isApiKey && (
           <>
             <div key="apiKey">
               <Title level={5}>API Key</Title>
-              <Text copyable={{ text: apiKey || "" }} style={{ fontFamily: "monospace" }}>
-                {apiKey || "-"}
+              <Text
+                copyable={{ text: apiKey || '' }}
+                style={{ fontFamily: 'monospace' }}
+              >
+                {apiKey || '-'}
               </Text>
             </div>
             <div key="description">
               <Title level={5}>Description</Title>
-              <Text>{description || "-"}</Text>
+              <Text>{description || '-'}</Text>
             </div>
             <div key="lastUsedAt">
               <Title level={5}>Last Used At</Title>
               <Text>
-                {lastUsedAt ? dayjs(lastUsedAt).format("YYYY-MM-DD HH:mm:ss") : "-"}
+                {lastUsedAt
+                  ? dayjs(lastUsedAt).format('YYYY-MM-DD HH:mm:ss')
+                  : '-'}
               </Text>
             </div>
           </>
         )}
         <div key="isActive">
           <Title level={5}>Is Active</Title>
-          <Tag color={isActive ? "green" : "red"}>
-            {isActive ? "Active" : "Inactive"}
+          <Tag color={isActive ? 'green' : 'red'}>
+            {isActive ? 'Active' : 'Inactive'}
           </Tag>
         </div>
         <div key="creator">
           <Title level={5}>Creator</Title>
-          <Text>{creator || "-"}</Text>
+          <Text>{creator || '-'}</Text>
         </div>
         <div key="createdAt">
           <Title level={5}>Created At</Title>
           <Text>
-            {createdAt ? dayjs(createdAt).format("YYYY-MM-DD HH:mm:ss") : "-"}
+            {createdAt ? dayjs(createdAt).format('YYYY-MM-DD HH:mm:ss') : '-'}
           </Text>
         </div>
         <div key="updatedAt">
           <Title level={5}>Updated At</Title>
           <Text>
-            {updatedAt ? dayjs(updatedAt).format("YYYY-MM-DD HH:mm:ss") : "-"}
+            {updatedAt ? dayjs(updatedAt).format('YYYY-MM-DD HH:mm:ss') : '-'}
           </Text>
         </div>
       </div>

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/user/index.ts

@@ -1 +1 @@
-export * from "./list";
+export * from './list';

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/user/list.tsx

@@ -1,4 +1,4 @@
-import React, { type PropsWithChildren, useState } from "react";
+import React, { type PropsWithChildren, useState } from 'react';
 
 import {
   DeleteButton,
@@ -7,48 +7,52 @@ import {
   List,
   ShowButton,
   useTable,
-} from "@refinedev/antd";
-import { getDefaultFilter, type HttpError, useGetIdentity } from "@refinedev/core";
+} from '@refinedev/antd';
+import {
+  getDefaultFilter,
+  type HttpError,
+  useGetIdentity,
+} from '@refinedev/core';
 
-import { PlusOutlined, CodeOutlined } from "@ant-design/icons";
-import { Button, Form, Input, Select, Space, Table, Tag, Tooltip } from "antd";
-import debounce from "lodash/debounce";
+import { PlusOutlined, CodeOutlined } from '@ant-design/icons';
+import { Button, Form, Input, Select, Space, Table, Tag, Tooltip } from 'antd';
+import debounce from 'lodash/debounce';
 
 import {
   CustomAvatar,
   PaginationTotal,
   RoleStatusTag,
   Text,
-} from "@/components";
-import { useRoles } from "@/hooks/useRoles";
-import { User } from "@/types";
+} from '@/components';
+import { useRoles } from '@/hooks/useRoles';
+import { User } from '@/types';
 
-import { CreateModal } from "./components/create-modal";
-import { EditModal } from "./components/edit-modal";
-import { ShowDrawer } from "./components/show-drawer";
-import { LIST_CONTENT_PROPS } from "@/constants/layout";
-import { SqlModal, generateUserSql } from "../../components/SqlModal";
+import { CreateModal } from './components/create-modal';
+import { EditModal } from './components/edit-modal';
+import { ShowDrawer } from './components/show-drawer';
+import { LIST_CONTENT_PROPS } from '@/constants/layout';
+import { SqlModal, generateUserSql } from '../../components/SqlModal';
 
 export const UserListPage: React.FC<PropsWithChildren> = ({ children }) => {
   const [form] = Form.useForm();
   const { data: identity } = useGetIdentity<any>();
-  
+
   // Fetch roles from backend using custom hook
   const { roleOptions, loading: rolesLoading } = useRoles();
-  
+
   // We want to always parse the query string even when syncWithLocation is
   // deactivated, for hotlinking to work properly.
   // 转换布尔字段过滤器的值（从字符串 "Yes"/"No" 转为 boolean）
   const transformBooleanFilters = (filters: any[]) => {
     return filters.map((filter) => {
       if (
-        (filter.field === "isApiKey" || filter.field === "isActive") &&
-        filter.operator === "eq"
+        (filter.field === 'isApiKey' || filter.field === 'isActive') &&
+        filter.operator === 'eq'
       ) {
         let boolValue: boolean | undefined;
-        if (filter.value === "Yes" || filter.value === "Active") {
+        if (filter.value === 'Yes' || filter.value === 'Active') {
           boolValue = true;
-        } else if (filter.value === "No" || filter.value === "Inactive") {
+        } else if (filter.value === 'No' || filter.value === 'Inactive') {
           boolValue = false;
         }
         return { ...filter, value: boolValue };
@@ -64,26 +68,26 @@ export const UserListPage: React.FC<PropsWithChildren> = ({ children }) => {
     sorters,
     tableQuery: tableQueryResult,
   } = useTable<User, HttpError, Partial<User>>({
-    resource: "user",
+    resource: 'user',
     pagination: {
       pageSize: 20,
     },
     onSearch: (values: Partial<User>) => {
       return Object.entries(values)
-        .filter(([, value]) => value !== undefined && value !== "")
+        .filter(([, value]) => value !== undefined && value !== '')
         .map(([field, value]) => ({
           field,
-          operator: "contains" as const,
-          value: value || "",
+          operator: 'contains' as const,
+          value: value || '',
         }));
     },
     // https://refine.dev/docs/ui-integrations/ant-design/components/filter-dropdown/#example
     filters: {
       initial: [
-        { field: "username", operator: "contains", value: "" },
-        { field: "roles", operator: "contains", value: "" },
+        { field: 'username', operator: 'contains', value: '' },
+        { field: 'roles', operator: 'contains', value: '' },
       ],
-      defaultBehavior: "merge",
+      defaultBehavior: 'merge',
     },
     sorters: {
       initial: [],
@@ -104,14 +108,14 @@ export const UserListPage: React.FC<PropsWithChildren> = ({ children }) => {
 
   // fix for ant design filter dropdown contains operator
   filters.map((filter) => {
-    if (filter.operator === "contains" && Array.isArray(filter.value)) {
-      filter.value = filter.value.join(",");
+    if (filter.operator === 'contains' && Array.isArray(filter.value)) {
+      filter.value = filter.value.join(',');
     }
   });
 
   // 修改modal状态类型
   const [showModal, setShowModal] = useState<{
-    type: "show" | "edit" | "create" | null;
+    type: 'show' | 'edit' | 'create' | null;
     id: number | null;
   }>({
     type: null,
@@ -122,10 +126,13 @@ export const UserListPage: React.FC<PropsWithChildren> = ({ children }) => {
     open: boolean;
     title: string;
     sql: string;
-  }>({ open: false, title: "", sql: "" });
+  }>({ open: false, title: '', sql: '' });
 
   const handleShowSql = (record: any) => {
-    const operator = { authorId: identity?.userid, authorName: identity?.username };
+    const operator = {
+      authorId: identity?.userid,
+      authorName: identity?.username,
+    };
     const sql = generateUserSql(record, operator);
     setSqlModal({ open: true, title: `SQL — User: ${record.userid}`, sql });
   };
@@ -145,7 +152,7 @@ export const UserListPage: React.FC<PropsWithChildren> = ({ children }) => {
             <Button
               type="primary"
               icon={<PlusOutlined />}
-              onClick={() => setShowModal({ type: "create", id: null })}
+              onClick={() => setShowModal({ type: 'create', id: null })}
             >
               Add User
             </Button>
@@ -170,10 +177,10 @@ export const UserListPage: React.FC<PropsWithChildren> = ({ children }) => {
                 <Space>
                   <CustomAvatar
                     shape="square"
-                    name={record.userid || ""}
+                    name={record.userid || ''}
                     src={`https://rhrc.woa.com/photo/150/${record.userid}.png`}
                   />
-                  <Text style={{ whiteSpace: "nowrap" }}>{record.userid}</Text>
+                  <Text style={{ whiteSpace: 'nowrap' }}>{record.userid}</Text>
                 </Space>
               );
             }}
@@ -193,9 +200,9 @@ export const UserListPage: React.FC<PropsWithChildren> = ({ children }) => {
               </FilterDropdown>
             )}
             defaultFilteredValue={getDefaultFilter(
-              "username",
+              'username',
               filters,
-              "contains"
+              'contains',
             )}
             /*filterIcon={<SearchOutlined />}*/
           />
@@ -203,9 +210,9 @@ export const UserListPage: React.FC<PropsWithChildren> = ({ children }) => {
             dataIndex="roles"
             title="Roles"
             defaultFilteredValue={getDefaultFilter(
-              "roles",
+              'roles',
               filters,
-              "contains"
+              'contains',
             )}
             filterDropdown={(props) => (
               <FilterDropdown
@@ -217,30 +224,28 @@ export const UserListPage: React.FC<PropsWithChildren> = ({ children }) => {
               >
                 <Select
                   options={roleOptions}
-                  style={{ width: "150px" }}
+                  style={{ width: '150px' }}
                   placeholder="Select Role"
                   loading={rolesLoading}
                 />
               </FilterDropdown>
             )}
             render={(value) => {
-              return JSON.parse(value || "[]").map(
-                (role: string) => (
-                  <RoleStatusTag key={role} role={role} />
-                )
-              );
+              return JSON.parse(value || '[]').map((role: string) => (
+                <RoleStatusTag key={role} role={role} />
+              ));
             }}
           />
           <Table.Column
             dataIndex="isApiKey"
             title="API Key"
-            defaultFilteredValue={getDefaultFilter("isApiKey", filters, "eq")}
+            defaultFilteredValue={getDefaultFilter('isApiKey', filters, 'eq')}
             filterDropdown={(props) => (
               <FilterDropdown
                 {...props}
                 mapValue={(selectedKeys) => {
-                  if (selectedKeys?.[0] === "Yes") return true;
-                  if (selectedKeys?.[0] === "No") return false;
+                  if (selectedKeys?.[0] === 'Yes') return true;
+                  if (selectedKeys?.[0] === 'No') return false;
                   return selectedKeys;
                 }}
                 clearFilters={() => {
@@ -249,32 +254,32 @@ export const UserListPage: React.FC<PropsWithChildren> = ({ children }) => {
                 }}
               >
                 <Select
-                  style={{ width: "120px" }}
+                  style={{ width: '120px' }}
                   placeholder="Select"
                   allowClear
                   options={[
-                    { label: "Yes", value: "Yes" },
-                    { label: "No", value: "No" },
+                    { label: 'Yes', value: 'Yes' },
+                    { label: 'No', value: 'No' },
                   ]}
                 />
               </FilterDropdown>
             )}
             render={(value) => (
-              <Tag color={value ? "blue" : "default"}>
-                {value ? "Yes" : "No"}
+              <Tag color={value ? 'blue' : 'default'}>
+                {value ? 'Yes' : 'No'}
               </Tag>
             )}
           />
           <Table.Column
             dataIndex="isActive"
             title="Active"
-            defaultFilteredValue={getDefaultFilter("isActive", filters, "eq")}
+            defaultFilteredValue={getDefaultFilter('isActive', filters, 'eq')}
             filterDropdown={(props) => (
               <FilterDropdown
                 {...props}
                 mapValue={(selectedKeys) => {
-                  if (selectedKeys?.[0] === "Active") return true;
-                  if (selectedKeys?.[0] === "Inactive") return false;
+                  if (selectedKeys?.[0] === 'Active') return true;
+                  if (selectedKeys?.[0] === 'Inactive') return false;
                   return selectedKeys;
                 }}
                 clearFilters={() => {
@@ -283,19 +288,19 @@ export const UserListPage: React.FC<PropsWithChildren> = ({ children }) => {
                 }}
               >
                 <Select
-                  style={{ width: "120px" }}
+                  style={{ width: '120px' }}
                   placeholder="Select"
                   allowClear
                   options={[
-                    { label: "Active", value: "Active" },
-                    { label: "Inactive", value: "Inactive" },
+                    { label: 'Active', value: 'Active' },
+                    { label: 'Inactive', value: 'Inactive' },
                   ]}
                 />
               </FilterDropdown>
             )}
             render={(value) => (
-              <Tag color={value ? "green" : "red"}>
-                {value ? "Active" : "Inactive"}
+              <Tag color={value ? 'green' : 'red'}>
+                {value ? 'Active' : 'Inactive'}
               </Tag>
             )}
           />
@@ -309,24 +314,24 @@ export const UserListPage: React.FC<PropsWithChildren> = ({ children }) => {
                   <ShowButton
                     hideText
                     size="small"
-                    style={{ backgroundColor: "transparent" }}
+                    style={{ backgroundColor: 'transparent' }}
                     onClick={() =>
-                      setShowModal({ type: "show", id: record.id })
+                      setShowModal({ type: 'show', id: record.id })
                     }
                   />
                   <EditButton
                     hideText
                     size="small"
-                    style={{ backgroundColor: "transparent" }}
+                    style={{ backgroundColor: 'transparent' }}
                     onClick={() =>
-                      setShowModal({ type: "edit", id: record.id })
+                      setShowModal({ type: 'edit', id: record.id })
                     }
                   />
                   <Tooltip title="Generate SQL">
                     <Button
                       size="small"
                       icon={<CodeOutlined />}
-                      style={{ backgroundColor: "transparent" }}
+                      style={{ backgroundColor: 'transparent' }}
                       onClick={() => handleShowSql(record)}
                     />
                   </Tooltip>
@@ -334,7 +339,7 @@ export const UserListPage: React.FC<PropsWithChildren> = ({ children }) => {
                     hideText
                     size="small"
                     recordItemId={record.id}
-                    style={{ backgroundColor: "transparent" }}
+                    style={{ backgroundColor: 'transparent' }}
                   />
                 </Space>
               );
@@ -344,24 +349,24 @@ export const UserListPage: React.FC<PropsWithChildren> = ({ children }) => {
       </List>
 
       {/* Show Drawer */}
-      {showModal.type === "show" && showModal.id && (
+      {showModal.type === 'show' && showModal.id && (
         <ShowDrawer id={showModal.id} onClose={handleModalClose} />
       )}
 
       {/* Edit Modal */}
-      {showModal.type === "edit" && showModal.id && (
+      {showModal.type === 'edit' && showModal.id && (
         <EditModal id={showModal.id} onClose={handleModalClose} />
       )}
 
       {/* Create Modal */}
-      {showModal.type === "create" && (
+      {showModal.type === 'create' && (
         <CreateModal onClose={handleModalClose} />
       )}
 
       {/* SQL Modal */}
       <SqlModal
         open={sqlModal.open}
-        onClose={() => setSqlModal({ open: false, title: "", sql: "" })}
+        onClose={() => setSqlModal({ open: false, title: '', sql: '' })}
         title={sqlModal.title}
         sql={sqlModal.sql}
       />

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/setupTests.ts

@@ -2,4 +2,4 @@
 // allows you to do things like:
 // expect(element).toHaveTextContent(/react/i)
 // learn more: https://github.com/testing-library/jest-dom
-import "@testing-library/jest-dom";
+import '@testing-library/jest-dom';

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/types/audit-log.ts

@@ -1 +1 @@
-export type { Audit as AuditLog } from "generated/types/prisma.types";
+export type { Audit as AuditLog } from 'generated/types/prisma.types';

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/types/index.ts

@@ -1,3 +1,3 @@
-export * from "./user";
-export * from "./role";
-export * from "./audit-log";
+export * from './user';
+export * from './role';
+export * from './audit-log';

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/types/role.ts

@@ -1,4 +1,4 @@
-import type { Role as PrismaRole } from "generated/types/prisma.types";
+import type { Role as PrismaRole } from 'generated/types/prisma.types';
 
 // Extend Prisma Role with virtual fields used in role management forms
 export type Role = PrismaRole & {

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/types/user.ts

@@ -1 +1 @@
-export type { User } from "generated/types/prisma.types";
+export type { User } from 'generated/types/prisma.types';

package/dist/lib/application/files/gadmin2-game-angle-demo/web/vite.config.ts

@@ -1,31 +1,48 @@
-import react from "@vitejs/plugin-react";
-import tsconfigPaths from "vite-tsconfig-paths";
-import { defineConfig } from "vite";
+import react from '@vitejs/plugin-react';
+import { defineConfig, loadEnv } from 'vite';
+import tsconfigPaths from 'vite-tsconfig-paths';
+import { devShellPlugin } from './src/plugins/devShellPlugin';
 
-export default defineConfig({
-  plugins: [tsconfigPaths({ root: __dirname }), react()],
-  define: {
-    "process.env": {},
-    "process.argv": [],
-    "process.version": JSON.stringify(""),
-    "process.platform": JSON.stringify(""),
-  },
-  optimizeDeps: {
-    esbuildOptions: {
-      loader: { ".js": "jsx" },
+export default defineConfig(({ mode }) => {
+  const env = loadEnv(mode, process.cwd(), '');
+
+  const backendUrl = env.VITE_BACKEND_URL;
+  const proxyConfig = backendUrl
+    ? {
+        '/api': {
+          target: backendUrl,
+          changeOrigin: true,
+          secure: false,
+        },
+      }
+    : undefined;
+
+  return {
+    plugins: [tsconfigPaths({ root: __dirname }), react(), devShellPlugin()],
+    define: {
+      'process.env': {},
+      'process.argv': [],
+      'process.version': JSON.stringify(''),
+      'process.platform': JSON.stringify(''),
+    },
+    optimizeDeps: {
+      esbuildOptions: {
+        loader: { '.js': 'jsx' },
+      },
+    },
+    server: {
+      host: true,
+      proxy: proxyConfig,
     },
-  },
-  server: {
-    host: true,
-  },
-  build: {
-    sourcemap: true,
-    rollupOptions: {
-      output: {
-        manualChunks: {
-          antd: ["antd"],
+    build: {
+      sourcemap: true,
+      rollupOptions: {
+        output: {
+          manualChunks: {
+            antd: ['antd'],
+          },
         },
       },
     },
-  },
+  };
 });