Référence API · Pont éditeur React

@oriatheme/react-editor

Session React Fournisseur, abonnement et coordination de l'aperçu automatique pour un ThemeEditor source locale ; il n'exporte aucune interface utilisateur visible.

Forfait et environnement

Pont client React 18.2 ou 19 ; utilisez un ThemeEditor installé localement par la CLI comme racine visible.

bash

pnpm add @oriatheme/editor-core @oriatheme/react-editor

bash

npm install @oriatheme/editor-core @oriatheme/react-editor

bash

yarn add @oriatheme/editor-core @oriatheme/react-editor

bash

bun add @oriatheme/editor-core @oriatheme/react-editor

Utilisez le gestionnaire de packages et le fichier de verrouillage déjà choisis par le projet consommateur. Les exemples utilisent uniquement les exportations racine du package ; n'effectuez pas d'importation approfondie à partir de modèles src, dist ou de registre.

Exports

Exporter	Signature	Descriptif
`ThemeEditorProvider`	`({ session?, options?, children }) => ReactElement`	Fournit une session d’appelant ou en possède une pour le sous-arbre.
`useThemeEditor`	`() => { session, snapshot }`	S'abonne directement à l'état immuable du noyau de l'éditeur.
`useThemeEditorAutoPreview`	`(runtime?, mode?) => ThemeEditorAutoPreviewState`	Fusionne les révisions valides par image d’animation.
`re-exported editor-core types`	`ThemeEditorOptions, ThemeEditorSession, …`	Réexportations de type/domaine de commodité ; le comportement reste dans l'éditeur-core.

tsx

import { ThemeEditorProvider, useThemeEditorAutoPreview } from "@oriatheme/react-editor";

function Bridge({ runtime }: { runtime: OriaThemeRuntime }) {
  const preview = useThemeEditorAutoPreview(runtime);
  return <span>{preview.status}</span>;
}

L’interface utilisateur visible vit dans votre projet

Ce package n'exporte aucune barre d'outils, onglets, champs ou CSS. Utilisez la CLI pour copier les composants dans composants/oria-theme-editor, puis laissez les routes composer uniquement le ThemeEditor, le runtime et les options locaux.