@threedddplus/logoeditor 0.0.119 → 0.0.120

package/dist/logoeditor.esm.js

@@ -33,6 +33,7 @@ import Select, { components } from 'react-select';
 import { FloatingLabel } from 'flowbite-react';
 import { ChromePicker } from 'react-color';
 import 'react-toastify/dist/ReactToastify.css';
+import { createRoot } from 'react-dom/client';
 
 function _regeneratorRuntime() {
   _regeneratorRuntime = function () {
@@ -5263,7 +5264,7 @@ var initCanvas = function initCanvas() {
   rotateImg.src = 'https://storage.googleapis.com/3ddplusgcp/logoEditor/assets/icons/rotate.png';
   var settingImg = document.createElement('img');
   settingImg.src = 'https://storage.googleapis.com/3ddplusgcp/logoEditor/assets/icons/settings.png';
-  fabric.Object.prototype.objectCaching = true;
+  fabric.Object.prototype.objectCaching = false;
   fabric.Object.prototype.transparentCorners = false;
   fabric.Object.prototype.cornerColor = '#14caf7';
   fabric.Object.prototype.cornerStrokeColor = '#045791';
@@ -7327,6 +7328,7 @@ var PopUpCanvas = function PopUpCanvas() {
   }));
 };
 
+// import sharp from 'sharp';
 var UploadLogo = function UploadLogo() {
   var _useState = useState(null),
     setSelectedFile = _useState[1];
@@ -7350,7 +7352,7 @@ var UploadLogo = function UploadLogo() {
 
   var svgConverter = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(data) {
-      var ext, tiffData, aiToSvg, objectURL;
+      var ext, tiffData, aiToSvg, formData, response, blob, imageUrl;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -7364,7 +7366,7 @@ var UploadLogo = function UploadLogo() {
               break;
             }
             imageToSVG(data, ext, true);
-            _context.next = 23;
+            _context.next = 36;
             break;
           case 6:
             if (!(ext === 'tif' || ext === 'tiff')) {
@@ -7376,7 +7378,7 @@ var UploadLogo = function UploadLogo() {
           case 9:
             tiffData = _context.sent;
             imageToSVG(tiffData, ext);
-            _context.next = 23;
+            _context.next = 36;
             break;
           case 13:
             if (!(ext === 'ai' || ext === 'pdf')) {
@@ -7402,14 +7404,41 @@ var UploadLogo = function UploadLogo() {
                 loading: false
               });
             });
-            _context.next = 23;
+            _context.next = 36;
             break;
           case 21:
-            objectURL = URL.createObjectURL(data);
-            imageToSVG(objectURL, ext);
-          case 23:
+            // const imageBuffer = await sharp(data)
+            //   .resize(300, 300) // Resize the image to 300x300 pixels
+            //   .toBuffer();
+            // const imaeBlob = new Blob([imageBuffer], { type: 'image/png' });
+            // let objectURL = URL.createObjectURL(data);
+            formData = new FormData();
+            formData.append('image', data);
+            console.log(formData);
+            _context.next = 26;
+            return fetch('https://imagesharpher-f4b4o225iq-ue.a.run.app/upload', {
+              method: 'POST',
+              body: formData
+            });
+          case 26:
+            response = _context.sent;
+            if (!response.ok) {
+              _context.next = 35;
+              break;
+            }
+            _context.next = 30;
+            return response.blob();
+          case 30:
+            blob = _context.sent;
+            imageUrl = URL.createObjectURL(blob); // setProcessedImage(imageUrl);
+            imageToSVG(imageUrl, ext);
+            _context.next = 36;
+            break;
+          case 35:
+            alert('Failed to process the image');
+          case 36:
             setSelectedFile(null);
-          case 24:
+          case 37:
           case "end":
             return _context.stop();
         }
@@ -7424,7 +7453,7 @@ var UploadLogo = function UploadLogo() {
   }, React.createElement("div", {
     className: "relative w-full h-full"
   }, React.createElement("div", {
-    className: "flex justify-center w-full h-full  text-center"
+    className: "flex justify-center w-full h-full text-center"
   }, React.createElement(FileUploadButton, {
     onFileSelect: handleFileSelect
   })), React.createElement("div", {
@@ -8348,7 +8377,7 @@ var fontFamilies = [{
   src: 'https://storage.googleapis.com/3ddplusgcp/logoEditor/assets/fonts/athletic.ttf'
 }, {
   name: 'Ballpark',
-  src: 'https://storage.googleapis.com/3ddplusgcp/logoEditor/assets/fonts/ballpark.TTF '
+  src: 'https://storage.googleapis.com/3ddplusgcp/logoEditor/assets/fonts/ballpark.TTF'
 }, {
   name: 'BebasKai',
   src: 'https://storage.googleapis.com/3ddplusgcp/richardson-customizer/fonts/BebasKai.otf'
@@ -8371,7 +8400,7 @@ var fontFamilies = [{
   name: 'Copper',
   src: 'https://storage.googleapis.com/3ddplusgcp/richardson-customizer/fonts/copgothb.woff'
 }, {
-  name: 'Eupo Block',
+  name: 'Euro Block',
   src: 'https://storage.googleapis.com/3ddplusgcp/richardson-customizer/fonts/handgotb.woff'
 }, {
   name: 'Full Block',
@@ -14742,15 +14771,7 @@ var LogoEditor = function LogoEditor(_ref) {
     })["catch"](function (error) {
       return console.error('Error fetching font families:', error);
     });
-  }, [
-    // stepperId,
-    // customLogoColorList,
-    // defaultColorList,
-    // customerId,
-    // logoData,
-    // myLogoHandler,
-    // setSelectedStepper,
-  ]);
+  }, [stepperId, customLogoColorList, defaultColorList, customerId, logoData, myLogoHandler, setSelectedStepper]);
   return React.createElement(Modal, {
     backdropStyle: "z-[7]",
     contentStyle: "top-0 bottom-0 !m-[auto] z-[7] w-[80%] p-0",
@@ -14784,5 +14805,20 @@ var LogoEditor = function LogoEditor(_ref) {
   }))));
 };
 
+var container = /*#__PURE__*/document.getElementById('root');
+var root = /*#__PURE__*/createRoot(container); // createRoot(container!) if you use TypeScript
+root.render(React.createElement(LogoEditor, {
+  stepperId: 1,
+  onApply: undefined,
+  customLogoColorList: undefined,
+  defaultColorList: undefined,
+  logoData: undefined,
+  customerId: undefined,
+  onSaveLogo: undefined,
+  onClose: function onClose() {
+    console.log('1212i');
+  }
+}));
+
 export { index$1 as Components, LogoEditor, index as services, use3dddPlus };
 //# sourceMappingURL=logoeditor.esm.js.map