remove loop from core client.js

mods/core/client.js

@@ -25,7 +25,11 @@ module.exports = (store, __exports) => {
 
   const attempt_interval = setInterval(enhance, 500);
   async function enhance() {
-    if (!document.querySelector('.notion-frame')) return;
+    if (
+      !document.querySelector('.notion-frame') ||
+      !document.querySelector('.notion-sidebar')
+    )
+      return;
     clearInterval(attempt_interval);
 
     // scrollbars
@@ -72,17 +76,18 @@ module.exports = (store, __exports) => {
       .querySelector('.notion-topbar-share-menu')
       .parentElement.classList.add('notion-topbar-actions');
 
-    let sidebar_width;
-    function communicationLoop() {
     const getStyle = (prop) =>
       getComputedStyle(
         document.querySelector('.notion-app-inner')
-          ).getPropertyValue(prop),
+      ).getPropertyValue(prop);
-        mode = JSON.parse(localStorage.theme).mode;
 
     // ctrl+f theming
+    document.defaultView.addEventListener('keydown', (event) => {
+      if (event.key === 'f' && (event.ctrlKey || event.metaKey)) {
         notionIpc.sendNotionToIndex('search:set-theme', {
-        'mode': mode,
+          'mode': document.querySelector('.notion-dark-theme')
+            ? 'dark'
+            : 'light',
           'colors': {
             'white': getStyle(`--theme--option_active-color`),
             'blue': getStyle(`--theme--option_active-background`),
@@ -102,30 +107,34 @@ module.exports = (store, __exports) => {
           'dividerColor': getStyle(`--theme--table-border`),
           'shadowOpacity': 0.2,
         });
+      }
+    });
 
     // enhancer menu
-      electron.ipcRenderer.send('enhancer:set-theme', {
+    function setMenuTheme() {
-        mode,
+      electron.ipcRenderer.send('enhancer:set-menu-theme', {
+        mode: document.querySelector('.notion-dark-theme') ? 'dark' : 'light',
         rules: require('./css/variables.json').map((rule) => [
           rule,
           getStyle(rule),
         ]),
       });
+    }
+    setMenuTheme();
+    electron.ipcRenderer.on('enhancer:get-menu-theme', setMenuTheme);
 
-      // draggable area resizing
+    const observer = new MutationObserver(setSidebarWidth);
-      const sidebar = document.querySelector('.notion-sidebar');
+    observer.observe(document.querySelector('.notion-sidebar'), {
-      if (store().frameless && sidebar) {
+      attributes: true,
-        let new_sidebar_width =
+    });
-          sidebar.style.height === 'auto' ? '0px' : sidebar.style.width;
+    function setSidebarWidth(list, observer) {
-        if (sidebar_width !== new_sidebar_width) {
+      if (!store().frameless) return;
-          sidebar_width = new_sidebar_width;
       electron.ipcRenderer.sendToHost(
         'enhancer:sidebar-width',
-            sidebar_width
+        list[0].target.style.height === 'auto'
+          ? '0px'
+          : list[0].target.style.width
       );
     }
   }
-    }
-    setInterval(communicationLoop, 500);
-  }
 };

mods/core/menu.js

@@ -41,7 +41,8 @@ window['__start'] = async () => {
     }
   });
 
-  electron.ipcRenderer.on('enhancer:set-theme', (event, theme) => {
+  electron.ipcRenderer.send('enhancer:get-menu-theme');
+  electron.ipcRenderer.on('enhancer:set-menu-theme', (event, theme) => {
     document.body.className = `notion-${theme.mode}-theme`;
     for (const style of theme.rules)
       document.body.style.setProperty(style[0], style[1]);

mods/core/render.js

@@ -16,8 +16,6 @@ module.exports = (store, __exports) => {
       ),
       default_styles = dragarea.getAttribute('style');
 
-    // document.body.innerText = document.body.innerHTML;
-
     document
       .getElementById('notion')
       .addEventListener('ipc-message', (event) => {

mods/core/tray.js

@@ -29,9 +29,14 @@ module.exports = (store, __exports) => {
           })
     );
 
-    electron.ipcMain.on('enhancer:set-theme', (event, arg) => {
+    electron.ipcMain.on('enhancer:set-menu-theme', (event, arg) => {
       if (!enhancer_menu) return;
-      enhancer_menu.webContents.send('enhancer:set-theme', arg);
+      enhancer_menu.webContents.send('enhancer:set-menu-theme', arg);
+    });
+    electron.ipcMain.on('enhancer:get-menu-theme', (event, arg) => {
+      electron.webContents
+        .getAllWebContents()
+        .forEach((webContents) => webContents.send('enhancer:get-menu-theme'));
     });
     electron.ipcMain.on('enhancer:open-extension-menu', openExtensionMenu);