Für Anwendungsentwickler
Pakete und Installation
Wählen Sie aus elf veröffentlichten Paketen nach Zuständigkeit, wobei Sie Paket-Root-Exporte statt Workspace- oder Deep-Importe verwenden.Beginnen Sie mit der kleinsten Kombination
| Brauchen | Pakete | Verantwortung |
|---|---|---|
| Theme-Definitionen, Validierung, Import/Export | @oriatheme/core | Reiner TypeScript-Vertrag; Keine DOM- oder Framework-Abhängigkeit. |
| Offizielle Themes und Browseranwendung | @oriatheme/presets + @oriatheme/runtime-dom | Vollständiger Preset-Katalog, Laufzeit, Persistenz und Bootstrap. |
| React / Vue | @oriatheme/react / @oriatheme/vue | Dünne Adapter; Sie duplizieren nicht die Laufzeitzustandsmaschine. |
| Stabile Grundfarben | @oriatheme/colors | Statische Farbskalen und Grundfarben-Unterpfade CSS. |
| Semantische Variablen Tailwind v4 | @oriatheme/tailwind | Statische @theme Inline-Brücke; Tailwind ist eine reine Build-Zeit-Abhängigkeit. |
| Sichtbare Editor-Quelle | @oriatheme/cli | Kopiert die React/Vue-Benutzeroberfläche in die App-Quelle; Bridge-Pakete bleiben kopflos. |
CSS subpaths
Zwei Pakete, Colors und Tailwind, machen öffentliche CSS-Unterpfade verfügbar. Runtime-Variablen benötigen kein statisches OriaTheme-Stylesheet.
css
@import "@oriatheme/colors/styles.css";
/* Tailwind CSS v4 */
@import "tailwindcss";
@import "@oriatheme/colors/tailwind.css";
@import "@oriatheme/tailwind/oria.css";SSR- und CLI-Grenzen
Mit Ausnahme der ausführbaren CLI sind Bibliothekspaket-Roots bei der SSR-Modulauswertung sicher. Runtime start, Storage Bootstrap, der React Provider und das Vue Plugin gehören weiterhin in den Browser. Nicht aus src-, dist- oder Registry-Vorlagen importieren.
Weiter: Laufzeit, Bootstrap und Übergänge