react-ai-renderer 0.1.1 → 0.1.2

package/dist/{index-1e589dfb.js → index-283b43ef.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,142 @@ 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 __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 CodeHighlight = function (_a) {
   var textContent = _a.textContent,
     _b = _a.language,
@@ -567,7 +549,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-91a0a7d8.js').catch(function () {
         return {
           default: function () {
             return /*#__PURE__*/jsx("div", {});
@@ -770,10 +752,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 组件
@@ -897,11 +904,12 @@ function formatProps(props) {
 }
 function renderMdx(mdxContent, scope, registeredComponents) {
   return __awaiter(this, void 0, void 0, function () {
-    var componentTagRegex, usedComponents, match, vf, XComponent, e_1;
-    return __generator(this, function (_a) {
-      switch (_a.label) {
+    var componentTagRegex, usedComponents, match, _registeredComponents, usedComponents_1, usedComponents_1_1, component, vf, XComponent;
+    var e_2, _a;
+    return __generator(this, function (_b) {
+      switch (_b.label) {
         case 0:
-          _a.trys.push([0, 3,, 4]);
+          _b.trys.push([0, 3,, 4]);
           renderTimer && clearTimeout(renderTimer);
           componentTagRegex = /<([A-Z][a-zA-Z]*)\b/g;
           usedComponents = new Set();
@@ -909,6 +917,25 @@ function renderMdx(mdxContent, scope, registeredComponents) {
           while ((match = componentTagRegex.exec(mdxContent)) !== null) {
             usedComponents.add(match[1]);
           }
+          _registeredComponents = new Set(Object.keys(registeredComponents));
+          try {
+            for (usedComponents_1 = __values(usedComponents), usedComponents_1_1 = usedComponents_1.next(); !usedComponents_1_1.done; usedComponents_1_1 = usedComponents_1.next()) {
+              component = usedComponents_1_1.value;
+              if (!_registeredComponents.has(component)) {
+                throw new Error("Component ".concat(component, " is used but not registered in the components object."));
+              }
+            }
+          } catch (e_2_1) {
+            e_2 = {
+              error: e_2_1
+            };
+          } finally {
+            try {
+              if (usedComponents_1_1 && !usedComponents_1_1.done && (_a = usedComponents_1.return)) _a.call(usedComponents_1);
+            } finally {
+              if (e_2) throw e_2.error;
+            }
+          }
           return [4 /*yield*/, compile(mdxContent, {
             outputFormat: "function-body",
             remarkPlugins: [[RemarkMath, {
@@ -921,25 +948,22 @@ function renderMdx(mdxContent, scope, registeredComponents) {
             }]]
           })];
         case 1:
-          vf = _a.sent();
+          vf = _b.sent();
           return [4 /*yield*/, run(vf, __assign(__assign(__assign({}, runtime), scope), {
             Fragment: MdxLayout
           }))];
         case 2:
-          XComponent = _a.sent().default;
+          XComponent = _b.sent().default;
           return [2 /*return*/, /*#__PURE__*/React.createElement(XComponent, {
             components: registeredComponents,
             scope: scope
           })];
         case 3:
-          e_1 = _a.sent();
+          _b.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));
@@ -955,31 +979,64 @@ 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') {
@@ -988,15 +1045,15 @@ function parseComponentRecursively(allComponentHandlers, item, scope) {
               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];
       }
     });
@@ -1085,7 +1142,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,
@@ -1101,7 +1157,7 @@ function ReactAIRenderer(_a) {
   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 +1170,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 +1178,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 +1279,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-283b43ef.js.map