sceyt-chat-react-uikit 1.8.3-beta.3 → 1.8.3-beta.4

package/index.js

@@ -10389,6 +10389,7 @@ var queryDirection = {
 };
 
 var ATTACHMENTS_CACHE = 'attachments-cache';
+var ATTACHMENT_VERSION_KEY = 'sceyt_attachment_cache_version';
 var isBrowser = typeof window !== 'undefined';
 var cacheAvailable;
 if (isBrowser) {
@@ -10396,7 +10397,7 @@ if (isBrowser) {
 } else {
   cacheAvailable = 'caches' in global;
 }
-var ATTACHMENT_VERSION = "_1_0_0";
+var ATTACHMENT_VERSION = "_1_0_1";
 var setAttachmentToCache = function setAttachmentToCache(attachmentUrl, attachmentResponse) {
   try {
     var attachmentURLVersion = attachmentUrl + ATTACHMENT_VERSION;
@@ -10475,6 +10476,49 @@ var getAttachmentUrlFromCache = function getAttachmentUrlFromCache(attachmentUrl
 var getAttachmentURLWithVersion = function getAttachmentURLWithVersion(attachmentUrl) {
   return attachmentUrl + ATTACHMENT_VERSION;
 };
+var cleanupOldAttachmentCache = function cleanupOldAttachmentCache() {
+  try {
+    if (!cacheAvailable || !isBrowser) {
+      return Promise.resolve();
+    }
+    return Promise.resolve(_catch(function () {
+      function _temp0() {
+        localStorage.setItem(ATTACHMENT_VERSION_KEY, ATTACHMENT_VERSION);
+      }
+      var storedVersion = localStorage.getItem(ATTACHMENT_VERSION_KEY) || '_1_0_0';
+      var _temp9 = function () {
+        if (storedVersion && storedVersion !== ATTACHMENT_VERSION) {
+          log.info("Attachment cache version changed from " + storedVersion + " to " + ATTACHMENT_VERSION + ", cleaning up old cache...");
+          return Promise.resolve(caches.open(ATTACHMENTS_CACHE)).then(function (cache) {
+            return Promise.resolve(cache.keys()).then(function (requests) {
+              function _temp8() {
+                log.info("Cleaned up " + deletedCount + " old cached attachments");
+              }
+              var deletedCount = 0;
+              var _temp7 = _forOf(requests, function (request) {
+                var url = request.url;
+                var _temp6 = function () {
+                  if (url.includes(storedVersion)) {
+                    return Promise.resolve(cache["delete"](request)).then(function () {
+                      deletedCount++;
+                    });
+                  }
+                }();
+                if (_temp6 && _temp6.then) return _temp6.then(function () {});
+              });
+              return _temp7 && _temp7.then ? _temp7.then(_temp8) : _temp8(_temp7);
+            });
+          });
+        }
+      }();
+      return _temp9 && _temp9.then ? _temp9.then(_temp0) : _temp0(_temp9);
+    }, function (error) {
+      log.error('Error cleaning up old attachment cache:', error);
+    }));
+  } catch (e) {
+    return Promise.reject(e);
+  }
+};
 
 function sendMessageAC(message, channelId, connectionState, sendAttachmentsAsSeparateMessage, isResend) {
   return {
@@ -20071,16 +20115,21 @@ var resizeImageWithPica = function resizeImageWithPica(file, maxWidth, maxHeight
             newHeight: img.height
           };
         }
+        var srcCanvas = document.createElement('canvas');
+        srcCanvas.width = img.width;
+        srcCanvas.height = img.height;
+        var srcCtx = srcCanvas.getContext('2d');
+        srcCtx.drawImage(img, 0, 0);
+        URL.revokeObjectURL(url);
         var canvas = document.createElement('canvas');
         canvas.width = newWidth;
         canvas.height = newHeight;
-        return Promise.resolve(pica.resize(img, canvas, {
+        return Promise.resolve(pica.resize(srcCanvas, canvas, {
           quality: 3,
           unsharpAmount: 80,
           unsharpRadius: 0.6,
           unsharpThreshold: 2
         })).then(function () {
-          URL.revokeObjectURL(url);
           var originalType = file.type || 'image/jpeg';
           var outputType = type || 'image/webp';
           if (outputType === 'image/webp' && !canvas.toDataURL('image/webp').includes('webp')) {
@@ -25986,6 +26035,7 @@ var SceytChat = function SceytChat(_ref) {
   React.useEffect(function () {
     log.info('client is changed.... ', client);
     if (client) {
+      cleanupOldAttachmentCache();
       setClient(client);
       setSceytChatClient(client);
       dispatch(setUserAC(client.user));

package/index.modern.js

@@ -10388,6 +10388,7 @@ var queryDirection = {
 };
 
 var ATTACHMENTS_CACHE = 'attachments-cache';
+var ATTACHMENT_VERSION_KEY = 'sceyt_attachment_cache_version';
 var isBrowser = typeof window !== 'undefined';
 var cacheAvailable;
 if (isBrowser) {
@@ -10395,7 +10396,7 @@ if (isBrowser) {
 } else {
   cacheAvailable = 'caches' in global;
 }
-var ATTACHMENT_VERSION = "_1_0_0";
+var ATTACHMENT_VERSION = "_1_0_1";
 var setAttachmentToCache = function setAttachmentToCache(attachmentUrl, attachmentResponse) {
   try {
     var attachmentURLVersion = attachmentUrl + ATTACHMENT_VERSION;
@@ -10474,6 +10475,49 @@ var getAttachmentUrlFromCache = function getAttachmentUrlFromCache(attachmentUrl
 var getAttachmentURLWithVersion = function getAttachmentURLWithVersion(attachmentUrl) {
   return attachmentUrl + ATTACHMENT_VERSION;
 };
+var cleanupOldAttachmentCache = function cleanupOldAttachmentCache() {
+  try {
+    if (!cacheAvailable || !isBrowser) {
+      return Promise.resolve();
+    }
+    return Promise.resolve(_catch(function () {
+      function _temp0() {
+        localStorage.setItem(ATTACHMENT_VERSION_KEY, ATTACHMENT_VERSION);
+      }
+      var storedVersion = localStorage.getItem(ATTACHMENT_VERSION_KEY) || '_1_0_0';
+      var _temp9 = function () {
+        if (storedVersion && storedVersion !== ATTACHMENT_VERSION) {
+          log.info("Attachment cache version changed from " + storedVersion + " to " + ATTACHMENT_VERSION + ", cleaning up old cache...");
+          return Promise.resolve(caches.open(ATTACHMENTS_CACHE)).then(function (cache) {
+            return Promise.resolve(cache.keys()).then(function (requests) {
+              function _temp8() {
+                log.info("Cleaned up " + deletedCount + " old cached attachments");
+              }
+              var deletedCount = 0;
+              var _temp7 = _forOf(requests, function (request) {
+                var url = request.url;
+                var _temp6 = function () {
+                  if (url.includes(storedVersion)) {
+                    return Promise.resolve(cache["delete"](request)).then(function () {
+                      deletedCount++;
+                    });
+                  }
+                }();
+                if (_temp6 && _temp6.then) return _temp6.then(function () {});
+              });
+              return _temp7 && _temp7.then ? _temp7.then(_temp8) : _temp8(_temp7);
+            });
+          });
+        }
+      }();
+      return _temp9 && _temp9.then ? _temp9.then(_temp0) : _temp0(_temp9);
+    }, function (error) {
+      log.error('Error cleaning up old attachment cache:', error);
+    }));
+  } catch (e) {
+    return Promise.reject(e);
+  }
+};
 
 function sendMessageAC(message, channelId, connectionState, sendAttachmentsAsSeparateMessage, isResend) {
   return {
@@ -20070,16 +20114,21 @@ var resizeImageWithPica = function resizeImageWithPica(file, maxWidth, maxHeight
             newHeight: img.height
           };
         }
+        var srcCanvas = document.createElement('canvas');
+        srcCanvas.width = img.width;
+        srcCanvas.height = img.height;
+        var srcCtx = srcCanvas.getContext('2d');
+        srcCtx.drawImage(img, 0, 0);
+        URL.revokeObjectURL(url);
         var canvas = document.createElement('canvas');
         canvas.width = newWidth;
         canvas.height = newHeight;
-        return Promise.resolve(pica.resize(img, canvas, {
+        return Promise.resolve(pica.resize(srcCanvas, canvas, {
           quality: 3,
           unsharpAmount: 80,
           unsharpRadius: 0.6,
           unsharpThreshold: 2
         })).then(function () {
-          URL.revokeObjectURL(url);
           var originalType = file.type || 'image/jpeg';
           var outputType = type || 'image/webp';
           if (outputType === 'image/webp' && !canvas.toDataURL('image/webp').includes('webp')) {
@@ -25985,6 +26034,7 @@ var SceytChat = function SceytChat(_ref) {
   useEffect(function () {
     log.info('client is changed.... ', client);
     if (client) {
+      cleanupOldAttachmentCache();
       setClient(client);
       setSceytChatClient(client);
       dispatch(setUserAC(client.user));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sceyt-chat-react-uikit",
-  "version": "1.8.3-beta.3",
+  "version": "1.8.3-beta.4",
   "description": "Interactive React UI Components for Sceyt Chat.",
   "author": "Sceyt",
   "license": "MIT",