- Updated all component headers and documentation
- Changed navbar and footer branding
- Updated homepage hero badge
- Modified page title in index.html
- Simplified footer text to 'Built with ❤️'
- Consistent V2 capitalization across all references
281 lines
12 KiB
JavaScript
281 lines
12 KiB
JavaScript
"use strict";
|
|
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
return new (P || (P = Promise))(function (resolve, reject) {
|
|
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
});
|
|
};
|
|
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
|
|
return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
function step(op) {
|
|
if (f) throw new TypeError("Generator is already executing.");
|
|
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
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;
|
|
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
switch (op[0]) {
|
|
case 0: case 1: t = op; break;
|
|
case 4: _.label++; return { value: op[1], done: false };
|
|
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
default:
|
|
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
if (t[2]) _.ops.pop();
|
|
_.trys.pop(); continue;
|
|
}
|
|
op = body.call(thisArg, _);
|
|
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
}
|
|
};
|
|
var __read = (this && this.__read) || function (o, n) {
|
|
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
if (!m) return o;
|
|
var i = m.call(o), r, ar = [], e;
|
|
try {
|
|
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
}
|
|
catch (error) { e = { error: error }; }
|
|
finally {
|
|
try {
|
|
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
}
|
|
finally { if (e) throw e.error; }
|
|
}
|
|
return ar;
|
|
};
|
|
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
if (ar || !(i in from)) {
|
|
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
ar[i] = from[i];
|
|
}
|
|
}
|
|
return to.concat(ar || Array.prototype.slice.call(from));
|
|
};
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
exports.fromEvent = fromEvent;
|
|
var file_1 = require("./file");
|
|
var FILES_TO_IGNORE = [
|
|
// Thumbnail cache files for macOS and Windows
|
|
'.DS_Store', // macOs
|
|
'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
|
|
*/
|
|
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 (0, file_1.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 (0, file_1.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 (0, file_1.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, entry);
|
|
}
|
|
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, entry) {
|
|
return __awaiter(this, void 0, void 0, function () {
|
|
var h, file_2, file, fwp;
|
|
var _a;
|
|
return __generator(this, function (_b) {
|
|
switch (_b.label) {
|
|
case 0:
|
|
if (!(globalThis.isSecureContext && typeof item.getAsFileSystemHandle === 'function')) return [3 /*break*/, 3];
|
|
return [4 /*yield*/, item.getAsFileSystemHandle()];
|
|
case 1:
|
|
h = _b.sent();
|
|
if (h === null) {
|
|
throw new Error("".concat(item, " is not a File"));
|
|
}
|
|
if (!(h !== undefined)) return [3 /*break*/, 3];
|
|
return [4 /*yield*/, h.getFile()];
|
|
case 2:
|
|
file_2 = _b.sent();
|
|
file_2.handle = h;
|
|
return [2 /*return*/, (0, file_1.toFileWithPath)(file_2)];
|
|
case 3:
|
|
file = item.getAsFile();
|
|
if (!file) {
|
|
throw new Error("".concat(item, " is not a File"));
|
|
}
|
|
fwp = (0, file_1.toFileWithPath)(file, (_a = entry === null || entry === void 0 ? void 0 : entry.fullPath) !== null && _a !== void 0 ? _a : undefined);
|
|
return [2 /*return*/, 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 = (0, file_1.toFileWithPath)(file, entry.fullPath);
|
|
resolve(fwp);
|
|
}, function (err) {
|
|
reject(err);
|
|
});
|
|
})];
|
|
});
|
|
});
|
|
}
|
|
//# sourceMappingURL=file-selector.js.map
|