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
-
-```
-
-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`
})
`),
+ />`)
+ : '',
async name({ name, id, version }) {
if (registry.CORE.includes(id))
return web.createElement(web.html`