API for rete-react-plugin package

ReactPlugin

src/index.tsx

React plugin. Renders nodes, connections and other elements using React.

class ReactPlugin<Schemes extends BaseSchemes, T extends unknown>

Extends Scope<Produces, Requires | T>

Emits connectionpath

Listens render unmount

addPreset

src/index.tsx

Adds a preset to the plugin.

addPreset(preset: RenderPreset<Schemes, CanAssignEachTupleElemmentToAnyOf<T, UnionToTuple<K>> extends true ? K : "Cannot apply preset. Provided signals are not compatible">): void

Returns void

Produces

src/index.tsx

Signals that can be emitted by the plugin

type Produces<Schemes extends BaseSchemes> = {
  data: Object;
  type: "connectionpath";
};

Presets

src/presets/index.ts

Built-in presets, responsible for rendering different parts of the editor.

classic

src/presets/classic/index.tsx

setup

src/presets/classic/index.tsx

Classic preset for rendering nodes, connections, controls and sockets.

setup(props: ClassicProps<Schemes, K>): RenderPreset<Schemes, K>

Returns RenderPreset<Schemes, K>

contextMenu

src/presets/context-menu/index.tsx

setup

src/presets/context-menu/index.tsx

Preset for rendering context menu.

setup(props: Props): RenderPreset<Schemes, K>

Returns RenderPreset<Schemes, K>

minimap

src/presets/minimap/index.tsx

setup

src/presets/minimap/index.tsx

Preset for rendering minimap.

setup(props: { size: number }): RenderPreset<Schemes, K>

Returns RenderPreset<Schemes, K>

reroute

src/presets/reroute-pins/index.tsx

setup

src/presets/reroute-pins/index.tsx

Preset for rendering pins.

setup(props: Props): RenderPreset<Schemes, K>

Returns RenderPreset<Schemes, K>

Props

src/index.tsx

Plugin props

type Props = { createRoot: Function };

RefComponent

src/ref-component.tsx

Component for rendering various elements embedded in the React.js component tree.

RefComponent(__namedParameters: Props): Element

Returns Element