create-cundi-app 1.0.0

package/README.md

@@ -0,0 +1,70 @@
+# create-cundi-app
+
+Create a new Cundi app with React + Refine + Ant Design.
+
+## Usage
+
+```bash
+# Using npm
+npm create cundi-app@latest my-app
+
+# Using npx
+npx create-cundi-app my-app
+
+# Using yarn
+yarn create cundi-app my-app
+
+# Using pnpm
+pnpm create cundi-app my-app
+```
+
+## What's Included
+
+The generated project includes:
+
+- **Framework**: React 19 + TypeScript
+- **Build Tool**: Vite
+- **UI Library**: Ant Design
+- **Metasystem**: [Refine](https://refine.dev/)
+- **Core SDK**: `@cundi/refine-xaf`
+
+### Features
+
+- 🔐 Authentication (Local + Keycloak SSO)
+- 👤 User Management
+- 🛡️ Role-based Access Control
+- 🌍 Internationalization (i18n)
+- 🌙 Dark Mode Support
+- 📊 Dashboard Template
+
+## After Creating
+
+1. Navigate to your project:
+   ```bash
+   cd my-app
+   ```
+
+2. Install dependencies:
+   ```bash
+   npm install
+   ```
+
+3. Configure environment:
+   ```bash
+   cp .env.example .env
+   # Edit .env with your API URL and Keycloak settings
+   ```
+
+4. Start development server:
+   ```bash
+   npm run dev
+   ```
+
+## Documentation
+
+- [Refine Documentation](https://refine.dev/docs/)
+- [@cundi/refine-xaf SDK](https://www.npmjs.com/package/@cundi/refine-xaf)
+
+## License
+
+MIT

package/index.js

@@ -0,0 +1,138 @@
+#!/usr/bin/env node
+
+import fs from "fs-extra";
+import path from "path";
+import prompts from "prompts";
+import kleur from "kleur";
+import { fileURLToPath } from "url";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+/**
+ * Main CLI entry point
+ */
+async function main() {
+    console.log();
+    console.log(kleur.cyan().bold("🚀 Create Cundi App"));
+    console.log(kleur.gray("────────────────────────────────────"));
+    console.log();
+
+    // Get project name from command line or prompt
+    let projectName = process.argv[2];
+
+    if (!projectName) {
+        const response = await prompts({
+            type: "text",
+            name: "projectName",
+            message: "Project name:",
+            initial: "my-cundi-app",
+            validate: (value) => {
+                if (!value) return "Project name is required";
+                if (!/^[a-z0-9-_]+$/i.test(value)) {
+                    return "Project name can only contain letters, numbers, hyphens and underscores";
+                }
+                return true;
+            },
+        });
+
+        if (!response.projectName) {
+            console.log(kleur.red("✖ Operation cancelled"));
+            process.exit(1);
+        }
+
+        projectName = response.projectName;
+    }
+
+    const targetDir = path.resolve(process.cwd(), projectName);
+
+    // Check if directory already exists
+    if (fs.existsSync(targetDir)) {
+        const { overwrite } = await prompts({
+            type: "confirm",
+            name: "overwrite",
+            message: `Directory "${projectName}" already exists. Overwrite?`,
+            initial: false,
+        });
+
+        if (!overwrite) {
+            console.log(kleur.red("✖ Operation cancelled"));
+            process.exit(1);
+        }
+
+        await fs.emptyDir(targetDir);
+    }
+
+    console.log();
+    console.log(kleur.blue(`Creating project in ${kleur.bold(targetDir)}...`));
+    console.log();
+
+    // Copy template files
+    const templateDir = path.join(__dirname, "template");
+
+    try {
+        await fs.copy(templateDir, targetDir, {
+            filter: (src) => {
+                // Skip node_modules and dist if they exist
+                const relativePath = path.relative(templateDir, src);
+                return !relativePath.includes("node_modules") && !relativePath.includes("dist");
+            },
+        });
+
+        // Generate package.json with project name
+        const pkgTemplatePath = path.join(targetDir, "package.json.template");
+        const pkgTargetPath = path.join(targetDir, "package.json");
+
+        if (fs.existsSync(pkgTemplatePath)) {
+            let pkgContent = await fs.readFile(pkgTemplatePath, "utf-8");
+            pkgContent = pkgContent.replace(/\{\{PROJECT_NAME\}\}/g, projectName);
+            await fs.writeFile(pkgTargetPath, pkgContent);
+            await fs.remove(pkgTemplatePath);
+        }
+
+        // Rename .env.example to .env.example (ensure it exists)
+        const envExamplePath = path.join(targetDir, ".env.example");
+        if (!fs.existsSync(envExamplePath)) {
+            await fs.writeFile(
+                envExamplePath,
+                `# API Configuration
+VITE_API_URL=http://localhost:5000/api
+
+# Keycloak Configuration (Optional)
+VITE_KEYCLOAK_URL=http://localhost:8080
+VITE_KEYCLOAK_REALM=your-realm
+VITE_KEYCLOAK_CLIENT_ID=your-client-id
+VITE_REDIRECT_URI=http://localhost:5173/auth/callback
+`
+            );
+        }
+
+        // Rename _gitignore to .gitignore (npm ignores .gitignore in packages)
+        const gitignoreSrc = path.join(targetDir, "_gitignore");
+        const gitignoreDest = path.join(targetDir, ".gitignore");
+        if (fs.existsSync(gitignoreSrc)) {
+            await fs.rename(gitignoreSrc, gitignoreDest);
+        }
+
+        console.log(kleur.green("✔ Project created successfully!"));
+        console.log();
+        console.log(kleur.cyan("Next steps:"));
+        console.log();
+        console.log(`  ${kleur.gray("$")} cd ${projectName}`);
+        console.log(`  ${kleur.gray("$")} npm install`);
+        console.log(`  ${kleur.gray("$")} cp .env.example .env  ${kleur.gray("# Configure your environment")}`);
+        console.log(`  ${kleur.gray("$")} npm run dev`);
+        console.log();
+        console.log(kleur.gray("────────────────────────────────────"));
+        console.log(kleur.blue("Happy coding! 🎉"));
+        console.log();
+    } catch (error) {
+        console.error(kleur.red("✖ Error creating project:"), error);
+        process.exit(1);
+    }
+}
+
+main().catch((error) => {
+    console.error(error);
+    process.exit(1);
+});

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "create-cundi-app",
+  "version": "1.0.0",
+  "description": "Create a new Cundi app with React + Refine + Ant Design",
+  "type": "module",
+  "bin": {
+    "create-cundi-app": "./index.js"
+  },
+  "files": [
+    "index.js",
+    "template"
+  ],
+  "keywords": [
+    "create",
+    "cundi",
+    "refine",
+    "react",
+    "antd",
+    "xaf",
+    "scaffold",
+    "template"
+  ],
+  "author": "",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/antonylu0826/Cundi"
+  },
+  "dependencies": {
+    "prompts": "^2.4.2",
+    "kleur": "^4.1.5",
+    "fs-extra": "^11.2.0"
+  },
+  "engines": {
+    "node": ">=18"
+  }
+}

package/template/.env.example

@@ -0,0 +1,8 @@
+# API Configuration
+VITE_API_URL=http://localhost:5000/api
+
+# Keycloak Configuration (Optional)
+VITE_KEYCLOAK_URL=http://localhost:8080
+VITE_KEYCLOAK_REALM=your-realm
+VITE_KEYCLOAK_CLIENT_ID=your-client-id
+VITE_REDIRECT_URI=http://localhost:5173/auth/callback

package/template/README.md

@@ -0,0 +1,54 @@
+# Cundi App
+
+Built with React + Refine + Ant Design.
+
+## Getting Started
+
+### 1. Install Dependencies
+
+```bash
+npm install
+```
+
+### 2. Configure Environment
+
+```bash
+cp .env.example .env
+```
+
+Edit `.env` with your settings:
+
+```env
+VITE_API_URL=http://localhost:5000/api
+
+# Keycloak Configuration (Optional)
+VITE_KEYCLOAK_URL=http://localhost:8080
+VITE_KEYCLOAK_REALM=your-realm
+VITE_KEYCLOAK_CLIENT_ID=your-client-id
+VITE_REDIRECT_URI=http://localhost:5173/auth/callback
+```
+
+### 3. Start Development Server
+
+```bash
+npm run dev
+```
+
+The application will launch at `http://localhost:5173`.
+
+## Login
+
+| Route | Description |
+|-------|-------------|
+| `/login` | Keycloak SSO login (default) |
+| `/login/api` | Local account login |
+
+### Default Local Account
+
+- **Username**: Admin
+- **Password**: Admin123
+
+## Documentation
+
+- [Refine Documentation](https://refine.dev/docs/)
+- [@cundi/refine-xaf SDK](https://www.npmjs.com/package/@cundi/refine-xaf)

package/template/_gitignore

@@ -0,0 +1,27 @@
+# Dependencies
+node_modules/
+
+# Build output
+dist/
+
+# Environment files
+.env
+.env.local
+.env.*.local
+
+# IDE
+.idea/
+.vscode/
+*.swp
+*.swo
+
+# OS
+.DS_Store
+Thumbs.db
+
+# Logs
+*.log
+npm-debug.log*
+
+# TypeScript
+*.tsbuildinfo

package/template/index.html

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8" />
+        <link rel="icon" href="/favicon.ico" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <meta name="theme-color" content="#000000" />
+        <meta name="description" content="Cundi App - Built with React + Refine + Ant Design" />
+        <link rel="manifest" href="/manifest.json" />
+        <title>Cundi App</title>
+    </head>
+    <body>
+        <noscript>You need to enable JavaScript to run this app.</noscript>
+        <div id="root"></div>
+        <script type="module" src="/src/index.tsx"></script>
+    </body>
+</html>

package/template/package.json.template

@@ -0,0 +1,52 @@
+{
+  "name": "{{PROJECT_NAME}}",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "build": "tsc && refine build",
+    "dev": "refine dev",
+    "refine": "refine",
+    "start": "refine start"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "dependencies": {
+    "@ant-design/icons": "^5.5.1",
+    "@ant-design/v5-patch-for-react-19": "^1.0.3",
+    "@cundi/refine-xaf": "^1.0.3",
+    "@refinedev/antd": "^6.0.3",
+    "@refinedev/cli": "^2.16.50",
+    "@refinedev/core": "^5.0.6",
+    "@refinedev/react-router": "^2.0.3",
+    "@refinedev/simple-rest": "^6.0.1",
+    "antd": "^5.23.0",
+    "i18next": "^25.7.3",
+    "i18next-browser-languagedetector": "^8.2.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "react-i18next": "^16.5.0",
+    "react-router": "^7.0.2"
+  },
+  "devDependencies": {
+    "@types/node": "^20",
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.1.0",
+    "@vitejs/plugin-react": "^4.2.1",
+    "typescript": "^5.8.3",
+    "vite": "^5.4.15"
+  },
+  "engines": {
+    "node": ">=20"
+  }
+}

package/template/public/manifest.json

@@ -0,0 +1,15 @@
+{
+    "short_name": "Cundi App",
+    "name": "Cundi App",
+    "icons": [
+        {
+            "src": "favicon.ico",
+            "sizes": "64x64 32x32 24x24 16x16",
+            "type": "image/x-icon"
+        }
+    ],
+    "start_url": ".",
+    "display": "standalone",
+    "theme_color": "#1677ff",
+    "background_color": "#ffffff"
+}

package/template/src/App.tsx

@@ -0,0 +1,192 @@
+import {
+    Refine,
+    Authenticated,
+} from "@refinedev/core";
+import {
+    useNotificationProvider,
+    ThemedLayout,
+    ErrorComponent,
+    RefineThemes,
+} from "@refinedev/antd";
+import {
+    DashboardOutlined,
+    UserOutlined,
+    SettingOutlined,
+    TeamOutlined,
+} from "@ant-design/icons";
+
+import routerProvider, {
+    NavigateToResource,
+    CatchAllNavigate,
+    UnsavedChangesNotifier,
+    DocumentTitleHandler,
+} from "@refinedev/react-router";
+import { BrowserRouter, Routes, Route, Outlet } from "react-router";
+import { App as AntdApp, ConfigProvider, theme } from "antd";
+import { useTranslation } from "react-i18next";
+import "./i18n";
+
+import "@ant-design/v5-patch-for-react-19";
+import "@refinedev/antd/dist/reset.css";
+
+import { DashboardPage } from "./pages/dashboard";
+import {
+    authProvider,
+    dataProvider,
+    Header,
+    LoginPage,
+    KeycloakLoginPage,
+    AuthCallback,
+    ApplicationUserList,
+    ApplicationUserCreate,
+    ApplicationUserEdit,
+    RoleList,
+    RoleCreate,
+    RoleEdit,
+} from "@cundi/refine-xaf";
+
+import { ColorModeContextProvider, useColorMode } from "./contexts/color-mode";
+import { accessControlProvider } from "./accessControlProvider";
+
+const API_URL = import.meta.env.VITE_API_URL + "/odata";
+
+const InnerApp: React.FC = () => {
+    const { mode } = useColorMode();
+    const { t, i18n } = useTranslation();
+
+    const i18nProvider = {
+        translate: (key: string, params: any) => t(key, params) as string,
+        changeLocale: (lang: string) => i18n.changeLanguage(lang),
+        getLocale: () => i18n.language,
+    };
+
+    return (
+        <BrowserRouter>
+            <ConfigProvider
+                theme={{
+                    ...RefineThemes.Blue,
+                    algorithm: mode === "dark" ? theme.darkAlgorithm : theme.defaultAlgorithm,
+                }}
+            >
+                <AntdApp>
+                    <Refine
+                        authProvider={authProvider}
+                        accessControlProvider={accessControlProvider}
+                        dataProvider={dataProvider(API_URL)}
+                        i18nProvider={i18nProvider}
+                        routerProvider={routerProvider}
+                        resources={[
+                            {
+                                name: "dashboard",
+                                list: "/",
+                                meta: {
+                                    label: t("sider.dashboard"),
+                                    icon: <DashboardOutlined />,
+                                },
+                            },
+                            {
+                                name: "ApplicationUser",
+                                list: "/ApplicationUsers",
+                                create: "/ApplicationUsers/create",
+                                edit: "/ApplicationUsers/edit/:id",
+                                meta: {
+                                    label: t("sider.users"),
+                                    icon: <UserOutlined />,
+                                    parent: t("sider.settings"),
+                                },
+                            },
+                            {
+                                name: "PermissionPolicyRole",
+                                list: "/PermissionPolicyRoles",
+                                create: "/PermissionPolicyRoles/create",
+                                edit: "/PermissionPolicyRoles/edit/:id",
+                                meta: {
+                                    label: t("sider.roles"),
+                                    parent: t("sider.settings"),
+                                    icon: <TeamOutlined />,
+                                },
+                            },
+                            {
+                                name: "Settings",
+                                meta: {
+                                    label: t("sider.settings"),
+                                    icon: <SettingOutlined />,
+                                },
+                            },
+                        ]}
+                        notificationProvider={useNotificationProvider}
+                        options={{
+                            syncWithLocation: true,
+                            warnWhenUnsavedChanges: true,
+                        }}
+                    >
+                        <Routes>
+                            <Route
+                                element={
+                                    <Authenticated
+                                        key="authenticated-routes"
+                                        fallback={<CatchAllNavigate to="/login" />}
+                                    >
+                                        <ThemedLayout Header={Header}>
+                                            <Outlet />
+                                        </ThemedLayout>
+                                    </Authenticated>
+                                }
+                            >
+                                <Route index element={<DashboardPage />} />
+
+                                <Route path="/ApplicationUsers">
+                                    <Route index element={<ApplicationUserList />} />
+                                    <Route path="create" element={<ApplicationUserCreate />} />
+                                    <Route path="edit/:id" element={<ApplicationUserEdit />} />
+                                </Route>
+
+                                <Route path="/PermissionPolicyRoles">
+                                    <Route index element={<RoleList />} />
+                                    <Route path="create" element={<RoleCreate />} />
+                                    <Route path="edit/:id" element={<RoleEdit />} />
+                                </Route>
+                            </Route>
+
+                            <Route
+                                element={
+                                    <Authenticated key="auth-pages" fallback={<Outlet />}>
+                                        <NavigateToResource resource="dashboard" />
+                                    </Authenticated>
+                                }
+                            >
+                                <Route path="/login" element={<KeycloakLoginPage />} />
+                                <Route path="/login/api" element={<LoginPage />} />
+                                <Route path="/auth/callback" element={<AuthCallback />} />
+                            </Route>
+
+                            <Route
+                                element={
+                                    <Authenticated key="catch-all">
+                                        <ThemedLayout Header={Header}>
+                                            <Outlet />
+                                        </ThemedLayout>
+                                    </Authenticated>
+                                }
+                            >
+                                <Route path="*" element={<ErrorComponent />} />
+                            </Route>
+                        </Routes>
+                        <UnsavedChangesNotifier />
+                        <DocumentTitleHandler />
+                    </Refine>
+                </AntdApp>
+            </ConfigProvider>
+        </BrowserRouter>
+    );
+};
+
+const App: React.FC = () => {
+    return (
+        <ColorModeContextProvider>
+            <InnerApp />
+        </ColorModeContextProvider>
+    );
+};
+
+export default App;

package/template/src/accessControlProvider.ts

@@ -0,0 +1,41 @@
+import { AccessControlProvider } from "@refinedev/core";
+
+/**
+ * Protected resources that require admin access
+ */
+const ADMIN_ONLY_RESOURCES = ["ApplicationUser", "PermissionPolicyRole", "Settings"];
+
+/**
+ * Access control provider with role-based permissions
+ * Currently supports Admin/non-Admin model with action-level control
+ */
+export const accessControlProvider: AccessControlProvider = {
+    can: async ({ resource, action, params }) => {
+        const isAdmin = localStorage.getItem("user_is_admin") === "true";
+        const roles = JSON.parse(localStorage.getItem("user_roles") || "[]") as string[];
+
+        // Admin-only resources check
+        if (resource && ADMIN_ONLY_RESOURCES.includes(resource) && !isAdmin) {
+            return {
+                can: false,
+                reason: "Only Administrators can access this resource",
+            };
+        }
+
+        // Delete action requires admin privileges for all resources
+        if (action === "delete" && !isAdmin) {
+            return {
+                can: false,
+                reason: "Only Administrators can delete records",
+            };
+        }
+
+        return { can: true };
+    },
+    options: {
+        buttons: {
+            enableAccessControl: true,
+            hideIfUnauthorized: true,
+        },
+    },
+};

package/template/src/contexts/color-mode/index.tsx

@@ -0,0 +1,2 @@
+import { ColorModeContextProvider, useColorMode } from "@cundi/refine-xaf";
+export { ColorModeContextProvider, useColorMode };

package/template/src/i18n.ts

@@ -0,0 +1,29 @@
+import i18n from "i18next";
+import { initReactI18next } from "react-i18next";
+import LanguageDetector from "i18next-browser-languagedetector";
+import { refineXafTranslations } from "@cundi/refine-xaf";
+
+// Use translations from the SDK
+const { en, "zh-TW": zhTW } = refineXafTranslations;
+
+i18n
+    .use(LanguageDetector)
+    .use(initReactI18next)
+    .init({
+        resources: {
+            en: {
+                translation: en,
+            },
+            "zh-TW": {
+                translation: zhTW,
+            },
+        },
+        lng: "zh-TW", // Default language
+        fallbackLng: "en",
+        debug: false,
+        interpolation: {
+            escapeValue: false,
+        },
+    });
+
+export default i18n;

package/template/src/index.css

@@ -0,0 +1,5 @@
+body {
+  margin: 0;
+  padding: 0;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+}

package/template/src/index.tsx

@@ -0,0 +1,14 @@
+import React from "react";
+import { createRoot } from "react-dom/client";
+
+import App from "./App";
+
+import "./index.css";
+
+const container = document.getElementById("root");
+const root = createRoot(container!);
+root.render(
+    <React.StrictMode>
+        <App />
+    </React.StrictMode>
+);

package/template/src/pages/dashboard.tsx

@@ -0,0 +1,73 @@
+import { useGetIdentity } from "@refinedev/core";
+import { Row, Col, Card, Avatar, Typography, Space } from "antd";
+import { useTranslation } from "react-i18next";
+
+const { Text, Title } = Typography;
+
+export const DashboardPage: React.FC = () => {
+    const { t } = useTranslation();
+    const { data: identity } = useGetIdentity<{
+        id: string;
+        name: string;
+        avatar: string;
+    }>();
+
+    return (
+        <div style={{ padding: "24px" }}>
+            <Title level={2}>{t("sider.dashboard")}</Title>
+            <Row gutter={[24, 24]}>
+                <Col xs={24} sm={12} lg={8}>
+                    <Card
+                        title={t("dashboard.welcome")}
+                        style={{ borderRadius: "12px" }}
+                    >
+                        <Space align="center">
+                            <Avatar size={64} src={identity?.avatar}>
+                                {identity?.name?.charAt(0)}
+                            </Avatar>
+                            <div>
+                                <Text strong style={{ fontSize: "18px" }}>
+                                    {identity?.name}
+                                </Text>
+                                <br />
+                                <Text type="secondary">{t("dashboard.welcomeMessage")}</Text>
+                            </div>
+                        </Space>
+                    </Card>
+                </Col>
+
+                <Col xs={24} sm={12} lg={8}>
+                    <Card
+                        title={t("dashboard.quickStart")}
+                        style={{ borderRadius: "12px" }}
+                    >
+                        <ul style={{ paddingLeft: "20px", margin: 0 }}>
+                            <li>{t("dashboard.tip1")}</li>
+                            <li>{t("dashboard.tip2")}</li>
+                            <li>{t("dashboard.tip3")}</li>
+                        </ul>
+                    </Card>
+                </Col>
+
+                <Col xs={24} sm={12} lg={8}>
+                    <Card
+                        title={t("dashboard.resources")}
+                        style={{ borderRadius: "12px" }}
+                    >
+                        <Space direction="vertical">
+                            <a href="https://refine.dev/docs/" target="_blank" rel="noopener noreferrer">
+                                Refine Documentation
+                            </a>
+                            <a href="https://www.npmjs.com/package/@cundi/refine-xaf" target="_blank" rel="noopener noreferrer">
+                                @cundi/refine-xaf SDK
+                            </a>
+                            <a href="https://ant.design/components/overview" target="_blank" rel="noopener noreferrer">
+                                Ant Design Components
+                            </a>
+                        </Space>
+                    </Card>
+                </Col>
+            </Row>
+        </div>
+    );
+};

package/template/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/template/tsconfig.json

@@ -0,0 +1,31 @@
+{
+    "compilerOptions": {
+        "target": "ESNext",
+        "useDefineForClassFields": true,
+        "lib": [
+            "DOM",
+            "DOM.Iterable",
+            "ESNext"
+        ],
+        "allowJs": false,
+        "skipLibCheck": true,
+        "esModuleInterop": false,
+        "allowSyntheticDefaultImports": true,
+        "strict": true,
+        "forceConsistentCasingInFileNames": true,
+        "module": "ESNext",
+        "moduleResolution": "Node",
+        "resolveJsonModule": true,
+        "isolatedModules": true,
+        "noEmit": true,
+        "jsx": "react-jsx"
+    },
+    "include": [
+        "src"
+    ],
+    "references": [
+        {
+            "path": "./tsconfig.node.json"
+        }
+    ]
+}

package/template/tsconfig.node.json

@@ -0,0 +1,10 @@
+{
+    "compilerOptions": {
+        "composite": true,
+        "module": "ESNext",
+        "moduleResolution": "Node"
+    },
+    "include": [
+        "vite.config.ts"
+    ]
+}

package/template/vite.config.ts

@@ -0,0 +1,9 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+
+export default defineConfig({
+    plugins: [react()],
+    resolve: {
+        dedupe: ["react", "react-dom", "antd", "@refinedev/core", "@refinedev/antd", "@tanstack/react-query"],
+    },
+});