ascribe/onion
1
0
Fork 0
mirror of https://github.com/ascribe/onion.git synced 2024-12-22 09:23:13 +01:00
Code Issues Releases Wiki Activity

Merge pull request #174 from ascribe/fix-digital-work-file-name

Browse Source 
Use setTimeout instead of setInterval to refresh signed download urls
This commit is contained in:
Brett Sun 2016-03-10 15:32:37 +01:00
commit 55f53247ea
1 changed files with 20 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
js/components/ascribe_buttons/s3_download_button.js
View File

@ -30,15 +30,12 @@ const S3DownloadButton = React.createClass({
},
componentDidMount() {
/**
* Initially, we request a signed url from
* the backend
*/
// Initially, we request a signed url from the backend
this.signUrl();
},
componentWillUnmount() {
window.clearInterval(this.state.signatureExpiryTimerId);
window.clearTimeout(this.state.signatureExpiryTimerId);
},
transformS3UrlToS3Key(url) {
@ -52,29 +49,28 @@ const S3DownloadButton = React.createClass({
.signUrl(this.transformS3UrlToS3Key(url), title, artistName)
.then(({ signed_url: downloadUrl }) => {
const { signatureExpiryTimerId } = this.state;
let newState = { downloadUrl };
if(!signatureExpiryTimerId) {
/**
* The signed url, however can expire, which is why
* we need to renew it when it expires.
*/
// The signed url, however can expire, which is why we need to set up a timer to
// renew it when it expires.
const expires = parseInt(queryParamsToArgs(downloadUrl.split('?')[1]).expires, 10);
const now = new Date().getTime() / 1000;
/**
* Amazon uses seconds as their signature unix timestamp
* while `setInterval` uses milliseconds. Therefore we need to
* multiply with 1000.
*/
// Amazon uses seconds as their signature unix timestamp while `setTimeout` uses
// milliseconds. Therefore we need to multiply with 1000.
const interval = (expires - now) * 1000;
Object.assign(newState, {
// Substract 5s to make sure there is a big enough window to sign again before expiration
signatureExpiryTimerId: window.setInterval(this.signUrl, interval - 5000)
});
// Make sure to clear the previous timeout just in case it was not the one that
// invoked the refetching
if (signatureExpiryTimerId) {
window.clearTimeout(signatureExpiryTimerId);
}
this.setState(newState);
this.setState({
downloadUrl,
// Substract 5s to make sure there is a big enough window to sign again before
// expiration
signatureExpiryTimerId: window.setTimeout(this.signUrl, interval - 5000)
});
})
.catch(console.logGlobal);
},