Пресети - Rete.js

Пресети

Пресет — це набір попередньо створених функціональних можливостей, які зазвичай становлять основу редактора, але можуть бути замінені на інші пресети з тієї ж категорії або кастомні.

Архітектура

Структури даних

Наприклад, існує класичний пресет редактора, який містить такі класи, як Node, Connection, Input, Output і Socket.

ts
import { ClassicPreset } from 'rete';

const { Node, Connection, Socket, Input, Output, Control } = ClassicPreset

Рендерінг

Крім того, кожен плагін візуалізації має пресети для відображення класичних вузлів на основі структур даних, згаданих вище.

ts
import { ReactPlugin, Presets as ReactPresets } from 'rete-react-plugin'

const reactPlugin = new ReactPlugin<Schemes, AreaExtra>({ createRoot })

reactPlugin.addPreset(ReactPresets.classic.setup())
reactPlugin.addPreset(ReactPresets.contextMenu.setup())

Взаємодія

rete-connection-plugin постачається з пресетами, один з яких копіює функціональність взаємодії підключення з фреймворку першої версії. Крім того, додано альтернативний пресет із простішим способом взаємодії з підключеннями.

ts
import { ConnectionPlugin, Presets as ConnectionPresets } from 'rete-connection-plugin'

const connection = new ConnectionPlugin<Schemes, AreaExtra>()

connection.addPreset(ConnectionPresets.classic.setup())

Висновок

По суті, пресети можна використовувати в будь-якому сценарії, який передбачає необхідність реалізації певної функціональності за допомогою одного або кількох альтернативних підходів.