@lark-apaas/fullstack-presets 0.1.1 → 1.0.1

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

@@ -57,6 +57,17 @@ exports.default = {
         'no-constant-binary-expression': 'off', // 不强制使用常量二进制表达式
         // React Refresh 相关 - 开发时不影响渲染的检测
         'react-refresh/only-export-components': 'off',
+        'no-restricted-imports': [
+            'error',
+            {
+                paths: [
+                    {
+                        name: 'next/link',
+                        message: "Importing from 'next/link' is prohibited. Please use the `Link` component from 'react-router-dom' for navigation.",
+                    },
+                ],
+            },
+        ],
         'no-restricted-syntax': [
             'error',
             // 限制使用 fetch（推荐使用生成的 API Client）
@@ -86,6 +97,21 @@ exports.default = {
                 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']",
             },
+            // 禁用`window.location.href`赋值使用，可以读取
+            {
+                selector: 'AssignmentExpression[left.object.object.name="window"][left.object.property.name="location"][left.property.name="href"]',
+                message: "Please don't use `window.location.href` to navigate. Use `useNavigate` hook from 'react-router-dom' instead.",
+            },
+            // 禁止`location.href`赋值使用，可以读取
+            {
+                selector: 'AssignmentExpression[left.object.name="location"][left.property.name="href"]',
+                message: "Please don't use `location.href` to navigate. Use `useNavigate` hook from 'react-router-dom' instead.",
+            },
+            // SelectItem组件的value属性值不能为空字符串
+            {
+                message: 'The `value` attribute of the `SelectItem` component cannot be an empty string.',
+                selector: 'JSXOpeningElement[name.name="SelectItem"]:has(JSXAttribute[name.name="value"][value.value=""]), JSXOpeningElement[name.name="SelectItem"]:has(JSXAttribute[name.name="value"][value.expression.value=""])',
+            },
         ],
     },
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/fullstack-presets",
-  "version": "0.1.1",
+  "version": "1.0.1",
   "files": [
     "lib"
   ],

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

@@ -1,9 +0,0 @@
-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

@@ -1,210 +0,0 @@
-"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/utils/dev-server-listener.d.ts

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

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

@@ -1,113 +0,0 @@
-"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,
-                }));
-            }
-        }
-    });
-}