Merge branch 'develop' of github.com:thecodingmachine/workadventure into menuInSvelte

front/dist/service-worker-prod.js

@@ -1,4 +1,4 @@
-let CACHE_NAME = 'workavdenture-cache-v1.2';
+let CACHE_NAME = 'workavdenture-cache-v1.4.14';
 let urlsToCache = [
     '/'
 ];

front/src/Components/Video/VideoMediaBox.svelte

@@ -22,7 +22,6 @@
 
     let isMobile : boolean|null;
     const unsubscribe = obtainedMediaConstraintIsMobileStore.subscribe(value => {
-        console.log('unsubscribe => obtainedMediaConstraintIsMobileStore', value);
         isMobile = value;
     });
     onDestroy(unsubscribe);

front/src/Connexion/ConnectionManager.ts

@@ -29,11 +29,24 @@ class ConnectionManager {
         });
     }
 
-    public loadOpenIDScreen() {
-        localUserStore.setAuthToken(null);
+    /**
+     * @return Promise<void>
+     */
+    public loadOpenIDScreen(): Promise<void> {
         const state = localUserStore.generateState();
         const nonce = localUserStore.generateNonce();
-        window.location.assign(`http://${PUSHER_URL}/login-screen?state=${state}&nonce=${nonce}`);
+        localUserStore.setAuthToken(null);
+
+        //TODO refactor this and don't realise previous call
+        return Axios.get(`http://${PUSHER_URL}/login-screen?state=${state}&nonce=${nonce}`)
+            .then(() => {
+                window.location.assign(`http://${PUSHER_URL}/login-screen?state=${state}&nonce=${nonce}`);
+            })
+            .catch((err) => {
+                console.error(err, "We don't have URL to regenerate authentication user");
+                //TODO show modal login
+                window.location.reload();
+            });
     }
 
     public logout() {

front/src/Connexion/Room.ts

@@ -1,6 +1,7 @@
 import Axios from "axios";
 import { PUSHER_URL } from "../Enum/EnvironmentVariable";
 import type { CharacterTexture } from "./LocalUser";
+import { localUserStore } from "./LocalUserStore";
 
 export class MapDetail {
     constructor(public readonly mapUrl: string, public readonly textures: CharacterTexture[] | undefined) {}
@@ -87,6 +88,7 @@ export class Room {
         const result = await Axios.get(`${PUSHER_URL}/map`, {
             params: {
                 playUri: this.roomUrl.toString(),
+                authToken: localUserStore.getAuthToken(),
             },
         });
 

front/src/Phaser/Game/GameScene.ts

@@ -93,6 +93,7 @@ import { userIsAdminStore } from "../../Stores/GameStore";
 import { layoutManagerActionStore } from "../../Stores/LayoutManagerStore";
 import { get } from "svelte/store";
 import { EmbeddedWebsiteManager } from "./EmbeddedWebsiteManager";
+import { helpCameraSettingsVisibleStore } from "../../Stores/HelpCameraSettingsStore";
 
 export interface GameSceneInitInterface {
     initPosition: PointInterface | null;
@@ -813,13 +814,24 @@ export class GameScene extends DirtyScene {
 
     private triggerOnMapLayerPropertyChange() {
         this.gameMap.onPropertyChange("exitSceneUrl", (newValue, oldValue) => {
-            if (newValue)
+            if (newValue) {
                 this.onMapExit(
                     Room.getRoomPathFromExitSceneUrl(newValue as string, window.location.toString(), this.MapUrlFile)
                 );
+            } else {
+                setTimeout(() => {
+                    layoutManagerActionStore.removeAction("roomAccessDenied");
+                }, 2000);
+            }
         });
         this.gameMap.onPropertyChange("exitUrl", (newValue, oldValue) => {
-            if (newValue) this.onMapExit(Room.getRoomPathFromExitUrl(newValue as string, window.location.toString()));
+            if (newValue) {
+                this.onMapExit(Room.getRoomPathFromExitUrl(newValue as string, window.location.toString()));
+            } else {
+                setTimeout(() => {
+                    layoutManagerActionStore.removeAction("roomAccessDenied");
+                }, 2000);
+            }
         });
         this.gameMap.onPropertyChange("openWebsite", (newValue, oldValue, allProps) => {
             if (newValue === undefined) {
@@ -1289,6 +1301,18 @@ ${escapedMessage}
             targetRoom = await Room.createRoom(roomUrl);
         } catch (e /*: unknown*/) {
             console.error('Error while fetching new room "' + roomUrl.toString() + '"', e);
+
+            //show information room access denied
+            layoutManagerActionStore.addAction({
+                uuid: "roomAccessDenied",
+                type: "warning",
+                message: "Room access denied. You don't have right to access on this room.",
+                callback: () => {
+                    layoutManagerActionStore.removeAction("roomAccessDenied");
+                },
+                userInputManager: this.userInputManager,
+            });
+
             this.mapTransitioning = false;
             return;
         }

front/src/Phaser/Login/EntryScene.ts

@@ -1,6 +1,6 @@
 import { gameManager } from "../Game/GameManager";
 import { Scene } from "phaser";
-import { ErrorScene } from "../Reconnecting/ErrorScene";
+import { ErrorScene, ErrorSceneName } from "../Reconnecting/ErrorScene";
 import { WAError } from "../Reconnecting/WAError";
 import { waScaleManager } from "../Services/WaScaleManager";
 
@@ -36,6 +36,17 @@ export class EntryScene extends Scene {
                         ),
                         this.scene
                     );
+                } else if (err.response && err.response.status == 403) {
+                    ErrorScene.showError(
+                        new WAError(
+                            "Connection rejected",
+                            "You cannot join the World. Try again later" +
+                                (err.response.data ? ". \n\r \n\r" + `${err.response.data}` : "") +
+                                ".",
+                            "If you want more information, you may contact administrator or contact us at: hello@workadventu.re"
+                        ),
+                        this.scene
+                    );
                 } else {
                     ErrorScene.showError(err, this.scene);
                 }

front/src/Phaser/Reconnecting/ErrorScene.ts

@@ -90,7 +90,11 @@ export class ErrorScene extends Phaser.Scene {
             // Axios HTTP error
             // client received an error response (5xx, 4xx)
             scene.start(ErrorSceneName, {
-                title: "HTTP " + error.response.status + " - " + error.response.statusText,
+                title:
+                    "HTTP " +
+                    error.response.status +
+                    " - " +
+                    (error.response.data ? error.response.data : error.response.statusText),
                 subTitle: "An error occurred while accessing URL:",
                 message: error.response.config.url,
             });