2021-07-29 16:42:31 +02:00
|
|
|
import { areCharacterLayersValid, isUserNameValid, LocalUser } from "./LocalUser";
|
2021-07-27 16:37:01 +02:00
|
|
|
import { v4 as uuidv4 } from "uuid";
|
2021-07-29 16:42:31 +02:00
|
|
|
|
|
|
|
const playerNameKey = "playerName";
|
|
|
|
const selectedPlayerKey = "selectedPlayer";
|
|
|
|
const customCursorPositionKey = "customCursorPosition";
|
|
|
|
const characterLayersKey = "characterLayers";
|
|
|
|
const companionKey = "companion";
|
|
|
|
const gameQualityKey = "gameQuality";
|
|
|
|
const videoQualityKey = "videoQuality";
|
|
|
|
const audioPlayerVolumeKey = "audioVolume";
|
|
|
|
const audioPlayerMuteKey = "audioMute";
|
|
|
|
const helpCameraSettingsShown = "helpCameraSettingsShown";
|
|
|
|
const fullscreenKey = "fullscreen";
|
|
|
|
const lastRoomUrl = "lastRoomUrl";
|
2021-07-27 16:37:01 +02:00
|
|
|
const authToken = "authToken";
|
|
|
|
const state = "state";
|
|
|
|
const nonce = "nonce";
|
2020-12-04 11:30:35 +01:00
|
|
|
|
2020-10-12 16:23:07 +02:00
|
|
|
class LocalUserStore {
|
|
|
|
saveUser(localUser: LocalUser) {
|
2021-07-29 16:42:31 +02:00
|
|
|
localStorage.setItem("localUser", JSON.stringify(localUser));
|
2020-10-12 16:23:07 +02:00
|
|
|
}
|
2021-07-29 16:42:31 +02:00
|
|
|
getLocalUser(): LocalUser | null {
|
|
|
|
const data = localStorage.getItem("localUser");
|
2020-10-12 16:23:07 +02:00
|
|
|
return data ? JSON.parse(data) : null;
|
|
|
|
}
|
2021-01-29 14:42:13 +01:00
|
|
|
|
2021-07-29 16:42:31 +02:00
|
|
|
setName(name: string): void {
|
2021-01-29 14:42:13 +01:00
|
|
|
localStorage.setItem(playerNameKey, name);
|
2020-10-15 12:05:40 +02:00
|
|
|
}
|
2021-07-29 16:42:31 +02:00
|
|
|
getName(): string | null {
|
|
|
|
const value = localStorage.getItem(playerNameKey) || "";
|
2021-04-07 14:09:45 +02:00
|
|
|
return isUserNameValid(value) ? value : null;
|
2020-10-15 12:05:40 +02:00
|
|
|
}
|
2020-10-20 13:44:57 +02:00
|
|
|
|
|
|
|
setPlayerCharacterIndex(playerCharacterIndex: number): void {
|
2021-07-29 16:42:31 +02:00
|
|
|
localStorage.setItem(selectedPlayerKey, "" + playerCharacterIndex);
|
2020-10-20 13:44:57 +02:00
|
|
|
}
|
|
|
|
getPlayerCharacterIndex(): number {
|
2021-07-29 16:42:31 +02:00
|
|
|
return parseInt(localStorage.getItem(selectedPlayerKey) || "");
|
2020-10-20 13:44:57 +02:00
|
|
|
}
|
|
|
|
|
2021-07-29 16:42:31 +02:00
|
|
|
setCustomCursorPosition(activeRow: number, selectedLayers: number[]): void {
|
|
|
|
localStorage.setItem(customCursorPositionKey, JSON.stringify({ activeRow, selectedLayers }));
|
2020-10-20 13:44:57 +02:00
|
|
|
}
|
2021-07-29 16:42:31 +02:00
|
|
|
getCustomCursorPosition(): { activeRow: number; selectedLayers: number[] } | null {
|
2021-01-29 14:42:13 +01:00
|
|
|
return JSON.parse(localStorage.getItem(customCursorPositionKey) || "null");
|
2020-10-20 13:44:57 +02:00
|
|
|
}
|
2020-12-04 11:30:35 +01:00
|
|
|
|
|
|
|
setCharacterLayers(layers: string[]): void {
|
2021-01-29 14:42:13 +01:00
|
|
|
localStorage.setItem(characterLayersKey, JSON.stringify(layers));
|
2020-12-04 11:30:35 +01:00
|
|
|
}
|
2021-07-29 16:42:31 +02:00
|
|
|
getCharacterLayers(): string[] | null {
|
2021-04-07 14:09:45 +02:00
|
|
|
const value = JSON.parse(localStorage.getItem(characterLayersKey) || "null");
|
|
|
|
return areCharacterLayersValid(value) ? value : null;
|
2020-12-04 11:30:35 +01:00
|
|
|
}
|
2021-01-29 14:42:13 +01:00
|
|
|
|
2021-07-29 16:42:31 +02:00
|
|
|
setCompanion(companion: string | null): void {
|
2021-04-02 23:00:51 +02:00
|
|
|
return localStorage.setItem(companionKey, JSON.stringify(companion));
|
2021-04-02 21:21:11 +02:00
|
|
|
}
|
2021-07-29 16:42:31 +02:00
|
|
|
getCompanion(): string | null {
|
2021-04-06 18:54:45 +02:00
|
|
|
const companion = JSON.parse(localStorage.getItem(companionKey) || "null");
|
|
|
|
|
|
|
|
if (typeof companion !== "string" || companion === "") {
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
|
|
|
|
return companion;
|
2021-04-02 23:00:51 +02:00
|
|
|
}
|
|
|
|
wasCompanionSet(): boolean {
|
|
|
|
return localStorage.getItem(companionKey) ? true : false;
|
2021-04-02 21:21:11 +02:00
|
|
|
}
|
|
|
|
|
2020-12-04 11:30:35 +01:00
|
|
|
setGameQualityValue(value: number): void {
|
2021-07-29 16:42:31 +02:00
|
|
|
localStorage.setItem(gameQualityKey, "" + value);
|
2020-12-04 11:30:35 +01:00
|
|
|
}
|
2021-01-29 14:42:13 +01:00
|
|
|
getGameQualityValue(): number {
|
2021-07-29 16:42:31 +02:00
|
|
|
return parseInt(localStorage.getItem(gameQualityKey) || "60");
|
2020-12-04 11:30:35 +01:00
|
|
|
}
|
2021-01-29 14:42:13 +01:00
|
|
|
|
2020-12-04 11:30:35 +01:00
|
|
|
setVideoQualityValue(value: number): void {
|
2021-07-29 16:42:31 +02:00
|
|
|
localStorage.setItem(videoQualityKey, "" + value);
|
2020-12-04 11:30:35 +01:00
|
|
|
}
|
2021-01-29 14:42:13 +01:00
|
|
|
getVideoQualityValue(): number {
|
2021-07-29 16:42:31 +02:00
|
|
|
return parseInt(localStorage.getItem(videoQualityKey) || "20");
|
2021-01-29 14:42:13 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
setAudioPlayerVolume(value: number): void {
|
2021-07-29 16:42:31 +02:00
|
|
|
localStorage.setItem(audioPlayerVolumeKey, "" + value);
|
2021-01-29 14:42:13 +01:00
|
|
|
}
|
|
|
|
getAudioPlayerVolume(): number {
|
2021-07-29 16:42:31 +02:00
|
|
|
return parseFloat(localStorage.getItem(audioPlayerVolumeKey) || "1");
|
2021-01-29 14:42:13 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
setAudioPlayerMuted(value: boolean): void {
|
|
|
|
localStorage.setItem(audioPlayerMuteKey, value.toString());
|
|
|
|
}
|
|
|
|
getAudioPlayerMuted(): boolean {
|
2021-07-29 16:42:31 +02:00
|
|
|
return localStorage.getItem(audioPlayerMuteKey) === "true";
|
2021-01-29 14:42:13 +01:00
|
|
|
}
|
2021-03-24 15:59:18 +01:00
|
|
|
|
|
|
|
setHelpCameraSettingsShown(): void {
|
2021-07-29 16:42:31 +02:00
|
|
|
localStorage.setItem(helpCameraSettingsShown, "1");
|
2021-03-24 15:59:18 +01:00
|
|
|
}
|
|
|
|
getHelpCameraSettingsShown(): boolean {
|
2021-07-29 16:42:31 +02:00
|
|
|
return localStorage.getItem(helpCameraSettingsShown) === "1";
|
2021-03-24 15:59:18 +01:00
|
|
|
}
|
2021-02-03 23:28:46 +01:00
|
|
|
|
2021-04-07 12:42:56 +02:00
|
|
|
setFullscreen(value: boolean): void {
|
|
|
|
localStorage.setItem(fullscreenKey, value.toString());
|
2021-02-03 23:28:46 +01:00
|
|
|
}
|
2021-04-07 12:42:56 +02:00
|
|
|
getFullscreen(): boolean {
|
2021-07-29 16:42:31 +02:00
|
|
|
return localStorage.getItem(fullscreenKey) === "true";
|
|
|
|
}
|
|
|
|
|
|
|
|
setLastRoomUrl(roomUrl: string): void {
|
|
|
|
localStorage.setItem(lastRoomUrl, roomUrl.toString());
|
|
|
|
}
|
|
|
|
getLastRoomUrl(): string {
|
|
|
|
return localStorage.getItem(lastRoomUrl) ?? "";
|
2021-02-03 23:28:46 +01:00
|
|
|
}
|
2021-07-27 16:37:01 +02:00
|
|
|
|
|
|
|
setAuthToken(value: string | null) {
|
|
|
|
value ? localStorage.setItem(authToken, value) : localStorage.removeItem(authToken);
|
|
|
|
}
|
|
|
|
getAuthToken(): string | null {
|
|
|
|
return localStorage.getItem(authToken);
|
|
|
|
}
|
|
|
|
|
|
|
|
generateState(): string {
|
|
|
|
const newState = uuidv4();
|
|
|
|
localStorage.setItem(state, newState);
|
|
|
|
return newState;
|
|
|
|
}
|
|
|
|
|
|
|
|
verifyState(value: string): boolean {
|
|
|
|
const oldValue = localStorage.getItem(state);
|
|
|
|
localStorage.removeItem(state);
|
|
|
|
return oldValue === value;
|
|
|
|
}
|
|
|
|
generateNonce(): string {
|
|
|
|
const newNonce = uuidv4();
|
|
|
|
localStorage.setItem(nonce, newNonce);
|
|
|
|
return newNonce;
|
|
|
|
}
|
|
|
|
|
|
|
|
getNonce(): string | null {
|
|
|
|
const oldValue = localStorage.getItem(nonce);
|
|
|
|
localStorage.removeItem(nonce);
|
|
|
|
return oldValue;
|
|
|
|
}
|
2020-10-12 16:23:07 +02:00
|
|
|
}
|
|
|
|
|
2021-01-29 14:42:13 +01:00
|
|
|
export const localUserStore = new LocalUserStore();
|