@cloudensis/design-system

cloudensis の CSS トークン・記事用スタイル・Hono JSX コンポーネント。

仕様はドキュメントサイトを参照してください。

導入

Tailwind CSS v4 と Hono v4 が必要です。

npm install @cloudensis/design-system

@import "tailwindcss";
@import "@cloudensis/design-system/index.css";

import { Button } from "@cloudensis/design-system/components/button";

開発

script	内容
npm run dev	ドキュメントサイトの開発サーバー
npm run build	配布物を dist/ にビルド
npm run build:docs	ドキュメントサイトを静的サイトとして docs-dist/ に書き出す
npm run lint / npm run format / npm run typecheck	静的チェック
npm run test:a11y	ドキュメントサイトを axe で検査

リリース

1. package.json の version を上げて main にマージする
2. version と同じタグ（例: 0.12.0）で GitHub の Release を作成する
3. npm への publish とドキュメントサイトのデプロイが自動で行われる

デプロイは cf CLI で Cloudflare Workers に行います（設定は cloudflare.config.ts と wrangler.config.ts）。Secrets の CLOUDFLARE_API_TOKEN と CLOUDFLARE_ACCOUNT_ID が必要です。