2018-04-12 01:58:04 +03:00
|
|
|
/*
|
|
|
|
Copyright 2016 Aviral Dasgupta
|
|
|
|
|
|
|
|
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 React from 'react';
|
2018-04-13 02:43:44 +03:00
|
|
|
import sdk from '../../../index';
|
2018-04-12 01:58:04 +03:00
|
|
|
import request from 'browser-request';
|
2018-04-13 02:43:44 +03:00
|
|
|
import { _t } from '../../../languageHandler';
|
2018-04-12 01:58:04 +03:00
|
|
|
|
|
|
|
const REPOS = ['vector-im/riot-web', 'matrix-org/matrix-react-sdk', 'matrix-org/matrix-js-sdk'];
|
|
|
|
|
|
|
|
export default class ChangelogDialog extends React.Component {
|
|
|
|
constructor(props) {
|
|
|
|
super(props);
|
|
|
|
|
|
|
|
this.state = {};
|
|
|
|
}
|
|
|
|
|
|
|
|
componentDidMount() {
|
|
|
|
const version = this.props.newVersion.split('-');
|
|
|
|
const version2 = this.props.version.split('-');
|
2018-10-27 06:50:35 +03:00
|
|
|
if (version == null || version2 == null) return;
|
2018-04-12 01:58:04 +03:00
|
|
|
// parse versions of form: [vectorversion]-react-[react-sdk-version]-js-[js-sdk-version]
|
2018-10-27 06:50:35 +03:00
|
|
|
for (let i=0; i<REPOS.length; i++) {
|
2018-04-12 01:58:04 +03:00
|
|
|
const oldVersion = version2[2*i];
|
|
|
|
const newVersion = version[2*i];
|
2019-01-15 17:40:58 +03:00
|
|
|
const url = `https://riot.im/github/repos/${REPOS[i]}/compare/${oldVersion}...${newVersion}`;
|
2018-12-19 20:26:40 +03:00
|
|
|
request(url, (err, response, body) => {
|
|
|
|
if (response.statusCode < 200 || response.statusCode >= 300) {
|
|
|
|
this.setState({ [REPOS[i]]: response.statusText });
|
|
|
|
return;
|
|
|
|
}
|
2018-04-12 01:58:04 +03:00
|
|
|
this.setState({[REPOS[i]]: JSON.parse(body).commits});
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
_elementsForCommit(commit) {
|
|
|
|
return (
|
|
|
|
<li key={commit.sha} className="mx_ChangelogDialog_li">
|
|
|
|
<a href={commit.html_url} target="_blank" rel="noopener">
|
|
|
|
{commit.commit.message}
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
render() {
|
|
|
|
const Spinner = sdk.getComponent('views.elements.Spinner');
|
|
|
|
const QuestionDialog = sdk.getComponent('dialogs.QuestionDialog');
|
|
|
|
|
|
|
|
const logs = REPOS.map(repo => {
|
2018-12-19 20:26:40 +03:00
|
|
|
let content;
|
|
|
|
if (this.state[repo] == null) {
|
|
|
|
content = <Spinner key={repo} />;
|
|
|
|
} else if (typeof this.state[repo] === "string") {
|
|
|
|
content = _t("Unable to load commit detail: %(msg)s", {
|
|
|
|
msg: this.state[repo],
|
|
|
|
});
|
|
|
|
} else {
|
|
|
|
content = this.state[repo].map(this._elementsForCommit);
|
|
|
|
}
|
2018-04-12 01:58:04 +03:00
|
|
|
return (
|
|
|
|
<div key={repo}>
|
|
|
|
<h2>{repo}</h2>
|
2018-12-19 20:26:40 +03:00
|
|
|
<ul>{content}</ul>
|
2018-04-12 01:58:04 +03:00
|
|
|
</div>
|
2018-10-27 06:50:35 +03:00
|
|
|
);
|
2018-04-12 01:58:04 +03:00
|
|
|
});
|
|
|
|
|
|
|
|
const content = (
|
|
|
|
<div className="mx_ChangelogDialog_content">
|
|
|
|
{this.props.version == null || this.props.newVersion == null ? <h2>{_t("Unavailable")}</h2> : logs}
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
<QuestionDialog
|
|
|
|
title={_t("Changelog")}
|
|
|
|
description={content}
|
|
|
|
button={_t("Update")}
|
|
|
|
onFinished={this.props.onFinished}
|
|
|
|
/>
|
2018-10-27 06:50:35 +03:00
|
|
|
);
|
2018-04-12 01:58:04 +03:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
ChangelogDialog.propTypes = {
|
|
|
|
version: React.PropTypes.string.isRequired,
|
|
|
|
newVersion: React.PropTypes.string.isRequired,
|
|
|
|
onFinished: React.PropTypes.func.isRequired,
|
|
|
|
};
|