scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-23 07:38:07 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

cache remote username check response

Browse source
This commit is contained in:
Ben Wheeler 2019-08-27 15:16:30 -04:00
parent c58735f7e0
commit 0d4d6a9adc
1 changed files with 16 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/components/join-flow/username-step.jsx
View file

@ -27,12 +27,15 @@ class UsernameStep extends React.Component {
'validatePasswordIfPresent',
'validatePasswordConfirmIfPresent',
'validateUsernameIfPresent',
'validateUsernameRemotelyWithCache',
'validateForm'
]);
this.state = {
focused: null,
showPassword: false
};
// keeps us from submitting multiple remote requests for a single username
this.usernameRemoteCache = {};
}
componentDidMount () {
// automatically start with focus on username field
@ -49,12 +52,24 @@ class UsernameStep extends React.Component {
handleSetUsernameRef (usernameInputRef) {
this.usernameInput = usernameInputRef;
}
validateUsernameRemotelyWithCache (username) {
if (this.usernameRemoteCache.hasOwnProperty(username)) {
return Promise.resolve(this.usernameRemoteCache[username]);
}
// username is not in our cache
return validate.validateUsernameRemotely(username).then(
remoteResult => {
this.usernameRemoteCache[username] = remoteResult;
return remoteResult;
}
);
}
// we allow username to be empty on blur, since you might not have typed anything yet
validateUsernameIfPresent (username) {
if (!username) return null; // skip validation if username is blank; null indicates valid
// if username is not blank, run both local and remote validations
const localResult = validate.validateUsernameLocally(username);
return validate.validateUsernameRemotely(username).then(
return this.validateUsernameRemotelyWithCache(username).then(
remoteResult => {
// there may be multiple validation errors. Prioritize vulgarity, then
// length, then having invalid chars, then all other remote reports