mirror of
https://github.com/invoke-ai/InvokeAI
synced 2024-08-30 20:32:17 +00:00
f9b8b5cff2
Previously the editor was using prop-drilling node data and templates to get values deep into nodes. This ended up causing very noticeable performance degradation. For example, any text entry fields were super laggy.
Refactor the whole thing to use memoized selectors via hooks. The hooks are mostly very narrow, returning only the data needed.
Data objects are never passed down, only node id and field name - sometimes the field kind ('input' or 'output').
The end result is a *much* smoother node editor with very minimal rerenders.
|
||
|---|---|---|
| .. | ||
| editorPanels | ||
| fields | ||
| Invocation | ||
| nodes | ||
| panel | ||
| search | ||
| ui | ||
| AddNodeMenu.tsx | ||
| CustomConnectionLine.tsx | ||
| CustomEdges.tsx | ||
| CustomNodes.tsx | ||
| FieldTypeLegend.tsx | ||
| Flow.tsx | ||
| NodeEditor.tsx | ||
| NodeEditorSettings.tsx | ||
| NodeGraphOverlay.tsx | ||
| NodeOpacitySlider.tsx | ||
| ViewportControls.tsx | ||