@threedddplus/logoeditor 0.0.154 → 0.0.156

package/dist/logoeditor.cjs.development.js

@@ -2880,9 +2880,10 @@ var fabricSlice = function fabricSlice(set, get) {
       use3dddPlus.setState({
         selectedStepper: undefined
       });
-      get().testSVG(logos);
+      get().loadMascots(logos);
     },
-    testSVG: function testSVG(data) {
+    loadMascots: function loadMascots(data) {
+      console.log(data);
       fabric.fabric.loadSVGFromURL(data, function (objects, options) {
         var loadedObject = fabric.fabric.util.groupSVGElements(objects, options);
         loadedObject.scaleToWidth(450);
@@ -2945,6 +2946,9 @@ var fabricSlice = function fabricSlice(set, get) {
         //@ts-ignore
         loadedObject.icon = use3dddPlus.getState().iconImage;
         use3dddPlus.getState().updateModifaction(true);
+        use3dddPlus.setState({
+          loading: false
+        });
       });
     },
     myLogoHandler: function myLogoHandler(logo) {
@@ -4037,6 +4041,15 @@ var optionpresets = {
 }; // End of optionpresets
 
 var converterSlice = function converterSlice(set, get) {
+  // 1.Loading the image
+  //2. Loading the string and grouping it
+  //3. Pharing the SVG and returning the path and attriubutes
+  // 4. Grouping the loaded image usung groupSVGElement
+  //5. Check which canvas to load "POPUPCANVAS" or"FABRICCANVAS"
+  //6. Scaling the image to fit into canvas
+  //7. Detecting the colors from the image
+  //8. Adding the checker box
+  //9. loading the image into canavas
   var processImage = function processImage(svgstr, colorValue, canvasToLoad, addCheckerBox) {
     if (canvasToLoad === void 0) {
       canvasToLoad = use3dddPlus.getState().popupCanv;
@@ -4387,29 +4400,26 @@ var converterSlice = function converterSlice(set, get) {
       }
       return aiConvert;
     }(),
-    // loadImageFromURL: async (url, canvasToLoad, createCheckerBox) => {
+    // @ts-ignore
     loadImageFromURL: function () {
-      var _loadImageFromURL = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(url) {
-        var response;
+      var _loadImageFromURL = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(url, canvasToLoad, createCheckerBox) {
         return _regeneratorRuntime().wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               console.log('---.', url);
-              _context3.next = 3;
-              return fetch(url);
-            case 3:
-              response = _context3.sent;
+              //  return await requests.get(url + "?timestamp=" +  Date.now());
+              // const response = await fetch(url);
               // const blob = await response.text();
-              use3dddPlus.getState().testSVG(response);
               // processImage(blob, 8, canvasToLoad, createCheckerBox);
+              use3dddPlus.getState().loadMascots(url);
               //  return url;
-            case 5:
+            case 2:
             case "end":
               return _context3.stop();
           }
         }, _callee3);
       }));
-      function loadImageFromURL(_x3) {
+      function loadImageFromURL(_x3, _x4, _x5) {
         return _loadImageFromURL.apply(this, arguments);
       }
       return loadImageFromURL;
@@ -4675,7 +4685,7 @@ var converterSlice = function converterSlice(set, get) {
           }
         }, _callee5);
       }));
-      function convertPdfToImages(_x4) {
+      function convertPdfToImages(_x6) {
         return _convertPdfToImages.apply(this, arguments);
       }
       return convertPdfToImages;