2019-08-12 13:51:44 +03:00
|
|
|
/*
|
2019-08-13 12:46:42 +03:00
|
|
|
Copyright 2019 The Matrix.org Foundation C.I.C.
|
2019-08-12 13:51:44 +03:00
|
|
|
|
|
|
|
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 request from 'browser-request';
|
|
|
|
import url from 'url';
|
|
|
|
import React from 'react';
|
|
|
|
import {_t} from "../../../languageHandler";
|
|
|
|
import sdk from '../../../index';
|
|
|
|
import MatrixClientPeg from "../../../MatrixClientPeg";
|
|
|
|
import SdkConfig from "../../../SdkConfig";
|
|
|
|
import Field from "../elements/Field";
|
|
|
|
|
|
|
|
/**
|
|
|
|
* If a url has no path component, etc. abbreviate it to just the hostname
|
|
|
|
*
|
|
|
|
* @param {string} u The url to be abbreviated
|
|
|
|
* @returns {string} The abbreviated url
|
|
|
|
*/
|
|
|
|
function abbreviateUrl(u) {
|
|
|
|
if (!u) return '';
|
|
|
|
|
|
|
|
const parsedUrl = url.parse(u);
|
|
|
|
// if it's something we can't parse as a url then just return it
|
|
|
|
if (!parsedUrl) return u;
|
|
|
|
|
|
|
|
if (parsedUrl.path == '/') {
|
|
|
|
// we ignore query / hash parts: these aren't relevant for IS server URLs
|
|
|
|
return parsedUrl.host;
|
|
|
|
}
|
|
|
|
|
|
|
|
return u;
|
|
|
|
}
|
|
|
|
|
|
|
|
function unabbreviateUrl(u) {
|
|
|
|
if (!u) return '';
|
|
|
|
|
|
|
|
let longUrl = u;
|
|
|
|
if (!u.startsWith('https://')) longUrl = 'https://' + u;
|
|
|
|
const parsed = url.parse(longUrl);
|
|
|
|
if (parsed.hostname === null) return u;
|
|
|
|
|
|
|
|
return longUrl;
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Check an IS URL is valid, including liveness check
|
|
|
|
*
|
2019-08-13 14:59:34 +03:00
|
|
|
* @param {string} u The url to check
|
2019-08-12 13:51:44 +03:00
|
|
|
* @returns {string} null if url passes all checks, otherwise i18ned error string
|
|
|
|
*/
|
2019-08-13 14:59:34 +03:00
|
|
|
async function checkIdentityServerUrl(u) {
|
|
|
|
const parsedUrl = url.parse(u);
|
2019-08-12 13:51:44 +03:00
|
|
|
|
|
|
|
if (parsedUrl.protocol !== 'https:') return _t("Identity Server URL must be HTTPS");
|
|
|
|
|
|
|
|
// XXX: duplicated logic from js-sdk but it's quite tied up in the validation logic in the
|
|
|
|
// js-sdk so probably as easy to duplicate it than to separate it out so we can reuse it
|
|
|
|
return new Promise((resolve) => {
|
|
|
|
request(
|
2019-08-12 15:31:31 +03:00
|
|
|
// also XXX: we don't really know whether to hit /v1 or /v2 for this: we
|
|
|
|
// probably want a /versions endpoint like the C/S API.
|
2019-08-13 13:05:41 +03:00
|
|
|
// https://github.com/matrix-org/matrix-doc/issues/1665
|
2019-08-13 14:59:34 +03:00
|
|
|
{ method: "GET", url: u + '/_matrix/identity/api/v1' },
|
2019-08-12 13:51:44 +03:00
|
|
|
(err, response, body) => {
|
|
|
|
if (err) {
|
2019-08-13 12:48:56 +03:00
|
|
|
resolve(_t("Could not connect to Identity Server"));
|
2019-08-12 13:51:44 +03:00
|
|
|
} else if (response.status < 200 || response.status >= 300) {
|
2019-08-13 12:48:56 +03:00
|
|
|
resolve(_t("Not a valid Identity Server (status code %(code)s)", {code: response.status}));
|
2019-08-12 13:51:44 +03:00
|
|
|
} else {
|
|
|
|
resolve(null);
|
|
|
|
}
|
|
|
|
},
|
|
|
|
);
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
export default class SetIdServer extends React.Component {
|
|
|
|
constructor() {
|
|
|
|
super();
|
|
|
|
|
2019-08-12 15:11:05 +03:00
|
|
|
let defaultIdServer = abbreviateUrl(MatrixClientPeg.get().getIdentityServerUrl());
|
2019-08-12 13:51:44 +03:00
|
|
|
if (!defaultIdServer) {
|
2019-08-12 15:11:05 +03:00
|
|
|
defaultIdServer = abbreviateUrl(SdkConfig.get()['validated_server_config']['idServer']) || '';
|
2019-08-12 13:51:44 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
this.state = {
|
|
|
|
currentClientIdServer: MatrixClientPeg.get().getIdentityServerUrl(),
|
|
|
|
idServer: defaultIdServer,
|
|
|
|
error: null,
|
|
|
|
busy: false,
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
_onIdentityServerChanged = (ev) => {
|
|
|
|
const u = ev.target.value;
|
|
|
|
|
|
|
|
this.setState({idServer: u});
|
|
|
|
};
|
|
|
|
|
|
|
|
_getTooltip = () => {
|
|
|
|
if (this.state.busy) {
|
|
|
|
const InlineSpinner = sdk.getComponent('views.elements.InlineSpinner');
|
|
|
|
return <div>
|
|
|
|
<InlineSpinner />
|
2019-08-13 12:51:26 +03:00
|
|
|
{ _t("Checking server") }
|
2019-08-12 13:51:44 +03:00
|
|
|
</div>;
|
|
|
|
} else if (this.state.error) {
|
|
|
|
return this.state.error;
|
|
|
|
} else {
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
_idServerChangeEnabled = () => {
|
|
|
|
return !!this.state.idServer && !this.state.busy;
|
|
|
|
};
|
|
|
|
|
2019-08-13 18:20:30 +03:00
|
|
|
_saveIdServer = async (e) => {
|
|
|
|
e.preventDefault();
|
|
|
|
|
2019-08-12 13:51:44 +03:00
|
|
|
this.setState({busy: true});
|
|
|
|
|
|
|
|
const fullUrl = unabbreviateUrl(this.state.idServer);
|
|
|
|
|
2019-08-13 14:59:34 +03:00
|
|
|
const errStr = await checkIdentityServerUrl(fullUrl);
|
2019-08-12 15:29:52 +03:00
|
|
|
|
|
|
|
let newFormValue = this.state.idServer;
|
2019-08-12 13:51:44 +03:00
|
|
|
if (!errStr) {
|
|
|
|
MatrixClientPeg.get().setIdentityServerUrl(fullUrl);
|
2019-08-12 16:46:04 +03:00
|
|
|
localStorage.removeItem("mx_is_access_token");
|
2019-08-12 13:51:44 +03:00
|
|
|
localStorage.setItem("mx_is_url", fullUrl);
|
2019-08-12 15:29:52 +03:00
|
|
|
newFormValue = '';
|
2019-08-12 13:51:44 +03:00
|
|
|
}
|
|
|
|
this.setState({
|
|
|
|
busy: false,
|
|
|
|
error: errStr,
|
|
|
|
currentClientIdServer: MatrixClientPeg.get().getIdentityServerUrl(),
|
2019-08-12 15:29:52 +03:00
|
|
|
idServer: newFormValue,
|
2019-08-12 13:51:44 +03:00
|
|
|
});
|
|
|
|
};
|
|
|
|
|
|
|
|
render() {
|
|
|
|
const idServerUrl = this.state.currentClientIdServer;
|
|
|
|
let sectionTitle;
|
|
|
|
let bodyText;
|
|
|
|
if (idServerUrl) {
|
|
|
|
sectionTitle = _t("Identity Server (%(server)s)", { server: abbreviateUrl(idServerUrl) });
|
|
|
|
bodyText = _t(
|
|
|
|
"You are currently using <server></server> to discover and be discoverable by " +
|
|
|
|
"existing contacts you know. You can change your identity server below.",
|
|
|
|
{},
|
|
|
|
{ server: sub => <b>{abbreviateUrl(idServerUrl)}</b> },
|
|
|
|
);
|
|
|
|
} else {
|
|
|
|
sectionTitle = _t("Identity Server");
|
|
|
|
bodyText = _t(
|
2019-08-13 12:51:26 +03:00
|
|
|
"You are not currently using an identity server. " +
|
2019-08-12 13:51:44 +03:00
|
|
|
"To discover and be discoverable by existing contacts you know, " +
|
2019-08-13 12:51:26 +03:00
|
|
|
"add one below.",
|
2019-08-12 13:51:44 +03:00
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2019-08-13 18:20:30 +03:00
|
|
|
const AccessibleButton = sdk.getComponent('elements.AccessibleButton');
|
2019-08-12 13:51:44 +03:00
|
|
|
return (
|
|
|
|
<form className="mx_SettingsTab_section mx_SetIdServer" onSubmit={this._saveIdServer}>
|
|
|
|
<span className="mx_SettingsTab_subheading">
|
|
|
|
{sectionTitle}
|
|
|
|
</span>
|
|
|
|
<span className="mx_SettingsTab_subsectionText">
|
|
|
|
{bodyText}
|
|
|
|
</span>
|
|
|
|
<Field label={_t("Identity Server")}
|
|
|
|
id="mx_SetIdServer_idServer"
|
|
|
|
type="text" value={this.state.idServer} autoComplete="off"
|
|
|
|
onChange={this._onIdentityServerChanged}
|
2019-08-13 13:01:04 +03:00
|
|
|
tooltipContent={this._getTooltip()}
|
2019-08-12 13:51:44 +03:00
|
|
|
/>
|
2019-08-13 18:20:30 +03:00
|
|
|
<AccessibleButton type="submit" kind="primary_sm"
|
2019-08-12 13:51:44 +03:00
|
|
|
disabled={!this._idServerChangeEnabled()}
|
2019-08-13 18:20:30 +03:00
|
|
|
onClick={this._saveIdServer}
|
|
|
|
>{_t("Change")}</AccessibleButton>
|
2019-08-12 13:51:44 +03:00
|
|
|
</form>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|