Use a click-handler for slack to capture all click events and open in the same recipe webview

2 files changed, 15 insertions, 1 deletions

diff --git a/recipes/slack/package.json b/recipes/slack/package.json
index 5420c5b..6d18dac 100644
--- a/recipes/slack/package.json
+++ b/recipes/slack/package.json
@@ -1,7 +1,7 @@
 {
   "id": "slack",
   "name": "Slack",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "license": "MIT",
   "config": {
     "serviceURL": "https://{teamId}.slack.com",
diff --git a/recipes/slack/webview.js b/recipes/slack/webview.js
index b3722f0..652b586 100644
--- a/recipes/slack/webview.js
+++ b/recipes/slack/webview.js
@@ -75,4 +75,18 @@ module.exports = Ferdium => {
   }, 4000);
 
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+
+  // TODO: See how this can be moved into the main ferdium app and sent as an ipc message for opening with a new window or same Ferdium recipe's webview based on user's preferences
+  document.addEventListener('click', event => {
+    const link = event.target.closest('a[href^="http"]');
+    const button = event.target.closest('button[title^="http"]');
+
+    if (link || button) {
+      const url = link ? link.getAttribute('href') : button.getAttribute('title');
+
+      event.preventDefault();
+      event.stopPropagation();
+      window.location.href = url;
+    }
+  }, true);
 };