Skip to content

Conversation

dmytrokirpa
Copy link
Contributor

@dmytrokirpa dmytrokirpa commented Oct 1, 2025

Previous Behavior

New Behavior

  • Adds a new "Copy Page" button to component documentation pages with two actions:
    • Primary: Copy page content as markdown to clipboard
    • Menu: View as Markdown in new tab

The markdown format enables AI agents to easily consume component documentation when generating, fixing, or improving code with proper context about component APIs and usage patterns

Demo:

Screen.Recording.2025-10-01.at.12.50.18.mov
  • Fixed llms.txt generation for /charts and /react deployments

Related Issue(s)

Copy link

github-actions bot commented Oct 1, 2025

📊 Bundle size report

✅ No changes found

@dmytrokirpa dmytrokirpa force-pushed the feat/react-storybook-addon/copy-page-as-markdown branch from bd9d055 to 22538bf Compare October 1, 2025 10:14
@dmytrokirpa dmytrokirpa force-pushed the feat/react-storybook-addon/copy-page-as-markdown branch from 22538bf to 8e83c6e Compare October 1, 2025 10:41
"build-storybook": "storybook build -o ./dist/storybook --docs",
"build-storybook:docsite": "cross-env DEPLOY_PATH=/charts/ storybook build -o ./dist/storybook --docs",
"postbuild-storybook": "yarn rewrite-title && yarn generate-llms-docs",
"postbuild-storybook:docsite": "yarn rewrite-title && yarn generate-llms-docs",
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

the postbuild hook didn't run for the new deployment

"postbuild-storybook": "yarn rewrite-title && yarn generate-llms-docs",
"rewrite-title": "node -r ../../scripts/ts-node/src/register ../../scripts/storybook/src/scripts/rewrite-title.ts --title 'Fluent UI React v9' --distPath ./dist/storybook",
"postbuild-storybook": "yarn rewrite-title --distPath ./dist/storybook && yarn generate-llms-docs",
"postbuild-storybook:react": "yarn rewrite-title --distPath ./dist/react && cross-env DEPLOY_PATH=/react/ yarn generate-llms-docs",
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

the same as above, but here we're passing the env var cross-env DEPLOY_PATH=/react/ to use diferrent config for storybook-llms config based on deployment

Copy link

github-actions bot commented Oct 1, 2025

Pull request demo site: URL

@dmytrokirpa dmytrokirpa marked this pull request as ready for review October 1, 2025 11:08
@dmytrokirpa dmytrokirpa requested review from a team as code owners October 1, 2025 11:08
"private": true,
"description": "Fluent UI React Charts Preview documentation",
"scripts": {
"build-storybook": "storybook build -o ./dist/storybook --docs",
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🕵🏾‍♀️ visual changes to review in the Visual Change Report

vr-tests-react-components/Drawer 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Drawer.overlay drawer full - High Contrast.chromium.png 4942 Changed
vr-tests-react-components/Positioning 2 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Positioning.Positioning end.updated 2 times.chromium.png 726 Changed
vr-tests-react-components/Positioning.Positioning end.chromium.png 915 Changed
vr-tests-react-components/TagPicker 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/TagPicker.disabled - Dark Mode.disabled input hover.chromium.png 659 Changed

There were 1 duplicate changes discarded. Check the build logs for more information.

@Hotell Hotell self-requested a review October 1, 2025 12:06
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Feature]: deploy to repo public websites to github pages (v9,charting,web-components)
1 participant