react-ai-renderer 0.1.19 → 0.1.21

package/dist/index.d.ts

@@ -167,6 +167,6 @@ declare class MDXStreamingParser {
     reset(): void;
 }
 
-declare function ReactAIRenderer({ content, scope, components, children, componentHandlers, useGithubStyles, mdxLayoutClassName, mdxLayoutStyle }: ReactAIRendererProps): React.JSX.Element;
+declare function ReactAIRenderer({ content, scope, components, children, componentHandlers, useGithubStyles, mdxLayoutClassName, mdxLayoutStyle }: ReactAIRendererProps): React.JSX.Element | null;
 
 export { ComponentData$1 as ComponentData, ComponentHandler, ComponentValue, EnhancedComponentConfig, MDXStreamingParser, MdxLayout, MdxLayoutProps, ParseResult, ParserState, ReactAIRendererProps, ReactMarkdownProps, Think, ThinkProps, ToolCall, ToolCallProps, ReactAIRenderer as default };

package/dist/index.js

@@ -9,58 +9,6 @@ import { run, compile } from '@mdx-js/mdx';
 import RehypeKatex from 'rehype-katex';
 import RehypeHighlight from 'rehype-highlight';
 
-// SSR 兼容性 polyfill
-// 这个文件确保在服务端渲染时不会因为访问 document 而报错
-// 在模块加载时就设置全局保护
-if (typeof globalThis !== 'undefined' && globalThis.document === undefined) {
-  // 为 SSR 环境创建一个模拟的 document 对象
-  var mockElement_1 = {
-    innerHTML: '',
-    textContent: '',
-    appendChild: function () {
-      return mockElement_1;
-    },
-    removeChild: function () {
-      return mockElement_1;
-    },
-    remove: function () {},
-    id: '',
-    className: '',
-    setAttribute: function () {},
-    getAttribute: function () {
-      return null;
-    },
-    removeAttribute: function () {},
-    querySelector: function () {
-      return null;
-    },
-    querySelectorAll: function () {
-      return [];
-    }
-  };
-  // 创建模拟的 document 对象
-  var mockDocument = {
-    createElement: function () {
-      return mockElement_1;
-    },
-    getElementById: function () {
-      return null;
-    },
-    querySelector: function () {
-      return null;
-    },
-    querySelectorAll: function () {
-      return [];
-    },
-    body: mockElement_1,
-    head: mockElement_1,
-    addEventListener: function () {},
-    removeEventListener: function () {}
-  };
-  // 在 SSR 环境中提供全局的 document
-  globalThis.document = mockDocument;
-}
-
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -197,6 +145,165 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
+if (typeof globalThis !== 'undefined' && typeof globalThis.window === 'undefined') {
+  var mockElement_1 = {
+    innerHTML: '',
+    textContent: '',
+    nodeValue: '',
+    appendChild: function () {
+      return mockElement_1;
+    },
+    removeChild: function () {
+      return mockElement_1;
+    },
+    insertBefore: function () {
+      return mockElement_1;
+    },
+    replaceChild: function () {
+      return mockElement_1;
+    },
+    cloneNode: function () {
+      return mockElement_1;
+    },
+    remove: function () {},
+    id: '',
+    className: '',
+    classList: {
+      add: function () {},
+      remove: function () {},
+      contains: function () {
+        return false;
+      },
+      toggle: function () {
+        return false;
+      }
+    },
+    style: {},
+    setAttribute: function () {},
+    getAttribute: function () {
+      return null;
+    },
+    removeAttribute: function () {},
+    hasAttribute: function () {
+      return false;
+    },
+    querySelector: function () {
+      return null;
+    },
+    querySelectorAll: function () {
+      return [];
+    },
+    getElementsByTagName: function () {
+      return [];
+    },
+    getElementsByClassName: function () {
+      return [];
+    },
+    addEventListener: function () {},
+    removeEventListener: function () {},
+    dispatchEvent: function () {
+      return true;
+    },
+    parentNode: null,
+    parentElement: null,
+    childNodes: [],
+    children: [],
+    firstChild: null,
+    lastChild: null,
+    nextSibling: null,
+    previousSibling: null
+  };
+  var mockDocument = {
+    createElement: function () {
+      return mockElement_1;
+    },
+    createElementNS: function () {
+      return mockElement_1;
+    },
+    createTextNode: function (text) {
+      return __assign(__assign({}, mockElement_1), {
+        nodeValue: text,
+        textContent: text
+      });
+    },
+    createDocumentFragment: function () {
+      return mockElement_1;
+    },
+    getElementById: function () {
+      return null;
+    },
+    querySelector: function () {
+      return null;
+    },
+    querySelectorAll: function () {
+      return [];
+    },
+    getElementsByTagName: function () {
+      return [];
+    },
+    getElementsByClassName: function () {
+      return [];
+    },
+    body: mockElement_1,
+    head: mockElement_1,
+    documentElement: mockElement_1,
+    addEventListener: function () {},
+    removeEventListener: function () {},
+    createEvent: function () {
+      return {};
+    }
+  };
+  var mockWindow = {
+    document: mockDocument,
+    location: {
+      href: '',
+      origin: '',
+      protocol: 'https:',
+      host: '',
+      hostname: '',
+      port: '',
+      pathname: '/',
+      search: '',
+      hash: ''
+    },
+    navigator: {
+      userAgent: '',
+      language: 'en-US',
+      platform: ''
+    },
+    addEventListener: function () {},
+    removeEventListener: function () {},
+    getComputedStyle: function () {
+      return {};
+    },
+    matchMedia: function () {
+      return {
+        matches: false,
+        media: '',
+        addListener: function () {},
+        removeListener: function () {},
+        addEventListener: function () {},
+        removeEventListener: function () {},
+        dispatchEvent: function () {
+          return true;
+        }
+      };
+    },
+    requestAnimationFrame: function (cb) {
+      return setTimeout(cb, 16);
+    },
+    cancelAnimationFrame: function (id) {
+      return clearTimeout(id);
+    },
+    setTimeout: setTimeout,
+    clearTimeout: clearTimeout,
+    setInterval: setInterval,
+    clearInterval: clearInterval
+  };
+  globalThis.window = mockWindow;
+  globalThis.document = mockDocument;
+}
+
 var MDXStreamingParser = /** @class */function () {
   function MDXStreamingParser(components) {
     // 将组件名称存储在Set中，而不是整个组件对象
@@ -43136,8 +43243,6 @@ function decodeNamedCharacterReference(value) {
   // reference to decode was not a semicolon (`;`), we can assume that the
   // matching was not complete.
   if (
-    // @ts-expect-error: TypeScript is wrong that `textContent` on elements can
-    // yield `null`.
     character.charCodeAt(character.length - 1) === 59 /* `;` */ &&
     value !== 'semi'
   ) {
@@ -43146,8 +43251,6 @@ function decodeNamedCharacterReference(value) {
 
   // If the decoded string is equal to the input, the character reference was
   // not valid.
-  // @ts-expect-error: TypeScript is wrong that `textContent` on elements can
-  // yield `null`.
   return character === characterReference ? false : character
 }
 
@@ -54876,9 +54979,8 @@ function toResult(value) {
 }
 
 /**
- * @typedef {import('unist').Node} UnistNode
- * @typedef {import('unist').Parent} UnistParent
- * @typedef {import('unist-util-visit-parents').VisitorResult} VisitorResult
+ * @import {Node as UnistNode, Parent as UnistParent} from 'unist'
+ * @import {VisitorResult} from 'unist-util-visit-parents'
  */
 
 
@@ -58478,11 +58580,18 @@ function parseComponentRecursively(allComponentHandlers, item, scope) {
           }))];
         case 1:
           parsedChildren_1 = _a.sent();
-          item.children.map(function (item, index) {
-            if (item.type === 'text') {
-              childrenContent_1 += escapeContentForStream(parsedChildren_1[index].value); // encodeURIComponent(parsedChildren[index]);
+          item.children.forEach(function (childItem, index) {
+            var parsedChild = parsedChildren_1[index];
+            if (!parsedChild) {
+              return;
+            }
+            if (!parsedChild.value) {
+              return;
+            }
+            if (childItem.type === 'text') {
+              childrenContent_1 += escapeContentForStream(parsedChild.value);
             } else {
-              childrenContent_1 += parsedChildren_1[index].value;
+              childrenContent_1 += parsedChild.value;
             }
           });
           _a.label = 2;
@@ -59187,7 +59296,6 @@ var ComponentPlaceholder = function (_a) {
       }
     } catch (e) {
       // 如果骨架图生成失败，继续使用默认占位内容
-      console.warn('Failed to generate skeleton:', e);
     }
   }
   // 默认占位内容
@@ -59292,37 +59400,55 @@ function extractComponent(value) {
  * 将 components 转换为 ComponentHandler 数组
  */
 function convertComponentsToHandlers(components, componentHandlers) {
-  return Object.entries(components).filter(function (_a) {
-    var _b = __read(_a, 1),
-      name = _b[0];
-    return !componentHandlers.some(function (handler) {
-      return handler.name === name;
-    });
-  }).map(function (_a) {
-    var _b = __read(_a, 2),
-      name = _b[0],
-      componentValue = _b[1];
+  var e_1, _a;
+  var handlers = [];
+  var _loop_1 = function (name_1, componentValue) {
+    if (!componentValue) return "continue";
+    if (componentHandlers.some(function (handler) {
+      return handler.name === name_1;
+    })) return "continue";
     if (isEnhancedComponentConfig(componentValue)) {
       var config = componentValue;
-      return {
+      if (!config.value) {
+        return "continue";
+      }
+      handlers.push({
         component: config.value,
-        name: name,
+        name: name_1,
         selfClosing: config.selfClosing !== undefined ? config.selfClosing : isSelfClosingComponent(config.value),
         onRenderStart: config.onRenderStart,
         onRenderProcess: config.onRenderProcess,
         onRenderFinished: config.onRenderFinished,
         loader: config.loader,
         label: config.label
-      };
+      });
     } else {
-      // 普通模式：直接使用组件
-      return {
+      handlers.push({
         component: componentValue,
-        name: name,
+        name: name_1,
         selfClosing: isSelfClosingComponent(componentValue)
-      };
+      });
     }
-  });
+  };
+  try {
+    for (var _b = __values(Object.entries(components)), _c = _b.next(); !_c.done; _c = _b.next()) {
+      var _d = __read(_c.value, 2),
+        name_1 = _d[0],
+        componentValue = _d[1];
+      _loop_1(name_1, componentValue);
+    }
+  } 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 handlers;
 }
 function ReactAIRenderer(_a) {
   var _this = this;
@@ -59337,34 +59463,28 @@ function ReactAIRenderer(_a) {
     useGithubStyles = _a.useGithubStyles,
     mdxLayoutClassName = _a.mdxLayoutClassName,
     mdxLayoutStyle = _a.mdxLayoutStyle;
-  // 检查是否在浏览器环境中
+  var _e = __read(useState(null), 2),
+    component = _e[0],
+    setComponent = _e[1];
+  var fallbackErrorRef = useRef({
+    hasError: false
+  });
+  var completedComponentsCacheRef = useRef(new Map());
   var isBrowser = typeof window !== 'undefined';
-  // 在服务端直接返回空内容，避免使用 hooks
-  if (!isBrowser) {
-    return /*#__PURE__*/jsx(React__default.Fragment, {
-      children: null
-    });
-  }
   content = content || children || '';
-  // 构建 allComponents：从增强配置中提取实际的组件
-  var normalizedComponents = components ? Object.fromEntries(Object.entries(components).map(function (_a) {
+  var normalizedComponents = components ? Object.fromEntries(Object.entries(components).filter(function (_a) {
+    var _b = __read(_a, 2);
+      _b[0];
+      var value = _b[1];
+    return value != null;
+  }).map(function (_a) {
     var _b = __read(_a, 2),
       name = _b[0],
       value = _b[1];
     return [name, extractComponent(value)];
   })) : {};
   var allComponents = __assign(__assign({}, BuiltInComponents), normalizedComponents);
-  // 构建 allComponentHandlers：支持增强模式
   var allComponentHandlers = __spreadArray(__spreadArray([], __read(components ? convertComponentsToHandlers(components, componentHandlers) : []), false), __read(componentHandlers), false);
-  var _e = __read(useState(null), 2),
-    component = _e[0],
-    setComponent = _e[1];
-  // 用于跟踪 FallbackView 的错误状态
-  var fallbackErrorRef = useRef({
-    hasError: false
-  });
-  // 用于缓存已完成的组件，避免重复渲染
-  var completedComponentsCacheRef = useRef(new Map());
   var parser = new MDXStreamingParser(allComponentHandlers);
   var mdxContent = content || '';
   // FallbackView 错误状态变化时的回调
@@ -59375,10 +59495,11 @@ function ReactAIRenderer(_a) {
     };
   };
   useEffect(function () {
+    if (!isBrowser) return;
     var parseMDX = function () {
       return __awaiter(_this, void 0, void 0, function () {
-        var ThinkComponent, ResultComponent, protectedContent, _a, thinkContent, resultContent, parsedData, parsedComponents, currentComponentCount, cacheKeys, cacheKeys_1, cacheKeys_1_1, key, indexMatch, index, finalComponent, fallbackComponent, _loop_1, i, MDXComponent, parsedDataLength, lastItem;
-        var e_1, _b;
+        var ThinkComponent, ResultComponent, protectedContent, _a, thinkContent, resultContent, parsedData, parsedComponents, currentComponentCount, cacheKeys, cacheKeys_1, cacheKeys_1_1, key, indexMatch, index, finalComponent, fallbackComponent, _loop_2, i, MDXComponent, parsedDataLength, lastItem;
+        var e_2, _b;
         return __generator(this, function (_c) {
           switch (_c.label) {
             case 0:
@@ -59396,7 +59517,6 @@ function ReactAIRenderer(_a) {
               if (!resultContent) return [3 /*break*/, 8];
               resultContent = fixMDXContent(resultContent);
               parsedData = parser.parse('magic', resultContent);
-              console.log('parsedData', parsedData);
               return [4 /*yield*/, Promise.all(parsedData.map(function (item) {
                 return parseComponentRecursively(allComponentHandlers, item, scope);
               }))];
@@ -59416,20 +59536,20 @@ function ReactAIRenderer(_a) {
                     }
                   }
                 }
-              } catch (e_1_1) {
-                e_1 = {
-                  error: e_1_1
+              } catch (e_2_1) {
+                e_2 = {
+                  error: e_2_1
                 };
               } finally {
                 try {
                   if (cacheKeys_1_1 && !cacheKeys_1_1.done && (_b = cacheKeys_1.return)) _b.call(cacheKeys_1);
                 } finally {
-                  if (e_1) throw e_1.error;
+                  if (e_2) throw e_2.error;
                 }
               }
               finalComponent = [];
               fallbackComponent = [];
-              _loop_1 = function (i) {
+              _loop_2 = function (i) {
                 var item, currentParsedItem, _result, placeholderForFallback, componentNameMatch, componentName_1, componentHandler, displayName, cacheKey;
                 return __generator(this, function (_d) {
                   switch (_d.label) {
@@ -59518,7 +59638,7 @@ function ReactAIRenderer(_a) {
               _c.label = 4;
             case 4:
               if (!(i < parsedComponents.length)) return [3 /*break*/, 7];
-              return [5 /*yield**/, _loop_1(i)];
+              return [5 /*yield**/, _loop_2(i)];
             case 5:
               _c.sent();
               _c.label = 6;
@@ -59562,6 +59682,9 @@ function ReactAIRenderer(_a) {
     };
     parseMDX();
   }, [content]);
+  if (!isBrowser) {
+    return null;
+  }
   return /*#__PURE__*/jsx(ErrorBoundary, {
     content: content,
     children: /*#__PURE__*/jsx(React__default.Fragment, {
@@ -59748,7 +59871,6 @@ var getMermaid = function () {
   mermaidPromise = import('mermaid').then(function (module) {
     return module.default || module;
   }).catch(function (error) {
-    console.warn('Mermaid is not available. Install it to enable chart rendering.');
     return null;
   });
   return mermaidPromise;
@@ -59799,7 +59921,6 @@ function MermaidRenderer(_a) {
             if (!!mermaid.initialized) return [3 /*break*/, 4];
             // 设置全局错误处理函数
             mermaid.parseError = function (err) {
-              console.warn('Mermaid parse error:', err.message);
             };
             return [4 /*yield*/, mermaid.initialize({
               startOnLoad: false,