Anatomy of a block

Trigger or Step Block

A trigger is the starting point for a sequential script, a step is one piece of the sequence. The primary difference is that triggers lack flaps to snap to, as they are always the first block in a sequence, while steps always follow other blocks. A block may contain other blocks: step blocks nested in either .next or .contained, and value blocks nested in .socket. When value blocks are nested, they replace the input element of the socket.

<div class="wrapper trigger|step [group]">

<div class="block">

<p>

[A block may have zero or more input sockets]

<label>

[optional text]

<div class="socket [type]">

<input type="[type]" value="[value]" />

</div>

[optional text]

</label>

</p>

<b class="flap|trigger">This element is to hang styling on (for triggers) and for drag-n-drop snapping to slots (for other steps).</b>

<div class="contained">Any step may have zero or more containers for subscripts, generally used for flow control

<i class="slot">This element is for snapping to on drag</i>

</div>

</div>

</div>

Value Block

Value blocks return values, are typed, and can be nested.

<div class="wrapper value [type] [group]">

<div class="block">

<p>

[A block may have zero or more input sockets]

<label>

[optional text]

<div class="socket [type]">

<input type="[type]" value="[value]" />

</div>

[optional text]

</label>

</p>

</div>

</div>