From 69b73f6140a5910977cdaf20a02e059e4f8d2cb6 Mon Sep 17 00:00:00 2001 From: dragonwocky Date: Wed, 28 Apr 2021 22:43:19 +1000 Subject: [PATCH] toggle hotkey option + tab reload on changes --- extension/helpers.js | 29 +- .../mod.json | 54 +++ .../README.md | 334 +----------------- .../client.js | 2 +- .../menu.css | 26 +- .../menu.js | 42 ++- .../mod.json | 38 +- extension/worker.js | 16 + 8 files changed, 159 insertions(+), 382 deletions(-) create mode 100644 extension/repo/custom-inserts@2f914210-faae-4803-8e3d-f2bf358a5864/mod.json diff --git a/extension/helpers.js b/extension/helpers.js index 5449002..878f53f 100644 --- a/extension/helpers.js +++ b/extension/helpers.js @@ -19,24 +19,40 @@ env.name = 'extension'; env.version = chrome.runtime.getManifest().version; env.openEnhancerMenu = () => chrome.runtime.sendMessage({ action: 'openEnhancerMenu' }); env.focusNotion = () => chrome.runtime.sendMessage({ action: 'focusNotion' }); +env.reloadTabs = () => chrome.runtime.sendMessage({ action: 'reloadTabs' }); storage.get = (namespace, key = undefined, fallback = undefined) => new Promise((res, rej) => chrome.storage.sync.get([namespace], async (values) => { + const defaults = await registry.defaults(namespace); values = - values[namespace] && Object.getOwnPropertyNames(values[namespace]).length + values[namespace] && + Object.getOwnPropertyNames(values[namespace]).length && + (!key || Object.getOwnPropertyNames(values[namespace]).includes(key)) ? values[namespace] - : await registry.defaults(namespace); + : defaults; res((key ? values[key] : values) ?? fallback); }) ); -storage.set = (namespace, key, value) => - new Promise(async (res, rej) => { +storage.set = (namespace, key, value) => { + storage._onChangeListeners.forEach((listener) => + listener({ type: 'set', namespace, key, value }) + ); + return new Promise(async (res, rej) => { const values = await storage.get(namespace, undefined, {}); chrome.storage.sync.set({ [namespace]: { ...values, [key]: value } }, res); }); -storage.reset = (namespace) => - new Promise((res, rej) => chrome.storage.sync.set({ [namespace]: undefined }, res)); +}; +storage.reset = (namespace) => { + storage._onChangeListeners.forEach((listener) => + listener({ type: 'reset', namespace, key: undefined, value: undefined }) + ); + return new Promise((res, rej) => chrome.storage.sync.set({ [namespace]: undefined }, res)); +}; +storage._onChangeListeners = []; +storage.onChange = (listener) => { + storage._onChangeListeners.push(listener); +}; fs.getJSON = (path) => fetch(path.startsWith('https://') ? path : chrome.runtime.getURL(path)).then((res) => @@ -107,6 +123,7 @@ web.html = (html, ...templates) => html.map((str) => str + (templates.shift() ?? * @param {function} callback */ web.hotkeyListener = (keys, callback) => { + if (typeof keys === 'string') keys = keys.split('+'); if (!web._hotkeyListener) { web._hotkeys = []; web._hotkeyListener = document.addEventListener('keyup', (event) => { diff --git a/extension/repo/custom-inserts@2f914210-faae-4803-8e3d-f2bf358a5864/mod.json b/extension/repo/custom-inserts@2f914210-faae-4803-8e3d-f2bf358a5864/mod.json new file mode 100644 index 0000000..b285d64 --- /dev/null +++ b/extension/repo/custom-inserts@2f914210-faae-4803-8e3d-f2bf358a5864/mod.json @@ -0,0 +1,54 @@ +{ + "name": "custom-inserts", + "id": "2f914210-faae-4803-8e3d-f2bf358a5864", + "version": "0.11.0", + "description": "the enhancer's [graphical](https://github.com) menu, related buttons and shortcuts.", + "preview": "https://raw.githubusercontent.com/notion-enhancer/notion-enhancer/dev/notion-enhancer%20v0.10.0%20banner.jpg", + "tags": ["core"], + "authors": [ + { + "name": "dragonwocky", + "email": "thedragonring.bod@gmail.com", + "url": "https://dragonwocky.me/", + "icon": "https://dragonwocky.me/avatar.jpg" + } + ], + "js": {}, + "options": [ + { + "type": "toggle", + "key": "toggle", + "label": "toggle", + "value": true, + "tooltip": "a toggle" + }, + { + "type": "select", + "key": "select", + "label": "select", + "values": ["option a", "option b", "option c"], + "tooltip": "a select" + }, + { + "type": "text", + "key": "text", + "label": "text", + "value": "default", + "tooltip": "a text input" + }, + { + "type": "number", + "key": "number", + "label": "number", + "value": 0, + "tooltip": "a number input" + }, + { + "type": "file", + "key": "file", + "label": "file picker (.css only)", + "extensions": [".css"], + "tooltip": "a file picker" + } + ] +} diff --git a/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/README.md b/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/README.md index f159081..8679d5a 100644 --- a/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/README.md +++ b/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/README.md @@ -1,333 +1 @@ -```js -const check = (prop, value, condition) => - Promise.resolve(condition ? value : err(`invalid ${prop} ${JSON.stringify(value)}`)), - validation = await registry.validate(mod, err, check); -if (validation.every((condition) => condition !== ERROR)) registry._list.push(mod); -``` - -# markdown tester - -## table - -| option | extended description | type | values/defaults | platform-specific details | -| ---------------------------- | ---------------------------------------------------------------------------------------------------------- | ------------ | --------------- | ------------------------- | -| height of frameless dragarea | the rectangle added at the top of a window in "integrated titlebar" mode, used to drag/move the window. | number input | 15 | macOS: forced to 0 | -| width to wrap columns at | the size in pixels below which in-page columns are resized to appear full width so content isn't squished. | number input | 600 | | -| integrated scrollbars | use scrollbars that fit better into notion's ui instead of the default chrome ones. | toggle | yes | | -| snappy transitions | | toggle | no | | -| thicker bold text | | toggle | yes | | -| more readable line spacing | | toggle | no | | -| hide help button | | toggle | no | | - -# Markdown: Syntax - -- [markdown tester](#markdown-tester) - - [table](#table) -- [Markdown: Syntax](#markdown-syntax) - - [Overview](#overview) - - [Philosophy](#philosophy) - - [Block Elements](#block-elements) - - [Paragraphs and Line Breaks](#paragraphs-and-line-breaks) - - [Headers](#headers) - - [Blockquotes](#blockquotes) - - [Lists](#lists) - - [Code Blocks](#code-blocks) - - [Span Elements](#span-elements) - - [Links](#links) - - [Emphasis](#emphasis) - - [Code](#code) - -**Note:** This document is itself written using Markdown; you -can [see the source for it by adding '.text' to the URL](/projects/markdown/syntax.text). - ---- - -```css -:root { - --theme_dark--db_today-text: #fff; - --theme_dark--timeline_divider_thin: rgba(255, 255, 255, 0.07); - --theme_dark--timeline_arrow: rgb(47, 52, 55); -} -``` - -## Overview - -### Philosophy - -Markdown is intended to be as easy-to-read and easy-to-write as is feasible. - -Readability, however, is emphasized above all else. A Markdown-formatted -document should be publishable as-is, as plain text, without looking -like it's been marked up with tags or formatting instructions. While -Markdown's syntax has been influenced by several existing text-to-HTML -filters -- including [Setext](http://docutils.sourceforge.net/mirror/setext.html), [atx](http://www.aaronsw.com/2002/atx/), [Textile](http://textism.com/tools/textile/), [reStructuredText](http://docutils.sourceforge.net/rst.html), -[Grutatext](http://www.triptico.com/software/grutatxt.html), and [EtText](http://ettext.taint.org/doc/) -- the single biggest source of -inspiration for Markdown's syntax is the format of plain text email. - -## Block Elements - -### Paragraphs and Line Breaks - -A paragraph is simply one or more consecutive lines of text, separated -by one or more blank lines. (A blank line is any line that looks like a -blank line -- a line containing nothing but spaces or tabs is considered -blank.) Normal paragraphs should not be indented with spaces or tabs. - -The implication of the "one or more consecutive lines of text" rule is -that Markdown supports "hard-wrapped" text paragraphs. This differs -significantly from most other text-to-HTML formatters (including Movable -Type's "Convert Line Breaks" option) which translate every line break -character in a paragraph into a `
` tag. - -When you _do_ want to insert a `
` break tag using Markdown, you -end a line with two or more spaces, then type return. - -### Headers - -Markdown supports two styles of headers, [Setext] [1] and [atx] [2]. - -Optionally, you may "close" atx-style headers. This is purely -cosmetic -- you can use this if you think it looks better. The -closing hashes don't even need to match the number of hashes -used to open the header. (The number of opening hashes -determines the header level.) - -### Blockquotes - -Markdown uses email-style `>` characters for blockquoting. If you're -familiar with quoting passages of text in an email message, then you -know how to create a blockquote in Markdown. It looks best if you hard -wrap the text and put a `>` before every line: - -> This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet, -> consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. -> Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus. -> -> Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse -> id sem consectetuer libero luctus adipiscing. - -Markdown allows you to be lazy and only put the `>` before the first -line of a hard-wrapped paragraph: - -> This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet, -> consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. -> Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus. - -> Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse -> id sem consectetuer libero luctus adipiscing. - -Blockquotes can be nested (i.e. a blockquote-in-a-blockquote) by -adding additional levels of `>`: - -> This is the first level of quoting. -> -> > This is nested blockquote. -> -> Back to the first level. - -Blockquotes can contain other Markdown elements, including headers, lists, -and code blocks: - -> ## This is a header. -> -> 1. This is the first list item. -> 2. This is the second list item. -> -> Here's some example code: -> -> return shell_exec("echo $input | $markdown_script"); - -Any decent text editor should make email-style quoting easy. For -example, with BBEdit, you can make a selection and choose Increase -Quote Level from the Text menu. - -### Lists - -Markdown supports ordered (numbered) and unordered (bulleted) lists. - -Unordered lists use asterisks, pluses, and hyphens -- interchangably --- as list markers: - -- Red -- Green -- Blue - -is equivalent to: - -- Red -- Green -- Blue - -and: - -- Red -- Green -- Blue - -Ordered lists use numbers followed by periods: - -1. Bird -2. McHale -3. Parish - -It's important to note that the actual numbers you use to mark the -list have no effect on the HTML output Markdown produces. The HTML -Markdown produces from the above list is: - -If you instead wrote the list in Markdown like this: - -1. Bird -1. McHale -1. Parish - -or even: - -3. Bird -1. McHale -1. Parish - -you'd get the exact same HTML output. The point is, if you want to, -you can use ordinal numbers in your ordered Markdown lists, so that -the numbers in your source match the numbers in your published HTML. -But if you want to be lazy, you don't have to. - -To make lists look nice, you can wrap items with hanging indents: - -- Lorem ipsum dolor sit amet, consectetuer adipiscing elit. - Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, - viverra nec, fringilla in, laoreet vitae, risus. -- Donec sit amet nisl. Aliquam semper ipsum sit amet velit. - Suspendisse id sem consectetuer libero luctus adipiscing. - -But if you want to be lazy, you don't have to: - -- Lorem ipsum dolor sit amet, consectetuer adipiscing elit. - Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, - viverra nec, fringilla in, laoreet vitae, risus. -- Donec sit amet nisl. Aliquam semper ipsum sit amet velit. - Suspendisse id sem consectetuer libero luctus adipiscing. - -List items may consist of multiple paragraphs. Each subsequent -paragraph in a list item must be indented by either 4 spaces -or one tab: - -1. This is a list item with two paragraphs. Lorem ipsum dolor - sit amet, consectetuer adipiscing elit. Aliquam hendrerit - mi posuere lectus. - - Vestibulum enim wisi, viverra nec, fringilla in, laoreet - vitae, risus. Donec sit amet nisl. Aliquam semper ipsum - sit amet velit. - -2. Suspendisse id sem consectetuer libero luctus adipiscing. - -It looks nice if you indent every line of the subsequent -paragraphs, but here again, Markdown will allow you to be -lazy: - -- This is a list item with two paragraphs. - - This is the second paragraph in the list item. You're - - only required to indent the first line. Lorem ipsum dolor - sit amet, consectetuer adipiscing elit. - -- Another item in the same list. - -To put a blockquote within a list item, the blockquote's `>` -delimiters need to be indented: - -- A list item with a blockquote: - - > This is a blockquote - > inside a list item. - -To put a code block within a list item, the code block needs -to be indented _twice_ -- 8 spaces or two tabs: - -- A list item with a code block: - - - -### Code Blocks - -Pre-formatted code blocks are used for writing about programming or -markup source code. Rather than forming normal paragraphs, the lines -of a code block are interpreted literally. Markdown wraps a code block -in both `
` and `` tags.
-
-To produce a code block in Markdown, simply indent every line of the
-block by at least 4 spaces or 1 tab.
-
-This is a normal paragraph:
-
-    This is a code block.
-
-Here is an example of AppleScript:
-
-    tell application "Foo"
-        beep
-    end tell
-
-A code block continues until it reaches a line that is not indented
-(or the end of the article).
-
-Within a code block, ampersands (`&`) and angle brackets (`<` and `>`)
-are automatically converted into HTML entities. This makes it very
-easy to include example HTML source code using Markdown -- just paste
-it and indent it, and Markdown will handle the hassle of encoding the
-ampersands and angle brackets. For example, this:
-
-```html
-
© 2004 Foo Corporation

-```
-
-Regular Markdown syntax is not processed within code blocks. E.g.,
-asterisks are just literal asterisks within a code block. This means
-it's also easy to use Markdown to write about Markdown's own syntax.
-
-```
-tell application "Foo"
-    beep
-end tell
-```
-
-## Span Elements
-
-### Links
-
-Markdown supports two style of links: _inline_ and _reference_.
-
-In both styles, the link text is delimited by [square brackets].
-
-To create an inline link, use a set of regular parentheses immediately
-after the link text's closing square bracket. Inside the parentheses,
-put the URL where you want the link to point, along with an _optional_
-title for the link, surrounded in quotes. For example:
-
-This is [an example](http://example.com/) inline link.
-
-[This link](http://example.net/) has no title attribute.
-
-### Emphasis
-
-Markdown treats asterisks (`*`) and underscores (`_`) as indicators of
-emphasis. Text wrapped with one `*` or `_` will be wrapped with an
-HTML `` tag; double `*`'s or `_`'s will be wrapped with an HTML
-`` tag. E.g., this input:
-
-_single asterisks_
-
-_single underscores_
-
-**double asterisks**
-
-**double underscores**
-
-### Code
-
-To indicate a span of code, wrap it with backtick quotes (`` ` ``).
-Unlike a pre-formatted code block, a code span indicates code within a
-normal paragraph. For example:
-
-Use the `printf()` function.
+# menu
diff --git a/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/client.js b/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/client.js
index d44ff4d..b3187e3 100644
--- a/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/client.js
+++ b/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/client.js
@@ -45,4 +45,4 @@ web.whenReady([sidebarSelector]).then(async () => {
   setTheme();
   document.querySelector(sidebarSelector).appendChild($enhancerSidebarElement);
 });
-web.hotkeyListener(['Ctrl', 'Alt', 'E'], env.openEnhancerMenu);
+web.hotkeyListener(await storage.get(_id, 'hotkey.focustoggle'), env.openEnhancerMenu);
diff --git a/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/menu.css b/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/menu.css
index 317c9f2..9cb90d0 100644
--- a/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/menu.css
+++ b/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/menu.css
@@ -9,6 +9,8 @@
   word-break: break-word;
   text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
+  font-size: inherit;
+  font-family: inherit;
 }
 
 html {
@@ -38,7 +40,7 @@ header {
   margin-bottom: 1.25rem;
 }
 header > * {
-  margin: 0 1.25rem 0 0;
+  margin: 0 1.25rem 0.1em 0;
   font-size: var(--theme--font_heading1-size);
 }
 header h1 a:not([data-view-active]) {
@@ -138,6 +140,8 @@ main article img {
 .library--expand {
   margin: 0;
   display: flex;
+  flex-wrap: wrap;
+  gap: 0.53em;
 }
 .library--expand a {
   margin-left: auto;
@@ -149,6 +153,26 @@ main article img {
   text-decoration: none;
   display: flex;
 }
+.documentation--buttons .documentation--reload {
+  cursor: pointer;
+  border-radius: 3px;
+  padding: 0.35rem 0.45rem;
+  background: var(--theme--block_grey);
+  color: var(--theme--block_grey-text);
+  border: none;
+  pointer-events: none;
+  opacity: 0;
+  transition: opacity 200ms ease-in-out;
+}
+.documentation--buttons .documentation--reload[data-triggered] {
+  pointer-events: all;
+  opacity: 1;
+}
+.documentation--buttons .documentation--reload[data-triggered]:hover {
+  background: none;
+  color: var(--theme--block_grey-text);
+  box-shadow: var(--theme--block_grey) 0px 0px 0px 1px inset;
+}
 .documentation--buttons span,
 .library--expand span {
   color: var(--theme--text_property);
diff --git a/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/menu.js b/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/menu.js
index 7176aad..8bee594 100644
--- a/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/menu.js
+++ b/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/menu.js
@@ -19,7 +19,7 @@ for (let mod of await registry.get()) {
 document
   .querySelector('img[data-view-target="notion"]')
   .addEventListener('click', env.focusNotion);
-web.hotkeyListener(['Ctrl', 'Alt', 'E'], env.focusNotion);
+web.hotkeyListener(await storage.get(_id, 'hotkey.focustoggle'), env.focusNotion);
 
 const hovertip = {
   $el: document.querySelector('.tooltip'),
@@ -47,11 +47,13 @@ const hovertip = {
 const components = {};
 components.card = {
   preview: ({ preview = '' }) =>
-    web.createElement(web.html``),
+      />`)
+      : '',
   async name({ name, id, version }) {
     if (registry.CORE.includes(id))
       return web.createElement(web.html`

@@ -60,7 +62,7 @@ components.card = {
         v${web.escapeHtml(version)}
       
     
`);
-    const $name = web.createElement(web.html``);
-    $name.addEventListener('change', async (event) =>
+    $el.addEventListener('change', async (event) =>
       storage.set('_enabled', id, !(await storage.get('_enabled', id, false)))
     );
-    return $name;
+    return $el;
   },
   tags: ({ tags = [] }) =>
     web.createElement(web.html`
    
@@ -181,7 +183,10 @@ components.options = {
     `);
     opt.querySelector('textarea').addEventListener('input', (event) => {
       event.target.style.removeProperty('--txt--scroll-height');
-      event.target.style.setProperty('--txt--scroll-height', event.target.scrollHeight + 'px');
+      event.target.style.setProperty(
+        '--txt--scroll-height',
+        event.target.scrollHeight + 1 + 'px'
+      );
     });
     opt.addEventListener('change', (event) => storage.set(id, key, event.target.value));
     hovertip.add(opt, '[data-tooltip]', tooltip);
@@ -259,8 +264,9 @@ components.options = {
   },
 };
 components.documentation = {
-  buttons: async ({ _dir }) =>
-    web.createElement(web.html`
    
+  _reloadTriggered: false,
+  buttons({ _dir }) {
+    const $el = web.createElement(web.html`
    
       
         
         back to library
@@ -273,7 +279,21 @@ components.documentation = {
         
         view source code
       
-    
    `),
+      
+    
    `);
+    storage.onChange(() => {
+      const $reload = $el.querySelector('.documentation--reload');
+      if (document.body.contains($el) && !$reload.dataset.triggered) {
+        $reload.dataset.triggered = true;
+        this._reloadTriggered = true;
+      }
+    });
+    $el.querySelector('.documentation--reload').addEventListener('click', env.reloadTabs);
+    return $el;
+  },
   readme: async (mod) => {
     const readme = web.createElement(web.html`
    
       ${
@@ -386,7 +406,7 @@ const views = {
   async mod(mod) {
     document.body.dataset.view = 'mod';
     document.querySelector('header [data-view-target="library"]').dataset.active = true;
-    this.$container.append(await components.documentation.buttons(mod));
+    this.$container.append(components.documentation.buttons(mod));
     this.$container.append(await components.options._generate(mod));
     this.$container.append(await components.documentation.readme(mod));
   },
diff --git a/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/mod.json b/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/mod.json
index f970b8b..baad3de 100644
--- a/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/mod.json
+++ b/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/mod.json
@@ -2,8 +2,7 @@
   "name": "menu",
   "id": "a6621988-551d-495a-97d8-3c568bca2e9e",
   "version": "0.11.0",
-  "description": "the enhancer's [graphical](https://github.com) menu, related buttons and shortcuts.",
-  "preview": "https://raw.githubusercontent.com/notion-enhancer/notion-enhancer/dev/notion-enhancer%20v0.10.0%20banner.jpg",
+  "description": "the enhancer's graphical menu, related buttons and shortcuts.",
   "tags": ["core"],
   "authors": [
     {
@@ -23,38 +22,17 @@
   "options": [
     {
       "type": "toggle",
-      "key": "toggle",
-      "label": "toggle",
+      "key": "themes.autoresolve",
+      "label": "auto-resolve theme conflicts",
       "value": true,
-      "tooltip": "a toggle"
-    },
-    {
-      "type": "select",
-      "key": "select",
-      "label": "select",
-      "values": ["option a", "option b", "option c"],
-      "tooltip": "a select"
+      "tooltip": "when a theme is enabled any other themes of the same mode (light/dark) will be disabled"
     },
     {
       "type": "text",
-      "key": "text",
-      "label": "text",
-      "value": "default",
-      "tooltip": "a text input"
-    },
-    {
-      "type": "number",
-      "key": "number",
-      "label": "number",
-      "value": 0,
-      "tooltip": "a number input"
-    },
-    {
-      "type": "file",
-      "key": "file",
-      "label": "file picker (.css only)",
-      "extensions": [".css"],
-      "tooltip": "a file picker"
+      "key": "hotkey.focustoggle",
+      "label": "toggle hotkey",
+      "value": "Ctrl+Alt+E",
+      "tooltip": "toggles focus between notion & the enhancer menu"
     }
   ]
 }
diff --git a/extension/worker.js b/extension/worker.js
index 58825dd..4268151 100644
--- a/extension/worker.js
+++ b/extension/worker.js
@@ -30,6 +30,19 @@ function focusNotion() {
   );
 }
 
+function reloadTabs() {
+  chrome.tabs.query({ url: 'https://*.notion.so/*' }, (tabs) => {
+    (tabs || []).forEach((tab) => chrome.tabs.reload(tab.id));
+  });
+  chrome.tabs.query({ windowId: chrome.windows.WINDOW_ID_CURRENT }, (tabs) => {
+    const enhancerMenuURL = chrome.runtime.getURL(
+        'repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/menu.html'
+      ),
+      enhancerMenuTabs = (tabs || []).filter((tab) => tab.url.startsWith(enhancerMenuURL));
+    enhancerMenuTabs.forEach((tab) => chrome.tabs.reload(tab.id));
+  });
+}
+
 chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
   switch (request.action) {
     case 'openEnhancerMenu':
@@ -38,6 +51,9 @@ chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
     case 'focusNotion':
       focusNotion();
       break;
+    case 'reloadTabs':
+      reloadTabs();
+      break;
   }
   return true;
 });