✨ add register_click_handler

Author: ehne

docs/documentation.adoc

@@ -893,12 +893,19 @@ delay(func, time, args=[], repeat=False)
 cancel_delay(delay_id)
 ----
 
-=== 🚧 register_click_listener 
+=== register_click_listener 
 [source, python]
 ----
 register_click_listener(func)
 ----
 
+Registers a function that will be called when a node is clicked. 
+
+[cols="a,a", width="100%", options="header"]
+|===
+| Argument | Accepted Types
+| `func` | `Callable[Node]` (That's a function that as its only input argument takes a `Node` object that was clicked, something like `def on_click(node)`)
+|===
 
 
 ////

pynode_next/__init__.py

@@ -5,7 +5,7 @@
 from .errors import *
 from .edge import *
 from .core import core
-from .graph import graph
+from .graph import graph, register_click_handler
 
 def begin_pynode_next(func, open_browser=True):
     if open_browser:

pynode_next/core.py

@@ -8,6 +8,7 @@ def __init__(self, port=5050):
         self.port = 5050
         base_path = os.path.relpath(__file__)
         self.custom_ui = f"{Path(base_path).parent}/ui.html"
+        self.callback = None
 
 
     def run(self, func):
@@ -34,5 +35,6 @@ def normalise_to_canvas(self, val):
         """Normalises a relative position that is an element of the interval [0, 1] to the interval [-1, 1]"""
         # formula used: (val - in_min) * (out_max - out_min) / (in_max - in_min) + out_min 
         return (val * 2) - 1
+        
 
 core = Core()

pynode_next/graph.py

@@ -39,6 +39,11 @@ def add_node(self, node: Node):
         self._nodes[node._id] = node
         # just sends all of the node's data
         core.ax(lambda x: x.dispatch(node._data()))
+        # sets the node's click handler
+        if core.callback != None:
+            print("registered?", node._id)
+            core.ax(lambda x: x.nodes([node._id]).onclick(core.callback))
+
         return node
 
     def remove_node(self, node):
@@ -236,6 +241,12 @@ def adjacency_matrix(self):
 
         return matrix
 
+    def _register_click_handler(self, func):
+        new_func = lambda n: func(self.node(n))
+        core.callback = new_func
+        node_list = [i._id for i in self.nodes()]
+        core.ax(lambda x: x.nodes(node_list).onclick(new_func))
+
     @staticmethod
     def random(order, size):
         """Returns a random list of edges and nodes that may or may not be connected."""
@@ -254,3 +265,4 @@ def random(order, size):
 
 
 graph = Graph()
+register_click_handler = graph._register_click_handler

pynode_next/misc.py

@@ -23,4 +23,4 @@ def __str__(self):
 Color.BLACK = Color(0, 0, 0)
 
 def pause(pause_time):
-    core.ax(lambda x: x.pause(pause_time * 0.001))
+    core.ax(lambda x: x.pause(pause_time * 0.001))

pynode_next/node.py

@@ -206,7 +206,8 @@ def _data(self):
                 "nodes": {
                     self._id: {
                         "color": str(self._color),
-                        "labels": {0: {"text": self._value}}
+                        "labels": {0: {"text": self._value}},
+                        "listenclick": True
                     }
                 }
             }

pynode_next/ui.html

@@ -598,6 +598,7 @@ <h3>PNG</h3>
             const height = document.getElementById('output').clientHeight;
             // immediately resize the canvas
             canvas.withQ(null).duration(0).size([width, height]);
+            
         }
 
         // main canvas
@@ -633,13 +634,14 @@ <h3>PNG</h3>
 
         // open the websocket
         let socket = initSocket(function() {}, dispatch);
-
+        
         canvas.onreceive(function(event) {
             // send messages to the server through the websocket
             socket.send(JSON.stringify(event));
         })
 
         function start() {
+            
             if (running === false) {
                 // trigger start
                 canvas.message('start');

test.py

@@ -4,7 +4,8 @@
 import random
 
 def test():
-    graph.add_node("(0, 0)").set_position(0, 0)
-    graph.add_node("(1, 1)").set_position(1, 1)
+    graph.add_node("a")
+    register_click_handler(lambda x: print(x._data()))
+    
 
 begin_pynode_next(test)