file-selector.js 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259
  1. "use strict";
  2. var __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. };
  11. var __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. };
  38. var __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. };
  54. var __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. };
  63. Object.defineProperty(exports, "__esModule", { value: true });
  64. exports.fromEvent = void 0;
  65. var file_1 = require("./file");
  66. var 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. */
  81. function 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. }
  97. exports.fromEvent = fromEvent;
  98. function isDataTransfer(value) {
  99. return isObject(value);
  100. }
  101. function isChangeEvt(value) {
  102. return isObject(value) && isObject(value.target);
  103. }
  104. function isObject(v) {
  105. return typeof v === 'object' && v !== null;
  106. }
  107. function 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
  111. function 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. }
  124. function 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. }
  148. function 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
  155. function 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
  168. function 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. }
  181. function flatten(items) {
  182. return items.reduce(function (acc, files) { return __spreadArray(__spreadArray([], __read(acc), false), __read((Array.isArray(files) ? flatten(files) : [files])), false); }, []);
  183. }
  184. function 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
  193. function 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
  201. function 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
  245. function 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