add double click on node

app/api/repo/[graph]/[node]/route.ts

@@ -0,0 +1,22 @@
+import { Graph, createClient } from "falkordb";
+import { NextRequest, NextResponse } from "next/server";
+
+export async function GET(request: NextRequest, { params }: { params: { graph: string, node: string } }) {
+
+    const graphId = params.graph;
+    const node = params.node;
+
+
+    const client = createClient({
+		url: process.env.FALKORDB_URL || 'redis://localhost:6379',
+	});
+	await client.connect();
+
+    const graph = new Graph(client, graphId);
+
+    // Get the node neighbors, the edges and their properties 
+    let nodes = await graph.query(`MATCH ({name:'${node}'})-[]-(n) RETURN n`);
+    let edges = await graph.query(`MATCH ({name:'${node}'})-[e]-() RETURN e`);
+
+    return NextResponse.json({ id: graphId, nodes: nodes, edges: edges }, { status: 200 })
+}

app/page.tsx

@@ -169,6 +169,30 @@ export default function Home() {
                   if (params.zoom) {
                     handleZoomClick(params.zoom)
                   }
+                },
+                dblclick: async (params: any) => {
+
+                  let value = params?.data?.value;
+                  if (!value) {
+                    return
+                  }
+                  let node = JSON.parse(value)
+
+                  fetch(`/api/repo/${graph.id}/${node.name}`, {
+                    method: 'GET'
+                  })
+                    .then(response => response.json())
+                    .then(data => {
+                      let graph = extractData(data)
+                      setGraph(graph)
+                    })
+                    .catch((error) => {
+                      toast({
+                        variant: "destructive",
+                        title: "Uh oh! Something went wrong.",
+                        description: error.message,
+                      })
+                    })
                 }
               }}
             />