filepond 5.0.0-alpha.7 → 5.0.0-alpha.8

package/README.md

@@ -12,7 +12,7 @@ A JavaScript library that can upload anything you throw at it, optimizes images
 TODO:
 
 -   Docs are on the way
--   Naming of some types
+-   Naming of various types
 -   Safari flashing of video while dragging
 -   Run more tests on mobile devices
 -   Add basic image manipulation extensions

package/dist/esm/assets/index.js

@@ -1,4 +1,10 @@
-const core = {
+/*!
+* FilePond v5.0.0-alpha.8
+* Copyright (c) 2017-2025 Pqina B.V.
+* Released under the MIT License
+* https://filepond.com
+*/
+const l = {
   // generic remove
   remove: '<path d="M7 7 L17 17 M17 7 L7 17"/>',
   // checkmark for
@@ -9,12 +15,10 @@ const core = {
   info: '<path stroke="none" fill="currentColor" d="M12 2l.642 .005l.616 .017l.299 .013l.579 .034l.553 .046c4.687 .455 6.65 2.333 7.166 6.906l.03 .29l.046 .553l.041 .727l.006 .15l.017 .617l.005 .642l-.005 .642l-.017 .616l-.013 .299l-.034 .579l-.046 .553c-.455 4.687 -2.333 6.65 -6.906 7.166l-.29 .03l-.553 .046l-.727 .041l-.15 .006l-.617 .017l-.642 .005l-.642 -.005l-.616 -.017l-.299 -.013l-.579 -.034l-.553 -.046c-4.687 -.455 -6.65 -2.333 -7.166 -6.906l-.03 -.29l-.046 -.553l-.041 -.727l-.006 -.15l-.017 -.617l-.004 -.318v-.648l.004 -.318l.017 -.616l.013 -.299l.034 -.579l.046 -.553c.455 -4.687 2.333 -6.65 6.906 -7.166l.29 -.03l.553 -.046l.727 -.041l.15 -.006l.617 -.017c.21 -.003 .424 -.005 .642 -.005zm0 9h-1l-.117 .007a1 1 0 0 0 0 1.986l.117 .007v3l.007 .117a1 1 0 0 0 .876 .876l.117 .007h1l.117 -.007a1 1 0 0 0 .876 -.876l.007 -.117l-.007 -.117a1 1 0 0 0 -.764 -.857l-.112 -.02l-.117 -.006v-3l-.007 -.117a1 1 0 0 0 -.876 -.876l-.117 -.007zm.01 -3l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z" />',
   system: '<path stroke="none" fill="currentColor" d="M17 3.34a10 10 0 1 1 -15 8.66l.005 -.324a10 10 0 0 1 14.995 -8.336m-6.293 5.953a1 1 0 0 0 -1.414 0l-2 2a1 1 0 0 0 0 1.414l2 2a1 1 0 0 0 1.414 0l.083 -.094a1 1 0 0 0 -.083 -1.32l-1.292 -1.293l1.292 -1.293a1 1 0 0 0 0 -1.414m4 0a1 1 0 0 0 -1.414 0l-.083 .094a1 1 0 0 0 .083 1.32l1.292 1.293l-1.292 1.293a1 1 0 0 0 1.414 1.414l2 -2a1 1 0 0 0 0 -1.414z" />',
   success: '<path stroke="none" fill="currentColor" d="M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-1.293 5.953a1 1 0 0 0 -1.32 -.083l-.094 .083l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.403 1.403l.083 .094l2 2l.094 .083a1 1 0 0 0 1.226 0l.094 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z" />'
-};
-const store = {
+}, a = {
   store: '<path d="M7 19 L17 19 M12 14 L12 5 M7 10 L12 5 L17 10"/>',
   revert: '<path d="M5.057 18.484A9.5 9.5 0 1 0 4.593 6.05"/><path d="M4.5 2 4 6.5l4.5.5"/>'
-};
-const media = {
+}, e = {
   mediaEdit: '<path d="m18 5 2-2 1 1-2 2zM15.5 7.5l1 1L6 19l-2.5 1.5L5 18z"/>',
   mediaReset: '<path d="M5.057 18.484A9.5 9.5 0 1 0 4.593 6.05"/><path d="M4.5 2 4 6.5l4.5.5"/>',
   mediaPause: '<g stroke="none" fill="currentColor"><path d="M9 4h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h2a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2z" /><path d="M17 4h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h2a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2z" /></g>',
@@ -23,15 +27,14 @@ const media = {
   mediaUnmute: '<path fill="currentColor" d="M17 4V2.5L8.5 9h-4v6H6zM12 18l5 3.5V13z"/><path d="M21 4.5 5.5 20"/>',
   mediaSilent: '<polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"/><line x1="23" y1="9" x2="17" y2="15"/><line x1="17" y1="9" x2="23" y2="15"/>',
   mediaFullscreen: '<path d="M4 8v-2a2 2 0 0 1 2 -2h2 M4 16v2a2 2 0 0 0 2 2h2 M16 4h2a2 2 0 0 1 2 2v2 M16 20h2a2 2 0 0 0 2 -2v-2" />'
-};
-const assets = {
-  ...core,
-  ...store,
-  ...media
+}, t = {
+  ...l,
+  ...a,
+  ...e
 };
 export {
-  assets,
-  core,
-  media,
-  store
+  t as assets,
+  l as core,
+  e as media,
+  a as store
 };

package/dist/esm/common/console.js

@@ -1,14 +1,20 @@
-function warn(...args) {
-  console["warn"](...args);
+/*!
+* FilePond v5.0.0-alpha.8
+* Copyright (c) 2017-2025 Pqina B.V.
+* Released under the MIT License
+* https://filepond.com
+*/
+function n(...o) {
+  console.warn(...o);
 }
-function log(...args) {
-  console["log"](...args);
+function c(...o) {
+  console.log(...o);
 }
-function clear() {
-  console["clear"]();
+function l() {
+  console.clear();
 }
 export {
-  clear,
-  log,
-  warn
+  l as clear,
+  c as log,
+  n as warn
 };

package/dist/esm/common/entry.js

@@ -1,39 +1,38 @@
-import { getExtensionFromMimeType } from "../utils/file.js";
-function getBasename(entry, blob) {
+/*!
+* FilePond v5.0.0-alpha.8
+* Copyright (c) 2017-2025 Pqina B.V.
+* Released under the MIT License
+* https://filepond.com
+*/
+import { getExtensionFromMimeType as u } from "../utils/file.js";
+function r(e, t) {
   return "Untitled";
 }
-function getExtension(entry, blob, options) {
-  return getExtensionFromMimeType(blob.type, options.mimeTypeMap);
+function a(e, t, n) {
+  return u(t.type, n.mimeTypeMap);
 }
-function getFilename(entry, blob, options) {
-  const basename = (options.getBasename ?? getBasename)(entry, blob);
-  const extension = (options.getExtension ?? getExtension)(entry, blob, {
-    mimeTypeMap: options.mimeTypeMap
+function m(e, t, n) {
+  const s = (n.getBasename ?? r)(e, t), i = (n.getExtension ?? a)(e, t, {
+    mimeTypeMap: n.mimeTypeMap
   });
-  return `${basename}${extension}`;
+  return `${s}${i}`;
 }
-function getExtensionStatusItems(extensions) {
-  return extensions.filter((extension) => extension.status).map((extension) => extension.status);
+function l(e) {
+  return e.filter((t) => t.status).map((t) => t.status);
 }
-function getExtensionStateByStatusCode(extensions, codes) {
-  const extensionState = extensions.filter((extension) => extension.status).find(
-    (extension) => codes.includes(
+function f(e, t) {
+  const n = e.filter((s) => s.status).find(
+    (s) => t.includes(
       //@ts-ignore (we only get extensions that have a status)
-      extension.status.code
+      s.status.code
     )
   );
-  if (extensionState) {
-    return extensionState.status;
-  }
-  if (codes.includes(null)) {
-    return { progress: null };
-  }
-  return null;
+  return n ? n.status : t.includes(null) ? { progress: null } : null;
 }
 export {
-  getBasename,
-  getExtension,
-  getExtensionStateByStatusCode,
-  getExtensionStatusItems,
-  getFilename
+  r as getBasename,
+  a as getExtension,
+  f as getExtensionStateByStatusCode,
+  l as getExtensionStatusItems,
+  m as getFilename
 };

package/dist/esm/common/perceivedPerformanceProxy.js

@@ -1,94 +1,80 @@
-import { randomNumberBetween } from "../utils/math.js";
-function createPerceivedPerformanceProcess(onprogress, abortController, config) {
-  return new Promise((resolve) => {
-    let timeoutId;
-    let duration = randomNumberBetween(config.minDuration, config.maxDuration);
-    const start = Date.now();
-    const lengthComputable = true;
-    const total = 1;
-    let loaded = 0;
-    abortController.signal.onabort = () => {
-      clearTimeout(timeoutId);
-    };
-    onprogress({ lengthComputable, loaded, total });
-    const tick = () => {
-      if (abortController.signal.aborted) {
+/*!
+* FilePond v5.0.0-alpha.8
+* Copyright (c) 2017-2025 Pqina B.V.
+* Released under the MIT License
+* https://filepond.com
+*/
+import { randomNumberBetween as f } from "../utils/math.js";
+function p(u, l, a) {
+  return new Promise((d) => {
+    let m, c = f(a.minDuration, a.maxDuration);
+    const i = Date.now(), r = !0, e = 1;
+    let o = 0;
+    l.signal.onabort = () => {
+      clearTimeout(m);
+    }, u({ lengthComputable: r, loaded: o, total: e });
+    const P = () => {
+      if (l.signal.aborted)
         return;
-      }
-      const runtime = Date.now() - start;
-      let delay = randomNumberBetween(config.minStep, config.maxStep);
-      if (runtime + delay > duration) {
-        delay = runtime + delay - duration;
-      }
-      loaded = runtime / duration * total;
-      onprogress({
-        lengthComputable,
-        loaded: Math.min(loaded, total),
-        total
-      });
-      if (loaded >= total) {
-        return resolve();
-      }
-      timeoutId = setTimeout(tick, delay);
+      const s = Date.now() - i;
+      let t = f(a.minStep, a.maxStep);
+      if (s + t > c && (t = s + t - c), o = s / c * e, u({
+        lengthComputable: r,
+        loaded: Math.min(o, e),
+        total: e
+      }), o >= e)
+        return d();
+      m = setTimeout(P, t);
     };
-    tick();
+    P();
   });
 }
-function createPerceivedPerformanceProxy(fn, options) {
-  return async function(entry, {
-    onprogress,
-    onabort,
-    abortController
+function g(u, l) {
+  return async function(a, {
+    onprogress: d,
+    onabort: m,
+    abortController: c
   }) {
-    const perceivedPerformanceAbortController = new AbortController();
-    let perceivedProgress;
-    let actualProgress;
-    function handleProgressUpdate() {
-      if (!actualProgress || !perceivedProgress) {
+    const i = new AbortController();
+    let r, e;
+    function o() {
+      if (!e || !r)
         return;
-      }
-      const perceivedProgressFraction = perceivedProgress.loaded / perceivedProgress.total;
-      const actualProgressFraction = actualProgress.loaded / actualProgress.total;
-      if (perceivedProgressFraction < actualProgressFraction) {
-        return onprogress({ ...perceivedProgress, lengthComputable: true });
-      }
-      onprogress(actualProgress);
+      const t = r.loaded / r.total, n = e.loaded / e.total;
+      if (t < n)
+        return d({ ...r, lengthComputable: !0 });
+      d(e);
     }
-    const perceivedPromise = createPerceivedPerformanceProcess(
-      (progress) => {
-        const total = options?.total || actualProgress?.total || 100;
-        perceivedProgress = {
-          lengthComputable: true,
-          loaded: Math.round(progress.loaded * total),
-          total
-        };
-        handleProgressUpdate();
+    const P = p(
+      (t) => {
+        const n = l?.total || e?.total || 100;
+        r = {
+          lengthComputable: !0,
+          loaded: Math.round(t.loaded * n),
+          total: n
+        }, o();
       },
       // if we abort we abort simulation as well
-      perceivedPerformanceAbortController,
-      options
-    );
-    const actualPromise = fn(entry, {
-      onprogress: (progress) => {
-        actualProgress = progress;
-        handleProgressUpdate();
+      i,
+      l
+    ), s = u(a, {
+      onprogress: (t) => {
+        e = t, o();
       },
       onabort: () => {
-        perceivedPerformanceAbortController.abort();
-        onabort();
+        i.abort(), m();
       },
-      abortController
+      abortController: c
     });
-    return new Promise((resolve, reject) => {
-      Promise.all([actualPromise, perceivedPromise]).then((res) => {
-        resolve(res[0]);
-      }).catch((err) => {
-        perceivedPerformanceAbortController.abort();
-        reject(err);
+    return new Promise((t, n) => {
+      Promise.all([s, P]).then((b) => {
+        t(b[0]);
+      }).catch((b) => {
+        i.abort(), n(b);
       });
     });
   };
 }
 export {
-  createPerceivedPerformanceProxy
+  g as createPerceivedPerformanceProxy
 };

package/dist/esm/common/readEntriesFromDataTransfer.js

@@ -1,143 +1,119 @@
-import { arrayRemoveFalsy } from "../utils/array.js";
-import { noop } from "../utils/placeholder.js";
-import { isFileSystemDirectoryEntry, isFunction, isFileSystemFileEntry } from "../utils/test.js";
-import { eachTree, mapTreeAsync } from "../utils/tree.js";
-import { idleCallbackPromise } from "../utils/window.js";
-async function readEntriesFromDataTransfer(dataTransfer, options) {
-  const { onprogress = noop, onabort = noop, abortController } = options ?? {};
-  const { items } = dataTransfer ?? {};
-  if (!items) {
+/*!
+* FilePond v5.0.0-alpha.8
+* Copyright (c) 2017-2025 Pqina B.V.
+* Released under the MIT License
+* https://filepond.com
+*/
+import { arrayRemoveFalsy as g } from "../utils/array.js";
+import { noop as f } from "../utils/placeholder.js";
+import { isFileSystemDirectoryEntry as d, isFunction as y, isFileSystemFileEntry as p } from "../utils/test.js";
+import { eachTree as A, mapTreeAsync as E } from "../utils/tree.js";
+import { idleCallbackPromise as T } from "../utils/window.js";
+async function L(e, t) {
+  const { onprogress: i = f, onabort: o = f, abortController: n } = t ?? {}, { items: r } = e ?? {};
+  if (!r)
     return [];
-  }
-  let didCallOnAbort = false;
-  let totalFileEntries = 0;
-  let processedFileEntries = 0;
-  const entries = dataTransferItemsToEntries(items);
-  const entriesArray = await entriesToArray(entries, options);
-  if (abortController?.signal.aborted) {
-    onabort();
+  let a = !1, s = 0, c = 0;
+  const w = u(r), m = await h(w, t);
+  if (n?.signal.aborted) {
+    o();
     return;
   }
-  eachTree(entriesArray, (entry) => {
-    if (!isFunction(entry)) {
-      return;
-    }
-    totalFileEntries++;
-  });
-  onprogress({ loaded: processedFileEntries, total: totalFileEntries });
-  return await mapTreeAsync(
-    entriesArray,
-    async (entry) => {
-      if (isFunction(entry)) {
-        if (abortController?.signal.aborted) {
-          if (!didCallOnAbort) {
-            onabort();
-          }
-          didCallOnAbort = true;
+  return A(m, (l) => {
+    y(l) && s++;
+  }), i({ loaded: c, total: s }), await E(
+    m,
+    async (l) => {
+      if (y(l)) {
+        if (n?.signal.aborted) {
+          a || o(), a = !0;
           return;
         }
-        const res = await entry();
-        processedFileEntries++;
-        onprogress({ loaded: processedFileEntries, total: totalFileEntries });
-        return res;
+        const b = await l();
+        return c++, i({ loaded: c, total: s }), b;
       }
-      return entry;
+      return l;
     },
     "entries"
   );
 }
-async function entriesToArray(entries, options) {
-  const { abortController, onabort = noop } = options ?? {};
-  let entriesArray = [];
-  for (const entry of entries) {
-    if (!entry) {
+async function h(e, t) {
+  const { abortController: i, onabort: o = f } = t ?? {};
+  let n = [];
+  for (const r of e) {
+    if (!r)
       continue;
-    }
-    if (abortController?.signal.aborted) {
-      onabort();
-      return [];
-    }
-    let item;
-    if (isFileSystemDirectoryEntry(entry)) {
-      item = {
-        name: entry.name,
-        path: entry.fullPath,
-        entries: await entriesToArray(await readDirectory(entry), options)
+    if (i?.signal.aborted)
+      return o(), [];
+    let a;
+    if (d(r))
+      a = {
+        name: r.name,
+        path: r.fullPath,
+        entries: await h(await D(r), t)
       };
-    } else if (isFileSystemFileEntry(entry)) {
-      item = async () => {
-        const file = await readFile(entry);
-        file.path = entry.fullPath;
-        return file;
+    else if (p(r))
+      a = async () => {
+        const s = await I(r);
+        return s.path = r.fullPath, s;
       };
-    } else {
+    else
       continue;
-    }
-    entriesArray.push(item);
+    n.push(a);
   }
-  return entriesArray;
+  return n;
 }
-function dataTransferItemsToEntries(items) {
-  return Array.from(items).map(getAsEntry);
+function u(e) {
+  return Array.from(e).map(C);
 }
-function dataTransferItemsToFiles(items) {
-  return Array.from(items).map(getAsFile);
+function P(e) {
+  return Array.from(e).map(k);
 }
-function getAsEntry(item) {
-  return item.webkitGetAsEntry();
+function C(e) {
+  return e.webkitGetAsEntry();
 }
-function getAsFile(item) {
-  return item.getAsFile();
+function k(e) {
+  return e.getAsFile();
 }
-async function readDirectory(entry) {
-  const dirReader = entry.createReader();
-  const entries = [];
-  while (true) {
-    const results = await new Promise((resolve, reject) => {
-      dirReader.readEntries(resolve, reject);
+async function D(e) {
+  const t = e.createReader(), i = [];
+  for (; ; ) {
+    const o = await new Promise((n, r) => {
+      t.readEntries(n, r);
     });
-    if (!results.length) {
+    if (!o.length)
       break;
-    }
-    for (const entry2 of results) {
-      entries.push(entry2);
-    }
+    for (const n of o)
+      i.push(n);
   }
-  return entries;
+  return i;
 }
-async function readFile(entry) {
-  await idleCallbackPromise();
-  return getFileFromEntry(entry);
+async function I(e) {
+  return await T(), F(e);
 }
-async function getFileFromEntry(entry) {
-  return new Promise((resolve) => entry.file(resolve));
+async function F(e) {
+  return new Promise((t) => e.file(t));
 }
-function shouldLoadWithIdleCallback(dataTransfer) {
-  const entries = dataTransferItemsToEntries(dataTransfer.items);
-  return entries.some(isFileSystemDirectoryEntry) || entries.length > 10;
+function O(e) {
+  const t = u(e.items);
+  return t.some(d) || t.length > 10;
 }
-async function dataTransferToFiles(dataTransfer) {
-  let entries = dataTransferItemsToEntries(dataTransfer.items);
-  if (arrayRemoveFalsy(entries).length === 0) {
-    return dataTransferItemsToFiles(dataTransfer.items);
-  }
-  const res = [];
-  const promises = [];
-  for (const entry of entries) {
-    if (isFileSystemFileEntry(entry)) {
-      promises.push(getFileFromEntry(entry));
-    }
-  }
-  res.push(...await Promise.all(promises));
-  return res;
+async function W(e) {
+  let t = u(e.items);
+  if (g(t).length === 0)
+    return P(e.items);
+  const i = [], o = [];
+  for (const n of t)
+    p(n) && o.push(F(n));
+  return i.push(...await Promise.all(o)), i;
 }
 export {
-  dataTransferItemsToEntries,
-  dataTransferItemsToFiles,
-  dataTransferToFiles,
-  getAsEntry,
-  getAsFile,
-  readDirectory,
-  readEntriesFromDataTransfer,
-  shouldLoadWithIdleCallback
+  u as dataTransferItemsToEntries,
+  P as dataTransferItemsToFiles,
+  W as dataTransferToFiles,
+  C as getAsEntry,
+  k as getAsFile,
+  D as readDirectory,
+  L as readEntriesFromDataTransfer,
+  O as shouldLoadWithIdleCallback
 };

package/dist/esm/common/ssr.js

@@ -1,6 +1,12 @@
-import { isBrowser } from "../utils/test.js";
-const HTMLElementSafe = isBrowser() ? HTMLElement : class {
+/*!
+* FilePond v5.0.0-alpha.8
+* Copyright (c) 2017-2025 Pqina B.V.
+* Released under the MIT License
+* https://filepond.com
+*/
+import { isBrowser as e } from "../utils/test.js";
+const r = e() ? HTMLElement : class {
 };
 export {
-  HTMLElementSafe
+  r as HTMLElementSafe
 };

package/dist/esm/common/status.js

@@ -1,11 +1,10 @@
-var Status = /* @__PURE__ */ ((Status2) => {
-  Status2["Info"] = "info";
-  Status2["Warning"] = "warning";
-  Status2["Success"] = "success";
-  Status2["Error"] = "error";
-  Status2["System"] = "system";
-  return Status2;
-})(Status || {});
+/*!
+* FilePond v5.0.0-alpha.8
+* Copyright (c) 2017-2025 Pqina B.V.
+* Released under the MIT License
+* https://filepond.com
+*/
+var e = /* @__PURE__ */ ((r) => (r.Info = "info", r.Warning = "warning", r.Success = "success", r.Error = "error", r.System = "system", r))(e || {});
 export {
-  Status
+  e as Status
 };