graph: syntax to prepend group name in subnodes

[ioggstream]

Proposal

Mermaid.js should prepend the subgraph name to nested entries starting with @ (or some other symbol).

This will simplify reusing graphs with specific patterns (e.g., networks, hosts, organizational patterns).

Note

This can even be implemented via a pre-processor, without altering the mermaid parser.

Example

graph

subgraph location1-net1
@-web
@-db
end

subgraph location1-net2
@-web
@-db
end

should render to

graph
subgraph location1-net1
location1-net1-web
location1-net1-db
end

subgraph location1-net2
location1-net2-web
location1-net2-db
end

Screenshots

No response

[nirname]

I like the idea, but the preprocessor is not the best choice, because it actually must be aware of syntax. Otherwise there are chances that it will ruin the diagram. What if someone would need this '@' special-meaning symbol in the node title?

I suggest 2 main options:

• Either include it in grammar
• Or put it in a config

And my questions are:

• Do you need to apply that rule for a separate node or for the whole graph only?
• Does it affect the name of node or the title?
• If it affects the name of the node, should I rename other occurrences of it?

  graph
  
  subgraph A
  @a
  @b
  end
  
  data --> @a
  %% or
  data --> a
  

There is different but very similar idea

• Add configuration option for including the node ID with node text #4515