2019-01-29 02:32:56 +03:00
|
|
|
/*
|
|
|
|
Copyright 2019 New Vector 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 React from 'react';
|
|
|
|
import PropTypes from 'prop-types';
|
|
|
|
import sdk from '../../../index';
|
|
|
|
import { _t } from '../../../languageHandler';
|
2019-05-03 07:57:49 +03:00
|
|
|
import {ValidatedServerConfig} from "../../../utils/AutoDiscoveryUtils";
|
|
|
|
import SdkConfig from "../../../SdkConfig";
|
|
|
|
import AutoDiscoveryUtils from "../../../utils/AutoDiscoveryUtils";
|
|
|
|
import * as ServerType from '../../views/auth/ServerTypeSelector';
|
2019-01-29 02:32:56 +03:00
|
|
|
|
|
|
|
const MODULAR_URL = 'https://modular.im/?utm_source=riot-web&utm_medium=web&utm_campaign=riot-web-authentication';
|
|
|
|
|
2019-05-03 07:57:49 +03:00
|
|
|
// TODO: TravisR - Can this extend ServerConfig for most things?
|
|
|
|
|
2019-01-29 06:44:41 +03:00
|
|
|
/*
|
2019-01-29 02:32:56 +03:00
|
|
|
* Configure the Modular server name.
|
|
|
|
*
|
|
|
|
* This is a variant of ServerConfig with only the HS field and different body
|
|
|
|
* text that is specific to the Modular case.
|
|
|
|
*/
|
2019-01-29 06:44:41 +03:00
|
|
|
export default class ModularServerConfig extends React.PureComponent {
|
|
|
|
static propTypes = {
|
2019-01-29 02:32:56 +03:00
|
|
|
onServerConfigChange: PropTypes.func,
|
|
|
|
|
2019-05-03 07:57:49 +03:00
|
|
|
// The current configuration that the user is expecting to change.
|
|
|
|
serverConfig: PropTypes.instanceOf(ValidatedServerConfig).isRequired,
|
2019-01-29 02:32:56 +03:00
|
|
|
|
|
|
|
delayTimeMs: PropTypes.number, // time to wait before invoking onChanged
|
2019-05-14 01:30:34 +03:00
|
|
|
|
|
|
|
// Called after the component calls onServerConfigChange
|
|
|
|
onAfterSubmit: PropTypes.func,
|
|
|
|
|
|
|
|
// Optional text for the submit button. If falsey, no button will be shown.
|
|
|
|
submitText: PropTypes.string,
|
|
|
|
|
|
|
|
// Optional class for the submit button. Only applies if the submit button
|
|
|
|
// is to be rendered.
|
|
|
|
submitClass: PropTypes.string,
|
2019-05-03 07:57:49 +03:00
|
|
|
};
|
2019-01-29 02:32:56 +03:00
|
|
|
|
2019-01-29 06:44:41 +03:00
|
|
|
static defaultProps = {
|
|
|
|
onServerConfigChange: function() {},
|
|
|
|
customHsUrl: "",
|
|
|
|
delayTimeMs: 0,
|
2019-05-03 07:57:49 +03:00
|
|
|
};
|
2019-01-29 06:44:41 +03:00
|
|
|
|
|
|
|
constructor(props) {
|
|
|
|
super(props);
|
2019-01-29 02:32:56 +03:00
|
|
|
|
2019-01-29 06:44:41 +03:00
|
|
|
this.state = {
|
2019-05-03 07:57:49 +03:00
|
|
|
busy: false,
|
|
|
|
errorText: "",
|
|
|
|
hsUrl: props.serverConfig.hsUrl,
|
|
|
|
isUrl: props.serverConfig.isUrl,
|
2019-01-29 02:32:56 +03:00
|
|
|
};
|
2019-01-29 06:44:41 +03:00
|
|
|
}
|
2019-01-29 02:32:56 +03:00
|
|
|
|
2019-01-29 06:44:41 +03:00
|
|
|
componentWillReceiveProps(newProps) {
|
2019-05-03 07:57:49 +03:00
|
|
|
if (newProps.serverConfig.hsUrl === this.state.hsUrl &&
|
|
|
|
newProps.serverConfig.isUrl === this.state.isUrl) return;
|
|
|
|
|
|
|
|
this.validateAndApplyServer(newProps.serverConfig.hsUrl, newProps.serverConfig.isUrl);
|
|
|
|
}
|
|
|
|
|
|
|
|
async validateAndApplyServer(hsUrl, isUrl) {
|
|
|
|
// Always try and use the defaults first
|
|
|
|
const defaultConfig: ValidatedServerConfig = SdkConfig.get()["validated_server_config"];
|
|
|
|
if (defaultConfig.hsUrl === hsUrl && defaultConfig.isUrl === isUrl) {
|
|
|
|
this.setState({busy: false, errorText: ""});
|
|
|
|
this.props.onServerConfigChange(defaultConfig);
|
|
|
|
return defaultConfig;
|
|
|
|
}
|
2019-01-29 02:32:56 +03:00
|
|
|
|
|
|
|
this.setState({
|
2019-05-03 07:57:49 +03:00
|
|
|
hsUrl,
|
|
|
|
isUrl,
|
|
|
|
busy: true,
|
|
|
|
errorText: "",
|
2019-01-29 02:32:56 +03:00
|
|
|
});
|
2019-05-03 07:57:49 +03:00
|
|
|
|
|
|
|
try {
|
|
|
|
const result = await AutoDiscoveryUtils.validateServerConfigWithStaticUrls(hsUrl, isUrl);
|
|
|
|
this.setState({busy: false, errorText: ""});
|
|
|
|
this.props.onServerConfigChange(result);
|
|
|
|
return result;
|
|
|
|
} catch (e) {
|
|
|
|
console.error(e);
|
|
|
|
let message = _t("Unable to validate homeserver/identity server");
|
|
|
|
if (e.translatedMessage) {
|
|
|
|
message = e.translatedMessage;
|
|
|
|
}
|
|
|
|
this.setState({
|
|
|
|
busy: false,
|
|
|
|
errorText: message,
|
|
|
|
});
|
2019-06-05 08:41:59 +03:00
|
|
|
|
|
|
|
return null;
|
2019-05-03 07:57:49 +03:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
async validateServer() {
|
|
|
|
// TODO: Do we want to support .well-known lookups here?
|
|
|
|
// If for some reason someone enters "matrix.org" for a URL, we could do a lookup to
|
|
|
|
// find their homeserver without demanding they use "https://matrix.org"
|
|
|
|
return this.validateAndApplyServer(this.state.hsUrl, ServerType.TYPES.PREMIUM.identityServerUrl);
|
2019-01-29 06:44:41 +03:00
|
|
|
}
|
2019-01-29 02:32:56 +03:00
|
|
|
|
2019-01-30 08:47:35 +03:00
|
|
|
onHomeserverBlur = (ev) => {
|
|
|
|
this._hsTimeoutId = this._waitThenInvoke(this._hsTimeoutId, () => {
|
2019-05-03 07:57:49 +03:00
|
|
|
this.validateServer();
|
2019-01-29 02:32:56 +03:00
|
|
|
});
|
2019-05-03 07:57:49 +03:00
|
|
|
};
|
2019-01-29 02:32:56 +03:00
|
|
|
|
2019-01-30 08:47:35 +03:00
|
|
|
onHomeserverChange = (ev) => {
|
|
|
|
const hsUrl = ev.target.value;
|
|
|
|
this.setState({ hsUrl });
|
2019-05-03 07:57:49 +03:00
|
|
|
};
|
2019-01-30 08:47:35 +03:00
|
|
|
|
2019-05-14 01:30:34 +03:00
|
|
|
onSubmit = async (ev) => {
|
|
|
|
ev.preventDefault();
|
|
|
|
ev.stopPropagation();
|
2019-06-05 08:41:59 +03:00
|
|
|
const result = await this.validateServer();
|
|
|
|
if (!result) return; // Do not continue.
|
2019-05-14 01:30:34 +03:00
|
|
|
|
|
|
|
if (this.props.onAfterSubmit) {
|
|
|
|
this.props.onAfterSubmit();
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
2019-01-29 06:44:41 +03:00
|
|
|
_waitThenInvoke(existingTimeoutId, fn) {
|
2019-01-29 02:32:56 +03:00
|
|
|
if (existingTimeoutId) {
|
|
|
|
clearTimeout(existingTimeoutId);
|
|
|
|
}
|
|
|
|
return setTimeout(fn.bind(this), this.props.delayTimeMs);
|
2019-01-29 06:44:41 +03:00
|
|
|
}
|
2019-01-29 02:32:56 +03:00
|
|
|
|
2019-01-29 06:44:41 +03:00
|
|
|
render() {
|
2019-01-29 02:32:56 +03:00
|
|
|
const Field = sdk.getComponent('elements.Field');
|
2019-05-14 01:30:34 +03:00
|
|
|
const AccessibleButton = sdk.getComponent('elements.AccessibleButton');
|
|
|
|
|
|
|
|
const submitButton = this.props.submitText
|
|
|
|
? <AccessibleButton
|
|
|
|
element="button"
|
|
|
|
type="submit"
|
|
|
|
className={this.props.submitClass}
|
|
|
|
onClick={this.onSubmit}
|
|
|
|
disabled={this.state.busy}>{this.props.submitText}</AccessibleButton>
|
|
|
|
: null;
|
2019-01-29 02:32:56 +03:00
|
|
|
|
|
|
|
return (
|
|
|
|
<div className="mx_ServerConfig">
|
|
|
|
<h3>{_t("Your Modular server")}</h3>
|
|
|
|
{_t(
|
|
|
|
"Enter the location of your Modular homeserver. It may use your own " +
|
|
|
|
"domain name or be a subdomain of <a>modular.im</a>.",
|
|
|
|
{}, {
|
|
|
|
a: sub => <a href={MODULAR_URL} target="_blank" rel="noopener">
|
|
|
|
{sub}
|
|
|
|
</a>,
|
|
|
|
},
|
|
|
|
)}
|
2019-05-14 01:30:34 +03:00
|
|
|
<form onSubmit={this.onSubmit} autoComplete={false} action={null}>
|
|
|
|
<div className="mx_ServerConfig_fields">
|
|
|
|
<Field id="mx_ServerConfig_hsUrl"
|
|
|
|
label={_t("Server Name")}
|
|
|
|
placeholder={this.props.serverConfig.hsUrl}
|
|
|
|
value={this.state.hsUrl}
|
|
|
|
onBlur={this.onHomeserverBlur}
|
|
|
|
onChange={this.onHomeserverChange}
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
{submitButton}
|
|
|
|
</form>
|
2019-01-29 02:32:56 +03:00
|
|
|
</div>
|
|
|
|
);
|
2019-01-29 06:44:41 +03:00
|
|
|
}
|
|
|
|
}
|