editor-react

@hlang-org/editor-react

React bindings of the Lumen editor for hlang: hooks that connect @hlang-org/editor-core to React Flow. Version 0.3.0, 37 exports.

Interfaces

ClipboardState

Defined in: packages/editor-react/src/hooks/useClipboard.ts:34

Methods

canPaste()
TypeScript
canPaste(): boolean;

Defined in: packages/editor-react/src/hooks/useClipboard.ts:51

Whether the in-memory clipboard holds something to paste.

Returns

boolean

copy()
TypeScript
copy(): void;

Defined in: packages/editor-react/src/hooks/useClipboard.ts:36

Copy the current selection into the clipboard (no graph change).

Returns

void

cut()
TypeScript
cut(): void;

Defined in: packages/editor-react/src/hooks/useClipboard.ts:38

Copy the selection, then delete it as one undo step.

Returns

void

duplicate()
TypeScript
duplicate(): void;

Defined in: packages/editor-react/src/hooks/useClipboard.ts:47

Clone the current selection in place (offset), selecting the clones.

Returns

void

paste()
TypeScript
paste(flowPos?): void;

Defined in: packages/editor-react/src/hooks/useClipboard.ts:45

Paste the clipboard as fresh nodes, selecting them. If flowPos is given (the canvas cursor in flow space), the pasted set is anchored there; else a small fixed offset is used. Prefers the system clipboard (cross-document), falling back to the in-memory copy. Async because it reads the OS clipboard.

Parameters
ParameterType
flowPos?Point
Returns

void

remove()
TypeScript
remove(): void;

Defined in: packages/editor-react/src/hooks/useClipboard.ts:49

Delete the current selection as one undo step.

Returns

void


DiagnosticsState

Defined in: packages/editor-react/src/hooks/useDiagnostics.ts:11

Properties

PropertyModifierTypeDefined in
allreadonlyreadonly Diagnostic[]packages/editor-react/src/hooks/useDiagnostics.ts:12
byNodereadonlyReadonlyMap<string, readonly Diagnostic[]>packages/editor-react/src/hooks/useDiagnostics.ts:13

Methods

worstOf()
TypeScript
worstOf(id): Diagnostic | undefined;

Defined in: packages/editor-react/src/hooks/useDiagnostics.ts:15

The most severe diagnostic on a node (error > warning), or undefined.

Parameters
ParameterType
idstring
Returns

Diagnostic | undefined


EdgeViewState

Defined in: packages/editor-react/src/mapping/convert.ts:49

Per-edge view flags reflected into React Flow.

Properties

PropertyModifierTypeDescriptionDefined in
selected?readonlybooleanWhether the edge is selected in editor-core's selection service.packages/editor-react/src/mapping/convert.ts:51

EditorProviderProps

Defined in: packages/editor-react/src/context.tsx:15

Properties

PropertyModifierTypeDefined in
childrenreadonlyReactNodepackages/editor-react/src/context.tsx:17
corereadonlyEditorCorepackages/editor-react/src/context.tsx:16

GraphView

Defined in: packages/editor-react/src/hooks/useGraphSync.ts:17

Properties


HistoryState

Defined in: packages/editor-react/src/hooks/useHistory.ts:11

Properties

PropertyModifierTypeDefined in
canRedoreadonlybooleanpackages/editor-react/src/hooks/useHistory.ts:13
canUndoreadonlybooleanpackages/editor-react/src/hooks/useHistory.ts:12

Methods

redo()
TypeScript
redo(): void;

Defined in: packages/editor-react/src/hooks/useHistory.ts:15

Returns

void

undo()
TypeScript
undo(): void;

Defined in: packages/editor-react/src/hooks/useHistory.ts:14

Returns

void


HlangEdgeData

Defined in: packages/editor-react/src/mapping/types.ts:28

Data payload attached to a React Flow edge. Carries the hlang port ids so a custom edge can distinguish, e.g., an error-port edge from a normal one.

Extends

  • Record<string, unknown>

Indexable

TypeScript
[key: string]: unknown

Properties

PropertyModifierTypeDescriptionDefined in
capacity?readonlynumberA bounded connection's capacity and overflow (RFC 0001); absent when unbounded.packages/editor-react/src/mapping/types.ts:36
isErrorreadonlybooleanWhether the source port is the @node/error port.packages/editor-react/src/mapping/types.ts:32
overflow?readonly"drop-oldest"-packages/editor-react/src/mapping/types.ts:37
sourcePortIdreadonlystring-packages/editor-react/src/mapping/types.ts:29
streamreadonly"live" | "value"The source port's stream mode ('live' default | 'value'), for edge visuals.packages/editor-react/src/mapping/types.ts:34
targetPortIdreadonlystring-packages/editor-react/src/mapping/types.ts:30

HlangFlowProps

Defined in: packages/editor-react/src/hooks/useHlangFlow.ts:40

Properties

PropertyModifierTypeDescriptionDefined in
edgesreadonlyHlangRFEdge[]-packages/editor-react/src/hooks/useHlangFlow.ts:42
isValidConnectionreadonly