Q for devs/support: Affinity Object Model / HTML / CSS / JS

[Viktor CR]

Here is a question for the developers and support:

Of course, scripting or any other API are not yet available
I am still curious, how Affinity is built internally.

With HTML5+CSS, for example, we are able to nest elements and make their position, dimensions etc. depend on each other, using e.g. CSS grid.

Is Affinity built in a similar way, internally? What does the document object model look like?

I am wondering for example, if theoretically it is possible to create annotation boxes in a margin, that not only follow the position they are anchored to within a main text column, but also the position and dimensions of a frame, that defines where the margin in located, within which these annotation boxes actually are situated, as well as a connector / arrow, that points from the annotation box to the anchor.

Here is a visual of

• such a main column (a website layout section)
• with annotations in left and right margin, that are in consistent vertical alignment
• pointers (red)
• and (on the very left) automatically growing/shrinking grouping indicators, that contain the annotation boxes

Would such a thing be achievable when scripting becomes available just relying on the existing document object model or does it not provide for that?