Implement setEditor + Add some macros

src/Components/App/App.tsx

@@ -1,4 +1,5 @@
-import React, { Dispatch, SetStateAction, useEffect, useState } from 'react';
+import React, { Dispatch, SetStateAction, useEffect, useRef, useState } from 'react';
+import { events as EVENTS } from '../../Events/AppEvents';
 import { MainMenu } from '../MainMenu/MainMenu';
 import { ContainerModel } from '../../Interfaces/IContainerModel';
 import { Editor } from '../Editor/Editor';
@@ -40,8 +41,39 @@ function UseHTTPGETStatePreloading(
   });
 };
 
+function UseCustomEvents(
+  root: Element | Document,
+  appRef: React.RefObject<HTMLDivElement>,
+  setEditor: (newState: IEditorState) => void
+): void {
+  useEffect(() => {
+    const funcs = new Map<string, () => void>();
+    for (const event of EVENTS) {
+      function Func(eventInitDict?: CustomEventInit): void {
+        return event.func(
+          root,
+          setEditor,
+          eventInitDict
+        );
+      }
+      appRef.current?.addEventListener(event.name, Func);
+      funcs.set(event.name, Func);
+    }
+    return () => {
+      for (const event of EVENTS) {
+        const func = funcs.get(event.name);
+        if (func === undefined) {
+          continue;
+        }
+        appRef.current?.removeEventListener(event.name, func);
+      }
+    };
+  });
+}
+
 export function App(props: IAppProps): JSX.Element {
   const [isLoaded, setLoaded] = useState<boolean>(false);
+  const appRef = useRef<HTMLDivElement>(null);
 
   const defaultMainContainer = new ContainerModel(
     null,
@@ -61,11 +93,20 @@ export function App(props: IAppProps): JSX.Element {
     historyCurrentStep: 0
   });
 
+  UseCustomEvents(
+    props.root,
+    appRef,
+    setEditorState
+  );
+
   UseHTTPGETStatePreloading(isLoaded, setEditorState, setLoaded);
 
   if (isLoaded) {
     return (
-      <div>
+      <div
+        ref={appRef}
+        className='App'
+      >
         <Editor
           root={props.root}
           configuration={editorState.configuration}
@@ -77,7 +118,10 @@ export function App(props: IAppProps): JSX.Element {
   }
 
   return (
-    <div className='mainmenu-bg'>
+    <div
+      ref={appRef}
+      className='App mainmenu-bg'
+    >
       <MainMenu
         newEditor={() => NewEditor(
           setEditorState, setLoaded