From 64c88f5c42b5f4d80c58da673602216b8999a262 Mon Sep 17 00:00:00 2001
From: dragonwocky <thedragonring.bod@gmail.com>
Date: Tue, 27 Oct 2020 20:43:32 +1100
Subject: [PATCH] tabs: #84 include page icons in title

---
 mods/core/client.js    | 31 +++++++++++++++++++++++++++++++
 mods/core/css/tabs.css |  4 ++++
 mods/core/render.js    |  6 +++++-
 3 files changed, 40 insertions(+), 1 deletion(-)

diff --git a/mods/core/client.js b/mods/core/client.js
index 0d97db1..46142a8 100644
--- a/mods/core/client.js
+++ b/mods/core/client.js
@@ -216,7 +216,38 @@ module.exports = (store, __exports) => {
 
     if (tabsEnabled) {
       let tab_title = '';
+      const TITLE_OBSERVER = new MutationObserver(() =>
+        __electronApi.setWindowTitle('notion.so')
+      );
       __electronApi.setWindowTitle = (title) => {
+        const $container =
+            document.querySelector(
+              '.notion-peek-renderer [style="padding-left: calc(126px + env(safe-area-inset-left)); padding-right: calc(126px + env(safe-area-inset-right)); max-width: 100%; width: 100%;"]'
+            ) ||
+            document.querySelector(
+              '.notion-frame [style="padding-left: calc(96px + env(safe-area-inset-left)); padding-right: calc(96px + env(safe-area-inset-right)); max-width: 100%; margin-bottom: 8px; width: 100%;"]'
+            ) ||
+            document.querySelector('.notion-peak-renderer') ||
+            document.querySelector('.notion-frame'),
+          icon = $container.querySelector(
+            '.notion-record-icon [aria-label]:not([src^="data:"])'
+          ),
+          text = $container.querySelector('[placeholder="Untitled"]');
+        title =
+          (icon ? `<img src="${icon.getAttribute('src')}">` : '') +
+          (text
+            ? text.innerText
+            : [
+                setTimeout(() => __electronApi.setWindowTitle(title), 250),
+                title,
+              ][1]);
+        TITLE_OBSERVER.disconnect();
+        TITLE_OBSERVER.observe($container, {
+          childList: true,
+          subtree: true,
+          characterData: true,
+          attributes: true,
+        });
         if (tab_title !== title) {
           tab_title = title;
           electron.ipcRenderer.sendToHost('enhancer:set-tab-title', title);
diff --git a/mods/core/css/tabs.css b/mods/core/css/tabs.css
index 4e98540..cbde34a 100644
--- a/mods/core/css/tabs.css
+++ b/mods/core/css/tabs.css
@@ -130,6 +130,10 @@ body,
   border-bottom: 4px solid var(--theme--table-border);
   opacity: 0.8;
 }
+#tabs .tab img {
+  width: 1em;
+  margin: 0 0.5em -3px 0.1em;
+}
 #tabs .tab:first-child {
   margin-top: 0.5em;
 }
diff --git a/mods/core/render.js b/mods/core/render.js
index aa72adb..92cb337 100644
--- a/mods/core/render.js
+++ b/mods/core/render.js
@@ -744,7 +744,11 @@ module.exports = (store, __exports) => {
                       this.views.tabs[id] = $tab;
                     },
                   },
-                  React.createElement('span', {}, title),
+                  React.createElement('span', {
+                    dangerouslySetInnerHTML: {
+                      __html: title,
+                    },
+                  }),
                   React.createElement(
                     'span',
                     {