Skip to content

fix: resolve blank sub-storybook pages on packets.es.net#92

Open
FreddKM wants to merge 11 commits into
developfrom
fix/packets-site-blank-storybooks
Open

fix: resolve blank sub-storybook pages on packets.es.net#92
FreddKM wants to merge 11 commits into
developfrom
fix/packets-site-blank-storybooks

Conversation

@FreddKM

@FreddKM FreddKM commented Jul 6, 2026

Copy link
Copy Markdown
Collaborator

Fixes four issues found during external beta testing, plus the blank sub-storybook pages on packets.es.net.

Site fixes (already cherry-picked to release/2.0.1-beta.1):

  • Dockerfile: react-docs was calling pnpm run build which runs the Cloudflare assembly script instead of building the Storybook — changed to build:storybook
  • host-docs MDX: internal ?path=/docs/... links were navigating inside the iframe, which only accepts /story/ paths — added target="_parent" to all of them

Package fixes (will ship as beta.2):

  • All three READMEs: install commands now include @beta so external testers get 2.x instead of the old stable release
  • ui-react package.json: removed ./style.css and ./src/* exports — neither path exists in the published tarball, causing MODULE_NOT_FOUND for any consumer who imported them
  • ui-react README: fixed PktsAvatar usage example — initials and color are not props; correct props are alt and backgroundColor

FreddKM added 7 commits June 29, 2026 08:57
Unified all three packages at 2.0.1-beta.0. Includes CSS variable prefix rename (--esnet- to --pkts-), component style migration into ui-css, new PktsChipGroup web component, Button/IconButton prop refactor, and multiple bug fixes.
Fix ui-css class prefix from es- to pkts-, add all missing components to ui-react and ui-css component lists, add pkts-chip-group to ui-web.
ui-react: add PktsSkeletonChip missing from list, add PacketsDesignTokenProvider and usePacketsDesignTokens, split PktsTab/PktsTabs correctly, reorganize into categories matching source
ui-web: rewrite component list to match index.ts exports exactly, fix date picker sub-components, remove components that are not exported
ui-css: fix all class names from es- to pkts- prefix, remove input-date (file does not exist), add all migrated components from this release
Tokens CSS is fully inlined by postcss-import at build time. Listing
it as a runtime dependency caused install failures for consumers who
don't have ESnet registry access.
Dockerfile: use build:storybook in react-docs instead of build, which was
running the Cloudflare assembly script and clobbering the output directory
with the wrong content for the Docker/nginx deployment.

host-docs MDX: add target="_parent" to all internal ?path= links so clicks
navigate the Storybook manager frame instead of the iframe, which only
accepts /story/ paths and throws on /docs/ paths.
@cloudflare-workers-and-pages

cloudflare-workers-and-pages Bot commented Jul 6, 2026

Copy link
Copy Markdown

Deploying packets-design-system-staging with  Cloudflare Pages  Cloudflare Pages

Latest commit: daa8edc
Status: ✅  Deploy successful!
Preview URL: https://03ed25e0.packets-design-system-staging.pages.dev
Branch Preview URL: https://fix-packets-site-blank-story.packets-design-system-staging.pages.dev

View logs

@cloudflare-workers-and-pages

cloudflare-workers-and-pages Bot commented Jul 6, 2026

Copy link
Copy Markdown

Deploying packets-design-system with  Cloudflare Pages  Cloudflare Pages

Latest commit: daa8edc
Status: ✅  Deploy successful!
Preview URL: https://d7fcccff.packets-design-system.pages.dev
Branch Preview URL: https://fix-packets-site-blank-story.packets-design-system.pages.dev

View logs

… example

- All three READMEs: install commands now include @beta tag so external testers
  get 2.x instead of the old stable 0.x/1.x release
- ui-react package.json: removed ./style.css export (no CSS file ships in the
  tarball) and ./src/* export (src/ is not in the published files list); both
  caused MODULE_NOT_FOUND for any consumer who imported them
- ui-react README: fixed PktsAvatar usage example — initials and color are not
  props; correct props are alt (drives the fallback label) and backgroundColor
@FreddKM FreddKM self-assigned this Jul 6, 2026
FreddKM added 3 commits July 6, 2026 13:49
pnpm build (via Turborepo) was calling the Cloudflare assembly script instead
of the standard Storybook build, crashing CI. Renamed the scripts so build
runs storybook build everywhere consistently, and build:cloudflare is the
Cloudflare-specific entry point. Dockerfile updated to match.

@charleshtrenholm charleshtrenholm left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

looks good

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