#9 chore: WIP - Add container bounding box calculation

MetaCell · Aug 2, 2022 · 316cb28 · 316cb28
1 parent fdf2249
commit 316cb28
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 10 deletions.
diff --git a/src/helpers/engineHelper.ts b/src/helpers/engineHelper.ts
@@ -25,6 +25,6 @@ export function updateNodeLocalPosition(metaGraph: MetaGraph, node: MetaNodeMode
 }
 
 // @ts-ignore
-export function updateNodesContainerBoundingBoxes(nodes: MetaNodeModel[]): void {
-    // nodes.forEach(n => n.updateContainerBoundingBox(nodes))
+export function updateNodesContainerBoundingBoxes(nodes: MetaNodeModel[], metaGraph: MetaGraph): void {
+    nodes.forEach(n => n.setContainerBoundingBox(metaGraph.getNodeContainerBoundingBox(n)))
 }
diff --git a/src/index.tsx b/src/index.tsx
@@ -98,9 +98,9 @@ const MetaDiagram = ({
 
   useEffect(() => {
     // @ts-ignore
-    updateNodesContainerBoundingBoxes(model.getNodes())
+    updateNodesContainerBoundingBoxes(model.getNodes(), metaGraph)
     // @ts-ignore
-    model.registerListener({nodesUpdated: (event => updateNodesContainerBoundingBoxes([event.node]))})
+    model.registerListener({nodesUpdated: (event => updateNodesContainerBoundingBoxes([event.node], metaGraph))})
   }, [])
 
 

diff --git a/src/models/MetaGraph.ts b/src/models/MetaGraph.ts
@@ -51,6 +51,14 @@ class Graph {
         return false
     }
 
+    getContainerBoundingBox() : {width: number, height: number} {
+        let width = this.getRoot().width
+        let height = this.getRoot().height
+        // TODO continue digging in depth
+        // consider position + width and height of children
+        return {width, height}
+    }
+
 }
 
 
@@ -140,5 +148,10 @@ export class MetaGraph {
         }
         return undefined
     }
+
+    getNodeContainerBoundingBox(node: MetaNodeModel) :  {width: number, height: number}  {
+        const graph = this.findGraph(node.getGraphPath())
+        return graph.getContainerBoundingBox()
+    }
 }
 
diff --git a/src/react-diagrams/MetaNodeModel.ts b/src/react-diagrams/MetaNodeModel.ts
@@ -41,21 +41,19 @@ export class MetaNodeModel extends NodeModel {
     }
 
     // @ts-ignore
-    getContainerBoundingBox(nodes: MetaNodeModel[]): any {
+    getContainerBoundingBox(metaGraph: MetaNodeModel[]): any {
         // @ts-ignore
-        // const parentId = this.options['parentId']
-        // const parent = getNode(parentId, nodes)
-        // return
+
     }
 
     updateLocalPosition(metaGraph: MetaGraph): void {
         // @ts-ignore
         this.options['localPosition'] =  this.calculateLocalPosition(metaGraph)
     }
 
-    updateContainerBoundingBox(nodes: MetaNodeModel[]): void {
+    setContainerBoundingBox(containerBoundingBox:  {width: number, height: number} ): void {
         // @ts-ignore
-        this.options['containerBB'] =  this.calculateLocalPosition(nodes)
+        this.options['containerBoundingBox'] =  containerBoundingBox
     }
 
 }