vuestorefront/storefront-ui

StorefrontUI（@storefront-ui/react・@storefront-ui/vue）は、ECサイト向けのUIコンポーネントを提供するReact・Vue用のフロントエンドライブラリです。このリポジトリは、そのライブラリを開発するmonorepoで、ドキュメントサイト、動作確認用のプレビューアプリ、リリース管理の設定を含みます。

リポジトリはmonorepo構成です。.changeset/config.json のignore欄に @storefront-ui/preview-next、preview-nuxt、tests、vue-test、react-test などのワークスペース名があり、パッケージごとに分かれていることが確認できます。 apps/docs/components はNuxtで作られたドキュメントサイトです。content配下のmdで components、blocks、hooks、getting-started を管理し、pages/[framework]/components/[component].vue という動的ルートで React・Vue を切り替えて表示します。ReactOnly.vue と VueOnly.vue というコンポーネントも、フレームワーク別の表示に使われていると読み取れます。 _templates/component/new には、React・Vueのコンポーネント、型定義、index、テスト、ドキュメントmdの雛形があります。拡張子が .ejs.t なので、Hygen系のジェネレーターを使う想定と推定されますが、確証はありません。 リリースは .changeset で管理され、baseBranch は origin/v2、changelogはGitHub連携の設定です。ビルドは Dockerfile で node:22-alpine を使い、yarn、build:replace-assets-url-with、build:vue、build:docs、serve の順に実行されます。apps/preview の next と nuxt は、それぞれのフレームワークでの組み込み確認に使われると読み取れます。 なお、packages配下のコンポーネント実装は提示されたツリーに含まれておらず、内部の仕組みは確認できていません。

実行すると、ドキュメントサイトのビルドと起動が確認でき、コンポーネント、ブロック、フックの各ページを閲覧できる状態になります。あわせて、Next.jsとNuxtのプレビュー環境も用意されている構成です。ただし、これらの結果から得られるのは、ドキュメントと開発基盤が動くことの確認までです。ライブラリ本体のコンポーネントの見た目や挙動は、このツリーの範囲では確認できません。