desktop-only ext. screenshots + fix custom icons in tab

repo/always-on-top/mod.json

@@ -4,6 +4,7 @@
   "environments": ["linux", "win32", "darwin"],
   "version": "0.2.0",
   "description": "adds a button that can be used to pin the notion window on top of all other windows at all times.",
+  "preview": "always-on-top.jpg",
   "tags": ["extension", "app"],
   "authors": [
     {

repo/icon-sets/mod.json

@@ -30,7 +30,7 @@
       "type": "toggle",
       "key": "prevent_quality_reduction",
       "label": "prevent icon quality reduction",
-      "tooltip": "**this may break icons in widgets** - encodes and submits images as data urls to prevent notion from optimising them (reduces image quality by ~20%)",
+      "tooltip": "**this may break icons in widgets or be rejected by notion if images are too high quality** - encodes and submits images as data urls to prevent notion from optimising them (reduces image quality by ~20%)",
       "value": true
     },
     {

repo/integrated-titlebar/client.mjs

@@ -23,7 +23,8 @@ export default async function (api, db) {
     panelWidth = '0px';
   const updateDragareaOffsets = () => {
     const $sidebar = document.querySelector(sidebarSelector),
-      newSidebarWidth = $sidebar.style.height === 'auto' ? '0px' : $sidebar.style.width,
+      newSidebarWidth =
+        !$sidebar || $sidebar.style.height === 'auto' ? '0px' : $sidebar.style.width,
       $panel = document.querySelector(panelSelector),
       newPanelWidth =
         $panel && $panel.dataset.enhancerPanelPinned === 'true'

repo/integrated-titlebar/mod.json

@@ -4,6 +4,7 @@
   "environments": ["linux", "win32"],
   "version": "0.11.0",
   "description": "replaces the native window titlebar with buttons inset into the app.",
+  "preview": "integrated-titlebar.jpg",
   "tags": ["extension", "layout"],
   "authors": [
     {

repo/tabs/client.mjs

@@ -28,7 +28,8 @@ export default async function ({ web, electron }, db) {
 
   const breadcrumbSelector =
       '.notion-topbar > div > :nth-child(2) > .notion-focusable:last-child',
-    imgIconSelector = `${breadcrumbSelector} .notion-record-icon img`,
+    imgIconSelector = `${breadcrumbSelector} .notion-record-icon img:not(.notion-emoji)`,
+    emojiIconSelector = `${breadcrumbSelector} .notion-record-icon img.notion-emoji`,
     nativeIconSelector = `${breadcrumbSelector} .notion-record-icon [role="image"]`,
     titleSelector = `${breadcrumbSelector} > :not(.notion-record-icon)`,
     viewSelector = '.notion-collection-view-select';
@@ -38,9 +39,13 @@ export default async function ({ web, electron }, db) {
   const notionSetWindowTitle = __electronApi.setWindowTitle,
     getIcon = () => {
       const $imgIcon = document.querySelector(imgIconSelector),
+        $emojiIcon = document.querySelector(emojiIconSelector),
         $nativeIcon = document.querySelector(nativeIconSelector);
       if ($imgIcon) {
-        return $imgIcon.style.background.replace(
+        return `url("${$imgIcon.src}") 0 / 100%`;
+      }
+      if ($emojiIcon) {
+        return $emojiIcon.style.background.replace(
           /url\("\/images/,
           'url("notion://www.notion.so/images'
         );

repo/tabs/mod.json

@@ -4,6 +4,7 @@
   "environments": ["linux", "win32", "darwin"],
   "version": "0.3.0",
   "description": "open multiple notion pages in a single window.",
+  "preview": "tabs.jpg",
   "tags": ["extension", "app"],
   "authors": [
     {

repo/tray/mod.json

@@ -4,6 +4,7 @@
   "environments": ["linux", "win32", "darwin"],
   "version": "0.11.0",
   "description": "adds an icon to the system tray/menubar for extra app/window management features (e.g. open on startup, a global hotkey).",
+  "preview": "tray.jpg",
   "tags": ["extension", "app"],
   "authors": [
     {

repo/truncated-titles/client.mjs

@@ -21,7 +21,7 @@ export default async function ({ web, components }, db) {
         if ($tableTitle.scrollWidth > $tableTitle.clientWidth) {
           components.addTooltip(
             $tableTitle.parentElement.parentElement.parentElement,
-            web.html`<span>${web.escape($tableTitle.innerText)}</span>`,
+            web.html`<span><b>${web.escape($tableTitle.innerText)}</b></span>`,
             750
           );
           $elements.push($tableTitle);

repo/view-scale/mod.json

@@ -4,6 +4,7 @@
   "environments": ["linux", "win32", "darwin"],
   "version": "0.1.0",
   "description": "zoom in/out of the notion window with the mousewheel or a visual slider (`ctrl/cmd +/-` are available in-app by default).",
+  "preview": "view-scale.jpg",
   "tags": ["extension", "app"],
   "authors": [
     {