UNPKG

11.5 kBJavaScriptView Raw
1"use strict";
2var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
3 function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
4 return new (P || (P = Promise))(function (resolve, reject) {
5 function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
6 function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
7 function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
8 step((generator = generator.apply(thisArg, _arguments || [])).next());
9 });
10};
11var __generator = (this && this.__generator) || function (thisArg, body) {
12 var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
13 return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
14 function verb(n) { return function (v) { return step([n, v]); }; }
15 function step(op) {
16 if (f) throw new TypeError("Generator is already executing.");
17 while (_) try {
18 if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
19 if (y = 0, t) op = [op[0] & 2, t.value];
20 switch (op[0]) {
21 case 0: case 1: t = op; break;
22 case 4: _.label++; return { value: op[1], done: false };
23 case 5: _.label++; y = op[1]; op = [0]; continue;
24 case 7: op = _.ops.pop(); _.trys.pop(); continue;
25 default:
26 if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
27 if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
28 if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
29 if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
30 if (t[2]) _.ops.pop();
31 _.trys.pop(); continue;
32 }
33 op = body.call(thisArg, _);
34 } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
35 if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
36 }
37};
38var __read = (this && this.__read) || function (o, n) {
39 var m = typeof Symbol === "function" && o[Symbol.iterator];
40 if (!m) return o;
41 var i = m.call(o), r, ar = [], e;
42 try {
43 while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
44 }
45 catch (error) { e = { error: error }; }
46 finally {
47 try {
48 if (r && !r.done && (m = i["return"])) m.call(i);
49 }
50 finally { if (e) throw e.error; }
51 }
52 return ar;
53};
54var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
55 if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
56 if (ar || !(i in from)) {
57 if (!ar) ar = Array.prototype.slice.call(from, 0, i);
58 ar[i] = from[i];
59 }
60 }
61 return to.concat(ar || Array.prototype.slice.call(from));
62};
63Object.defineProperty(exports, "__esModule", { value: true });
64exports.fromEvent = void 0;
65var file_1 = require("./file");
66var FILES_TO_IGNORE = [
67 // Thumbnail cache files for macOS and Windows
68 '.DS_Store',
69 'Thumbs.db' // Windows
70];
71/**
72 * Convert a DragEvent's DataTrasfer object to a list of File objects
73 * NOTE: If some of the items are folders,
74 * everything will be flattened and placed in the same list but the paths will be kept as a {path} property.
75 *
76 * EXPERIMENTAL: A list of https://developer.mozilla.org/en-US/docs/Web/API/FileSystemHandle objects can also be passed as an arg
77 * and a list of File objects will be returned.
78 *
79 * @param evt
80 */
81function fromEvent(evt) {
82 return __awaiter(this, void 0, void 0, function () {
83 return __generator(this, function (_a) {
84 if (isObject(evt) && isDataTransfer(evt.dataTransfer)) {
85 return [2 /*return*/, getDataTransferFiles(evt.dataTransfer, evt.type)];
86 }
87 else if (isChangeEvt(evt)) {
88 return [2 /*return*/, getInputFiles(evt)];
89 }
90 else if (Array.isArray(evt) && evt.every(function (item) { return 'getFile' in item && typeof item.getFile === 'function'; })) {
91 return [2 /*return*/, getFsHandleFiles(evt)];
92 }
93 return [2 /*return*/, []];
94 });
95 });
96}
97exports.fromEvent = fromEvent;
98function isDataTransfer(value) {
99 return isObject(value);
100}
101function isChangeEvt(value) {
102 return isObject(value) && isObject(value.target);
103}
104function isObject(v) {
105 return typeof v === 'object' && v !== null;
106}
107function getInputFiles(evt) {
108 return fromList(evt.target.files).map(function (file) { return (0, file_1.toFileWithPath)(file); });
109}
110// Ee expect each handle to be https://developer.mozilla.org/en-US/docs/Web/API/FileSystemFileHandle
111function getFsHandleFiles(handles) {
112 return __awaiter(this, void 0, void 0, function () {
113 var files;
114 return __generator(this, function (_a) {
115 switch (_a.label) {
116 case 0: return [4 /*yield*/, Promise.all(handles.map(function (h) { return h.getFile(); }))];
117 case 1:
118 files = _a.sent();
119 return [2 /*return*/, files.map(function (file) { return (0, file_1.toFileWithPath)(file); })];
120 }
121 });
122 });
123}
124function getDataTransferFiles(dt, type) {
125 return __awaiter(this, void 0, void 0, function () {
126 var items, files;
127 return __generator(this, function (_a) {
128 switch (_a.label) {
129 case 0:
130 if (!dt.items) return [3 /*break*/, 2];
131 items = fromList(dt.items)
132 .filter(function (item) { return item.kind === 'file'; });
133 // According to https://html.spec.whatwg.org/multipage/dnd.html#dndevents,
134 // only 'dragstart' and 'drop' has access to the data (source node)
135 if (type !== 'drop') {
136 return [2 /*return*/, items];
137 }
138 return [4 /*yield*/, Promise.all(items.map(toFilePromises))];
139 case 1:
140 files = _a.sent();
141 return [2 /*return*/, noIgnoredFiles(flatten(files))];
142 case 2: return [2 /*return*/, noIgnoredFiles(fromList(dt.files)
143 .map(function (file) { return (0, file_1.toFileWithPath)(file); }))];
144 }
145 });
146 });
147}
148function noIgnoredFiles(files) {
149 return files.filter(function (file) { return FILES_TO_IGNORE.indexOf(file.name) === -1; });
150}
151// IE11 does not support Array.from()
152// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/from#Browser_compatibility
153// https://developer.mozilla.org/en-US/docs/Web/API/FileList
154// https://developer.mozilla.org/en-US/docs/Web/API/DataTransferItemList
155function fromList(items) {
156 if (items === null) {
157 return [];
158 }
159 var files = [];
160 // tslint:disable: prefer-for-of
161 for (var i = 0; i < items.length; i++) {
162 var file = items[i];
163 files.push(file);
164 }
165 return files;
166}
167// https://developer.mozilla.org/en-US/docs/Web/API/DataTransferItem
168function toFilePromises(item) {
169 if (typeof item.webkitGetAsEntry !== 'function') {
170 return fromDataTransferItem(item);
171 }
172 var entry = item.webkitGetAsEntry();
173 // Safari supports dropping an image node from a different window and can be retrieved using
174 // the DataTransferItem.getAsFile() API
175 // NOTE: FileSystemEntry.file() throws if trying to get the file
176 if (entry && entry.isDirectory) {
177 return fromDirEntry(entry);
178 }
179 return fromDataTransferItem(item);
180}
181function flatten(items) {
182 return items.reduce(function (acc, files) { return __spreadArray(__spreadArray([], __read(acc), false), __read((Array.isArray(files) ? flatten(files) : [files])), false); }, []);
183}
184function fromDataTransferItem(item) {
185 var file = item.getAsFile();
186 if (!file) {
187 return Promise.reject("".concat(item, " is not a File"));
188 }
189 var fwp = (0, file_1.toFileWithPath)(file);
190 return Promise.resolve(fwp);
191}
192// https://developer.mozilla.org/en-US/docs/Web/API/FileSystemEntry
193function fromEntry(entry) {
194 return __awaiter(this, void 0, void 0, function () {
195 return __generator(this, function (_a) {
196 return [2 /*return*/, entry.isDirectory ? fromDirEntry(entry) : fromFileEntry(entry)];
197 });
198 });
199}
200// https://developer.mozilla.org/en-US/docs/Web/API/FileSystemDirectoryEntry
201function fromDirEntry(entry) {
202 var reader = entry.createReader();
203 return new Promise(function (resolve, reject) {
204 var entries = [];
205 function readEntries() {
206 var _this = this;
207 // https://developer.mozilla.org/en-US/docs/Web/API/FileSystemDirectoryEntry/createReader
208 // https://developer.mozilla.org/en-US/docs/Web/API/FileSystemDirectoryReader/readEntries
209 reader.readEntries(function (batch) { return __awaiter(_this, void 0, void 0, function () {
210 var files, err_1, items;
211 return __generator(this, function (_a) {
212 switch (_a.label) {
213 case 0:
214 if (!!batch.length) return [3 /*break*/, 5];
215 _a.label = 1;
216 case 1:
217 _a.trys.push([1, 3, , 4]);
218 return [4 /*yield*/, Promise.all(entries)];
219 case 2:
220 files = _a.sent();
221 resolve(files);
222 return [3 /*break*/, 4];
223 case 3:
224 err_1 = _a.sent();
225 reject(err_1);
226 return [3 /*break*/, 4];
227 case 4: return [3 /*break*/, 6];
228 case 5:
229 items = Promise.all(batch.map(fromEntry));
230 entries.push(items);
231 // Continue reading
232 readEntries();
233 _a.label = 6;
234 case 6: return [2 /*return*/];
235 }
236 });
237 }); }, function (err) {
238 reject(err);
239 });
240 }
241 readEntries();
242 });
243}
244// https://developer.mozilla.org/en-US/docs/Web/API/FileSystemFileEntry
245function fromFileEntry(entry) {
246 return __awaiter(this, void 0, void 0, function () {
247 return __generator(this, function (_a) {
248 return [2 /*return*/, new Promise(function (resolve, reject) {
249 entry.file(function (file) {
250 var fwp = (0, file_1.toFileWithPath)(file, entry.fullPath);
251 resolve(fwp);
252 }, function (err) {
253 reject(err);
254 });
255 })];
256 });
257 });
258}
259//# sourceMappingURL=file-selector.js.map
\No newline at end of file