Chatbot code sandbox examples don't compile

[rebeccaalpert]

Issue flagged by ShadowBot extension team; chatbot code sandbox examples don't compile.

Regular PF seems ok. I was able to recreate on the main PF site.

[rebeccaalpert]

Went back to this commit with git bisect and was able to adjust it to pull in latest PF: efe9ab1

Resulting codepen for header: https://codesandbox.io/p/sandbox/rvrnq8

Still unclear what issue is for Messages, etc. - requires extra digging. At minimum, need Chatbot stylesheet import "@patternfly/chatbot/dist/css/main.css"; and dependency "dompurify": "3.2.4"

[rebeccaalpert]

PatternFly may drop Codesandbox - may not be worth debugging this.

[rebeccaalpert]

Switching to a more modern template with vite, etc. fixes this issue. This would require a larger conversation with folks around the website to fix - I'll bring it up at the topics call.

[rebeccaalpert]

Here's an example of a template that works: https://codesandbox.io/p/devbox/gcy8lk

{
  "title": "React (TS)",
  "description": "Quickest way to get started with a React application! Uses Vite on the server, and create-react-app in the browser.",
  "iconUrl": "https://raw.githubusercontent.com/codesandbox/sandbox-templates/main/react-vite-ts/.codesandbox/icon.png",
  "tags": ["featured", "frontend", "react", "vite", "javascript", "typescript"],
  "published": true
}

It sounds like there is potential interest in this, but it would be lower priority. The new docs framework does not currently have Codesandbox as a high priority feature and will ship without it.