@antv/dumi-theme-antv 0.8.0-beta.14 → 0.8.0-beta.16

package/dist/components/AI/HomeDialog/PromptTextarea/ChooseLib/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Dropdown } from "antd";
-import { useLibrary, useProducts } from "../../../../../hooks/useProducts";
+import { useAntVConfig, useProducts } from "../../../../../hooks/useProducts";
 import { useLocale, FormattedMessage } from "dumi";
 import styles from "./index.module.less";
 export function ChooseLib(props) {
@@ -15,9 +15,13 @@ export function ChooseLib(props) {
   var _useProducts = useProducts(),
     _useProducts$data = _useProducts.data,
     data = _useProducts$data === void 0 ? [] : _useProducts$data;
-  var _useLibrary = useLibrary(),
-    _useLibrary$data = _useLibrary.data,
-    library = _useLibrary$data === void 0 ? [] : _useLibrary$data;
+  var _useAntVConfig = useAntVConfig(),
+    _useAntVConfig$data = _useAntVConfig.data,
+    _useAntVConfig$data2 = _useAntVConfig$data === void 0 ? {
+      library: []
+    } : _useAntVConfig$data,
+    _useAntVConfig$data2$ = _useAntVConfig$data2.library,
+    library = _useAntVConfig$data2$ === void 0 ? [] : _useAntVConfig$data2$;
   var onSelect = function onSelect(key) {
     onChange === null || onChange === void 0 || onChange(key);
   };

package/dist/components/AI/HomeDialog/RecommendCase/index.js

@@ -18,7 +18,7 @@ import classnames from "classnames";
 import { FormattedMessage, useSiteData } from 'dumi';
 import { sample, sampleSize } from "lodash-es";
 import { AIChatStore } from "../../../../model/AIChat";
-import { useLibrary } from "../../../../hooks/useProducts";
+import { useAntVConfig } from "../../../../hooks/useProducts";
 import { getBaseSiteDataUrl } from "../../../../utils/env";
 export var RecommendCase = function RecommendCase(props) {
   var _useState = useState(false),
@@ -31,9 +31,13 @@ export var RecommendCase = function RecommendCase(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     list = _useState4[0],
     setList = _useState4[1];
-  var _useLibrary = useLibrary(),
-    _useLibrary$data = _useLibrary.data,
-    library = _useLibrary$data === void 0 ? [] : _useLibrary$data;
+  var _useAntVConfig = useAntVConfig(),
+    _useAntVConfig$data = _useAntVConfig.data,
+    _useAntVConfig$data2 = _useAntVConfig$data === void 0 ? {
+      library: []
+    } : _useAntVConfig$data,
+    _useAntVConfig$data2$ = _useAntVConfig$data2.library,
+    library = _useAntVConfig$data2$ === void 0 ? [] : _useAntVConfig$data2$;
   var fetchList = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       var _themeConfig$ai, data, url;
@@ -82,8 +86,10 @@ export var RecommendCase = function RecommendCase(props) {
     };
   }();
   useEffect(function () {
-    fetchList();
-  }, []);
+    if (library.length) {
+      fetchList();
+    }
+  }, [themeConfig.isAntVSite, library.length]);
   if (!list.length) {
     return null;
   }

package/dist/components/AI/HomeDialog/index.js

@@ -45,7 +45,8 @@ export function HomeDialog(props) {
         mode: snap.mode,
         jump: true,
         context: fileSummary,
-        lang: locale.id
+        lang: locale.id,
+        entry_point: 'home'
       });
     },
     style: props.promptTextareaStyle,

package/dist/hooks/useProducts.js

@@ -17,9 +17,9 @@ export function useProducts() {
     staleTime: 24 * 60 * 60 * 1000 // 一天内数据不会被认为是 "stale"，不会触发后台刷新
   });
 }
-export function getLibrary() {
+export function getAntVConfig() {
   // 如需要修改产品信息，请到 https://yuyan.antfin-inc.com/antv/site-data/sprints 修改区块内容
-  return fetch("".concat(getBaseSiteDataUrl(), "/antv/library.json") // 生产环境
+  return fetch("".concat(getBaseSiteDataUrl(), "/antv/config.json") // 生产环境
   // 'https://site-data-pre.alipay.com/antv/products.json', // 预发测试
   ).then(function (res) {
     return res.json();
@@ -27,10 +27,15 @@ export function getLibrary() {
 }
 
 // 封装了 queryKey 和 fetcher 的自定义 Hook
-export function useLibrary() {
+export function useAntVConfig() {
   return useQuery({
-    queryKey: ['antv-library'],
-    queryFn: getLibrary,
-    staleTime: 24 * 60 * 60 * 1000 // 一天内数据不会被认为是 "stale"，不会触发后台刷新
+    queryKey: ['antv-config'],
+    queryFn: getAntVConfig,
+    staleTime: 24 * 60 * 60 * 1000,
+    // 一天内数据不会被认为是 "stale"，不会触发后台刷新
+    initialData: {
+      "VisionSnapVersion": "3.4.6",
+      "library": ["G2", "F2", "G6"]
+    }
   });
 }

package/dist/locales/en.json

@@ -233,6 +233,8 @@
   "ai.conversations.ok": "OK",
   "ai.conversations.cancel": "Cancel",
   "ai.msgbox.delete": "Delete",
+  "ai.msgbox.auto.fix": "Auto Fix",
+  "ai.msgbox.auto.fix.prompt": "This code encountered a problem during execution. Here is the exact error message it threw.",
   "ai.chooseLib.placeholder": "Choose Technology Stack",
   "ai.search.try": "Try",
   "ai.search.visualization": "Q&A",

package/dist/locales/zh.json

@@ -232,6 +232,8 @@
   "ai.conversations.ok": "确定",
   "ai.conversations.cancel": "取消",
   "ai.msgbox.delete": "删除",
+  "ai.msgbox.auto.fix": "自动修复",
+  "ai.msgbox.auto.fix.prompt": "这个代码在执行时遇到了问题。下面是它抛出的确切错误信息。",
   "ai.chooseLib.placeholder": "选择技术栈",
   "ai.search.try": "试试",
   "ai.search.visualization": "可视化答疑",

package/dist/model/AIChat.js

@@ -15,6 +15,7 @@ import FingerprintJS from '@fingerprintjs/fingerprintjs';
 import { history } from "dumi";
 import { message } from "antd";
 import { AIMode } from "../components/AI/constant";
+import { trackEvent } from "../utils/analytics";
 
 // --- 配置 ---
 // 定义需要持久化的 state key
@@ -30,7 +31,8 @@ var initialState = {
   tempMessage: null,
   codeBlock: null,
   lib: null,
-  mode: AIMode.implement
+  mode: AIMode.implement,
+  errorMsg: null
 };
 
 // --- valtio Store 创建 ---
@@ -222,7 +224,6 @@ export var createPureNewSession = function createPureNewSession(title) {
   AIChatStore.activeSessionId = newSessionId;
 };
 export var createNewSession = function createNewSession(config) {
-  // todo  埋点
   // 1. 创建一个新的会话
   createPureNewSession(config.promptText);
 
@@ -240,6 +241,16 @@ export var createNewSession = function createNewSession(config) {
     var _config$lang;
     history.push("/".concat((_config$lang = config.lang) !== null && _config$lang !== void 0 ? _config$lang : 'zh', "/ai-playground"));
   }
+  // 埋点
+  if ((typeof window === "undefined" ? "undefined" : _typeof(window)) === 'object') {
+    trackEvent('start_ai_chat', {
+      entry_point: config.entry_point,
+      mode: AIChatStore.mode,
+      lib: AIChatStore.lib,
+      page_title: document.title,
+      location: location.href
+    });
+  }
 };
 
 /**

package/dist/pages/AIPlayground/components/MarkdownComponent/MarkdownCodeBlock.js

@@ -90,7 +90,8 @@ export var MarkdownCodeBlock = function MarkdownCodeBlock(_ref) {
     showLineNumbers: false // (可选) 显示行号
     ,
     customStyle: {
-      paddingTop: '2em'
+      paddingTop: '2em',
+      background: '#fafafa'
     }
   }, codeString));
 };

package/dist/pages/AIPlayground/components/MsgBox/index.js

@@ -1,10 +1,11 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { BranchesOutlined, CheckOutlined, CopyOutlined, DeleteOutlined, PlusSquareOutlined, SyncOutlined } from '@ant-design/icons';
+import { BranchesOutlined, CheckOutlined, CopyOutlined, DeleteOutlined, PlusSquareOutlined, SyncOutlined, ToolOutlined } from '@ant-design/icons';
 import { Bubble } from '@ant-design/x';
 import { Button, Flex, Space, Tooltip } from 'antd';
 import { useChat } from '@ai-sdk/react';
@@ -22,6 +23,7 @@ import styles from "./index.module.less";
 import { useAutoScroll } from "./useAutoScroll";
 import { getBaseURL } from "../../../../utils/env";
 import { AIMode } from "../../../../components/AI/constant";
+import { trackEvent } from "../../../../utils/analytics";
 var avatar = {
   icon: /*#__PURE__*/React.createElement("img", {
     draggable: false,
@@ -188,9 +190,9 @@ function MsgBox(props) {
       text: promptText
     }, {
       body: {
-        context: fileSummary,
-        lib: snap.lib,
-        mode: snap.mode
+        // context: fileSummary,
+        // lib: snap.lib,
+        // mode: snap.mode,
       }
     });
     setPromptText('');
@@ -203,6 +205,16 @@ function MsgBox(props) {
       lib: snap.lib
     });
     chatScrollIntoView();
+    // 埋点
+    if ((typeof window === "undefined" ? "undefined" : _typeof(window)) === 'object') {
+      trackEvent('start_ai_chat', {
+        entry_point: simple ? 'Drawer' : 'MsgBox',
+        mode: AIChatStore.mode,
+        lib: AIChatStore.lib,
+        page_title: document.title,
+        location: location.href
+      });
+    }
   };
 
   // 同步 Valtio store -> useChat state
@@ -254,12 +266,36 @@ function MsgBox(props) {
   useEffect(function () {
     chatScrollIntoView();
     stop();
+    AIChatStore.errorMsg = null;
   }, [snap.activeSessionId]);
 
   // 将 messages 数组作为依赖项。当它变化时，Hook 会运行。
   var _useAutoScroll = useAutoScroll(messages),
     containerRef = _useAutoScroll.containerRef,
     anchorRef = _useAutoScroll.anchorRef;
+  var autofix = function autofix() {
+    var _derivedState$activeS6;
+    var autoFixPromptText = "".concat(formatMessage({
+      id: 'ai.msgbox.auto.fix.prompt'
+    }), " [").concat(snap.errorMsg, "]");
+    sendMessage({
+      text: autoFixPromptText
+    }, {
+      body: {
+        antvContext: snap.codeBlock
+      }
+    });
+    AIChatStore.errorMsg = null;
+    (_derivedState$activeS6 = derivedState.activeSession) === null || _derivedState$activeS6 === void 0 || (_derivedState$activeS6 = _derivedState$activeS6.messages) === null || _derivedState$activeS6 === void 0 || _derivedState$activeS6.push({
+      id: crypto.randomUUID(),
+      role: 'user',
+      content: autoFixPromptText,
+      createdAt: Date.now(),
+      context: snap.codeBlock,
+      lib: snap.lib
+    });
+    chatScrollIntoView();
+  };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Flex, {
     gap: "middle",
     vertical: true,
@@ -345,7 +381,14 @@ function MsgBox(props) {
     className: styles.newButton
   }, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(PlusSquareOutlined, null), formatMessage({
     id: 'ai.msgbox.start.new.chat'
-  }))))), /*#__PURE__*/React.createElement(PromptTextarea, {
+  }))), snap.errorMsg && status === 'ready' && /*#__PURE__*/React.createElement(Button, {
+    onClick: autofix,
+    color: "danger",
+    variant: "filled",
+    icon: /*#__PURE__*/React.createElement(ToolOutlined, null)
+  }, formatMessage({
+    id: 'ai.msgbox.auto.fix'
+  })))), /*#__PURE__*/React.createElement(PromptTextarea, {
     size: "compact",
     value: promptText,
     onChange: setPromptText,

package/dist/pages/AIPlayground/components/SessionLayout/index.js

@@ -45,7 +45,8 @@ function SessionLayout(props) {
   }, children[0]), /*#__PURE__*/React.createElement("div", {
     className: styles.taskBox
   }, children[1])) : /*#__PURE__*/React.createElement("div", {
-    className: classnames(styles.msgBox, styles.msgBoxFull)
+    className: classnames(styles.msgBox, styles.msgBoxFull),
+    key: snap.codeBlock
   }, children[0]), isDragging && /*#__PURE__*/React.createElement("div", {
     style: {
       position: 'fixed',

package/dist/pages/AIPlayground/components/TaskBox/generateCode.js

@@ -1,3 +1,7 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
@@ -68,38 +72,112 @@ export function generateDependencies(codeString) {
         dependencies[pkg] = "latest";
       }
     }
+
+    // f2的语法是jsx。VisionSnap限制只要是jsx就必须装React。
   } catch (err) {
     _iterator.e(err);
   } finally {
     _iterator.f();
   }
+  if (Object.prototype.hasOwnProperty.call(dependencies, "@antv/f2")) {
+    dependencies["react"] = "^18";
+    dependencies["react-dom"] = "^18";
+  }
   return dependencies;
 }
+
+/**
+ * 基于代码内容，启发式地判断其最合适的文件扩展名。
+ * @param {string} code - 要分析的前端代码字符串。
+ * @returns {'tsx' | 'jsx' | 'ts' | 'js'} - 推断出的文件扩展名（不含点）。
+ */
+export function getLanguageExtension(code) {
+  // --- 特征检测函数 ---
+
+  /**
+   * 检查代码是否包含 JSX 语法。
+   * 这是一个启发式检查，它查找类似HTML标签的模式。
+   * - 匹配 <div...>, <MyComponent...>, </tag>, <Component/>, <>
+   */
+  var containsJsx = function containsJsx(text) {
+    // 1. 查找开/闭标签 <...> 或自闭合标签 <.../>
+    // 2. 忽略可能误判的比较操作，如 `i < j`
+    // 这个正则查找一个'<'符号，后面不能是'!' (注释)或'=' (小于等于)，
+    // 并且后面跟着一个合法的标签名（字母开头）或闭合标签'/'。
+    // 这比简单的 /<...>/ 更可靠。
+    var jsxRegex = /<(?![\s!=])([a-zA-Z][a-zA-Z0-9-]*|\/|)/;
+    return jsxRegex.test(text);
+  };
+
+  /**
+   * 检查代码是否包含 TypeScript 语法。
+   * 这是一个启发式检查，查找TS独有的关键字和语法模式。
+   */
+  var containsTypeScript = function containsTypeScript(text) {
+    // 检查点 1: 类型/接口定义（非常明确的信号）
+    // 匹配 `type MyType = ...` 或 `interface MyInterface { ... }`
+    var typeDefinitionRegex = /\b(interface|type)\s+[A-Z][a-zA-Z0-9]*\b/;
+    if (typeDefinitionRegex.test(text)) {
+      return true;
+    }
+
+    // 检查点 2: 变量或参数的类型注解（强信号）
+    // 匹配 `: string`, `: number`, `: MyType` 等
+    // 这个正则查找一个冒号，后面跟着一个类型（通常大写字母开头或ts内置类型）
+    var typeAnnotationRegex = /:\s*([A-Z][a-zA-Z0-9<>.]*|string|number|boolean|any\[?\]?)/;
+    if (typeAnnotationRegex.test(text)) {
+      return true;
+    }
+
+    // 检查点 3: 其他TS关键字
+    // 匹配 `as someType`, `implements`, `private`, `public`, `protected` 等
+    var tsKeywordsRegex = /\b(as|implements|private|public|protected|readonly)\s+[a-zA-Z]/;
+    if (tsKeywordsRegex.test(text)) {
+      return true;
+    }
+    return false;
+  };
+
+  // --- 决策逻辑 ---
+
+  if (containsJsx(code)) {
+    if (containsTypeScript(code)) {
+      return 'tsx';
+    }
+    return 'jsx';
+  } else {
+    if (containsTypeScript(code)) {
+      return 'ts';
+    }
+    return 'js';
+  }
+}
 export function wrap2VisionSnap() {
   var codeBlock = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var ext = getLanguageExtension(codeBlock);
+  var mainFile = "/src/index.".concat(ext);
+  var appFile = "/src/App.".concat(ext);
   var dependencies = generateDependencies(codeBlock);
   var rootElementType = dependencies['@antv/f2'] ? 'canvas' : 'div';
   var dependenciesJSON = {
     "name": "AntV-adapted-project",
     "version": "1.0.0",
-    "main": "/src/index.jsx",
+    "main": mainFile,
     "dependencies": dependencies
   };
   return {
-    modules: {
+    modules: _defineProperty(_defineProperty({
       '/package.json': {
         fpath: '/package.json',
         code: JSON.stringify(dependenciesJSON, null, 2)
-      },
-      '/src/index.jsx': {
-        fpath: '/src/index.jsx',
-        code: "\n// --- Adapter Script ---\n\n// 1. \u627E\u5230\u7F16\u8F91\u5668\u73AF\u5883\u63D0\u4F9B\u7684\u6839\u8282\u70B9 #root\nconst rootElement = document.getElementById('root');\n\nif (rootElement) {\n  // 2. \u5728 #root \u5185\u90E8\u521B\u5EFA\u4E00\u4E2A ".concat(rootElementType, "\n  const containerElement = document.createElement('").concat(rootElementType, "');\n\n  // 3. \u5C06\u8FD9\u4E2A div \u7684 id \u8BBE\u7F6E\u4E3A 'container'\uFF0C\u4EE5\u6EE1\u8DB3\u7528\u6237\u4EE3\u7801\u7684\u9700\u6C42\n  containerElement.id = 'container';\n\n  // 4. \u5C06\u5B83\u6DFB\u52A0\u5230 #root \u4E2D\n  rootElement.appendChild(containerElement);\n\n  // 5. \u73B0\u5728 DOM \u4E2D\u5DF2\u7ECF\u5B58\u5728 #container\uFF0C\u5B89\u5168\u5730\u5BFC\u5165\u5E76\u6267\u884C\u7528\u6237\u7684\u4EE3\u7801\n  import('./App.jsx');\n\n}\n      ")
-      },
-      '/src/App.jsx': {
-        fpath: '/src/App.jsx',
-        code: codeBlock
       }
-    }
+    }, mainFile, {
+      fpath: mainFile,
+      code: "\n// --- Adapter Script ---\n\n// 1. \u627E\u5230\u7F16\u8F91\u5668\u73AF\u5883\u63D0\u4F9B\u7684\u6839\u8282\u70B9 #root\nconst rootElement = document.getElementById('root');\n\nif (rootElement) {\n  // 2. \u5728 #root \u5185\u90E8\u521B\u5EFA\u4E00\u4E2A ".concat(rootElementType, "\n  const containerElement = document.createElement('").concat(rootElementType, "');\n\n  // 3. \u5C06\u8FD9\u4E2A div \u7684 id \u8BBE\u7F6E\u4E3A 'container'\uFF0C\u4EE5\u6EE1\u8DB3\u7528\u6237\u4EE3\u7801\u7684\u9700\u6C42\n  containerElement.id = 'container';\n\n  // 4. \u5C06\u5B83\u6DFB\u52A0\u5230 #root \u4E2D\n  rootElement.appendChild(containerElement);\n\n  // 5. \u73B0\u5728 DOM \u4E2D\u5DF2\u7ECF\u5B58\u5728 #container\uFF0C\u5B89\u5168\u5730\u5BFC\u5165\u5E76\u6267\u884C\u7528\u6237\u7684\u4EE3\u7801\n  import('./App.").concat(ext, "');\n\n}\n      ")
+    }), appFile, {
+      fpath: [appFile],
+      code: codeBlock
+    })
   };
 }
 export function wrap2Sandpack() {

package/dist/pages/AIPlayground/components/TaskBox/index.js

@@ -8,8 +8,15 @@ import { requestProxy, useVisionsnapSdk } from "../../../../hooks/useVisionsnapS
 import { ErrorBoundary } from 'react-error-boundary';
 import Loading from "dumi/theme/slots/Loading";
 import { ErrorFallback } from "../../../../builtins/Playground";
+import { useAntVConfig } from "../../../../hooks/useProducts";
 function TaskBox() {
   var _themeConfig$ai, _themeConfig$ai2;
+  var _useAntVConfig = useAntVConfig(),
+    _useAntVConfig$data = _useAntVConfig.data,
+    _useAntVConfig$data2 = _useAntVConfig$data === void 0 ? {
+      VisionSnapVersion: '3.4.6'
+    } : _useAntVConfig$data,
+    version = _useAntVConfig$data2.VisionSnapVersion;
   var snap = useSnapshot(AIChatStore);
   var _useSiteData = useSiteData(),
     themeConfig = _useSiteData.themeConfig;
@@ -42,13 +49,17 @@ function TaskBox() {
       }]
     }];
   }, [demoId, snap.activeSessionId, snap.anonymousUserId, snap.codeBlock]);
-  var _useVisionsnapSdk = useVisionsnapSdk('3.2.15'),
+  var _useVisionsnapSdk = useVisionsnapSdk(version),
     sdk = _useVisionsnapSdk.sdk,
     loading = _useVisionsnapSdk.loading;
   if (loading) {
     return /*#__PURE__*/React.createElement(Loading, null);
   }
   var wrappedVisionSnapCode = wrap2VisionSnap(snap.codeBlock);
+  var handleEsmLoadFailed = function handleEsmLoadFailed(err) {
+    var _err$data;
+    AIChatStore.errorMsg = ((_err$data = err.data) === null || _err$data === void 0 || (_err$data = _err$data.error) === null || _err$data === void 0 || (_err$data = _err$data.split('\n')) === null || _err$data === void 0 ? void 0 : _err$data[0]) || JSON.stringify(err) || err.message;
+  };
   if (themeConfig.isAntVSite || ((_themeConfig$ai = themeConfig.ai) === null || _themeConfig$ai === void 0 ? void 0 : _themeConfig$ai.codeRunner) === "VisionSnap" || !((_themeConfig$ai2 = themeConfig.ai) !== null && _themeConfig$ai2 !== void 0 && _themeConfig$ai2.codeRunner) || !wrappedVisionSnapCode.modules["/package.json"].code.includes("@antv/f2")) {
     return /*#__PURE__*/React.createElement(ErrorBoundary, {
       FallbackComponent: ErrorFallback
@@ -68,7 +79,8 @@ function TaskBox() {
       proxyOptions: {
         isWAN: true
       },
-      src: "https://www.weavefox.cn/_visionsnap_render/index.html?version=3.2.15&enableInspector=1"
+      src: "https://www.weavefox.cn/_visionsnap_render/index.html?version=".concat(version, "&enableInspector=1"),
+      onEsmLoadFailed: handleEsmLoadFailed
     }));
   } else {
     return /*#__PURE__*/React.createElement(CodeRunner, {

package/dist/slots/Header/Search/SearchResult.js

@@ -31,7 +31,8 @@ export var SearchResult = function SearchResult(_ref) {
       mode: 'solve',
       lib: !themeConfig.isAntVSite ? themeConfig.title : undefined,
       jump: true,
-      lang: intl.locale === 'zh' ? 'zh' : 'en'
+      lang: intl.locale === 'zh' ? 'zh' : 'en',
+      entry_point: 'SearchResult'
     });
   }
   return /*#__PURE__*/React.createElement("div", {

package/dist/utils/analytics.js

@@ -0,0 +1,16 @@
+/**
+ * 统一的事件跟踪函数
+ * @param {string} eventName - 事件名称，如 'button_click'
+ * @param {object} params - 事件相关的参数
+ */
+export var trackEvent = function trackEvent(eventName) {
+  var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  if (typeof window === 'undefined') {
+    return false;
+  }
+  if (window.gtag) {
+    window.gtag('event', eventName, params);
+  } else {
+    console.warn('[Analytics] gtag is not available.');
+  }
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/dumi-theme-antv",
-  "version": "0.8.0-beta.14",
+  "version": "0.8.0-beta.16",
   "description": "AntV website theme based on dumi2.",
   "keywords": [
     "dumi",