Skip to content

rune-langium / visual-editor/src

visual-editor/src ​

ReactFlow-based graph and form components for exploring and editing Rune DSL models in the browser.

Remarks ​

Use RuneTypeGraph for an interactive type graph, the exported panel and editor components for custom shells, and the store/layout helpers when you need to embed the editor in a larger application.

Other ​

astToGraph ​

Renames and re-exports astToModel


graphToModels ​

Renames and re-exports modelsToAst

Visual Editor ​

NameDescription
EditorStateSnapshot of visual editor state tracked by the zustand store.
GraphFiltersVisibility filter state for the type graph.
RuneTypeGraphCallbacksEvent callbacks for the RuneTypeGraph component.
RuneTypeGraphConfigConfiguration props for the RuneTypeGraph component.
RuneTypeGraphPropsProps for the RuneTypeGraph React component.
RuneTypeGraphRefImperative ref handle for RuneTypeGraph.
EditorStoreCombined zustand store type (state + actions).
createEditorStoreCreate an isolated zustand editor store instance.

Core packages released under MIT. Studio app released under FSL-1.1-ALv2.