Adds the camera to available APIs with retrieving of the worldView

front/src/Api/iframe/Room/EmbeddedWebsite.ts

@@ -13,7 +13,7 @@ export class EmbeddedWebsite {
     private _allowApi: boolean;
     private _position: Rectangle;
     private readonly origin: "map" | "player" | undefined;
-    private _scale: number | undefined;
+    private _scale: number;
 
     constructor(private config: CreateEmbeddedWebsiteEvent) {
         this.name = config.name;
@@ -23,7 +23,7 @@ export class EmbeddedWebsite {
         this._allowApi = config.allowApi ?? false;
         this._position = config.position;
         this.origin = config.origin;
-        this._scale = config.scale;
+        this._scale = config.scale ?? 1;
     }
 
     public get url() {
@@ -116,7 +116,7 @@ export class EmbeddedWebsite {
         });
     }
 
-    public get scale() {
+    public get scale(): number {
         return this._scale;
     }
 

front/src/Api/iframe/camera.ts

@@ -0,0 +1,29 @@
+import { IframeApiContribution, sendToWorkadventure } from "./IframeApiContribution";
+import { Subject } from "rxjs";
+import type { HasCameraMovedEvent, HasCameraMovedEventCallback } from "../Events/HasCameraMovedEvent";
+import { apiCallback } from "./registeredCallbacks";
+import { isHasCameraMovedEvent } from "../Events/HasCameraMovedEvent";
+
+const moveStream = new Subject<HasCameraMovedEvent>();
+
+export class WorkAdventureCameraCommands extends IframeApiContribution<WorkAdventureCameraCommands> {
+    callbacks = [
+        apiCallback({
+            type: "hasCameraMoved",
+            typeChecker: isHasCameraMovedEvent,
+            callback: (payloadData) => {
+                moveStream.next(payloadData);
+            },
+        }),
+    ];
+
+    onCameraMove(callback: HasCameraMovedEventCallback): void {
+        moveStream.subscribe(callback);
+        sendToWorkadventure({
+            type: "onCameraMove",
+            data: null,
+        });
+    }
+}
+
+export default new WorkAdventureCameraCommands();