2020-06-24 02:59:26 +00:00
|
|
|
/*
|
|
|
|
Copyright 2020 The Matrix.org Foundation C.I.C.
|
|
|
|
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
|
|
you may not use this file except in compliance with the License.
|
|
|
|
You may obtain a copy of the License at
|
|
|
|
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
|
|
See the License for the specific language governing permissions and
|
|
|
|
limitations under the License.
|
|
|
|
*/
|
|
|
|
|
|
|
|
import { ActionPayload } from "../dispatcher/payloads";
|
|
|
|
import { AsyncStoreWithClient } from "./AsyncStoreWithClient";
|
|
|
|
import defaultDispatcher from "../dispatcher/dispatcher";
|
|
|
|
import { MatrixEvent } from "matrix-js-sdk/src/models/event";
|
|
|
|
import { User } from "matrix-js-sdk/src/models/user";
|
|
|
|
import { throttle } from "lodash";
|
|
|
|
import { MatrixClientPeg } from "../MatrixClientPeg";
|
|
|
|
import { _t } from "../languageHandler";
|
2021-03-04 02:06:46 +00:00
|
|
|
import {mediaFromMxc} from "../customisations/Media";
|
2021-06-24 16:51:11 +00:00
|
|
|
import SettingsStore from "../settings/SettingsStore";
|
2020-06-24 02:59:26 +00:00
|
|
|
|
|
|
|
interface IState {
|
|
|
|
displayName?: string;
|
|
|
|
avatarUrl?: string;
|
|
|
|
}
|
|
|
|
|
2021-03-17 19:09:43 +00:00
|
|
|
const KEY_DISPLAY_NAME = "mx_profile_displayname";
|
|
|
|
const KEY_AVATAR_URL = "mx_profile_avatar_url";
|
|
|
|
|
2020-06-24 02:59:26 +00:00
|
|
|
export class OwnProfileStore extends AsyncStoreWithClient<IState> {
|
|
|
|
private static internalInstance = new OwnProfileStore();
|
|
|
|
|
|
|
|
private monitoredUser: User;
|
|
|
|
|
|
|
|
private constructor() {
|
2021-03-17 19:09:43 +00:00
|
|
|
// seed from localstorage because otherwise we won't get these values until a whole network
|
|
|
|
// round-trip after the client is ready, and we often load widgets in that time, and we'd
|
|
|
|
// and up passing them an incorrect display name
|
|
|
|
super(defaultDispatcher, {
|
|
|
|
displayName: window.localStorage.getItem(KEY_DISPLAY_NAME),
|
|
|
|
avatarUrl: window.localStorage.getItem(KEY_AVATAR_URL),
|
|
|
|
});
|
2020-06-24 02:59:26 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
public static get instance(): OwnProfileStore {
|
|
|
|
return OwnProfileStore.internalInstance;
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Gets the display name for the user, or null if not present.
|
|
|
|
*/
|
|
|
|
public get displayName(): string {
|
|
|
|
if (!this.matrixClient) return this.state.displayName || null;
|
|
|
|
|
|
|
|
if (this.matrixClient.isGuest()) {
|
|
|
|
return _t("Guest");
|
|
|
|
} else if (this.state.displayName) {
|
|
|
|
return this.state.displayName;
|
|
|
|
} else {
|
|
|
|
return this.matrixClient.getUserId();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Gets the MXC URI of the user's avatar, or null if not present.
|
|
|
|
*/
|
|
|
|
public get avatarMxc(): string {
|
|
|
|
return this.state.avatarUrl || null;
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Gets the user's avatar as an HTTP URL of the given size. If the user's
|
|
|
|
* avatar is not present, this returns null.
|
2020-09-29 20:14:51 +00:00
|
|
|
* @param size The size of the avatar. If zero, a full res copy of the avatar
|
|
|
|
* will be returned as an HTTP URL.
|
2020-06-24 02:59:26 +00:00
|
|
|
* @returns The HTTP URL of the user's avatar
|
|
|
|
*/
|
2020-10-01 02:49:31 +00:00
|
|
|
public getHttpAvatarUrl(size = 0): string {
|
2020-06-24 02:59:26 +00:00
|
|
|
if (!this.avatarMxc) return null;
|
2021-03-04 02:06:46 +00:00
|
|
|
const media = mediaFromMxc(this.avatarMxc);
|
|
|
|
if (!size || size <= 0) {
|
|
|
|
return media.srcHttp;
|
|
|
|
} else {
|
|
|
|
return media.getSquareThumbnailHttp(size);
|
|
|
|
}
|
2020-06-24 02:59:26 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
protected async onNotReady() {
|
|
|
|
if (this.monitoredUser) {
|
|
|
|
this.monitoredUser.removeListener("User.displayName", this.onProfileUpdate);
|
|
|
|
this.monitoredUser.removeListener("User.avatarUrl", this.onProfileUpdate);
|
|
|
|
}
|
|
|
|
if (this.matrixClient) {
|
|
|
|
this.matrixClient.removeListener("RoomState.events", this.onStateEvents);
|
|
|
|
}
|
|
|
|
await this.reset({});
|
|
|
|
}
|
|
|
|
|
|
|
|
protected async onReady() {
|
|
|
|
const myUserId = this.matrixClient.getUserId();
|
|
|
|
this.monitoredUser = this.matrixClient.getUser(myUserId);
|
|
|
|
if (this.monitoredUser) {
|
|
|
|
this.monitoredUser.on("User.displayName", this.onProfileUpdate);
|
|
|
|
this.monitoredUser.on("User.avatarUrl", this.onProfileUpdate);
|
|
|
|
}
|
|
|
|
|
|
|
|
// We also have to listen for membership events for ourselves as the above User events
|
|
|
|
// are fired only with presence, which matrix.org (and many others) has disabled.
|
|
|
|
this.matrixClient.on("RoomState.events", this.onStateEvents);
|
|
|
|
|
|
|
|
await this.onProfileUpdate(); // trigger an initial update
|
|
|
|
}
|
|
|
|
|
|
|
|
protected async onAction(payload: ActionPayload) {
|
|
|
|
// we don't actually do anything here
|
|
|
|
}
|
|
|
|
|
|
|
|
private onProfileUpdate = async () => {
|
|
|
|
// We specifically do not use the User object we stored for profile info as it
|
|
|
|
// could easily be wrong (such as per-room instead of global profile).
|
|
|
|
const profileInfo = await this.matrixClient.getProfileInfo(this.matrixClient.getUserId());
|
2021-03-19 11:29:14 +00:00
|
|
|
if (profileInfo.displayname) {
|
|
|
|
window.localStorage.setItem(KEY_DISPLAY_NAME, profileInfo.displayname);
|
|
|
|
} else {
|
|
|
|
window.localStorage.removeItem(KEY_DISPLAY_NAME);
|
|
|
|
}
|
|
|
|
if (profileInfo.avatar_url) {
|
|
|
|
window.localStorage.setItem(KEY_AVATAR_URL, profileInfo.avatar_url);
|
|
|
|
} else {
|
|
|
|
window.localStorage.removeItem(KEY_AVATAR_URL);
|
|
|
|
}
|
2020-06-24 02:59:26 +00:00
|
|
|
await this.updateState({displayName: profileInfo.displayname, avatarUrl: profileInfo.avatar_url});
|
|
|
|
};
|
|
|
|
|
2021-06-24 16:51:11 +00:00
|
|
|
public async getAvatarBitmap(avatarSize = 32): Promise<ImageBitmap> {
|
|
|
|
let avatarUrl = this.getHttpAvatarUrl(avatarSize);
|
|
|
|
const settingBgMxc = SettingsStore.getValue("RoomList.backgroundImage");
|
|
|
|
if (settingBgMxc) {
|
|
|
|
avatarUrl = mediaFromMxc(settingBgMxc).getSquareThumbnailHttp(avatarSize);
|
|
|
|
}
|
|
|
|
|
|
|
|
if (avatarUrl) {
|
|
|
|
const response = await fetch(avatarUrl);
|
|
|
|
const blob = await response.blob();
|
|
|
|
return await createImageBitmap(blob);
|
|
|
|
} else {
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-06-24 02:59:26 +00:00
|
|
|
private onStateEvents = throttle(async (ev: MatrixEvent) => {
|
|
|
|
const myUserId = MatrixClientPeg.get().getUserId();
|
|
|
|
if (ev.getType() === 'm.room.member' && ev.getSender() === myUserId && ev.getStateKey() === myUserId) {
|
|
|
|
await this.onProfileUpdate();
|
|
|
|
}
|
|
|
|
}, 200, {trailing: true, leading: true});
|
|
|
|
}
|