tabs: remember last open

repo/tabs/mod.json

@@ -26,6 +26,13 @@
     ]
   },
   "options": [
+    {
+      "type": "toggle",
+      "key": "remember_last_open",
+      "label": "remember last open tabs",
+      "tooltip": "**a continue-where-you-left-off experience** (reopens recently active tabs after an app relaunch)",
+      "value": true
+    },
     {
       "type": "select",
       "key": "label_type",

repo/tabs/rendererIndex.cjs

@@ -28,10 +28,6 @@ module.exports = async function (api, db, __exports, __eval) {
       $windowActions = web.html`<div id="window-actions"></div>`;
     document.body.prepend(web.render($header, $tabs, $newTab, $windowActions));
 
-    new Tab($tabs, $root, {
-      notionUrl: url.parse(window.location.href, true).query.path,
-      cancelAnimation: true,
-    });
     $newTab.addEventListener('click', () => new Tab($tabs, $root));
     electron.ipcRenderer.on('notion-enhancer:close-tab', (event, id) => {
       const tab = tabCache.get(id);
@@ -42,6 +38,32 @@ module.exports = async function (api, db, __exports, __eval) {
       (event, opts) => new Tab($tabs, $root, opts)
     );
 
+    const rememberLastOpen = await db.get(['remember_last_open']),
+      openTabs = await db.get(['last_open_tabs_cache']);
+    if (rememberLastOpen && openTabs && Array.isArray(openTabs)) {
+      for (const tab of openTabs) {
+        new Tab($tabs, $root, { ...tab, cancelAnimation: true });
+      }
+    } else {
+      new Tab($tabs, $root, {
+        notionUrl: url.parse(window.location.href, true).query.path,
+        cancelAnimation: true,
+      });
+    }
+    window.addEventListener('beforeunload', () => {
+      const openTabs = [...$tabs.children]
+        .filter(($tab) => tabCache.get($tab.id))
+        .map(($tab) => {
+          const tab = tabCache.get($tab.id);
+          return {
+            notionUrl: tab.$notion.src,
+            icon: tab.icon,
+            title: tab.title,
+          };
+        });
+      db.set(['last_open_tabs_cache'], openTabs);
+    });
+
     let $draggedTab;
     const $dragIndicator = web.html`<span class="drag-indicator"></span>`,
       getDragTarget = ($el) => {

repo/tabs/tab.cjs

@@ -64,7 +64,7 @@ module.exports = async function (api, db, tabCache = new Map()) {
       this.$tabContainer = $tabContainer;
 
       this.$notion.src = notionUrl;
-      this.$tabTitle.innerText = title;
+      this.setTitle(title);
       this.setIcon(icon);
       this.tabCache.set(this.$tab.id, this);
 
@@ -130,7 +130,14 @@ module.exports = async function (api, db, tabCache = new Map()) {
       } else electronWindow.close();
     }
 
+    title = '';
+    setTitle(title) {
+      this.title = title;
+      this.$tabTitle.innerText = title;
+    }
+    icon = '';
     setIcon(icon) {
+      this.icon = icon;
       if (icon.startsWith('url(')) {
         // img
         this.$tabIcon.style.background = icon;
@@ -203,9 +210,7 @@ module.exports = async function (api, db, tabCache = new Map()) {
         this.webContents().setZoomFactor(zoomFactor);
       });
 
-      fromNotion('notion-enhancer:set-tab-title', (title) => {
+      fromNotion('notion-enhancer:set-tab-title', (title) => this.setTitle(title));
-        this.$tabTitle.innerText = title;
-      });
       fromNotion('notion-enhancer:set-tab-icon', (icon) => this.setIcon(icon));
 
       fromNotion(