From e3b58a0d560faa25b12f4bb7198f4f5bdeceeb2b Mon Sep 17 00:00:00 2001
From: _Bastler <_Bastler@bstly.de>
Date: Wed, 26 Jan 2022 12:44:08 +0100
Subject: [PATCH] prettier

---
 front/src/Api/Events/ButtonClickedEvent.ts    |  3 +-
 front/src/Api/Events/ClosePopupEvent.ts       |  3 +-
 front/src/Api/Events/OpenPopupEvent.ts        |  7 ++-
 front/src/Api/IframeListener.ts               |  6 +-
 front/src/Api/iframe/Ui/Popup.ts              | 13 ++--
 front/src/Api/iframe/room.ts                  |  9 +--
 front/src/Api/iframe/ui.ts                    | 10 +++-
 front/src/Connexion/ConnectionManager.ts      |  4 +-
 front/src/Connexion/Room.ts                   |  2 +-
 front/src/Connexion/World.ts                  |  4 +-
 front/src/Phaser/Entity/PlayerTextures.ts     |  6 +-
 front/src/Phaser/Game/GameMap.ts              |  5 +-
 .../Phaser/Game/GameMapPropertiesListener.ts  | 31 ++++++----
 front/src/Phaser/Game/GameScene.ts            | 60 +++++++++++--------
 .../Phaser/Game/StartPositionCalculator.ts    |  7 +--
 front/src/WebRtc/CoWebsiteManager.ts          |  4 +-
 front/src/WebRtc/HtmlUtils.ts                 | 24 ++++----
 front/src/WebRtc/JitsiFactory.ts              |  2 +-
 front/src/i18n/de-DE/emoji.ts                 |  2 +-
 front/src/i18n/de-DE/error.ts                 |  9 ++-
 front/src/i18n/de-DE/menu.ts                  |  3 +-
 front/src/i18n/de-DE/warning.ts               |  3 +-
 front/src/iframe_api.ts                       |  8 ++-
 23 files changed, 131 insertions(+), 94 deletions(-)

diff --git a/front/src/Api/Events/ButtonClickedEvent.ts b/front/src/Api/Events/ButtonClickedEvent.ts
index 02bb0c8e..0ffb41c6 100644
--- a/front/src/Api/Events/ButtonClickedEvent.ts
+++ b/front/src/Api/Events/ButtonClickedEvent.ts
@@ -6,7 +6,8 @@ export const isButtonClickedEvent = new tg.IsInterface()
         buttonId: tg.isNumber,
         input: tg.isBoolean,
         inputValue: tg.isString,
-    }).get();
+    })
+    .get();
 /**
  * A message sent from the game to the iFrame when a user enters or leaves a zone marked with the "zone" property.
  */
diff --git a/front/src/Api/Events/ClosePopupEvent.ts b/front/src/Api/Events/ClosePopupEvent.ts
index 03af8e21..087b868c 100644
--- a/front/src/Api/Events/ClosePopupEvent.ts
+++ b/front/src/Api/Events/ClosePopupEvent.ts
@@ -4,7 +4,8 @@ export const isClosePopupEvent = new tg.IsInterface()
     .withProperties({
         popupId: tg.isNumber,
         inputValue: tg.isString,
-    }).get();
+    })
+    .get();
 
 /**
  * A message sent from the iFrame to the game to add a message in the chat.
diff --git a/front/src/Api/Events/OpenPopupEvent.ts b/front/src/Api/Events/OpenPopupEvent.ts
index 7d7556fb..c9fe74d7 100644
--- a/front/src/Api/Events/OpenPopupEvent.ts
+++ b/front/src/Api/Events/OpenPopupEvent.ts
@@ -13,9 +13,10 @@ export const isOpenPopupEvent = new tg.IsInterface()
         targetObject: tg.isString,
         message: tg.isString,
         buttons: tg.isArray(isButtonDescriptor),
-        popupClass : tg.isString,
-        input: tg.isBoolean
-    }).get();
+        popupClass: tg.isString,
+        input: tg.isBoolean,
+    })
+    .get();
 
 /**
  * A message sent from the iFrame to the game to add a message in the chat.
diff --git a/front/src/Api/IframeListener.ts b/front/src/Api/IframeListener.ts
index 438f1d10..f846e52f 100644
--- a/front/src/Api/IframeListener.ts
+++ b/front/src/Api/IframeListener.ts
@@ -283,7 +283,7 @@ class IframeListener {
 
     unregisterIframe(iframe: HTMLIFrameElement): void {
         this._unregisterIFrameStream.next();
-        this.iframeCloseCallbacks.get(iframe)?.forEach(callback => {
+        this.iframeCloseCallbacks.get(iframe)?.forEach((callback) => {
             callback();
         });
         this.iframes.delete(iframe);
@@ -478,7 +478,7 @@ class IframeListener {
         });
     }
 
-    sendButtonClickedEvent(popupId: number, buttonId: number, input : boolean, inputValue : string | null): void {
+    sendButtonClickedEvent(popupId: number, buttonId: number, input: boolean, inputValue: string | null): void {
         this.postMessage({
             type: "buttonClickedEvent",
             data: {
@@ -486,7 +486,7 @@ class IframeListener {
                 buttonId,
                 input,
                 inputValue,
-            } as ButtonClickedEvent
+            } as ButtonClickedEvent,
         });
     }
 
diff --git a/front/src/Api/iframe/Ui/Popup.ts b/front/src/Api/iframe/Ui/Popup.ts
index 9bc8b2ad..a96e41df 100644
--- a/front/src/Api/iframe/Ui/Popup.ts
+++ b/front/src/Api/iframe/Ui/Popup.ts
@@ -2,11 +2,10 @@ import { sendToWorkadventure } from "../IframeApiContribution";
 import type { ClosePopupEvent } from "../../Events/ClosePopupEvent";
 
 export class Popup {
-
     inputValue: string;
 
     constructor(private id: number) {
-        this.inputValue = '';
+        this.inputValue = "";
     }
 
     /**
@@ -14,11 +13,11 @@ export class Popup {
      */
     public close(): void {
         sendToWorkadventure({
-            'type': 'closePopup',
-            'data': {
-                'popupId': this.id,
-                'inputValue': this.inputValue,
-            } as ClosePopupEvent
+            type: "closePopup",
+            data: {
+                popupId: this.id,
+                inputValue: this.inputValue,
+            } as ClosePopupEvent,
         });
     }
 }
diff --git a/front/src/Api/iframe/room.ts b/front/src/Api/iframe/room.ts
index 60efc5b6..fe02b5e4 100644
--- a/front/src/Api/iframe/room.ts
+++ b/front/src/Api/iframe/room.ts
@@ -131,12 +131,13 @@ export class WorkadventureRoomCommands extends IframeApiContribution<Workadventu
     }
 
     async getProperty(layerName: string, propertyName: string): Promise<string | number | boolean | undefined> {
-        const event = await queryWorkadventure({ 
-            type: "getProperty", data: {
+        const event = await queryWorkadventure({
+            type: "getProperty",
+            data: {
                 layerName: layerName,
                 propertyName: propertyName,
-                propertyValue : undefined,
-            }
+                propertyValue: undefined,
+            },
         });
         return event.propertyValue;
     }
diff --git a/front/src/Api/iframe/ui.ts b/front/src/Api/iframe/ui.ts
index 87301f68..64849af0 100644
--- a/front/src/Api/iframe/ui.ts
+++ b/front/src/Api/iframe/ui.ts
@@ -85,7 +85,13 @@ export class WorkAdventureUiCommands extends IframeApiContribution<WorkAdventure
         }),
     ];
 
-    openPopup(targetObject: string, message: string, buttons: ButtonDescriptor[], popupClass : string = "", input: boolean = false): Popup {
+    openPopup(
+        targetObject: string,
+        message: string,
+        buttons: ButtonDescriptor[],
+        popupClass: string = "",
+        input: boolean = false
+    ): Popup {
         popupId++;
         const popup = new Popup(popupId);
         const btnMap = new Map<number, () => void>();
@@ -114,7 +120,7 @@ export class WorkAdventureUiCommands extends IframeApiContribution<WorkAdventure
                     };
                 }),
                 popupClass,
-                input
+                input,
             },
         });
 
diff --git a/front/src/Connexion/ConnectionManager.ts b/front/src/Connexion/ConnectionManager.ts
index 41549a1d..71972dbe 100644
--- a/front/src/Connexion/ConnectionManager.ts
+++ b/front/src/Connexion/ConnectionManager.ts
@@ -360,7 +360,6 @@ class ConnectionManager {
     }
 
     async getWorlds() {
-
         const token = localUserStore.getAuthToken();
         if (!token) {
             throw new Error("No token provided");
@@ -368,8 +367,7 @@ class ConnectionManager {
 
         const { worlds } = await Axios.get(`${PUSHER_URL}/worlds`, { params: { token } }).then((res) => {
             return res.data;
-            }
-        );
+        });
 
         return worlds;
     }
diff --git a/front/src/Connexion/Room.ts b/front/src/Connexion/Room.ts
index df9f7060..53f46b10 100644
--- a/front/src/Connexion/Room.ts
+++ b/front/src/Connexion/Room.ts
@@ -167,7 +167,7 @@ export class Room {
             //const match = /@\/([^/]+)\/([^/]+)\/.+/.exec(this.id);
             //if (!match) throw new Error('Could not extract instance from "' + this.id + '"');
             //this.instance = match[1] + "/" + match[2];
-            this.instance = ""
+            this.instance = "";
             return this.instance;
         }
     }
diff --git a/front/src/Connexion/World.ts b/front/src/Connexion/World.ts
index 773ddb6a..b6e905ae 100644
--- a/front/src/Connexion/World.ts
+++ b/front/src/Connexion/World.ts
@@ -1,4 +1,4 @@
 export interface World {
-  roomId: string;
-  player: string[];
+    roomId: string;
+    player: string[];
 }
diff --git a/front/src/Phaser/Entity/PlayerTextures.ts b/front/src/Phaser/Entity/PlayerTextures.ts
index 740835ff..8468a899 100644
--- a/front/src/Phaser/Entity/PlayerTextures.ts
+++ b/front/src/Phaser/Entity/PlayerTextures.ts
@@ -182,7 +182,7 @@ export const HAIR_RESOURCES: BodyResourceDescriptionListInterface = {
     hair_72: { name: "hair_72", img: "resources/customisation/character_hairs/character_hairs71.png" },
     hair_73: { name: "hair_73", img: "resources/customisation/character_hairs/character_hairs72.png" },
     hair_74: { name: "hair_74", img: "resources/customisation/character_hairs/character_hairs73.png" },
-    hair_75: { name: "hair_75", img: "resources/customisation/character_hairs/character_hairs74.png" }
+    hair_75: { name: "hair_75", img: "resources/customisation/character_hairs/character_hairs74.png" },
 };
 
 export const CLOTHES_RESOURCES: BodyResourceDescriptionListInterface = {
@@ -435,8 +435,8 @@ export const ACCESSORIES_RESOURCES: BodyResourceDescriptionListInterface = {
         img: "resources/customisation/character_accessories/mate_bottle1.png",
     },
     accessory_mask: { name: "accessory_mask", img: "resources/customisation/character_accessories/mask.png" },
-    wheelchair: { 
-        name: "accessory_wheelchair", 
+    wheelchair: {
+        name: "accessory_wheelchair",
         img: "resources/customisation/character_accessories/wheelchair.png",
     },
 };
diff --git a/front/src/Phaser/Game/GameMap.ts b/front/src/Phaser/Game/GameMap.ts
index 42abd839..b29c217d 100644
--- a/front/src/Phaser/Game/GameMap.ts
+++ b/front/src/Phaser/Game/GameMap.ts
@@ -255,10 +255,7 @@ export class GameMap {
         }
     }
 
-    public getLayerProperty(
-        layerName: string,
-        propertyName: string
-    ) : string | number | undefined | boolean {
+    public getLayerProperty(layerName: string, propertyName: string): string | number | undefined | boolean {
         const layer = this.findLayer(layerName);
         if (layer === undefined) {
             console.warn('Could not find layer "' + layerName + '" when calling setProperty');
diff --git a/front/src/Phaser/Game/GameMapPropertiesListener.ts b/front/src/Phaser/Game/GameMapPropertiesListener.ts
index 2c7300e3..22a426d5 100644
--- a/front/src/Phaser/Game/GameMapPropertiesListener.ts
+++ b/front/src/Phaser/Game/GameMapPropertiesListener.ts
@@ -161,17 +161,26 @@ export class GameMapPropertiesListener {
                             callback: () => openWebsiteFunction(),
                             userInputManager: this.scene.userInputManager,
                         });
-                    }
+                    };
 
-                    this.coWebsitesIframeListeners.set(layer, iframeListener.unregisterIFrameStream.subscribe(() => {
-                        const coWebsiteOpen = this.coWebsitesOpenByLayer.get(layer);
-                        if (coWebsiteOpen?.coWebsite?.state == CoWebsiteState.CLOSED && (!websiteTriggerProperty || websiteTriggerProperty !== ON_ACTION_TRIGGER_DISABLE)) {
-                            createWebsiteTrigger();
-                        }
-                    }));
+                    this.coWebsitesIframeListeners.set(
+                        layer,
+                        iframeListener.unregisterIFrameStream.subscribe(() => {
+                            const coWebsiteOpen = this.coWebsitesOpenByLayer.get(layer);
+                            if (
+                                coWebsiteOpen?.coWebsite?.state == CoWebsiteState.CLOSED &&
+                                (!websiteTriggerProperty || websiteTriggerProperty !== ON_ACTION_TRIGGER_DISABLE)
+                            ) {
+                                createWebsiteTrigger();
+                            }
+                        })
+                    );
 
                     const forceTrigger = localUserStore.getForceCowebsiteTrigger();
-                    if (forceTrigger || websiteTriggerProperty && websiteTriggerProperty === ON_ACTION_TRIGGER_BUTTON) {
+                    if (
+                        forceTrigger ||
+                        (websiteTriggerProperty && websiteTriggerProperty === ON_ACTION_TRIGGER_BUTTON)
+                    ) {
                         createWebsiteTrigger();
                     } else {
                         this.coWebsitesOpenByLayer.set(layer, {
@@ -215,7 +224,6 @@ export class GameMapPropertiesListener {
 
                     const coWebsiteIframeListener = this.coWebsitesIframeListeners.get(layer);
 
-
                     if (coWebsiteIframeListener) {
                         coWebsiteIframeListener.unsubscribe();
                         this.coWebsitesIframeListeners.delete(layer);
@@ -232,7 +240,10 @@ export class GameMapPropertiesListener {
                         return;
                     }
 
-                    if (coWebsiteOpen.state !== OpenCoWebsiteState.OPENED && coWebsiteOpen.state !== OpenCoWebsiteState.TRIGGER) {
+                    if (
+                        coWebsiteOpen.state !== OpenCoWebsiteState.OPENED &&
+                        coWebsiteOpen.state !== OpenCoWebsiteState.TRIGGER
+                    ) {
                         return;
                     }
 
diff --git a/front/src/Phaser/Game/GameScene.ts b/front/src/Phaser/Game/GameScene.ts
index a6388262..9c6fa2e9 100644
--- a/front/src/Phaser/Game/GameScene.ts
+++ b/front/src/Phaser/Game/GameScene.ts
@@ -282,7 +282,7 @@ export class GameScene extends DirtyScene {
             const base = new URL(window.location.href);
             base.pathname = "";
             const url = new URL(file.src, base.toString());
-            const host = url.host.split(":")[ 0 ];
+            const host = url.host.split(":")[0];
             if (
                 window.location.protocol === "https:" &&
                 file.src === this.MapUrlFile &&
@@ -337,8 +337,8 @@ export class GameScene extends DirtyScene {
         //eslint-disable-next-line @typescript-eslint/no-explicit-any
         (this.load as any).rexWebFont({
             custom: {
-                families: [ "Press Start 2P" ],
-                urls: [ "/resources/fonts/fonts.css" ],
+                families: ["Press Start 2P"],
+                urls: ["/resources/fonts/fonts.css"],
                 testString: "abcdefg",
             },
         });
@@ -387,7 +387,7 @@ export class GameScene extends DirtyScene {
             }
         }
 
-        for (const [ itemType, objectsOfType ] of this.objectsByType) {
+        for (const [itemType, objectsOfType] of this.objectsByType) {
             // FIXME: we would ideally need for the loader to WAIT for the import to be performed, which means writing our own loader plugin.
 
             let itemFactory: ItemFactoryInterface;
@@ -787,8 +787,8 @@ export class GameScene extends DirtyScene {
                     if (item === undefined) {
                         console.warn(
                             'Received an event about object "' +
-                            message.itemId +
-                            '" but cannot find this item on the map.'
+                                message.itemId +
+                                '" but cannot find this item on the map.'
                         );
                         return;
                     }
@@ -1061,8 +1061,8 @@ export class GameScene extends DirtyScene {
                 } else {
                     console.error(
                         "Error while opening a popup. Cannot find an object on the map with name '" +
-                        openPopupEvent.targetObject +
-                        "'. The first parameter of WA.openPopup() must be the name of a rectangle object in your map."
+                            openPopupEvent.targetObject +
+                            "'. The first parameter of WA.openPopup() must be the name of a rectangle object in your map."
                     );
                     return;
                 }
@@ -1070,7 +1070,7 @@ export class GameScene extends DirtyScene {
                 let html = `<div id="container" hidden><div class="nes-container with-title is-centered">`;
                 html += escapedMessage;
                 if (openPopupEvent.input) {
-                    html += `<input id="popupinput-${openPopupEvent.popupId}" class="nes-input" />`
+                    html += `<input id="popupinput-${openPopupEvent.popupId}" class="nes-input" />`;
                 }
                 html += `</div>`;
 
@@ -1102,11 +1102,18 @@ export class GameScene extends DirtyScene {
                     );
                     const btnId = id;
                     button.onclick = () => {
-                        let inputValue = '';
+                        let inputValue = "";
                         if (openPopupEvent.input) {
-                            inputValue = HtmlUtils.getElementByIdOrFail<HTMLInputElement>(`popupinput-${openPopupEvent.popupId}`).value;
+                            inputValue = HtmlUtils.getElementByIdOrFail<HTMLInputElement>(
+                                `popupinput-${openPopupEvent.popupId}`
+                            ).value;
                         }
-                        iframeListener.sendButtonClickedEvent(openPopupEvent.popupId, btnId, openPopupEvent.input, inputValue);
+                        iframeListener.sendButtonClickedEvent(
+                            openPopupEvent.popupId,
+                            btnId,
+                            openPopupEvent.input,
+                            inputValue
+                        );
                         // Disable for a short amount of time to let time to the script to remove the popup
                         button.disabled = true;
                         setTimeout(() => {
@@ -1370,18 +1377,20 @@ export class GameScene extends DirtyScene {
             })
         );
 
-        this.iframeSubscriptionList.push(iframeListener.setTilesStream.subscribe((eventTiles) => {
-            for (const eventTile of eventTiles) {
-                this.gameMap.putTile(eventTile.tile, eventTile.x, eventTile.y, eventTile.layer);
-            }
-        }))
+        this.iframeSubscriptionList.push(
+            iframeListener.setTilesStream.subscribe((eventTiles) => {
+                for (const eventTile of eventTiles) {
+                    this.gameMap.putTile(eventTile.tile, eventTile.x, eventTile.y, eventTile.layer);
+                }
+            })
+        );
 
         iframeListener.registerAnswerer("loadTileset", (eventTileset) => {
             return this.connectionAnswerPromise.then(() => {
                 const jsonTilesetDir = eventTileset.url.substr(0, eventTileset.url.lastIndexOf("/"));
                 //Initialise the firstgid to 1 because if there is no tileset in the tilemap, the firstgid will be 1
                 let newFirstgid = 1;
-                const lastTileset = this.mapFile.tilesets[ this.mapFile.tilesets.length - 1 ];
+                const lastTileset = this.mapFile.tilesets[this.mapFile.tilesets.length - 1];
                 if (lastTileset) {
                     //If there is at least one tileset in the tilemap then calculate the firstgid of the new tileset
                     newFirstgid = lastTileset.firstgid + lastTileset.tilecount;
@@ -1530,14 +1539,14 @@ export class GameScene extends DirtyScene {
             if (phaserLayers === []) {
                 console.warn(
                     'Could not find layer with name that contains "' +
-                    layerName +
-                    '" when calling WA.hideLayer / WA.showLayer'
+                        layerName +
+                        '" when calling WA.hideLayer / WA.showLayer'
                 );
                 return;
             }
             for (let i = 0; i < phaserLayers.length; i++) {
-                phaserLayers[ i ].setVisible(visible);
-                phaserLayers[ i ].setCollisionByProperty({ collides: true }, visible);
+                phaserLayers[i].setVisible(visible);
+                phaserLayers[i].setCollisionByProperty({ collides: true }, visible);
             }
         }
         this.markDirty();
@@ -2191,7 +2200,10 @@ export class GameScene extends DirtyScene {
             layoutManagerActionStore.removeAction("jitsi");
         } else {
             const openJitsiRoomFunction = () => {
-                const roomName = jitsiFactory.getRoomName(allProps.get(GameMapProperties.JITSI_ROOM) as string, this.instance);
+                const roomName = jitsiFactory.getRoomName(
+                    allProps.get(GameMapProperties.JITSI_ROOM) as string,
+                    this.instance
+                );
                 const jitsiUrl = allProps.get(GameMapProperties.JITSI_URL) as string | undefined;
                 if (JITSI_PRIVATE_MODE && !jitsiUrl) {
                     const adminTag = allProps.get(GameMapProperties.JITSI_ADMIN_ROOM_TAG) as string | undefined;
@@ -2201,7 +2213,7 @@ export class GameScene extends DirtyScene {
                     this.startJitsi(roomName, undefined);
                 }
                 layoutManagerActionStore.removeAction("jitsi");
-            }
+            };
 
             let message = allProps.get(GameMapProperties.JITSI_TRIGGER_MESSAGE);
             if (message === undefined) {
diff --git a/front/src/Phaser/Game/StartPositionCalculator.ts b/front/src/Phaser/Game/StartPositionCalculator.ts
index d070e189..22d642ef 100644
--- a/front/src/Phaser/Game/StartPositionCalculator.ts
+++ b/front/src/Phaser/Game/StartPositionCalculator.ts
@@ -53,15 +53,14 @@ export class StartPositionCalculator {
             selectedOrDefaultLayer = defaultStartLayerName;
         }
 
-        selectedOrDefaultLayer = selectedOrDefaultLayer.replace('#','');
-   
+        selectedOrDefaultLayer = selectedOrDefaultLayer.replace("#", "");
+
         let foundLayer: ITiledMapLayer | null = null;
         for (const layer of this.gameMap.flatLayers) {
             if (layer.type !== "tilelayer") continue;
             //we want to prioritize the selectedLayer other the start layer
             if (
-                (selectedOrDefaultLayer === layer.name ||
-                    layer.name.endsWith("/" + selectedOrDefaultLayer)) &&
+                (selectedOrDefaultLayer === layer.name || layer.name.endsWith("/" + selectedOrDefaultLayer)) &&
                 layer.type === "tilelayer" &&
                 (selectedOrDefaultLayer === defaultStartLayerName || this.isStartLayer(layer))
             ) {
diff --git a/front/src/WebRtc/CoWebsiteManager.ts b/front/src/WebRtc/CoWebsiteManager.ts
index 6d4503bb..7e50bbec 100644
--- a/front/src/WebRtc/CoWebsiteManager.ts
+++ b/front/src/WebRtc/CoWebsiteManager.ts
@@ -37,7 +37,7 @@ export type CoWebsite = {
     iframe: HTMLIFrameElement;
     // icon: HTMLDivElement;
     position: number;
-    state : CoWebsiteState;
+    state: CoWebsiteState;
 };
 
 type CoWebsiteSlot = {
@@ -539,7 +539,7 @@ class CoWebsiteManager {
 
                     const coWebsite = {
                         iframe,
-                        state : CoWebsiteState.OPENED,
+                        state: CoWebsiteState.OPENED,
                         position: position ?? this.coWebsites.length,
                     };
 
diff --git a/front/src/WebRtc/HtmlUtils.ts b/front/src/WebRtc/HtmlUtils.ts
index 3496bec1..563574c1 100644
--- a/front/src/WebRtc/HtmlUtils.ts
+++ b/front/src/WebRtc/HtmlUtils.ts
@@ -1,4 +1,4 @@
-const sanitizeHtml = require('sanitize-html');
+const sanitizeHtml = require("sanitize-html");
 
 export class HtmlUtils {
     public static getElementByIdOrFail<T extends HTMLElement>(id: string): T {
@@ -33,22 +33,22 @@ export class HtmlUtils {
         return p.innerHTML;
     }
 
-    public static sanitize(html : string | number | boolean | undefined): string {
+    public static sanitize(html: string | number | boolean | undefined): string {
         if (typeof html === "string") {
             return sanitizeHtml(html, {
-            allowedAttributes: {
-                'span': ['style'],
-            },
-            allowedStyles: {
-                'span': {
-                'color': [/^#(0x)?[0-9a-f]+$/i, /^rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)$/],
-                'font-size': [/^\d+(?:px|em|%)$/]
-                }
-            }
+                allowedAttributes: {
+                    span: ["style"],
+                },
+                allowedStyles: {
+                    span: {
+                        color: [/^#(0x)?[0-9a-f]+$/i, /^rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)$/],
+                        "font-size": [/^\d+(?:px|em|%)$/],
+                    },
+                },
             });
         }
         return "";
-      }
+    }
 
     public static urlify(text: string, style: string = ""): string {
         const urlRegex = /(https?:\/\/[^\s]+)/g;
diff --git a/front/src/WebRtc/JitsiFactory.ts b/front/src/WebRtc/JitsiFactory.ts
index 3e8208f9..97d68cd2 100644
--- a/front/src/WebRtc/JitsiFactory.ts
+++ b/front/src/WebRtc/JitsiFactory.ts
@@ -129,7 +129,7 @@ class JitsiFactory {
      * Slugifies the room name and prepends the room name with the instance
      */
     public getRoomName(roomName: string, instance: string): string {
-        if (!instance || instance == '') {
+        if (!instance || instance == "") {
             return slugify(roomName);
         }
         return slugify(instance.replace("/", "-") + "-" + roomName);
diff --git a/front/src/i18n/de-DE/emoji.ts b/front/src/i18n/de-DE/emoji.ts
index 6e467b58..01ba9311 100644
--- a/front/src/i18n/de-DE/emoji.ts
+++ b/front/src/i18n/de-DE/emoji.ts
@@ -1,7 +1,7 @@
 import type { Translation } from "../i18n-types";
 
 const emoji: NonNullable<Translation["emoji"]> = {
-    search: "Emojis suchent...",
+    search: "Emojis suchen...",
     categories: {
         recents: "Letzte Emojis",
         smileys: "Smileys & Emotionen",
diff --git a/front/src/i18n/de-DE/error.ts b/front/src/i18n/de-DE/error.ts
index f0ed2a57..051cc4e3 100644
--- a/front/src/i18n/de-DE/error.ts
+++ b/front/src/i18n/de-DE/error.ts
@@ -4,15 +4,18 @@ const error: NonNullable<Translation["error"]> = {
     accessLink: {
         title: "Ungültiger Zugangslink",
         subTitle: "Karte konnte nicht gefunden werden. Prüfe bitte deinen Zugangslink.",
-        details: "Für weitere Information kannst du die Administratoren kontaktieren oder melde dich bei uns unter: prty@bstly.de",
+        details:
+            "Für weitere Information kannst du die Administratoren kontaktieren oder melde dich bei uns unter: prty@bstly.de",
     },
     connectionRejected: {
         title: "Verbindungen zurückgewiesen",
         subTitle: "Du kannst diese Welt nicht betreten. Versuche es später noch einmal {error}.",
-        details: "Für weitere Information kannst du die Administratoren kontaktieren oder melde dich bei uns unter: prty.bstly.de",
+        details:
+            "Für weitere Information kannst du die Administratoren kontaktieren oder melde dich bei uns unter: prty.bstly.de",
     },
     connectionRetry: {
-        unableConnect: "Es konnte keine Verbindung zu WorkAdventure erstellt werden. Bist du mit dem Internet verbunden?",
+        unableConnect:
+            "Es konnte keine Verbindung zu WorkAdventure erstellt werden. Bist du mit dem Internet verbunden?",
     },
     error: "Fehler",
 };
diff --git a/front/src/i18n/de-DE/menu.ts b/front/src/i18n/de-DE/menu.ts
index 49997ef6..1a58f1a3 100644
--- a/front/src/i18n/de-DE/menu.ts
+++ b/front/src/i18n/de-DE/menu.ts
@@ -90,7 +90,8 @@ const menu: NonNullable<Translation["menu"]> = {
         },
         createMap: {
             title: "Eigene Karte erstellen ",
-            description: "Du kannst auch deine eigene Karte erstellen. Folge dazu unserer Schritt-für-Schritt Anleitung.",
+            description:
+                "Du kannst auch deine eigene Karte erstellen. Folge dazu unserer Schritt-für-Schritt Anleitung.",
         },
     },
     about: {
diff --git a/front/src/i18n/de-DE/warning.ts b/front/src/i18n/de-DE/warning.ts
index 64efc70b..fb9acd5f 100644
--- a/front/src/i18n/de-DE/warning.ts
+++ b/front/src/i18n/de-DE/warning.ts
@@ -7,7 +7,8 @@ const warning: NonNullable<Translation["warning"]> = {
     limit: "Diese Welt erreicht bald die maximale Kapazität!",
     accessDenied: {
         camera: "Zugriff auf die Kamera verweigert. Hier klicken um deine Browser Berechtigungen zu prüfen.",
-        screenSharing: "Zugriff auf die Bildschirmfreigabe verweigert. Hier klicken um deine Browser Berechtigungen zu prüfen.",
+        screenSharing:
+            "Zugriff auf die Bildschirmfreigabe verweigert. Hier klicken um deine Browser Berechtigungen zu prüfen.",
     },
     importantMessage: "Wichtige Nachricht",
     connectionLost: "Verbindungen unterbrochen. Wiederverbinden...",
diff --git a/front/src/iframe_api.ts b/front/src/iframe_api.ts
index 22ee2bc1..cd0adfa4 100644
--- a/front/src/iframe_api.ts
+++ b/front/src/iframe_api.ts
@@ -153,7 +153,13 @@ const wa = {
     /**
      * @deprecated Use WA.ui.openPopup instead
      */
-    openPopup(targetObject: string, message: string, buttons: ButtonDescriptor[], popupClass : string, input : boolean): Popup {
+    openPopup(
+        targetObject: string,
+        message: string,
+        buttons: ButtonDescriptor[],
+        popupClass: string,
+        input: boolean
+    ): Popup {
         console.warn("Method WA.openPopup is deprecated. Please use WA.ui.openPopup instead");
         return ui.openPopup(targetObject, message, buttons, popupClass, input);
     },