Experiment with minimizing bend points

Author: kasbah

lib/analog.svg

@@ -63,28 +63,36 @@ function render(skin_data, yosys_netlist, done) {
 
     const promise = Promise.all(promises).then(graphs => {
 
-        const indexOfMin = graphs.reduce((prev, [g, _], i) =>  {
-            if (g.width <= prev[0])
-                return [g.width, i]
+        const indexOfMin = graphs.reduce((prev, [g, m], i) =>  {
+            m.bendPoints = g.edges.reduce((prev, e) => {
+                return prev + e.sections.reduce((p, s) => p + (s.bendPoints || []).length, 0)
+            }, 0)
+            if (m.bendPoints <= prev[0])
+                return [m.bendPoints, i]
             return prev
         }, [Infinity, 0])[1]
 
 
-        console.log('<div style="display:flex">')
+        console.log('<div style="display:flex;flex-wrap:wrap">')
 
         graphs.forEach(([g,m], i) => {
             console.log(`<div style="border:1px solid ${i === indexOfMin ? 'red' : 'lightgrey'};margin:10px;padding:10px;">`)
             console.log(klayed_out(g, m, skin))
-            console.log('<div style="display:flex">')
+            console.log('<div style="display:flex;flex-wrap:wrap">')
             console.log('<div style="border:1px solid lightgrey;margin:10px;padding:10px;">')
             console.log('width:', g.width)
             console.log('</div>')
             console.log('<div style="border:1px solid lightgrey;margin:10px;padding:10px;">')
             console.log('height:', g.height)
             console.log('</div>')
+            console.log('</div>')
+            console.log('<div style="display:flex;flex-wrap:wrap">')
             console.log('<div style="border:1px solid lightgrey;margin:10px;padding:10px;">')
             console.log('area:', g.height * g.width)
             console.log('</div>')
+            console.log('<div style="border:1px solid lightgrey;margin:10px;padding:10px;">')
+            console.log('bendPoints:', m.bendPoints)
+            console.log('</div>')
             console.log('</div>')
             console.log('</div>')
         })