Variable: PlayUIProvider

API / @xmachines/play-react / PlayUIProvider

const PlayUIProvider: React.FC<PlayUIProviderProps>;

Defined in: packages/play-react/src/PlayUIProvider.tsx:102

PlayUIProvider — batteries-included entry point for actor-driven UI rendering.

Combines actor lifecycle management (ActorProvider) with full UI provider setup (JSONUIProvider including ActionProvider, ValidationProvider, VisibilityProvider, StateProvider, and ConfirmDialogManager).

Example

import { PlayUIProvider, PlayRenderer } from "@xmachines/play-react";

const registryResult = defineRegistry(catalog, {
  components: { Login, Dashboard },
  actions: {
    login: async ({ username }) => actor.send({ type: 'auth.login', username }),
    logout: async () => actor.send({ type: 'auth.logout' }),
  },
});

<PlayUIProvider actor={actor} registryResult={registryResult}>
  <PlayRenderer />
</PlayUIProvider>

// With JSONUIProvider options:
<PlayUIProvider
  actor={actor}
  registryResult={registryResult}
  navigate={(path) => router.push(path)}
  validationFunctions={{ isEmail: (v) => /^.+@.+$/.test(String(v)) }}
>
  <PlayRenderer />
</PlayUIProvider>