@threedddplus/logoeditor 0.0.118 → 0.0.120

package/dist/index.d.ts

@@ -2,4 +2,5 @@ import { use3dddPlus } from './store';
 import * as Components from './components';
 import * as services from './services';
 import LogoEditor from './LogoEditor';
+import "./localDevelopment";
 export { LogoEditor, Components, use3dddPlus, services };

package/dist/logoeditor.cjs.development.js

@@ -42,6 +42,7 @@ var Select__default = _interopDefault(Select);
 var flowbiteReact = require('flowbite-react');
 var reactColor = require('react-color');
 require('react-toastify/dist/ReactToastify.css');
+var client = require('react-dom/client');
 
 function _regeneratorRuntime() {
   _regeneratorRuntime = function () {
@@ -5272,7 +5273,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.fabric.Object.prototype.objectCaching = true;
+  fabric.fabric.Object.prototype.objectCaching = false;
   fabric.fabric.Object.prototype.transparentCorners = false;
   fabric.fabric.Object.prototype.cornerColor = '#14caf7';
   fabric.fabric.Object.prototype.cornerStrokeColor = '#045791';
@@ -7336,6 +7337,7 @@ var PopUpCanvas = function PopUpCanvas() {
   }));
 };
 
+// import sharp from 'sharp';
 var UploadLogo = function UploadLogo() {
   var _useState = React.useState(null),
     setSelectedFile = _useState[1];
@@ -7359,7 +7361,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:
@@ -7373,7 +7375,7 @@ var UploadLogo = function UploadLogo() {
               break;
             }
             imageToSVG(data, ext, true);
-            _context.next = 23;
+            _context.next = 36;
             break;
           case 6:
             if (!(ext === 'tif' || ext === 'tiff')) {
@@ -7385,7 +7387,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')) {
@@ -7411,14 +7413,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();
         }
@@ -7433,7 +7462,7 @@ var UploadLogo = function UploadLogo() {
   }, React__default.createElement("div", {
     className: "relative w-full h-full"
   }, React__default.createElement("div", {
-    className: "flex justify-center w-full h-full  text-center"
+    className: "flex justify-center w-full h-full text-center"
   }, React__default.createElement(FileUploadButton, {
     onFileSelect: handleFileSelect
   })), React__default.createElement("div", {
@@ -8357,7 +8386,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'
@@ -8380,7 +8409,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',
@@ -14785,6 +14814,21 @@ var LogoEditor = function LogoEditor(_ref) {
   }))));
 };
 
+var container = /*#__PURE__*/document.getElementById('root');
+var root = /*#__PURE__*/client.createRoot(container); // createRoot(container!) if you use TypeScript
+root.render(React__default.createElement(LogoEditor, {
+  stepperId: 1,
+  onApply: undefined,
+  customLogoColorList: undefined,
+  defaultColorList: undefined,
+  logoData: undefined,
+  customerId: undefined,
+  onSaveLogo: undefined,
+  onClose: function onClose() {
+    console.log('1212i');
+  }
+}));
+
 exports.Components = index$1;
 exports.LogoEditor = LogoEditor;
 exports.services = index;