@lark-apaas/fullstack-presets 0.1.0 → 1.0.0

package/lib/index.d.ts

@@ -0,0 +1,2 @@
+export { createTailwindPreset } from './recommend/tailwind/createTailwindPreset';
+export { eslintPresets } from './recommend/eslint';

package/lib/index.js

@@ -1,5 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createTailwindPresets = void 0;
+exports.eslintPresets = exports.createTailwindPreset = void 0;
+// Tailwind 配置
 var createTailwindPreset_1 = require("./recommend/tailwind/createTailwindPreset");
-Object.defineProperty(exports, "createTailwindPresets", { enumerable: true, get: function () { return createTailwindPreset_1.createTailwindPresets; } });
+Object.defineProperty(exports, "createTailwindPreset", { enumerable: true, get: function () { return createTailwindPreset_1.createTailwindPreset; } });
+// Eslint 配置
+var eslint_1 = require("./recommend/eslint");
+Object.defineProperty(exports, "eslintPresets", { enumerable: true, get: function () { return eslint_1.eslintPresets; } });

package/lib/recommend/eslint/eslint-client.d.ts

@@ -0,0 +1,29 @@
+declare const _default: {
+    name: string;
+    languageOptions: {
+        ecmaVersion: number;
+        parser: any;
+        parserOptions: {
+            ecmaFeatures: {
+                jsx: boolean;
+            };
+        };
+        globals: any;
+    };
+    plugins: {
+        'react-hooks': any;
+        import: any;
+    };
+    settings: {
+        'import/resolver': {
+            node: {
+                extensions: string[];
+            };
+        };
+        'import/parsers': {
+            '@typescript-eslint/parser': string[];
+        };
+    };
+    rules: any;
+};
+export default _default;

package/lib/recommend/eslint/eslint-client.js

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const globals = require('globals');
+const reactHooks = require('eslint-plugin-react-hooks');
+const tseslint = require('typescript-eslint');
+const importPlugin = require('eslint-plugin-import');
+exports.default = {
+    name: 'fullstack-presets/client-recommend',
+    languageOptions: {
+        ecmaVersion: 2020,
+        parser: tseslint.parser,
+        parserOptions: {
+            ecmaFeatures: {
+                jsx: true,
+            },
+        },
+        globals: {
+            ...globals.browser,
+            ...globals.node,
+        },
+    },
+    plugins: {
+        'react-hooks': reactHooks,
+        import: importPlugin,
+    },
+    settings: {
+        'import/resolver': {
+            node: {
+                extensions: ['.js', '.jsx', '.ts', '.tsx'],
+            },
+        },
+        'import/parsers': {
+            '@typescript-eslint/parser': ['.ts', '.tsx'],
+        },
+    },
+    rules: {
+        // React Hooks 推荐规则
+        ...reactHooks.configs.recommended.rules,
+        // TypeScript 规则
+        '@typescript-eslint/no-unused-vars': 'off', // 未使用变量检查关闭
+        '@typescript-eslint/no-explicit-any': 'off', // 允许使用 any 类型
+        '@typescript-eslint/no-empty-interface': 'off', // 允许空接口
+        '@typescript-eslint/no-empty-object-type': 'off', // 允许空对象类型
+        '@typescript-eslint/no-redeclare': 'error', // 禁止重复声明
+        // React 规则
+        'react/jsx-no-undef-props': 'off', // 不检查未定义的 props
+        'react/no-unknown-property': 'off', // 允许未知属性
+        'react-hooks/exhaustive-deps': 'off', // 不强制检查依赖数组
+        // JavaScript 基础规则
+        'no-undef': 'off', // 禁止使用未声明的变量
+        'no-console': 'off', // 允许使用 console
+        'prefer-const': 'off', // 不强制使用 const
+        // Import 规则
+        'import/no-unresolved': 'error', // 检查导入路径是否存在
+        'import/named': 'error', // 检查命名导入是否存在
+        // 其他规则
+        'no-constant-binary-expression': 'off', // 不强制使用常量二进制表达式
+        // React Refresh 相关 - 开发时不影响渲染的检测
+        'react-refresh/only-export-components': 'off',
+        'no-restricted-syntax': [
+            'error',
+            // 限制使用 fetch（推荐使用生成的 API Client）
+            {
+                message: "Please don't use fetch, use Generated API Client instead",
+                selector: "CallExpression[callee.name='fetch'][arguments.0.type='Literal'][arguments.0.value=/^\\u002F/]",
+            },
+            // 避免使用 console.log，推荐使用 logger 库
+            {
+                selector: "CallExpression[callee.object.name='console'][callee.property.name=/^(log|warn|info|debug|trace)$/]",
+                message: 'Avoid using console.log, console.warn, etc. Use `@lark-apaas/client-toolkit/logger` instead.',
+            },
+            // 禁用BOM方法alert和confirm，及不推荐使用同名方法
+            {
+                message: "Please don't use window.alert, use `Dialog` component instead for better user experience and consistency",
+                selector: "MemberExpression[object.name='window'][property.name='alert']",
+            },
+            {
+                message: "Please don't use window.confirm, use `Dialog` component instead for better user experience and consistency",
+                selector: "MemberExpression[object.name='window'][property.name='confirm']",
+            },
+            {
+                message: "Please don't use alert. It may conflict with window.alert BOM method, use `Dialog` component instead for better user experience and consistency",
+                selector: "CallExpression[callee.name='alert']",
+            },
+            {
+                message: "Please don't use confirm. It may conflict with window.confirm BOM method, use `Dialog` component instead for better user experience and consistency",
+                selector: "CallExpression[callee.name='confirm']",
+            },
+        ],
+    },
+};

package/lib/recommend/eslint/eslint-server.d.ts

@@ -0,0 +1,46 @@
+declare const _default: {
+    name: string;
+    languageOptions: {
+        ecmaVersion: number;
+        sourceType: string;
+        parser: any;
+        globals: any;
+    };
+    plugins: {
+        import: any;
+    };
+    settings: {
+        'import/resolver': {
+            node: {
+                extensions: string[];
+            };
+        };
+        'import/parsers': {
+            '@typescript-eslint/parser': string[];
+        };
+    };
+    rules: {
+        '@typescript-eslint/no-unused-vars': string;
+        '@typescript-eslint/no-explicit-any': string;
+        '@typescript-eslint/no-empty-interface': string;
+        '@typescript-eslint/no-empty-object-type': string;
+        '@typescript-eslint/no-redeclare': string;
+        '@typescript-eslint/no-extraneous-class': string;
+        'no-undef': string;
+        'no-console': string;
+        'prefer-const': string;
+        'import/no-unresolved': string;
+        'import/named': string;
+        'import/no-extraneous-dependencies': string;
+        'no-restricted-imports': (string | {
+            patterns: {
+                group: string[];
+                message: string;
+            }[];
+        })[];
+        '@darraghor/nestjs-typed/injectable-should-be-provided': (string | {
+            src: string[];
+        })[];
+    };
+};
+export default _default;

package/lib/recommend/eslint/eslint-server.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const globals = require('globals');
+const tseslint = require('typescript-eslint');
+const importPlugin = require('eslint-plugin-import');
+exports.default = {
+    name: 'fullstack-presets/server-recommend',
+    languageOptions: {
+        ecmaVersion: 2022,
+        sourceType: 'module',
+        parser: tseslint.parser,
+        globals: {
+            ...globals.node,
+            NodeJS: true,
+        },
+    },
+    plugins: {
+        import: importPlugin,
+    },
+    settings: {
+        'import/resolver': {
+            node: {
+                extensions: ['.js', '.jsx', '.ts', '.tsx'],
+            },
+        },
+        'import/parsers': {
+            '@typescript-eslint/parser': ['.ts', '.tsx'],
+        },
+    },
+    rules: {
+        // TypeScript 规则
+        '@typescript-eslint/no-unused-vars': 'off',
+        '@typescript-eslint/no-explicit-any': 'error',
+        '@typescript-eslint/no-empty-interface': 'off',
+        '@typescript-eslint/no-empty-object-type': 'off',
+        '@typescript-eslint/no-redeclare': 'error',
+        '@typescript-eslint/no-extraneous-class': 'off',
+        // JavaScript 基础规则
+        'no-undef': 'off',
+        'no-console': 'error',
+        'prefer-const': 'off',
+        // Import 规则
+        'import/no-unresolved': 'error',
+        'import/named': 'error',
+        'import/no-extraneous-dependencies': 'error',
+        // 禁止服务端导入客户端专用包
+        'no-restricted-imports': [
+            'error',
+            {
+                patterns: [
+                    {
+                        group: ['@lark-apaas/client-toolkit', '@lark-apaas/client-toolkit/*'],
+                        message: 'This toolkit is for client-side use only and must not be imported or used in server-side code.',
+                    },
+                ],
+            },
+        ],
+        '@darraghor/nestjs-typed/injectable-should-be-provided': [
+            'error',
+            {
+                src: ['./server/**/*.ts'],
+            },
+        ],
+    },
+};

package/lib/recommend/eslint/index.d.ts

@@ -0,0 +1,35 @@
+export declare const eslintPresets: {
+    client: ({
+        readonly rules: Readonly<import("eslint").Linter.RulesRecord>;
+    } | {
+        name: string;
+        languageOptions: {
+            ecmaVersion: number;
+            parser: any;
+            parserOptions: {
+                ecmaFeatures: {
+                    jsx: boolean;
+                };
+            };
+            globals: any;
+        };
+        plugins: {
+            'react-hooks': any;
+            import: any;
+        };
+        settings: {
+            'import/resolver': {
+                node: {
+                    extensions: string[];
+                };
+            };
+            'import/parsers': {
+                '@typescript-eslint/parser': string[];
+            };
+        };
+        rules: any;
+    } | import("typescript-eslint/dist/compatibility-types").CompatibleConfig)[];
+    server: ({
+        readonly rules: Readonly<import("eslint").Linter.RulesRecord>;
+    } | import("typescript-eslint/dist/compatibility-types").CompatibleConfig)[];
+};

package/lib/recommend/eslint/index.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.eslintPresets = void 0;
+const eslint_client_1 = __importDefault(require("./eslint-client"));
+const eslint_server_1 = __importDefault(require("./eslint-server"));
+const js_1 = __importDefault(require("@eslint/js"));
+const typescript_eslint_1 = __importDefault(require("typescript-eslint"));
+const eslint_plugin_nestjs_typed_1 = __importDefault(require("@darraghor/eslint-plugin-nestjs-typed"));
+// 只导出纯净的规则配置，不包含基础配置
+// 用户需要在项目配置中自己添加基础配置（eslintJs, tseslint, nestjs 等）
+exports.eslintPresets = {
+    client: [
+        js_1.default.configs.recommended,
+        ...typescript_eslint_1.default.configs.recommended,
+        eslint_client_1.default
+    ],
+    server: [
+        js_1.default.configs.recommended,
+        ...typescript_eslint_1.default.configs.recommended,
+        ...eslint_plugin_nestjs_typed_1.default.configs.flatRecommended,
+        eslint_server_1.default
+    ],
+};

package/lib/recommend/rspack/index.d.ts

@@ -0,0 +1,9 @@
+import { type Configuration } from '@rspack/core';
+export declare function createRecommendRspackConfig(options: {
+    enableReactRefresh?: boolean;
+    isDev?: boolean;
+    /** 是否需要插件解析路由 */
+    needRoutes?: boolean;
+    /** 运行态模式，默认为全栈模式 */
+    runtimeMode?: string;
+}): Configuration;

package/lib/recommend/rspack/index.js

@@ -0,0 +1,210 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRecommendRspackConfig = createRecommendRspackConfig;
+const path_1 = __importDefault(require("path"));
+const core_1 = __importDefault(require("@rspack/core"));
+const dev_server_listener_1 = require("../utils/dev-server-listener");
+const RouteParserPlugin = require('../rspack-plugins/route-parser-plugin');
+const SlardarPerformanceMonitorPlugin = require('../rspack-plugins/slardar-performance-monitor-plugin');
+function createRecommendRspackConfig(options) {
+    const { enableReactRefresh = false, isDev = true, needRoutes = true, runtimeMode = 'fullstack', } = options;
+    return {
+        experiments: {
+            css: true,
+        },
+        module: {
+            rules: [
+                {
+                    test: /\.svg$/,
+                    type: 'asset',
+                    parser: {
+                        dataUrlCondition: {
+                            maxSize: 10 * 1024, // 对应vite的assetsInlineLimit
+                        },
+                    },
+                },
+                {
+                    test: /\.(png|jpe?g|gif|webp|ico)$/,
+                    type: 'asset',
+                    parser: {
+                        dataUrlCondition: {
+                            maxSize: 10 * 1024, // 对应vite的assetsInlineLimit
+                        },
+                    },
+                },
+                {
+                    test: /\.css$/,
+                    use: [
+                        {
+                            loader: 'postcss-loader',
+                            options: {
+                                postcssOptions: {
+                                    plugins: [
+                                        [
+                                            'postcss-import',
+                                            {
+                                                resolve: (id, _basedir) => {
+                                                    // 只有dev环境需要打包选中精调所需的一些预置样式, prod环境则不打包
+                                                    if (id === '@/inspector.dev.css') {
+                                                        return isDev
+                                                            ? path_1.default.join(_basedir, '/inspector.dev.css')
+                                                            : [];
+                                                    }
+                                                    return id;
+                                                },
+                                            },
+                                        ],
+                                    ],
+                                },
+                            },
+                        },
+                    ],
+                    type: 'css',
+                },
+                {
+                    test: /\.tsx?$/,
+                    use: [
+                        {
+                            loader: 'builtin:swc-loader',
+                            options: {
+                                /**
+                                 * @type {import('@swc/core').JscConfig}
+                                 */
+                                jsc: {
+                                    parser: {
+                                        syntax: 'typescript',
+                                        jsx: true,
+                                    },
+                                    transform: {
+                                        react: {
+                                            runtime: 'automatic',
+                                            ...(isDev
+                                                ? {
+                                                    importSource: path_1.default.dirname(require.resolve('@lark-apaas/miaoda-inspector-jsx-runtime')),
+                                                }
+                                                : {}),
+                                            development: isDev,
+                                            refresh: enableReactRefresh,
+                                        },
+                                    },
+                                },
+                            },
+                        },
+                        ...(isDev
+                            ? [require.resolve('@lark-apaas/miaoda-inspector-babel-plugin')]
+                            : []),
+                    ],
+                },
+            ],
+        },
+        plugins: [
+            // 针对 clsx/echarts 等包，让其默认好用
+            new core_1.default.NormalModuleReplacementPlugin(/^(clsx|echarts)$/, function (resource) {
+                if (!resource.context.endsWith('module-alias')) {
+                    if (resource.request.endsWith('echarts')) {
+                        resource.request = require.resolve('../module-alias/echarts.js');
+                    }
+                    else {
+                        resource.request = require.resolve('../module-alias/clsx.js');
+                    }
+                }
+            }),
+            new core_1.default.DefinePlugin({
+                'process.env.NODE_ENV': JSON.stringify(isDev ? 'development' : 'production'),
+                'process.env.CWD': JSON.stringify(process.cwd()),
+                'process.env.runtimeMode': JSON.stringify(runtimeMode),
+            }),
+            new core_1.default.optimize.LimitChunkCountPlugin({
+                maxChunks: 1,
+            }),
+            // 全栈模式下，增加性能监控上报脚本注入
+            runtimeMode === 'fullstack'
+                ? new SlardarPerformanceMonitorPlugin()
+                : undefined,
+            // 开发环境下，解析路由
+            isDev &&
+                needRoutes &&
+                new RouteParserPlugin({
+                    appPath: './client/src/app.tsx',
+                    outputPath: path_1.default.resolve(__dirname, 'dist/client/routes.json'),
+                }),
+        ],
+        optimization: isDev
+            ? {}
+            : {
+                moduleIds: 'deterministic',
+                concatenateModules: true,
+                minimize: true, // 对应vite的minify配置
+                minimizer: [
+                    new core_1.default.SwcJsMinimizerRspackPlugin({
+                        minimizerOptions: {
+                            // 保持不压缩
+                            minify: !isDev,
+                            mangle: !isDev,
+                            format: {
+                                beautify: isDev,
+                                comments: false,
+                            },
+                            compress: {
+                                keep_classnames: true,
+                                keep_fnames: true,
+                                keep_fargs: !isDev,
+                                unused: true,
+                                dead_code: true,
+                                drop_debugger: true,
+                                // FIXME: 先临时开始 console.log
+                                // drop_console: !isDev,
+                                const_to_let: !isDev,
+                                booleans_as_integers: !isDev,
+                                booleans: !isDev,
+                                // maybe unsafe
+                                reduce_funcs: !isDev,
+                                reduce_vars: !isDev,
+                            },
+                        },
+                    }),
+                    new core_1.default.LightningCssMinimizerRspackPlugin(),
+                ],
+                sideEffects: true,
+                usedExports: true,
+                innerGraph: true,
+                providedExports: true,
+                mergeDuplicateChunks: true,
+                splitChunks: false, // 禁用代码分割，保持单文件输出
+            },
+        devtool: isDev ? 'source-map' : false, // 对应vite的sourcemap配置
+        devServer: {
+            headers: req => {
+                // 获取请求的Origin头
+                const requestOrigin = req.headers.origin ?? '';
+                // 定义允许的域名白名单
+                const allowedOrigins = [
+                    'https://miaoda.feishu.cn',
+                    'https://miaoda.feishu-boe.cn',
+                    'https://miaoda.feishu-pre.cn',
+                ];
+                // 检查请求的Origin是否在允许的列表中
+                const allowedOrigin = allowedOrigins.includes(requestOrigin)
+                    ? requestOrigin
+                    : allowedOrigins[0]; // 默认返回第一个允许的域名
+                return {
+                    'Access-Control-Allow-Origin': allowedOrigin,
+                };
+            },
+            onListening(server) {
+                if (runtimeMode === 'fullstack') {
+                    (0, dev_server_listener_1.listenHmrTiming)(server);
+                }
+            },
+            client: {
+                overlay: {
+                    errors: false,
+                    warnings: false,
+                },
+            },
+        },
+    };
+}

package/lib/recommend/tailwind/createTailwindPreset.d.ts

@@ -0,0 +1,8 @@
+export declare function createTailwindPreset(options?: {
+    packageName?: string;
+}): {
+    darkMode: string;
+    content: string[];
+    prefix: string;
+    plugins: any[];
+};

package/lib/recommend/tailwind/createTailwindPreset.js

@@ -33,10 +33,10 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createTailwindPresets = createTailwindPresets;
+exports.createTailwindPreset = createTailwindPreset;
 const path = __importStar(require("path"));
 const defaultPackageName = '@lark-apaas/client-toolkit';
-function createTailwindPresets(options = {}) {
+function createTailwindPreset(options = {}) {
     // 默认补充扫描外网包依赖
     const { packageName = defaultPackageName } = options;
     const pkgPath = getToolKitPath(packageName);

package/lib/utils/dev-server-listener.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 监听 HMR 编译时间
+ * @param server
+ */
+export declare function listenHmrTiming(server: any): void;

package/lib/utils/dev-server-listener.js

@@ -0,0 +1,113 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.listenHmrTiming = listenHmrTiming;
+/* eslint-disable @typescript-eslint/no-explicit-any */
+const fs = __importStar(require("fs"));
+/**
+ * 监听 HMR 编译时间
+ * @param server
+ */
+function listenHmrTiming(server) {
+    const compiler = server.compiler;
+    const ws = server.webSocketServer;
+    let start = 0;
+    let changedFiles = new Set();
+    // 监听文件变更
+    compiler.hooks.watchRun.tap('HmrTiming', (comp) => {
+        const modifiedFiles = comp.modifiedFiles;
+        if (modifiedFiles && modifiedFiles.size > 0) {
+            changedFiles = new Set(modifiedFiles);
+        }
+        else {
+            changedFiles.clear();
+        }
+        start = Date.now();
+    });
+    // 编译完成
+    compiler.hooks.done.tap('HmrTiming', () => {
+        const duration = Date.now() - start;
+        // 过滤有效文件 - 只保留实际的项目文件
+        const validFiles = [...changedFiles]
+            .map(f => f.replace(process.cwd(), '').replace(/\\/g, '/'))
+            .filter(filePath => {
+            // 过滤无效文件
+            if (!filePath || filePath.length === 0)
+                return false;
+            // 过滤 node_modules 中的文件
+            if (filePath.includes('/node_modules/'))
+                return false;
+            // 只保留支持的文件类型
+            const validExtensions = ['.js', '.jsx', '.ts', '.tsx', '.svelte', '.css', '.json', '.html'];
+            const hasValidExtension = validExtensions.some(ext => filePath.toLowerCase().endsWith(ext));
+            if (!hasValidExtension)
+                return false;
+            return true;
+        });
+        // 获取文件统计信息
+        const fileStats = validFiles.map(filePath => {
+            const fullPath = process.cwd() + filePath;
+            try {
+                const stats = fs.statSync(fullPath);
+                return {
+                    path: filePath,
+                    size: stats.size,
+                };
+            }
+            catch (error) {
+                return {
+                    path: filePath,
+                    size: 0,
+                };
+            }
+        });
+        // 计算总文件大小(B)
+        const totalSize = fileStats.reduce((sum, file) => sum + file.size, 0);
+        const payload = {
+            duration,
+            fileCount: validFiles.length,
+            fileTotalSize: totalSize,
+        };
+        // 推送到浏览器端
+        for (const client of ws.clients) {
+            if (client.readyState === 1) {
+                client.send(JSON.stringify({
+                    type: 'hmr-timing',
+                    data: payload,
+                }));
+            }
+        }
+    });
+}

package/package.json

@@ -1,9 +1,16 @@
 {
   "name": "@lark-apaas/fullstack-presets",
-  "version": "0.1.0",
+  "version": "1.0.0",
   "files": [
     "lib"
   ],
+  "main": "./lib/index.js",
+  "types": "./lib/index.d.ts",
+  "license": "MIT",
+  "keywords": [
+    "fullstack",
+    "presets"
+  ],
   "publishConfig": {
     "access": "public"
   },
@@ -14,9 +21,23 @@
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
+    "@darraghor/eslint-plugin-nestjs-typed": "^6.9.1",
+    "@eslint/js": "^9.35.0",
+    "eslint-import-resolver-alias": "^1.1.2",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "globals": "^16.4.0",
     "tailwindcss-animate": "^1.0.7"
   },
   "devDependencies": {
-    "typescript": "^5.9.2"
+    "@types/eslint": "^9.6.0",
+    "eslint": "^9.35.0",
+    "typescript": "^5.9.2",
+    "typescript-eslint": "^8.44.0"
+  },
+  "peerDependencies": {
+    "eslint": "^9.0.0",
+    "typescript-eslint": "^8.44.0"
   }
 }