specify rows/cols

[alixander]

we should be able to specify arrangement of shapes per container, which could work no matter the layout engine.

e.g. a rows and columns keyword. we make these in a step before the main layout engines, replace it with a placeholder node of given dimensions, and then swap back in the real nodes after

source: https://github.com/gravitational/teleport

the only thing is that it wouldn't work if something in that container was connected (unless it's TALA). we have to make it a constraint that anything using these keywords are just composed of unconnected children

[bo-ku-ra]

It's nice (#920 (comment))

ex. (v0.2.3)

• can't use "watch-mode"
  (failed to fully compile (rendering partial svg): failed to bundle local images: [b.svg a.svg])
• want (left margin not needed(svg file) #945 (comment)) for a.svg

x->y
x->z

y:""{
 #x
  shape:image
  icon:a.svg
}

z:""{
 #x
  shape:image
  icon:b.svg
}

layers{
 a{
 style{
 stroke:red
 stroke-width:2
 }
 direction:down
 y->z
 }
 b{
 style{
 stroke:red
 stroke-width:2
 }
 direction:right
 y->z
 }
}

[alixander]

another example of what can be done with this

[gavin-ts]

so it is just the inner grids here and not the outer deployment rows right? no recursive grids (at least for now) right?

[alixander]

ooo what if the children of grid containers can specify how many cols/rows they occupy. allowing for diagrams like

https://twitter.com/solomonstre/status/1641938062816210944

e.g.

container: {
  cols: 3
  # This would take up 100% width
  hey: { cols: 3 }
  # These three would take up 33% of width
  one; two; three
}