Draft PR for peeking with guest login

src/domain/session/room/UnknownRoomViewModel.js

@@ -19,23 +19,35 @@ import {ViewModel} from "../../ViewModel";
 export class UnknownRoomViewModel extends ViewModel {
     constructor(options) {
         super(options);
-        const {roomIdOrAlias, session, isWorldReadablePromise} = options;
+        const {roomIdOrAlias, session, isWorldReadablePromise, guestJoinAllowed} = options;
         this._session = session;
         this.roomIdOrAlias = roomIdOrAlias;
         this._error = null;
         this._busy = false;
+        this._guestJoinAllowed = typeof guestJoinAllowed !== 'undefined' && guestJoinAllowed;
 
         this.checkingPreviewCapability = true;
         isWorldReadablePromise.then(() => {
             this.checkingPreviewCapability = false;
             this.emitChange('checkingPreviewCapability');
         })
+
+        // join allowed for the current user/session?
+        this._joinAllowed = false;
+        this._session.isGuest().then((isGuest) => {
+            this._joinAllowed = isGuest ? this._guestJoinAllowed : true;
+            this.emitChange('joinAllowed');
+        });
     }
 
     get error() {
         return this._error?.message;
     }
 
+    get joinAllowed() {
+        return this._joinAllowed;
+    }
+
     async join() {
         this._busy = true;
         this.emitChange("busy");

src/domain/session/room/WorldReadableRoomViewModel.js

@@ -4,10 +4,19 @@ export class WorldReadableRoomViewModel extends RoomViewModel {
     constructor(options) {
         options.room.isWorldReadable = true;
         super(options);
-        this._room = options.room;
-        this._session = options.session;
+        const {room, session, guestJoinAllowed} = options;
+        this._room = room;
+        this._session = session;
         this._error = null;
         this._busy = false;
+        this._guestJoinAllowed = typeof guestJoinAllowed !== 'undefined' && guestJoinAllowed;
+
+        // join allowed for the current user/session?
+        this._joinAllowed = false;
+        this._session.isGuest().then((isGuest) => {
+            this._joinAllowed = isGuest ? this._guestJoinAllowed : true;
+            this.emitChange('joinAllowed');
+        });
     }
 
     get kind() {
@@ -18,6 +27,10 @@ export class WorldReadableRoomViewModel extends RoomViewModel {
         return this._busy;
     }
 
+    get joinAllowed() {
+        return this._joinAllowed;
+    }
+
     async join() {
         this._busy = true;
         this.emitChange("busy");
@@ -36,6 +49,10 @@ export class WorldReadableRoomViewModel extends RoomViewModel {
         }
     }
 
+    login() {
+        this.navigation.push("login");
+    }
+
     dispose() {
         super.dispose();
 

src/matrix/Client.js

@@ -148,6 +148,34 @@ export class Client {
         return registration;
     }
 
+    async doGuestLogin(homeserver) {
+        const currentStatus = this._status.get();
+        if (currentStatus !== LoadStatus.LoginFailed &&
+            currentStatus !== LoadStatus.NotLoading &&
+            currentStatus !== LoadStatus.Error) {
+            return;
+        }
+        this._resetStatus();
+
+        await this._platform.logger.run("login", async log => {
+            this._status.set(LoadStatus.Login);
+            try {
+                const request = this._platform.request;
+                const hsApi = new HomeServerApi({homeserver: homeserver, request: request});
+                const loginData = await hsApi.guestLogin().response();
+                await this.startWithAuthData({
+                    accessToken: loginData.access_token,
+                    deviceId: loginData.device_id,
+                    userId: loginData.user_id,
+                    homeserver: homeserver
+                });
+            } catch (err) {
+                this._error = err;
+                this._status.set(LoadStatus.Error);
+            }
+        });
+    }
+
     /** Method to start client after registration or with given access token.
      * To start the client after registering, use `startWithAuthData(registration.authData)`.
      * `homeserver` won't be resolved or normalized using this method,

src/matrix/Session.js

@@ -134,6 +134,15 @@ export class Session {
         return this._callHandler;
     }
 
+    async isGuest() {
+        if (typeof this._guestUser !== 'undefined') {
+            return this._guestUser;
+        }
+        const whoami = await this._hsApi.whoami().response();
+        this._guestUser = whoami.is_guest;
+        return Boolean(whoami.is_guest);
+    }
+
     _setupCallHandler() {
         this._callHandler = new CallHandler({
             clock: this._platform.clock,

src/matrix/Sync.js

@@ -175,7 +175,8 @@ export class Sync {
 
     async _syncRequest(syncToken, timeout, log) {
         let {syncFilterId} = this._session;
-        if (typeof syncFilterId !== "string") {
+        let isGuest = await this._session.isGuest();
+        if (!isGuest && typeof syncFilterId !== "string") {
             this._currentRequest = this._hsApi.createFilter(this._session.user.id, {room: {state: {lazy_load_members: true}}}, {log});
             syncFilterId = (await this._currentRequest.response()).filter_id;
         }

src/matrix/net/HomeServerApi.ts

@@ -215,6 +215,16 @@ export class HomeServerApi {
         }, options);
     }
 
+    guestLogin(initialDeviceDisplayName?: string, options?: BaseRequestOptions): IHomeServerRequest {
+        return this._unauthedRequest("POST", this._url("/register", CS_V3_PREFIX), { kind: "guest" }, {
+            initial_device_displayname: initialDeviceDisplayName ? initialDeviceDisplayName : 'Guest account on ' + this._homeserver,
+        });
+    }
+
+    whoami(): IHomeServerRequest {
+        return this._get( "/account/whoami", undefined, undefined, { prefix: CS_V3_PREFIX } );
+    }
+
     createFilter(userId: string, filter: Record<string, any>, options?: BaseRequestOptions): IHomeServerRequest {
         return this._post(`/user/${encodeURIComponent(userId)}/filter`, {}, filter, options);
     }

src/platform/web/ui/css/themes/element/theme.css

@@ -1024,7 +1024,7 @@ button.link {
     display: inline-block;
     margin: 0;
 }
-.WorldReadableRoomComposerView .joinRoomButton {
+.WorldReadableRoomComposerView .joinRoomButton, .WorldReadableRoomComposerView .loginButton{
     float: right;
 }
 

src/platform/web/ui/session/room/UnknownRoomView.js

@@ -25,11 +25,11 @@ export class UnknownRoomView extends TemplateView {
                 t.br(),
                 vm.i18n`Want to join it?`
             ]),
-            t.button({
+            t.if(vm => vm.joinAllowed, t => t.button({
                 className: "button-action primary",
                 onClick: () => vm.join(),
                 disabled: vm => vm.busy,
-            }, vm.i18n`Join room`),
+            }, vm.i18n`Join room`)),
             t.br(),
             t.if(vm => vm.checkingPreviewCapability, t => t.div({className: "checkingPreviewCapability"}, [
                 spinner(t),

src/platform/web/ui/session/room/WorldReadableRoomView.js

@@ -32,11 +32,15 @@ export class WorldReadableRoomView extends TemplateView {
                 }),
                 t.div({className: "WorldReadableRoomComposerView"}, [
                     t.h3(vm => vm.i18n`Join the room to participate`),
-                    t.button({
+                    t.if(vm => vm.joinAllowed, t => t.button({
                         className: "joinRoomButton",
                         onClick: () => vm.join(),
                         disabled: vm => vm.busy,
-                    }, vm.i18n`Join Room`)
+                    }, vm.i18n`Join Room`)),
+                    t.if(vm => !vm.joinAllowed, t => t.button({
+                        className: "loginButton",
+                        onClick: () => vm.login(),
+                    }, vm.i18n`Log In`))
                 ])
             ])
         ]);