docs: add storybook for docs components

オープン
#760 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

まだ誰も着手していません。

評価

難易度
5/5
見積もり時間
1週間以上
初心者へのやさしさ
35/100
issue の種類
機能追加
明瞭さ
おおむね明確
活発さ
活発
技術スタック
storybook, typescript

調査の方向性

Start by reviewing dependency issue #759 and the Astro component scripts, then spike on ComparisonBarChart using the proposed @storybook-astro/framework. Verify it mounts in both storybook dev and a static build before adding stories for charts and tables with the Vitest fixtures. Done means stories cover every chart and table, both themes are selectable, the a11y addon is enabled, and CI fails on a broken Storybook build.

索引モデルが issue の本文から書いたものです。

説明

enhancement

a visual catalog of the docs components would make it easier to see every chart and table in one place, check them in both themes and catch layout issues without clicking through the whole site.

there's no official storybook framework for astro, but @storybook-astro/framework supports astro 7 and storybook 10 and is actively maintained. the fixes for running component scripts landed recently though, so the first step is a quick spike on one chart (ComparisonBarChart) to make sure it mounts in both storybook dev and a static build.

plan:

  • spike on ComparisonBarChart
  • stories for every chart and table, reusing the vitest fixtures
  • theme toolbar + a11y addon
  • build storybook in ci so a broken story fails

if the spike doesn't hold up, the fallback would be a hidden gallery page inside the docs site.

depends on #759

主要言語
TypeScript
スター
42
フォーク
16
平均マージ
12時間 36分
マージ済み PR(30日)
151

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

e18e/framework-tracker のほかの issue

e18e/framework-tracker の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。