@gadmin2n/schematics 0.0.63 → 0.0.65

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/resource/Components/CreateModal.tsx

@@ -0,0 +1,25 @@
+import React from "react";
+import { ResourceFormModal } from "./modal";
+
+interface CreateModalProps {
+  onClose: () => void;
+  onSuccess?: () => void;
+}
+
+export const CreateModal: React.FC<CreateModalProps> = ({
+  onClose,
+  onSuccess,
+}) => {
+  const handleMutationSuccess = () => {
+    onSuccess?.();
+    onClose?.();
+  };
+
+  return (
+    <ResourceFormModal
+      action="create"
+      onCancel={onClose}
+      onMutationSuccess={handleMutationSuccess}
+    />
+  );
+};

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/resource/Components/EditModal.tsx

@@ -0,0 +1,28 @@
+import React from "react";
+import { ResourceFormModal } from "./modal";
+
+interface EditModalProps {
+  id?: number;
+  onClose: () => void;
+  onSuccess?: () => void;
+}
+
+export const EditModal: React.FC<EditModalProps> = ({
+  id,
+  onClose,
+  onSuccess,
+}) => {
+  const handleMutationSuccess = () => {
+    onSuccess?.();
+    onClose?.();
+  };
+
+  return (
+    <ResourceFormModal
+      action="edit"
+      id={id}
+      onCancel={onClose}
+      onMutationSuccess={handleMutationSuccess}
+    />
+  );
+};

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/resource/Components/ResourceDetailDrawer.tsx

@@ -0,0 +1,160 @@
+import React, { useEffect, useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import { Descriptions, Drawer, Space, Table, Tabs, Tag } from "antd";
+import { useFetchData } from "hooks/useFetchData";
+import type { Resource } from "../types";
+
+interface ResourceDetailDrawerProps {
+  resource: Resource;
+  open: boolean;
+  onClose: () => void;
+}
+
+export const ResourceDetailDrawer: React.FC<ResourceDetailDrawerProps> = ({
+  resource,
+  open,
+  onClose,
+}) => {
+  const { i18n } = useTranslation();
+  const isChinese = i18n.language === "zh_CN" || i18n.language === "zh";
+
+  const {
+    data: pageResourceData,
+    loading: pageLoading,
+    fetchData: fetchPageResources,
+  } = useFetchData("pageResource/findMany", "post", undefined, true);
+
+  const {
+    data: roleData,
+    loading: roleLoading,
+    fetchData: fetchRoles,
+  } = useFetchData("role/findMany", "post", undefined, true);
+
+  useEffect(() => {
+    if (open) {
+      fetchPageResources({
+        where: { resourceId: resource.id },
+        include: { page: { select: { id: true, name: true, code: true, zhName: true, enName: true } } },
+        take: 1000,
+      });
+      // Query roles with filtered roleResources for this resource
+      fetchRoles({
+        where: {
+          roleResources: {
+            some: { resourceId: resource.id },
+          },
+        },
+        include: {
+          roleResources: {
+            where: { resourceId: resource.id },
+          },
+        },
+        take: 1000,
+      });
+    }
+  }, [open, resource.id]);
+
+  const pages = useMemo(() => {
+    const list: any[] = Array.isArray(pageResourceData?.data)
+      ? pageResourceData.data
+      : [];
+    return list.map((item: any) => {
+      const page = item.page;
+      const pageName = isChinese
+        ? (page?.zhName || page?.name || "-")
+        : (page?.enName || page?.name || "-");
+      return {
+        key: item.id,
+        pageName,
+        pageCode: page?.code || "-",
+        actions: Array.isArray(item.actions) ? item.actions : [],
+      };
+    });
+  }, [pageResourceData]);
+
+  const roles = useMemo(() => {
+    const list: any[] = Array.isArray(roleData?.data) ? roleData.data : [];
+    return list.map((item: any) => {
+      const roleResource = item.roleResources?.[0];
+      const actions = roleResource?.actions;
+      return {
+        key: item.id,
+        roleName: item.name || "-",
+        roleCode: item.code || "-",
+        actions: Array.isArray(actions) ? actions : [],
+      };
+    });
+  }, [roleData]);
+
+  const permissionColumns = [
+    {
+      title: "Permissions",
+      dataIndex: "actions",
+      render: (actions: string[]) => (
+        <Space size={[0, 4]} wrap>
+          {actions.map(a => (
+            <Tag key={a}>{a}</Tag>
+          ))}
+        </Space>
+      ),
+    },
+  ];
+
+  return (
+    <Drawer
+      title={`Resource: ${resource.name}`}
+      open={open}
+      onClose={onClose}
+      width={560}
+      destroyOnClose
+    >
+      <Descriptions column={1} size="small" bordered style={{ marginBottom: 16 }}>
+        <Descriptions.Item label="Code">{resource.code}</Descriptions.Item>
+        <Descriptions.Item label="Name">{resource.name}</Descriptions.Item>
+        {resource.description && (
+          <Descriptions.Item label="Description">{resource.description}</Descriptions.Item>
+        )}
+      </Descriptions>
+
+      <Tabs
+        items={[
+          {
+            key: "pages",
+            label: `Referenced by Pages (${pages.length})`,
+            children: (
+              <Table
+                dataSource={pages}
+                loading={pageLoading}
+                rowKey="key"
+                size="small"
+                pagination={pages.length > 10 ? { pageSize: 10 } : false}
+                columns={[
+                  { title: "Page Name", dataIndex: "pageName", width: "35%" },
+                  { title: "Page Code", dataIndex: "pageCode", width: "25%" },
+                  ...permissionColumns,
+                ]}
+              />
+            ),
+          },
+          {
+            key: "roles",
+            label: `Visible to Roles (${roles.length})`,
+            children: (
+              <Table
+                dataSource={roles}
+                loading={roleLoading}
+                rowKey="key"
+                size="small"
+                pagination={roles.length > 10 ? { pageSize: 10 } : false}
+                columns={[
+                  { title: "Role Name", dataIndex: "roleName", width: "35%" },
+                  ...permissionColumns,
+                ]}
+              />
+            ),
+          },
+        ]}
+      />
+    </Drawer>
+  );
+};

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/resource/Components/modal.tsx

@@ -0,0 +1,202 @@
+import React from "react";
+import { useModalForm } from "@refinedev/antd";
+import { type HttpError, useList } from "@refinedev/core";
+import { Checkbox, Form, Input, Modal, Select } from "antd";
+import type { Resource } from "../types";
+import { ResourceSelect } from "../queries";
+import { PROTECTED_RESOURCES } from "../list";
+
+type ResourceFormFields = Partial<Resource>;
+
+type Props = {
+  action: "create" | "edit";
+  id?: number;
+  onMutationSuccess?: () => void;
+  onCancel?: () => void;
+};
+
+// Pattern to detect special characters - only allows letters, numbers, and underscores
+const SPECIAL_CHAR_PATTERN = /[^a-zA-Z0-9_]/;
+
+export const ResourceFormModal: React.FC<Props> = ({ action, id, onCancel, onMutationSuccess }) => {
+  const { formProps, modalProps, close } = useModalForm<Resource, HttpError, ResourceFormFields>({
+    resource: "resource",
+    action,
+    id,
+    defaultVisible: true,
+    onMutationSuccess: () => {
+      onMutationSuccess?.();
+    },
+    meta: {
+      select: ResourceSelect,
+    },
+  });
+
+  // Fetch all resources for code duplication check
+  const { data: resourcesData } = useList<Resource>({
+    resource: "resource",
+    pagination: {
+      mode: "off",
+    },
+  });
+
+  // Check if current resource is protected (for edit mode)
+  const currentResource = resourcesData?.data?.find(r => r.id === id);
+  const isProtectedResource = currentResource
+    ? PROTECTED_RESOURCES.includes(currentResource.code.toLowerCase())
+    : false;
+
+  return (
+    <Modal
+      {...modalProps}
+      width={560}
+      onCancel={() => {
+        if (onCancel) {
+          onCancel();
+          return;
+        }
+        close();
+      }}
+      title={action === "create" ? "Create Resource" : "Edit Resource"}
+    >
+      <Form {...formProps} layout="vertical">
+        {isProtectedResource && (
+          <div
+            style={{
+              padding: "12px",
+              marginBottom: "16px",
+              backgroundColor: "#fff7e6",
+              border: "1px solid #ffd591",
+              borderRadius: "4px",
+              color: "#d46b08",
+            }}
+          >
+            ⚠️ This is a system resource and cannot be modified.
+          </div>
+        )}
+        <Form.Item
+          rules={[
+            { required: true, message: "Resource Code is required" },
+            {
+              pattern: /^[a-zA-Z0-9_]+$/,
+              message: "Resource Code can only contain letters, numbers and underscores",
+            },
+            {
+              validator: async (_, value) => {
+                if (!value) {
+                  return Promise.resolve();
+                }
+
+                const existingResources = resourcesData?.data || [];
+                const trimmedValue = value.trim();
+
+                // In edit mode, if value hasn't changed, skip validation
+                if (action === "edit" && currentResource && trimmedValue === currentResource.code) {
+                  return Promise.resolve();
+                }
+
+                // Check if trying to use a protected resource code
+                if (PROTECTED_RESOURCES.includes(trimmedValue.toLowerCase())) {
+                  return Promise.reject(
+                    new Error("This resource code is reserved for system use and cannot be used."),
+                  );
+                }
+
+                // Check if resource code already exists (case-insensitive)
+                const isDuplicate = existingResources.some(resource => {
+                  // Skip current resource when editing
+                  if (action === "edit" && resource.id === id) {
+                    return false;
+                  }
+                  return resource.code.toLowerCase() === trimmedValue.toLowerCase();
+                });
+
+                if (isDuplicate) {
+                  return Promise.reject(
+                    new Error("Resource code already exists. Please use a different code."),
+                  );
+                }
+
+                return Promise.resolve();
+              },
+            },
+          ]}
+          name="code"
+          label="Resource Code"
+        >
+          <Input
+            placeholder="Enter resource code (e.g., networkincidents, pageresources)"
+            disabled={isProtectedResource || action === "edit"}
+          />
+        </Form.Item>
+
+        <Form.Item
+          rules={[
+            { required: true, message: "Resource name is required" },
+            {
+              validator: (_, value) => {
+                if (!value || !SPECIAL_CHAR_PATTERN.test(value)) {
+                  return Promise.resolve();
+                }
+                return Promise.reject(
+                  new Error("Special characters are not allowed in resource name."),
+                );
+              },
+            },
+            {
+              validator: async (_, value) => {
+                if (!value) {
+                  return Promise.resolve();
+                }
+
+                const existingResources = resourcesData?.data || [];
+                const trimmedValue = value.trim();
+
+                // In edit mode, if value hasn't changed, skip validation
+                if (action === "edit" && currentResource && trimmedValue === currentResource.name) {
+                  return Promise.resolve();
+                }
+
+                // Check if resource name already exists (case-insensitive) - warning only
+                const isDuplicate = existingResources.some(resource => {
+                  // Skip current resource when editing
+                  if (action === "edit" && resource.id === id) {
+                    return false;
+                  }
+                  return resource.name.toLowerCase() === trimmedValue.toLowerCase();
+                });
+
+                if (isDuplicate) {
+                  return Promise.reject(
+                    new Error(
+                      "⚠️ Warning: Resource name already exists. It's recommended to use a different name.",
+                    ),
+                  );
+                }
+
+                return Promise.resolve();
+              },
+            },
+          ]}
+          name="name"
+          label="Resource Name"
+        >
+          <Input
+            placeholder="Enter resource name (e.g., User Read Permission)"
+            disabled={isProtectedResource}
+          />
+        </Form.Item>
+        <Form.Item name="isCommonResource" valuePropName="checked">
+          <Checkbox>Is Common Resource</Checkbox>
+        </Form.Item>
+        <Form.Item name="description" label="Description">
+          <Input.TextArea
+            rows={4}
+            placeholder="Enter resource description"
+            disabled={isProtectedResource}
+          />
+        </Form.Item>
+      </Form>
+    </Modal>
+  );
+};

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

@@ -0,0 +1,113 @@
+
+import {
+  FieldDataType,
+  handleInitialValues,
+  handleOnFinish,
+  ModelType,
+  produceModel,
+} from '@gadmin2n/react-common';
+import { Create, useFileUploadState, useForm } from "@refinedev/antd";
+import { Form } from "antd";
+import { IResourceComponentsProps, useApiUrl, useTranslate } from "@refinedev/core";
+import React, { useContext, useState } from "react";
+import { getFormItem, onFormValuesChange } from "../../helpers";
+import { modelsMap, modelsEnum } from "../../generated/models.index";
+import {
+  resourceFormConfig as formConfig,
+  resourceFormPrismaSelect as formPrismaSelect,
+} from "../../generated/props/resource/config";
+import {
+  resourceModel,
+  useRelation,
+} from "../../generated/props/resource/model";
+import { Resource } from "../../generated/types/prisma.types";
+import { ResourceForm as transformClass } from "../../generated/props/resource/form.validator";
+import { BusinessContext } from 'components/contexts/business';
+
+export const ResourceCreate: React.FC<IResourceComponentsProps> = () => {
+  const resourceName = "resource";
+  const t = useTranslate();
+  
+  
+
+  const [[fields, model]] = useState(() => {
+    const model: ModelType = produceModel(
+      resourceModel,
+      {
+        // all formItem attrs surport, https://ant.design/components/form#formitem
+        // description : { component : <MDEditor data-color-mode="light" /> },
+        // status : { normalize : (value: any) => value ? "1" : "0" },
+        // cron: {validator: { validator: runCronValidator },},
+      },
+      transformClass
+    );
+
+    const fields: FieldDataType[] = formConfig.fields
+      .map((fieldName: string) => model[fieldName])
+      .filter((field: FieldDataType) => field);
+
+    return [fields, model] as const;
+  });
+
+  const { formProps, saveButtonProps, onFinish, form } =
+    useForm<Resource>({
+      meta: { select: formPrismaSelect},
+    });
+  if (formProps.initialValues || formConfig.initialValues) {
+    formProps.initialValues = handleInitialValues(
+      formProps.initialValues || formConfig.initialValues || {},
+      fields,
+    );
+  }
+
+  const apiUrl = useApiUrl();
+  const { isLoading, onChange } = useFileUploadState();
+  const relationSelectProps = useRelation(modelsMap);
+
+  return (
+    <Create
+      saveButtonProps={{
+        ...saveButtonProps,
+        disabled: isLoading,
+      }}
+    >
+      <Form
+        {...formProps}
+        validateTrigger="onBlur"
+        onFinish={(values) => {
+          onFinish(
+            handleOnFinish(
+              {
+                ...values,
+                
+              },
+              fields
+            )
+          );
+        }}
+        layout="vertical"
+        form={form}
+        onValuesChange={onFormValuesChange(
+          form,
+          formConfig.reaction,
+        )}
+      >
+        {fields.map((field) => {
+          return getFormItem(
+            field,
+            resourceName,
+            t,
+            form,
+            formConfig.reaction,
+            modelsEnum,
+            model,
+            apiUrl,
+            relationSelectProps,
+            onChange
+          );
+        })}
+      </Form>
+    </Create>
+  );
+};
+  

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

@@ -0,0 +1,122 @@
+
+import {
+  FieldDataType,
+  handleInitialValues,
+  handleOnFinish,
+  ModelType,
+  produceModel,
+} from "@gadmin2n/react-common";
+import { Edit, ListButton, RefreshButton, useFileUploadState, useForm } from "@refinedev/antd";
+import { Form } from "antd";
+import { IResourceComponentsProps, useApiUrl, useParsed, useTranslate } from "@refinedev/core";
+import { getFormItem, onFormValuesChange } from "../../helpers";
+import React, { useContext, useState } from "react";
+
+import { modelsMap, modelsEnum } from "../../generated/models.index";
+import {
+  resourceFormConfig as formConfig,
+  resourceFormPrismaSelect as formPrismaSelect,
+} from "../../generated/props/resource/config";
+import {
+  resourceModel,
+  useRelation,
+} from "../../generated/props/resource/model";
+import { Resource } from "../../generated/types/prisma.types";
+import { ResourceForm as transformClass } from "../../generated/props/resource/form.validator";
+import { BusinessContext } from 'components/contexts/business';
+
+export const ResourceEdit: React.FC<IResourceComponentsProps> = () => {
+  const resourceName = "resource";
+  const t = useTranslate();
+  
+
+  const [[fields, model]] = useState(() => {
+    const model: ModelType = produceModel(
+      resourceModel,
+      {
+        // all formItem attrs surport, https://ant.design/components/form#formitem
+        // description : { component : <MDEditor data-color-mode="light" /> },
+        // status : { normalize : (value: any) => value ? "1" : "0" },
+        // cron: {validator: { validator: runCronValidator },},
+      },
+      transformClass
+    );
+
+    const fields: FieldDataType[] = formConfig.fields
+      .map((fieldName: string) => model[fieldName])
+      .filter((field: FieldDataType) => field);
+
+    return [fields, model] as const;
+  });
+
+  const { formProps, saveButtonProps, onFinish, form } =
+    useForm<Resource>({
+      meta: { select: formPrismaSelect},
+    });
+  formProps.initialValues = handleInitialValues(
+    formProps.initialValues || {},
+    fields
+  );
+
+  const apiUrl = useApiUrl();
+  const { isLoading, onChange } = useFileUploadState();
+
+  const relationSelectProps = useRelation(modelsMap);
+
+  return (
+    <Edit
+      saveButtonProps={{
+        ...saveButtonProps,
+        disabled: isLoading,
+      }}
+      headerButtons={
+        <>
+          <ListButton />
+          <RefreshButton
+            meta={{ select: formPrismaSelect}}
+          />
+        </>
+      }
+    >
+      <Form
+        {...formProps}
+        validateTrigger="onBlur"
+        onFinish={(values) => {
+          onFinish(
+            handleOnFinish(
+              {
+                ...values,
+                
+                id: undefined,
+              },
+              fields,
+              "edit"
+            )
+          );
+        }}
+        layout="vertical"
+        form={form}
+        onValuesChange={onFormValuesChange(
+          form,
+          formConfig.reaction,
+        )}
+      >
+        {fields.map((field) => {
+          return getFormItem(
+            field,
+            resourceName,
+            t,
+            form,
+            formConfig.reaction,
+            modelsEnum,
+            model,
+            apiUrl,
+            relationSelectProps,
+            onChange
+          );
+        })}
+      </Form>
+    </Edit>
+  );
+};
+  

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

@@ -0,0 +1,9 @@
+export { ResourceManagementListPage } from "./list";
+export type { Resource } from "./types";
+
+// Stub exports for generated/resources.tsx compatibility
+const EmptyComponent = () => null;
+export const ResourceCreate = EmptyComponent;
+export const ResourceEdit = EmptyComponent;
+export const ResourceList = EmptyComponent;
+export const ResourceShow = EmptyComponent;

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

@@ -0,0 +1,6 @@
+
+export * from "./list";
+export * from "./create";
+export * from "./edit";
+export * from "./show";
+