From cf81b02096122007e24ebd66af0be2d65f448084 Mon Sep 17 00:00:00 2001
From: yflory <yann.flory@xwiki.com>
Date: Wed, 10 May 2017 16:11:41 +0200
Subject: [PATCH 1/8] Make sure the spinner is always centered in the loading
 screen

---
 www/common/common-interface.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/www/common/common-interface.js b/www/common/common-interface.js
index fb965a5d9..b2b5dad10 100644
--- a/www/common/common-interface.js
+++ b/www/common/common-interface.js
@@ -143,7 +143,7 @@ define([
 
         return {
             show: function () {
-                $target.show();
+                $target.css('display', 'inline');
                 return this;
             },
             hide: function () {

From 5d0535966c560d89d1b39710b2cee4dda47562f8 Mon Sep 17 00:00:00 2001
From: yflory <yann.flory@xwiki.com>
Date: Thu, 11 May 2017 10:58:33 +0200
Subject: [PATCH 2/8] Center vertically slides in present mode and checkbox to
 disable transitions

---
 customize.dist/translations/messages.fr.js | 1 +
 customize.dist/translations/messages.js    | 1 +
 www/slide/main.js                          | 8 ++++++++
 www/slide/slide.css                        | 8 ++++++--
 www/slide/slide.js                         | 4 ++++
 www/slide/slide.less                       | 7 +++++--
 6 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/customize.dist/translations/messages.fr.js b/customize.dist/translations/messages.fr.js
index 3d8ad6060..d8e6f73d2 100644
--- a/customize.dist/translations/messages.fr.js
+++ b/customize.dist/translations/messages.fr.js
@@ -107,6 +107,7 @@ define(function () {
     out.printDate = "Afficher la date";
     out.printTitle = "Afficher le titre du pad";
     out.printCSS = "Personnaliser l'apparence (CSS):";
+    out.printTransition = "Activer les animations de transition";
 
     out.slideOptionsTitle = "Personnaliser la présentation";
     out.slideOptionsButton = "Enregistrer (Entrée)";
diff --git a/customize.dist/translations/messages.js b/customize.dist/translations/messages.js
index 9219ab457..afdbdc6b2 100644
--- a/customize.dist/translations/messages.js
+++ b/customize.dist/translations/messages.js
@@ -109,6 +109,7 @@ define(function () {
     out.printDate = "Display the date";
     out.printTitle = "Display the pad title";
     out.printCSS = "Custom style rules (CSS):";
+    out.printTransition = "Enable transition animations";
 
     out.slideOptionsTitle = "Customize your slides";
     out.slideOptionsButton = "Save (enter)";
diff --git a/www/slide/main.js b/www/slide/main.js
index b5dd26704..c8463e5a6 100644
--- a/www/slide/main.js
+++ b/www/slide/main.js
@@ -188,6 +188,7 @@ define([
                     title: false,
                     slide: false,
                     date: false,
+                    transition: true,
                     style: ''
                 };
 
@@ -220,6 +221,13 @@ define([
                 }).appendTo($p).css('width', 'auto');
                 $('<label>', {'for': 'checkTitle'}).text(Messages.printTitle).appendTo($p);
                 $p.append($('<br>'));
+                // Transition
+                $('<input>', {type: 'checkbox', id: 'checkTransition', checked: slideOptionsTmp.transition}).on('change', function () {
+                    var c = this.checked;
+                    slideOptionsTmp.transition = c;
+                }).appendTo($p).css('width', 'auto');
+                $('<label>', {'for': 'checkTransition'}).text(Messages.printTransition).appendTo($p);
+                $p.append($('<br>'));
                 // CSS
                 $('<label>', {'for': 'cssPrint'}).text(Messages.printCSS).appendTo($p);
                 $p.append($('<br>'));
diff --git a/www/slide/slide.css b/www/slide/slide.css
index 630ac25ea..945a05846 100644
--- a/www/slide/slide.css
+++ b/www/slide/slide.css
@@ -168,13 +168,16 @@ body .CodeMirror-focused .cm-matchhighlight {
 }
 .cp div.modal #content,
 .cp div#modal #content {
-  transition: margin-left 1s;
   font-size: 20vh;
   position: relative;
   height: 100%;
   overflow: visible;
   white-space: nowrap;
 }
+.cp div.modal #content.transition,
+.cp div#modal #content.transition {
+  transition: margin-left 1s;
+}
 .cp div.modal #content .slide-frame,
 .cp div#modal #content .slide-frame {
   display: inline-block;
@@ -198,10 +201,11 @@ body .CodeMirror-focused .cm-matchhighlight {
 }
 .cp div.modal #content .slide-container,
 .cp div#modal #content .slide-container {
-  display: inline-block;
+  display: inline-flex;
   height: 100%;
   width: 100vw;
   text-align: center;
+  vertical-align: top;
 }
 .cp div.modal .center,
 .cp div#modal .center {
diff --git a/www/slide/slide.js b/www/slide/slide.js
index 912820390..c7a8adf5e 100644
--- a/www/slide/slide.js
+++ b/www/slide/slide.js
@@ -184,6 +184,10 @@ define([
                 $('<div>', {'class': 'slideTitle'}).text(APP.title).appendTo($(el));
             }
         });
+        $content.removeClass('transition');
+        if (options.transition) {
+            $content.addClass('transition');
+        }
         //$content.find('.' + slideClass).hide();
         //$content.find('.' + slideClass + ':eq( ' + i + ' )').show();
         $content.css('margin-left', -(i*100)+'vw');
diff --git a/www/slide/slide.less b/www/slide/slide.less
index 67885c049..82bcf9c82 100644
--- a/www/slide/slide.less
+++ b/www/slide/slide.less
@@ -161,7 +161,9 @@ div.modal, div#modal {
         width: 100%;
     }
     #content {
-        transition: margin-left 1s;
+        &.transition {
+            transition: margin-left 1s;
+        }
         font-size: 20vh;
         position: relative;
         height: 100%;
@@ -191,9 +193,10 @@ div.modal, div#modal {
             margin: auto;
         }
         .slide-container {
-            display: inline-block;
+            display: inline-flex;
             height: 100%; width: 100vw;
             text-align: center;
+            vertical-align: top;
         }
     }
 

From 419fb15425b8615ca3f1053316e6a5ef40d937ec Mon Sep 17 00:00:00 2001
From: yflory <yann.flory@xwiki.com>
Date: Thu, 11 May 2017 11:20:18 +0200
Subject: [PATCH 3/8] Remember the scroll position in the drive tree

---
 www/drive/main.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/www/drive/main.js b/www/drive/main.js
index d4ac6cce2..8a414668e 100644
--- a/www/drive/main.js
+++ b/www/drive/main.js
@@ -1793,7 +1793,11 @@ define([
             module.resetTree();
 
             // in history mode we want to focus the version number input
-            if (!history.isHistoryMode && !APP.mobile()) { $tree.find('#searchInput').focus(); }
+            if (!history.isHistoryMode && !APP.mobile()) {
+                var st = $tree.scrollTop() || 0;
+                $tree.find('#searchInput').focus();
+                $tree.scrollTop(st);
+            }
             $tree.find('#searchInput')[0].selectionStart = getSearchCursor();
             $tree.find('#searchInput')[0].selectionEnd = getSearchCursor();
 
@@ -2080,12 +2084,14 @@ define([
         };
 
         module.resetTree = function () {
+            var s = $tree.scrollTop() || 0;
             $tree.html('');
             if (displayedCategories.indexOf(SEARCH) !== -1) { createSearch($tree); }
             if (displayedCategories.indexOf(ROOT) !== -1) { createTree($tree, [ROOT]); }
             if (displayedCategories.indexOf(TEMPLATE) !== -1) { createTemplate($tree, [TEMPLATE]); }
             if (displayedCategories.indexOf(FILES_DATA) !== -1) { createAllFiles($tree, [FILES_DATA]); }
             if (displayedCategories.indexOf(TRASH) !== -1) { createTrash($tree, [TRASH]); }
+            $tree.scrollTop(s);
         };
 
         module.hideMenu = function () {

From becba33b05031762cce41f3aac89028adc113cdf Mon Sep 17 00:00:00 2001
From: yflory <yann.flory@xwiki.com>
Date: Thu, 11 May 2017 12:11:45 +0200
Subject: [PATCH 4/8] Scroll to the selected element in the drive

---
 www/drive/main.js | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/www/drive/main.js b/www/drive/main.js
index 8a414668e..236dc0a3c 100644
--- a/www/drive/main.js
+++ b/www/drive/main.js
@@ -371,6 +371,7 @@ define([
             e.stopPropagation();
         });
 
+        // Arrow keys to modify the selection
         $(ifrw).keydown(function (e) {
             var $searchBar = $tree.find('#searchInput');
             if ($searchBar.is(':focus') && $searchBar.val()) { return; }
@@ -381,6 +382,7 @@ define([
             if (e.ctrlKey) { ev.ctrlKey = true; }
             if (e.shiftKey) { ev.shiftKey = true; }
             var click = function (el) {
+                if (!el) { return; }
                 module.onElementClick(ev, $(el));
             };
 
@@ -402,6 +404,7 @@ define([
 
             // [Left, Up, Right, Down]
             if ([37, 38, 39, 40].indexOf(e.which) === -1) { return; }
+            e.preventDefault();
 
             var $selection = $content.find('.element.selected');
             if ($selection.length === 0) { return void click($elements.first()[0]); }
@@ -715,6 +718,21 @@ define([
             updatePathSize();
         };
 
+        var scrollTo = function ($element) {
+            // Current scroll position
+            var st = $content.scrollTop();
+            // Block height
+            var h = $content.height();
+            // Current top position of the element relative to the scroll position
+            var pos = Math.round($element.offset().top - $content.position().top);
+            // Element height
+            var eh = $element.outerHeight();
+            // New scroll value
+            var v = st + pos + eh - h;
+            // If the element is completely visile, don't change the scroll position
+            if (pos+eh <= h && pos >= 0) { return; }
+            $content.scrollTop(v);
+        };
         // Add the "selected" class to the "li" corresponding to the clicked element
         var onElementClick = module.onElementClick = function (e, $element) {
             // If "Ctrl" is pressed, do not remove the current selection
@@ -730,6 +748,7 @@ define([
                 log(Messages.fm_selectError);
                 return;
             }
+            scrollTo($element);
             // Add the selected class to the clicked / right-clicked element
             // Remove the class if it already has it
             // If ctrlKey, add to the selection

From 733c3abefa7f12d6b8b4fbecc9b73f1b07cc6a03 Mon Sep 17 00:00:00 2001
From: yflory <yann.flory@xwiki.com>
Date: Thu, 11 May 2017 12:43:32 +0200
Subject: [PATCH 5/8] Update the upgrade button in the drive

---
 www/drive/main.js | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/www/drive/main.js b/www/drive/main.js
index 236dc0a3c..47868bde4 100644
--- a/www/drive/main.js
+++ b/www/drive/main.js
@@ -2690,12 +2690,16 @@ define([
                     var $usage = $('<span>', {'class': 'usage'}).css('width', width+'px');
 
                     if (quota >= 0.8) {
+                        var origin = encodeURIComponent(window.location.origin);
+                        var $upgradeLink = $('<a>', {
+                            href: "https://account.cryptpad.fr/#!on=" + origin,
+                            rel: "noreferrer noopener",
+                            target: "_blank",
+                        }).appendTo($leftside);
                         $('<button>', {
                             'class': 'upgrade buttonSuccess',
                             title: Messages.upgradeTitle
-                        }).text(Messages.upgrade).click(function () {
-                            // TODO
-                        }).appendTo($leftside);
+                        }).text(Messages.upgrade).appendTo($upgradeLink);
                     }
 
                     if (quota < 0.8) { $usage.addClass('normal'); }

From 371edff943c1632cd40ba7a3cd960539b40a9862 Mon Sep 17 00:00:00 2001
From: yflory <yann.flory@xwiki.com>
Date: Thu, 11 May 2017 14:24:16 +0200
Subject: [PATCH 6/8] Fix an error when moving unsorted files to root in the
 drive

---
 www/common/userObject.js | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/www/common/userObject.js b/www/common/userObject.js
index a7c21f3f3..0972b6943 100644
--- a/www/common/userObject.js
+++ b/www/common/userObject.js
@@ -840,21 +840,17 @@ define([
                     return;
                 }
                 var rootFiles = getFiles([ROOT, TEMPLATE]).slice();
-                //var toClean = [];
                 var root = find([ROOT]);
                 us.forEach(function (el) {
                     if (!isFile(el) || rootFiles.indexOf(el) !== -1) {
                         return;
-                        //toClean.push(idx);
                     }
-                    var name = getFileData(el).title || NEW_FILE_NAME;
+                    var data = getFileData(el);
+                    var name = data ? data.title : NEW_FILE_NAME;
                     var newName = getAvailableName(root, name);
                     root[newName] = el;
                 });
                 delete files[UNSORTED];
-                /*toClean.forEach(function (idx) {
-                    us.splice(idx, 1);
-                });*/
             };
             var fixTemplate = function () {
                 if (!Array.isArray(files[TEMPLATE])) { debug("TEMPLATE was not an array"); files[TEMPLATE] = []; }

From 9a6d63960be6da069ba65b2b73b9238c378c95fd Mon Sep 17 00:00:00 2001
From: Caleb James DeLisle <cjd@cjdns.fr>
Date: Thu, 11 May 2017 15:54:15 +0200
Subject: [PATCH 7/8] Added a script to get the amount of data which is pinned

---
 package.json  |  13 ++++---
 pinneddata.js | 101 ++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 108 insertions(+), 6 deletions(-)
 create mode 100644 pinneddata.js

diff --git a/package.json b/package.json
index ed76592b6..4b78c8396 100644
--- a/package.json
+++ b/package.json
@@ -3,11 +3,12 @@
   "description": "realtime collaborative visual editor with zero knowlege server",
   "version": "1.5.0",
   "dependencies": {
+    "chainpad-server": "^1.0.1",
     "express": "~4.10.1",
-    "ws": "^1.0.1",
     "nthen": "~0.1.0",
+    "saferphore": "0.0.1",
     "tweetnacl": "~0.12.2",
-    "chainpad-server": "^1.0.1"
+    "ws": "^1.0.1"
   },
   "devDependencies": {
     "jshint": "~2.9.1",
@@ -15,9 +16,9 @@
     "less": "2.7.1"
   },
   "scripts": {
-      "lint": "jshint --config .jshintrc --exclude-path .jshintignore .",
-      "test": "node TestSelenium.js",
-      "style": "lessc ./customize.dist/src/less/cryptpad.less > ./customize.dist/main.css && lessc ./customize.dist/src/less/toolbar.less > ./customize.dist/toolbar.css && lessc ./www/drive/file.less > ./www/drive/file.css && lessc ./www/settings/main.less > ./www/settings/main.css && lessc ./www/slide/slide.less > ./www/slide/slide.css && lessc ./www/whiteboard/whiteboard.less > ./www/whiteboard/whiteboard.css && lessc ./www/poll/poll.less > ./www/poll/poll.css",
-      "template": "cd customize.dist/src && node build.js"
+    "lint": "jshint --config .jshintrc --exclude-path .jshintignore .",
+    "test": "node TestSelenium.js",
+    "style": "lessc ./customize.dist/src/less/cryptpad.less > ./customize.dist/main.css && lessc ./customize.dist/src/less/toolbar.less > ./customize.dist/toolbar.css && lessc ./www/drive/file.less > ./www/drive/file.css && lessc ./www/settings/main.less > ./www/settings/main.css && lessc ./www/slide/slide.less > ./www/slide/slide.css && lessc ./www/whiteboard/whiteboard.less > ./www/whiteboard/whiteboard.css && lessc ./www/poll/poll.less > ./www/poll/poll.css",
+    "template": "cd customize.dist/src && node build.js"
   }
 }
diff --git a/pinneddata.js b/pinneddata.js
new file mode 100644
index 000000000..a24293880
--- /dev/null
+++ b/pinneddata.js
@@ -0,0 +1,101 @@
+/* jshint esversion: 6 */
+const Fs = require('fs');
+const Semaphore = require('saferphore');
+const nThen = require('nthen');
+
+const hashesFromPinFile = (pinFile, fileName) => {
+    var pins = {};
+    pinFile.split('\n').filter((x)=>(x)).map((l) => JSON.parse(l)).forEach((l) => {
+        switch (l[0]) {
+            case 'RESET': {
+                pins = {};
+                //jshint -W086
+                // fallthrough
+            }
+            case 'PIN': {
+                l[1].forEach((x) => { pins[x] = 1; });
+                break;
+            }
+            case 'UNPIN': {
+                l[1].forEach((x) => { delete pins[x]; });
+                break;
+            }
+            default: throw new Error(JSON.stringify(l) + '  ' + fileName);
+        }
+    });
+    return Object.keys(pins);
+};
+
+const sizeForHashes = (hashes, dsFileSizes) => {
+    let sum = 0;
+    hashes.forEach((h) => {
+        const s = dsFileSizes[h];
+        if (typeof(s) !== 'number') {
+            //console.log('missing ' + h + '  ' + typeof(s));
+        } else {
+            sum += s;
+        }
+    });
+    return sum;
+};
+
+const sema = Semaphore.create(20);
+
+let dirList;
+const fileList = [];
+const dsFileSizes = {};
+const out = [];
+
+nThen((waitFor) => {
+    Fs.readdir('./datastore', waitFor((err, list) => {
+        if (err) { throw err; }
+        dirList = list;
+    }));
+}).nThen((waitFor) => {
+    dirList.forEach((f) => {
+        sema.take((returnAfter) => {
+            Fs.readdir('./datastore/' + f, waitFor(returnAfter((err, list2) => {
+                if (err) { throw err; }
+                list2.forEach((ff) => { fileList.push('./datastore/' + f + '/' + ff); });
+            })));
+        });
+    });
+}).nThen((waitFor) => {
+    fileList.forEach((f) => {
+        sema.take((returnAfter) => {
+            Fs.stat(f, waitFor(returnAfter((err, st) => {
+                if (err) { throw err; }
+                dsFileSizes[f.replace(/^.*\/([^\/]*)\.ndjson$/, (all, a) => (a))] = st.size;
+            })));
+        });
+    });
+}).nThen((waitFor) => {
+    Fs.readdir('./pins', waitFor((err, list) => {
+        if (err) { throw err; }
+        dirList = list;
+    }));
+}).nThen((waitFor) => {
+    fileList.splice(0, fileList.length);
+    dirList.forEach((f) => {
+        sema.take((returnAfter) => {
+            Fs.readdir('./pins/' + f, waitFor(returnAfter((err, list2) => {
+                if (err) { throw err; }
+                list2.forEach((ff) => { fileList.push('./pins/' + f + '/' + ff); });
+            })));
+        });
+    });
+}).nThen((waitFor) => {
+    fileList.forEach((f) => {
+        sema.take((returnAfter) => {
+            Fs.readFile(f, waitFor(returnAfter((err, content) => {
+                if (err) { throw err; }
+                const hashes = hashesFromPinFile(content.toString('utf8'), f);
+                const size = sizeForHashes(hashes, dsFileSizes);
+                out.push([f, Math.floor(size / (1024 * 1024))]);
+            })));
+        });
+    });
+}).nThen((waitFor) => {
+    out.sort((a,b) => (a[1] - b[1]));
+    out.forEach((x) => { console.log(x[0] + '  ' + x[1] + ' MB'); });
+});

From 5348303df6c568b769d69bbe220a8533e43108f6 Mon Sep 17 00:00:00 2001
From: Caleb James DeLisle <cjd@cjdns.fr>
Date: Thu, 11 May 2017 16:02:24 +0200
Subject: [PATCH 8/8] Bad code, lint failure

---
 pinneddata.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pinneddata.js b/pinneddata.js
index a24293880..0bf9be75f 100644
--- a/pinneddata.js
+++ b/pinneddata.js
@@ -95,7 +95,7 @@ nThen((waitFor) => {
             })));
         });
     });
-}).nThen((waitFor) => {
+}).nThen(() => {
     out.sort((a,b) => (a[1] - b[1]));
     out.forEach((x) => { console.log(x[0] + '  ' + x[1] + ' MB'); });
 });