Skip to content

Modernize component docs playground#4

Merged
pirog merged 38 commits intomainfrom
piro-pass2
May 1, 2026
Merged

Modernize component docs playground#4
pirog merged 38 commits intomainfrom
piro-pass2

Conversation

@pirog
Copy link
Copy Markdown
Member

@pirog pirog commented May 1, 2026

Summary

  • Reworks component docs around the new TMSComponentPlayground pattern.
  • Adds playground support for named slots, boolean props, repeat children, object-array props, and list item presets.
  • Async-loads the playground shell to keep it out of the universal theme chunk.
  • Adds JavaScript tests for playground codegen and the sync-tanaab-assets CLI.
  • Splits sync-assets into a thin bin wrapper plus a testable CLI module with help/version coverage.

Validation

  • bun run test
  • bun run lint
  • bun run build
  • CLI smoke checks for --help, forced-color --help, --version, and unknown-option failure

Notes

  • Created as a draft PR so CI can run before marking ready for review.

pirog added 30 commits April 14, 2026 12:06
- Move component pages to usage-first examples
- Simplify static usage markup and generated demo code handling
- Align demo ordering, headings, sidebar grouping, and authoring guidance
- Add playground controls and repeat-slot child generation

- Render repeat slots as real child components in previews

- Migrate TMS Grid docs to the playground with auto and explicit box counts
Add object-array editing support for list items, add opt-in list columns, and remove the retired component doc demo surface.
@netlify
Copy link
Copy Markdown

netlify Bot commented May 1, 2026

Deploy Preview for tanaab-theme ready!

Name Link
🔨 Latest commit 7ea4339
🔍 Latest deploy log https://app.netlify.com/projects/tanaab-theme/deploys/69f4ca6b06b7200008c90ca5
😎 Deploy Preview https://deploy-preview-4--tanaab-theme.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

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

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

@pirog pirog marked this pull request as ready for review May 1, 2026 15:36
@pirog pirog merged commit 192b727 into main May 1, 2026
7 checks passed
@pirog pirog deleted the piro-pass2 branch May 1, 2026 15:45
pirog added a commit that referenced this pull request May 1, 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.

1 participant