Для разработчиков приложений
Пакеты и установка
Выбирайте среди одиннадцати опубликованных пакетов по ответственным, используя экспорт корня пакета, а не рабочую область или глубокий импорт.Начните с самой маленькой комбинации
| Нужна | Пакеты | Ответственность |
|---|---|---|
| Определения тем, проверка, импорт/экспорт | @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 в исходный код приложения; пакеты моста остаются безголовыми. |
CSS subpaths
Два пакета, цвета и попутный ветер, предоставляют общедоступные подпути 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 start, Storage Bootstrap, поставщик React и плагин Vue по-прежнему принадлежат браузеру. Не импортируйте из шаблонов src, dist или реестра.
Продолжение: время выполнения, Bootstrap и переходы.