added typedef for subobject types

extracted popup functions

# Conflicts:
#	front/package-lock.json
#	front/package.json
#	front/src/iframe_api.ts

front/src/Api/iframe/zone-events.ts

@@ -1,27 +1,54 @@
 import { EnterLeaveEvent, isEnterLeaveEvent } from '../Events/EnterLeaveEvent'
-import { registerWorkadventureCommand, registerWorkadvntureCallback, sendToWorkadventure } from "./iframe-registration"
+import { apiCallback as apiCallback, IframeApiContribution } from './IframeApiContribution'
+import { Subject } from "rxjs";
+
+
+const enterStreams: Map<string, Subject<EnterLeaveEvent>> = new Map<string, Subject<EnterLeaveEvent>>();
+const leaveStreams: Map<string, Subject<EnterLeaveEvent>> = new Map<string, Subject<EnterLeaveEvent>>();
+
+class WorkadventureZoneCommands extends IframeApiContribution<WorkadventureZoneCommands> {
+
+    readonly subObjectIdentifier = "zone"
+
+    readonly addMethodsAtRoot = true
+    callbacks = [
+        apiCallback({
+            callback: (payloadData: EnterLeaveEvent) => {
+                enterStreams.get(payloadData.name)?.next();
+            },
+            type: "enterEvent",
+            typeChecker: isEnterLeaveEvent
+        }),
+        apiCallback({
+            type: "leaveEvent",
+            typeChecker: isEnterLeaveEvent,
+            callback: (payloadData) => {
+                leaveStreams.get(payloadData.name)?.next();
+            }
+        })
+
+    ]
 
-class WorkadventureZoneCommands {
 
     onEnterZone(name: string, callback: () => void): void {
-
+        let subject = enterStreams.get(name);
+        if (subject === undefined) {
+            subject = new Subject<EnterLeaveEvent>();
+            enterStreams.set(name, subject);
+        }
+        subject.subscribe(callback);
 
     }
     onLeaveZone(name: string, callback: () => void): void {
-
+        let subject = leaveStreams.get(name);
+        if (subject === undefined) {
+            subject = new Subject<EnterLeaveEvent>();
+            leaveStreams.set(name, subject);
+        }
+        subject.subscribe(callback);
     }
 
 }
 
 
-
-
-export const commands = registerWorkadventureCommand(new WorkadventureZoneCommands())
-export const callbacks = registerWorkadvntureCallback([{
-    callback: (enterEvent: EnterLeaveEvent) => {
-
-    },
-    type: "enterEvent",
-    typeChecker: isEnterLeaveEvent
-},])
-
+export default new WorkadventureZoneCommands();