perf(load): import all deps at once + wait for load.mjs completion, fix(electron): use ipc for reloadApp

src/api/electron.cjs

@@ -31,10 +31,12 @@ const readFile = (file) => {
     return require(path.resolve(`${__dirname}/../${file}`));
   },
   reloadApp = () => {
-    const { app } = require("electron"),
+    const { app, ipcRenderer } = require("electron");
-      args = process.argv.slice(1).filter((arg) => arg !== "--startup");
+    if (app) {
+      const args = process.argv.slice(1).filter((arg) => arg !== "--startup");
       app.relaunch({ args });
       app.exit();
+    } else ipcRenderer.send("notion-enhancer", "reload-app");
   };
 
 const sendMessage = (channel, message) => {

src/core/menu/menu.mjs

@@ -411,8 +411,6 @@ useState(["rerender"], async () => {
     // the notion:// protocol csp bypass allows scripts to
     // set iframe globals via $iframe.contentWindow
   }
-  // load stylesheets from enabled themes
+  // load stylesheets and api globals
-  await import("../../load.mjs");
+  (await import("../../load.mjs")).default.then(render);
-  // wait for api globals to be available
-  requestIdleCallback(() => render());
 });

src/init.js

@@ -26,6 +26,8 @@ if (isElectron()) {
   } = globalThis.__enhancerApi;
 
   module.exports = async (target, __exports, __eval) => {
+    if (target === "main/main") require("./worker.js");
+
     // clientStyles
     // clientScripts
     if (target === "renderer/preload") {

src/load.mjs

@@ -6,7 +6,7 @@
 
 "use strict";
 
-(async () => {
+export default (async () => {
   // prettier-ignore
   const { enhancerUrl } = globalThis.__enhancerApi,
   isMenu = location.href.startsWith(enhancerUrl("/core/menu/index.html")),
@@ -17,13 +17,15 @@
   // avoid repeat logging
   if (!isMenu) console.log("notion-enhancer: loading...");
 
-  await import("./assets/icons.svg.js");
+  await Promise.all([
-  await import("./vendor/twind.min.js");
+    import("./assets/icons.svg.js"),
-  await import("./vendor/lucide.min.js");
+    import("./vendor/twind.min.js"),
-  await import("./vendor/htm.min.js");
+    import("./vendor/lucide.min.js"),
+    import("./vendor/htm.min.js"),
+    import("./api/events.js"),
+    import("./api/mods.js"),
+  ]);
   await import("./api/interface.js");
-  await import("./api/events.js");
-  await import("./api/mods.js");
   const { getMods, getProfile } = globalThis.__enhancerApi,
     { isEnabled, optionDefaults, initDatabase } = globalThis.__enhancerApi;
 

src/worker.js

@@ -6,10 +6,33 @@
 
 "use strict";
 
-const notionUrl = "https://www.notion.so/",
+const isElectron = () => {
+  try {
+    return typeof module !== "undefined";
+  } catch {}
+  return false;
+};
+
+if (isElectron()) {
+  const { app, ipcMain } = require("electron"),
+    reloadApp = () => {
+      const args = process.argv.slice(1).filter((arg) => arg !== "--startup");
+      app.relaunch({ args });
+      app.exit();
+    };
+
+  ipcMain.on("notion-enhancer", (event, message) => {
+    if (message === "open-menu") {
+      //
+    } else if (message === "reload-app") {
+      reloadApp();
+    }
+  });
+} else {
+  const notionUrl = "https://www.notion.so/",
     isNotionTab = (tab) => tab?.url?.startsWith(notionUrl);
 
-const tabQueue = new Set(),
+  const tabQueue = new Set(),
     openEnhancerMenu = async (tab) => {
       if (!isNotionTab(tab)) {
         const openTabs = await chrome.tabs.query({
@@ -34,8 +57,8 @@ const tabQueue = new Set(),
       notionTabs.forEach((tab) => chrome.tabs.reload(tab.id));
     };
 
-chrome.action.onClicked.addListener(openEnhancerMenu);
+  chrome.action.onClicked.addListener(openEnhancerMenu);
-chrome.runtime.onMessage.addListener((msg, sender) => {
+  chrome.runtime.onMessage.addListener((msg, sender) => {
     if (msg?.channel !== "notion-enhancer") return;
     if (sender.tab && msg.message === "load-complete") {
       if (tabQueue.has(sender.tab.id)) {
@@ -48,4 +71,5 @@ chrome.runtime.onMessage.addListener((msg, sender) => {
     } else if (msg.message === "reload-app") {
       reloadNotionTabs();
     }
-});
+  });
+}