Für Anwendungsentwickler

Anwendungsdefinierte Voreinstellungen

Registrieren Sie vollständige, gültige ThemeDefinitions im Anwendungscode; Präsentieren Sie sie nicht als offiziellen Katalog oder umgehen Sie die Core-Validierung.

Erstellen Sie eine vollständige Definition und validieren Sie diese zunächst

import { createThemeFromSeed, validateTheme, oriaStandardContract } from "@oriatheme/core";

const brandTheme = createThemeFromSeed(
  { color: "#2563eb" },
  { id: "acme-blue", name: "Acme Blue" },
);
const result = validateTheme(brandTheme, oriaStandardContract);
if (!result.ok) throw new Error("Theme definition is invalid");

Eine Produktionsanwendung sollte während des Builds oder der kontrollierten Initialisierung eine vollständige ThemeDefinition validieren. Kompilieren Sie CSS nicht aus nicht vertrauenswürdigem JSON. Leiten Sie Benutzereingaben über Core-Import- und Validierungs-APIs weiter.

Übergeben Sie es mit offiziellen Voreinstellungen an die Laufzeit

import { oriaPresetThemes } from "@oriatheme/presets";
import { createOriaThemeRuntime } from "@oriatheme/runtime-dom";

const runtime = createOriaThemeRuntime({
  presets: [...oriaPresetThemes, brandTheme],
  defaultThemeId: "acme-blue",
});

Dies ist nicht der offizielle Preset-Katalog

Der Katalog in @oriatheme/presets wird durch den Freigabeprozess von OriaTheme verwaltet. Anwendungsvoreinstellungen gehören nur zur eigenen Konfiguration einer App: Sie können keine offiziellen IDs überschreiben oder die Core-Validierung, -Auflösung oder die atomare Laufzeitanwendung umgehen.

Zurück zur Paketauswahl