123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168 |
- import { __awaiter } from "tslib";
- import { toFileWithPath } from './file';
- const 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* () {
- if (isObject(evt) && isDataTransfer(evt.dataTransfer)) {
- return getDataTransferFiles(evt.dataTransfer, evt.type);
- }
- else if (isChangeEvt(evt)) {
- return getInputFiles(evt);
- }
- else if (Array.isArray(evt) && evt.every(item => 'getFile' in item && typeof item.getFile === 'function')) {
- return getFsHandleFiles(evt);
- }
- 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(file => 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* () {
- const files = yield Promise.all(handles.map(h => h.getFile()));
- return files.map(file => toFileWithPath(file));
- });
- }
- function getDataTransferFiles(dt, type) {
- return __awaiter(this, void 0, void 0, function* () {
- // IE11 does not support dataTransfer.items
- // See https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/items#Browser_compatibility
- if (dt.items) {
- const items = fromList(dt.items)
- .filter(item => 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 items;
- }
- const files = yield Promise.all(items.map(toFilePromises));
- return noIgnoredFiles(flatten(files));
- }
- return noIgnoredFiles(fromList(dt.files)
- .map(file => toFileWithPath(file)));
- });
- }
- function noIgnoredFiles(files) {
- return files.filter(file => 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 [];
- }
- const files = [];
- // tslint:disable: prefer-for-of
- for (let i = 0; i < items.length; i++) {
- const 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);
- }
- const 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((acc, files) => [
- ...acc,
- ...(Array.isArray(files) ? flatten(files) : [files])
- ], []);
- }
- function fromDataTransferItem(item) {
- const file = item.getAsFile();
- if (!file) {
- return Promise.reject(`${item} is not a File`);
- }
- const 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 entry.isDirectory ? fromDirEntry(entry) : fromFileEntry(entry);
- });
- }
- // https://developer.mozilla.org/en-US/docs/Web/API/FileSystemDirectoryEntry
- function fromDirEntry(entry) {
- const reader = entry.createReader();
- return new Promise((resolve, reject) => {
- const entries = [];
- function readEntries() {
- // https://developer.mozilla.org/en-US/docs/Web/API/FileSystemDirectoryEntry/createReader
- // https://developer.mozilla.org/en-US/docs/Web/API/FileSystemDirectoryReader/readEntries
- reader.readEntries((batch) => __awaiter(this, void 0, void 0, function* () {
- if (!batch.length) {
- // Done reading directory
- try {
- const files = yield Promise.all(entries);
- resolve(files);
- }
- catch (err) {
- reject(err);
- }
- }
- else {
- const items = Promise.all(batch.map(fromEntry));
- entries.push(items);
- // Continue reading
- readEntries();
- }
- }), (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 new Promise((resolve, reject) => {
- entry.file((file) => {
- const fwp = toFileWithPath(file, entry.fullPath);
- resolve(fwp);
- }, (err) => {
- reject(err);
- });
- });
- });
- }
- //# sourceMappingURL=file-selector.js.map
|