From 7a7ee23bea6fba1aca6cd59a2ba51578584184fb Mon Sep 17 00:00:00 2001
From: Odei Maiz <33152403+odeimaiz@users.noreply.github.com>
Date: Mon, 29 Apr 2024 17:36:57 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Frontend:=20favicons=20pointing?=
 =?UTF-8?q?=20to=20assets=20repo=20(#5755)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../client/source/class/osparc/Application.js |   4 ++-
 .../source/class/osparc/product/Utils.js      |  27 ++++++++++++++++++
 .../client/source/resource/osparc/favicon.png | Bin 2158 -> 0 bytes
 3 files changed, 30 insertions(+), 1 deletion(-)
 delete mode 100644 services/static-webserver/client/source/resource/osparc/favicon.png

diff --git a/services/static-webserver/client/source/class/osparc/Application.js b/services/static-webserver/client/source/class/osparc/Application.js
index f00f4e12c93..026a8a19f82 100644
--- a/services/static-webserver/client/source/class/osparc/Application.js
+++ b/services/static-webserver/client/source/class/osparc/Application.js
@@ -213,7 +213,9 @@ qx.Class.define("osparc.Application", {
         link.rel = "icon";
         document.getElementsByTagName("head")[0].appendChild(link);
       }
-      link.href = "/resource/osparc/favicon-"+qx.core.Environment.get("product.name")+".png";
+      link.href = "";
+      osparc.product.Utils.getFaviconUrl()
+        .then(url => link.href = url);
     },
 
     __startupChecks: function() {
diff --git a/services/static-webserver/client/source/class/osparc/product/Utils.js b/services/static-webserver/client/source/class/osparc/product/Utils.js
index c57003f7b70..4b3799a51ef 100644
--- a/services/static-webserver/client/source/class/osparc/product/Utils.js
+++ b/services/static-webserver/client/source/class/osparc/product/Utils.js
@@ -114,6 +114,33 @@ qx.Class.define("osparc.product.Utils", {
       return resourceType;
     },
 
+    __linkExists: function(url) {
+      return new Promise((resolve, reject) => {
+        const reqSvg = new XMLHttpRequest();
+        reqSvg.open("GET", url, true);
+        reqSvg.onreadystatechange = () => {
+          if (reqSvg.readyState === 4) {
+            if (reqSvg.status === 404) {
+              reject();
+            } else {
+              resolve();
+            }
+          }
+        };
+        reqSvg.send();
+      });
+    },
+
+    getFaviconUrl: function() {
+      const pngUrl = "https://raw.githubusercontent.com/ZurichMedTech/s4l-assets/main/app/favicons/favicon-"+this.getProductName()+".png";
+      const fallbackIcon = "/resource/osparc/favicon-"+this.getProductName()+".png";
+      return new Promise(resolve => {
+        this.__linkExists(pngUrl)
+          .then(() => resolve(pngUrl))
+          .catch(() => resolve(fallbackIcon))
+      });
+    },
+
     getLogoPath: function(longLogo = true) {
       let logosPath = null;
       const colorManager = qx.theme.manager.Color.getInstance();
diff --git a/services/static-webserver/client/source/resource/osparc/favicon.png b/services/static-webserver/client/source/resource/osparc/favicon.png
deleted file mode 100644
index 2ac77a3c21545712d741006cab609249145d6cd0..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2158
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
Lba$w?r||y`Ada0U