2015-06-23 17:41:25 +02:00
|
|
|
/*
|
2016-01-07 05:17:56 +01:00
|
|
|
Copyright 2015, 2016 OpenMarket Ltd
|
2017-02-24 12:45:28 +01:00
|
|
|
Copyright 2017 Vector Creations Ltd
|
2015-06-23 17:41:25 +02: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.
|
|
|
|
*/
|
|
|
|
|
|
|
|
'use strict';
|
|
|
|
|
2016-10-13 11:57:10 +02:00
|
|
|
// for ES6 stuff like startsWith() that Safari doesn't handle
|
|
|
|
// and babel doesn't do by default
|
2016-10-14 19:03:22 +02:00
|
|
|
// Note we use this, as well as the babel transform-runtime plugin
|
2016-10-13 11:57:10 +02:00
|
|
|
// since transform-runtime does not cover instance methods
|
|
|
|
// such as "foobar".includes("foo") which bits of our library
|
2016-10-14 19:03:22 +02:00
|
|
|
// code use, but the babel transform-runtime plugin allows the
|
|
|
|
// regenerator runtime to be injected early enough in the process
|
|
|
|
// (it can't be here as it's too late: the alternative is to put
|
|
|
|
// the babel-polyfill as the first 'entry' in the webpack config).
|
2016-10-13 11:57:10 +02:00
|
|
|
// https://babeljs.io/docs/plugins/transform-runtime/
|
|
|
|
require('babel-polyfill');
|
|
|
|
|
2017-01-18 17:06:02 +01:00
|
|
|
// Require common CSS here; this will make webpack process it into bundle.css.
|
|
|
|
// Our own CSS (which is themed) is imported via separate webpack entry points
|
|
|
|
// in webpack.config.js
|
2015-12-01 19:05:43 +01:00
|
|
|
require('gemini-scrollbar/gemini-scrollbar.css');
|
|
|
|
require('gfm.css/gfm.css');
|
|
|
|
require('highlight.js/styles/github.css');
|
2016-05-27 06:47:01 +02:00
|
|
|
require('draft-js/dist/Draft.css');
|
2015-12-01 19:05:43 +01:00
|
|
|
|
2017-01-18 17:00:13 +01:00
|
|
|
const rageshake = require("./rageshake");
|
|
|
|
rageshake.init().then(() => {
|
2017-01-25 11:28:04 +01:00
|
|
|
console.log("Initialised rageshake: See https://bugs.chromium.org/p/chromium/issues/detail?id=583193 to fix line numbers on Chrome.");
|
2017-01-19 16:47:55 +01:00
|
|
|
rageshake.cleanup();
|
2017-01-18 17:00:13 +01:00
|
|
|
}, (err) => {
|
|
|
|
console.error("Failed to initialise rageshake: " + err);
|
|
|
|
});
|
|
|
|
|
2016-04-17 22:06:51 +02:00
|
|
|
|
|
|
|
// add React and ReactPerf to the global namespace, to make them easier to
|
|
|
|
// access via the console
|
|
|
|
global.React = require("react");
|
|
|
|
if (process.env.NODE_ENV !== 'production') {
|
2017-03-29 11:38:46 +02:00
|
|
|
global.Perf = require("react-addons-perf");
|
2016-04-17 22:06:51 +02:00
|
|
|
}
|
|
|
|
|
2015-10-28 18:39:50 +01:00
|
|
|
var RunModernizrTests = require("./modernizr"); // this side-effects a global
|
2015-11-10 00:13:46 +01:00
|
|
|
var ReactDOM = require("react-dom");
|
2017-05-23 15:12:53 +02:00
|
|
|
// Workaround for broken export
|
|
|
|
import * as counterpart from 'counterpart-riot';
|
2015-09-22 19:49:04 +02:00
|
|
|
var sdk = require("matrix-react-sdk");
|
2016-11-02 16:12:51 +01:00
|
|
|
var PlatformPeg = require("matrix-react-sdk/lib/PlatformPeg");
|
2015-11-30 18:31:32 +01:00
|
|
|
sdk.loadSkin(require('../component-index'));
|
2015-11-30 19:10:09 +01:00
|
|
|
var VectorConferenceHandler = require('../VectorConferenceHandler');
|
2016-02-03 17:16:14 +01:00
|
|
|
var UpdateChecker = require("./updater");
|
2016-05-25 02:08:09 +02:00
|
|
|
var q = require('q');
|
|
|
|
var request = require('browser-request');
|
2017-05-23 18:06:02 +02:00
|
|
|
import * as UserSettingsStore from 'matrix-react-sdk/lib/UserSettingsStore';
|
|
|
|
import languageHandler from 'matrix-react-sdk/lib/languageHandler';
|
2016-08-12 12:01:01 +02:00
|
|
|
|
2016-08-11 02:55:51 +02:00
|
|
|
import url from 'url';
|
2015-06-09 18:40:42 +02:00
|
|
|
|
2016-08-10 01:15:04 +02:00
|
|
|
import {parseQs, parseQsFromFragment} from './url_utils';
|
2016-11-02 16:12:51 +01:00
|
|
|
import Platform from './platform';
|
2015-10-12 11:11:02 +02:00
|
|
|
|
2017-04-06 12:15:14 +02:00
|
|
|
import MatrixClientPeg from 'matrix-react-sdk/lib/MatrixClientPeg';
|
|
|
|
|
2015-08-06 15:58:52 +02:00
|
|
|
var lastLocationHashSet = null;
|
|
|
|
|
2015-11-30 19:10:09 +01:00
|
|
|
var CallHandler = require("matrix-react-sdk/lib/CallHandler");
|
|
|
|
CallHandler.setConferenceHandler(VectorConferenceHandler);
|
|
|
|
|
2017-04-06 12:15:14 +02:00
|
|
|
MatrixClientPeg.setIndexedDbWorkerScript(window.vector_indexeddb_worker_script);
|
|
|
|
|
2015-10-28 18:39:50 +01:00
|
|
|
function checkBrowserFeatures(featureList) {
|
|
|
|
if (!window.Modernizr) {
|
|
|
|
console.error("Cannot check features - Modernizr global is missing.");
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
var featureComplete = true;
|
|
|
|
for (var i = 0; i < featureList.length; i++) {
|
|
|
|
if (window.Modernizr[featureList[i]] === undefined) {
|
|
|
|
console.error(
|
|
|
|
"Looked for feature '%s' but Modernizr has no results for this. " +
|
|
|
|
"Has it been configured correctly?", featureList[i]
|
|
|
|
);
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
if (window.Modernizr[featureList[i]] === false) {
|
|
|
|
console.error("Browser missing feature: '%s'", featureList[i]);
|
|
|
|
// toggle flag rather than return early so we log all missing features
|
|
|
|
// rather than just the first.
|
|
|
|
featureComplete = false;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return featureComplete;
|
|
|
|
}
|
|
|
|
|
|
|
|
var validBrowser = checkBrowserFeatures([
|
2015-10-29 16:56:03 +01:00
|
|
|
"displaytable", "flexbox", "es5object", "es5function", "localstorage",
|
2017-05-15 02:07:25 +02:00
|
|
|
"objectfit", "indexeddb", "webworkers",
|
2015-10-28 18:39:50 +01:00
|
|
|
]);
|
2015-10-08 23:42:09 +02:00
|
|
|
|
2017-03-08 15:57:13 +01:00
|
|
|
// Parse the given window.location and return parameters that can be used when calling
|
|
|
|
// MatrixChat.showScreen(screen, params)
|
|
|
|
function getScreenFromLocation(location) {
|
|
|
|
const fragparts = parseQsFromFragment(location);
|
|
|
|
return {
|
|
|
|
screen: fragparts.location.substring(1),
|
|
|
|
params: fragparts.params,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2015-07-15 21:33:12 +02:00
|
|
|
// Here, we do some crude URL analysis to allow
|
2016-02-23 11:57:50 +01:00
|
|
|
// deep-linking.
|
2015-07-15 20:25:36 +02:00
|
|
|
function routeUrl(location) {
|
2016-06-08 19:46:21 +02:00
|
|
|
if (!window.matrixChat) return;
|
|
|
|
|
2017-03-08 15:57:13 +01:00
|
|
|
console.log("Routing URL ", location.href);
|
|
|
|
const s = getScreenFromLocation(location);
|
|
|
|
window.matrixChat.showScreen(s.screen, s.params);
|
2015-07-15 20:25:36 +02:00
|
|
|
}
|
|
|
|
|
2015-07-20 21:20:17 +02:00
|
|
|
function onHashChange(ev) {
|
2015-08-06 15:58:52 +02:00
|
|
|
if (decodeURIComponent(window.location.hash) == lastLocationHashSet) {
|
|
|
|
// we just set this: no need to route it!
|
|
|
|
return;
|
|
|
|
}
|
2015-07-20 21:20:17 +02:00
|
|
|
routeUrl(window.location);
|
|
|
|
}
|
|
|
|
|
2015-07-15 21:33:12 +02:00
|
|
|
// This will be called whenever the SDK changes screens,
|
|
|
|
// so a web page can update the URL bar appropriately.
|
2015-11-11 02:31:37 +01:00
|
|
|
var onNewScreen = function(screen) {
|
2016-04-13 23:18:26 +02:00
|
|
|
console.log("newscreen "+screen);
|
2017-03-08 15:57:13 +01:00
|
|
|
var hash = '#/' + screen;
|
|
|
|
lastLocationHashSet = hash;
|
|
|
|
window.location.hash = hash;
|
2015-07-15 20:25:36 +02:00
|
|
|
}
|
|
|
|
|
2015-07-15 21:33:12 +02:00
|
|
|
// We use this to work out what URL the SDK should
|
|
|
|
// pass through when registering to allow the user to
|
|
|
|
// click back to the client having registered.
|
|
|
|
// It's up to us to recognise if we're loaded with
|
|
|
|
// this URL and tell MatrixClient to resume registration.
|
2016-12-24 04:18:12 +01:00
|
|
|
//
|
|
|
|
// If we're in electron, we should never pass through a file:// URL otherwise
|
|
|
|
// the identity server will try to 302 the browser to it, which breaks horribly.
|
|
|
|
// so in that instance, hardcode to use riot.im/app for now instead.
|
2017-02-24 12:45:28 +01:00
|
|
|
var makeRegistrationUrl = function(params) {
|
|
|
|
let url;
|
2016-12-24 04:18:12 +01:00
|
|
|
if (window.location.protocol === "file:") {
|
2017-02-24 12:45:28 +01:00
|
|
|
url = 'https://riot.im/app/#/register';
|
|
|
|
} else {
|
|
|
|
url = (
|
|
|
|
window.location.protocol + '//' +
|
|
|
|
window.location.host +
|
|
|
|
window.location.pathname +
|
|
|
|
'#/register'
|
|
|
|
);
|
2016-12-24 04:18:12 +01:00
|
|
|
}
|
2017-02-24 12:45:28 +01:00
|
|
|
|
|
|
|
const keys = Object.keys(params);
|
|
|
|
for (let i = 0; i < keys.length; ++i) {
|
|
|
|
if (i == 0) {
|
|
|
|
url += '?';
|
|
|
|
} else {
|
|
|
|
url += '&';
|
|
|
|
}
|
|
|
|
const k = keys[i];
|
|
|
|
url += k + '=' + encodeURIComponent(params[k]);
|
2016-12-24 04:18:12 +01:00
|
|
|
}
|
2017-02-24 12:45:28 +01:00
|
|
|
return url;
|
2015-07-15 21:33:12 +02:00
|
|
|
}
|
|
|
|
|
2015-07-31 16:50:47 +02:00
|
|
|
window.addEventListener('hashchange', onHashChange);
|
|
|
|
|
2016-05-25 02:08:09 +02:00
|
|
|
function getConfig() {
|
|
|
|
let deferred = q.defer();
|
2016-06-07 23:01:56 +02:00
|
|
|
|
2016-05-25 02:08:09 +02:00
|
|
|
request(
|
2016-11-02 18:57:27 +01:00
|
|
|
{ method: "GET", url: "config.json" },
|
2016-05-25 02:08:09 +02:00
|
|
|
(err, response, body) => {
|
|
|
|
if (err || response.status < 200 || response.status >= 300) {
|
2016-11-02 18:57:27 +01:00
|
|
|
// Lack of a config isn't an error, we should
|
|
|
|
// just use the defaults.
|
2016-11-03 15:43:10 +01:00
|
|
|
// Also treat a blank config as no config, assuming
|
|
|
|
// the status code is 0, because we don't get 404s
|
|
|
|
// from file: URIs so this is the only way we can
|
|
|
|
// not fail if the file doesn't exist when loading
|
|
|
|
// from a file:// URI.
|
|
|
|
if (response) {
|
|
|
|
if (response.status == 404 || (response.status == 0 && body == '')) {
|
|
|
|
deferred.resolve({});
|
|
|
|
}
|
2016-11-02 18:57:27 +01:00
|
|
|
}
|
2016-06-08 19:46:21 +02:00
|
|
|
deferred.reject({err: err, response: response});
|
2016-06-09 10:56:57 +02:00
|
|
|
return;
|
2016-05-25 02:08:09 +02:00
|
|
|
}
|
2016-06-07 23:01:56 +02:00
|
|
|
|
2016-11-02 18:57:27 +01:00
|
|
|
// We parse the JSON ourselves rather than use the JSON
|
|
|
|
// parameter, since this throws a parse error on empty
|
|
|
|
// which breaks if there's no config.json and we're
|
|
|
|
// loading from the filesystem (see above).
|
|
|
|
deferred.resolve(JSON.parse(body));
|
2016-05-25 02:08:09 +02:00
|
|
|
}
|
|
|
|
);
|
2016-06-07 23:01:56 +02:00
|
|
|
|
2016-05-25 02:08:09 +02:00
|
|
|
return deferred.promise;
|
|
|
|
}
|
|
|
|
|
2016-08-11 02:55:51 +02:00
|
|
|
function onLoadCompleted() {
|
|
|
|
// if we did a token login, we're now left with the token, hs and is
|
|
|
|
// url as query params in the url; a little nasty but let's redirect to
|
|
|
|
// clear them.
|
|
|
|
if (window.location.search) {
|
|
|
|
var parsedUrl = url.parse(window.location.href);
|
|
|
|
parsedUrl.search = "";
|
|
|
|
var formatted = url.format(parsedUrl);
|
|
|
|
console.log("Redirecting to " + formatted + " to drop loginToken " +
|
|
|
|
"from queryparams");
|
|
|
|
window.location.href = formatted;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2016-05-25 02:08:09 +02:00
|
|
|
async function loadApp() {
|
2017-05-23 17:44:54 +02:00
|
|
|
await loadLanguage();
|
2017-05-23 15:12:53 +02:00
|
|
|
|
2016-08-11 13:44:49 +02:00
|
|
|
const fragparts = parseQsFromFragment(window.location);
|
|
|
|
const params = parseQs(window.location);
|
|
|
|
|
2016-11-02 16:12:51 +01:00
|
|
|
// set the platform for react sdk (our Platform object automatically picks the right one)
|
|
|
|
PlatformPeg.set(new Platform());
|
|
|
|
|
2016-08-11 13:44:49 +02:00
|
|
|
// don't try to redirect to the native apps if we're
|
2016-08-11 13:49:57 +02:00
|
|
|
// verifying a 3pid
|
2016-08-11 13:44:49 +02:00
|
|
|
const preventRedirect = Boolean(fragparts.params.client_secret);
|
|
|
|
|
|
|
|
if (!preventRedirect) {
|
|
|
|
if (/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream) {
|
2016-09-19 14:29:49 +02:00
|
|
|
if (confirm("Riot is not supported on mobile web. Install the app?")) {
|
2016-08-11 13:44:49 +02:00
|
|
|
window.location = "https://itunes.apple.com/us/app/vector.im/id1083446067";
|
|
|
|
return;
|
|
|
|
}
|
2016-05-11 01:48:02 +02:00
|
|
|
}
|
2016-08-11 13:44:49 +02:00
|
|
|
else if (/Android/.test(navigator.userAgent)) {
|
2016-09-19 14:29:49 +02:00
|
|
|
if (confirm("Riot is not supported on mobile web. Install the app?")) {
|
2016-08-11 13:44:49 +02:00
|
|
|
window.location = "https://play.google.com/store/apps/details?id=im.vector.alpha";
|
|
|
|
return;
|
|
|
|
}
|
2016-05-13 18:14:01 +02:00
|
|
|
}
|
|
|
|
}
|
2016-05-11 01:48:02 +02:00
|
|
|
|
2016-06-08 19:46:21 +02:00
|
|
|
let configJson;
|
2016-06-09 10:59:37 +02:00
|
|
|
let configError;
|
2016-06-08 19:46:21 +02:00
|
|
|
try {
|
|
|
|
configJson = await getConfig();
|
|
|
|
} catch (e) {
|
2016-11-02 18:57:27 +01:00
|
|
|
configError = e;
|
2016-06-08 19:46:21 +02:00
|
|
|
}
|
2016-06-07 23:01:56 +02:00
|
|
|
|
2017-05-23 15:12:53 +02:00
|
|
|
if (!configJson.languages) {
|
2017-05-23 17:15:52 +02:00
|
|
|
let languages;
|
|
|
|
try {
|
|
|
|
languages = await languageHandler.getAllLanguageKeysFromJson();
|
|
|
|
} catch (e) {
|
|
|
|
console.log("couldn't load languages from languages.json: error = "+e);
|
|
|
|
languages = ['en'];
|
|
|
|
}
|
|
|
|
configJson.languages = languages;
|
2017-05-23 15:12:53 +02:00
|
|
|
}
|
|
|
|
|
2017-04-22 03:17:22 +02:00
|
|
|
if (window.localStorage && window.localStorage.getItem('mx_accepts_unsupported_browser')) {
|
2017-04-22 00:08:49 +02:00
|
|
|
console.log('User has previously accepted risks in using an unsupported browser');
|
|
|
|
validBrowser = true;
|
|
|
|
}
|
|
|
|
|
2016-04-13 22:01:24 +02:00
|
|
|
console.log("Vector starting at "+window.location);
|
2016-06-08 19:46:21 +02:00
|
|
|
if (configError) {
|
|
|
|
window.matrixChat = ReactDOM.render(<div className="error">
|
|
|
|
Unable to load config file: please refresh the page to try again.
|
|
|
|
</div>, document.getElementById('matrixchat'));
|
|
|
|
} else if (validBrowser) {
|
2016-11-18 18:32:01 +01:00
|
|
|
UpdateChecker.start();
|
|
|
|
|
2017-03-09 11:04:15 +01:00
|
|
|
const MatrixChat = sdk.getComponent('structures.MatrixChat');
|
2015-11-10 00:13:46 +01:00
|
|
|
window.matrixChat = ReactDOM.render(
|
2015-11-30 19:10:09 +01:00
|
|
|
<MatrixChat
|
|
|
|
onNewScreen={onNewScreen}
|
2017-02-24 12:45:28 +01:00
|
|
|
makeRegistrationUrl={makeRegistrationUrl}
|
2015-11-30 19:10:09 +01:00
|
|
|
ConferenceHandler={VectorConferenceHandler}
|
2015-12-17 16:01:07 +01:00
|
|
|
config={configJson}
|
2016-08-11 02:55:51 +02:00
|
|
|
realQueryParams={params}
|
|
|
|
startingFragmentQueryParams={fragparts.params}
|
|
|
|
enableGuest={true}
|
|
|
|
onLoadCompleted={onLoadCompleted}
|
2017-03-08 15:57:13 +01:00
|
|
|
initialScreenAfterLogin={getScreenFromLocation(window.location)}
|
2016-11-24 17:46:15 +01:00
|
|
|
defaultDeviceDisplayName={PlatformPeg.get().getDefaultDeviceDisplayName()}
|
2016-08-11 02:55:51 +02:00
|
|
|
/>,
|
2015-10-28 18:39:50 +01:00
|
|
|
document.getElementById('matrixchat')
|
|
|
|
);
|
|
|
|
}
|
|
|
|
else {
|
|
|
|
console.error("Browser is missing required features.");
|
|
|
|
// take to a different landing page to AWOOOOOGA at the user
|
2015-12-01 16:45:38 +01:00
|
|
|
var CompatibilityPage = sdk.getComponent("structures.CompatibilityPage");
|
2015-11-10 00:13:46 +01:00
|
|
|
window.matrixChat = ReactDOM.render(
|
2015-10-28 18:39:50 +01:00
|
|
|
<CompatibilityPage onAccept={function() {
|
2017-04-22 03:17:22 +02:00
|
|
|
if (window.localStorage) window.localStorage.setItem('mx_accepts_unsupported_browser', true);
|
2015-10-28 18:39:50 +01:00
|
|
|
validBrowser = true;
|
|
|
|
console.log("User accepts the compatibility risks.");
|
|
|
|
loadApp();
|
|
|
|
}} />,
|
|
|
|
document.getElementById('matrixchat')
|
|
|
|
);
|
2016-03-15 19:38:24 +01:00
|
|
|
}
|
2015-10-28 18:39:50 +01:00
|
|
|
}
|
|
|
|
|
2017-05-23 17:44:54 +02:00
|
|
|
async function loadLanguage() {
|
2017-05-23 18:06:02 +02:00
|
|
|
const lang = UserSettingsStore.getLocalSetting('language', languageHandler.getLanguageFromBrowser());
|
|
|
|
const languages = languageHandler.getNormalizedLanguageKeys(lang);
|
2017-05-23 17:15:52 +02:00
|
|
|
languageHandler.setLanguage(languages, counterpart);
|
2017-05-23 15:12:53 +02:00
|
|
|
}
|
|
|
|
|
2017-05-23 17:44:54 +02:00
|
|
|
loadApp();
|