Merge branch 'newtoolbar' of github.com:xwiki-labs/cryptpad into newtoolbar

2017-01-25 10:01:49 +01:00 · 2017-01-25 10:01:49 +01:00 · 097f78d777
parent c77abfa7f4 015e6fc262
commit 097f78d777
23 changed files with 249 additions and 158 deletions
--- a/.travis.yml
+++ b/.travis.yml
@ -6,9 +6,8 @@ env:
 branches:
  only:
    - master
-    - diffdom
-    - beta
-    - netflux
+    - soon
+    - staging
 node_js:
  - "4.2.1"
 before_script:
--- a/TestSelenium.js
+++ b/TestSelenium.js
@ -1,6 +1,11 @@
 /* global process */
 var WebDriver = require("selenium-webdriver");

+if (process.env.TRAVIS_PULL_REQUEST && process.env.TRAVIS_PULL_REQUEST !== 'false') {
+    // We can't do saucelabs on pull requests so don't fail.
+    return;
+}
+
 var driver;
 if (process.env.SAUCE_USERNAME !== undefined) {
    var browserArray = process.env.BROWSER.split(':');
@ -19,12 +24,15 @@ if (process.env.SAUCE_USERNAME !== undefined) {
 driver.get('http://localhost:3000/assert/');
 var report = driver.wait(WebDriver.until.elementLocated(WebDriver.By.className("report")), 5000);
 report.getAttribute("class").then(function (cls) {
-    driver.quit();
-    if (!cls) {
-        throw new Error("cls is null");
-    } else if (cls.indexOf("failure") !== -1) {
-        throw new Error("cls contains the word failure");
-    } else if (cls.indexOf("success") === -1) {
-        throw new Error("cls does not contain the word success");
-    }
+    report.getText().then(function (text) {
+        console.log("\n-----\n" + text + "\n-----");
+        driver.quit();
+        if (!cls) {
+            throw new Error("cls is null");
+        } else if (cls.indexOf("failure") !== -1) {
+            throw new Error("cls contains the word failure");
+        } else if (cls.indexOf("success") === -1) {
+            throw new Error("cls does not contain the word success");
+        }
+    });
 });
--- a/WebRTCSrv.js
+++ b/WebRTCSrv.js
@ -1,61 +0,0 @@
-'use strict'
-let WebSocketServer = require('ws').Server
-const UNSUPPORTED_DATA = 1007
-const POLICY_VIOLATION = 1008
-const CLOSE_UNSUPPORTED = 1003
-
-var run = module.exports.run = function(server) {
-  server.on('connection', (socket) => {
-    if(socket.upgradeReq.url !== '/cryptpad_webrtc') { return; }
-    socket.on('message', (data) => {
-      try {
-        let msg = JSON.parse(data)
-        console.log(msg)
-        if (msg.hasOwnProperty('key')) {
-          for (let master of server.clients) {
-            if (master.key === msg.key) {
-              socket.close(POLICY_VIOLATION, 'The key already exists')
-              return
-            }
-          }
-          socket.key = msg.key
-          socket.joiningClients = []
-        } else if (msg.hasOwnProperty('id')) {
-          for (let index in socket.joiningClients) {
-            if (index == msg.id) {
-              socket.joiningClients[index].send(JSON.stringify({data: msg.data}))
-              return
-            }
-          }
-          socket.close(POLICY_VIOLATION, 'Unknown id')
-        } else if (msg.hasOwnProperty('join')) {
-          for (let master of server.clients) {
-            if (master.key === msg.join) {
-              socket.master = master
-              master.joiningClients.push(socket)
-              let id = master.joiningClients.length - 1
-              master.send(JSON.stringify({id, data: msg.data}))
-              return
-            }
-          }
-          socket.close(POLICY_VIOLATION, 'Unknown key')
-        } else if (msg.hasOwnProperty('data') && socket.hasOwnProperty('master')) {
-          let id = socket.master.joiningClients.indexOf(socket)
-          socket.master.send(JSON.stringify({id, data: msg.data}))
-        } else {
-          socket.close(UNSUPPORTED_DATA, 'Unsupported message format')
-        }
-      } catch (event) {
-        socket.close(CLOSE_UNSUPPORTED, 'Server accepts only JSON')
-      }
-    })
-
-    socket.on('close', (event) => {
-      if (socket.hasOwnProperty('joiningClients')) {
-        for (let client of socket.joiningClients) {
-          client.close(POLICY_VIOLATION, 'The peer is no longer available')
-        }
-      }
-    });
-  })
-}
--- a/customize.dist/share/frame.js
+++ b/customize.dist/share/frame.js
@ -24,7 +24,10 @@
            onload(void 0, iframe, e);
            window.clearTimeout(to);
        };
-        iframe.setAttribute('src', src);
+        // We must pass a unique parameter here to avoid cache problems in Firefox with
+        // the NoScript plugin: if the iframe's content is taken from the cache, the JS
+        // is not executed with NoScript....
+        iframe.setAttribute('src', src + '?t=' + new Date().getTime());

        parent.appendChild(iframe);
    };
--- a/customize.dist/translations/messages.fr.js
+++ b/customize.dist/translations/messages.fr.js
@ -1,6 +1,8 @@
 define(function () {
    var out = {};

+    // translations must set this key for their language to be available in
+    // the language dropdowns that are shown throughout Cryptpad's interface
    out._languageName = "Français";

    out.main_title = "Cryptpad: Éditeur collaboratif en temps réel, zero knowledge";
@ -61,8 +63,6 @@ define(function () {
    out.userButton = 'UTILISATEUR';
    out.userButtonTitle = "Changer votre nom d'utilisateur";
    out.changeNamePrompt = 'Changer votre nom (laisser vide pour rester anonyme) : ';
-    out.user_login = "Connexion";
-    out.user_logout = "Déconnexion";
    out.user_rename = "Changer le nom affiché";
    out.user_displayName = "Nom affiché";
    out.user_accountName = "Nom d'utilisateur";
@ -121,10 +121,12 @@ define(function () {
    out.recentPadsIframe = 'Vos documents récents';

    out.okButton = 'OK (Entrée)';
+
+    out.cancel = "Annuler";
    out.cancelButton = 'Annuler (Echap)';

    out.loginText = '<p>Votre nom d\'utilisateur et votre mot de passe sont utilisés pour générer une clé unique qui reste inconnue de notre serveur.</p>\n' +
-                    '<p>Faites attention de ne pas oublier vos identifiants puisqu\'ils seront impossible à récupérer.</p>';
+                    '<p>Faites attention de ne pas oublier vos identifiants puisqu\'ils seront impossible à récupérer.</p>'; //TODO

    out.forget = "Oublier";

@ -184,6 +186,7 @@ define(function () {
    out.fm_trashName = "Corbeille";
    out.fm_unsortedName = "Fichiers non triés";
    out.fm_filesDataName = "Tous les fichiers";
+    out.fm_templateName = "Modèles";
    out.fm_newButton = "Nouveau";
    out.fm_newFolder = "Nouveau dossier";
    out.fm_folder = "Dossier";
@ -237,6 +240,43 @@ define(function () {
    out.fo_unableToRestore = "Impossible de restaurer ce fichier à son emplacement d'origine. Vous pouvez essayer de le déplacer à un nouvel emplacement.";
    out.fo_unavailableName = "Un fichier ou dossier avec le même nom existe déjà au nouvel emplacement. Renommez cet élément avant d'essayer à nouveau.";

+    // login
+    out.login_login = "Connexion";
+    out.login_nologin = "Documents récents de ce navigateur";
+    out.login_register = "Inscription";
+    out.logoutButton = "Déconnexion";
+
+    out.login_migrate = "Souhaitez-vous importer les données existantes de votre session anonyme ?";
+
+    out.username_label = "Nom d'utilisateur : ";
+    out.displayname_label = "Nom affiché : ";
+
+    out.login_username = "votre nom d'utilisateur";
+    out.login_password = "votre mot de passe";
+    out.login_confirm = "confirmer votre mot de passe";
+    out.login_remember = "Se souvenir de moi";
+
+    out.login_cancel_prompt = "...ou si vous avez entré le mauvais nom d'utilisateur ou mot de passe, annulez pour essayer à nouveau.";
+
+    out.login_registerSuccess = "Inscription réalisée avec succès. Prenez soin de ne pas oublier votre mot de passe !";
+    out.login_passwordMismatch = "Les deux mots de passe entrés sont différents. Essayez à nouveau.";
+
+    out.login_warning = [
+        '<h1 id="warning">ATTENTION</h1>',
+        '<p>Cryptpad sauve vos données personnelles dans un document temps-réel chiffré, comme pour tous les autres types de documents temps-réel.</p>',
+        '<p>Votre nom d\'utilisateur et votre mot de passe ne sont jamais envoyés au serveur de manière non-chiffré.</p>',
+        '<p>Ainsi, si vous oubliez votre nom d\'utilisateur ou votre mot de passe, il n\'y a absolument rien que nous puissions faire pour retrouver vos informations perdues.</p>',
+        '<p><strong>Prenez soin de ne surtout pas oublier votre nom d\'utilisateur OU votre mot de passe !</strong></p>',
+    ].join('\n');
+
+    out.login_hashing = "Traitement de vos identifiants, cela peut nécessiter quelques instants.";
+
+    out.login_no_user = "Il n'y a aucun utilisateur associé au nom et au mot de passe que vous avez entré.";
+    out.login_confirm_password = "Veuillez taper de nouveau votre mot de passe pour vous inscrire...";
+
+    out.loginText = '<p>Votre nom d\'utilisateur et votre mot d epasse sont utilisés pour générer une clé unique qui reste inconnue de notre serveur.</p>\n' +
+                    '<p>Faîtes attention de ne pas perdre vos identifiants, puisqu\'il est impossible de les récupérer</p>';
+
    // index.html

    out.main_p1 = 'CryptPad est l\'éditeur collaboratif en temps réel <strong>zero knowledge</strong>. Le chiffrement est effectué depuis votre navigateur, ce qui protège les données contre le serveur, le cloud, et la NSA. La clé de chiffrement est stockée dans l\'<a href="https://fr.wikipedia.org/wiki/Identificateur_de_fragment">identifieur de fragment</a> de l\'URL qui n\'est jamais envoyée au serveur mais est accessible depuis javascript, de sorte qu\'en partageant l\'URL, vous donnez l\'accès au pad à ceux qui souhaitent participer.';
@ -253,10 +293,19 @@ define(function () {
    out.table_created = 'Créé le';
    out.table_last = 'Dernier accès';

-    out.button_newpad = 'NOUVEAU DOCUMENT TEXTE';
-    out.button_newcode = 'NOUVELLE PAGE DE CODE';
-    out.button_newpoll = 'NOUVEAU SONDAGE';
-    out.button_newslide = 'NOUVELLE PRÉSENTATION';
+    out.button_newpad = 'Nouveau document texte';
+    out.button_newcode = 'Nouvelle page de code';
+    out.button_newpoll = 'Nouveau sondage';
+    out.button_newslide = 'Nouvelle présentation';
+
+    out.form_title = "Tous vos pads, partout où vous allez !";
+    out.form_username = "Nom d'utilisateur";
+    out.form_password = "Mot de passe";
+
+    out.about = "À propos";
+    out.privacy = "Vie privée";
+    out.contact = "Contact";
+    out.terms = "Conditions";

    // privacy.html

--- a/customize.dist/translations/messages.js
+++ b/customize.dist/translations/messages.js
@ -63,8 +63,6 @@ define(function () {
    out.userButton = 'USER';
    out.userButtonTitle = 'Change your username';
    out.changeNamePrompt = 'Change your name (leave empty to be anonymous): ';
-    out.user_login = "Log in";
-    out.user_logout = "Log out";
    out.user_rename = "Change display name";
    out.user_displayName = "Display name";
    out.user_accountName = "Account name";
@ -124,7 +122,7 @@ define(function () {

    out.okButton = 'OK (enter)';

-    out.cancel = "cancel";
+    out.cancel = "Cancel";
    out.cancelButton = 'Cancel (esc)';

    out.forget = "Forget";
@ -240,9 +238,10 @@ define(function () {
    out.fo_unavailableName = "A file or a folder with the same name already exist at the new location. Rename the element and try again.";

    // login
-    out.login_login = "log in";
-    out.login_register = "register";
-    out.logoutButton = "log out";
+    out.login_login = "Log in";
+    out.login_nologin = "Your browser's recent pads";
+    out.login_register = "Sign up";
+    out.logoutButton = "Log out";

    out.login_migrate = "Would you like to migrate existing data from your anonymous session?";

@ -252,7 +251,7 @@ define(function () {
    out.login_username = "your username";
    out.login_password = "your password";
    out.login_confirm = "confirm your password";
-    out.login_remember = "remember me";
+    out.login_remember = "Remember me";

    out.login_cancel_prompt = "...or if you may have entered the wrong username or password, cancel to try again.";

@ -267,11 +266,6 @@ define(function () {
        '<p><strong>Make sure you do not forget your username and password!</strong></p>',
    ].join('\n');

-    out.login_logout = [
-        //'<p>It seems you are already logged in</p>',
-        //'<p>Would you like to log out and authenticate as another user?</p>',
-    ].join('\n');
-
    out.login_hashing = "Hashing your password, this might take some time.";

    out.login_no_user = "There is no user associated with the username and password that you entered.";
@ -296,10 +290,19 @@ define(function () {
    out.table_created = 'Created';
    out.table_last = 'Last Accessed';

-    out.button_newpad = 'NEW RICH TEXT PAD';
-    out.button_newcode = 'NEW CODE PAD';
-    out.button_newpoll = 'NEW POLL';
-    out.button_newslide = 'NEW PRESENTATION';
+    out.button_newpad = 'New Rich Text pad';
+    out.button_newcode = 'New Code pad';
+    out.button_newpoll = 'New Poll';
+    out.button_newslide = 'New Presentation';
+
+    out.form_title = "All your pads, everywhere!";
+    out.form_username = "Username";
+    out.form_password = "Password";
+
+    out.about = "About";
+    out.privacy = "Privacy";
+    out.contact = "Contact";
+    out.terms = "ToS";

    // privacy.html

--- a/customize.dist/translations/messages.pt-br.js
+++ b/customize.dist/translations/messages.pt-br.js
@ -74,7 +74,7 @@ define(function () {

    out.forgetButton = 'ESQUECER';
    out.forgetButtonTitle = 'Remova este documento da listagem da sua página';
-    out.forgetPrompt = 'Cliando OK você irá remover o endereço deste bloco de notas do armazenamento local, você tem certeza?';
+    out.forgetPrompt = 'Clicando OK você irá remover o endereço deste bloco de notas do armazenamento local, você tem certeza?';

    out.shareButton = 'Compartilhar';
    out.shareButtonTitle = "Copiar endereço do clipboard";
@ -181,7 +181,7 @@ define(function () {
    out.table_type = 'Tipo';
    out.table_link = 'Link';
    out.table_created = 'Criado';
-    out.table_last = 'Último acessado';
+    out.table_last = 'Último acesso';

    out.button_newpad = 'NOVO BLOCO WYSIWYG';
    out.button_newcode = 'NOVO BLOCO DE NOTAS';
@ -192,7 +192,7 @@ define(function () {

    out.policy_title = 'Política de privacidade do Cryptpad';
    out.policy_whatweknow = 'O que nós sabemos sobre você';
-    out.policy_whatweknow_p1 = 'Por der uma aplicação hospedada na web, O Cryptpad tem acesso ao metadados expostos pelo protocolo HTTP. Isso inclui seu endereço IP, e vários cabeçalhos  do HTTP que podem ser usados para identificar seu browser particular. Você pode ver que informações seu navegador está compartilhando ao visitar <a target="_blank" rel="noopener noreferrer" href="https://www.whatismybrowser.com/detect/what-http-headers-is-my-browser-sending" title="Que cabeçalhos meu navegador está disponibilizando">WhatIsMyBrowser.com</a>.';
+    out.policy_whatweknow_p1 = 'Por ser uma aplicação hospedada na web, O Cryptpad tem acesso aos metadados expostos pelo protocolo HTTP. Isso inclui seu endereço IP, e vários cabeçalhos  do HTTP que podem ser usados para identificar seu browser particular. Você pode ver que informações seu navegador está compartilhando ao visitar <a target="_blank" rel="noopener noreferrer" href="https://www.whatismybrowser.com/detect/what-http-headers-is-my-browser-sending" title="Que cabeçalhos meu navegador está disponibilizando">WhatIsMyBrowser.com</a>.';
    out.policy_whatweknow_p2 = 'Nós usamos a plataforma de análise <a href="https://piwik.org/" target="_blank" rel="noopener noreferrer" title="plataforma analítica open source">Piwik</a>, uma plataforma analítica open source, para aprender mais sobre nossos usos. Piwik nos informa como você encontrou o Cryptpad, via digitação direta, através de mecanismos de busca, ou via link de outro serviço web como o Reddit ou o Twitter. Nós também aprendemos com suas visitas, que links você clica enquanto está em nossas páginas de informações, e quanto tempo você fica nestas páginas.';
    out.policy_whatweknow_p3 = 'Estas ferramentas de análise são utilizadas apenas com fins de informação. Nós não coletamos nenhuma informação sobre sua utilização em nossas aplicações de zero-knowledge.';
    out.policy_howweuse = 'Como utilizamos o que nós aprendemos';
@ -203,17 +203,17 @@ define(function () {
    out.policy_links = 'Links para outros sites';
    out.policy_links_p1 = 'Este site contém ligações para outros sites, incluindo aqueles produzidos por terceiros. Nós não nos responsabilizamos pelas práticas de privacidade ou o conteúdo destes sites. Como regra geral, links para páginas fora de nosso domínio são lançadas em novas janelas ou abas, para deixar claro a todos os visitantes que eles estão deixando o site Cryptpad.fr.';
    out.policy_ads = 'Publicidade';
-    out.policy_ads_p1 = 'Nós não disponibilizamos publicidade online, porém podemos prover links de acesso para obtenção de financiamento para auxiliar em nossa pesquisa.';
+    out.policy_ads_p1 = 'Nós não disponibilizamos publicidade online, porém podemos prover links de acesso para obtenção de financiamento para auxiliar em nossa pesquisa e desenvolvimento.';
    out.policy_choices = 'As escolhas que você tem';
    out.policy_choices_open = 'Nosso código fonte é open source, portanto você sempre tem a opção de hospedar sua própria instância do Cryptpad.';
-    out.policy_choices_vpn = 'Se você deseja usar nosso site principal, porém não deseja expor seu endereço IP, Você pode se proteger utilizando o <a href="https://www.torproject.org/projects/torbrowser.html.en" title="Baixe o tor" target="_blank" rel="noopener noreferrer">Nvegador seguro Tor</a>, ou uma <a href="https://riseup.net/en/vpn" title="VPNs providas pelo Riseup" target="_blank" rel="noopener noreferrer">VPN</a>.';
+    out.policy_choices_vpn = 'Se você deseja usar nosso site principal, porém não deseja expor seu endereço IP, Você pode se proteger utilizando o <a href="https://www.torproject.org/projects/torbrowser.html.en" title="Baixe o tor" target="_blank" rel="noopener noreferrer">Navegador seguro Tor</a>, ou uma <a href="https://riseup.net/en/vpn" title="VPNs providas pelo Riseup" target="_blank" rel="noopener noreferrer">VPN</a>.';
    out.policy_choices_ads = 'Se você deseja apenas bloquear nossa plataforma analítica, você pode utilizar ferramentas de bloqueio de propagandas como o <a href="https://www.eff.org/privacybadger" title="baixe o privacy badger" target="_blank" rel="noopener noreferrer">Privacy Badger</a>.';

    // terms.html

    out.tos_title = "Termos de serviço doCryptpad";
    out.tos_legal = "Pedimos encarecidamente que, como usuário desta plataforma, você evite a prática de quaisquer atos ilegais e que evite a utilização maliciosa e/ou abusiva desta plataforma.";
-    out.tos_availability = "Nós esperamos que você ache este serviço útil, porém não não podemos garantir a disponibilidade constante ou a alta performance do mesmo. Por favor, mantenha um backup dos seus dados como forma de segurança adicional.";
+    out.tos_availability = "Nós esperamos que você ache este serviço útil, porém nós não podemos garantir a disponibilidade constante ou a alta performance do mesmo. Por favor, mantenha um backup dos seus dados como forma de segurança adicional.";
    out.tos_e2ee = "Os documentos do CryptPad podem ser modificados por qualquer um que conseguir adivinhar ou obter de qualquer forma o seu identificador único. Nós recomendamos que você utilize criptografia ponto a ponto de mensagens (e2ee) sempre que possível para compartilhar suas URL's. Nós não assumimos qualquer responsabilidade sobre chaves e/ou URL’s e seus respectivos conteúdos vazadas para o público.";
    out.tos_logs = "Os Metadados providos pelo seu navegador para nosso servidor podem ser armazenados com o propósito de manter o serviço em funcionamento";
    out.tos_3rdparties = "Nós não disponibilizamos dados individuais para terceiros, salvo quando requisitado legalmente.";
--- a/server.js
+++ b/server.js
@ -7,7 +7,6 @@ var Https = require('https');
 var Fs = require('fs');
 var WebSocketServer = require('ws').Server;
 var NetfluxSrv = require('./NetfluxWebsocketSrv');
-var WebRTCSrv = require('./WebRTCSrv');

 var config = require('./config');
 var websocketPort = config.websocketPort || config.httpPort;
@ -103,5 +102,4 @@ if (websocketPort !== config.httpPort) {
 var wsSrv = new WebSocketServer(wsConfig);
 Storage.create(config, function (store) {
    NetfluxSrv.run(store, wsSrv, config);
-    WebRTCSrv.run(wsSrv);
 });
--- a/www/assert/main.js
+++ b/www/assert/main.js
@ -149,7 +149,8 @@ define([
                console.log('* ' + msg);
            });

-            return false;
+            // No, this is crappy, it's going to cause tests to fail basically all of the time.
+            //return false;
        }
        return true;
    }, "expected all translation keys in default language to be present in all translations. See console for details.");
--- a/www/code/index.html
+++ b/www/code/index.html
@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html class="cp code">
 <head>
+    <title>CryptPad</title>
    <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
    <script data-main="main" src="/bower_components/requirejs/require.js"></script>
    <script>
--- a/www/code/main.js
+++ b/www/code/main.js
@ -178,7 +178,9 @@ define([
                        defaultTitle: defaultName
                    }
                };
-                obj.metadata.title = document.title;
+                if (!initializing) {
+                    obj.metadata.title = document.title;
+                }
                // set mode too...
                obj.highlightMode = module.highlightMode;

@ -352,6 +354,7 @@ define([
            var updateMetadata = function(shjson) {
                // Extract the user list (metadata) from the hyperjson
                var json = (shjson === "") ? "" : JSON.parse(shjson);
+                var titleUpdated = false;
                if (json && json.metadata) {
                    if (json.metadata.users) {
                        var userData = json.metadata.users;
@ -362,9 +365,13 @@ define([
                        updateDefaultTitle(json.metadata.defaultTitle);
                    }
                    if (typeof json.metadata.title !== "undefined") {
-                        updateTitle(json.metadata.title);
+                        updateTitle(json.metadata.title || defaultName);
+                        titleUpdated = true;
                    }
                }
+                if (!titleUpdated) {
+                    updateTitle(defaultName);
+                }
            };

             var onInit = config.onInit = function (info) {
@ -519,15 +526,6 @@ define([

                // set the hash
                if (!readOnly) { Cryptpad.replaceHash(editHash); }
-
-                Cryptpad.getPadTitle(function (err, title) {
-                    if (err) {
-                        console.log("Unable to get pad title");
-                        console.error(err);
-                        return;
-                    }
-                    updateTitle(title || defaultName);
-                });
            };

            var unnotify = module.unnotify = function () {
--- a/www/common/cryptpad-common.js
+++ b/www/common/cryptpad-common.js
@ -80,7 +80,7 @@ define([

    var logout = common.logout = function (cb) {
        [
-            fileHashKey,
+//            fileHashKey,
            userHashKey,
        ].forEach(function (k) {
            sessionStorage.removeItem(k);
@ -88,6 +88,11 @@ define([
            delete localStorage[k];
            delete sessionStorage[k];
        });
+        // Make sure we have an FS_hash in localStorage before reloading all the tabs
+        // so that we don't end up with tabs using different anon hashes
+        if (!localStorage[fileHashKey]) {
+            localStorage[fileHashKey] = common.createRandomHash();
+        }
        if (cb) { cb(); }
    };

--- a/www/common/toolbar.js
+++ b/www/common/toolbar.js
@ -410,13 +410,18 @@ define([
                options.push({
                    tag: 'a',
                    attributes: {'class': 'logout'},
-                    content: Messages.user_logout
+                    content: Messages.logoutButton
                });
            } else {
                options.push({
                    tag: 'a',
                    attributes: {'class': 'login'},
-                    content: Messages.user_login
+                    content: Messages.login_login
+                });
+                options.push({
+                    tag: 'a',
+                    attributes: {'class': 'register'},
+                    content: Messages.login_register
                });
            }
            var $icon = $('<span>', {'class': 'fa fa-user'});
@ -439,6 +444,9 @@ define([
            $userAdmin.find('a.login').click(function (e) {
                window.open('/user');
            });
+            $userAdmin.find('a.register').click(function (e) {
+                window.open('/user#register');
+            });

            if (config.userName && config.userName.setName && config.userName.lastName) {
                $userAdmin.find('a.' + USERBUTTON_CLS).click(function (e) {
--- a/www/examples/canvas/index.html
+++ b/www/examples/canvas/index.html
--- a/www/examples/canvas/main.js
+++ b/www/examples/canvas/main.js
@ -13,7 +13,7 @@ define([
    '/bower_components/fabric.js/dist/fabric.min.js',
    '/bower_components/jquery/dist/jquery.min.js',
    '/bower_components/file-saver/FileSaver.min.js',
-    '/customize/pad.js'
+    //'/customize/pad.js'
 ], function (Config, Realtime, Crypto, TextPatcher, JSONSortify, JsonOT, Cryptpad) {
    var saveAs = window.saveAs;

--- a/www/pad/index.html
+++ b/www/pad/index.html
@ -1,7 +1,9 @@
 <!DOCTYPE html>
 <html class="cp pad">
 <head>
+    <title>CryptPad</title>
    <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" type="image/png"
        href="/customize/main-favicon.png"
        data-main-favicon="/customize/main-favicon.png"
--- a/www/pad/inner.html
+++ b/www/pad/inner.html
@ -6,6 +6,9 @@
    <script src="/bower_components/jquery/dist/jquery.min.js"></script>
    <script src="/bower_components/ckeditor/ckeditor.js"></script>
    <style>
+    html, body {
+        margin: 0px;
+    }
    #cke_1_top {
        overflow: visible;
    }
--- a/www/pad/main.js
+++ b/www/pad/main.js
@ -374,7 +374,9 @@ define([
                        defaultTitle: defaultName
                    }
                };
-                hjson[3].metadata.title = document.title;
+                if (!initializing) {
+                    hjson[3].metadata.title = document.title;
+                }
                return stringify(hjson);
            };

@ -445,6 +447,7 @@ define([
                // Extract the user list (metadata) from the hyperjson
                var hjson = JSON.parse(shjson);
                var peerMetadata = hjson[3];
+                var titleUpdated = false;
                if (peerMetadata && peerMetadata.metadata) {
                    if (peerMetadata.metadata.users) {
                        var userData = peerMetadata.metadata.users;
@ -455,9 +458,13 @@ define([
                        updateDefaultTitle(peerMetadata.metadata.defaultTitle);
                    }
                    if (typeof peerMetadata.metadata.title !== "undefined") {
-                        updateTitle(peerMetadata.metadata.title);
+                        updateTitle(peerMetadata.metadata.title || defaultName);
+                        titleUpdated = true;
                    }
                }
+                if (!titleUpdated) {
+                    updateTitle(defaultName);
+                }
            };

            var unnotify = function () {
@ -651,15 +658,6 @@ define([

                // set the hash
                if (!readOnly) { Cryptpad.replaceHash(editHash); }
-
-                Cryptpad.getPadTitle(function (err, title) {
-                    if (err) {
-                        console.error(err);
-                        console.log("Couldn't get pad title");
-                        return;
-                    }
-                    updateTitle(title || defaultName);
-                });
            };

            // this should only ever get called once, when the chain syncs
@ -667,6 +665,12 @@ define([
                if (!module.isMaximized) {
                    editor.execCommand('maximize');
                    module.isMaximized = true;
+                    // We have to call it 3 times in Safari
+                    // in order to have the editor fully maximized -_-
+                    if ((''+window.navigator.vendor).indexOf('Apple') !== -1) {
+                        editor.execCommand('maximize');
+                        editor.execCommand('maximize');
+                    }
                }

                module.patchText = TextPatcher.create({
@ -788,9 +792,17 @@ define([

    var first = function () {
        Ckeditor = ifrw.CKEDITOR;
-
        if (Ckeditor) {
            //andThen(Ckeditor);
+            // mobile configuration
+            Ckeditor.config.toolbarCanCollapse = true;
+            Ckeditor.config.height = '72vh';
+            if (screen.height < 800) {
+              Ckeditor.config.toolbarStartupExpanded = false;
+              $('meta[name=viewport]').attr('content', 'width=device-width, initial-scale=1.0, user-scalable=no');
+            } else {
+              $('meta[name=viewport]').attr('content', 'width=device-width, initial-scale=1.0, user-scalable=yes');
+            }
            second(Ckeditor);
        } else {
            console.log("Ckeditor was not defined. Trying again in %sms",interval);
--- a/www/poll/main.js
+++ b/www/poll/main.js
@ -491,14 +491,16 @@ define([
    var renameCb = function (err, title) {
        if (err) { return; }
        document.title = title;
-        APP.proxy.info.title = title;
+        APP.proxy.info.title = title === defaultName ? "" : title;
    };

    var suggestName = function (fallback) {
-        return (document.title === defaultName) ? "" : document.title;
+        if (document.title === defaultName) {
+            return fallback || "";
+        }
+        return document.title || defaultName || "";
    };

-
    var copyObject = function (obj) {
        return JSON.parse(JSON.stringify(obj));
    };
--- a/www/slide/index.html
+++ b/www/slide/index.html
@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html class="cp slide">
 <head>
+    <title>CryptPad</title>
    <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
    <script data-main="main" src="/bower_components/requirejs/require.js"></script>
    <script>
--- a/www/slide/main.js
+++ b/www/slide/main.js
@ -216,7 +216,9 @@ define([
                        defaultTitle: defaultName
                    }
                };
-                obj.metadata.title = APP.title;
+                if (!initializing) {
+                    obj.metadata.title = APP.title;
+                }
                if (textColor) {
                    obj.metadata.color = textColor;
                }
@ -384,6 +386,7 @@ define([
            var updateMetadata = function(shjson) {
                // Extract the user list (metadata) from the hyperjson
                var json = (shjson === "") ? "" : JSON.parse(shjson);
+                var titleUpdated = false;
                if (json && json.metadata) {
                    if (json.metadata.users) {
                        var userData = json.metadata.users;
@ -394,10 +397,14 @@ define([
                        updateDefaultTitle(json.metadata.defaultTitle);
                    }
                    if (typeof json.metadata.title !== "undefined") {
-                        updateTitle(json.metadata.title);
+                        updateTitle(json.metadata.title || defaultName);
+                        titleUpdated = true;
                    }
                    updateColors(json.metadata.color, json.metadata.backColor);
                }
+                if (!titleUpdated) {
+                    updateTitle(defaultName);
+                }
            };

            var renameCb = function (err, title) {
@ -591,15 +598,6 @@ define([
                if (!window.location.hash || window.location.hash === '#') {
                    Cryptpad.replaceHash(editHash);
                }
-
-                Cryptpad.getPadTitle(function (err, title) {
-                    if (err) {
-                        console.log("Unable to get pad title");
-                        console.error(err);
-                        return;
-                    }
-                    updateTitle(title || defaultName);
-                });
            };

            var unnotify = module.unnotify = function () {
--- a/www/user/index.html
+++ b/www/user/index.html
@ -25,6 +25,11 @@
            display: none;
            border-radius: 5px;
        }
+
+        .register {
+            display: none;
+        }
+
        @media (max-width: 1000px) {
            div.panel { width: 90%; }
        }
@ -49,6 +54,7 @@
    <div id="warning" data-localization="login_warning"></div>
    <input type="text" name="username" id="username" data-localization-placeholder="login_username" autofocus><br />
    <input type="password" name="password" id="password" data-localization-placeholder="login_password"><br />
+    <input type="password" class="register" name="confirm" id="confirm_register" data-localization-placeholder="login_confirm"><br />

    <button id="login" data-localization="login_login"></button>
    <input type="checkbox" name="remember" id="remember" checked="true"><label for="remember" data-localization="login_remember"></label>
@ -83,6 +89,6 @@
        <p><span data-localization="username_label"></span>
            <strong id="user-name" class="display"></strong></p>

-        <p>View your <a href="/file" target="_blank">file manager</a>.</p>
+        <p>View your <a href="/drive" target="_blank">CryptDrive</a>.</p>
    </div>
 </div>
--- a/www/user/main.js
+++ b/www/user/main.js
@ -23,8 +23,10 @@ define([
    // login elements
    var $loginBox = $('#login-panel');
    var $login = $('#login');
+    var $login_register = $('#login_register');
    var $username = $('#username');
    var $password = $('#password');
+    var $password_register = $('#confirm_register');
    var $remember = $('#remember');

    // hashing elements
@ -61,7 +63,13 @@ define([
    var revealConfirm = APP.revealConfirm = revealer($confirmBox);

    var revealLogout = APP.revealLogout= revealer($logoutBox);
-    var revealUser = APP.revealUser = revealer($userBox);
+    var revealUser_false = APP.revealUser_false = revealer($userBox);
+    var revealUser = APP.revealUser = function (state) {
+        if (!state) {
+            revealUser_false(state);
+        }
+        document.location.href = '/drive';
+    };

    var getDisplayName = APP.getDisplayName = function (proxy) {
        return proxy['cryptpad.username'];
@ -186,9 +194,9 @@ define([
        };
    };

-    var handleNewUser = function (proxy, opt) {
+    var handleNewUser = function (proxy, opt, force) {
        // could not find a profile for that username/password
-        confirmPassword(proxy, opt.password, function () {
+        var todo = function () {
            APP.confirming = false;
            APP.setAccountName((proxy.login_name = opt.name));
            APP.setDisplayName(APP.getDisplayName(proxy));
@ -219,17 +227,35 @@ define([
                            proxy[k] = map[k];
                        });

-                        delete localStorage.FS_hash;
+                        var whenSynced = function () {
+                            delete localStorage.FS_hash;

-                        if (!proxy[USERNAME_KEY]) {
-                            proxy[USERNAME_KEY] = opt.name;
-                        }
+                            if (!proxy[USERNAME_KEY]) {
+                                proxy[USERNAME_KEY] = opt.name;
+                            }
+                            next();
+                        };

-                        next();
+                        // Make sure the migration is synced in chainpad before continuing otherwise
+                        // we may leave that page too early or trigger a reload in another tab before
+                        // the migration is complete
+                        var check = function () {
+                            if (APP.realtime.getUserDoc() === APP.realtime.getAuthDoc()) {
+                                whenSynced();
+                                return;
+                            }
+                            window.setTimeout(check, 300);
+                        };
+                        check();
                    });
                });
            });
-        });
+        };
+        if (force) {
+            todo();
+            return;
+        }
+        confirmPassword(proxy, opt.password, todo);
    };

    var handleUser = function (proxy, opt) {
@ -237,6 +263,9 @@ define([
        var now = opt.now = +(new Date());

        if (!proxyKeys.length) {
+            if (opt.register) {
+                return handleNewUser(proxy, opt, true);
+            }
            return handleNewUser(proxy, opt);
        }
        handleRegisteredUser(proxy, opt);
@ -287,7 +316,6 @@ define([
        };

        var rt = APP.rt = Listmap.create(config);
-
        rt.proxy.on('create', function (info) {
            APP.realtime = info.realtime;
        })
@ -310,6 +338,11 @@ define([

            revealUser(true);
        } else {
+            if (sessionStorage.register || document.location.hash.slice(1) === 'register') {
+                document.location.hash = 'register';
+                $login.text(Cryptpad.Messages.login_register);
+                $('#login-panel .register').show();
+            }
            revealLogin(true);
        }

@ -318,9 +351,15 @@ define([
        $login.click(function () {
            var uname = $username.val().trim();
            var passwd = $password.val();
+            var passwd_confirm = $password_register.val();
            var confirm = $confirm.val();
            var remember = $remember[0].checked;

+            var register = document.location.hash.slice(1) === 'register';
+
+            if (passwd !== passwd_confirm && register) {
+                return void Cryptpad.alert("Passwords are not the same");
+            }
            if (!Cred.isValidUsername(uname)) {
                return void Cryptpad.alert('invalid username');
            }
@ -341,7 +380,7 @@ define([
                    window.setTimeout(function () {
                        useBytes(bytes, {
                            remember: remember,
-                            //register: register,
+                            register: register,
                            name: uname,
                            password: passwd,
                        });
@ -350,5 +389,21 @@ define([
            }, 75);
            });
        });
+
+        if (sessionStorage.login) {
+            $username.val(sessionStorage.login_user);
+            $password.val(sessionStorage.login_pass);
+            $remember.attr('checked', sessionStorage.login_rmb === "true");
+            $login.click();
+        }
+        if (sessionStorage.register) {
+            $username.val(sessionStorage.login_user);
+            $password.val(sessionStorage.login_pass);
+            $remember.attr('checked', sessionStorage.login_rmb === "true");
+        }
+        ['login', 'register', 'login_user', 'login_pass', 'login_rmb'].forEach(function (k) {
+            delete sessionStorage[k];
+        });
+
    });
 });