@threedddplus/logoeditor 0.0.124 → 0.0.126

package/dist/logoeditor.cjs.development.js

@@ -2866,9 +2866,8 @@ var fabricSlice = function fabricSlice(set, get) {
     testSVG: function testSVG(data) {
       fabric.fabric.loadSVGFromURL(data, function (objects, options) {
         var loadedObject = fabric.fabric.util.groupSVGElements(objects, options);
-        // console.log(svg)
-        loadedObject.scaleToWidth(200);
-        loadedObject.scaleToHeight(200);
+        loadedObject.scaleToWidth(450);
+        loadedObject.scaleToHeight(450);
         var objImage = [];
         var _Fills = [];
         //@ts-ignore
@@ -4019,20 +4018,16 @@ var converterSlice = function converterSlice(set, get) {
     if (canvasToLoad === void 0) {
       canvasToLoad = use3dddPlus.getState().popupCanv;
     }
-    // console.log("svgstr\n",svgstr , 'color-VAL\n',colorValue ,'canvas\n' ,canvasToLoad);
     fabric.fabric.loadSVGFromString(
     //@ts-ignore
     new String(svgstr), function (objects, options) {
       var _canvasToLoad, _use3dddPlus$getState;
       var svgData = getDesignConceptSVGData(svgstr);
-      console.log(svgData);
       var loadedObject = fabric.fabric.util.groupSVGElements(objects, options);
       svgData.forEach(function (resItem) {
         var path;
         var node;
         objects == null ? void 0 : objects.forEach(function (item) {
-          //@ts-ignore
-          // console.log(item.id, res[0].path.replace("#", ""));
           //@ts-ignore
           if (item.id === resItem.path) {
             path = item;
@@ -4041,7 +4036,6 @@ var converterSlice = function converterSlice(set, get) {
             node = item;
           }
         });
-        console.log(node, path);
         if (node && path) {
           var _resItem$node$childre, _resItem$node$childre2;
           var fontSize = (_resItem$node$childre = resItem.node.children[0]) == null ? void 0 : (_resItem$node$childre2 = _resItem$node$childre.getAttribute('font-size')) == null ? void 0 : _resItem$node$childre2.replace('px', '');
@@ -4089,7 +4083,7 @@ var converterSlice = function converterSlice(set, get) {
         objImage.forEach(function (ele) {
           var _ele$id;
           ele.set({
-            strokeWidth: 0
+            strokeWidth: 3
           });
           ele.set({
             id: (_ele$id = ele.id) != null ? _ele$id : use3dddPlus.getState().guid()
@@ -4192,28 +4186,7 @@ var converterSlice = function converterSlice(set, get) {
       // loadedObject.id = use3dddPlus.getState().guid();
       // loadedObject = new fabric.Group(objImage, options);
       (_use3dddPlus$getState = use3dddPlus.getState().popupCanv) == null ? void 0 : _use3dddPlus$getState.clear();
-      // use3dddPlus
-      //   .getState()
-      //   .popupCanv.setBackgroundColor(
-      //     {
-      //       source:
-      //         'https://storage.googleapis.com/3ddplusgcp/logoEditor/assets/icons/checkerBoxBG.png',
-      //       repeat: 'repeat',
-      //     },
-      //     use3dddPlus
-      //       .getState()
-      //       .popupCanv.renderAll.bind(use3dddPlus.getState().popupCanv),
-      //     {
-      //       backgroundImageOpacity: 1,
-      //       scaleX: 1.1,
-      //       scaleY: 1.1,
-      //       backgroundRepeat: 'repeat',
-      //     }
-      //   );
-      // const canvas = use3dddPlus.getState().popupCanv;
       var gridSize = 83; // Size of each grid cell
-      // var canvasWidth = canvas.width;
-      // var canvasHeight = canvas.height;
       var numCols = Math.ceil(canvasWidth / gridSize);
       var numRows = Math.ceil(canvasHeight / gridSize);
       // Function to create a rectangle with checkerboard pattern
@@ -4281,28 +4254,6 @@ var converterSlice = function converterSlice(set, get) {
       use3dddPlus.getState().popUpCanvasUpdateModification(true);
     });
   };
-  // function convertToFabricUnits(valueWithUnit, canvasHeight = 500) {
-  //   // Parse the value and unit from the string
-  //   const matches = valueWithUnit.match(/^([\d.]+)(\D+)$/);
-  //   if (!matches) {
-  //       throw new Error("Invalid value format. Value must be in the format 'numberunit', e.g., '10px'.");
-  //   }
-  //   const value = parseFloat(matches[1]);
-  //   const unit = matches[2];
-  //   // Define conversion ratios for different units
-  //   const conversionTable = {
-  //       'px': 1,
-  //       'em': 16,  // Assuming 1em = 16px (default browser font size)
-  //       'rem': 16, // Same as em
-  //       'vh': canvasHeight / 100  // 1vh is 1% of canvas height
-  //   };
-  //   // Convert the value to pixels
-  //   if (unit in conversionTable) {
-  //       return value * conversionTable[unit];
-  //   } else {
-  //       throw new Error("Unsupported unit. Supported units are 'px', 'em', 'rem', 'vh'.");
-  //   }
-  // }
   var getDesignConceptSVGData = function getDesignConceptSVGData(svgData) {
     var parser = new DOMParser();
     var xmlDoc = parser.parseFromString(svgData, 'image/svg+xml');
@@ -4425,22 +4376,26 @@ var converterSlice = function converterSlice(set, get) {
       if (convert === void 0) {
         convert = true;
       }
-      console.log("ext\n", ext);
-      // use3dddPlus.setState({ uploadImageModalDisplay: true });
       use3dddPlus.setState({
         loading: true
       });
       if (convert) {
         if (isSVG) {
-          console.log("entering into fileupload-->");
-          var reader = new FileReader();
-          reader.onload = function (e) {
+          if (ext === "vectorSVG") {
             use3dddPlus.setState({
-              imageData: e.target.result
+              imageData: data
             });
-            processImage(e.target.result, 8);
-          };
-          reader.readAsText(data);
+            processImage(data, 8);
+          } else {
+            var reader = new FileReader();
+            reader.onload = function (e) {
+              use3dddPlus.setState({
+                imageData: e.target.result
+              });
+              processImage(e.target.result, 8);
+            };
+            reader.readAsText(data);
+          }
         } else {
           console.log("entering INTO ImageTracer-->");
           ImageTracer.imageToSVG(data, function (svgstr) {
@@ -7367,7 +7322,6 @@ var PopUpCanvas = function PopUpCanvas() {
   }));
 };
 
-// import axios, { AxiosRequestConfig } from 'axios';
 var UploadLogo = function UploadLogo() {
   var _useState = React.useState(null),
     setSelectedFile = _useState[1];
@@ -7466,7 +7420,7 @@ var UploadLogo = function UploadLogo() {
             fetch(vectorizeImage.svg_url).then(function (response) {
               return response.text();
             }).then(function (svgText) {
-              imageToSVG(svgText, 'svg', false, false);
+              imageToSVG(svgText, 'vectorSVG', true);
               use3dddPlus.setState({
                 loading: false
               });