@social-mail/social-mail-client 1.8.402 → 1.8.403

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@social-mail/social-mail-client",
-  "version": "1.8.402",
+  "version": "1.8.403",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src/common/FileUrlService.ts

@@ -1,5 +1,5 @@
 import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
-import svg from "@social-mail/social-mail-client/content/svg/blank.svg";
+import FetchBuilder from "@web-atoms/core/dist/services/FetchBuilder";
 
 export interface IFileUrl {
     name?: string;
@@ -45,36 +45,22 @@ export const FileUrlService = {
 
 };
 
-document.addEventListener("load", (e) => {
-    const img = e.target as HTMLImageElement;
-    if (!img.isConnected) {
-        return;
-    }
-    if(img.getAttribute("animated") !== "true") {
+export const AnimatedImgSrc = AtomControl.registerProperty("animated", "src", (c, e, v) => {
+    e.setAttribute("src", v);
+    if (!v) {
         return;
     }
-    const src = img.getAttribute("src");
-    setTimeout(() => {
-        if (!img.isConnected) {
-            return;
-        }
-        const { parentElement } = img;
-        const blank = img.cloneNode() as HTMLImageElement;
-        blank.setAttribute("src", svg);
-        blank.removeAttribute("animated");
-        parentElement.replaceChild(blank, img);
-        setTimeout(() => {
-            const newImg = document.createElement("img");
-            for (const key of img.getAttributeNames()) {
-                newImg.setAttribute(key, img.getAttribute(key));
+    const i = setInterval(() => {
+        const f = FetchBuilder.get(v).asBlob().then((svg) => {
+            const url = URL.createObjectURL(svg);
+            const lastUrl = e.getAttribute("src");
+            if (lastUrl.startsWith("blob:")) {
+                URL.revokeObjectURL(lastUrl);
             }
-            newImg.setAttribute("src", src);
-            parentElement.replaceChild(newImg, blank);
-        }, 100);
-    }, 5000);
-}, { capture: true });
-
-export const AnimatedImgSrc = AtomControl.registerProperty("animated", "src", (c, e, v) => {
-    e.setAttribute("animated", "true");
-    e.setAttribute("src", v);
+            e.setAttribute("src", url);
+        });
+    },5000);
+    c.disposables.add(() => {
+        clearInterval(i);
+    });
 });