@hlang-org/editor-ui
Lumen design system for hlang: node, edge, panel, and shell components for a React Flow node editor, built on @hlang-org/editor-react. Version 0.2.0, 119 exports.
Classes
LiveSignalStore
Defined in: packages/editor-ui/src/live/live-signal-store.ts:58
Constructors
Constructor
new LiveSignalStore(deps?): LiveSignalStore;Defined in: packages/editor-ui/src/live/live-signal-store.ts:77
Parameters
| Parameter | Type | Default value |
|---|---|---|
deps? | LiveSignalStoreDeps | defaultDeps |
Returns
Methods
getNodeState()
getNodeState(nodeId): NodeLiveState;Defined in: packages/editor-ui/src/live/live-signal-store.ts:135
Current live state of a node.
Parameters
| Parameter | Type |
|---|---|
nodeId | string |
Returns
isEdgeFlowing()
isEdgeFlowing(edgeId): boolean;Defined in: packages/editor-ui/src/live/live-signal-store.ts:147
Whether an edge is currently flowing.
Parameters
| Parameter | Type |
|---|---|
edgeId | string |
Returns
boolean
markActivity()
markActivity(nodeId, portId): void;Defined in: packages/editor-ui/src/live/live-signal-store.ts:97
Record a node emitting on an output port (drives node + edge activity).
Parameters
| Parameter | Type |
|---|---|
nodeId | string |
portId | string |
Returns
void
markError()
markError(nodeId): void;Defined in: packages/editor-ui/src/live/live-signal-store.ts:110
Record a node erroring (sticky for the run).
Parameters
| Parameter | Type |
|---|---|
nodeId | string |
Returns
void
reset()
reset(): void;Defined in: packages/editor-ui/src/live/live-signal-store.ts:116
Clear all live state (on stop/teardown) and notify everyone.
Returns
void
setEdgeIndex()
setEdgeIndex(edges): void;Defined in: packages/editor-ui/src/live/live-signal-store.ts:82
Provide the current edge index (call whenever edges change).
Parameters
| Parameter | Type |
|---|---|
edges | readonly EdgeIndexEntry[] |
Returns
void
subscribeEdge()
subscribeEdge(edgeId, listener): () => void;Defined in: packages/editor-ui/src/live/live-signal-store.ts:130
Subscribe to a single edge's flowing state.
Parameters
| Parameter | Type |
|---|---|
edgeId | string |
listener | Listener |
Returns
() => void
subscribeNode()
subscribeNode(nodeId, listener): () => void;Defined in: packages/editor-ui/src/live/live-signal-store.ts:125
Subscribe to a single node's live state.
Parameters
| Parameter | Type |
|---|---|
nodeId | string |
listener | Listener |
Returns
() => void
Interfaces
AssetGridProps
Defined in: packages/editor-ui/src/panels/AssetGrid.tsx:17
Properties
| Property | Modifier | Type | Description | Defined in |
|---|---|---|---|---|
emptyHint? | readonly | string | Shown when there are no assets yet. | packages/editor-ui/src/panels/AssetGrid.tsx:21 |
items | readonly | readonly AssetItem[] | - | packages/editor-ui/src/panels/AssetGrid.tsx:18 |
onSelect? | readonly | (id) => void | - | packages/editor-ui/src/panels/AssetGrid.tsx:19 |
AssetItem
Defined in: packages/editor-ui/src/panels/AssetGrid.tsx:11
Properties
| Property | Modifier | Type | Defined in |
|---|---|---|---|
id | readonly | string | packages/editor-ui/src/panels/AssetGrid.tsx:12 |
label? | readonly | string | packages/editor-ui/src/panels/AssetGrid.tsx:14 |
url | readonly | string | packages/editor-ui/src/panels/AssetGrid.tsx:13 |
AssetNodeChromeProps
Defined in: packages/editor-ui/src/nodes/AssetNode.tsx:20
Properties
| Property | Modifier | Type | Defined in |
|---|---|---|---|
node | readonly | EditorNode | packages/editor-ui/src/nodes/AssetNode.tsx:21 |
selected? | readonly | boolean | packages/editor-ui/src/nodes/AssetNode.tsx:22 |
CanvasChromeProps
Defined in: packages/editor-ui/src/canvas/CanvasChrome.tsx:13
Properties
| Property | Modifier | Type | Defined in |
|---|---|---|---|
background? | readonly | boolean | packages/editor-ui/src/canvas/CanvasChrome.tsx:14 |
CanvasDockProps
Defined in: packages/editor-ui/src/canvas/CanvasDock.tsx:18
Properties
CheatsheetProps
Defined in: packages/editor-ui/src/overlays/Cheatsheet.tsx:21
Properties
| Property | Modifier | Type | Description | Defined in |
|---|---|---|---|---|
groups? | readonly | readonly ShortcutGroup[] | Groups to display; a sensible default set is used when omitted. | packages/editor-ui/src/overlays/Cheatsheet.tsx:25 |
onClose | readonly | () => void | - | packages/editor-ui/src/overlays/Cheatsheet.tsx:23 |
open | readonly | boolean | - | packages/editor-ui/src/overlays/Cheatsheet.tsx:22 |
ConnectableResult
Defined in: packages/editor-ui/src/command-palette/node-search-model.ts:62
A search result augmented with the specific port on the candidate node that would complete a pending connection.
Properties
| Property | Modifier | Type | Description | Defined in |
|---|---|---|---|---|
candidate | readonly | NodeSearchResult | - | packages/editor-ui/src/command-palette/node-search-model.ts:63 |
connectPortId | readonly | string | The port id on the (future) new node that closes the connection. | packages/editor-ui/src/command-palette/node-search-model.ts:65 |
ContextMenuItem
Defined in: packages/editor-ui/src/context-menu/NodeContextMenu.tsx:22
One menu row. A separator is a bare { separator: true }.
Properties
| Property | Modifier | Type | Description | Defined in |
|---|---|---|---|---|
danger? | readonly | boolean | Destructive styling (e.g. Delete). | packages/editor-ui/src/context-menu/NodeContextMenu.tsx:30 |
disabled? | readonly | boolean | Disabled rows are shown dim and are not selectable. | packages/editor-ui/src/context-menu/NodeContextMenu.tsx:32 |
icon? | readonly | ReactNode | Optional leading glyph. | packages/editor-ui/src/context-menu/NodeContextMenu.tsx:28 |
id | readonly | string | - | packages/editor-ui/src/context-menu/NodeContextMenu.tsx:23 |
label | readonly | string | - | packages/editor-ui/src/context-menu/NodeContextMenu.tsx:24 |
onSelect | readonly | () => void | - | packages/editor-ui/src/context-menu/NodeContextMenu.tsx:33 |
shortcut? | readonly | string | Optional keyboard-shortcut hint shown right-aligned (e.g. "⌘D"). | packages/editor-ui/src/context-menu/NodeContextMenu.tsx:26 |
DiagnosticBadgeProps
Defined in: packages/editor-ui/src/panels/DiagnosticBadge.tsx:12
Properties
| Property | Modifier | Type | Description | Defined in |
|---|---|---|---|---|
diagnostic | readonly | Diagnostic | - | packages/editor-ui/src/panels/DiagnosticBadge.tsx:13 |
size? | readonly | number | - | packages/editor-ui/src/panels/DiagnosticBadge.tsx:16 |
variant | readonly | string | Class-prefix so hosts style it in context (e.g. 'hl-pill-diag'). | packages/editor-ui/src/panels/DiagnosticBadge.tsx:15 |
EdgeIndexEntry
Defined in: packages/editor-ui/src/live/live-signal-store.ts:29
Minimal edge shape the store needs to map a source-port pulse to edges.
Properties
| Property | Modifier | Type | Defined in |
|---|---|---|---|
id | readonly | string | packages/editor-ui/src/live/live-signal-store.ts:30 |
isError | readonly | boolean | packages/editor-ui/src/live/live-signal-store.ts:33 |
sourceNodeId | readonly | string | packages/editor-ui/src/live/live-signal-store.ts:31 |
sourcePortId | readonly | string | packages/editor-ui/src/live/live-signal-store.ts:32 |
EditorHotkeysOptions
Defined in: packages/editor-ui/src/hooks/useEditorHotkeys.ts:32
Properties
| Property | Modifier | Type | Description | Defined in |
|---|---|---|---|---|
scope? | readonly | RefObject<HTMLElement | null> | The element that owns the shortcuts. When given, only keystrokes whose target is inside it are handled; while it is not mounted, none are. Omit it when the editor fills the page. | packages/editor-ui/src/hooks/useEditorHotkeys.ts:38 |
EditorShellProps
Defined in: packages/editor-ui/src/shell/EditorShell.tsx:11
Properties
| Property | Modifier | Type | Description | Defined in |
|---|---|---|---|---|
canvas | readonly | ReactNode | Center region — required; the host renders | packages/editor-ui/src/shell/EditorShell.tsx:19 |
footer? | readonly | ReactNode | Optional footer region (e.g. an output/console strip). | packages/editor-ui/src/shell/EditorShell.tsx:21 |
left? | readonly | ReactNode | Left region (node palette / outline). | packages/editor-ui/src/shell/EditorShell.tsx:15 |
leftCollapsed? | readonly | boolean | - | packages/editor-ui/src/shell/EditorShell.tsx:22 |
right? | readonly | ReactNode | Right region (inspector). | packages/editor-ui/src/shell/EditorShell.tsx:17 |
rightCollapsed? | readonly | boolean | - | packages/editor-ui/src/shell/EditorShell.tsx:23 |
toolbar? | readonly | ReactNode | Top toolbar region. | packages/editor-ui/src/shell/EditorShell.tsx:13 |
EditorUIThemeProviderProps
Defined in: packages/editor-ui/src/tokens/ThemeProvider.tsx:12
Properties
| Property | Modifier | Type | Defined in |
|---|---|---|---|
children | readonly | ReactNode | packages/editor-ui/src/tokens/ThemeProvider.tsx:16 |
className? | readonly | string | packages/editor-ui/src/tokens/ThemeProvider.tsx:14 |
style? | readonly | CSSProperties | packages/editor-ui/src/tokens/ThemeProvider.tsx:15 |
theme? | readonly | Partial<Record< | "hl-void" | "hl-void-2" | "hl-surface" | "hl-surface-2" | "hl-line" | "hl-line-strong" | "hl-silver" | "hl-silver-hi" | "hl-silver-lo" | "hl-spark" | "hl-r" | "hl-t" | "hl-w" | "hl-error" | "hl-ink" | "hl-ink-2" | "hl-ink-3" | "hl-font-ui" | "hl-font-mono" | "hl-r-sm" | "hl-r-md" | "hl-r-lg" | "hl-r-pill" | "hl-shadow-node" | "hl-shadow-glass" | "hl-glow-silver" | "hl-ease", string | undefined>> | packages/editor-ui/src/tokens/ThemeProvider.tsx:13 |
EmptyStateProps
Defined in: packages/editor-ui/src/canvas/EmptyState.tsx:10
Properties
| Property | Modifier | Type | Defined in |
|---|---|---|---|
hint? | readonly | ReactNode | packages/editor-ui/src/canvas/EmptyState.tsx:12 |
title? | readonly | ReactNode | packages/editor-ui/src/canvas/EmptyState.tsx:11 |
FuzzyCandidate
Defined in: packages/editor-ui/src/command-palette/fuzzy.ts:77
A candidate to rank, carrying an opaque payload of type T.
Type Parameters
Properties
| Property | Modifier | Type | Defined in |
|---|---|---|---|
text | readonly | string | packages/editor-ui/src/command-palette/fuzzy.ts:78 |
value | readonly | T | packages/editor-ui/src/command-palette/fuzzy.ts:79 |
FuzzyMatch
Defined in: packages/editor-ui/src/command-palette/fuzzy.ts:10
A scored match with the matched character positions (for highlighting).
Properties
| Property | Modifier | Type | Defined in |
|---|---|---|---|
positions | readonly | readonly number[] | packages/editor-ui/src/command-palette/fuzzy.ts:12 |
score | readonly | number | packages/editor-ui/src/command-palette/fuzzy.ts:11 |
FuzzyResult
Defined in: packages/editor-ui/src/command-palette/fuzzy.ts:83
A ranked result: the candidate plus its match.
Type Parameters
Properties
| Property | Modifier | Type | Defined in |
|---|---|---|---|
match | readonly | FuzzyMatch | packages/editor-ui/src/command-palette/fuzzy.ts:86 |
text | readonly | string | packages/editor-ui/src/command-palette/fuzzy.ts:85 |
value | readonly | T | packages/editor-ui/src/command-palette/fuzzy.ts:84 |
HlangFlowTypes
Defined in: packages/editor-ui/src/nodes/flow-types.ts:16
Properties
| Property | Modifier | Type | Defined in |
|---|---|---|---|
edgeTypes | readonly | EdgeTypes | packages/editor-ui/src/nodes/flow-types.ts:18 |
nodeTypes | readonly | NodeTypes | packages/editor-ui/src/nodes/flow-types.ts:17 |
InspectorPanelProps
Defined in: packages/editor-ui/src/panels/InspectorPanel.tsx:18
Properties
| Property | Modifier | Type | Description | Defined in |
|---|---|---|---|---|
core | readonly | EditorCore | - | packages/editor-ui/src/panels/InspectorPanel.tsx:19 |
emptyState? | readonly | ReactNode | Shown when no single node is selected. | packages/editor-ui/src/panels/InspectorPanel.tsx:21 |
LiveSignalProviderProps
Defined in: packages/editor-ui/src/live/LiveSignalContext.tsx:15
Properties
| Property | Modifier | Type | Description | Defined in |
|---|---|---|---|---|
children | readonly | ReactNode | - | packages/editor-ui/src/live/LiveSignalContext.tsx:18 |
store? | readonly | LiveSignalStore | Optional external store; a fresh one is created if omitted. | packages/editor-ui/src/live/LiveSignalContext.tsx:17 |
LiveSignalStoreDeps
Defined in: packages/editor-ui/src/live/live-signal-store.ts:37
Injected clock + scheduler so the store is deterministic and testable.
Methods
cancel()
cancel(handle): void;Defined in: packages/editor-ui/src/live/live-signal-store.ts:40
Parameters
| Parameter | Type |
|---|---|
handle | number |
Returns
void
now()
now(): number;Defined in: packages/editor-ui/src/live/live-signal-store.ts:38
Returns
number
schedule()
schedule(cb): number;Defined in: packages/editor-ui/src/live/live-signal-store.ts:39
Parameters
| Parameter | Type |
|---|---|
cb | () => void |
Returns
number
NodeBodySlotProps
Defined in: packages/editor-ui/src/nodes/NodeBodySlot.tsx:11
Properties
| Property | Modifier | Type | Description | Defined in |
|---|---|---|---|---|
children? | readonly | ReactNode | Custom body content, resolved by the host/registry. Empty renders nothing. | packages/editor-ui/src/nodes/NodeBodySlot.tsx:14 |
node | readonly | EditorNode | - | packages/editor-ui/src/nodes/NodeBodySlot.tsx:12 |
NodeChromeProps
Defined in: packages/editor-ui/src/nodes/HlangNode.tsx:24
Presentational node chrome, decoupled from React Flow for easy testing.
Properties
| Property | Modifier | Type | Defined in |
|---|---|---|---|
body? | readonly | ReactNode | packages/editor-ui/src/nodes/HlangNode.tsx:27 |
node | readonly | EditorNode | packages/editor-ui/src/nodes/HlangNode.tsx:25 |
selected? | readonly | boolean | packages/editor-ui/src/nodes/HlangNode.tsx:26 |
NodeContextMenuController
Defined in: packages/editor-ui/src/context-menu/useNodeContextMenu.ts:19
Properties
| Property | Modifier | Type | Defined in |
|---|---|---|---|
state | readonly | NodeContextMenuState | undefined | packages/editor-ui/src/context-menu/useNodeContextMenu.ts:20 |
Methods
close()
close(): void;Defined in: packages/editor-ui/src/context-menu/useNodeContextMenu.ts:23
Returns
void
openForNode()
openForNode(screen, nodeId): void;Defined in: packages/editor-ui/src/context-menu/useNodeContextMenu.ts:22
Open the menu for a node at a screen point.
Parameters
| Parameter | Type |
|---|---|
screen | Point |
nodeId | string |
Returns
void
NodeContextMenuProps
Defined in: packages/editor-ui/src/context-menu/NodeContextMenu.tsx:36
Properties
| Property | Modifier | Type | Description | Defined in |
|---|---|---|---|---|
controller | readonly | NodeContextMenuController | - | packages/editor-ui/src/context-menu/NodeContextMenu.tsx:37 |
items | readonly | (nodeId) => readonly ContextMenuItem[] | Build the items for the targeted node id (recomputed on open). | packages/editor-ui/src/context-menu/NodeContextMenu.tsx:39 |
NodeContextMenuState
Defined in: packages/editor-ui/src/context-menu/useNodeContextMenu.ts:12
Where the menu is open and which node it targets.
Properties
| Property | Modifier | Type | Description | Defined in |
|---|---|---|---|---|
nodeId | readonly | string | The node the menu acts on. | packages/editor-ui/src/context-menu/useNodeContextMenu.ts:16 |
screen | readonly | Point | Screen-space anchor (the click point). | packages/editor-ui/src/context-menu/useNodeContextMenu.ts:14 |
NodeInteraction
Defined in: packages/editor-ui/src/nodes/NodeInteractionContext.tsx:13
Methods
diagnosticFor()
diagnosticFor(id): Diagnostic | undefined;Defined in: packages/editor-ui/src/nodes/NodeInteractionContext.tsx:15
The most severe diagnostic on a node, or undefined.
Parameters
| Parameter | Type |
|---|---|
id | string |
Returns
Diagnostic | undefined
rename()
rename(id, name): void;Defined in: packages/editor-ui/src/nodes/NodeInteractionContext.tsx:17
Commit a rename (host routes it through the command service).
Parameters
| Parameter | Type |
|---|---|
id | string |
name | string |
Returns
void
NodeInteractionProviderProps
Defined in: packages/editor-ui/src/nodes/NodeInteractionContext.tsx:27
Properties
| Property | Modifier | Type | Defined in |
|---|---|---|---|
children | readonly | ReactNode | packages/editor-ui/src/nodes/NodeInteractionContext.tsx:29 |
value | readonly | NodeInteraction | packages/editor-ui/src/nodes/NodeInteractionContext.tsx:28 |
NodeParamsHandle
Defined in: packages/editor-ui/src/hooks/useNodeParams.ts:11
Properties
| Property | Modifier | Type | Description | Defined in |
|---|---|---|---|---|
node | readonly | EditorNode | undefined | The node, or undefined if it no longer exists. | packages/editor-ui/src/hooks/useNodeParams.ts:13 |
Methods
setParam()
setParam(key, value): void;Defined in: packages/editor-ui/src/hooks/useNodeParams.ts:15
Set a single param, committing an undoable UpdateParamsCommand.
Parameters
| Parameter | Type |
|---|---|
key | string |
value | ParamValue |
Returns
void
setParams()
setParams(next): void;Defined in: packages/editor-ui/src/hooks/useNodeParams.ts:17
Replace the whole param bag, committing an undoable UpdateParamsCommand.
Parameters
| Parameter | Type |
|---|---|
next | ParamBag |
Returns
void
NodeSearchController
Defined in: packages/editor-ui/src/command-palette/useNodeSearch.ts:37
The palette controller returned by the hook.
Properties
| Property | Modifier | Type | Description | Defined in |
|---|---|---|---|---|
state | readonly | NodeSearchState | undefined | Current open state, or undefined when closed. | packages/editor-ui/src/command-palette/useNodeSearch.ts:39 |
Methods
close()
close(): void;Defined in: packages/editor-ui/src/command-palette/useNodeSearch.ts:45
Close the palette without creating anything.
Returns
void
commit()
commit(result): void;Defined in: packages/editor-ui/src/command-palette/useNodeSearch.ts:53
Create the chosen node (and wire the pending link, if any), then close.
Parameters
| Parameter | Type |
|---|---|
result | NodeSearchResultView |
Returns
void
openBlank()
openBlank(screen, flow): void;Defined in: packages/editor-ui/src/command-palette/useNodeSearch.ts:41
Open the palette to create a free-standing node.
Parameters
| Parameter | Type |
|---|---|
screen | Point |
flow | Point |
Returns
void
openFromConnection()
openFromConnection(
screen,
flow,
pending
): void;Defined in: packages/editor-ui/src/command-palette/useNodeSearch.ts:43
Open the palette to complete a released connection.
Parameters
| Parameter | Type |
|---|---|
screen | Point |
flow | Point |
pending | PendingConnection |
Returns
void
results()
results(query): readonly NodeSearchResultView[];Defined in: packages/editor-ui/src/command-palette/useNodeSearch.ts:51
Rank registry descriptors for the current query and open mode. In blank mode every node is offered; in connection mode only nodes that can legally complete the pending link are offered.
Parameters
| Parameter | Type |
|---|---|
query | string |
Returns
readonly NodeSearchResultView[]
NodeSearchProps
Defined in: packages/editor-ui/src/command-palette/NodeSearch.tsx:21
Properties
| Property | Modifier | Type | Defined in |
|---|---|---|---|
controller | readonly | NodeSearchController | packages/editor-ui/src/command-palette/NodeSearch.tsx:22 |
NodeSearchResultView
Defined in: packages/editor-ui/src/command-palette/useNodeSearch.ts:60
A ranked result as the palette renders it: the fuzzy match plus, in connection mode, the port on the new node that completes the link.
Properties
| Property | Modifier | Type | Description | Defined in |
|---|---|---|---|---|
connectPortId? | readonly | string | Present only in connection mode. | packages/editor-ui/src/command-palette/useNodeSearch.ts:63 |
result | readonly | NodeSearchResult | - | packages/editor-ui/src/command-palette/useNodeSearch.ts:61 |
NodeSearchState
Defined in: packages/editor-ui/src/command-palette/useNodeSearch.ts:27
Where and how the palette is currently open.
Properties
| Property | Modifier | Type | Description | Defined in |
|---|---|---|---|---|
flow | readonly | Point | Flow-space position where the created node will be placed. | packages/editor-ui/src/command-palette/useNodeSearch.ts:31 |
pending? | readonly | PendingConnection | Set when opened by releasing a dangling connection. | packages/editor-ui/src/command-palette/useNodeSearch.ts:33 |
screen | readonly | Point | Screen-space anchor for rendering the floating panel. | packages/editor-ui/src/command-palette/useNodeSearch.ts:29 |
NodeSearchTriggerOptions
Defined in: packages/editor-ui/src/command-palette/useNodeSearchTriggers.ts:35
Options for the trigger hook (injectable clock keeps it deterministic).
Properties
| Property | Modifier | Type | Description | Defined in |
|---|---|---|---|---|
doubleClickMs? | readonly | number | Double-click detection window in ms. Defaults to 350. | packages/editor-ui/src/command-palette/useNodeSearchTriggers.ts:37 |
now? | readonly | () => number | Monotonic clock in ms. Defaults to performance.now. | packages/editor-ui/src/command-palette/useNodeSearchTriggers.ts:39 |
NodeSearchTriggers
Defined in: packages/editor-ui/src/command-palette/useNodeSearchTriggers.ts:43
Handlers to spread onto the <ReactFlow> element.
Properties
| Property | Modifier | Type | Defined in |
|---|---|---|---|
onConnectEnd | readonly | OnConnectEnd | packages/editor-ui/src/command-palette/useNodeSearchTriggers.ts:45 |
onConnectStart | readonly | OnConnectStart | packages/editor-ui/src/command-palette/useNodeSearchTriggers.ts:44 |
Methods
onPaneClick()
onPaneClick(event): void;Defined in: packages/editor-ui/src/command-palette/useNodeSearchTriggers.ts:47
Attach to <ReactFlow onPaneClick>; a rapid second click opens the palette.
Parameters
| Parameter | Type |
|---|---|
event | MouseEvent |
Returns
void
OutlineTreeProps
Defined in: packages/editor-ui/src/panels/OutlineTree.tsx:26
Properties
| Property | Modifier | Type | Defined in |
|---|---|---|---|
core | readonly | EditorCore | packages/editor-ui/src/panels/OutlineTree.tsx:27 |
onFocus? | readonly | (id) => void | packages/editor-ui/src/panels/OutlineTree.tsx:28 |
ParamFieldBase
Defined in: packages/editor-ui/src/schema/param-field.ts:11
Common fields on every derived form field.
Properties
| Property | Modifier | Type | Defined in |
|---|---|---|---|
disabled? | readonly | boolean | packages/editor-ui/src/schema/param-field.ts:14 |
key | readonly | string | packages/editor-ui/src/schema/param-field.ts:12 |
label | readonly | string | packages/editor-ui/src/schema/param-field.ts:13 |
ParamFormProps
Defined in: packages/editor-ui/src/panels/ParamForm.tsx:14
Properties
| Property | Modifier | Type | Description | Defined in |
|---|---|---|---|---|
fields | readonly | readonly ParamField[] | - | packages/editor-ui/src/panels/ParamForm.tsx:15 |
onCommit | readonly | (key, value) => void | Commit a single field's new value (undoable, handled by the caller). | packages/editor-ui/src/panels/ParamForm.tsx:17 |
PendingConnection
Defined in: packages/editor-ui/src/command-palette/node-search-model.ts:51
A connection left dangling in empty space. fromEndpoint is the port the
user dragged from and fromPort its resolved descriptor; direction says
whether that endpoint is the connection's source (an output, needing a
target) or its target (an input, needing a source). The palette will create a
node and wire the missing side.
Properties
| Property | Modifier | Type | Description | Defined in |
|---|---|---|---|---|
direction | readonly | "from-source" | "from-target" | - | packages/editor-ui/src/command-palette/node-search-model.ts:55 |
fromEndpoint | readonly | Endpoint | - | packages/editor-ui/src/command-palette/node-search-model.ts:52 |
fromPort | readonly | PortDescriptor | Descriptor of the port the drag started from (resolved from the model). | packages/editor-ui/src/command-palette/node-search-model.ts:54 |
PillNodeChromeProps
Defined in: packages/editor-ui/src/nodes/PillNode.tsx:27
Properties
| Property | Modifier | Type | Defined in |
|---|---|---|---|
node | readonly | EditorNode | packages/editor-ui/src/nodes/PillNode.tsx:28 |
selected? | readonly | boolean | packages/editor-ui/src/nodes/PillNode.tsx:29 |
PortRowProps
Defined in: packages/editor-ui/src/nodes/PortRow.tsx:11
Properties
| Property | Modifier | Type | Defined in |
|---|---|---|---|
port | readonly | PortDescriptor | packages/editor-ui/src/nodes/PortRow.tsx:12 |
PositionPanelProps
Defined in: packages/editor-ui/src/panels/PositionPanel.tsx:19
Properties
| Property | Modifier | Type | Description | Defined in |
|---|---|---|---|---|
core | readonly | EditorCore | - | packages/editor-ui/src/panels/PositionPanel.tsx:20 |
livePosition? | readonly | (id) => | { x: number; y: number; } | undefined | Optional LIVE position reader (canvas coords) for a node. A drag commits to the model only on drag-stop, so to show X/Y updating DURING a drag the host supplies the canvas's in-flight position (e.g. React Flow's node.position). When omitted, the committed model position is shown. Keeping this a callback means editor-ui never imports React Flow — the binding stays in the host. | packages/editor-ui/src/panels/PositionPanel.tsx:28 |
PreviewPanelProps
Defined in: packages/editor-ui/src/panels/PreviewPanel.tsx:12
Properties
| Property | Modifier | Type | Defined in |
|---|---|---|---|
imageUrl? | readonly | string | packages/editor-ui/src/panels/PreviewPanel.tsx:13 |
status? | readonly | string | packages/editor-ui/src/panels/PreviewPanel.tsx:15 |
title? | readonly | string | packages/editor-ui/src/panels/PreviewPanel.tsx:14 |
RailTab
Defined in: packages/editor-ui/src/panels/RailTabs.tsx:12
Properties
| Property | Modifier | Type | Defined in |
|---|---|---|---|
id | readonly | string | packages/editor-ui/src/panels/RailTabs.tsx:13 |
label | readonly | string | packages/editor-ui/src/panels/RailTabs.tsx:14 |
RailTabsProps
Defined in: packages/editor-ui/src/panels/RailTabs.tsx:17
Properties
| Property | Modifier | Type | Defined in |
|---|---|---|---|
active | readonly | string | packages/editor-ui/src/panels/RailTabs.tsx:19 |
onChange | readonly | (id) => void | packages/editor-ui/src/panels/RailTabs.tsx:20 |
tabs | readonly | readonly RailTab[] | packages/editor-ui/src/panels/RailTabs.tsx:18 |
RunButtonProps
Defined in: packages/editor-ui/src/toolbar/Toolbar.tsx:69
Properties
| Property | Modifier | Type | Description | Defined in |
|---|---|---|---|---|
onRun | readonly | () => void | Invoked when clicked. This is a toggle: when running is true the button shows a Stop affordance, and the host is expected to stop the execution. | packages/editor-ui/src/toolbar/Toolbar.tsx:74 |
runLabel? | readonly | string | - | packages/editor-ui/src/toolbar/Toolbar.tsx:77 |
running? | readonly | boolean | Whether an execution is currently in progress. | packages/editor-ui/src/toolbar/Toolbar.tsx:76 |
stopLabel? | readonly | string | - | packages/editor-ui/src/toolbar/Toolbar.tsx:78 |
ShortcutGroup
Defined in: packages/editor-ui/src/overlays/Cheatsheet.tsx:16
Properties
| Property | Modifier | Type | Defined in |
|---|---|---|---|
rows | readonly | readonly ShortcutRow[] | packages/editor-ui/src/overlays/Cheatsheet.tsx:18 |
title | readonly | string | packages/editor-ui/src/overlays/Cheatsheet.tsx:17 |
ShortcutRow
Defined in: packages/editor-ui/src/overlays/Cheatsheet.tsx:12
Properties
| Property | Modifier | Type | Defined in |
|---|---|---|---|
keys | readonly | string | packages/editor-ui/src/overlays/Cheatsheet.tsx:13 |
label | readonly | string | packages/editor-ui/src/overlays/Cheatsheet.tsx:14 |
ToastApi
Defined in: packages/editor-ui/src/overlays/Toast.tsx:17
Methods
show()
show(message): void;Defined in: packages/editor-ui/src/overlays/Toast.tsx:18
Parameters
| Parameter | Type |
|---|---|
message | string |
Returns
void
ToastProviderProps
Defined in: packages/editor-ui/src/overlays/Toast.tsx:23
Properties
| Property | Modifier | Type | Description | Defined in |
|---|---|---|---|---|
children | readonly | ReactNode | - | packages/editor-ui/src/overlays/Toast.tsx:24 |
duration? | readonly | number | Auto-dismiss delay in ms (default 2200). | packages/editor-ui/src/overlays/Toast.tsx:26 |
ToolbarProps
Defined in: packages/editor-ui/src/toolbar/Toolbar.tsx:13
Properties
| Property | Modifier | Type | Description | Defined in |
|---|---|---|---|---|
actions? | readonly | ReactNode | Action nodes rendered on the right (e.g. | packages/editor-ui/src/toolbar/Toolbar.tsx:19 |
center? | readonly | ReactNode | Centre slot — a tool cluster (add/frame/view), absolutely centred. | packages/editor-ui/src/toolbar/Toolbar.tsx:17 |
title? | readonly | ReactNode | Brand/title shown on the left. Defaults to a generic wordmark. | packages/editor-ui/src/toolbar/Toolbar.tsx:15 |
ToolClusterProps
Defined in: packages/editor-ui/src/toolbar/ToolCluster.tsx:23
Properties
| Property | Modifier | Type | Defined in |
|---|---|---|---|
items | readonly | readonly ToolItem[] | packages/editor-ui/src/toolbar/ToolCluster.tsx:24 |
ToolItem
Defined in: packages/editor-ui/src/toolbar/ToolCluster.tsx:12
Properties
| Property | Modifier | Type | Description | Defined in |
|---|---|---|---|---|
active? | readonly | boolean | - | packages/editor-ui/src/toolbar/ToolCluster.tsx:17 |
disabled? | readonly | boolean | - | packages/editor-ui/src/toolbar/ToolCluster.tsx:18 |
icon | readonly | ReactNode | - | packages/editor-ui/src/toolbar/ToolCluster.tsx:14 |
id | readonly | string | - | packages/editor-ui/src/toolbar/ToolCluster.tsx:13 |
onClick? | readonly | () => void | - | packages/editor-ui/src/toolbar/ToolCluster.tsx:16 |
separatorBefore? | readonly | boolean | Draw a thin divider before this item. | packages/editor-ui/src/toolbar/ToolCluster.tsx:20 |
title | readonly | string | - | packages/editor-ui/src/toolbar/ToolCluster.tsx:15 |
UndoRedoProps
Defined in: packages/editor-ui/src/toolbar/Toolbar.tsx:39
Properties
| Property | Modifier | Type | Defined in |
|---|---|---|---|
core | readonly | EditorCore | packages/editor-ui/src/toolbar/Toolbar.tsx:40 |
Type Aliases
CanvasMode
type CanvasMode = "select" | "pan";Defined in: packages/editor-ui/src/canvas/CanvasDock.tsx:16
Interaction mode the canvas is in — left-drag selects, or left-drag pans.
NodeCandidate
type NodeCandidate = FuzzyCandidate<NodeDescriptor>;Defined in: packages/editor-ui/src/command-palette/node-search-model.ts:24
A registry descriptor made searchable, keyed by its display name.
NodeLiveState
type NodeLiveState = "idle" | "active" | "error";Defined in: packages/editor-ui/src/live/live-signal-store.ts:16
Live state of a node during execution.
NodeSearchResult
type NodeSearchResult = FuzzyResult<NodeDescriptor>;Defined in: packages/editor-ui/src/command-palette/node-search-model.ts:27
A ranked search result carrying the matched descriptor.
ParamField
type ParamField =
| ParamFieldBase & object
| ParamFieldBase & object
| ParamFieldBase & object
| ParamFieldBase & object
| ParamFieldBase & object;Defined in: packages/editor-ui/src/schema/param-field.ts:18
A discriminated union of the built-in form field types (zero any).
ThemeOverride
type ThemeOverride = Partial<Record<TokenName, string | undefined>>;Defined in: packages/editor-ui/src/tokens/theme.ts:16
A partial override map from token name to CSS value. Values may be
undefined (treated as "not overridden") so callers can pass conditional
overrides without pre-filtering.
TokenName
type TokenName = typeof TOKEN_NAMES[number];Defined in: packages/editor-ui/src/tokens/tokens.ts:42
A token name (without --), e.g. 'hl-silver'.
Variables
KIND_ROLE
const KIND_ROLE: Record<NodeKind, string>;Defined in: packages/editor-ui/src/tokens/tokens.ts:57
Human-readable role label per node kind (used in node headers).
KIND_TOKEN
const KIND_TOKEN: Record<NodeKind, string>;Defined in: packages/editor-ui/src/tokens/tokens.ts:50
Maps a node kind to its color-temperature token reference.
TOKEN_NAMES
const TOKEN_NAMES: readonly ["hl-void", "hl-void-2", "hl-surface", "hl-surface-2", "hl-line", "hl-line-strong", "hl-silver", "hl-silver-hi", "hl-silver-lo", "hl-spark", "hl-r", "hl-t", "hl-w", "hl-error", "hl-ink", "hl-ink-2", "hl-ink-3", "hl-font-ui", "hl-font-mono", "hl-r-sm", "hl-r-md", "hl-r-lg", "hl-r-pill", "hl-shadow-node", "hl-shadow-glass", "hl-glow-silver", "hl-ease"];Defined in: packages/editor-ui/src/tokens/tokens.ts:11
The full set of token custom-property names (without the leading --).
Functions
AssetGrid()
function AssetGrid(__namedParameters): ReactElement;Defined in: packages/editor-ui/src/panels/AssetGrid.tsx:24
Parameters
| Parameter | Type |
|---|---|
__namedParameters | AssetGridProps |
Returns
ReactElement
AssetNodeChrome()
function AssetNodeChrome(__namedParameters): ReactElement;Defined in: packages/editor-ui/src/nodes/AssetNode.tsx:31
Parameters
| Parameter | Type |
|---|---|
__namedParameters | AssetNodeChromeProps |
Returns
ReactElement
CanvasChrome()
function CanvasChrome(__namedParameters): ReactElement;Defined in: packages/editor-ui/src/canvas/CanvasChrome.tsx:17
Parameters
| Parameter | Type |
|---|---|
__namedParameters | CanvasChromeProps |
Returns
ReactElement
CanvasDock()
function CanvasDock(__namedParameters): ReactElement;Defined in: packages/editor-ui/src/canvas/CanvasDock.tsx:79
Parameters
| Parameter | Type |
|---|---|
__namedParameters | CanvasDockProps |
Returns
ReactElement
Cheatsheet()
function Cheatsheet(__namedParameters):
| ReactElement<unknown, string | JSXElementConstructor<any>>
| null;Defined in: packages/editor-ui/src/overlays/Cheatsheet.tsx:63
Parameters
| Parameter | Type |
|---|---|
__namedParameters | CheatsheetProps |
Returns
| ReactElement<unknown, string | JSXElementConstructor<any>>
| null
connectableCandidates()
function connectableCandidates(
query,
descriptors,
pending,
validator
): readonly ConnectableResult[];Defined in: packages/editor-ui/src/command-palette/node-search-model.ts:77
Filter and rank descriptors to those that can legally complete pending,
annotating each with the completing port. Legality is decided by the core
validator's model-free canLink (direction + DTO): for a dangling source we
ask canLink(danglingSource, candidatePort); for a dangling target we ask
canLink(candidatePort, danglingTarget). No graph model is consulted, because
the candidate node does not exist yet — legality here is purely a property of
the two ports.
Parameters
| Parameter | Type |
|---|---|
query | string |
descriptors | readonly NodeDescriptor[] |
pending | PendingConnection |
validator | IConnectionValidator |
Returns
readonly ConnectableResult[]
createHlangFlowTypes()
function createHlangFlowTypes(): HlangFlowTypes;Defined in: packages/editor-ui/src/nodes/flow-types.ts:31
Build the React Flow node/edge type maps for the hlang editor.
Returns
createTheme()
function createTheme(overrides): CSSProperties;Defined in: packages/editor-ui/src/tokens/theme.ts:26
Build a style object that overrides the given tokens as inline custom properties. Apply it to a wrapping element to re-theme everything beneath.
<div style={createTheme({ 'hl-silver': '#d8dce4' })}> … </div>Parameters
| Parameter | Type |
|---|---|
overrides | ThemeOverride |
Returns
CSSProperties
deriveParamSchema()
function deriveParamSchema(descriptor, node): readonly ParamField[];Defined in: packages/editor-ui/src/schema/param-field.ts:61
Derive the ordered form schema for a node. Keys come from the descriptor's
defaultParams (the canonical param set); current values come from the live
node, falling back to the default.
Parameters
| Parameter | Type |
|---|---|
descriptor | NodeDescriptor |
node | EditorNode |
Returns
readonly ParamField[]
descriptorCandidates()
function descriptorCandidates(descriptors): readonly NodeCandidate[];Defined in: packages/editor-ui/src/command-palette/node-search-model.ts:30
Build fuzzy candidates from registry descriptors (display-name keyed).
Parameters
| Parameter | Type |
|---|---|
descriptors | readonly NodeDescriptor[] |
Returns
readonly NodeCandidate[]
DiagnosticBadge()
function DiagnosticBadge(__namedParameters): ReactElement;Defined in: packages/editor-ui/src/panels/DiagnosticBadge.tsx:19
Parameters
| Parameter | Type |
|---|---|
__namedParameters | DiagnosticBadgeProps |
Returns
ReactElement
EditorShell()
function EditorShell(__namedParameters): ReactElement;Defined in: packages/editor-ui/src/shell/EditorShell.tsx:26
Parameters
| Parameter | Type |
|---|---|
__namedParameters | EditorShellProps |
Returns
ReactElement
EditorUIThemeProvider()
function EditorUIThemeProvider(__namedParameters): ReactElement;Defined in: packages/editor-ui/src/tokens/ThemeProvider.tsx:19
Parameters
| Parameter | Type |
|---|---|
__namedParameters | EditorUIThemeProviderProps |
Returns
ReactElement
EmptyState()
function EmptyState(__namedParameters): ReactElement;Defined in: packages/editor-ui/src/canvas/EmptyState.tsx:15
Parameters
| Parameter | Type |
|---|---|
__namedParameters | EmptyStateProps |
Returns
ReactElement
FlowEdge()
function FlowEdge(props): ReactElement;Defined in: packages/editor-ui/src/edges/FlowEdge.tsx:28
Parameters
| Parameter | Type |
|---|---|
props | EdgeProps<HlangRFEdge> |
Returns
ReactElement
fuzzyRank()
function fuzzyRank<T>(query, candidates): readonly FuzzyResult<T>[];Defined in: packages/editor-ui/src/command-palette/fuzzy.ts:93
Rank candidates against a query, best first. Non-matching candidates are dropped. With an empty query, candidates are returned in their original order.
Type Parameters
Parameters
| Parameter | Type |
|---|---|
query | string |
candidates | readonly FuzzyCandidate<T>[] |
Returns
readonly FuzzyResult<T>[]
fuzzyScore()
function fuzzyScore(query, target): FuzzyMatch | null;Defined in: packages/editor-ui/src/command-palette/fuzzy.ts:20
Score query against target as a case-insensitive subsequence match.
Returns null when target does not contain query as a subsequence.
An empty query matches everything with score 0 (stable, no reordering).
Parameters
| Parameter | Type |
|---|---|
query | string |
target | string |
Returns
FuzzyMatch | null
HlangNode()
function HlangNode(__namedParameters): ReactElement;Defined in: packages/editor-ui/src/nodes/HlangNode.tsx:78
The React Flow node component. Reads everything from data.editorNode, then
DISPATCHES to the right dressing — all in editor-ui, with no change to the
runtime (every case is just a node with ports):
- an image asset (params.imageUrl) → AssetNodeChrome (framed photo)
- anything else → PillNodeChrome (nover capsule) The verbose port-board NodeChrome stays available as a future "expanded" view.
Parameters
| Parameter | Type |
|---|---|
__namedParameters | NodeProps<HlangRFNode> |
Returns
ReactElement
InspectorPanel()
function InspectorPanel(__namedParameters): ReactElement;Defined in: packages/editor-ui/src/panels/InspectorPanel.tsx:24
Parameters
| Parameter | Type |
|---|---|
__namedParameters | InspectorPanelProps |
Returns
ReactElement
isEditableTarget()
function isEditableTarget(target): boolean;Defined in: packages/editor-ui/src/hooks/useEditorHotkeys.ts:24
True when focus is in an editable field, where shortcuts must NOT fire.
Parameters
| Parameter | Type |
|---|---|
target | EventTarget | null |
Returns
boolean
LiveSignalProvider()
function LiveSignalProvider(__namedParameters): ReactElement;Defined in: packages/editor-ui/src/live/LiveSignalContext.tsx:21
Parameters
| Parameter | Type |
|---|---|
__namedParameters | LiveSignalProviderProps |
Returns
ReactElement
NodeBodySlot()
function NodeBodySlot(__namedParameters):
| ReactElement<unknown, string | JSXElementConstructor<any>>
| null;Defined in: packages/editor-ui/src/nodes/NodeBodySlot.tsx:17
Parameters
| Parameter | Type |
|---|---|
__namedParameters | NodeBodySlotProps |
Returns
| ReactElement<unknown, string | JSXElementConstructor<any>>
| null
NodeChrome()
function NodeChrome(__namedParameters): ReactElement;Defined in: packages/editor-ui/src/nodes/HlangNode.tsx:30
Parameters
| Parameter | Type |
|---|---|
__namedParameters | NodeChromeProps |
Returns
ReactElement
NodeContextMenu()
function NodeContextMenu(__namedParameters):
| ReactElement<unknown, string | JSXElementConstructor<any>>
| null;Defined in: packages/editor-ui/src/context-menu/NodeContextMenu.tsx:42
Parameters
| Parameter | Type |
|---|---|
__namedParameters | NodeContextMenuProps |
Returns
| ReactElement<unknown, string | JSXElementConstructor<any>>
| null
NodeInteractionProvider()
function NodeInteractionProvider(__namedParameters): ReactElement;Defined in: packages/editor-ui/src/nodes/NodeInteractionContext.tsx:32
Parameters
| Parameter | Type |
|---|---|
__namedParameters | NodeInteractionProviderProps |
Returns
ReactElement
NodeSearch()
function NodeSearch(__namedParameters):
| ReactElement<unknown, string | JSXElementConstructor<any>>
| null;Defined in: packages/editor-ui/src/command-palette/NodeSearch.tsx:25
Parameters
| Parameter | Type |
|---|---|
__namedParameters | NodeSearchProps |
Returns
| ReactElement<unknown, string | JSXElementConstructor<any>>
| null
OutlineTree()
function OutlineTree(__namedParameters): ReactElement;Defined in: packages/editor-ui/src/panels/OutlineTree.tsx:64
Parameters
| Parameter | Type |
|---|---|
__namedParameters | OutlineTreeProps |
Returns
ReactElement
ParamForm()
function ParamForm(__namedParameters): ReactElement;Defined in: packages/editor-ui/src/panels/ParamForm.tsx:20
Parameters
| Parameter | Type |
|---|---|
__namedParameters | ParamFormProps |
Returns
ReactElement
PillNodeChrome()
function PillNodeChrome(__namedParameters): ReactElement;Defined in: packages/editor-ui/src/nodes/PillNode.tsx:32
Parameters
| Parameter | Type |
|---|---|
__namedParameters | PillNodeChromeProps |
Returns
ReactElement
PortRow()
function PortRow(__namedParameters): ReactElement;Defined in: packages/editor-ui/src/nodes/PortRow.tsx:15
Parameters
| Parameter | Type |
|---|---|
__namedParameters | PortRowProps |
Returns
ReactElement
PositionPanel()
function PositionPanel(__namedParameters): ReactElement;Defined in: packages/editor-ui/src/panels/PositionPanel.tsx:45
Parameters
| Parameter | Type |
|---|---|
__namedParameters | PositionPanelProps |
Returns
ReactElement
PreviewPanel()
function PreviewPanel(__namedParameters): ReactElement;Defined in: packages/editor-ui/src/panels/PreviewPanel.tsx:18
Parameters
| Parameter | Type |
|---|---|
__namedParameters | PreviewPanelProps |
Returns
ReactElement
RailTabs()
function RailTabs(__namedParameters): ReactElement;Defined in: packages/editor-ui/src/panels/RailTabs.tsx:23
Parameters
| Parameter | Type |
|---|---|
__namedParameters | RailTabsProps |
Returns
ReactElement
RunButton()
function RunButton(__namedParameters): ReactElement;Defined in: packages/editor-ui/src/toolbar/Toolbar.tsx:81
Parameters
| Parameter | Type |
|---|---|
__namedParameters | RunButtonProps |
Returns
ReactElement
searchNodes()
function searchNodes(query, descriptors): readonly NodeSearchResult[];Defined in: packages/editor-ui/src/command-palette/node-search-model.ts:37
Rank descriptors against query, best first (empty query keeps order).
Parameters
| Parameter | Type |
|---|---|
query | string |
descriptors | readonly NodeDescriptor[] |
Returns
readonly NodeSearchResult[]
SignalBar()
function SignalBar(): ReactElement;Defined in: packages/editor-ui/src/nodes/SignalBar.tsx:9
Returns
ReactElement
ToastProvider()
function ToastProvider(__namedParameters): ReactElement;Defined in: packages/editor-ui/src/overlays/Toast.tsx:29
Parameters
| Parameter | Type |
|---|---|
__namedParameters | ToastProviderProps |
Returns
ReactElement
tokenVar()
function tokenVar(name): string;Defined in: packages/editor-ui/src/tokens/tokens.ts:45
var(--<name>) reference string for a token.
Parameters
| Parameter | Type |
|---|---|
name | | "hl-void" | "hl-void-2" | "hl-surface" | "hl-surface-2" | "hl-line" | "hl-line-strong" | "hl-silver" | "hl-silver-hi" | "hl-silver-lo" | "hl-spark" | "hl-r" | "hl-t" | "hl-w" | "hl-error" | "hl-ink" | "hl-ink-2" | "hl-ink-3" | "hl-font-ui" | "hl-font-mono" | "hl-r-sm" | "hl-r-md" | "hl-r-lg" | "hl-r-pill" | "hl-shadow-node" | "hl-shadow-glass" | "hl-glow-silver" | "hl-ease" |
Returns
string
Toolbar()
function Toolbar(__namedParameters): ReactElement;Defined in: packages/editor-ui/src/toolbar/Toolbar.tsx:22
Parameters
| Parameter | Type |
|---|---|
__namedParameters | ToolbarProps |
Returns
ReactElement
ToolbarGhostButton()
function ToolbarGhostButton(__namedParameters): ReactElement;Defined in: packages/editor-ui/src/toolbar/Toolbar.tsx:113
A secondary ghost button for the top bar (e.g. Invite). Presentational.
Parameters
| Parameter | Type |
|---|---|
__namedParameters | { children: ReactNode; onClick?: () => void; title?: string; } |
__namedParameters.children | ReactNode |
__namedParameters.onClick? | () => void |
__namedParameters.title? | string |
Returns
ReactElement
ToolbarStat()
function ToolbarStat(__namedParameters): ReactElement;Defined in: packages/editor-ui/src/toolbar/Toolbar.tsx:104
A compact read-only stat pill (e.g. a node/vertex count) for the top bar.
Parameters
| Parameter | Type |
|---|---|
__namedParameters | { label?: string; value: ReactNode; } |
__namedParameters.label? | string |
__namedParameters.value | ReactNode |
Returns
ReactElement
ToolCluster()
function ToolCluster(__namedParameters): ReactElement;Defined in: packages/editor-ui/src/toolbar/ToolCluster.tsx:27
Parameters
| Parameter | Type |
|---|---|
__namedParameters | ToolClusterProps |
Returns
ReactElement
UndoRedo()
function UndoRedo(__namedParameters): ReactElement;Defined in: packages/editor-ui/src/toolbar/Toolbar.tsx:43
Parameters
| Parameter | Type |
|---|---|
__namedParameters | UndoRedoProps |
Returns
ReactElement
useEdgeFlowing()
function useEdgeFlowing(edgeId): boolean;Defined in: packages/editor-ui/src/live/LiveSignalContext.tsx:42
Subscribe to a single edge's flowing state. False when no store is present.
Parameters
| Parameter | Type |
|---|---|
edgeId | string |
Returns
boolean
useEditorHotkeys()
function useEditorHotkeys(core, options?): void;Defined in: packages/editor-ui/src/hooks/useEditorHotkeys.ts:50
Parameters
| Parameter | Type |
|---|---|
core | EditorCore |
options? | EditorHotkeysOptions |
Returns
void
useLiveSignals()
function useLiveSignals(
core,
handle,
explicitStore?
): void;Defined in: packages/editor-ui/src/hooks/useLiveSignals.ts:24
Drive live visuals from an execution handle. Pass the handle returned by
core.execution.run(...); pass undefined to clear. Keeps the store's edge
index in sync with the model so a source-port pulse lights the right edges.
The store is taken from <LiveSignalProvider> context; pass explicitStore
when the feeding component sits at or above the provider (so it and the
subscribing components share one store).
Parameters
| Parameter | Type |
|---|---|
core | EditorCore |
handle | IExecutionHandle | undefined |
explicitStore? | LiveSignalStore |
Returns
void
useLiveSignalStore()
function useLiveSignalStore(): LiveSignalStore | null;Defined in: packages/editor-ui/src/live/LiveSignalContext.tsx:27
Access the live store, or null when there is no provider (visuals off).
Returns
LiveSignalStore | null
useNodeContextMenu()
function useNodeContextMenu(): NodeContextMenuController;Defined in: packages/editor-ui/src/context-menu/useNodeContextMenu.ts:26
Returns
useNodeInteraction()
function useNodeInteraction(): NodeInteraction;Defined in: packages/editor-ui/src/nodes/NodeInteractionContext.tsx:39
Returns
useNodeLiveState()
function useNodeLiveState(nodeId): NodeLiveState;Defined in: packages/editor-ui/src/live/LiveSignalContext.tsx:32
Subscribe to a single node's live state. Idle when no store is present.
Parameters
| Parameter | Type |
|---|---|
nodeId | string |
Returns
useNodeParams()
function useNodeParams(core, nodeId): NodeParamsHandle;Defined in: packages/editor-ui/src/hooks/useNodeParams.ts:20
Parameters
| Parameter | Type |
|---|---|
core | EditorCore |
nodeId | string | undefined |
Returns
useNodeSearch()
function useNodeSearch(core): NodeSearchController;Defined in: packages/editor-ui/src/command-palette/useNodeSearch.ts:66
Parameters
| Parameter | Type |
|---|---|
core | EditorCore |
Returns
useNodeSearchTriggers()
function useNodeSearchTriggers(
core,
search,
options?
): NodeSearchTriggers;Defined in: packages/editor-ui/src/command-palette/useNodeSearchTriggers.ts:50
Parameters
| Parameter | Type |
|---|---|
core | EditorCore |
search | NodeSearchController |
options? | NodeSearchTriggerOptions |
Returns
useToast()
function useToast(): ToastApi;Defined in: packages/editor-ui/src/overlays/Toast.tsx:62
Returns
Generated by TypeDoc from packages/editor-ui/src at build time.