Editor data structure

main.txt

 C - child frame
 P - parent frame 
 
+++++++++++++++++++++++
+                     +
+   P.id:1   [V][X]   +
+                     +
+++++++++++++++++++++++
  ________   ________   ________
 |     [x]| |        | |     [x]|
 | C.id:1 | | P.id:2 | | C.id:2 |
 |________| |________| |________|
 

+++++++++++++++++++++++
+                     +
+   P.id:2   [V][X]   +
+                     +
+++++++++++++++++++++++
  ________   ________   ________   ________
 |     [x]| |     [x]| |        | |     [x]|
 | C.id:3 | | C.id:4 | | P.id:2 | | C.id:5 |
 |________| |________| |________| |________|
 

DATA
sequences = [{ 
    id: 1, frames: { before: [1], after: [2] }
}, {
    id: 2, frames: { before: [3, 4], after: [5] }
}];
frame = [
    { id: 1, info: ... }, 
    { id: 2, info: ... }, 
    { id: 3, info: ... }, 
    { id: 4, info: ... }, 
    { id: 5, info: ... }];