@solostylist/image-editor 1.0.20 → 1.0.22

package/lib/utils/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/utils/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,yBAAyB,EAAE,MAAmB,CAAC;AAC5D,eAAO,MAAM,eAAe,EAAE,MAA2B,CAAC;AAC1D,eAAO,MAAM,qBAAqB,EAAE,MAAiC,CAAC;AACtE,eAAO,MAAM,aAAa,EAAE,MAA6B,CAAC;AAC1D,eAAO,MAAM,oBAAoB,EAAE,MAAgC,CAAC;AAEpE,eAAO,MAAM,uBAAuB,EAAE,MAAoB,CAAC;AAE3D,eAAO,MAAM,oBAAoB,EAAE,MAAa,CAAC;AAEjD,eAAO,MAAM,QAAQ;;;;;;;CAOX,CAAC;AAEX,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;CAyBZ,CAAC;AAEX,eAAO,MAAM,eAAe;;;CAGlB,CAAC;AAEX,eAAO,MAAM,mBAAmB,EAAE,MAAU,CAAC;AAE7C,eAAO,MAAM,qBAAqB,EAAE,SAAS,MAAM,EAKzC,CAAC;AACX,eAAO,MAAM,oBAAoB,EAAE,SAAS,MAAM,EAMxC,CAAC;AAEX,eAAO,MAAM,kBAAkB,EAAE,MAAiC,CAAC;AAEnE,eAAO,MAAM,aAAa;;;;;;CAMhB,CAAC;AAEX,eAAO,MAAM,uBAAuB,EAAE,SAAS,MAAM,EAS3C,CAAC;AAEX,eAAO,MAAM,aAAa,EAAE,MAAe,CAAC;AAC5C,eAAO,MAAM,WAAW,EAAE,MAAiB,CAAC;AAC5C,eAAO,MAAM,YAAY,EAAE,MAAkB,CAAC;AAE9C,eAAO,MAAM,SAAS;;;;;;;;;;CAUZ,CAAC;AAEX,eAAO,MAAM,QAAQ;;;CAGX,CAAC;AAEX,eAAO,MAAM,eAAe;;;;CAIlB,CAAC;AAEX,eAAO,MAAM,iBAAiB;;;CAGpB,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/utils/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,yBAAyB,EAAE,MAAmB,CAAC;AAC5D,eAAO,MAAM,eAAe,EAAE,MAA2B,CAAC;AAC1D,eAAO,MAAM,qBAAqB,EAAE,MAAiC,CAAC;AACtE,eAAO,MAAM,aAAa,EAAE,MAA6B,CAAC;AAC1D,eAAO,MAAM,oBAAoB,EAAE,MAAgC,CAAC;AAEpE,eAAO,MAAM,uBAAuB,EAAE,MAAoB,CAAC;AAE3D,eAAO,MAAM,oBAAoB,EAAE,MAAa,CAAC;AAEjD,eAAO,MAAM,QAAQ;;;;;;;CAOX,CAAC;AAEX,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;CAyBZ,CAAC;AAEX,eAAO,MAAM,eAAe;;;CAGlB,CAAC;AAEX,eAAO,MAAM,mBAAmB,EAAE,MAAU,CAAC;AAE7C,eAAO,MAAM,qBAAqB,EAAE,SAAS,MAAM,EAKzC,CAAC;AACX,eAAO,MAAM,oBAAoB,EAAE,SAAS,MAAM,EAMxC,CAAC;AAEX,eAAO,MAAM,kBAAkB,EAAE,MAAiC,CAAC;AAEnE,eAAO,MAAM,aAAa;;;;;;CAMhB,CAAC;AAEX,eAAO,MAAM,uBAAuB,EAAE,SAAS,MAAM,EAS3C,CAAC;AAEX,eAAO,MAAM,aAAa,EAAE,MAAe,CAAC;AAC5C,eAAO,MAAM,WAAW,EAAE,MAAiB,CAAC;AAC5C,eAAO,MAAM,YAAY,EAAE,MAAkB,CAAC;AAE9C,eAAO,MAAM,SAAS;;;;;;;;;;CAUZ,CAAC;AAEX,eAAO,MAAM,QAAQ;;;CAGX,CAAC;AAEX,eAAO,MAAM,eAAe;;;;CAIlB,CAAC;AAEX,eAAO,MAAM,iBAAiB;;;;;CAKpB,CAAC"}

package/lib/utils/constants.js

@@ -79,6 +79,8 @@ export var CLOSING_REASONS = {
   BACK_BUTTON: 'back-button-clicked'
 };
 export var FEEDBACK_STATUSES = {
+  SUCCESS: 'success',
+  INFO: 'info',
   WARNING: 'warning',
   ERROR: 'error'
 };

package/lib/utils/file.d.ts

@@ -0,0 +1,4 @@
+import { SavedImageData } from 'types/common';
+export declare const downloadImageData: (imageData: SavedImageData) => Promise<void>;
+export declare const copyImageDataToClipboard: (imageData: SavedImageData) => Promise<void>;
+//# sourceMappingURL=file.d.ts.map

package/lib/utils/file.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file.d.ts","sourceRoot":"","sources":["../../src/utils/file.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAsD9C,eAAO,MAAM,iBAAiB,GAAU,WAAW,cAAc,kBAMhE,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAU,WAAW,cAAc,kBAavE,CAAC"}

package/lib/utils/file.js

@@ -0,0 +1,110 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+var createDownloadLink = function createDownloadLink(blob, fileName) {
+  var objectUrl = URL.createObjectURL(blob);
+  var link = document.createElement('a');
+  link.href = objectUrl;
+  link.download = fileName;
+  link.style.display = 'none';
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+  URL.revokeObjectURL(objectUrl);
+};
+var canvasToBlob = function canvasToBlob(canvas, mimeType, quality) {
+  return new Promise(function (resolve, reject) {
+    canvas.toBlob(function (blob) {
+      if (blob) {
+        resolve(blob);
+        return;
+      }
+      reject(new Error('Failed to process image.'));
+    }, mimeType, quality);
+  });
+};
+var getImageBlob = function () {
+  var _ref = _asyncToGenerator(_regeneratorRuntime.mark(function _callee(imageData) {
+    var response;
+    return _regeneratorRuntime.wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (!imageData.imageCanvas) {
+            _context.next = 1;
+            break;
+          }
+          return _context.abrupt("return", canvasToBlob(imageData.imageCanvas, imageData.mimeType, imageData.quality));
+        case 1:
+          if (!imageData.imageBase64) {
+            _context.next = 3;
+            break;
+          }
+          _context.next = 2;
+          return fetch(imageData.imageBase64);
+        case 2:
+          response = _context.sent;
+          return _context.abrupt("return", response.blob());
+        case 3:
+          throw new Error('No image data available.');
+        case 4:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function getImageBlob(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+export var downloadImageData = function () {
+  var _ref2 = _asyncToGenerator(_regeneratorRuntime.mark(function _callee2(imageData) {
+    var _imageData$fullName;
+    var blob;
+    return _regeneratorRuntime.wrap(function (_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _context2.next = 1;
+          return getImageBlob(imageData);
+        case 1:
+          blob = _context2.sent;
+          createDownloadLink(blob, (_imageData$fullName = imageData.fullName) !== null && _imageData$fullName !== void 0 ? _imageData$fullName : "".concat(imageData.name, ".").concat(imageData.extension));
+        case 2:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return function downloadImageData(_x2) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+export var copyImageDataToClipboard = function () {
+  var _ref3 = _asyncToGenerator(_regeneratorRuntime.mark(function _callee3(imageData) {
+    var _navigator$clipboard;
+    var blob, mimeType;
+    return _regeneratorRuntime.wrap(function (_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          if (!(!((_navigator$clipboard = navigator.clipboard) !== null && _navigator$clipboard !== void 0 && _navigator$clipboard.write) || typeof ClipboardItem === 'undefined')) {
+            _context3.next = 1;
+            break;
+          }
+          throw new Error('Clipboard image write is not supported in this browser.');
+        case 1:
+          _context3.next = 2;
+          return getImageBlob(imageData);
+        case 2:
+          blob = _context3.sent;
+          mimeType = blob.type || imageData.mimeType || 'image/png';
+          _context3.next = 3;
+          return navigator.clipboard.write([new ClipboardItem(_defineProperty({}, mimeType, blob))]);
+        case 3:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  }));
+  return function copyImageDataToClipboard(_x3) {
+    return _ref3.apply(this, arguments);
+  };
+}();

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.0.20",
+  "version": "1.0.22",
   "license": "MIT",
   "author": "Lê Đặng Trường Đạt",
   "main": "./lib/index.js",
@@ -58,7 +58,7 @@
     "@mui/material": "^7.3.9",
     "@mui/system": "^7.3.9",
     "@mui/utils": "^7.3.9",
-    "@solostylist/ui-kit": "^1.0.210",
+    "@solostylist/ui-kit": "^1.0.214",
     "dayjs": "^1.11.20",
     "embla-carousel": "8.6.0",
     "embla-carousel-autoplay": "^8.6.0",