1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
|
// Copyright 2016 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
cr.define('extensions', function() {
'use strict';
/**
* @param {boolean} dragEnabled
* @param {boolean} isMdExtensions
* @param {!EventTarget} target
* @constructor
* @implements cr.ui.DragWrapperDelegate
*/
function DragAndDropHandler(dragEnabled, isMdExtensions, target) {
this.dragEnabled = dragEnabled;
// Behavior is different for dropped directories between MD and non-MD
// extensions pages.
// TODO(devlin): Delete the non-MD codepath and remove this variable when
// MD extensions launches.
/** @private {boolean} */
this.isMdExtensions_ = isMdExtensions;
/** @private {!EventTarget} */
this.eventTarget_ = target;
}
// TODO(devlin): Finish un-chrome.send-ifying this implementation.
DragAndDropHandler.prototype = {
/** @override */
shouldAcceptDrag: function(e) {
// External Extension installation can be disabled globally, e.g. while a
// different overlay is already showing.
if (!this.dragEnabled)
return false;
// We can't access filenames during the 'dragenter' event, so we have to
// wait until 'drop' to decide whether to do something with the file or
// not.
// See: http://www.w3.org/TR/2011/WD-html5-20110113/dnd.html#concept-dnd-p
return !!e.dataTransfer.types &&
e.dataTransfer.types.indexOf('Files') > -1;
},
/** @override */
doDragEnter: function() {
chrome.send('startDrag');
if (this.isMdExtensions_)
chrome.developerPrivate.notifyDragInstallInProgress();
this.eventTarget_.dispatchEvent(
new CustomEvent('extension-drag-started'));
},
/** @override */
doDragLeave: function() {
this.fireDragEnded_();
chrome.send('stopDrag');
},
/** @override */
doDragOver: function(e) {
e.preventDefault();
},
/** @override */
doDrop: function(e) {
this.fireDragEnded_();
if (e.dataTransfer.files.length != 1)
return;
let handled = false;
// Files lack a check if they're a directory, but we can find out through
// its item entry.
let item = e.dataTransfer.items[0];
if (item.kind === 'file' && item.webkitGetAsEntry().isDirectory) {
handled = true;
this.handleDirectoryDrop_();
} else if (/\.(crx|user\.js|zip)$/i.test(e.dataTransfer.files[0].name)) {
// Only process files that look like extensions. Other files should
// navigate the browser normally.
handled = true;
this.handleFileDrop_();
}
if (handled)
e.preventDefault();
},
/**
* Handles a dropped file.
* @private
*/
handleFileDrop_: function() {
// Packaged files always go through chrome.send (for now).
chrome.send('installDroppedFile');
},
/**
* Handles a dropped directory.
* @private
*/
handleDirectoryDrop_: function() {
// Dropped directories either go through developerPrivate or chrome.send
// depending on if this is the MD page.
if (!this.isMdExtensions_) {
chrome.send('installDroppedDirectory');
return;
}
// TODO(devlin): Update this to use extensions.Service when it's not
// shared between the MD and non-MD pages.
chrome.developerPrivate.loadUnpacked(
{failQuietly: true, populateError: true, useDraggedPath: true},
(loadError) => {
if (loadError) {
this.eventTarget_.dispatchEvent(new CustomEvent(
'drag-and-drop-load-error', {detail: loadError}));
}
});
},
/** @private */
fireDragEnded_: function() {
this.eventTarget_.dispatchEvent(new CustomEvent('extension-drag-ended'));
}
};
return {
DragAndDropHandler: DragAndDropHandler,
};
});
|
