fabric-vectr 6.7.12 → 6.7.13

package/dist/index.node.cjs

@@ -418,7 +418,7 @@ class Cache {
 }
 const cache = new Cache();
 
-var version = "6.7.12";
+var version = "6.7.13";
 
 // use this syntax so babel plugin see this import here
 const VERSION = version;
@@ -1866,7 +1866,8 @@ const composeMatrix = options => {
 const loadImage = function (url) {
   let {
     signal,
-    crossOrigin = null
+    crossOrigin = null,
+    fallbackToEmptyImage = false
   } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return new Promise(function (resolve, reject) {
     if (signal && signal.aborted) {
@@ -1883,9 +1884,12 @@ const loadImage = function (url) {
         once: true
       });
     }
-    const done = function () {
+    const cleanup = function () {
       img.onload = img.onerror = null;
       abort && (signal === null || signal === void 0 ? void 0 : signal.removeEventListener('abort', abort));
+    };
+    const done = function () {
+      cleanup();
       resolve(img);
     };
     if (!url) {
@@ -1894,8 +1898,15 @@ const loadImage = function (url) {
     }
     img.onload = done;
     img.onerror = function () {
-      abort && (signal === null || signal === void 0 ? void 0 : signal.removeEventListener('abort', abort));
-      reject(new FabricError(`Error loading ${img.src}`));
+      const failedSrc = img.src;
+      cleanup();
+      if (fallbackToEmptyImage) {
+        log('warn', 'Image failed to load, continuing with an empty image source', failedSrc);
+        img.src = '';
+        resolve(img);
+        return;
+      }
+      reject(new FabricError(`Error loading ${failedSrc}`));
     };
     crossOrigin && (img.crossOrigin = crossOrigin);
     img.src = url;
@@ -4098,9 +4109,13 @@ class Pattern {
       patternTransform,
       ...otherOptions
     } = _ref2;
+    const {
+      crossOrigin
+    } = otherOptions;
     const img = await loadImage(source, {
       ...options,
-      crossOrigin: otherOptions.crossOrigin
+      crossOrigin,
+      fallbackToEmptyImage: true
     });
     return new this({
       ...otherOptions,
@@ -26002,11 +26017,13 @@ class FabricImage extends FabricObject {
     } = _ref;
     return Promise.all([loadImage(src, {
       ...options,
-      crossOrigin
+      crossOrigin,
+      fallbackToEmptyImage: true
     }), f && enlivenObjects(f, options),
     // TODO: redundant - handled by enlivenObjectEnlivables
     rf && enlivenObjects([rf], options), enlivenObjectEnlivables(object, options)]).then(_ref2 => {
-      let [el, filters = [], [resizeFilter] = [], hydratedProps = {}] = _ref2;
+      let [el, filters = [], resizeFilters = [], hydratedProps = {}] = _ref2;
+      const [resizeFilter] = resizeFilters;
       return new this(el, {
         ...object,
         // TODO: this creates a difference between image creation and restoring from JSON