애플리케이션 개발자용

애플리케이션 정의 사전 설정

애플리케이션 코드에 완전하고 유효한 ThemeDefinition을 등록합니다. 공식 카탈로그로 제시하거나 핵심 검증을 우회하지 마십시오.

완전한 정의를 작성하고 먼저 검증하십시오.

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");

프로덕션 애플리케이션은 빌드 또는 제어된 초기화 중에 전체 ThemeDefinition의 유효성을 검사해야 합니다. 신뢰할 수 없는 JSON에서 CSS를 컴파일하지 마십시오. 핵심 가져오기 및 검증 API를 통해 사용자 입력을 라우팅합니다.

공식 사전 설정을 사용하여 런타임에 전달

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

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

이것은 공식 사전 카탈로그가 아닙니다.

@oriatheme/presets의 카탈로그는 OriaTheme의 릴리스 프로세스에 의해 유지 관리됩니다. 애플리케이션 사전 설정은 앱 자체 구성에만 속합니다. 공식 ID를 재정의하거나 핵심 검증, 해결 또는 런타임 원자 애플리케이션을 우회할 수 없습니다.

패키지 선택으로 돌아가기