https://github.com/wieslawsoltes/nodeeditor

A node editor control for Avalonia.
https://github.com/wieslawsoltes/nodeeditor

avalonia avaloniaui graph graph-control logic-diagram node-editor

Last synced: 6 days ago
JSON representation

A node editor control for Avalonia.

• Host: GitHub
• URL: https://github.com/wieslawsoltes/nodeeditor
• Owner: wieslawsoltes
• License: mit
• Created: 2021-10-23T18:08:08.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-10-31T12:49:59.000Z (3 months ago)
• Last Synced: 2025-01-18T01:04:59.313Z (6 days ago)
• Topics: avalonia, avaloniaui, graph, graph-control, logic-diagram, node-editor
• Language: C#
• Homepage:
• Size: 508 MB
• Stars: 187
• Watchers: 8
• Forks: 28
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE.TXT

Awesome Lists containing this project

README

        
# NodeEditor

[![Build Status](https://dev.azure.com/wieslawsoltes/GitHub/_apis/build/status/wieslawsoltes.NodeEditor?branchName=main)](https://dev.azure.com/wieslawsoltes/GitHub/_build/latest?definitionId=104&branchName=main)

[![CI](https://github.com/wieslawsoltes/NodeEditor/actions/workflows/build.yml/badge.svg)](https://github.com/wieslawsoltes/NodeEditor/actions/workflows/build.yml)

[![NuGet](https://img.shields.io/nuget/v/NodeEditorAvalonia.svg)](https://www.nuget.org/packages/NodeEditorAvalonia)

[![NuGet](https://img.shields.io/nuget/dt/NodeEditorAvalonia.svg)](https://www.nuget.org/packages/NodeEditorAvalonia)

A node editor control for Avalonia.

# About

The node editor is an Avalonia control for editing and rendering nodes and connectors. Node contents can be defined from xaml. Node controls, connectors and pins can be retemplated from xaml or used with the provided default theme. The contents of the nodes are rendered based on provided view models. The default implementation of the view models is done using ReactiveUI, users can create their own view models based on core model interfaces. The node contents are resolved using the provided object type by view locator.

![image](https://user-images.githubusercontent.com/2297442/201498448-cd76b29f-ea87-4f0b-9dd5-071c9e49b7c2.png)

## Building NodeEditor

First, clone the repository or download the latest zip.

```

git clone https://github.com/wieslawsoltes/NodeEditor.git

```

### Build on Windows using script

* [.NET Core](https://www.microsoft.com/net/download?initial-os=windows).

Open up a command-prompt and execute the commands:

```

.\build.ps1

```

### Build on Linux using script

* [.NET Core](https://www.microsoft.com/net/download?initial-os=linux).

Open up a terminal prompt and execute the commands:

```

./build.sh

```

### Build on OSX using script

* [.NET Core](https://www.microsoft.com/net/download?initial-os=macos).

Open up a terminal prompt and execute the commands:

```

./build.sh

```

## Web

```

git clone https://github.com/wieslawsoltes/NodeEditor.git

dotnet workload install wasm-tools

dotnet run --project ./samples/NodeEditor.Web/NodeEditor.Web.csproj -c Release

```

## NuGet

NodeEditor is delivered as a NuGet package.

You can find the packages here [NuGet](https://www.nuget.org/packages/NodeEditorAvalonia/) and install the package like this:

`Install-Package NodeEditorAvalonia`

## Available Packages

* [NodeEditorAvalonia](https://www.nuget.org/packages/NodeEditorAvalonia) - The main package with Avalonia controls and default theme.

* [NodeEditorAvalonia.Model](https://www.nuget.org/packages/NodeEditorAvalonia.Model) - The base interfaces used in controls and view models.

* [NodeEditorAvalonia.MVVM](https://www.nuget.org/packages/NodeEditorAvalonia.MVVM) - The MVVM view models with default implementation.

### Package Sources

* https://api.nuget.org/v3/index.json

* https://www.myget.org/F/avalonia-ci/api/v2

## Resources

* [GitHub source code repository.](https://github.com/wieslawsoltes/NodeEditor)

## License

NodeEditor is licensed under the [MIT license](LICENSE.TXT).