2015-06-23 18:41:25 +03:00
|
|
|
/*
|
2016-01-07 07:17:56 +03:00
|
|
|
Copyright 2015, 2016 OpenMarket Ltd
|
2015-06-23 18:41:25 +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.
|
|
|
|
*/
|
|
|
|
|
|
|
|
'use strict';
|
|
|
|
|
2016-10-13 12:57:10 +03:00
|
|
|
// for ES6 stuff like startsWith() that Safari doesn't handle
|
|
|
|
// and babel doesn't do by default
|
2016-10-14 20:03:22 +03:00
|
|
|
// Note we use this, as well as the babel transform-runtime plugin
|
2016-10-13 12:57:10 +03:00
|
|
|
// since transform-runtime does not cover instance methods
|
|
|
|
// such as "foobar".includes("foo") which bits of our library
|
2016-10-14 20:03:22 +03: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 12:57:10 +03:00
|
|
|
// https://babeljs.io/docs/plugins/transform-runtime/
|
|
|
|
require('babel-polyfill');
|
|
|
|
|
2015-12-01 21:05:43 +03:00
|
|
|
// CSS requires: just putting them here for now as CSS is going to be
|
2016-10-26 15:32:26 +03:00
|
|
|
// refactored "soon" anyway
|
2016-10-26 17:02:34 +03:00
|
|
|
require('../../build/components.css');
|
2015-12-01 21:05:43 +03:00
|
|
|
require('gemini-scrollbar/gemini-scrollbar.css');
|
|
|
|
require('gfm.css/gfm.css');
|
|
|
|
require('highlight.js/styles/github.css');
|
2016-05-27 07:47:01 +03:00
|
|
|
require('draft-js/dist/Draft.css');
|
2015-12-01 21:05:43 +03:00
|
|
|
|
2017-01-18 19:00:13 +03:00
|
|
|
const rageshake = require("./rageshake");
|
|
|
|
rageshake.init().then(() => {
|
2017-01-25 13:28:04 +03: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 18:47:55 +03:00
|
|
|
rageshake.cleanup();
|
2017-01-18 19:00:13 +03:00
|
|
|
}, (err) => {
|
|
|
|
console.error("Failed to initialise rageshake: " + err);
|
|
|
|
});
|
|
|
|
|
2016-04-17 23:06:51 +03: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') {
|
|
|
|
global.ReactPerf = require("react-addons-perf");
|
|
|
|
}
|
|
|
|
|
2015-10-28 20:39:50 +03:00
|
|
|
var RunModernizrTests = require("./modernizr"); // this side-effects a global
|
2015-11-10 02:13:46 +03:00
|
|
|
var ReactDOM = require("react-dom");
|
2015-09-22 20:49:04 +03:00
|
|
|
var sdk = require("matrix-react-sdk");
|
2016-11-02 18:12:51 +03:00
|
|
|
var PlatformPeg = require("matrix-react-sdk/lib/PlatformPeg");
|
2015-11-30 20:31:32 +03:00
|
|
|
sdk.loadSkin(require('../component-index'));
|
2015-11-30 21:10:09 +03:00
|
|
|
var VectorConferenceHandler = require('../VectorConferenceHandler');
|
2016-02-03 19:16:14 +03:00
|
|
|
var UpdateChecker = require("./updater");
|
2016-05-25 03:08:09 +03:00
|
|
|
var q = require('q');
|
|
|
|
var request = require('browser-request');
|
2016-08-12 13:01:01 +03:00
|
|
|
|
2016-08-11 03:55:51 +03:00
|
|
|
import url from 'url';
|
2015-06-09 19:40:42 +03:00
|
|
|
|
2016-08-10 02:15:04 +03:00
|
|
|
import {parseQs, parseQsFromFragment} from './url_utils';
|
2016-11-02 18:12:51 +03:00
|
|
|
import Platform from './platform';
|
2015-10-12 12:11:02 +03:00
|
|
|
|
2015-08-06 16:58:52 +03:00
|
|
|
var lastLocationHashSet = null;
|
|
|
|
|
2015-11-30 21:10:09 +03:00
|
|
|
var CallHandler = require("matrix-react-sdk/lib/CallHandler");
|
|
|
|
CallHandler.setConferenceHandler(VectorConferenceHandler);
|
|
|
|
|
2015-10-28 20:39:50 +03: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 18:56:03 +03:00
|
|
|
"displaytable", "flexbox", "es5object", "es5function", "localstorage",
|
|
|
|
"objectfit"
|
2015-10-28 20:39:50 +03:00
|
|
|
]);
|
2015-10-09 00:42:09 +03:00
|
|
|
|
2015-07-15 22:33:12 +03:00
|
|
|
// Here, we do some crude URL analysis to allow
|
2016-02-23 13:57:50 +03:00
|
|
|
// deep-linking.
|
2015-07-15 21:25:36 +03:00
|
|
|
function routeUrl(location) {
|
2016-06-08 20:46:21 +03:00
|
|
|
if (!window.matrixChat) return;
|
|
|
|
|
2016-08-10 02:15:04 +03:00
|
|
|
console.log("Routing URL "+location);
|
2016-03-23 18:58:00 +03:00
|
|
|
var fragparts = parseQsFromFragment(location);
|
|
|
|
window.matrixChat.showScreen(fragparts.location.substring(1),
|
|
|
|
fragparts.params);
|
2015-07-15 21:25:36 +03:00
|
|
|
}
|
|
|
|
|
2015-07-20 22:20:17 +03:00
|
|
|
function onHashChange(ev) {
|
2015-08-06 16:58:52 +03:00
|
|
|
if (decodeURIComponent(window.location.hash) == lastLocationHashSet) {
|
|
|
|
// we just set this: no need to route it!
|
|
|
|
return;
|
|
|
|
}
|
2015-07-20 22:20:17 +03:00
|
|
|
routeUrl(window.location);
|
|
|
|
}
|
|
|
|
|
2015-07-15 22:33:12 +03:00
|
|
|
var loaded = false;
|
2015-10-05 17:32:34 +03:00
|
|
|
var lastLoadedScreen = null;
|
2015-07-15 22:33:12 +03:00
|
|
|
|
|
|
|
// This will be called whenever the SDK changes screens,
|
|
|
|
// so a web page can update the URL bar appropriately.
|
2015-11-11 04:31:37 +03:00
|
|
|
var onNewScreen = function(screen) {
|
2016-04-14 00:18:26 +03:00
|
|
|
console.log("newscreen "+screen);
|
2016-11-18 20:32:01 +03:00
|
|
|
// just remember the most recent screen while we are loading, so that the
|
|
|
|
// user doesn't see the URL bar doing a dance
|
2015-10-05 17:32:34 +03:00
|
|
|
if (!loaded) {
|
|
|
|
lastLoadedScreen = screen;
|
|
|
|
} else {
|
2015-11-11 04:31:37 +03:00
|
|
|
var hash = '#/' + screen;
|
|
|
|
lastLocationHashSet = hash;
|
|
|
|
window.location.hash = hash;
|
2016-01-12 04:23:39 +03:00
|
|
|
if (ga) ga('send', 'pageview', window.location.pathname + window.location.search + window.location.hash);
|
2015-10-05 17:32:34 +03:00
|
|
|
}
|
2015-07-15 21:25:36 +03:00
|
|
|
}
|
|
|
|
|
2015-07-15 22:33:12 +03: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 06:18:12 +03: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.
|
2015-07-15 22:33:12 +03:00
|
|
|
var makeRegistrationUrl = function() {
|
2016-12-24 06:18:12 +03:00
|
|
|
if (window.location.protocol === "file:") {
|
|
|
|
return 'https://riot.im/app/#/register';
|
|
|
|
}
|
|
|
|
else {
|
|
|
|
return window.location.protocol + '//' +
|
|
|
|
window.location.host +
|
|
|
|
window.location.pathname +
|
|
|
|
'#/register';
|
|
|
|
}
|
2015-07-15 22:33:12 +03:00
|
|
|
}
|
|
|
|
|
2015-07-31 17:50:47 +03:00
|
|
|
window.addEventListener('hashchange', onHashChange);
|
|
|
|
|
2016-05-25 03:08:09 +03:00
|
|
|
function getConfig() {
|
|
|
|
let deferred = q.defer();
|
2016-06-08 00:01:56 +03:00
|
|
|
|
2016-05-25 03:08:09 +03:00
|
|
|
request(
|
2016-11-02 20:57:27 +03:00
|
|
|
{ method: "GET", url: "config.json" },
|
2016-05-25 03:08:09 +03:00
|
|
|
(err, response, body) => {
|
|
|
|
if (err || response.status < 200 || response.status >= 300) {
|
2016-11-02 20:57:27 +03:00
|
|
|
// Lack of a config isn't an error, we should
|
|
|
|
// just use the defaults.
|
2016-11-03 17:43:10 +03: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 20:57:27 +03:00
|
|
|
}
|
2016-06-08 20:46:21 +03:00
|
|
|
deferred.reject({err: err, response: response});
|
2016-06-09 11:56:57 +03:00
|
|
|
return;
|
2016-05-25 03:08:09 +03:00
|
|
|
}
|
2016-06-08 00:01:56 +03:00
|
|
|
|
2016-11-02 20:57:27 +03: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 03:08:09 +03:00
|
|
|
}
|
|
|
|
);
|
2016-06-08 00:01:56 +03:00
|
|
|
|
2016-05-25 03:08:09 +03:00
|
|
|
return deferred.promise;
|
|
|
|
}
|
|
|
|
|
2016-08-11 03:55:51 +03: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 03:08:09 +03:00
|
|
|
async function loadApp() {
|
2016-08-11 14:44:49 +03:00
|
|
|
const fragparts = parseQsFromFragment(window.location);
|
|
|
|
const params = parseQs(window.location);
|
|
|
|
|
2016-11-02 18:12:51 +03:00
|
|
|
// set the platform for react sdk (our Platform object automatically picks the right one)
|
|
|
|
PlatformPeg.set(new Platform());
|
|
|
|
|
2016-08-11 14:44:49 +03:00
|
|
|
// don't try to redirect to the native apps if we're
|
2016-08-11 14:49:57 +03:00
|
|
|
// verifying a 3pid
|
2016-08-11 14:44:49 +03:00
|
|
|
const preventRedirect = Boolean(fragparts.params.client_secret);
|
|
|
|
|
|
|
|
if (!preventRedirect) {
|
|
|
|
if (/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream) {
|
2016-09-19 15:29:49 +03:00
|
|
|
if (confirm("Riot is not supported on mobile web. Install the app?")) {
|
2016-08-11 14:44:49 +03:00
|
|
|
window.location = "https://itunes.apple.com/us/app/vector.im/id1083446067";
|
|
|
|
return;
|
|
|
|
}
|
2016-05-11 02:48:02 +03:00
|
|
|
}
|
2016-08-11 14:44:49 +03:00
|
|
|
else if (/Android/.test(navigator.userAgent)) {
|
2016-09-19 15:29:49 +03:00
|
|
|
if (confirm("Riot is not supported on mobile web. Install the app?")) {
|
2016-08-11 14:44:49 +03:00
|
|
|
window.location = "https://play.google.com/store/apps/details?id=im.vector.alpha";
|
|
|
|
return;
|
|
|
|
}
|
2016-05-13 19:14:01 +03:00
|
|
|
}
|
|
|
|
}
|
2016-05-11 02:48:02 +03:00
|
|
|
|
2016-06-08 20:46:21 +03:00
|
|
|
let configJson;
|
2016-06-09 11:59:37 +03:00
|
|
|
let configError;
|
2016-06-08 20:46:21 +03:00
|
|
|
try {
|
|
|
|
configJson = await getConfig();
|
2017-01-19 19:49:25 +03:00
|
|
|
rageshake.setBugReportEndpoint(configJson.bug_report_endpoint_url);
|
2016-06-08 20:46:21 +03:00
|
|
|
} catch (e) {
|
2016-11-02 20:57:27 +03:00
|
|
|
configError = e;
|
2016-06-08 20:46:21 +03:00
|
|
|
}
|
2016-06-08 00:01:56 +03:00
|
|
|
|
2016-04-13 23:01:24 +03:00
|
|
|
console.log("Vector starting at "+window.location);
|
2016-06-08 20:46:21 +03: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 20:32:01 +03:00
|
|
|
UpdateChecker.start();
|
|
|
|
|
2015-11-30 21:10:09 +03:00
|
|
|
var MatrixChat = sdk.getComponent('structures.MatrixChat');
|
2016-08-11 03:55:51 +03:00
|
|
|
|
2015-11-10 02:13:46 +03:00
|
|
|
window.matrixChat = ReactDOM.render(
|
2015-11-30 21:10:09 +03:00
|
|
|
<MatrixChat
|
|
|
|
onNewScreen={onNewScreen}
|
|
|
|
registrationUrl={makeRegistrationUrl()}
|
|
|
|
ConferenceHandler={VectorConferenceHandler}
|
2015-12-17 18:01:07 +03:00
|
|
|
config={configJson}
|
2016-08-11 03:55:51 +03:00
|
|
|
realQueryParams={params}
|
|
|
|
startingFragmentQueryParams={fragparts.params}
|
|
|
|
enableGuest={true}
|
|
|
|
onLoadCompleted={onLoadCompleted}
|
2016-11-24 19:46:15 +03:00
|
|
|
defaultDeviceDisplayName={PlatformPeg.get().getDefaultDeviceDisplayName()}
|
2016-08-11 03:55:51 +03:00
|
|
|
/>,
|
2015-10-28 20:39:50 +03:00
|
|
|
document.getElementById('matrixchat')
|
|
|
|
);
|
2016-11-18 20:32:01 +03:00
|
|
|
|
|
|
|
routeUrl(window.location);
|
|
|
|
|
|
|
|
// we didn't propagate screen changes to the URL bar while we were loading; do it now.
|
|
|
|
loaded = true;
|
|
|
|
if (lastLoadedScreen) {
|
|
|
|
onNewScreen(lastLoadedScreen);
|
|
|
|
lastLoadedScreen = null;
|
|
|
|
}
|
2015-10-28 20:39:50 +03:00
|
|
|
}
|
|
|
|
else {
|
|
|
|
console.error("Browser is missing required features.");
|
|
|
|
// take to a different landing page to AWOOOOOGA at the user
|
2015-12-01 18:45:38 +03:00
|
|
|
var CompatibilityPage = sdk.getComponent("structures.CompatibilityPage");
|
2015-11-10 02:13:46 +03:00
|
|
|
window.matrixChat = ReactDOM.render(
|
2015-10-28 20:39:50 +03:00
|
|
|
<CompatibilityPage onAccept={function() {
|
|
|
|
validBrowser = true;
|
|
|
|
console.log("User accepts the compatibility risks.");
|
|
|
|
loadApp();
|
|
|
|
}} />,
|
|
|
|
document.getElementById('matrixchat')
|
|
|
|
);
|
2016-03-15 21:38:24 +03:00
|
|
|
}
|
2015-10-28 20:39:50 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
loadApp();
|