@patternfly/chatbot 6.8.0-prerelease.8 → 6.9.0-prerelease.1

package/dist/esm/MarkdownContent/MarkdownRenderer.js

@@ -0,0 +1,182 @@
+var __rest = (this && this.__rest) || function (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;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import Markdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+import { ContentVariants } from '@patternfly/react-core';
+import CodeBlockMessage from '../Message/CodeBlockMessage/CodeBlockMessage';
+import TextMessage from '../Message/TextMessage/TextMessage';
+import ListItemMessage from '../Message/ListMessage/ListItemMessage';
+import UnorderedListMessage from '../Message/ListMessage/UnorderedListMessage';
+import OrderedListMessage from '../Message/ListMessage/OrderedListMessage';
+import TableMessage from '../Message/TableMessage/TableMessage';
+import TrMessage from '../Message/TableMessage/TrMessage';
+import TdMessage from '../Message/TableMessage/TdMessage';
+import TbodyMessage from '../Message/TableMessage/TbodyMessage';
+import TheadMessage from '../Message/TableMessage/TheadMessage';
+import ThMessage from '../Message/TableMessage/ThMessage';
+import ImageMessage from '../Message/ImageMessage/ImageMessage';
+import rehypeUnwrapImages from 'rehype-unwrap-images';
+import rehypeExternalLinks from 'rehype-external-links';
+import rehypeSanitize from 'rehype-sanitize';
+import rehypeHighlight from 'rehype-highlight';
+import 'highlight.js/styles/vs2015.css';
+import LinkMessage from '../Message/LinkMessage/LinkMessage';
+import { rehypeMoveImagesOutOfParagraphs } from '../Message/Plugins/rehypeMoveImagesOutOfParagraphs';
+import SuperscriptMessage from '../Message/SuperscriptMessage/SuperscriptMessage';
+import { css } from '@patternfly/react-styles';
+const MarkdownRenderer = ({ content, codeBlockProps, tableProps, openLinkInNewTab = true, additionalRehypePlugins = [], additionalRemarkPlugins = [], linkProps, reactMarkdownProps, remarkGfmProps, hasNoImages = false, isPrimary, shouldRetainStyles }) => {
+    let rehypePlugins = [rehypeUnwrapImages, rehypeMoveImagesOutOfParagraphs, rehypeHighlight];
+    if (openLinkInNewTab) {
+        rehypePlugins = rehypePlugins.concat([[rehypeExternalLinks, { target: '_blank' }, rehypeSanitize]]);
+    }
+    if (additionalRehypePlugins) {
+        rehypePlugins.push(...additionalRehypePlugins);
+    }
+    const disallowedElements = hasNoImages ? ['img'] : [];
+    if (reactMarkdownProps && reactMarkdownProps.disallowedElements) {
+        disallowedElements.push(...reactMarkdownProps.disallowedElements);
+    }
+    return (_jsx(Markdown, Object.assign({ components: {
+            section: (props) => {
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                const { node } = props, rest = __rest(props, ["node"]);
+                return (_jsx("section", Object.assign({}, rest, { className: css('pf-chatbot__message-text', shouldRetainStyles && 'pf-m-markdown', rest === null || rest === void 0 ? void 0 : rest.className) })));
+            },
+            p: (props) => {
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                const { node } = props, rest = __rest(props, ["node"]);
+                return (_jsx(TextMessage, Object.assign({ shouldRetainStyles: shouldRetainStyles, component: ContentVariants.p }, rest, { isPrimary: isPrimary })));
+            },
+            code: (_a) => {
+                var { children } = _a, props = __rest(_a, ["children"]);
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                const { node } = props, codeProps = __rest(props, ["node"]);
+                return (_jsx(CodeBlockMessage, Object.assign({}, codeProps, codeBlockProps, { isPrimary: isPrimary, shouldRetainStyles: shouldRetainStyles, children: children })));
+            },
+            h1: (props) => {
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                const { node } = props, rest = __rest(props, ["node"]);
+                return _jsx(TextMessage, Object.assign({ shouldRetainStyles: shouldRetainStyles, component: ContentVariants.h1 }, rest));
+            },
+            h2: (props) => {
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                const { node } = props, rest = __rest(props, ["node"]);
+                return _jsx(TextMessage, Object.assign({ shouldRetainStyles: shouldRetainStyles, component: ContentVariants.h2 }, rest));
+            },
+            h3: (props) => {
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                const { node } = props, rest = __rest(props, ["node"]);
+                return _jsx(TextMessage, Object.assign({ shouldRetainStyles: shouldRetainStyles, component: ContentVariants.h3 }, rest));
+            },
+            h4: (props) => {
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                const { node } = props, rest = __rest(props, ["node"]);
+                return _jsx(TextMessage, Object.assign({ shouldRetainStyles: shouldRetainStyles, component: ContentVariants.h4 }, rest));
+            },
+            h5: (props) => {
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                const { node } = props, rest = __rest(props, ["node"]);
+                return _jsx(TextMessage, Object.assign({ shouldRetainStyles: shouldRetainStyles, component: ContentVariants.h5 }, rest));
+            },
+            h6: (props) => {
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                const { node } = props, rest = __rest(props, ["node"]);
+                return _jsx(TextMessage, Object.assign({ shouldRetainStyles: shouldRetainStyles, component: ContentVariants.h6 }, rest));
+            },
+            blockquote: (props) => {
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                const { node } = props, rest = __rest(props, ["node"]);
+                return (_jsx(TextMessage, Object.assign({ shouldRetainStyles: shouldRetainStyles, component: ContentVariants.blockquote }, rest)));
+            },
+            ul: (props) => {
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                const { node } = props, rest = __rest(props, ["node"]);
+                return _jsx(UnorderedListMessage, Object.assign({ shouldRetainStyles: shouldRetainStyles }, rest));
+            },
+            ol: (props) => {
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                const { node } = props, rest = __rest(props, ["node"]);
+                return _jsx(OrderedListMessage, Object.assign({ shouldRetainStyles: shouldRetainStyles }, rest));
+            },
+            li: (props) => {
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                const { node } = props, rest = __rest(props, ["node"]);
+                return _jsx(ListItemMessage, Object.assign({}, rest));
+            },
+            // table requires node attribute for calculating headers for mobile breakpoint
+            table: (props) => (_jsx(TableMessage, Object.assign({ shouldRetainStyles: shouldRetainStyles }, props, tableProps, { isPrimary: isPrimary }))),
+            tbody: (props) => {
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                const { node } = props, rest = __rest(props, ["node"]);
+                return _jsx(TbodyMessage, Object.assign({}, rest));
+            },
+            thead: (props) => {
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                const { node } = props, rest = __rest(props, ["node"]);
+                return _jsx(TheadMessage, Object.assign({}, rest));
+            },
+            tr: (props) => {
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                const { node } = props, rest = __rest(props, ["node"]);
+                return _jsx(TrMessage, Object.assign({}, rest));
+            },
+            td: (props) => {
+                // Conflicts with Td type
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                const { node, width } = props, rest = __rest(props, ["node", "width"]);
+                return _jsx(TdMessage, Object.assign({}, rest));
+            },
+            th: (props) => {
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                const { node } = props, rest = __rest(props, ["node"]);
+                return _jsx(ThMessage, Object.assign({}, rest));
+            },
+            img: (props) => {
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                const { node } = props, rest = __rest(props, ["node"]);
+                return _jsx(ImageMessage, Object.assign({}, rest));
+            },
+            a: (props) => {
+                // node is just the details of the document structure - not needed
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                const { node } = props, rest = __rest(props, ["node"]);
+                return (
+                // some a types conflict with ButtonProps, but it's ok because we are using an a tag
+                // there are too many to handle manually
+                _jsx(LinkMessage, Object.assign({ shouldRetainStyles: shouldRetainStyles }, rest, linkProps, { children: props.children })));
+            },
+            // used for footnotes
+            sup: (props) => {
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                const { node } = props, rest = __rest(props, ["node"]);
+                return _jsx(SuperscriptMessage, Object.assign({}, rest));
+            }
+        }, remarkPlugins: [[remarkGfm, Object.assign({}, remarkGfmProps)], ...additionalRemarkPlugins], rehypePlugins: rehypePlugins }, reactMarkdownProps, { remarkRehypeOptions: Object.assign({ 
+            // removes sr-only class from footnote labels applied by default
+            footnoteLabelProperties: { className: [''] }, 
+            // omit default ↩ text; backref icon is rendered in LinkMessage
+            footnoteBackContent: (_referenceIndex, rereferenceIndex) => {
+                if (rereferenceIndex > 1) {
+                    return [
+                        {
+                            type: 'element',
+                            tagName: 'sup',
+                            properties: {},
+                            children: [{ type: 'text', value: String(rereferenceIndex) }]
+                        }
+                    ];
+                }
+                return [];
+            } }, reactMarkdownProps === null || reactMarkdownProps === void 0 ? void 0 : reactMarkdownProps.remarkRehypeOptions), disallowedElements: disallowedElements, children: content })));
+};
+export default MarkdownRenderer;

package/dist/esm/Message/Message.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import type { FunctionComponent, HTMLProps, MouseEvent as ReactMouseEvent, Ref } from 'react';
-import { Options } from 'react-markdown';
+import type { Options } from 'react-markdown';
 import { AlertProps, AvatarProps, ButtonProps, FormProps, LabelGroupProps } from '@patternfly/react-core';
 import { CodeBlockMessageProps } from './CodeBlockMessage/CodeBlockMessage';
 import { ActionProps } from '../ResponseActions/ResponseActions';
@@ -9,9 +9,8 @@ import { QuickStart, QuickstartAction } from './QuickStarts/types';
 import QuickResponse from './QuickResponse/QuickResponse';
 import { UserFeedbackProps } from './UserFeedback/UserFeedback';
 import { UserFeedbackCompleteProps } from './UserFeedback/UserFeedbackComplete';
-import { TableProps } from '@patternfly/react-table';
-import 'highlight.js/styles/vs2015.css';
-import { PluggableList } from 'unified';
+import type { TableProps } from '@patternfly/react-table';
+import type { PluggableList } from 'unified';
 import { ToolResponseProps } from '../ToolResponse';
 import { DeepThinkingProps } from '../DeepThinking';
 import { ToolCallProps } from '../ToolCall';

package/dist/esm/Message/Message.js

@@ -23,8 +23,6 @@ import QuickStartTile from './QuickStarts/QuickStartTile';
 import QuickResponse from './QuickResponse/QuickResponse';
 import UserFeedback from './UserFeedback/UserFeedback';
 import UserFeedbackComplete from './UserFeedback/UserFeedbackComplete';
-// see the full list of styles here: https://highlightjs.org/examples
-import 'highlight.js/styles/vs2015.css';
 import ErrorMessage from './ErrorMessage/ErrorMessage';
 import MessageInput from './MessageInput';
 import ToolResponse from '../ToolResponse';

package/dist/esm/MessageBox/MessageBox.js

@@ -15,8 +15,11 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 // ============================================================================
 import { useState, useRef, useCallback, useLayoutEffect, forwardRef, useImperativeHandle } from 'react';
 import JumpButton from './JumpButton';
+import { MarkdownRendererReadyContext, preloadMarkdownRenderer, useIsMarkdownRendererReady } from '../MarkdownContent/MarkdownContent';
 import { getResizeObserver } from '@patternfly/react-core';
 import { css } from '@patternfly/react-styles';
+// Start fetching the markdown chunk as soon as MessageBox enters the bundle.
+preloadMarkdownRenderer();
 const SCROLL_EDGE_DELTA = 100;
 const getScrollMetrics = (element) => {
     const { scrollTop, scrollHeight, clientHeight } = element;
@@ -42,6 +45,7 @@ const shouldFollowContentGrowth = (metrics, enableSmartScroll, autoScroll, pause
     (enableSmartScroll && autoScroll && !pauseAutoScroll && metrics.roundedScrollTop > 0);
 export const MessageBox = forwardRef((_a, ref) => {
     var { announcement, ariaLabel = 'Scrollable message log', children, className, position = 'top', onScrollToTopClick, onScrollToBottomClick, enableSmartScroll = false, jumpButtonTopProps, jumpButtonBottomProps, jumpButtonBottomTooltipProps, jumpButtonTopTooltipProps, hasOuterScrollbar = false } = _a, props = __rest(_a, ["announcement", "ariaLabel", "children", "className", "position", "onScrollToTopClick", "onScrollToBottomClick", "enableSmartScroll", "jumpButtonTopProps", "jumpButtonBottomProps", "jumpButtonBottomTooltipProps", "jumpButtonTopTooltipProps", "hasOuterScrollbar"]);
+    const isMarkdownReady = useIsMarkdownRendererReady();
     const [atTop, setAtTop] = useState(true);
     const [atBottom, setAtBottom] = useState(false);
     const [isOverflowing, setIsOverflowing] = useState(false);
@@ -252,6 +256,6 @@ export const MessageBox = forwardRef((_a, ref) => {
         onTouchMove,
         onTouchEnd
     };
-    return (_jsxs(_Fragment, { children: [_jsx(JumpButton, { position: "top", isHidden: !hasMeasuredScroll || (isOverflowing && atTop), onClick: scrollToTop, jumpButtonProps: jumpButtonTopProps, jumpButtonTooltipProps: jumpButtonTopTooltipProps }), _jsx(JumpButton, { position: "bottom", isHidden: !hasMeasuredScroll || (isOverflowing && atBottom), onClick: () => scrollToBottom({ resumeSmartScroll: true }), jumpButtonProps: jumpButtonBottomProps, jumpButtonTooltipProps: jumpButtonBottomTooltipProps }), _jsxs("div", Object.assign({ role: "region", tabIndex: 0, "aria-label": ariaLabel, className: css('pf-chatbot__messagebox', position === 'bottom' && 'pf-chatbot__messagebox--bottom', hasOuterScrollbar && 'pf-chatbot__messagebox--outer-scroll', className), ref: messageBoxRef }, props, (enableSmartScroll ? Object.assign({}, smartScrollHandlers) : {}), { children: [children, _jsx("div", { className: "pf-chatbot__messagebox-announcement pf-chatbot-m-hidden", "aria-live": "polite", children: announcement })] }))] }));
+    return (_jsxs(_Fragment, { children: [_jsx(JumpButton, { position: "top", isHidden: !hasMeasuredScroll || (isOverflowing && atTop), onClick: scrollToTop, jumpButtonProps: jumpButtonTopProps, jumpButtonTooltipProps: jumpButtonTopTooltipProps }), _jsx(JumpButton, { position: "bottom", isHidden: !hasMeasuredScroll || (isOverflowing && atBottom), onClick: () => scrollToBottom({ resumeSmartScroll: true }), jumpButtonProps: jumpButtonBottomProps, jumpButtonTooltipProps: jumpButtonBottomTooltipProps }), _jsxs("div", Object.assign({ role: "region", tabIndex: 0, "aria-label": ariaLabel, className: css('pf-chatbot__messagebox', position === 'bottom' && 'pf-chatbot__messagebox--bottom', hasOuterScrollbar && 'pf-chatbot__messagebox--outer-scroll', className), ref: messageBoxRef }, props, (enableSmartScroll ? Object.assign({}, smartScrollHandlers) : {}), { children: [_jsx(MarkdownRendererReadyContext.Provider, { value: isMarkdownReady, children: children }), _jsx("div", { className: "pf-chatbot__messagebox-announcement pf-chatbot-m-hidden", "aria-live": "polite", children: announcement })] }))] }));
 });
 export default MessageBox;

package/dist/esm/index.d.ts

@@ -1,5 +1,3 @@
-export { default as AttachmentEdit } from './AttachmentEdit';
-export * from './AttachmentEdit';
 export { default as AttachMenu } from './AttachMenu';
 export * from './AttachMenu';
 export { default as Chatbot } from './Chatbot';
@@ -22,8 +20,6 @@ export { default as ChatbotToggle } from './ChatbotToggle';
 export * from './ChatbotToggle';
 export { default as ChatbotWelcomePrompt } from './ChatbotWelcomePrompt';
 export * from './ChatbotWelcomePrompt';
-export { default as CodeModal } from './CodeModal';
-export * from './CodeModal';
 export { default as Compare } from './Compare';
 export * from './Compare';
 export { default as DeepThinking } from './DeepThinking';
@@ -50,8 +46,6 @@ export { default as MessageDivider } from './MessageDivider';
 export * from './MessageDivider';
 export { default as Onboarding } from './Onboarding';
 export * from './Onboarding';
-export { default as PreviewAttachment } from './PreviewAttachment';
-export * from './PreviewAttachment';
 export { default as ResponseActions } from './ResponseActions';
 export * from './ResponseActions';
 export { default as Settings } from './Settings';
@@ -68,5 +62,3 @@ export { default as ToolCall } from './ToolCall';
 export * from './ToolCall';
 export { default as ToolResponse } from './ToolResponse';
 export * from './ToolResponse';
-export { default as tracking } from './tracking';
-export * from './tracking';

package/dist/esm/index.js

@@ -1,6 +1,4 @@
 // this file is autogenerated by generate-index.js, modifying it manually will have no effect
-export { default as AttachmentEdit } from './AttachmentEdit';
-export * from './AttachmentEdit';
 export { default as AttachMenu } from './AttachMenu';
 export * from './AttachMenu';
 export { default as Chatbot } from './Chatbot';
@@ -23,8 +21,6 @@ export { default as ChatbotToggle } from './ChatbotToggle';
 export * from './ChatbotToggle';
 export { default as ChatbotWelcomePrompt } from './ChatbotWelcomePrompt';
 export * from './ChatbotWelcomePrompt';
-export { default as CodeModal } from './CodeModal';
-export * from './CodeModal';
 export { default as Compare } from './Compare';
 export * from './Compare';
 export { default as DeepThinking } from './DeepThinking';
@@ -51,8 +47,6 @@ export { default as MessageDivider } from './MessageDivider';
 export * from './MessageDivider';
 export { default as Onboarding } from './Onboarding';
 export * from './Onboarding';
-export { default as PreviewAttachment } from './PreviewAttachment';
-export * from './PreviewAttachment';
 export { default as ResponseActions } from './ResponseActions';
 export * from './ResponseActions';
 export { default as Settings } from './Settings';
@@ -69,5 +63,3 @@ export { default as ToolCall } from './ToolCall';
 export * from './ToolCall';
 export { default as ToolResponse } from './ToolResponse';
 export * from './ToolResponse';
-export { default as tracking } from './tracking';
-export * from './tracking';

package/dist/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["../src/index.ts","../src/AttachMenu/AttachMenu.tsx","../src/AttachMenu/index.ts","../src/AttachmentEdit/AttachmentEdit.test.tsx","../src/AttachmentEdit/AttachmentEdit.tsx","../src/AttachmentEdit/index.ts","../src/Chatbot/Chatbot.test.tsx","../src/Chatbot/Chatbot.tsx","../src/Chatbot/index.ts","../src/ChatbotAlert/ChatbotAlert.test.tsx","../src/ChatbotAlert/ChatbotAlert.tsx","../src/ChatbotAlert/index.ts","../src/ChatbotContent/ChatbotContent.test.tsx","../src/ChatbotContent/ChatbotContent.tsx","../src/ChatbotContent/index.ts","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.test.tsx","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.tsx","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.test.tsx","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.tsx","../src/ChatbotConversationHistoryNav/EmptyState.tsx","../src/ChatbotConversationHistoryNav/LoadingState.tsx","../src/ChatbotConversationHistoryNav/index.ts","../src/ChatbotFooter/ChatbotFooter.test.tsx","../src/ChatbotFooter/ChatbotFooter.tsx","../src/ChatbotFooter/ChatbotFooternote.test.tsx","../src/ChatbotFooter/ChatbotFootnote.tsx","../src/ChatbotFooter/index.ts","../src/ChatbotHeader/ChatbotHeader.test.tsx","../src/ChatbotHeader/ChatbotHeader.tsx","../src/ChatbotHeader/ChatbotHeaderActions.test.tsx","../src/ChatbotHeader/ChatbotHeaderActions.tsx","../src/ChatbotHeader/ChatbotHeaderCloseButton.test.tsx","../src/ChatbotHeader/ChatbotHeaderCloseButton.tsx","../src/ChatbotHeader/ChatbotHeaderMain.test.tsx","../src/ChatbotHeader/ChatbotHeaderMain.tsx","../src/ChatbotHeader/ChatbotHeaderMenu.test.tsx","../src/ChatbotHeader/ChatbotHeaderMenu.tsx","../src/ChatbotHeader/ChatbotHeaderNewChatButton.test.tsx","../src/ChatbotHeader/ChatbotHeaderNewChatButton.tsx","../src/ChatbotHeader/ChatbotHeaderOptionsDropdown.test.tsx","../src/ChatbotHeader/ChatbotHeaderOptionsDropdown.tsx","../src/ChatbotHeader/ChatbotHeaderSelectorDropdown.test.tsx","../src/ChatbotHeader/ChatbotHeaderSelectorDropdown.tsx","../src/ChatbotHeader/ChatbotHeaderTitle.test.tsx","../src/ChatbotHeader/ChatbotHeaderTitle.tsx","../src/ChatbotHeader/index.ts","../src/ChatbotModal/ChatbotModal.test.tsx","../src/ChatbotModal/ChatbotModal.tsx","../src/ChatbotModal/index.ts","../src/ChatbotPopover/ChatbotPopover.tsx","../src/ChatbotPopover/index.ts","../src/ChatbotToggle/ChatbotToggle.test.tsx","../src/ChatbotToggle/ChatbotToggle.tsx","../src/ChatbotToggle/index.ts","../src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.test.tsx","../src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.tsx","../src/ChatbotWelcomePrompt/index.ts","../src/CodeModal/CodeModal.test.tsx","../src/CodeModal/CodeModal.tsx","../src/CodeModal/index.ts","../src/Compare/Compare.test.tsx","../src/Compare/Compare.tsx","../src/Compare/index.ts","../src/DeepThinking/DeepThinking.test.tsx","../src/DeepThinking/DeepThinking.tsx","../src/DeepThinking/index.ts","../src/FileDetails/FileDetails.test.tsx","../src/FileDetails/FileDetails.tsx","../src/FileDetails/index.ts","../src/FileDetailsLabel/FileDetailsLabel.test.tsx","../src/FileDetailsLabel/FileDetailsLabel.tsx","../src/FileDetailsLabel/index.ts","../src/FileDropZone/FileDropZone.test.tsx","../src/FileDropZone/FileDropZone.tsx","../src/FileDropZone/index.ts","../src/FilePreview/FilePreview.test.tsx","../src/FilePreview/FilePreview.tsx","../src/FilePreview/index.ts","../src/ImagePreview/ImagePreview.test.tsx","../src/ImagePreview/ImagePreview.tsx","../src/ImagePreview/index.ts","../src/MarkdownContent/MarkdownContent.test.tsx","../src/MarkdownContent/MarkdownContent.tsx","../src/MarkdownContent/index.ts","../src/Message/Message.test.tsx","../src/Message/Message.tsx","../src/Message/MessageInput.tsx","../src/Message/MessageLoading.test.tsx","../src/Message/MessageLoading.tsx","../src/Message/index.ts","../src/Message/CodeBlockMessage/CodeBlockMessage.test.tsx","../src/Message/CodeBlockMessage/CodeBlockMessage.tsx","../src/Message/ErrorMessage/ErrorMessage.test.tsx","../src/Message/ErrorMessage/ErrorMessage.tsx","../src/Message/ImageMessage/ImageMessage.tsx","../src/Message/LinkMessage/LinkMessage.tsx","../src/Message/ListMessage/ListItemMessage.tsx","../src/Message/ListMessage/OrderedListMessage.tsx","../src/Message/ListMessage/UnorderedListMessage.tsx","../src/Message/MessageAndActions/MessageAndActions.test.tsx","../src/Message/MessageAndActions/MessageAndActions.tsx","../src/Message/MessageAndActions/index.ts","../src/Message/MessageAttachments/MessageAttachmentItem.test.tsx","../src/Message/MessageAttachments/MessageAttachmentItem.tsx","../src/Message/MessageAttachments/MessageAttachmentsContainer.test.tsx","../src/Message/MessageAttachments/MessageAttachmentsContainer.tsx","../src/Message/MessageAttachments/index.ts","../src/Message/Plugins/index.ts","../src/Message/Plugins/rehypeCodeBlockToggle.ts","../src/Message/Plugins/rehypeMoveImagesOutOfParagraphs.ts","../src/Message/QuickResponse/QuickResponse.test.tsx","../src/Message/QuickResponse/QuickResponse.tsx","../src/Message/QuickResponse/index.ts","../src/Message/QuickStarts/FallbackImg.tsx","../src/Message/QuickStarts/QuickStartTile.tsx","../src/Message/QuickStarts/QuickStartTileDescription.test.tsx","../src/Message/QuickStarts/QuickStartTileDescription.tsx","../src/Message/QuickStarts/QuickStartTileHeader.tsx","../src/Message/QuickStarts/index.ts","../src/Message/QuickStarts/monitor-sampleapp-quickstart-with-image.ts","../src/Message/QuickStarts/monitor-sampleapp-quickstart.ts","../src/Message/QuickStarts/types.ts","../src/Message/SuperscriptMessage/SuperscriptMessage.tsx","../src/Message/TableMessage/TableCellContent.tsx","../src/Message/TableMessage/TableMessage.tsx","../src/Message/TableMessage/TbodyMessage.tsx","../src/Message/TableMessage/TdMessage.tsx","../src/Message/TableMessage/ThMessage.tsx","../src/Message/TableMessage/TheadMessage.tsx","../src/Message/TableMessage/TrMessage.tsx","../src/Message/TextMessage/TextMessage.tsx","../src/Message/UserFeedback/CloseButton.tsx","../src/Message/UserFeedback/UserFeedback.test.tsx","../src/Message/UserFeedback/UserFeedback.tsx","../src/Message/UserFeedback/UserFeedbackComplete.test.tsx","../src/Message/UserFeedback/UserFeedbackComplete.tsx","../src/Message/UserFeedback/index.ts","../src/MessageBar/AttachButton.test.tsx","../src/MessageBar/AttachButton.tsx","../src/MessageBar/MessageBar.test.tsx","../src/MessageBar/MessageBar.tsx","../src/MessageBar/MicrophoneButton.tsx","../src/MessageBar/SendButton.test.tsx","../src/MessageBar/SendButton.tsx","../src/MessageBar/StopButton.test.tsx","../src/MessageBar/StopButton.tsx","../src/MessageBar/index.ts","../src/MessageBox/JumpButton.test.tsx","../src/MessageBox/JumpButton.tsx","../src/MessageBox/MessageBox.test.tsx","../src/MessageBox/MessageBox.tsx","../src/MessageBox/index.ts","../src/MessageDivider/MessageDivider.test.tsx","../src/MessageDivider/MessageDivider.tsx","../src/MessageDivider/index.ts","../src/Onboarding/Onboarding.test.tsx","../src/Onboarding/Onboarding.tsx","../src/Onboarding/index.ts","../src/PreviewAttachment/PreviewAttachment.test.tsx","../src/PreviewAttachment/PreviewAttachment.tsx","../src/PreviewAttachment/index.ts","../src/ResponseActions/ResponseActionButton.test.tsx","../src/ResponseActions/ResponseActionButton.tsx","../src/ResponseActions/ResponseActions.test.tsx","../src/ResponseActions/ResponseActions.tsx","../src/ResponseActions/ResponseActionsGroups.test.tsx","../src/ResponseActions/ResponseActionsGroups.tsx","../src/ResponseActions/index.ts","../src/Settings/SettingsForm.test.tsx","../src/Settings/SettingsForm.tsx","../src/Settings/index.ts","../src/SourceDetailsMenuItem/SourceDetailsMenuItem.tsx","../src/SourceDetailsMenuItem/index.ts","../src/SourcesCard/SourcesCard.test.tsx","../src/SourcesCard/SourcesCard.tsx","../src/SourcesCard/index.ts","../src/SourcesCardBase/SourcesCardBase.test.tsx","../src/SourcesCardBase/SourcesCardBase.tsx","../src/SourcesCardBase/index.ts","../src/TermsOfUse/TermsOfUse.test.tsx","../src/TermsOfUse/TermsOfUse.tsx","../src/TermsOfUse/index.ts","../src/ToolCall/ToolCall.test.tsx","../src/ToolCall/ToolCall.tsx","../src/ToolCall/index.ts","../src/ToolResponse/ToolResponse.test.tsx","../src/ToolResponse/ToolResponse.tsx","../src/ToolResponse/index.ts","../src/__mocks__/monaco-editor.ts","../src/__mocks__/rehype-external-links.ts","../src/__mocks__/rehype-highlight.ts","../src/__mocks__/rehype-sanitize.ts","../src/__mocks__/rehype-unwrap-images.tsx","../src/tracking/console_tracking_provider.ts","../src/tracking/index.ts","../src/tracking/posthog_tracking_provider.ts","../src/tracking/segment_tracking_provider.ts","../src/tracking/trackingProviderProxy.ts","../src/tracking/tracking_api.ts","../src/tracking/tracking_registry.ts","../src/tracking/tracking_spi.ts","../src/tracking/umami_tracking_provider.ts"],"version":"5.6.3"}
+{"root":["../src/index.ts","../src/AttachMenu/AttachMenu.tsx","../src/AttachMenu/index.ts","../src/AttachmentEdit/AttachmentEdit.tsx","../src/AttachmentEdit/index.ts","../src/Chatbot/Chatbot.tsx","../src/Chatbot/index.ts","../src/ChatbotAlert/ChatbotAlert.tsx","../src/ChatbotAlert/index.ts","../src/ChatbotContent/ChatbotContent.tsx","../src/ChatbotContent/index.ts","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.tsx","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.tsx","../src/ChatbotConversationHistoryNav/EmptyState.tsx","../src/ChatbotConversationHistoryNav/LoadingState.tsx","../src/ChatbotConversationHistoryNav/index.ts","../src/ChatbotFooter/ChatbotFooter.tsx","../src/ChatbotFooter/ChatbotFootnote.tsx","../src/ChatbotFooter/index.ts","../src/ChatbotHeader/ChatbotHeader.tsx","../src/ChatbotHeader/ChatbotHeaderActions.tsx","../src/ChatbotHeader/ChatbotHeaderCloseButton.tsx","../src/ChatbotHeader/ChatbotHeaderMain.tsx","../src/ChatbotHeader/ChatbotHeaderMenu.tsx","../src/ChatbotHeader/ChatbotHeaderNewChatButton.tsx","../src/ChatbotHeader/ChatbotHeaderOptionsDropdown.tsx","../src/ChatbotHeader/ChatbotHeaderSelectorDropdown.tsx","../src/ChatbotHeader/ChatbotHeaderTitle.tsx","../src/ChatbotHeader/index.ts","../src/ChatbotModal/ChatbotModal.tsx","../src/ChatbotModal/index.ts","../src/ChatbotPopover/ChatbotPopover.tsx","../src/ChatbotPopover/index.ts","../src/ChatbotToggle/ChatbotToggle.tsx","../src/ChatbotToggle/index.ts","../src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.tsx","../src/ChatbotWelcomePrompt/index.ts","../src/CodeModal/CodeModal.tsx","../src/CodeModal/index.ts","../src/Compare/Compare.tsx","../src/Compare/index.ts","../src/DeepThinking/DeepThinking.tsx","../src/DeepThinking/index.ts","../src/FileDetails/FileDetails.tsx","../src/FileDetails/index.ts","../src/FileDetailsLabel/FileDetailsLabel.tsx","../src/FileDetailsLabel/index.ts","../src/FileDropZone/FileDropZone.tsx","../src/FileDropZone/index.ts","../src/FilePreview/FilePreview.tsx","../src/FilePreview/index.ts","../src/ImagePreview/ImagePreview.tsx","../src/ImagePreview/index.ts","../src/MarkdownContent/MarkdownContent.tsx","../src/MarkdownContent/MarkdownRenderer.tsx","../src/MarkdownContent/index.ts","../src/Message/Message.tsx","../src/Message/MessageInput.tsx","../src/Message/MessageLoading.tsx","../src/Message/index.ts","../src/Message/CodeBlockMessage/CodeBlockMessage.tsx","../src/Message/ErrorMessage/ErrorMessage.tsx","../src/Message/ImageMessage/ImageMessage.tsx","../src/Message/LinkMessage/LinkMessage.tsx","../src/Message/ListMessage/ListItemMessage.tsx","../src/Message/ListMessage/OrderedListMessage.tsx","../src/Message/ListMessage/UnorderedListMessage.tsx","../src/Message/MessageAndActions/MessageAndActions.tsx","../src/Message/MessageAndActions/index.ts","../src/Message/MessageAttachments/MessageAttachmentItem.tsx","../src/Message/MessageAttachments/MessageAttachmentsContainer.tsx","../src/Message/MessageAttachments/index.ts","../src/Message/Plugins/index.ts","../src/Message/Plugins/rehypeCodeBlockToggle.ts","../src/Message/Plugins/rehypeMoveImagesOutOfParagraphs.ts","../src/Message/QuickResponse/QuickResponse.tsx","../src/Message/QuickResponse/index.ts","../src/Message/QuickStarts/FallbackImg.tsx","../src/Message/QuickStarts/QuickStartTile.tsx","../src/Message/QuickStarts/QuickStartTileDescription.tsx","../src/Message/QuickStarts/QuickStartTileHeader.tsx","../src/Message/QuickStarts/index.ts","../src/Message/QuickStarts/monitor-sampleapp-quickstart-with-image.ts","../src/Message/QuickStarts/monitor-sampleapp-quickstart.ts","../src/Message/QuickStarts/types.ts","../src/Message/SuperscriptMessage/SuperscriptMessage.tsx","../src/Message/TableMessage/TableCellContent.tsx","../src/Message/TableMessage/TableMessage.tsx","../src/Message/TableMessage/TbodyMessage.tsx","../src/Message/TableMessage/TdMessage.tsx","../src/Message/TableMessage/ThMessage.tsx","../src/Message/TableMessage/TheadMessage.tsx","../src/Message/TableMessage/TrMessage.tsx","../src/Message/TextMessage/TextMessage.tsx","../src/Message/UserFeedback/CloseButton.tsx","../src/Message/UserFeedback/UserFeedback.tsx","../src/Message/UserFeedback/UserFeedbackComplete.tsx","../src/Message/UserFeedback/index.ts","../src/MessageBar/AttachButton.tsx","../src/MessageBar/MessageBar.tsx","../src/MessageBar/MicrophoneButton.tsx","../src/MessageBar/SendButton.tsx","../src/MessageBar/StopButton.tsx","../src/MessageBar/index.ts","../src/MessageBox/JumpButton.tsx","../src/MessageBox/MessageBox.tsx","../src/MessageBox/index.ts","../src/MessageDivider/MessageDivider.tsx","../src/MessageDivider/index.ts","../src/Onboarding/Onboarding.tsx","../src/Onboarding/index.ts","../src/PreviewAttachment/PreviewAttachment.tsx","../src/PreviewAttachment/index.ts","../src/ResponseActions/ResponseActionButton.tsx","../src/ResponseActions/ResponseActions.tsx","../src/ResponseActions/ResponseActionsGroups.tsx","../src/ResponseActions/index.ts","../src/Settings/SettingsForm.tsx","../src/Settings/index.ts","../src/SourceDetailsMenuItem/SourceDetailsMenuItem.tsx","../src/SourceDetailsMenuItem/index.ts","../src/SourcesCard/SourcesCard.tsx","../src/SourcesCard/index.ts","../src/SourcesCardBase/SourcesCardBase.tsx","../src/SourcesCardBase/index.ts","../src/TermsOfUse/TermsOfUse.tsx","../src/TermsOfUse/index.ts","../src/ToolCall/ToolCall.tsx","../src/ToolCall/index.ts","../src/ToolResponse/ToolResponse.tsx","../src/ToolResponse/index.ts","../src/tracking/console_tracking_provider.ts","../src/tracking/index.ts","../src/tracking/posthog_tracking_provider.ts","../src/tracking/segment_tracking_provider.ts","../src/tracking/trackingProviderProxy.ts","../src/tracking/tracking_api.ts","../src/tracking/tracking_registry.ts","../src/tracking/tracking_spi.ts","../src/tracking/umami_tracking_provider.ts"],"version":"5.6.3"}

package/generate-index.js

@@ -2,36 +2,51 @@ const fse = require('fs-extra');
 const glob = require('glob');
 const path = require('path');
 
+const BARREL_EXCLUDE = new Set(['AttachmentEdit', 'CodeModal', 'PreviewAttachment', 'tracking']);
+
 const root = process.cwd();
 
 const ENV_AGNOSTIC_ROOT = `${root}/src`;
 
-const sourceFiles = glob.sync(path.resolve(__dirname, './src/*/index.ts'));
+function getModuleName(file) {
+  return file.replace('/index.ts', '').split('/').pop();
+}
 
-async function generateIndex(files) {
-  // ensure the dynamic root exists
-  fse.ensureDirSync(path.resolve(ENV_AGNOSTIC_ROOT));
+function filterBarrelFiles(files) {
+  return files.filter((file) => !BARREL_EXCLUDE.has(getModuleName(file)));
+}
 
-  const destFile = `${ENV_AGNOSTIC_ROOT}/index.ts`;
+async function generateIndex(files, destRoot = ENV_AGNOSTIC_ROOT) {
+  fse.ensureDirSync(path.resolve(destRoot));
+
+  const destFile = `${destRoot}/index.ts`;
 
   const stream = fse.createWriteStream(destFile);
-  stream.once('open', () => {
-    stream.write('// this file is autogenerated by generate-index.js, modifying it manually will have no effect\n');
 
-    files.forEach((file) => {
-      const name = file.replace('/index.ts', '').split('/').pop();
-      stream.write(`\nexport { default as ${name} } from './${name}';\n`);
-      stream.write(`export * from './${name}';\n`);
+  return new Promise((resolve, reject) => {
+    stream.once('open', () => {
+      stream.write('// this file is autogenerated by generate-index.js, modifying it manually will have no effect\n');
+
+      files.forEach((file) => {
+        const name = getModuleName(file);
+
+        if (BARREL_EXCLUDE.has(name)) {
+          return;
+        }
+
+        stream.write(`\nexport { default as ${name} } from './${name}';\n`);
+        stream.write(`export * from './${name}';\n`);
+      });
+      stream.end();
     });
-    stream.end();
+    stream.once('close', resolve);
+    stream.once('error', reject);
   });
-
-  return Promise.resolve();
 }
 
 async function run(files) {
   try {
-    await generateIndex(files);
+    await generateIndex(filterBarrelFiles(files));
   } catch (error) {
     // eslint-disable-next-line no-console
     console.error(error);
@@ -39,4 +54,14 @@ async function run(files) {
   }
 }
 
-run(sourceFiles);
+if (require.main === module) {
+  const sourceFiles = glob.sync(path.resolve(__dirname, './src/*/index.ts'));
+  run(sourceFiles);
+}
+
+module.exports = {
+  BARREL_EXCLUDE,
+  getModuleName,
+  filterBarrelFiles,
+  generateIndex
+};

package/generate-index.test.js

@@ -0,0 +1,68 @@
+/* eslint-env jest */
+const fse = require('fs-extra');
+const os = require('os');
+const path = require('path');
+
+const { BARREL_EXCLUDE, getModuleName, filterBarrelFiles, generateIndex } = require('./generate-index');
+
+describe('generate-index', () => {
+  describe('BARREL_EXCLUDE', () => {
+    it('excludes internal modules from the barrel', () => {
+      expect(BARREL_EXCLUDE).toEqual(new Set(['AttachmentEdit', 'CodeModal', 'PreviewAttachment', 'tracking']));
+    });
+  });
+
+  describe('getModuleName', () => {
+    it('extracts the module name from an index.ts path', () => {
+      expect(getModuleName('/project/src/Chatbot/index.ts')).toBe('Chatbot');
+      expect(getModuleName('/project/src/tracking/index.ts')).toBe('tracking');
+    });
+  });
+
+  describe('filterBarrelFiles', () => {
+    const files = [
+      '/project/src/AttachmentEdit/index.ts',
+      '/project/src/Chatbot/index.ts',
+      '/project/src/CodeModal/index.ts',
+      '/project/src/PreviewAttachment/index.ts',
+      '/project/src/tracking/index.ts'
+    ];
+
+    it('removes excluded modules from the file list', () => {
+      expect(filterBarrelFiles(files)).toEqual(['/project/src/Chatbot/index.ts']);
+    });
+  });
+
+  describe('generateIndex', () => {
+    let tempDir;
+
+    beforeEach(async () => {
+      tempDir = await fse.mkdtemp(path.join(os.tmpdir(), 'generate-index-test-'));
+    });
+
+    afterEach(async () => {
+      await fse.remove(tempDir);
+    });
+
+    it('writes exports for included modules and skips excluded ones', async () => {
+      const files = [
+        '/project/src/AttachmentEdit/index.ts',
+        '/project/src/Chatbot/index.ts',
+        '/project/src/CodeModal/index.ts',
+        '/project/src/PreviewAttachment/index.ts',
+        '/project/src/tracking/index.ts'
+      ];
+
+      await generateIndex(files, tempDir);
+
+      const indexContents = await fse.readFile(path.join(tempDir, 'index.ts'), 'utf8');
+
+      expect(indexContents).toContain("export { default as Chatbot } from './Chatbot';");
+      expect(indexContents).toContain("export * from './Chatbot';");
+      expect(indexContents).not.toContain('AttachmentEdit');
+      expect(indexContents).not.toContain('CodeModal');
+      expect(indexContents).not.toContain('PreviewAttachment');
+      expect(indexContents).not.toContain('tracking');
+    });
+  });
+});

package/monaco-environment.js

@@ -0,0 +1,45 @@
+/* global globalThis */
+// Monaco worker setup for webpack/rspack apps using CodeModal, PreviewAttachment, or AttachmentEdit.
+// Import once at app startup: import '@patternfly/chatbot/monaco-environment';
+// Paths assume npm layout: node_modules/@patternfly/chatbot -> node_modules/monaco-editor.
+// Each branch must use inline new Worker(new URL(...)) so the bundler emits worker chunks.
+const workerOptions = { type: 'module' };
+
+if (typeof globalThis !== 'undefined' && !globalThis.MonacoEnvironment?.getWorker) {
+  globalThis.MonacoEnvironment = {
+    getWorker(_workerId, label) {
+      switch (label) {
+        case 'json':
+          return new Worker(
+            new URL('../../monaco-editor/esm/vs/language/json/json.worker.js', import.meta.url),
+            workerOptions
+          );
+        case 'css':
+        case 'scss':
+        case 'less':
+          return new Worker(
+            new URL('../../monaco-editor/esm/vs/language/css/css.worker.js', import.meta.url),
+            workerOptions
+          );
+        case 'html':
+        case 'handlebars':
+        case 'razor':
+          return new Worker(
+            new URL('../../monaco-editor/esm/vs/language/html/html.worker.js', import.meta.url),
+            workerOptions
+          );
+        case 'typescript':
+        case 'javascript':
+          return new Worker(
+            new URL('../../monaco-editor/esm/vs/language/typescript/ts.worker.js', import.meta.url),
+            workerOptions
+          );
+        default:
+          return new Worker(
+            new URL('../../monaco-editor/esm/vs/editor/editor.worker.js', import.meta.url),
+            workerOptions
+          );
+      }
+    }
+  };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/chatbot",
-  "version": "6.8.0-prerelease.8",
+  "version": "6.9.0-prerelease.1",
   "description": "This library provides React components based on PatternFly 6 that can be used to build chatbots.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -88,5 +88,23 @@
     "victory-stack": "^37.1.1",
     "victory-tooltip": "^37.1.1",
     "victory-voronoi-container": "^37.1.1"
-  }
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/esm/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    },
+    "./dist/css/main.css": "./dist/css/main.css",
+    "./dist/dynamic/*": {
+      "import": "./dist/esm/*/index.js",
+      "require": "./dist/cjs/*/index.js"
+    },
+    "./monaco-environment": "./monaco-environment.js"
+  },
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss",
+    "patternfly-docs/**"
+  ]
 }

package/patternfly-docs/content/extensions/chatbot/chatbot.md

@@ -51,6 +51,7 @@ Explore our documentation, which covers both the components you'll need to build
     - [Chat transcripts](/extensions/chatbot/overview/demo#chat-transcripts)
 - [Analytics](/extensions/chatbot/analytics): Tracking for ChatBot interactions
 - [Customizing messages](/extensions/chatbot/customizing-messages): Details for the implementation of custom messages
+- [Tree-shaking](/extensions/chatbot/tree-shaking): Bundle size optimization and import best practices
 
 ---
 

package/patternfly-docs/content/extensions/chatbot/examples/Messages/BotMessage.tsx

@@ -17,7 +17,7 @@ import {
   SelectList,
   SelectOption
 } from '@patternfly/react-core';
-import { rehypeCodeBlockToggle } from '@patternfly/chatbot/dist/esm/Message/Plugins/rehypeCodeBlockToggle';
+import { rehypeCodeBlockToggle } from '@patternfly/chatbot/dist/dynamic/Message';
 
 export const BotMessageExample: FunctionComponent = () => {
   const [variant, setVariant] = useState<string>('Code');

package/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithQuickStart.tsx

@@ -1,8 +1,8 @@
 import { FunctionComponent } from 'react';
 import Message from '@patternfly/chatbot/dist/dynamic/Message';
 import { explorePipelinesQuickStart } from './explore-pipeline-quickstart.ts';
-import { monitorSampleAppQuickStart } from '@patternfly/chatbot/src/Message/QuickStarts/monitor-sampleapp-quickstart.ts';
-import { QuickStart } from '@patternfly/chatbot/dist/esm/Message/QuickStarts/types';
+import { monitorSampleAppQuickStart } from './monitor-sampleapp-quickstart.ts';
+import { QuickStart } from '@patternfly/chatbot/dist/dynamic/Message';
 
 export const MessageWithQuickStartExample: FunctionComponent = () => (
   <>