123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195 |
- import { __awaiter, __generator, __read, __spreadArray } from "tslib";
- import { toFileWithPath } from './file';
- var FILES_TO_IGNORE = [
- // Thumbnail cache files for macOS and Windows
- '.DS_Store',
- 'Thumbs.db' // Windows
- ];
- /**
- * Convert a DragEvent's DataTrasfer object to a list of File objects
- * NOTE: If some of the items are folders,
- * everything will be flattened and placed in the same list but the paths will be kept as a {path} property.
- *
- * EXPERIMENTAL: A list of https://developer.mozilla.org/en-US/docs/Web/API/FileSystemHandle objects can also be passed as an arg
- * and a list of File objects will be returned.
- *
- * @param evt
- */
- export function fromEvent(evt) {
- return __awaiter(this, void 0, void 0, function () {
- return __generator(this, function (_a) {
- if (isObject(evt) && isDataTransfer(evt.dataTransfer)) {
- return [2 /*return*/, getDataTransferFiles(evt.dataTransfer, evt.type)];
- }
- else if (isChangeEvt(evt)) {
- return [2 /*return*/, getInputFiles(evt)];
- }
- else if (Array.isArray(evt) && evt.every(function (item) { return 'getFile' in item && typeof item.getFile === 'function'; })) {
- return [2 /*return*/, getFsHandleFiles(evt)];
- }
- return [2 /*return*/, []];
- });
- });
- }
- function isDataTransfer(value) {
- return isObject(value);
- }
- function isChangeEvt(value) {
- return isObject(value) && isObject(value.target);
- }
- function isObject(v) {
- return typeof v === 'object' && v !== null;
- }
- function getInputFiles(evt) {
- return fromList(evt.target.files).map(function (file) { return toFileWithPath(file); });
- }
- // Ee expect each handle to be https://developer.mozilla.org/en-US/docs/Web/API/FileSystemFileHandle
- function getFsHandleFiles(handles) {
- return __awaiter(this, void 0, void 0, function () {
- var files;
- return __generator(this, function (_a) {
- switch (_a.label) {
- case 0: return [4 /*yield*/, Promise.all(handles.map(function (h) { return h.getFile(); }))];
- case 1:
- files = _a.sent();
- return [2 /*return*/, files.map(function (file) { return toFileWithPath(file); })];
- }
- });
- });
- }
- function getDataTransferFiles(dt, type) {
- return __awaiter(this, void 0, void 0, function () {
- var items, files;
- return __generator(this, function (_a) {
- switch (_a.label) {
- case 0:
- if (!dt.items) return [3 /*break*/, 2];
- items = fromList(dt.items)
- .filter(function (item) { return item.kind === 'file'; });
- // According to https://html.spec.whatwg.org/multipage/dnd.html#dndevents,
- // only 'dragstart' and 'drop' has access to the data (source node)
- if (type !== 'drop') {
- return [2 /*return*/, items];
- }
- return [4 /*yield*/, Promise.all(items.map(toFilePromises))];
- case 1:
- files = _a.sent();
- return [2 /*return*/, noIgnoredFiles(flatten(files))];
- case 2: return [2 /*return*/, noIgnoredFiles(fromList(dt.files)
- .map(function (file) { return toFileWithPath(file); }))];
- }
- });
- });
- }
- function noIgnoredFiles(files) {
- return files.filter(function (file) { return FILES_TO_IGNORE.indexOf(file.name) === -1; });
- }
- // IE11 does not support Array.from()
- // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/from#Browser_compatibility
- // https://developer.mozilla.org/en-US/docs/Web/API/FileList
- // https://developer.mozilla.org/en-US/docs/Web/API/DataTransferItemList
- function fromList(items) {
- if (items === null) {
- return [];
- }
- var files = [];
- // tslint:disable: prefer-for-of
- for (var i = 0; i < items.length; i++) {
- var file = items[i];
- files.push(file);
- }
- return files;
- }
- // https://developer.mozilla.org/en-US/docs/Web/API/DataTransferItem
- function toFilePromises(item) {
- if (typeof item.webkitGetAsEntry !== 'function') {
- return fromDataTransferItem(item);
- }
- var entry = item.webkitGetAsEntry();
- // Safari supports dropping an image node from a different window and can be retrieved using
- // the DataTransferItem.getAsFile() API
- // NOTE: FileSystemEntry.file() throws if trying to get the file
- if (entry && entry.isDirectory) {
- return fromDirEntry(entry);
- }
- return fromDataTransferItem(item);
- }
- function flatten(items) {
- return items.reduce(function (acc, files) { return __spreadArray(__spreadArray([], __read(acc), false), __read((Array.isArray(files) ? flatten(files) : [files])), false); }, []);
- }
- function fromDataTransferItem(item) {
- var file = item.getAsFile();
- if (!file) {
- return Promise.reject("".concat(item, " is not a File"));
- }
- var fwp = toFileWithPath(file);
- return Promise.resolve(fwp);
- }
- // https://developer.mozilla.org/en-US/docs/Web/API/FileSystemEntry
- function fromEntry(entry) {
- return __awaiter(this, void 0, void 0, function () {
- return __generator(this, function (_a) {
- return [2 /*return*/, entry.isDirectory ? fromDirEntry(entry) : fromFileEntry(entry)];
- });
- });
- }
- // https://developer.mozilla.org/en-US/docs/Web/API/FileSystemDirectoryEntry
- function fromDirEntry(entry) {
- var reader = entry.createReader();
- return new Promise(function (resolve, reject) {
- var entries = [];
- function readEntries() {
- var _this = this;
- // https://developer.mozilla.org/en-US/docs/Web/API/FileSystemDirectoryEntry/createReader
- // https://developer.mozilla.org/en-US/docs/Web/API/FileSystemDirectoryReader/readEntries
- reader.readEntries(function (batch) { return __awaiter(_this, void 0, void 0, function () {
- var files, err_1, items;
- return __generator(this, function (_a) {
- switch (_a.label) {
- case 0:
- if (!!batch.length) return [3 /*break*/, 5];
- _a.label = 1;
- case 1:
- _a.trys.push([1, 3, , 4]);
- return [4 /*yield*/, Promise.all(entries)];
- case 2:
- files = _a.sent();
- resolve(files);
- return [3 /*break*/, 4];
- case 3:
- err_1 = _a.sent();
- reject(err_1);
- return [3 /*break*/, 4];
- case 4: return [3 /*break*/, 6];
- case 5:
- items = Promise.all(batch.map(fromEntry));
- entries.push(items);
- // Continue reading
- readEntries();
- _a.label = 6;
- case 6: return [2 /*return*/];
- }
- });
- }); }, function (err) {
- reject(err);
- });
- }
- readEntries();
- });
- }
- // https://developer.mozilla.org/en-US/docs/Web/API/FileSystemFileEntry
- function fromFileEntry(entry) {
- return __awaiter(this, void 0, void 0, function () {
- return __generator(this, function (_a) {
- return [2 /*return*/, new Promise(function (resolve, reject) {
- entry.file(function (file) {
- var fwp = toFileWithPath(file, entry.fullPath);
- resolve(fwp);
- }, function (err) {
- reject(err);
- });
- })];
- });
- });
- }
- //# sourceMappingURL=file-selector.js.map
|