Implement revive of json after load + Added parentId

src/App.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import './App.scss';
 import { MainMenu } from './Components/MainMenu/MainMenu';
-import { ContainerModel, IContainerModel } from './Components/SVG/Elements/ContainerModel';
+import { ContainerModel, findContainerById, IContainerModel, MakeIterator } from './Components/SVG/Elements/ContainerModel';
 import Editor, { IEditorState } from './Editor';
 import { AvailableContainer } from './Interfaces/AvailableContainer';
 import { Configuration } from './Interfaces/Configuration';
@@ -47,6 +47,7 @@ export class App extends React.Component<IAppProps> {
         null,
         {
           id: 'main',
+          parentId: 'null',
           x: 0,
           y: 0,
           width: configuration.MainContainer.Width,
@@ -83,6 +84,9 @@ export class App extends React.Component<IAppProps> {
     reader.addEventListener('load', () => {
       const result = reader.result as string;
       const editorState: IEditorState = JSON.parse(result);
+
+      Revive(editorState);
+
       this.setState({
         configuration: editorState.configuration,
         history: editorState.history,
@@ -147,3 +151,32 @@ export async function fetchConfiguration(): Promise<Configuration> {
     xhr.send();
   });
 }
+
+/**
+ * Revive the Editor state
+ * by setting the containers references to their parent
+ * @param editorState Editor state
+ */
+function Revive(editorState: IEditorState): void {
+  const history = editorState.history;
+  for (const state of history) {
+    if (state.MainContainer === null) {
+      continue;
+    }
+
+    const it = MakeIterator(state.MainContainer);
+    state.SelectedContainer = state.MainContainer;
+    for (const container of it) {
+      const parentId = container.properties.parentId;
+      if (parentId === null) {
+        container.parent = null;
+        continue;
+      }
+      const parent = findContainerById(state.MainContainer, parentId);
+      if (parent === undefined) {
+        continue;
+      }
+      container.parent = parent;
+    }
+  }
+}