react-ai-renderer 0.1.1 → 0.1.3

package/dist/{index-1e589dfb.js → index-b4765fbd.js}

@@ -9,168 +9,17 @@ import { run, compile } from '@mdx-js/mdx';
 import RehypeKatex from 'rehype-katex';
 import RehypeHighlight from 'rehype-highlight';
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
-
-var extendStatics = function(d, b) {
-    extendStatics = Object.setPrototypeOf ||
-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-    return extendStatics(d, b);
-};
-
-function __extends(d, b) {
-    if (typeof b !== "function" && b !== null)
-        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-    extendStatics(d, b);
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-}
-
-var __assign = function() {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-function __generator(thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-}
-
-function __values(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-}
-
-function __read(o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-}
-
-function __spreadArray(to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
 var MDXStreamingParser = /** @class */function () {
   function MDXStreamingParser(components) {
-    this.registeredComponents = new Set(components);
+    // 将组件名称存储在Set中，而不是整个组件对象
+    this.registeredComponents = new Set(components.map(function (c) {
+      return c.name;
+    }));
     this.messages = new Map();
   }
-  MDXStreamingParser.prototype.findComponentByName = function (name) {
-    var e_1, _a;
-    try {
-      for (var _b = __values(this.registeredComponents), _c = _b.next(); !_c.done; _c = _b.next()) {
-        var component = _c.value;
-        if (component.name === name) {
-          return component;
-        }
-      }
-    } catch (e_1_1) {
-      e_1 = {
-        error: e_1_1
-      };
-    } finally {
-      try {
-        if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-      } finally {
-        if (e_1) throw e_1.error;
-      }
-    }
-    return undefined; // Return undefined if no component is found
+  // 检查组件是否已注册
+  MDXStreamingParser.prototype.isComponentRegistered = function (name) {
+    return this.registeredComponents.has(name);
   };
   MDXStreamingParser.prototype.parse = function (messageId, input) {
     var state = {
@@ -191,9 +40,10 @@ var MDXStreamingParser = /** @class */function () {
             break;
           }
           var tagName = input.slice(i + 2, closeTagEnd);
-          var registerComponentInfo = this.findComponentByName(tagName);
+          // 检查组件是否已注册
+          var isRegistered = this.isComponentRegistered(tagName);
           // 如果组件未注册，则作为文本处理
-          if (!registerComponentInfo) {
+          if (!isRegistered) {
             state.buffer += input.slice(i, closeTagEnd + 1);
             i = closeTagEnd + 1;
             continue;
@@ -228,9 +78,10 @@ var MDXStreamingParser = /** @class */function () {
         if (tagMatch) {
           // Handle accumulated text before the tag
           var componentName = tagMatch[1];
-          var registerComponentInfo = this.findComponentByName(componentName);
+          // 检查组件是否已注册
+          var isRegistered = this.isComponentRegistered(componentName);
           // 如果组件未注册，将整个标签作为文本处理
-          if (!registerComponentInfo) {
+          if (!isRegistered) {
             state.buffer += input[i];
             i++;
             continue;
@@ -258,20 +109,16 @@ var MDXStreamingParser = /** @class */function () {
             });
           }
           state.buffer = '';
-          // const componentName = tagMatch[1];
-          var selfClosing = false;
-          // const registerComponentInfo = this.findComponentByName(componentName);
-          if (registerComponentInfo) {
-            selfClosing = registerComponentInfo.selfClosing;
-          }
-          var _a = this.parseComponentTag(input.slice(i), selfClosing),
+          // 动态解析标签形式，不再依赖预先注册的 selfClosing 属性
+          var _a = this.parseComponentTag(input.slice(i)),
             props = _a.props,
-            endIndex = _a.endIndex;
+            endIndex = _a.endIndex,
+            selfClosing = _a.selfClosing;
           var component = {
             type: "component",
             value: componentName,
             props: props,
-            selfClosing: selfClosing
+            selfClosing: selfClosing // 使用实际解析出的标签形式
           };
           if (!selfClosing) {
             state.stack.push(component);
@@ -362,22 +209,21 @@ var MDXStreamingParser = /** @class */function () {
     }
     return input.length;
   };
-  MDXStreamingParser.prototype.parseComponentTag = function (input, selfClosing) {
+  MDXStreamingParser.prototype.parseComponentTag = function (input) {
     var props = {};
     var i = 0;
     // 跳过组件名
     while (i < input.length && input[i] !== ' ' && input[i] !== '>') i++;
-    if (!selfClosing) {
-      return this.parsePropsCommon(input);
-    }
-    // 使用 parseProps 方法解析属性
-    var propsContent = input.slice(i);
-    var parsedProps = this.parsePropsSelfClosing(propsContent);
+    // 使用 parsePropsCommon 方法解析属性，该方法会返回标签形式信息
+    var _a = this.parsePropsCommon(input),
+      parsedProps = _a.props,
+      endIndex = _a.endIndex,
+      selfClosing = _a.selfClosing;
     Object.assign(props, parsedProps);
-    var endIndex = this.findComponentClose(input, i);
     return {
       props: props,
-      endIndex: endIndex
+      endIndex: endIndex,
+      selfClosing: selfClosing
     };
   };
   MDXStreamingParser.prototype.parsePropsCommon = function (input) {
@@ -517,6 +363,130 @@ var MDXStreamingParser = /** @class */function () {
   return MDXStreamingParser;
 }();
 
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+
+var extendStatics = function(d, b) {
+    extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+    return extendStatics(d, b);
+};
+
+function __extends(d, b) {
+    if (typeof b !== "function" && b !== null)
+        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+    extendStatics(d, b);
+    function __() { this.constructor = d; }
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+}
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+function __generator(thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+}
+
+function __read(o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+}
+
+function __spreadArray(to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
 var CodeHighlight = function (_a) {
   var textContent = _a.textContent,
     _b = _a.language,
@@ -567,7 +537,7 @@ var CodeHighlight = function (_a) {
   if (language === "mermaid") {
     // 动态导入 MermaidRenderer 组件
     var MermaidRenderer = /*#__PURE__*/React__default.lazy(function () {
-      return import('./MermaidRenderer-cdeab8f8.js').catch(function () {
+      return import('./MermaidRenderer-fc75606f.js').catch(function () {
         return {
           default: function () {
             return /*#__PURE__*/jsx("div", {});
@@ -770,10 +740,35 @@ var AComponent = function (aProps) {
   var href = aProps.href || "";
   var isInternal = /^\/#/i.test(href);
   var target = isInternal ? "_self" : (_a = aProps.target) !== null && _a !== void 0 ? _a : "_blank";
+  // 增强链接样式，使其更加明显
+  var linkStyle = {
+    color: '#1a73e8',
+    fontWeight: '600',
+    borderBottom: '2px solid #1a73e8',
+    paddingBottom: '2px',
+    transition: 'all 0.2s ease'
+  };
+  // 鼠标悬停效果
+  var hoverStyle = {
+    color: '#0d47a1',
+    borderBottom: '2px solid #0d47a1',
+    backgroundColor: 'rgba(26, 115, 232, 0.1)'
+  };
+  // 合并原有属性和新样式
   return /*#__PURE__*/jsx("a", {
-    color: "red",
     ...aProps,
-    target: target
+    target: target,
+    style: __assign(__assign({}, linkStyle), aProps.style),
+    onMouseEnter: function (e) {
+      var target = e.target;
+      Object.assign(target.style, hoverStyle);
+      aProps.onMouseEnter && aProps.onMouseEnter(e);
+    },
+    onMouseLeave: function (e) {
+      var target = e.target;
+      Object.assign(target.style, linkStyle);
+      aProps.onMouseLeave && aProps.onMouseLeave(e);
+    }
   });
 };
 // Pre 组件
@@ -876,6 +871,15 @@ function remarkThinkUpdate(content) {
     resultContent: resultContent
   };
 }
+/**
+ * 转义流式内容中的特殊字符，防止MDX解析错误
+ * @param content 需要转义的内容
+ * @returns 转义后的内容
+ */
+function escapeContentForStream(content) {
+  if (typeof content !== 'string') return content;
+  return content.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#x27;').replace(/{/g, '&#123;').replace(/}/g, '&#125;');
+}
 
 var renderTimer = null;
 // 辅助函数：格式化props
@@ -897,7 +901,7 @@ function formatProps(props) {
 }
 function renderMdx(mdxContent, scope, registeredComponents) {
   return __awaiter(this, void 0, void 0, function () {
-    var componentTagRegex, usedComponents, match, vf, XComponent, e_1;
+    var componentTagRegex, usedComponents, match, vf, XComponent;
     return __generator(this, function (_a) {
       switch (_a.label) {
         case 0:
@@ -932,19 +936,16 @@ function renderMdx(mdxContent, scope, registeredComponents) {
             scope: scope
           })];
         case 3:
-          e_1 = _a.sent();
+          _a.sent();
           return [2 /*return*/, new Promise(function (resolve) {
             renderTimer = setTimeout(function () {
-              console.log(mdxContent, 'mdxContent');
-              console.log(e_1, 'error');
               resolve(/*#__PURE__*/React.createElement('div', {
                 style: {
-                  fontSize: '14px',
                   backgroundColor: 'transparent'
                 }
               }, mdxContent));
               clearTimeout(renderTimer); // 清理定时器
-            }, 1000); // 1秒延迟
+            }, 2000); // 1秒延迟
           })];
         case 4:
           return [2 /*return*/];
@@ -955,48 +956,81 @@ function renderMdx(mdxContent, scope, registeredComponents) {
 // 递归解析组件的函数
 function parseComponentRecursively(allComponentHandlers, item, scope) {
   return __awaiter(this, void 0, void 0, function () {
-    var componentHandler, props, propsString, childrenContent_1, parsedChildren_1, componentString;
+    var componentHandler, componentString_1, parsedChildren, props, propsString, childrenContent_1, parsedChildren_1, componentString;
     return __generator(this, function (_a) {
       switch (_a.label) {
         case 0:
           if (item.type === 'text') {
             return [2 /*return*/, item.value];
           }
-          if (!(item.type === 'component')) return [3 /*break*/, 3];
+          if (!(item.type === 'component')) return [3 /*break*/, 8];
           componentHandler = allComponentHandlers.find(function (c) {
             return c.name === item.value;
           });
-          if (!componentHandler) {
-            return [2 /*return*/, null];
+          if (!!componentHandler) return [3 /*break*/, 5];
+          componentString_1 = "<".concat(item.value);
+          if (item.props) {
+            componentString_1 += ' ' + Object.entries(item.props).map(function (_a) {
+              var _b = __read(_a, 2),
+                key = _b[0],
+                value = _b[1];
+              if (typeof value === 'string') {
+                return "".concat(key, "=\"").concat(value, "\"");
+              }
+              try {
+                return "".concat(key, "={").concat(JSON.stringify(value), "}");
+              } catch (e) {
+                return "".concat(key, "=\"[object Object]\"");
+              }
+            }).join(' ');
           }
+          if (!item.selfClosing) return [3 /*break*/, 1];
+          componentString_1 += ' />';
+          return [3 /*break*/, 4];
+        case 1:
+          componentString_1 += '>';
+          if (!(item.children && Array.isArray(item.children))) return [3 /*break*/, 3];
+          return [4 /*yield*/, Promise.all(item.children.map(function (child) {
+            return parseComponentRecursively(allComponentHandlers, child, scope);
+          }))];
+        case 2:
+          parsedChildren = _a.sent();
+          componentString_1 += parsedChildren.join('');
+          _a.label = 3;
+        case 3:
+          componentString_1 += "</".concat(item.value, ">");
+          _a.label = 4;
+        case 4:
+          return [2 /*return*/, componentString_1];
+        case 5:
           props = __assign(__assign({}, item.props), {
             key: generateRandomName()
           });
           propsString = formatProps(props);
           propsString += " scope={props.scope}";
           childrenContent_1 = '';
-          if (!(item.children && Array.isArray(item.children))) return [3 /*break*/, 2];
+          if (!(item.children && Array.isArray(item.children))) return [3 /*break*/, 7];
           return [4 /*yield*/, Promise.all(item.children.map(function (child) {
             return parseComponentRecursively(allComponentHandlers, child, scope);
           }))];
-        case 1:
+        case 6:
           parsedChildren_1 = _a.sent();
           item.children.map(function (item, index) {
             if (item.type === 'text') {
-              childrenContent_1 += parsedChildren_1[index]; // encodeURIComponent(parsedChildren[index]);
+              childrenContent_1 += escapeContentForStream(parsedChildren_1[index]); // encodeURIComponent(parsedChildren[index]);
             } else {
               childrenContent_1 += parsedChildren_1[index];
             }
           });
-          _a.label = 2;
-        case 2:
+          _a.label = 7;
+        case 7:
           // 调用组件的渲染钩子
           if (componentHandler.onRender) {
             componentHandler.onRender(item, scope);
           }
           componentString = componentHandler.selfClosing ? "<".concat(item.value, " ").concat(propsString, " />") : "\t\n<".concat(item.value, " ").concat(propsString, ">\n").concat(childrenContent_1, "\n</").concat(item.value, ">\t\n");
           return [2 /*return*/, componentString];
-        case 3:
+        case 8:
           return [2 /*return*/, null];
       }
     });
@@ -1068,11 +1102,12 @@ function ReactAIRenderer(_a) {
   var content = _a.content,
     _b = _a.scope,
     scope = _b === void 0 ? {} : _b,
-    components = _a.components,
+    _c = _a.components,
+    components = _c === void 0 ? {} : _c,
     children = _a.children,
-    _c = _a.componentHandlers,
-    componentHandlers = _c === void 0 ? [] : _c;
-  content = content || children;
+    _d = _a.componentHandlers,
+    componentHandlers = _d === void 0 ? [] : _d;
+  content = content || children || '';
   var allComponents = __assign(__assign({}, BuiltInComponents), components);
   // 修复：确保 components 是一个对象后再使用 Object.entries
   var allComponentHandlers = __spreadArray(__spreadArray([], __read(components ? Object.entries(components).filter(function (_a) {
@@ -1085,7 +1120,6 @@ function ReactAIRenderer(_a) {
     var _b = __read(_a, 2),
       name = _b[0],
       component = _b[1];
-    console.log(name, 'name');
     var selfClosing = isSelfClosingComponent(component);
     return {
       component: component,
@@ -1093,15 +1127,15 @@ function ReactAIRenderer(_a) {
       selfClosing: selfClosing
     };
   }) : []), false), __read(componentHandlers), false);
-  var _d = __read(useState(null), 2),
-    component = _d[0],
-    setComponent = _d[1];
+  var _e = __read(useState(null), 2),
+    component = _e[0],
+    setComponent = _e[1];
   var parser = new MDXStreamingParser(allComponentHandlers);
-  var mdxContent = content;
+  var mdxContent = content || '';
   useEffect(function () {
     var parseMDX = function () {
       return __awaiter(_this, void 0, void 0, function () {
-        var ThinkComponent, ResultComponent, _a, thinkContent, resultContent, parsedData, parsedComponents, finalComponent, MDXComponent;
+        var ThinkComponent, ResultComponent, _a, thinkContent, resultContent, parsedData, parsedComponents, finalComponent, i, _result, MDXComponent;
         return __generator(this, function (_b) {
           switch (_b.label) {
             case 0:
@@ -1114,7 +1148,7 @@ function ReactAIRenderer(_a) {
               ThinkComponent = _b.sent();
               _b.label = 2;
             case 2:
-              if (!resultContent) return [3 /*break*/, 5];
+              if (!resultContent) return [3 /*break*/, 8];
               resultContent = fixMDXContent(resultContent);
               parsedData = parser.parse('magic', resultContent);
               return [4 /*yield*/, Promise.all(parsedData.map(function (item) {
@@ -1122,14 +1156,25 @@ function ReactAIRenderer(_a) {
               }))];
             case 3:
               parsedComponents = _b.sent();
-              return [4 /*yield*/, renderMdx(parsedComponents.join('\n'), scope, allComponents)];
+              finalComponent = [];
+              i = 0;
+              _b.label = 4;
             case 4:
-              finalComponent = _b.sent();
+              if (!(i < parsedComponents.length)) return [3 /*break*/, 7];
+              return [4 /*yield*/, renderMdx(parsedComponents[i], scope, allComponents)];
+            case 5:
+              _result = _b.sent();
+              finalComponent.push(_result);
+              _b.label = 6;
+            case 6:
+              i++;
+              return [3 /*break*/, 4];
+            case 7:
               ResultComponent = /*#__PURE__*/jsx("div", {
                 children: finalComponent
               });
-              _b.label = 5;
-            case 5:
+              _b.label = 8;
+            case 8:
               MDXComponent = /*#__PURE__*/jsxs(React__default.Fragment, {
                 children: [ThinkComponent, ResultComponent]
               });
@@ -1212,6 +1257,7 @@ var ToolCall = function (_a) {
   });
 };
 
-// 默认导出
+// 导出 MDXStreamingParser 类
 
-export { ReactAIRenderer as R, Think as T, __read as _, __awaiter as a, __generator as b, ToolCall as c };
+export { MDXStreamingParser as M, ReactAIRenderer as R, Think as T, __read as _, __awaiter as a, __generator as b, ToolCall as c };
+//# sourceMappingURL=index-b4765fbd.js.map