Graph size setter added

Drawer color setter added

Author: cemuka

Assets/Examples/2_SimpleMathEditor/Scripts/ExampleNodeEditor.cs

@@ -18,6 +18,14 @@ public override void StartEditor(NodeGraph graph)
             Events.OnGraphPointerClickEvent           += OnGraphPointerClick;
             Events.OnNodePointerClickEvent            += OnNodePointerClick;
             Events.OnConnectionPointerClickEvent      += OnNodeConnectionPointerClick;
+            Events.OnSocketConnect                    += OnConnect;
+
+            Graph.SetSize(Vector2.one * 20000);
+        }
+
+        private void OnConnect(SocketInput arg1, SocketOutput arg2)
+        {
+            Graph.drawer.SetConnectionColor(arg2.connection.connId, Color.green);
         }
 
         private void OnGraphPointerClick(PointerEventData eventData)

Assets/RuntimeNodeEditor/Scripts/Graph/BezierCurveDrawer.cs

@@ -6,6 +6,8 @@ namespace RuntimeNodeEditor
 {
     public class BezierCurveDrawer : MonoBehaviour
     {
+        public UILineRendererWithListener RequestLine { get { return _lineRenderer; } }
+
         public RectTransform pointerLocator;
         public RectTransform lineContainer;
         [Header("Bezier settings")]
@@ -77,6 +79,10 @@ public void CancelDrag()
             _lineRenderer.gameObject.SetActive(_hasRequest);
         }
 
+        public void SetConnectionColor(string connId, Color color)
+        {
+            _connections[connId].lineRenderer.color = color;
+        }
         //  drawing
         private void DrawConnection(SocketHandle port1, SocketHandle port2, UILineRendererWithListener lineRenderer)
         {

Assets/RuntimeNodeEditor/Scripts/Graph/NodeGraph.cs

@@ -8,8 +8,7 @@ namespace RuntimeNodeEditor
 {
     public class NodeGraph : MonoBehaviour
     {
-        public RectTransform            GraphContainer          => _graphContainer;
-        public GraphPointerListener     GraphPointerListener    => pointerListener;
+        public RectTransform        GraphContainer  => _graphContainer;
 
         //  scene references
         public RectTransform        contextMenuContainer;
@@ -60,6 +59,11 @@ public void Init(SignalSystem signalSystem, float minZoom, float maxZoom)
             drawer.Init(_signalSystem);
         }
 
+        public void SetSize(Vector2 size)
+        {
+            _graphContainer.sizeDelta = size;
+        }
+
         public void Create(string prefabPath)
         {
 	        var mousePosition   = Utility.GetMousePosition();
@@ -102,9 +106,9 @@ public void Connect(SocketInput input, SocketOutput output)
 
             connections.Add(connection);
             input.OwnerNode.Connect(input, output);
+            drawer.Add(connection.connId, output.handle, input.handle);
 
             _signalSystem.InvokeSocketConnection(input, output);
-            drawer.Add(connection.connId, output.handle, input.handle);
         }
 
         public void Disconnect(Connection conn)

Assets/docs/documentation.md

@@ -474,9 +474,133 @@ public class MyNodeEditor : NodeEditor
 ```
 
 
-## How to create a node
-## How to serialize a graph
 ## Make your custom node
+
+1. Create a class
+
+```c#
+public class MyCustomNode : Node
+{
+    //  define ui objects
+
+    //  define connection sockets
+
+    public override void Setup()
+    {
+        //  make your initializations
+    }
+}
+```
+
+> `OnSerialize` and `OnDeserialize` methods are needed for serialization. Also node duplication from graph also relies on this methods. Otherwise graph serialization won't work.
+
+
+2. Create a prefab
+3. Place it in Resources folder
+
+
+
 ## Make your custom graph
 
+### Overriding NodeGraph
+
+NodeGraph is the core part of the system. It responsible for nodes, connections and listening pointer events. If your graph requires custom behaviors, graph can be override.
+
+```c#
+public class CustomGraph : NodeGraph
+{
+
+}
+```
+
+### Graph Prefab
+
+To start the editor you need to provide a graph.
+
+
+
+
+## Make your custom context menu
+## How to create a node
+
+Simply call `Create(string path)` method from `NodeGraph`.
+
+```c#
+public class MyNodeEditor : NodeEditor
+{
+    ...
+    private void CreateANode()
+    {
+        Graph.Create("path/to/prefab/from/Resources");
+    }
+}
+```
+
+
+
+
+## How to serialize a graph
+
+RuntimeNodeEditor provides a simple serialization.
+
+```c#
+
+//  extract the serialized graph data as json 
+var graphData = Graph.ExportJson();
+
+//  save as json file to path
+Grap.Save("path/to/file");
+
+```
+
+Let's take a look at serialized json.
+
+
+```json
+{
+    "nodes": [
+
+    ],
+    "connections": [
+        {
+            "id": "a979fb29-4643-4479-bb7a-38e5e70b7efa",
+            "outputSocketId": "fc88d4ab-bbdf-4219-b661-40a5d474567d",
+            "inputSocketId": "e5fbbf79-8c6f-43e7-80cd-61a39b8938e3"
+        }
+    ]
+}
+```
+
+
+
+
 ## Example editors in project
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+