@lark-apaas/miaoda-presets 1.0.0 → 1.0.1

package/lib/recommend/eslint.js

@@ -27,17 +27,30 @@ exports.default = {
         'import/named': 'error', // 检查命名导入是否存在
         // 效果相关：模型不会
         'no-constant-binary-expression': 'off', // 不强制使用常量二进制表达式
-        // 效果相关：希望模型使用内置 logger
         'no-restricted-syntax': [
             'error',
+            // 效果相关：希望模型使用内置 logger 而不是 console
             {
                 selector: "CallExpression[callee.object.name='console'][callee.property.name=/^(log|warn|info|debug|trace)$/]",
                 message: 'Avoid using console.log, console.warn, etc. Use `@byted/spark-framework/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/rspack.js

@@ -8,6 +8,8 @@ const path_1 = __importDefault(require("path"));
 const core_1 = __importDefault(require("@rspack/core"));
 // eslint-disable-next-line @typescript-eslint/no-var-requires
 const RouteParserPlugin = require('../rspack-plugins/route-parser-plugin');
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const SlardarPerformanceMonitorPlugin = require('../rspack-plugins/slardar-performance-monitor-plugin');
 // eslint-disable-next-line max-lines-per-function
 function createRecommendRspackConfig(options) {
     const { enableReactRefresh = false, isDev = true, needRoutes = true, runtimeMode = 'fullstack', } = options;
@@ -120,6 +122,8 @@ function createRecommendRspackConfig(options) {
             new core_1.default.optimize.LimitChunkCountPlugin({
                 maxChunks: 1,
             }),
+            // 全栈模式下，增加性能监控上报脚本注入
+            runtimeMode === 'fullstack' ? new SlardarPerformanceMonitorPlugin() : undefined,
             // 开发环境下，解析路由
             isDev &&
                 needRoutes &&

package/lib/rspack-plugins/slardar-performance-monitor-plugin.js

@@ -0,0 +1,96 @@
+"use strict";
+/**
+ * 加载性能监控脚本
+ * @param {object} option
+ * @param {string} [option.bid='apaas_ai']
+ * @param {string} [option.globalName='KSlardarWeb']
+ * @returns
+ */
+function getSlardarScript(option = {}) {
+    const bid = option.bid || 'apaas_ai';
+    const globalName = option.globalName || 'KSlardarWeb';
+    return `
+  <script>
+  // 创建 Slardar 脚本元素
+    const slardarScript = document.createElement('script');
+    slardarScript.src = 'https://lf3-short.ibytedapm.com/slardar/fe/sdk-web/browser.cn.js?bid=${bid}&globalName=${globalName}';
+    slardarScript.crossOrigin = 'anonymous';
+
+    // 添加 onload 事件处理
+    slardarScript.onload = function() {
+      // 脚本加载完成后执行初始化
+      if (window.KSlardarWeb) {
+        window.KSlardarWeb('init', {
+          bid: 'apaas_ai',
+          // 四种类型：dev/boe/pre/online
+          env: 'online',
+        });
+        window.KSlardarWeb('start');
+      }
+    };
+
+    // 添加错误处理
+    slardarScript.onerror = function() {
+      console.warn('Failed to load Slardar script');
+    };
+
+    // 将脚本添加到页面
+    document.head.appendChild(slardarScript);
+
+    // 添加 TTI 监控脚本
+    const performanceScript = document.createElement('script');
+    performanceScript.src = 'https://sf3-scmcdn-cn.feishucdn.com/obj/unpkg/byted/performance/0.1.0/dist/performance.iife.js';
+    document.head.appendChild(performanceScript);
+</script>
+
+  `;
+}
+class SlardarPerformanceMonitorPlugin {
+    constructor(options) {
+        this.options = options || {};
+    }
+    apply(compiler) {
+        compiler.hooks.compilation.tap('SlardarPerformanceMonitorPlugin', compilation => {
+            try {
+                // 尝试获取HtmlRspackPlugin的hooks
+                let HtmlPlugin;
+                try {
+                    HtmlPlugin = require('@rspack/core').rspack.HtmlRspackPlugin;
+                }
+                catch (e) {
+                    // 如果html-rspack-plugin不可用，尝试使用html-webpack-plugin
+                    try {
+                        HtmlPlugin = require('html-webpack-plugin');
+                    }
+                    catch (e2) {
+                        console.warn('SlardarPerformanceMonitorPlugin: html-rspack-plugin or html-webpack-plugin not found');
+                        return;
+                    }
+                }
+                const hooks = HtmlPlugin.getHooks(compilation);
+                // 在生成 HTML 前修改内容
+                hooks.beforeEmit.tapAsync('SlardarPerformanceMonitorPlugin', (data, cb) => {
+                    const position = this.options.position ?? 'head-end';
+                    const snippet = this.options.snippet ?? getSlardarScript();
+                    if (!snippet)
+                        return;
+                    if (position === 'body-end') {
+                        data.html = data.html.replace('</body>', `${snippet}\n</body>`);
+                    }
+                    else if (position === 'body-start') {
+                        data.html = data.html.replace('<body>', `<body>\n${snippet}`);
+                    }
+                    else if (position === 'head-end') {
+                        data.html = data.html.replace('</head>', `${snippet}\n</head>`);
+                    }
+                    cb(null, data);
+                });
+            }
+            catch (error) {
+                console.error('Error in SlardarPerformanceMonitorPlugin:', error);
+            }
+        });
+    }
+}
+// 导出插件
+module.exports = SlardarPerformanceMonitorPlugin;

package/package.json

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