[msteams] Context isolation support

3 files changed, 9 insertions, 10 deletions

diff --git a/recipes/msteams/package.json b/recipes/msteams/package.json
index f87082a..d412030 100644
--- a/recipes/msteams/package.json
+++ b/recipes/msteams/package.json
@@ -1,7 +1,7 @@
 {
   "id": "msteams",
   "name": "Microsoft Teams",
-  "version": "2.0.1",
+  "version": "3.0.0",
   "description": "Microsoft Teams",
   "main": "index.js",
   "author": "Stefan Malzner <stefan@adlk.io>",
diff --git a/recipes/msteams/webview-unsafe.js b/recipes/msteams/webview-unsafe.js
new file mode 100644
index 0000000..1c7b7cf
--- /dev/null
+++ b/recipes/msteams/webview-unsafe.js
@@ -0,0 +1,5 @@
+window.electronSafeIpc = {
+  send: () => null,
+  on: () => null,
+};
+window.desktop = undefined;
diff --git a/recipes/msteams/webview.js b/recipes/msteams/webview.js
index 6d499fb..3cd7af0 100644
--- a/recipes/msteams/webview.js
+++ b/recipes/msteams/webview.js
@@ -2,29 +2,23 @@
 
 const path = require('path');
 
-window.electronSafeIpc = {
-  send: () => null,
-  on: () => null
-};
-window.desktop = undefined;
-
 module.exports = Franz => {
   const getMessages = () => {
     let messages = 0;
     const badge = document.querySelector('.activity-badge.dot-activity-badge .activity-badge');
-
     if (badge) {
       const value = parseInt(badge.innerHTML, 10);
-
       if (!isNaN(value)) {
         messages = value;
       }
     }
-        const indirectMessages = document.querySelectorAll("[class*=channel-anchor][class*=ts-unread-channel]").length;
+
+    const indirectMessages = document.querySelectorAll('[class*=channel-anchor][class*=ts-unread-channel]').length;
 
     Franz.setBadge(messages, indirectMessages);
   };
 
   Franz.injectCSS(path.join(__dirname, 'service.css'));
+  Franz.injectJSUnsafe(path.join(__dirname, 'webview-unsafe.js'));
   Franz.loop(getMessages);
 };