アプリケーション開発者向け
パッケージとインストール
ワークスペースやディープ インポートではなく、パッケージ ルート エクスポートを使用して、責任に応じて 11 個の公開済みパッケージの中から選択します。最小の組み合わせから始めます
| 必要 | パッケージ | 責任 |
|---|---|---|
| テーマの定義、検証、インポート/エクスポート | @oriatheme/core | 純粋な TypeScript 契約。 DOM やフレームワークへの依存はありません。 |
| 公式テーマとブラウザアプリ | @oriatheme/presets + @oriatheme/runtime-dom | 完全なプリセット カタログ、ランタイム、永続性、および Bootstrap。 |
| React / Vue | @oriatheme/react / @oriatheme/vue | 薄型アダプター。ランタイム ステート マシンは複製されません。 |
| 安定したベースカラー | @oriatheme/colors | 静的カラー スケールとベースカラー CSS サブパス。 |
| Tailwind v4 セマンティック変数 | @oriatheme/tailwind | 静的 @theme インライン ブリッジ。 Tailwind はビルド時のみの依存関係です。 |
| エディタのソースが表示される | @oriatheme/cli | React/Vue UI をアプリのソースにコピーします。ブリッジ パッケージはヘッドレスのままです。 |
CSS subpaths
2 つのパッケージ、colours と tailwind は、パブリック CSS サブパスを公開します。 Runtime 変数には、静的 OriaTheme スタイルシートは必要ありません。
css
@import "@oriatheme/colors/styles.css";
/* Tailwind CSS v4 */
@import "tailwindcss";
@import "@oriatheme/colors/tailwind.css";
@import "@oriatheme/tailwind/oria.css";SSR と CLI の境界
実行可能 CLI を除いて、ライブラリ パッケージ ルートは SSR モジュール評価時に安全です。 Runtime スタート、ストレージ Bootstrap、React プロバイダー、および Vue プラグインは引き続きブラウザーに属します。 src、dist、またはレジストリ テンプレートからインポートしないでください。
続行: ランタイム、Bootstrap、およびトランジション