@gadmin2n/prisma-react-generator 0.0.35

package/dist/generator/generate-edit-page.js

@@ -0,0 +1,138 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateEditPage = void 0;
+const case_1 = require("case");
+const helpers_1 = require("./helpers");
+const { readFileSync } = require('fs');
+const generateEditPage = ({ model, templateHelpers: t, uiConfig, allModels, }) => {
+    const instanceName = (0, case_1.camel)(model.name);
+    const gameAngle = (0, helpers_1.isGameAngle)(model);
+    return `
+import {
+  FieldDataType,
+  handleInitialValues,
+  handleOnFinish,
+  ModelType,
+  produceModel,
+} from "@gadmin2/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 {
+  ${instanceName}FormConfig as formConfig,
+  ${instanceName}FormPrismaSelect as formPrismaSelect,
+} from "../../generated/props/${instanceName}/config";
+import {
+  ${instanceName}Model,
+  useRelation,
+} from "../../generated/props/${instanceName}/model";
+import { ${model.name} } from "../../generated/types/prisma.types";
+import { ${model.name}Form as transformClass } from "../../generated/props/${instanceName}/form.validator";
+import { BusinessContext } from 'components/contexts/business';
+
+export const ${model.name}Edit: React.FC<IResourceComponentsProps> = () => {
+  const resourceName = "${instanceName}";
+  const t = useTranslate();
+  ${gameAngle
+        ? 'const {business: { gameId }} = useContext(BusinessContext);'
+        : ''}
+
+  const [[fields, model]] = useState(() => {
+    const model: ModelType = produceModel(
+      ${instanceName}Model,
+      {
+        // 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<${model.name}>({
+      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,
+                ${gameAngle
+        ? 'gameId: gameId === "-1" ? undefined : gameId,'
+        : ''}
+                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>
+  );
+};
+  
+`;
+};
+exports.generateEditPage = generateEditPage;

package/dist/generator/generate-index-page.d.ts

@@ -0,0 +1,13 @@
+import type { TemplateHelpers } from './template-helpers';
+import { DMMF } from '@prisma/generator-helper';
+interface GenerateIndexPage {
+    model: DMMF.Model;
+    templateHelpers: TemplateHelpers;
+    uiConfig: {
+        modelsConfig: any;
+        pageActions: any;
+    };
+    allModels: DMMF.Model[];
+}
+export declare const generateIndexPage: ({ model, templateHelpers: t, uiConfig, allModels, }: GenerateIndexPage) => string;
+export {};

package/dist/generator/generate-index-page.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateIndexPage = void 0;
+const case_1 = require("case");
+const fs = require("fs");
+const generateIndexPage = ({ model, templateHelpers: t, uiConfig, allModels, }) => {
+    const instanceName = (0, case_1.camel)(model.name);
+    return `
+export * from "./list";
+export * from "./create";
+export * from "./edit";
+export * from "./show";
+  
+`;
+};
+exports.generateIndexPage = generateIndexPage;

package/dist/generator/generate-list-page.d.ts

@@ -0,0 +1,13 @@
+import type { TemplateHelpers } from './template-helpers';
+import { DMMF } from '@prisma/generator-helper';
+interface GenerateListPage {
+    model: DMMF.Model;
+    templateHelpers: TemplateHelpers;
+    uiConfig: {
+        modelsConfig: any;
+        pageActions: any;
+    };
+    allModels: DMMF.Model[];
+}
+export declare const generateListPage: ({ model, templateHelpers: t, uiConfig, allModels, }: GenerateListPage) => string;
+export {};

package/dist/generator/generate-list-page.js

@@ -0,0 +1,262 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateListPage = void 0;
+const case_1 = require("case");
+const helpers_1 = require("./helpers");
+const generateListPage = ({ model, templateHelpers: t, uiConfig, allModels, }) => {
+    const instanceName = (0, case_1.camel)(model.name);
+    const gameAngle = (0, helpers_1.isGameAngle)(model);
+    return `
+/**
+ * ${model.name} List Page
+ *
+ * Generated using simplified pattern with @gadmin2/react-common hooks and components.
+ *
+ * Flexibility Levels:
+ * 1. Basic usage - Use components with defaults (this file)
+ * 2. Render props - Customize specific buttons/elements
+ * 3. Children function - Complete UI control
+ * 4. Core hooks - No UI assumptions, full control
+ *
+ * See: examples/ListPageExamples.tsx for all patterns
+ */
+import React, { useMemo } from 'react';
+import { Table } from 'antd';
+import { List, useTable, useImport } from '@refinedev/antd';
+import {
+  HttpError,
+  IResourceComponentsProps,
+  parseTableParams,
+  useExport,
+  useTranslate,
+  useApiUrl,
+} from '@refinedev/core';
+import { useLocation } from 'react-router-dom';
+import {
+  getColumns,
+  ModelType,
+  produceModel,
+  tableSearchBar,
+} from '@gadmin2/react-common';
+
+// Generated imports
+import { modelsEnum, modelsMap } from 'generated/models.index';
+import {
+  ${instanceName}TableConfig as tableConfig,
+  ${instanceName}TablePrismaSelect as prismaSelect,
+} from 'generated/props/${instanceName}/config';
+import { ${instanceName}Model, useRelation } from 'generated/props/${instanceName}/model';
+import type { ${model.name} } from 'generated/types/prisma.types';
+
+// Local imports
+import {
+  BulkActions,
+  ListPageHeader,
+  RowActions,
+  SearchBar,
+} from 'components';
+import { getRowActionsColumnProps } from 'components/agentPanel';
+import { LogButton } from 'components/auditLog';
+import { requestHeaders } from 'helpers/login';
+import { useBatchOperations } from 'hooks';
+import { 
+  createSearchFormOnFinish, 
+  getSearchFormInitialValues, 
+  getTableColumnV2, 
+  TableColumnContext 
+} from 'helpers';
+${gameAngle
+        ? "import { BusinessContext } from 'components/contexts/business';"
+        : ''}
+
+const { placeholder: searchPlaceholder, getSearchFilters } = tableSearchBar(
+  tableConfig['toolbar']['searchBar'],
+  ${instanceName}Model,
+);
+
+// https://refine.dev/docs/api-reference/antd/hooks/table/useTable/
+export const ${model.name}List: React.FC<IResourceComponentsProps> = () => {
+  const resourceName = '${instanceName}';
+  const t = useTranslate();
+  const apiUrl = useApiUrl();
+  const { search } = useLocation();
+  const { parsedSorter, parsedFilters } = parseTableParams(search);
+  ${gameAngle
+        ? 'const { business: { gameId } } = React.useContext(BusinessContext);'
+        : ''}
+
+  // Relations
+  const relationSelectProps = useRelation(modelsMap);
+
+  // Model with customizations
+  const [columns, model] = useMemo(() => {
+    const model: ModelType = produceModel(${instanceName}Model, {
+      // Custom column renderers can be added here
+      // cron: { render: (value) => humanizeCronInChinese(value) },
+    });
+
+    const columns = getColumns('${model.name}', tableConfig.fields, {
+      ...modelsMap,
+      ${model.name}: { model, meta: modelsMap['${model.name}'].meta },
+    });
+
+    return [columns, model] as const;
+  }, []);
+
+  // Table hook
+  const {
+    tableProps,
+    sorters: sorter,
+    setCurrent,
+    setFilters,
+    filters,
+    tableQueryResult,
+    searchFormProps,
+  } = useTable<${model.name}, HttpError>({
+    meta: { transformQFn: getSearchFilters, select: prismaSelect },
+    filters: { initial: parsedFilters, defaultBehavior: 'merge' },
+    sorters: { initial: parsedSorter },
+    ${gameAngle
+        ? `permanentFilter: [{ field: 'gameId', operator: 'eq', value: gameId === '-1' ? undefined : gameId }],`
+        : ''}
+  });
+
+  // initialValues: 从 URL 的 parsedFilters 中恢复 q（搜索关键词）和 createdAt（日期范围）                                               
+  // onFinish: 将表单值转换为 CrudFilters 并更新筛选条件 
+  // 有 createdAt 字段的模型（默认）                                                                                                     
+  searchFormProps.initialValues = getSearchFormInitialValues(parsedFilters);                                                             
+  searchFormProps.onFinish = createSearchFormOnFinish(setCurrent, setFilters);                                                           
+
+  // 没有 createdAt 字段的模型                                                                                                           
+  // searchFormProps.initialValues = getSearchFormInitialValues(parsedFilters, { dateField: null });                                        
+  // searchFormProps.onFinish = createSearchFormOnFinish(setCurrent, setFilters, { dateField: null });                                      
+
+  // 使用其他日期字段（如 updatedAt）                                                                                                    
+  // searchFormProps.initialValues = getSearchFormInitialValues(parsedFilters, { dateField: 'updatedAt' });                                 
+  // searchFormProps.onFinish = createSearchFormOnFinish(setCurrent, setFilters, { dateField: 'updatedAt' });  
+
+  // Batch operations (selection, update, delete)
+  const batchOps = useBatchOperations({
+    resourceName,
+    apiUrl,
+    requestHeaders,
+    onSuccess: () => tableQueryResult.refetch(),
+    t,
+  });
+
+  // Export all
+  const { triggerExport, isLoading: exportLoading } = useExport<${model.name}>({
+    maxItemCount: 200,
+    pageSize: 100,
+    ${gameAngle
+        ? `meta: { where: { gameId: { equals: gameId === '-1' ? undefined : gameId } } },`
+        : ''}
+  });
+
+  // Export selected
+  const { triggerExport: triggerExportSelected, isLoading: exportSelectedLoading } =
+    useExport<${model.name}>({
+      pageSize: 100,
+      meta: { where: { id: { in: batchOps.selectedRowKeys.map(Number) } } },
+    });
+
+  // Import
+  const importProps = useImport<${model.name}>({
+    mapData: (item: any) => ({
+      ...item,
+      ${gameAngle ? "gameId: gameId === '-1' ? undefined : gameId," : ''}
+    }),
+    batchSize: 1,
+  });
+
+  // Context for table columns
+  const columnContext: TableColumnContext = {
+    resourceName,
+    t,
+    model,
+    modelsEnum,
+    modelsMap,
+    tableConfig,
+    sorter,
+    filters,
+    relationSelectProps,
+  };
+
+  return (
+    <List
+      headerProps={{
+        subTitle: batchOps.hasSelected && (
+          <BulkActions
+            selectedRowKeys={batchOps.selectedRowKeys}
+            actions={tableConfig.rowSelection.actions}
+            onUpdateSelected={batchOps.updateSelectedItems}
+            onDeleteSelected={batchOps.deleteSelectedItems}
+            onExportSelected={triggerExportSelected}
+            updateLoading={batchOps.updateManyIsLoading}
+            deleteLoading={batchOps.deleteManyIsLoading}
+            exportLoading={exportSelectedLoading}
+            t={t}
+            resourceName={resourceName}
+            // Render props examples (uncomment to customize):
+            // renderDeleteButton={(onClick, loading) => <Button danger onClick={onClick} loading={loading}>Delete</Button>}
+            // renderSelectionCount={(count) => <Badge count={count}><Tag>Selected</Tag></Badge>}
+            // extraActions={<Button>Custom Action</Button>}
+          />
+        ),
+        extra: (
+          <ListPageHeader
+            importProps={importProps}
+            onExport={triggerExport}
+            exportLoading={exportLoading}
+          />
+        ),
+      }}
+    >
+      {/* Search Bar */}
+      <SearchBar
+        formProps={searchFormProps}
+        t={t}
+        resourceName={resourceName}
+        searchPlaceholder={searchPlaceholder}
+        // Render props examples (uncomment to customize):
+        // renderKeywordInput={(field, defaultInput) => <Input.Search placeholder={field.placeholder} />}
+        // renderSubmitButton={(defaultButton) => <Space>{defaultButton}<Button>Reset</Button></Space>}
+        // extraActions={<Button type="link">Advanced</Button>}
+      />
+
+      {/* Data Table */}
+      <Table {...tableProps} rowKey="id" rowSelection={batchOps.rowSelection}>
+        {columns.map((col) => getTableColumnV2({ col, context: columnContext }))}
+
+        {/* Actions Column */}
+        <Table.Column<${model.name}>
+          title={t('table.actions')}
+          dataIndex="actions"
+          {...getRowActionsColumnProps(resourceName)}
+          render={(_, record) => (
+            <RowActions
+              record={record}
+              actions={tableConfig.rowActions.actions}
+              onUpdate={batchOps.updateOne}
+              updateLoading={batchOps.updateManyIsLoading}
+              t={t}
+              resourceName={resourceName}
+              LogButton={LogButton}
+              // Render props examples (uncomment to customize):
+              // showClone={false}
+              // showDelete={false}
+              // renderEditButton={(id) => <Button type="link" size="small">Quick Edit</Button>}
+              // renderDeleteButton={(id) => <Popconfirm title="Sure?"><Button danger size="small">Remove</Button></Popconfirm>}
+              // extraPrimaryActions={<Button type="text" size="small">Quick View</Button>}
+            />
+          )}
+        />
+      </Table>
+    </List>
+  );
+};
+
+export default ${model.name}List;
+`;
+};
+exports.generateListPage = generateListPage;

package/dist/generator/generate-model-props.d.ts

@@ -0,0 +1,14 @@
+import { TemplateHelpers } from './template-helpers';
+import { DMMF } from '@prisma/generator-helper';
+interface GenerateModelProps {
+    dmmf: DMMF.Document;
+    model: DMMF.Model;
+    templateHelpers: TemplateHelpers;
+    uiConfig: {
+        modelsConfig: any;
+        pageActions: any;
+    };
+    allModels: DMMF.Model[];
+}
+export declare const generateModelProps: ({ dmmf, model, templateHelpers: t, uiConfig, allModels, }: GenerateModelProps) => string;
+export {};

package/dist/generator/generate-model-props.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateModelProps = void 0;
+const template_helpers_1 = require("./template-helpers");
+const case_1 = require("case");
+const helpers_1 = require("./helpers");
+const generateModelProps = ({ dmmf, model, templateHelpers: t, uiConfig, allModels, }) => {
+    const instanceName = (0, case_1.camel)(model.name);
+    return `
+import { ModelsFieldsTypeMap, ModelType } from "@gadmin2/react-common";
+import { useSelect } from "@refinedev/antd";
+${t.each(dmmf.datamodel.models, (model) => `import type { ${model.name} } from '../../types/prisma.types';`, '\n')}
+import { modelsMap } from '../../models.index';
+
+export const ${instanceName}Model: ModelType = ${JSON.stringify(model.fields.reduce((acc, curField) => {
+        curField.uiType = (0, helpers_1.parseDocumentation)(curField.documentation || '', curField);
+        curField.tsType =
+            curField.kind === 'scalar' ? (0, template_helpers_1.scalarToTS)(curField.type) : 'undefined';
+        if (curField.kind === 'enum') {
+            curField.tsType = 'string';
+        }
+        acc[curField.name] = curField;
+        if (curField.kind === 'object') {
+            if (curField.isList) {
+                acc[`_count.${curField.name}`] = {
+                    ...curField,
+                    name: `_count.${curField.name}`,
+                    kind: 'scalar',
+                    isList: false,
+                    isRequired: false,
+                    isUnique: false,
+                    isId: false,
+                    isReadOnly: true,
+                    hasDefaultValue: false,
+                    type: 'Int',
+                    isGenerated: false,
+                    isUpdatedAt: false,
+                    documentation: '',
+                    tsType: 'number',
+                };
+            }
+            acc[`${curField.name}.connect`] = {
+                ...curField,
+                name: `${curField.name}.connect`,
+            };
+            acc[`${curField.name}.create`] = {
+                ...curField,
+                name: `${curField.name}.create`,
+            };
+        }
+        return acc;
+    }, {}))};
+
+export function useRelation(modelsMap: ModelsFieldsTypeMap) {
+  ${t.each(model.fields.filter((field) => field.kind === 'object'), (field) => `
+    const nameKey${field.type} = modelsMap['${field.type}']['meta']['nameKeys'][0] || 'id';
+    const { selectProps: ${(0, case_1.camel)(field.type)}SelectProps } = useSelect<${field.type}>({
+      resource: "${(0, case_1.camel)(field.type)}",
+      optionLabel: nameKey${field.type} || "id",
+      optionValue: nameKey${field.type} || "id",
+      onSearch: (value: string) => [
+        {
+          field: nameKey${field.type},
+          operator: "contains",
+          value,
+        },
+      ],
+    });
+    `, '\n')}
+  
+
+  return {
+    ${t.each(model.fields.filter((field) => field.kind === 'object'), (field) => `${field.name}: ${(0, case_1.camel)(field.type)}SelectProps,`, '\n')}
+  };
+}
+`;
+};
+exports.generateModelProps = generateModelProps;

package/dist/generator/generate-models-index.d.ts

@@ -0,0 +1,9 @@
+import type { TemplateHelpers } from './template-helpers';
+import { DMMF } from '@prisma/generator-helper';
+interface GenerateModelsIndexParam {
+    models: DMMF.Model[];
+    enums: DMMF.SchemaEnum[];
+    templateHelpers: TemplateHelpers;
+}
+export declare const generateModelsIndex: ({ models, enums, templateHelpers: t, }: GenerateModelsIndexParam) => string;
+export {};

package/dist/generator/generate-models-index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateModelsIndex = void 0;
+const case_1 = require("case");
+const helpers_1 = require("./helpers");
+const generateModelsIndex = ({ models, enums, templateHelpers: t, }) => `
+${t.each(models, (model) => `
+import { ${(0, case_1.camel)(model.name)}Model } from "./props/${(0, case_1.camel)(model.name)}/model";
+import { ${(0, case_1.camel)(model.name)}Metadata } from "./props/${(0, case_1.camel)(model.name)}/config";
+`, '')}
+
+export const modelsEnum = ${JSON.stringify((0, helpers_1.getModelsEnum)(enums || []))};
+
+export const modelsMap = {
+${t.each(models, (model) => `${model.name}: { model: ${(0, case_1.camel)(model.name)}Model , meta: ${(0, case_1.camel)(model.name)}Metadata },`, '\n')}
+};
+
+`;
+exports.generateModelsIndex = generateModelsIndex;

package/dist/generator/generate-resources.d.ts

@@ -0,0 +1,8 @@
+import type { TemplateHelpers } from './template-helpers';
+import { DMMF } from '@prisma/generator-helper';
+interface GenerateResources {
+    models: DMMF.Model[];
+    templateHelpers: TemplateHelpers;
+}
+export declare const generateResources: ({ models, templateHelpers: t, }: GenerateResources) => string;
+export {};

package/dist/generator/generate-resources.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateResources = void 0;
+const case_1 = require("case");
+const generateResources = ({ models, templateHelpers: t, }) => `
+import { ResourceProps } from "@refinedev/core";
+
+${t.each(models, (model) => `import { ${model.name}List, ${model.name}Create, ${model.name}Edit, ${model.name}Show  } from "../pages/${(0, case_1.camel)(model.name)}";`, '\n')}
+
+const resources: ResourceProps[] = [
+  ${t.each(models, (model) => `{ 
+      name: "${(0, case_1.camel)(model.name)}", 
+      list: '/${(0, case_1.camel)(model.name)}',
+      create: "/${(0, case_1.camel)(model.name)}/create",
+      edit: "/${(0, case_1.camel)(model.name)}/edit/:id",
+      clone: "/${(0, case_1.camel)(model.name)}/clone/:id",
+      show: "/${(0, case_1.camel)(model.name)}/show/:id", 
+      meta: {
+        canDelete: true, 
+        components: {
+          list: ${model.name}List,
+          create: ${model.name}Create,
+          edit: ${model.name}Edit,
+          show: ${model.name}Show,
+        },
+      } 
+    },`, '\n')}
+];
+
+export default resources;
+
+`;
+exports.generateResources = generateResources;

package/dist/generator/generate-show-page.d.ts

@@ -0,0 +1,13 @@
+import type { TemplateHelpers } from './template-helpers';
+import { DMMF } from '@prisma/generator-helper';
+interface GeneratePageShow {
+    model: DMMF.Model;
+    templateHelpers: TemplateHelpers;
+    uiConfig: {
+        modelsConfig: any;
+        pageActions: any;
+    };
+    allModels: DMMF.Model[];
+}
+export declare const generatePageShow: ({ model, templateHelpers: t, uiConfig, allModels, }: GeneratePageShow) => string;
+export {};