ES6 SessionStore

This commit is contained in:
Luke Barnard 2017-05-12 15:58:44 +01:00
parent 6ffe7ef9b2
commit 536724e7c5
3 changed files with 49 additions and 48 deletions

View file

@ -40,7 +40,7 @@ var PageTypes = require('../../PageTypes');
var createRoom = require("../../createRoom"); var createRoom = require("../../createRoom");
import * as UDEHandler from '../../UnknownDeviceErrorHandler'; import * as UDEHandler from '../../UnknownDeviceErrorHandler';
import getSessionStore from '../../stores/SessionStore'; import sessionStore from '../../stores/SessionStore';
module.exports = React.createClass({ module.exports = React.createClass({
displayName: 'MatrixChat', displayName: 'MatrixChat',
@ -251,7 +251,7 @@ module.exports = React.createClass({
}); });
} }
this._sessionStore = getSessionStore(); this._sessionStore = sessionStore;
this._sessionStore.on('update', this._setStateFromSessionStore); this._sessionStore.on('update', this._setStateFromSessionStore);
this._setStateFromSessionStore(); this._setStateFromSessionStore();
}, },

View file

@ -22,7 +22,7 @@ var Modal = require("../../../Modal");
var sdk = require("../../../index"); var sdk = require("../../../index");
import AccessibleButton from '../elements/AccessibleButton'; import AccessibleButton from '../elements/AccessibleButton';
import getSessionStore from '../../../stores/SessionStore'; import sessionStore from '../../../stores/SessionStore';
module.exports = React.createClass({ module.exports = React.createClass({
displayName: 'ChangePassword', displayName: 'ChangePassword',
@ -68,7 +68,7 @@ module.exports = React.createClass({
}, },
componentWillMount: function() { componentWillMount: function() {
this.sessionStore = getSessionStore(); this.sessionStore = sessionStore;
this.sessionStore.on('update', this.setStateFromSessionStore); this.sessionStore.on('update', this.setStateFromSessionStore);
this.setStateFromSessionStore(); this.setStateFromSessionStore();

View file

@ -6,53 +6,54 @@ import EventEmitter from 'events';
* store that listens for actions and updates its state accordingly, informing any * store that listens for actions and updates its state accordingly, informing any
* listeners (views) of state changes via the 'update' event. * listeners (views) of state changes via the 'update' event.
*/ */
function SessionStore() { class SessionStore extends EventEmitter {
// Initialise state constructor() {
this._state = { super();
cachedPassword: localStorage.getItem('mx_pass'),
};
dis.register(this._onAction.bind(this)); // Initialise state
this._state = {
cachedPassword: localStorage.getItem('mx_pass'),
};
dis.register(this._onAction.bind(this));
}
_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.emit('update');
}
_setState(newState) {
this._state = Object.assign(this._state, newState);
this._update();
}
_onAction(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;
}
} }
// Inherit from EventEmitter
SessionStore.prototype = EventEmitter.prototype;
SessionStore.prototype._update = function() {
// Persist state to localStorage
if (this._state.cachedPassword) {
localStorage.setItem('mx_pass', this._state.cachedPassword);
} else {
localStorage.removeItem('mx_pass', this._state.cachedPassword);
}
this.emit('update');
};
SessionStore.prototype._setState = function(newState) {
this._state = Object.assign(this._state, newState);
this._update();
};
SessionStore.prototype._onAction = function(payload) {
switch (payload.action) {
case 'cached_password':
this._setState({
cachedPassword: payload.cachedPassword,
});
break;
case 'password_changed':
this._setState({
cachedPassword: null,
});
break;
}
};
SessionStore.prototype.getCachedPassword = function() {
return this._state.cachedPassword;
};
// Export singleton getter // Export singleton getter
let singletonSessionStore = null; let singletonSessionStore = null;
if (!singletonSessionStore) { if (!singletonSessionStore) {