Skip to content

chore(design-system): content-primitive Storybook stories (PR 2 of #18191)#18200

Merged
pettinarip merged 1 commit into
devfrom
chore/storybook-feature-content
May 19, 2026
Merged

chore(design-system): content-primitive Storybook stories (PR 2 of #18191)#18200
pettinarip merged 1 commit into
devfrom
chore/storybook-feature-content

Conversation

@myelinated-wackerow
Copy link
Copy Markdown
Collaborator

Summary

PR 2 of #18191. Adds Storybook stories for the three in-content widget primitives reused across docs, tutorial, and homepage surfaces. All three loose Foo.tsx files are migrated to Foo/index.tsx so the story files can live alongside them.

Components covered:

  • Codeblock (client) -- migrated; covers solidity / js / python / bash, the collapse control, and the fromHomepage mode that hides the top bar
  • CopyToClipboard (client) -- migrated; render-prop default export plus a CopyButtonVariant story for the named CopyButton export
  • ProductList (server) -- migrated; covers the with-image / without-image / without-link variants and the category heading

Each story uses the Components / Content / <Name> title pattern and opts out of Chromatic snapshots at the meta level per the #18121 convention.

Related to #18191. Does not close the issue.

Test plan

  • pnpm storybook -- the three new entries appear under Components / Content / * and render without console errors
  • a11y addon panel is clean on each story
  • Codeblock: copy button copies the code; Show all / Show less toggles on the Collapsible story
  • CopyToClipboard: clicking the trigger swaps to the copied label
  • Consumer pages (MDX docs using Codeblock, TutorialMetadata, deposit-contract, developers/page for CopyToClipboard, stablecoins / dapps pages for ProductList) still resolve their @/components/Foo imports after the migrations

Claude (Opus 4.7) co-authored these changes.

PR 2 of #18191. Adds Storybook stories for the three in-content widget primitives reused across docs, tutorial, and homepage surfaces, and migrates each loose .tsx into Foo/index.tsx so the story lives alongside.

Components covered: Codeblock (client), CopyToClipboard (client, plus the CopyButton named export), and ProductList (server). Each uses the Components / Content / <Name> title pattern and opts out of Chromatic snapshots at the meta level.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Co-Authored-By: wackerow <54227730+wackerow@users.noreply.github.com>
@netlify
Copy link
Copy Markdown

netlify Bot commented May 15, 2026

Deploy Preview for ethereumorg ready!

Name Link
🔨 Latest commit b6ddc3f
🔍 Latest deploy log https://app.netlify.com/projects/ethereumorg/deploys/6a07134591b7e80008817108
😎 Deploy Preview https://deploy-preview-18200.ethereum.it
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
7 paths audited
Performance: 69 (🟢 up 4 from production)
Accessibility: 96 (no change from production)
Best Practices: 100 (no change from production)
SEO: 98 (🔴 down 1 from production)
PWA: 59 (no change from production)
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify project configuration.

@pettinarip pettinarip merged commit ef8ed34 into dev May 19, 2026
16 checks passed
@pettinarip pettinarip deleted the chore/storybook-feature-content branch May 19, 2026 15:12
@claude claude Bot mentioned this pull request May 22, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants