Tree shaking

[rebeccaalpert]

This PR adds some scenarios to check our tree shaking. We don't have to merge them. They are all in one folder so they're easy to remove.

There are two similar scenarios that check different import styles on Toggle, and one for a basic ChatBot with an input bar and message. I did not add any scenarios for conversation history, etc. or other more complex layouts.

Toggle does pull in a couple of weird icons, but those are due to the way PatternFly exports the Button component.

We seem to be tree-shaking fine for dynamic imports.

I hadn't realized previously that the way we have the Message component, etc. set up make them so huge.

Pulling in Message pulls in DeepThinking, MarkdownContent, Message, ResponseActions, SourcesCard, SourcesCardBase, ToolCall, ToolResponse, etc. This PR adds some lazy loading on Markdown so it's only loaded if Markdown is being used, but we'd have to rework Messages if we wanted to further reduce the size.

MessageBar has similar problems in that we import everything upfront and then compose the component.

A better approach if we need smaller bundle sizes in future would be to create more lightweight "next" versions that require the user to compose (and therefore import) only what they need rather than relying on a logic-heavy Message component.

For example:

<Message role="bot" name="Assistant" avatar={botAvatar}>
    <MessageContent content="Here's what I found:" />
    <MessageSources sources={[...]} />
    <MessageActions>
      <MessageAction icon={<CopyIcon />} label="Copy" onClick={onCopy} />
    </MessageActions>
  </Message>

This is out of scope for now.

To make barrel imports smaller, we made the Markdown processing lazy-loaded so only markdown users need the heavy dependencies. After talking to Joachim, we also moved some larger components out. These can still be imported with dynamic imports.

Fixes #878.

[patternfly-build]

Preview: https://chatbot-pr-chatbot-893.surge.sh

A11y report: https://chatbot-pr-chatbot-893-a11y.surge.sh

[jschuler]

this warrants a breaking change release, major version bump

[jschuler]

Good work, LGTM!

[nicolethoen]

I think this looks good to me. And I don't see a problem with releasing this as a major version bump. It'd just have to be communicated clearly to @dlabaj.

We can also write up release highlights emphasizing how much this new version of chatbot improves bundle sizes. We have other packages (like react-charts) which are on a different major version than PF core pkgs.

[rebeccaalpert]

I'm backing out the tree-shaking utility since I don't want to maintain it long-term, but leaving it in a separate commit so we can always grab it again if needed.

[github-actions]

🎉 This PR is included in version 6.8.0-prerelease.9 🎉

The release is available on:

• GitHub release
• npm package (@prerelease dist-tag)

Your semantic-release bot 📦🚀