code/style reuse

[schmurfy]

d2 is nice but for complex diagram you need to repeat everything, is there any plan for an easier way to reuse shapes, styles, ... ?
For example I would like to to something like:

#service {
  shape: cloud
  style {
    fill: lightblue
    stroke: green
  }
}

service1 #service
service2 #service
service3 #service

[alixander]

@schmurfy yeahh we'll have classes. i've been meaning to work on this for a while now. will try to get it in this coming week.

what the syntax will look like:
https://github.com/terrastruct/d2/pull/772/files

[schmurfy]

nice, glad to know it is in the pipelines, d2 is really a great tool :)

[kamelohr]

@alixander Hi, I'm working in the design field and if you could manage to introduce that feature it would be a game changer for my team and me. ATM it's not really feasible as we'd have to re-define styles on every element.

Additionally it would be awesome if we could define default styles that are then used in any element inside a document as long as the specific style attribute is not overridden through a style class or inside the element itself. Something similar to CSS's

* { /* Some attributes */ }

[alixander]

this week for sureeee, sorry for the delays everyone and thank you for bumping @kamelohr

(related github issue: #102)

[alixander]

Additionally it would be awesome if we could define default styles that are then used in any element

my colleague @nhooyr is working on globs which will be the mechanism to do that

[alixander]

classes will be in next release: #772

[alixander]

classes is now live in 0.4.0!