listpage-next 0.0.262 → 0.0.263

package/dist/features/ChatClient/ui/Bubble/Bubble.js

@@ -14,9 +14,11 @@ const Bubble = (props)=>{
     const hovered = containerHovered || feedbackHovered;
     const cursorPlaceholder = 'pending' === status && 'assistant' === role ? '<placeholder type="pending" />' : '';
     const messageMarkdownEle = markdownRender ? markdownRender(content || '', status) : /*#__PURE__*/ jsx(Markdown, {
+        hasNextChunk: 'success' !== status,
         content: (content || '') + cursorPlaceholder
     });
     const reasoningMarkdownEle = reasoningMarkdownRender ? reasoningMarkdownRender(reasoning_content || '', status) : /*#__PURE__*/ jsx(Markdown, {
+        hasNextChunk: !content,
         content: reasoning_content || ''
     });
     const message = 'user' === role ? /*#__PURE__*/ jsx(UserContentWrapper, {

package/dist/features/ChatClient/ui/Bubble/Markdown.d.ts

@@ -1,4 +1,8 @@
+import { XMarkdownProps } from '@ant-design/x-markdown';
+import '@ant-design/x-markdown/themes/light.css';
 export interface MarkdownProps {
     content: string;
+    hasNextChunk?: boolean;
+    components?: XMarkdownProps['components'];
 }
 export declare const Markdown: (props: MarkdownProps) => import("react/jsx-runtime").JSX.Element;

package/dist/features/ChatClient/ui/Bubble/Markdown.js

@@ -1,39 +1,19 @@
 import { jsx } from "react/jsx-runtime";
-import markdown_it from "markdown-it";
 import styled_components from "styled-components";
-const md = markdown_it({
-    html: true,
-    breaks: true
-});
-const defaultLinkOpen = md.renderer.rules.link_open || function(tokens, idx, options, env, self) {
-    return self.renderToken(tokens, idx, options);
-};
-md.renderer.rules.link_open = function(tokens, idx, options, env, self) {
-    const targetIndex = tokens[idx].attrIndex('target');
-    if (targetIndex < 0) tokens[idx].attrPush([
-        'target',
-        '_blank'
-    ]);
-    else tokens[idx].attrs[targetIndex][1] = '_blank';
-    const relIndex = tokens[idx].attrIndex('rel');
-    if (relIndex < 0) tokens[idx].attrPush([
-        'rel',
-        'noopener noreferrer'
-    ]);
-    else tokens[idx].attrs[relIndex][1] = 'noopener noreferrer';
-    return defaultLinkOpen(tokens, idx, options, env, self);
-};
-md.renderer.rules.text = (tokens, idx)=>{
-    let text = tokens[idx].content;
-    text = text.replace(/\[\[(-?\d+(\.\d+)?)\]\]/g, '<sup>[$1]</sup>');
-    return text;
-};
+import x_markdown from "@ant-design/x-markdown";
+import "@ant-design/x-markdown/themes/light.css";
 const Markdown = (props)=>/*#__PURE__*/ jsx(MarkdownBody, {
-        dangerouslySetInnerHTML: {
-            __html: md.render(props.content)
-        }
+        streaming: {
+            enableAnimation: true,
+            hasNextChunk: props.hasNextChunk,
+            animationConfig: {
+                fadeDuration: 400
+            }
+        },
+        content: props.content,
+        openLinksInNewTab: true
     });
-const MarkdownBody = styled_components.div`
+const MarkdownBody = styled_components(x_markdown)`
   h1 {
     font-size: 18px;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "listpage-next",
-  "version": "0.0.262",
+  "version": "0.0.263",
   "description": "A React component library for creating filter forms with Ant Design",
   "type": "module",
   "main": "./dist/index.js",
@@ -95,6 +95,7 @@
     "json-schema-faker": "~0.5.9",
     "ansi-to-html": "~0.7.2",
     "@aws-sdk/client-s3": "~3.946.0",
-    "@google/genai": "~1.31.0"
+    "@google/genai": "~1.31.0",
+    "@ant-design/x-markdown": "~2.1.1"
   }
 }