@anu3ev/fabric-image-editor 0.1.1 → 0.1.2

package/dist/{main.js → bundle.js}

@@ -1,6 +1,6 @@
 import { ActiveSelection as Z, util as z, controlsUtils as Oe, InteractiveFabricObject as Te, Pattern as Ee, loadSVGFromURL as ke, FabricImage as de, Point as xe, Rect as Be, Circle as Ze, Triangle as ze, Group as Ue, Canvas as Pe } from "fabric";
 import { create as Ye } from "jsondiffpatch";
-var He = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", S = function() {
+var He = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", I = function() {
   for (var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 21, t = "", a = crypto.getRandomValues(new Uint8Array(e |= 0)); e--; )
     t += He[a[e] & 63];
   return t;
@@ -383,7 +383,7 @@ class Re {
    * По-умолчанию использует файл рядом с этим модулем
    */
   constructor() {
-    var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : new URL("/worker.js", import.meta.url);
+    var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : new URL("" + new URL("worker.js", import.meta.url).href, import.meta.url);
     this.worker = new Worker(e, {
       type: "module"
     }), this._callbacks = /* @__PURE__ */ new Map(), this.worker.onmessage = this._handleMessage.bind(this);
@@ -417,7 +417,7 @@ class Re {
    * @returns {Promise<any>}
    */
   post(e, t) {
-    var a = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [], r = "".concat(e, ":").concat(S(8));
+    var a = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [], r = "".concat(e, ":").concat(I(8));
     return new Promise((n, o) => {
       this._callbacks.set(r, {
         resolve: n,
@@ -674,7 +674,7 @@ function me(i, e) {
   }
   return t;
 }
-function j(i) {
+function M(i) {
   for (var e = 1; e < arguments.length; e++) {
     var t = arguments[e] != null ? arguments[e] : {};
     e % 2 ? me(Object(t), !0).forEach(function(a) {
@@ -714,11 +714,11 @@ class lt {
     if (this.options = t.options, !!this.options.showToolbar) {
       this.editor = t, this.canvas = t.canvas;
       var a = this.options.toolbar || {};
-      this.config = j(j(j({}, E), a), {}, {
-        style: j(j({}, E.style), a.style || {}),
-        btnStyle: j(j({}, E.btnStyle), a.btnStyle || {}),
-        icons: j(j({}, E.icons), a.icons || {}),
-        handlers: j(j({}, E.handlers), a.handlers || {})
+      this.config = M(M(M({}, E), a), {}, {
+        style: M(M({}, E.style), a.style || {}),
+        btnStyle: M(M({}, E.btnStyle), a.btnStyle || {}),
+        icons: M(M({}, E.icons), a.icons || {}),
+        handlers: M(M({}, E.handlers), a.handlers || {})
       }), this.currentTarget = null, this.currentLocked = null, this.isTransforming = !1, this._onMouseDown = this._handleMouseDown.bind(this), this._onObjectMoving = this._startTransform.bind(this), this._onObjectScaling = this._startTransform.bind(this), this._onObjectRotating = this._startTransform.bind(this), this._onMouseUp = this._endTransform.bind(this), this._onObjectModified = this._endTransform.bind(this), this._onSelectionChange = this._updateToolbar.bind(this), this._onSelectionClear = () => {
         this.el.style.display = "none";
       }, this._createDOM(), this._bindEvents();
@@ -1119,8 +1119,8 @@ class L {
           t._createdBlobUrls.push(u);
           var v = L.getFormatFromContentType(o);
           if (v === "svg") {
-            var y = yield ke(u);
-            h = z.groupSVGElements(y.objects, y.options);
+            var j = yield ke(u);
+            h = z.groupSVGElements(j.objects, j.options);
           } else
             h = yield de.fromURL(u, {
               crossOrigin: "anonymous"
@@ -1130,14 +1130,12 @@ class L {
             height: b
           } = h;
           if (b > C || m > D) {
-            var M = yield t.resizeImageToBoundaries(h._element.src, "max");
-            console.log("resizedBlob", M);
-            var I = URL.createObjectURL(M);
-            console.log("resizedBlobURL", I), t._createdBlobUrls.push(I), h = yield de.fromURL(I, {
+            var y = yield t.resizeImageToBoundaries(h._element.src, "max"), S = URL.createObjectURL(y);
+            t._createdBlobUrls.push(S), h = yield de.fromURL(S, {
               crossOrigin: "anonymous"
-            }), console.log("img после ресайза", h);
+            });
           }
-          if (h.set("id", "".concat(h.type, "-").concat(S())), h.set("format", v), r === "scale-montage")
+          if (h.set("id", "".concat(h.type, "-").concat(I())), h.set("format", v), r === "scale-montage")
             t.editor.canvasManager.scaleMontageAreaToImage({
               object: h,
               withoutSave: !0
@@ -1223,21 +1221,21 @@ class L {
         left: g,
         top: f,
         width: v,
-        height: y
+        height: j
       } = c.getBoundingRect(), m = yield s.clone(["id", "format", "locked"]);
       ["image/jpg", "image/jpeg"].includes(u) && (m.backgroundColor = "#ffffff");
       var b = m.getObjects().find((N) => N.id === c.id);
       b.visible = !1, m.viewportTransform = [1, 0, 0, 1, -g, -f], m.setDimensions({
         width: v,
-        height: y
+        height: j
       }, {
         backstoreOnly: !0
       }), m.renderAll();
-      var M = m.getObjects().filter((N) => N.format).every((N) => N.format === "svg");
-      if (h === "svg" && M) {
-        var I = m.toSVG();
+      var y = m.getObjects().filter((N) => N.format).every((N) => N.format === "svg");
+      if (h === "svg" && y) {
+        var S = m.toSVG();
         m.dispose();
-        var O = L._exportSVGStringAsFile(I, {
+        var O = L._exportSVGStringAsFile(S, {
           exportAsBase64: n,
           exportAsBlob: o,
           fileName: a
@@ -1267,7 +1265,7 @@ class L {
         bitmap: ae
       }, [ae]);
       if (l) {
-        var ne = 0.264583, W = v * ne, _ = y * ne, we = (yield t.editor.moduleLoader.loadModule("jspdf")).jsPDF, R = new we({
+        var ne = 0.264583, W = v * ne, _ = j * ne, we = (yield t.editor.moduleLoader.loadModule("jspdf")).jsPDF, R = new we({
           orientation: W > _ ? "landscape" : "portrait",
           unit: "mm",
           format: [W, _]
@@ -1300,7 +1298,7 @@ class L {
         };
         return s.fire("editor:canvas-exported", se), se;
       }
-      var ce = h === "svg" && !M ? a.replace(/\.[^/.]+$/, ".png") : a, Le = new File([w], ce, {
+      var ce = h === "svg" && !y ? a.replace(/\.[^/.]+$/, ".png") : a, Le = new File([w], ce, {
         type: u
       }), ue = {
         image: Le,
@@ -1354,31 +1352,31 @@ class L {
         return c.fire("editor:object-exported", f), f;
       }
       if (o) {
-        var v = yield createImageBitmap(l._element), y = yield d.post("toDataURL", {
+        var v = yield createImageBitmap(l._element), j = yield d.post("toDataURL", {
           format: u,
           quality: 1,
           bitmap: v
         }, [v]), m = {
-          image: y,
+          image: j,
           format: u,
           contentType: n,
           fileName: r
         };
         return c.fire("editor:object-exported", m), m;
       }
-      var b = l.toCanvasElement(), M = yield new Promise((w) => {
+      var b = l.toCanvasElement(), y = yield new Promise((w) => {
         b.toBlob(w);
       });
       if (s) {
-        var I = {
-          image: M,
+        var S = {
+          image: y,
           format: u,
           contentType: n,
           fileName: r
         };
-        return c.fire("editor:object-exported", I), I;
+        return c.fire("editor:object-exported", S), S;
       }
-      var O = new File([M], r, {
+      var O = new File([y], r, {
         type: n
       }), A = {
         image: O,
@@ -1763,9 +1761,9 @@ class jt {
       if (t) {
         var {
           width: v,
-          height: y
-        } = n, m = l / v, b = u / y, M = Math.max(m, b);
-        g = v * M, f = y * M;
+          height: j
+        } = n, m = l / v, b = u / j, y = Math.max(m, b);
+        g = v * y, f = j * y;
       }
       this.setResolutionWidth(g, {
         withoutSave: !0
@@ -2420,7 +2418,7 @@ class Ct {
    */
   addRectangle() {
     var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
-      id: t = "rect-".concat(S()),
+      id: t = "rect-".concat(I()),
       left: a,
       top: r,
       width: n = 100,
@@ -2457,7 +2455,7 @@ class Ct {
    */
   addCircle() {
     var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
-      id: t = "circle-".concat(S()),
+      id: t = "circle-".concat(I()),
       left: a,
       top: r,
       radius: n = 50,
@@ -2493,7 +2491,7 @@ class Ct {
    */
   addTriangle() {
     var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, {
-      id: t = "triangle-".concat(S()),
+      id: t = "triangle-".concat(I()),
       left: a,
       top: r,
       width: n = 100,
@@ -2606,7 +2604,7 @@ class Lt {
       if (e.clipboard) {
         var a = yield e.clipboard.clone();
         t.discardActiveObject(), a.set({
-          id: "".concat(a.type, "-").concat(S()),
+          id: "".concat(a.type, "-").concat(I()),
           left: a.left + 10,
           top: a.top + 10,
           evented: !0
@@ -2729,7 +2727,7 @@ class Tt {
     var n = e || a.getActiveObject();
     if (n && n.type === "activeselection") {
       var o = n.getObjects(), s = new Ue(o);
-      o.forEach((c) => a.remove(c)), s.set("id", "".concat(s.type, "-").concat(S())), a.add(s), a.setActiveObject(s), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:objects-grouped");
+      o.forEach((c) => a.remove(c)), s.set("id", "".concat(s.type, "-").concat(I())), a.add(s), a.setActiveObject(s), a.renderAll(), r.resumeHistory(), t || r.saveState(), a.fire("editor:objects-grouped");
     }
   }
   /**
@@ -2857,7 +2855,7 @@ class Bt {
       minZoom: r,
       maxZoom: n
     } = t;
-    this.containerId = e, this.editorId = "".concat(e, "-").concat(S()), this.clipboard = null, this.defaultZoom = a, this.minZoom = r || vt, this.maxZoom = n || mt, this.init();
+    this.containerId = e, this.editorId = "".concat(e, "-").concat(I()), this.clipboard = null, this.defaultZoom = a, this.minZoom = r || vt, this.maxZoom = n || mt, this.init();
   }
   init() {
     var e = this;
@@ -3144,4 +3142,4 @@ function Wt(i) {
 export {
   Wt as default
 };
-//# sourceMappingURL=main.js.map
+//# sourceMappingURL=bundle.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anu3ev/fabric-image-editor",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "JavaScript image editor built on FabricJS, allowing you to create instances with an integrated montage area and providing an API to modify and manage state.",
   "module": "dist/main.js",
   "files": [