mirror of
https://github.com/element-hq/element-web
synced 2024-10-27 13:16:02 +03:00
298c5e4df3
This allows for a truely flux-y way of storing the currently viewed room, making some callbacks (like onRoomIdResolved) redundant and making sure that the currently viewed room (ID) is only stored in one place as opposed to the previous many places.
This was required for the `join_room` action which can be dispatched to join the currently viewed room.
Another change was to introduce `LifeCycleStore` which is a start at encorporating state related to the lifecycle of the app into a flux store. Currently it only contains an action which will be dispatched when the sync state has become PREPARED. This was necessary to do a deferred dispatch of `join_room` following the registration of a PWLU (PassWord-Less User).
The following actions are introduced:
- RoomViewStore:
- `view_room`: dispatch to change the currently viewed room ID
- `join_room`: dispatch to join the currently viewed room
- LifecycleStore:
- `do_after_sync_prepared`: dispatch to store an action which will be dispatched when `sync_state` is dispatched with `state = 'PREPARED'`
- MatrixChat:
- `sync_state`: dispatched when the sync state changes. Ideally there'd be a SyncStateStore that emitted an `update` upon receiving this, but for now the `LifecycleStore` will listen for `sync_state` directly.
81 lines
2.2 KiB
JavaScript
81 lines
2.2 KiB
JavaScript
/*
|
|
Copyright 2017 Vector Creations Ltd
|
|
|
|
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 dis from '../dispatcher';
|
|
import {Store} from 'flux/utils';
|
|
|
|
/**
|
|
* A class for storing application state to do with the session. This is a simple flux
|
|
* store that listens for actions and updates its state accordingly, informing any
|
|
* listeners (views) of state changes.
|
|
*
|
|
* Usage:
|
|
* ```
|
|
* sessionStore.addListener(() => {
|
|
* this.setState({ cachedPassword: sessionStore.getCachedPassword() })
|
|
* })
|
|
* ```
|
|
*/
|
|
class SessionStore extends Store {
|
|
constructor() {
|
|
super(dis);
|
|
|
|
// Initialise state
|
|
this._state = {
|
|
cachedPassword: localStorage.getItem('mx_pass'),
|
|
};
|
|
}
|
|
|
|
_update() {
|
|
// Persist state to localStorage
|
|
if (this._state.cachedPassword) {
|
|
localStorage.setItem('mx_pass', this._state.cachedPassword);
|
|
} else {
|
|
localStorage.removeItem('mx_pass', this._state.cachedPassword);
|
|
}
|
|
|
|
this.__emitChange();
|
|
}
|
|
|
|
_setState(newState) {
|
|
this._state = Object.assign(this._state, newState);
|
|
this._update();
|
|
}
|
|
|
|
__onDispatch(payload) {
|
|
switch (payload.action) {
|
|
case 'cached_password':
|
|
this._setState({
|
|
cachedPassword: payload.cachedPassword,
|
|
});
|
|
break;
|
|
case 'password_changed':
|
|
this._setState({
|
|
cachedPassword: null,
|
|
});
|
|
break;
|
|
}
|
|
}
|
|
|
|
getCachedPassword() {
|
|
return this._state.cachedPassword;
|
|
}
|
|
}
|
|
|
|
let singletonSessionStore = null;
|
|
if (!singletonSessionStore) {
|
|
singletonSessionStore = new SessionStore();
|
|
}
|
|
module.exports = singletonSessionStore;
|