From 3abe522a9f84532bf2ec5672fc08984ce07ab855 Mon Sep 17 00:00:00 2001
From: yflory <yann.flory@xwiki.com>
Date: Fri, 21 Feb 2020 15:45:16 +0100
Subject: [PATCH] Make a copy

---
 www/common/common-ui-elements.js   |  11 ++
 www/common/cryptpad-common.js      | 173 ++++++++++++++++++-----------
 www/common/drive-ui.js             |  44 +++++++-
 www/common/sframe-app-framework.js |   3 +
 www/common/sframe-common-outer.js  |  14 +++
 www/poll/inner.js                  |   3 +
 6 files changed, 181 insertions(+), 67 deletions(-)

diff --git a/www/common/common-ui-elements.js b/www/common/common-ui-elements.js
index 521a666ba..b9985ccc7 100644
--- a/www/common/common-ui-elements.js
+++ b/www/common/common-ui-elements.js
@@ -2158,6 +2158,17 @@ define([
                 if (data.accept) { $input.attr('accept', data.accept); }
                 button.click(function () { $input.click(); });
                 break;
+            case 'copy':
+                button = $('<button>', {
+                    'class': 'fa fa-clone cp-toolbar-icon-import',
+                    title: Messages.makeACopy,
+                }).append($('<span>', {'class': 'cp-toolbar-drawer-element'}).text(Messages.makeACopy));
+                button
+                .click(common.prepareFeedback(type))
+                .click(function () {
+                    sframeChan.query('EV_MAKE_A_COPY');
+                });
+                break;
             case 'importtemplate':
                 if (!AppConfig.enableTemplates) { return; }
                 if (!common.isLoggedIn()) { return; }
diff --git a/www/common/cryptpad-common.js b/www/common/cryptpad-common.js
index 2b7c51d90..6fb2aefd6 100644
--- a/www/common/cryptpad-common.js
+++ b/www/common/cryptpad-common.js
@@ -543,6 +543,25 @@ define([
         });
     };
 
+    var fixPadMetadata = function (parsed) {
+        var meta;
+        if (Array.isArray(parsed) && typeof(parsed[3]) === "object") {
+            meta = parsed[3].metadata; // pad
+        } else if (parsed.info) {
+            meta = parsed.info; // poll
+        } else {
+            meta = parsed.metadata;
+        }
+        if (typeof(meta) === "object") {
+            meta.defaultTitle = meta.title || meta.defaultTitle;
+            meta.title = "";
+            delete meta.users;
+            delete meta.chat2;
+            delete meta.chat;
+            delete meta.cursor;
+        }
+    };
+
     common.useTemplate = function (data, Crypt, cb, optsPut) {
         // opts is used to overrides options for chainpad-netflux in cryptput
         // it allows us to add owners and expiration time if it is a new file
@@ -576,24 +595,7 @@ define([
                 try {
                     // Try to fix the title before importing the template
                     var parsed = JSON.parse(val);
-                    var meta;
-                    if (Array.isArray(parsed) && typeof(parsed[3]) === "object") {
-                        meta = parsed[3].metadata; // pad
-                    } else if (parsed.info) {
-                        meta = parsed.info; // poll
-                    } else {
-                        meta = parsed.metadata;
-                    }
-                    if (typeof(meta) === "object") {
-                        meta.defaultTitle = meta.title || meta.defaultTitle;
-                        meta.title = "";
-                        delete meta.users;
-                        delete meta.chat2;
-                        delete meta.chat;
-                        delete meta.cursor;
-                        if (data.chat) { meta.chat2 = data.chat; }
-                        if (data.cursor) { meta.cursor = data.cursor; }
-                    }
+                    fixPadMetadata(parsed);
                     val = JSON.stringify(parsed);
                 } catch (e) {
                     console.log("Can't fix template title", e);
@@ -608,58 +610,96 @@ define([
         var data = common.fromFileData;
         var parsed = Hash.parsePadUrl(data.href);
         var parsed2 = Hash.parsePadUrl(currentPad.href);
-        var hash = parsed.hash;
-        var name = data.title;
-        var secret = Hash.getSecrets('file', hash, data.password);
-        var src = fileHost + Hash.getBlobPathFromHex(secret.channel);
-        var key = secret.keys && secret.keys.cryptKey;
-
-        var u8;
-        var res;
-        var mode;
+
+        if (parsed2.type === 'poll') { optsPut.initialState = '{}'; }
+
         var val;
-        Nthen(function(waitFor) {
-            Util.fetch(src, waitFor(function (err, _u8) {
-                if (err) { return void waitFor.abort(); }
-                u8 = _u8;
-            }));
-        }).nThen(function (waitFor) {
-            require(["/file/file-crypto.js"], waitFor(function (FileCrypto) {
-                FileCrypto.decrypt(u8, key, waitFor(function (err, _res) {
-                    if (err || !_res.content) { return void waitFor.abort(); }
-                    res = _res;
-                }));
-            }));
-        }).nThen(function (waitFor) {
-            var ext = Util.parseFilename(data.title).ext;
-            if (!ext) {
-                mode = "text";
+        Nthen(function(_waitFor) {
+            // If pad, use cryptget
+            if (parsed.hashData && parsed.hashData.type === 'pad') {
+                var optsGet = {
+                    password: data.password,
+                    initialState: parsed.type === 'poll' ? '{}' : undefined
+                };
+                Crypt.get(parsed.hash, _waitFor(function (err, _val) {
+                    if (err) {
+                        _waitFor.abort();
+                        return void cb();
+                    }
+                    try {
+                        val = JSON.parse(_val);
+                        fixPadMetadata(val);
+                    } catch (e) {
+                        _waitFor.abort();
+                        return void cb();
+                    }
+                }), optsGet);
                 return;
             }
-            require(["/common/modes.js"], waitFor(function (Modes) {
-                Modes.list.some(function (fType) {
-                    if (fType.ext === ext) {
-                        mode = fType.mode;
-                        return true;
+
+            var name = data.title;
+            var secret = Hash.getSecrets(parsed.type, parsed.hash, data.password);
+            var src = fileHost + Hash.getBlobPathFromHex(secret.channel);
+            var key = secret.keys && secret.keys.cryptKey;
+            var u8;
+            var res;
+            var mode;
+
+            // Otherwise, it's a text blob "open in code": get blob data & convert format
+            Nthen(function (waitFor) {
+                Util.fetch(src, waitFor(function (err, _u8) {
+                    if (err) {
+                        _waitFor.abort();
+                        return void waitFor.abort();
                     }
-                });
-            }));
-        }).nThen(function (waitFor) {
-            var reader = new FileReader();
-            reader.addEventListener('loadend', waitFor(function (e) {
-                val = {
-                    content: e.srcElement.result,
-                    highlightMode: mode,
-                    metadata: {
-                        defaultTitle: name,
-                        title: name,
-                        type: "code",
-                    },
-                };
-            }));
-            reader.readAsText(res.content);
+                    u8 = _u8;
+                }));
+            }).nThen(function (waitFor) {
+                require(["/file/file-crypto.js"], waitFor(function (FileCrypto) {
+                    FileCrypto.decrypt(u8, key, waitFor(function (err, _res) {
+                        if (err || !_res.content) {
+                            _waitFor.abort();
+                            return void waitFor.abort();
+                        }
+                        res = _res;
+                    }));
+                }));
+            }).nThen(function (waitFor) {
+                var ext = Util.parseFilename(data.title).ext;
+                if (!ext) {
+                    mode = "text";
+                    return;
+                }
+                require(["/common/modes.js"], waitFor(function (Modes) {
+                    Modes.list.some(function (fType) {
+                        if (fType.ext === ext) {
+                            mode = fType.mode;
+                            return true;
+                        }
+                    });
+                }));
+            }).nThen(function (waitFor) {
+                var reader = new FileReader();
+                reader.addEventListener('loadend', waitFor(function (e) {
+                    val = {
+                        content: e.srcElement.result,
+                        highlightMode: mode,
+                        metadata: {
+                            defaultTitle: name,
+                            title: name,
+                            type: "code",
+                        },
+                    };
+                }));
+                reader.readAsText(res.content);
+            }).nThen(_waitFor());
         }).nThen(function () {
-            Crypt.put(parsed2.hash, JSON.stringify(val), cb, optsPut);
+            Crypt.put(parsed2.hash, JSON.stringify(val), function () {
+                cb();
+                Crypt.get(parsed2.hash, function (err, val) {
+                    console.warn(val);
+                });
+            }, optsPut);
         });
 
     };
@@ -1906,6 +1946,9 @@ define([
             // if a pad is created from a file
             if (sessionStorage[Constants.newPadFileData]) {
                 common.fromFileData = JSON.parse(sessionStorage[Constants.newPadFileData]);
+                var _parsed1 = Hash.parsePadUrl(common.fromFileData.href);
+                var _parsed2 = Hash.parsePadUrl(window.location.href);
+                if (_parsed1.type !== _parsed2.type) { delete common.fromFileData; }
                 delete sessionStorage[Constants.newPadFileData];
             }
 
diff --git a/www/common/drive-ui.js b/www/common/drive-ui.js
index 37a1ad7e6..2e9c7c405 100644
--- a/www/common/drive-ui.js
+++ b/www/common/drive-ui.js
@@ -78,6 +78,7 @@ define([
     var faRename = 'fa-pencil';
     var faColor = 'cptools-palette';
     var faTrash = 'fa-trash';
+    var faCopy = 'fa-clone';
     var faDelete = 'fa-eraser';
     var faProperties = 'fa-info-circle';
     var faTags = 'fa-hashtag';
@@ -431,6 +432,10 @@ define([
                     'data-icon': faTags,
                 }, Messages.fc_hashtag)),
                 $separator.clone()[0],
+                h('li', h('a.cp-app-drive-context-makeacopy.dropdown-item.cp-app-drive-context-editable', {
+                    'tabindex': '-1',
+                    'data-icon': faCopy,
+                }, Messages.makeACopy)),
                 h('li', h('a.cp-app-drive-context-delete.dropdown-item.cp-app-drive-context-editable', {
                     'tabindex': '-1',
                     'data-icon': faTrash,
@@ -1179,6 +1184,9 @@ define([
                         if (!metadata || !Util.isPlainTextFile(metadata.fileType, metadata.title)) {
                             hide.push('openincode');
                         }
+                        if (!metadata.channel || metadata.channel.length > 32) {
+                            hide.push('makeacopy'); // Not for blobs
+                        }
                     } else if ($element.is('.cp-app-drive-element-sharedf')) {
                         if (containsFolder) {
                             // More than 1 folder selected: cannot create a new subfolder
@@ -1191,6 +1199,7 @@ define([
                         hide.push('openincode');
                         hide.push('hashtag');
                         hide.push('delete');
+                        hide.push('makeacopy');
                         //hide.push('deleteowned');
                     } else { // it's a folder
                         if (containsFolder) {
@@ -1205,6 +1214,7 @@ define([
                         hide.push('openincode');
                         hide.push('properties');
                         hide.push('hashtag');
+                        hide.push('makeacopy');
                     }
                     // If we're in the trash, hide restore and properties for non-root elements
                     if (type === "trash" && path && path.length > 4) {
@@ -1241,6 +1251,7 @@ define([
                     hide.push('share');
                     hide.push('savelocal');
                     hide.push('openincode'); // can't because of race condition
+                    hide.push('makeacopy');
                 }
                 if (containsFolder && paths.length > 1) {
                     // Cannot open multiple folders
@@ -1258,11 +1269,11 @@ define([
                     break;
                 case 'tree':
                     show = ['open', 'openro', 'openincode', 'expandall', 'collapseall',
-                            'color', 'download', 'share', 'savelocal', 'rename', 'delete',
+                            'color', 'download', 'share', 'savelocal', 'rename', 'delete', 'makeacopy',
                             'deleteowned', 'removesf', 'properties', 'hashtag'];
                     break;
                 case 'default':
-                    show = ['open', 'openro', 'share', 'openparent', 'delete', 'deleteowned', 'properties', 'hashtag'];
+                    show = ['open', 'openro', 'share', 'openparent', 'delete', 'deleteowned', 'properties', 'hashtag', 'makeacopy'];
                     break;
                 case 'trashtree': {
                     show = ['empty'];
@@ -3977,6 +3988,35 @@ define([
                     openFile(el, true);
                 });
             }
+            else if ($this.hasClass('cp-app-drive-context-makeacopy')) {
+                if (paths.length !== 1) { return; }
+                el = manager.find(paths[0].path);
+                var _metadata = manager.getFileData(el);
+                var _simpleData = {
+                    title: _metadata.filename || _metadata.title,
+                    href: _metadata.href || _metadata.roHref,
+                    password: _metadata.password,
+                    channel: _metadata.channel,
+                };
+                nThen(function (waitFor) {
+                    var path = currentPath;
+                    if (path[0] !== ROOT) { path = [ROOT]; }
+                    common.sessionStorage.put(Constants.newPadFileData, JSON.stringify(_simpleData), waitFor());
+                    common.sessionStorage.put(Constants.newPadPathKey, path, waitFor());
+                    common.sessionStorage.put(Constants.newPadTeamKey, APP.team, waitFor());
+                }).nThen(function () {
+                    var parsed = Hash.parsePadUrl(_metadata.href || _metadata.roHref);
+                    common.openURL(Hash.hashToHref('', parsed.type));
+                    // We need to restore sessionStorage for the next time we want to create a pad from this tab
+                    // NOTE: the 100ms timeout is to fix a race condition in firefox where sessionStorage
+                    //       would be deleted before the new tab was created
+                    setTimeout(function () {
+                        common.sessionStorage.put(Constants.newPadFileData, '', function () {});
+                        common.sessionStorage.put(Constants.newPadPathKey, '', function () {});
+                        common.sessionStorage.put(Constants.newPadTeamKey, '', function () {});
+                    }, 100);
+                });
+            }
             else if ($this.hasClass('cp-app-drive-context-openincode')) {
                 if (paths.length !== 1) { return; }
                 var p = paths[0];
diff --git a/www/common/sframe-app-framework.js b/www/common/sframe-app-framework.js
index ea22aaf5f..00fdc41d3 100644
--- a/www/common/sframe-app-framework.js
+++ b/www/common/sframe-app-framework.js
@@ -674,6 +674,9 @@ define([
             $hist.addClass('cp-hidden-if-readonly');
             toolbar.$drawer.append($hist);
 
+            var $copy = common.createButton('copy', true);
+            toolbar.$drawer.append($copy);
+
             if (!cpNfInner.metadataMgr.getPrivateData().isTemplate) {
                 var templateObj = {
                     rt: cpNfInner.chainpad,
diff --git a/www/common/sframe-common-outer.js b/www/common/sframe-common-outer.js
index b831436b3..313bf98c5 100644
--- a/www/common/sframe-common-outer.js
+++ b/www/common/sframe-common-outer.js
@@ -801,6 +801,20 @@ define([
                 Cryptpad.saveAsTemplate(Cryptget.put, data, cb);
             });
 
+            sframeChan.on('EV_MAKE_A_COPY', function () {
+                var data = {
+                    channel: secret.channel,
+                    href: currentPad.href,
+                    password: password,
+                    title: currentTitle
+                };
+                sessionStorage[Utils.Constants.newPadFileData] = JSON.stringify(data);
+                window.open(window.location.pathname);
+                setTimeout(function () {
+                    delete sessionStorage[Utils.Constants.newPadFileData];
+                }, 100);
+            });
+
             // Messaging
             sframeChan.on('Q_SEND_FRIEND_REQUEST', function (data, cb) {
                 Cryptpad.messaging.sendFriendRequest(data, cb);
diff --git a/www/poll/inner.js b/www/poll/inner.js
index d1d583757..861690439 100644
--- a/www/poll/inner.js
+++ b/www/poll/inner.js
@@ -1184,6 +1184,9 @@ define([
             $rightside.append($templateButton);
         }
 
+        var $copy = common.createButton('copy', true);
+        $drawer.append($copy);
+
         /* add an export button */
         var $export = common.createButton('export', true, {}, exportFile);
         $drawer.append($export);