API Reference

Public Utilities

Import from @verbb/plugin-kit-react/utils (src/utils/index.ts).

This page covers the utility surface added by plugin-kit-react, plus the fact that the barrel also re-exports @verbb/plugin-kit.

From @verbb/plugin-kit

The barrel re-exports export * from '@verbb/plugin-kit'. Anything documented for base plugin-kit remains available here; this page lists additions in plugin-kit-react.

Classes / styling

SymbolModuleNotes
cnutils/classes.tsclsx + tailwind-merge helper for components.

App configuration

SymbolNotes
configurePluginKitReactPortal + i18n + host bridge setup.
PluginKitReactConfigOptions type for configurePluginKitReact.
createCraftHostBridgeCraft CP bridge factory.

Host bridge

SymbolNotes
setHostBridge, getHostBridgeMerge / read global bridge.
hostRequest, hostOpenElementSelector, hostFormatDate, hostGetTimepickerOptions, hostGetLocaleCall through configured bridge.
HostRequestMethod, HostRequestConfig, HostElementSelectorOptions, HostSelectedElement, PluginKitReactHostBridgeTypes.

Portals

SymbolNotes
setPortalClassName, getPortalClassNameClass for portaled UI.
setPortalContainer, getPortalContainerShadow root / element target.
setShadowRootSelectors, getShadowRootSelectorsHost lookup helpers.
getPortalTargetForAppendResolved append target.

Translation

SymbolNotes
setTranslationCategory, setTranslateFunction, translateCP / test overrides.
TranslateParamsString map type.

Schema helpers

SymbolNotes
evaluateCondition, traverseSchema, extractFields, extractFieldNames, normalizeAttrsutils/schema.ts
getSchemaFieldNamesutils/schemaFieldNames.ts
createSchemaFieldIndex, hasSchemaErrorsutils/schemaIndex.ts
getSchemaFieldIndex, hasSchemaErrorsCachedutils/schemaIndexCache.ts
normalizeSchemaNodeutils/schemaNormalize.ts

Validation

SymbolNotes
validateFormValuesValibot validation from schema + values → { fields } map.

Handles

SymbolNotes
buildUniqueHandleFromSource, getDynamicReservedHandlesutils/handle.ts

Rich text

SymbolNotes
getRichTextHtml, getRichTextTextutils/tiptap.ts

Time

SymbolNotes
generateTimeOptions, clearTimeOptionsCacheutils/timeOptions.ts

Store

SymbolNotes
zustandHmrFixHMR helper for Zustand-like stores in Vite.

Example

ts
import {
  cn,
  configurePluginKitReact,
  createCraftHostBridge,
  evaluateCondition,
  validateFormValues,
} from '@verbb/plugin-kit-react/utils';
Edit this page
Last updated: May 22, 2026, 6:53 PM