mirror of
https://github.com/notion-enhancer/notion-enhancer.git
synced 2025-04-05 13:19:03 +00:00
ctrl+click open in new window, style ctrl+f popup
This commit is contained in:
parent
16f1510779
commit
c32b41021b
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: integrated titlebar
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
|
||||
@ -1,10 +1,10 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: always on top
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
export const createButton = async ({ web, components }, db) => {
|
||||
export const createButton = async ({ electron, web, components }, db) => {
|
||||
let pinIcon =
|
||||
(await db.get(['pin_icon'])) ||
|
||||
`<svg viewBox="0 0 20 20" fill="currentColor">
|
||||
@ -28,8 +28,8 @@ export const createButton = async ({ web, components }, db) => {
|
||||
const $button = web.html`<div class="always_on_top--button"></div>`,
|
||||
$pin = web.html`<button id="always_on_top--pin">${pinIcon}</button>`,
|
||||
$unpin = web.html`<button id="always_on_top--unpin">${unpinIcon}</button>`;
|
||||
components.tooltip($pin, '**Pin window to top**');
|
||||
components.tooltip($unpin, '**Unpin window from top**');
|
||||
components.addTooltip($pin, '**Pin window to top**');
|
||||
components.addTooltip($unpin, '**Unpin window from top**');
|
||||
web.render($button, $pin);
|
||||
|
||||
$pin.addEventListener('click', () => {
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: always on top
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: always on top
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: bypass preview
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: bypass preview
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: calendar scroll
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: calendar scroll
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: cherry cola
|
||||
* (c) 2020 Alexa Baldon <alnbaldon@gmail.com> (https://github.com/runargs)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: code line numbers
|
||||
* (c) 2020 CloudHill <rl.cloudhill@gmail.com> (https://github.com/CloudHill)
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: code line numbers
|
||||
* (c) 2020 CloudHill <rl.cloudhill@gmail.com> (https://github.com/CloudHill)
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: collapsible headers
|
||||
* (c) 2020 CloudHill <rl.cloudhill@gmail.com> (https://github.com/CloudHill)
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: collapsible headers
|
||||
* (c) 2020 CloudHill <rl.cloudhill@gmail.com> (https://github.com/CloudHill)
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: collapse properties
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: collapse properties
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: dark+
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: dark+
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: dracula
|
||||
* (c) 2016 Dracula Theme
|
||||
* (c) 2020 CloudHill
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: dracula
|
||||
* (c) 2016 Dracula Theme
|
||||
* (c) 2020 mimishahzad
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: emoji sets
|
||||
* (c) 2021 Arecsu
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: emoji sets
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: focus mode
|
||||
* (c) 2020 Arecsu
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: focus mode
|
||||
* (c) 2020 Arecsu
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: font chooser
|
||||
* (c) 2021 TorchAtlas (https://bit.ly/torchatlas/)
|
||||
* (c) 2021 admiraldus (https://github.com/admiraldus)
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: font chooser
|
||||
* (c) 2021 TorchAtlas (https://bit.ly/torchatlas/)
|
||||
* (c) 2021 admiraldus (https://github.com/admiraldus
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: global block links
|
||||
* (c) 2021 admiraldus (https://github.com/admiraldus)
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: global block links
|
||||
* (c) 2021 admiraldus (https://github.com/admiraldus)
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
@ -44,7 +44,7 @@ export default async function ({ web, components, notion }, db) {
|
||||
$btns.forEach(($btn) => {
|
||||
if (!$btn.previousElementSibling?.classList?.contains?.(topbarCopyClass)) {
|
||||
const $copy = $topbarCopyTemplate.cloneNode(true);
|
||||
components.tooltip($copy, '**Copy page link**');
|
||||
components.addTooltip($copy, '**Copy page link**');
|
||||
$btn.before($copy);
|
||||
|
||||
let resetButtonDelay;
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: gruvbox dark
|
||||
* (c) 2015-2020 morhetz <morhetz@gmail.com>
|
||||
* (c) 2021 jordanrobinson <me@jordanrobinson.co.uk> (https://jordanrobinson.co.uk/)
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: gruvbox light
|
||||
* (c) 2015-2020 morhetz <morhetz@gmail.com>
|
||||
* (c) 2021 jordanrobinson <me@jordanrobinson.co.uk> (https://jordanrobinson.co.uk/)
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: icon sets
|
||||
* (c) 2019 jayhxmo (https://jaymo.io/)
|
||||
* (c) 2020 CloudHill <rl.cloudhill@gmail.com> (https://github.com/CloudHill)
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: icon sets
|
||||
* (c) 2019 jayhxmo (https://jaymo.io/)
|
||||
* (c) 2020 CloudHill <rl.cloudhill@gmail.com> (https://github.com/CloudHill)
|
||||
@ -67,7 +67,7 @@ export default async function ({ web, fs, components, notion }, db) {
|
||||
$spinner.remove();
|
||||
if ($tooltip) {
|
||||
const $infoSvg = web.html`${await components.feather('info', { class: 'info' })}`;
|
||||
components.tooltip($infoSvg, $tooltip, { offsetDirection: 'right' });
|
||||
components.addTooltip($infoSvg, $tooltip, { offsetDirection: 'right' });
|
||||
web.render($title, $infoSvg);
|
||||
}
|
||||
})();
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: indentation lines
|
||||
* (c) 2020 Alexa Baldon <alnbaldon@gmail.com> (https://github.com/runargs)
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: indentation lines
|
||||
* (c) 2020 Alexa Baldon <alnbaldon@gmail.com> (https://github.com/runargs)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: integrated titlebar
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: integrated titlebar
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
@ -47,10 +47,10 @@ export const createWindowButtons = async ({ electron, web, components }, db) =>
|
||||
$close = web.html`<button id="integrated_titlebar--close">
|
||||
${closeIcon}
|
||||
</button>`;
|
||||
components.tooltip($minimize, '**Minimize window**');
|
||||
components.tooltip($maximize, '**Maximize window**');
|
||||
components.tooltip($unmaximize, '**Unmaximize window**');
|
||||
components.tooltip($close, '**Close window**');
|
||||
components.addTooltip($minimize, '**Minimize window**');
|
||||
components.addTooltip($maximize, '**Maximize window**');
|
||||
components.addTooltip($unmaximize, '**Unmaximize window**');
|
||||
components.addTooltip($close, '**Close window**');
|
||||
|
||||
$minimize.addEventListener('click', () => electron.browser.minimize());
|
||||
$maximize.addEventListener('click', () => electron.browser.maximize());
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: integrated titlebar
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: integrated titlebar
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: integrated titlebar
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: integrated titlebar
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: light+
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: light+
|
||||
* (c) 2020 Lizishan
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: material ocean
|
||||
* (c) 2020 Abubakar Yagoub <i@blacksuan19.me> (https://blacksuan19.tk)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
/*
|
||||
* notion-enhancer core: menu
|
||||
/**
|
||||
* notion-enhancer: menu
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
/*
|
||||
* notion-enhancer core: menu
|
||||
/**
|
||||
* notion-enhancer: menu
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
@ -11,14 +11,6 @@ const notificationsURL = 'https://notion-enhancer.github.io/notifications.json';
|
||||
export default async function ({ env, fs, storage, registry, web }, db) {
|
||||
web.addHotkeyListener(await db.get(['hotkey']), env.focusMenu);
|
||||
|
||||
const updateTheme = () =>
|
||||
storage.set(['theme'], document.querySelector('.notion-dark-theme') ? 'dark' : 'light');
|
||||
web.addDocumentObserver((mutation) => {
|
||||
if (mutation.target === document.body && document.hasFocus()) updateTheme();
|
||||
});
|
||||
if (document.hasFocus()) updateTheme();
|
||||
document.addEventListener('visibilitychange', updateTheme);
|
||||
|
||||
const sidebarSelector = '.notion-sidebar-container .notion-sidebar > div:nth-child(4)';
|
||||
await web.whenReady([sidebarSelector]);
|
||||
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
/*
|
||||
* notion-enhancer core: menu
|
||||
/**
|
||||
* notion-enhancer: menu
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
@ -8,6 +8,10 @@
|
||||
|
||||
import { fmt, web, registry, components } from '../../api/index.mjs';
|
||||
import { notifications } from './notifications.mjs';
|
||||
import '../../dep/jscolor.min.js';
|
||||
|
||||
import '../../dep/markdown-it.min.js';
|
||||
const md = markdownit({ linkify: true });
|
||||
|
||||
export const modComponents = {
|
||||
preview: (url) => web.html`<img
|
||||
@ -26,7 +30,7 @@ export const modComponents = {
|
||||
},
|
||||
description: (description) => {
|
||||
const $description = web.html`<p class="mod-description markdown-inline">
|
||||
${fmt.md.renderInline(description)}
|
||||
${md.renderInline(description)}
|
||||
</p>`;
|
||||
$description.querySelectorAll('a').forEach((a) => {
|
||||
a.target = '_blank';
|
||||
@ -69,7 +73,10 @@ export const options = {
|
||||
$input = $toggle.children[1];
|
||||
if (opt.tooltip) {
|
||||
$label.prepend($tooltipIcon);
|
||||
components.tooltip($tooltipIcon, opt.tooltip, { offsetDirection: 'left', maxLines: 3 });
|
||||
components.addTooltip($tooltipIcon, opt.tooltip, {
|
||||
offsetDirection: 'left',
|
||||
maxLines: 3,
|
||||
});
|
||||
}
|
||||
$input.addEventListener('change', async (event) => {
|
||||
await profileDB.set([mod.id, opt.key], $input.checked);
|
||||
@ -98,7 +105,10 @@ export const options = {
|
||||
</select>`,
|
||||
$icon = web.html`${await components.feather('chevron-down', { class: 'input-icon' })}`;
|
||||
if (opt.tooltip)
|
||||
components.tooltip($tooltipIcon, opt.tooltip, { offsetDirection: 'left', maxLines: 3 });
|
||||
components.addTooltip($tooltipIcon, opt.tooltip, {
|
||||
offsetDirection: 'left',
|
||||
maxLines: 3,
|
||||
});
|
||||
$select.addEventListener('change', async (event) => {
|
||||
await profileDB.set([mod.id, opt.key], $select.value);
|
||||
notifications.onChange();
|
||||
@ -117,7 +127,10 @@ export const options = {
|
||||
$input = web.html`<input type="text" class="input" value="${web.escape(value)}">`,
|
||||
$icon = web.html`${await components.feather('type', { class: 'input-icon' })}`;
|
||||
if (opt.tooltip)
|
||||
components.tooltip($tooltipIcon, opt.tooltip, { offsetDirection: 'left', maxLines: 3 });
|
||||
components.addTooltip($tooltipIcon, opt.tooltip, {
|
||||
offsetDirection: 'left',
|
||||
maxLines: 3,
|
||||
});
|
||||
$input.addEventListener('change', async (event) => {
|
||||
await profileDB.set([mod.id, opt.key], $input.value);
|
||||
notifications.onChange();
|
||||
@ -136,7 +149,10 @@ export const options = {
|
||||
$input = web.html`<input type="number" class="input" value="${value}">`,
|
||||
$icon = web.html`${await components.feather('hash', { class: 'input-icon' })}`;
|
||||
if (opt.tooltip)
|
||||
components.tooltip($tooltipIcon, opt.tooltip, { offsetDirection: 'left', maxLines: 3 });
|
||||
components.addTooltip($tooltipIcon, opt.tooltip, {
|
||||
offsetDirection: 'left',
|
||||
maxLines: 3,
|
||||
});
|
||||
$input.addEventListener('change', async (event) => {
|
||||
await profileDB.set([mod.id, opt.key], $input.value);
|
||||
notifications.onChange();
|
||||
@ -164,7 +180,7 @@ export const options = {
|
||||
$input.style.color = fmt.rgbContrast(r, g, b);
|
||||
$input.style.padding = '';
|
||||
},
|
||||
$picker = new web.jscolor($input, {
|
||||
$picker = new JSColor($input, {
|
||||
value,
|
||||
format: 'rgba',
|
||||
previewSize: 0,
|
||||
@ -176,7 +192,10 @@ export const options = {
|
||||
onChange: paint,
|
||||
});
|
||||
if (opt.tooltip)
|
||||
components.tooltip($tooltipIcon, opt.tooltip, { offsetDirection: 'left', maxLines: 3 });
|
||||
components.addTooltip($tooltipIcon, opt.tooltip, {
|
||||
offsetDirection: 'left',
|
||||
maxLines: 3,
|
||||
});
|
||||
$input.addEventListener('change', async (event) => {
|
||||
await profileDB.set([mod.id, opt.key], $input.value);
|
||||
notifications.onChange();
|
||||
@ -201,7 +220,10 @@ export const options = {
|
||||
$filename = web.html`<span>${web.escape(filename || 'none')}</span>`,
|
||||
$latest = web.render(web.html`<button class="file-latest">Latest: </button>`, $filename);
|
||||
if (opt.tooltip)
|
||||
components.tooltip($tooltipIcon, opt.tooltip, { offsetDirection: 'left', maxLines: 3 });
|
||||
components.addTooltip($tooltipIcon, opt.tooltip, {
|
||||
offsetDirection: 'left',
|
||||
maxLines: 3,
|
||||
});
|
||||
$input.addEventListener('change', (event) => {
|
||||
const file = event.target.files[0],
|
||||
reader = new FileReader();
|
||||
@ -237,7 +259,10 @@ export const options = {
|
||||
$input = web.html`<input type="text" class="input" value="${web.escape(value)}">`,
|
||||
$icon = web.html`${await components.feather('command', { class: 'input-icon' })}`;
|
||||
if (opt.tooltip)
|
||||
components.tooltip($tooltipIcon, opt.tooltip, { offsetDirection: 'left', maxLines: 3 });
|
||||
components.addTooltip($tooltipIcon, opt.tooltip, {
|
||||
offsetDirection: 'left',
|
||||
maxLines: 3,
|
||||
});
|
||||
$input.addEventListener('keydown', async (event) => {
|
||||
event.preventDefault();
|
||||
const pressed = [],
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
/*
|
||||
* notion-enhancer core: menu
|
||||
/**
|
||||
* notion-enhancer: menu
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
@ -95,84 +95,3 @@
|
||||
hyphens: none;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
/*
|
||||
* https://prismjs.com/plugins/inline-color/
|
||||
*/
|
||||
.markdown .inline-color-wrapper {
|
||||
/*
|
||||
* base64 svg (https://stackoverflow.com/a/21626701/7595472 - prevents visual glitches)
|
||||
* <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2">
|
||||
* <path fill="gray" d="M0 0h2v2H0z"/>
|
||||
* <path fill="white" d="M0 0h1v1H0zM1 1h1v1H1z"/>
|
||||
* </svg>
|
||||
*/
|
||||
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyIDIiPjxwYXRoIGZpbGw9ImdyYXkiIGQ9Ik0wIDBoMnYySDB6Ii8+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik0wIDBoMXYxSDB6TTEgMWgxdjFIMXoiLz48L3N2Zz4=');
|
||||
background-position: center;
|
||||
background-size: 110%;
|
||||
display: inline-block;
|
||||
height: 1.333ch;
|
||||
width: 1.333ch;
|
||||
margin: 0 0.333ch;
|
||||
box-sizing: border-box;
|
||||
border: 0.5px solid var(--theme--code_plain);
|
||||
overflow: hidden;
|
||||
}
|
||||
.markdown .inline-color {
|
||||
display: block;
|
||||
height: 120%;
|
||||
width: 120%;
|
||||
}
|
||||
|
||||
/*
|
||||
* https://prismjs.com/plugins/match-braces/
|
||||
*/
|
||||
.markdown .token.punctuation.brace-hover,
|
||||
.markdown .token.punctuation.brace-selected {
|
||||
outline: solid 1px;
|
||||
}
|
||||
|
||||
/*
|
||||
* https://prismjs.com/plugins/show-language/
|
||||
* https://prismjs.com/plugins/copy-to-clipboard/
|
||||
*/
|
||||
.markdown .code-toolbar {
|
||||
position: relative;
|
||||
}
|
||||
.markdown .code-toolbar .toolbar-item {
|
||||
position: absolute;
|
||||
top: 0.35rem;
|
||||
display: inline-block;
|
||||
transition: opacity 200ms ease-in-out;
|
||||
opacity: 0;
|
||||
}
|
||||
.markdown .code-toolbar .toolbar-item:first-child {
|
||||
left: 0.8rem;
|
||||
}
|
||||
.markdown .code-toolbar .toolbar-item:last-child {
|
||||
right: 0.8rem;
|
||||
}
|
||||
.markdown .code-toolbar:hover .toolbar-item,
|
||||
.markdown .code-toolbar:focus-within .toolbar-item {
|
||||
opacity: 1;
|
||||
}
|
||||
.markdown .code-toolbar .toolbar-item > * {
|
||||
padding: 0.25rem 0.35rem;
|
||||
color: var(--theme--text_secondary);
|
||||
font-size: 11px;
|
||||
font-family: inherit;
|
||||
}
|
||||
.markdown .code-toolbar .toolbar-item .copy-to-clipboard-button {
|
||||
border: none;
|
||||
background: none;
|
||||
cursor: pointer;
|
||||
border-radius: 3px;
|
||||
transition: background 100ms ease-in-out;
|
||||
}
|
||||
.markdown .code-toolbar .toolbar-item .copy-to-clipboard-button:hover {
|
||||
background: var(--theme--button-hover);
|
||||
}
|
||||
.markdown .code-toolbar .toolbar-item .copy-to-clipboard-button svg {
|
||||
width: 1em;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
/*
|
||||
* notion-enhancer core: menu
|
||||
/**
|
||||
* notion-enhancer: menu
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
/*
|
||||
* notion-enhancer core: menu
|
||||
/**
|
||||
* notion-enhancer: menu
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
@ -16,9 +16,6 @@ import './styles.mjs';
|
||||
const { env, fs, storage, electron, registry, web, components } = api;
|
||||
|
||||
for (const mod of await registry.list((mod) => registry.enabled(mod.id))) {
|
||||
for (const sheet of mod.css?.menu || []) {
|
||||
web.loadStylesheet(`repo/${mod._dir}/${sheet}`);
|
||||
}
|
||||
for (let script of mod.js?.menu || []) {
|
||||
script = await import(fs.localPath(`repo/${mod._dir}/${script}`));
|
||||
script.default(api, await registry.db(mod.id));
|
||||
@ -44,13 +41,6 @@ import './styles.mjs';
|
||||
|
||||
web.addHotkeyListener(await db.get(['hotkey']), env.focusNotion);
|
||||
|
||||
const loadTheme = async () => {
|
||||
document.documentElement.className =
|
||||
(await storage.get(['theme'], 'light')) === 'dark' ? 'dark' : '';
|
||||
};
|
||||
document.addEventListener('visibilitychange', loadTheme);
|
||||
loadTheme();
|
||||
|
||||
window.addEventListener('beforeunload', (event) => {
|
||||
// trigger input save
|
||||
document.activeElement.blur();
|
||||
@ -357,7 +347,7 @@ import './styles.mjs';
|
||||
$changelogNavItem = web.html`<button class="nav-item nav-changelog">
|
||||
${await components.feather('clock', { class: 'nav-changelog-icon' })}
|
||||
</button>`;
|
||||
components.tooltip($changelogNavItem, '**Update changelog & welcome message**');
|
||||
components.addTooltip($changelogNavItem, '**Update changelog & welcome message**');
|
||||
$changelogNavItem.addEventListener('click', () => {
|
||||
$changelogModal.scrollTop = 0;
|
||||
$changelogModal.classList.add('modal-visible');
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
/*
|
||||
* notion-enhancer core: menu
|
||||
/**
|
||||
* notion-enhancer: menu
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
@ -7,6 +7,9 @@
|
||||
import { env, fs, storage, fmt, web, components } from '../../api/index.mjs';
|
||||
import { tw } from './styles.mjs';
|
||||
|
||||
import '../../dep/markdown-it.min.js';
|
||||
const md = markdownit({ linkify: true });
|
||||
|
||||
const notificationsURL = 'https://notion-enhancer.github.io/notifications.json';
|
||||
export const notifications = {
|
||||
$container: web.html`<div class="notifications-container"></div>`,
|
||||
@ -39,7 +42,7 @@ export const notifications = {
|
||||
web.render(
|
||||
$notification,
|
||||
web.html`<span class="notification-text markdown-inline">
|
||||
${fmt.md.renderInline(message)}
|
||||
${md.renderInline(message)}
|
||||
</span>`,
|
||||
web.html`${await components.feather(icon, { class: 'notification-icon' })}`
|
||||
)
|
||||
@ -158,7 +161,7 @@ export const $changelogModal = web.render(
|
||||
</ul>
|
||||
<h3 class="modal-content-heading">what's new</h3>
|
||||
<div class="markdown">
|
||||
${fmt.md.render(await fs.getText('repo/menu/whats-new.md'))}
|
||||
${md.render(await fs.getText('repo/menu/whats-new.md'))}
|
||||
</div>
|
||||
</div>
|
||||
</div>`,
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
/*
|
||||
* notion-enhancer core: menu
|
||||
/**
|
||||
* notion-enhancer: menu
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
/*
|
||||
* notion-enhancer core: menu
|
||||
/**
|
||||
* notion-enhancer: menu
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: neutral
|
||||
* (c) 2020 Arecsu
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: neutral
|
||||
* (c) 2020 Arecsu
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: dracula
|
||||
* (c) 2016 Artic Ice Studio
|
||||
* (c) 2020 MANNNNEN
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: outliner
|
||||
* (c) 2020 CloudHill <rl.cloudhill@gmail.com> (https://github.com/CloudHill)
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: outliner
|
||||
* (c) 2020 CloudHill <rl.cloudhill@gmail.com> (https://github.com/CloudHill)
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: pastel dark
|
||||
* (c) 2020 u/zenith_illinois
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: pastel dark
|
||||
* (c) 2020 u/zenith_illinois
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: pinky boom
|
||||
* (c) 2020 mugiwarafx
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: playful dark
|
||||
* (c) 2020 Lizishan
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: quick note
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: right to left
|
||||
* (c) 2021 obahareth <omar@omar.engineer> (https://omar.engineer)
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: right to left
|
||||
* (c) 2021 obahareth <omar@omar.engineer> (https://omar.engineer)
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: scroll to top
|
||||
* (c) 2021 CloudHill <rl.cloudhill@gmail.com> (https://github.com/CloudHill)
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: simpler databases
|
||||
* (c) 2020 CloudHill <rl.cloudhill@gmail.com> (https://github.com/CloudHill)
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: simpler databases
|
||||
* (c) 2020 CloudHill <rl.cloudhill@gmail.com> (https://github.com/CloudHill)
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
|
||||
@ -14,7 +14,9 @@
|
||||
}
|
||||
],
|
||||
"css": {},
|
||||
"js": {},
|
||||
"js": {
|
||||
"electron": [{ "source": "rendererIndex.cjs", "target": "renderer/index.js" }]
|
||||
},
|
||||
"options": [
|
||||
{
|
||||
"key": "select_modifier",
|
||||
|
||||
11
repo/tabs/rendererIndex.cjs
Normal file
11
repo/tabs/rendererIndex.cjs
Normal file
@ -0,0 +1,11 @@
|
||||
/**
|
||||
* notion-enhancer: tabs
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
module.exports = async function (api, db, __exports, __eval) {
|
||||
console.log(123);
|
||||
};
|
||||
@ -1,12 +1,12 @@
|
||||
/*
|
||||
* notion-enhancer core: theming
|
||||
/**
|
||||
* notion-enhancer: theming
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
export default async function ({ web, registry }, db) {
|
||||
export default async function ({ web, registry, storage, electron }, db) {
|
||||
const enabledThemes = await registry.list(
|
||||
async (m) => (await registry.enabled(m.id)) && m.tags.includes('theme')
|
||||
);
|
||||
@ -16,12 +16,19 @@ export default async function ({ web, registry }, db) {
|
||||
web.loadStylesheet('repo/theming/colors.css');
|
||||
}
|
||||
|
||||
const updateTheme = () =>
|
||||
const updateTheme = () => {
|
||||
storage
|
||||
.set(['theme'], document.querySelector('.notion-dark-theme') ? 'dark' : 'light')
|
||||
.then(() => {
|
||||
electron.sendToHost('update-theme');
|
||||
});
|
||||
document.documentElement.classList[
|
||||
document.body.classList.contains('dark') ? 'add' : 'remove'
|
||||
]('dark');
|
||||
updateTheme();
|
||||
};
|
||||
web.addDocumentObserver((mutation) => {
|
||||
if (mutation.target === document.body) updateTheme();
|
||||
if (mutation.target === document.body && document.hasFocus()) updateTheme();
|
||||
});
|
||||
if (document.hasFocus()) updateTheme();
|
||||
document.addEventListener('visibilitychange', updateTheme);
|
||||
}
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
/*
|
||||
* notion-enhancer core: theming
|
||||
/**
|
||||
* notion-enhancer: theming
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
61
repo/theming/electronSearch.css
Normal file
61
repo/theming/electronSearch.css
Normal file
@ -0,0 +1,61 @@
|
||||
/**
|
||||
* notion-enhancer: theming
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
body > style + #container {
|
||||
background: var(--theme--bg) !important;
|
||||
box-shadow: var(--theme--ui_shadow, rgba(15, 15, 15, 0.05)) 0px 0px 0px 1px,
|
||||
var(--theme--ui_shadow, rgba(15, 15, 15, 0.1)) 0px 3px 6px,
|
||||
var(--theme--ui_shadow, rgba(15, 15, 15, 0.2)) 0px 9px 24px !important;
|
||||
}
|
||||
|
||||
body > style + #container #results {
|
||||
color: var(--theme--text) !important;
|
||||
}
|
||||
|
||||
body > style + #container #prev,
|
||||
body > style + #container #next {
|
||||
border-color: var(--theme--ui_divider) !important;
|
||||
}
|
||||
body > style + #container .enabled:focus,
|
||||
body > style + #container .enabled:hover {
|
||||
background: var(--theme--ui_interactive-hover) !important;
|
||||
}
|
||||
body > style + #container .enabled:active {
|
||||
background: var(--theme--ui_interactive-active) !important;
|
||||
}
|
||||
body > style + #container #prev svg,
|
||||
body > style + #container #next svg {
|
||||
fill: var(--theme--icon_secondary) !important;
|
||||
}
|
||||
body > style + #container #button-separator {
|
||||
background: var(--theme--ui_divider) !important;
|
||||
}
|
||||
|
||||
body > style + #container #search-icon svg,
|
||||
body > style + #container #clear-icon svg {
|
||||
fill: var(--theme--icon) !important;
|
||||
}
|
||||
body > style + #container #input-wrap #search {
|
||||
background: var(--theme--ui_input) !important;
|
||||
color: var(--theme--text) !important;
|
||||
}
|
||||
|
||||
body > style + #container #done {
|
||||
background: var(--theme--accent_blue) !important;
|
||||
color: var(--theme--accent_blue-text) !important;
|
||||
}
|
||||
body > style + #container #done:focus,
|
||||
body > style + #container #done:hover {
|
||||
background: var(--theme--accent_blue-hover) !important;
|
||||
}
|
||||
body > style + #container #done:active {
|
||||
background: var(--theme--accent_blue-active) !important;
|
||||
}
|
||||
|
||||
body > style + #container .enabled::after,
|
||||
body > style + #container #done::after {
|
||||
background: transparent !important;
|
||||
}
|
||||
@ -1,5 +1,5 @@
|
||||
/*
|
||||
* notion-enhancer core: theming
|
||||
/**
|
||||
* notion-enhancer: theming
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
24
repo/theming/menu.mjs
Normal file
24
repo/theming/menu.mjs
Normal file
@ -0,0 +1,24 @@
|
||||
/**
|
||||
* notion-enhancer: theming
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
export default async function ({ web, registry, storage }, db) {
|
||||
await web.whenReady();
|
||||
|
||||
const loadTheme = async () => {
|
||||
document.documentElement.className =
|
||||
(await storage.get(['theme'], 'light')) === 'dark' ? 'dark' : '';
|
||||
};
|
||||
document.addEventListener('visibilitychange', loadTheme);
|
||||
loadTheme();
|
||||
|
||||
for (const mod of await registry.list((mod) => registry.enabled(mod.id))) {
|
||||
for (const sheet of mod.css?.menu || []) {
|
||||
web.loadStylesheet(`repo/${mod._dir}/${sheet}`);
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -13,12 +13,17 @@
|
||||
}
|
||||
],
|
||||
"css": {
|
||||
"frame": ["variables.css"],
|
||||
"frame": ["variables.css", "electronSearch.css"],
|
||||
"client": ["variables.css", "prism.css", "patches.css"],
|
||||
"menu": ["variables.css", "prism.css"]
|
||||
"menu": ["variables.css"]
|
||||
},
|
||||
"js": {
|
||||
"client": ["client.mjs"]
|
||||
"client": ["client.mjs"],
|
||||
"menu": ["menu.mjs"],
|
||||
"electron": [
|
||||
{ "source": "rendererIndex.cjs", "target": "renderer/index.js" },
|
||||
{ "source": "rendererSearch.cjs", "target": "renderer/search.js" }
|
||||
]
|
||||
},
|
||||
"options": [
|
||||
{
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
/*
|
||||
* notion-enhancer core: theming
|
||||
/**
|
||||
* notion-enhancer: theming
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
/*
|
||||
* notion-enhancer core: theming
|
||||
/**
|
||||
* notion-enhancer: theming
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
17
repo/theming/rendererIndex.cjs
Normal file
17
repo/theming/rendererIndex.cjs
Normal file
@ -0,0 +1,17 @@
|
||||
/**
|
||||
* notion-enhancer: theming
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
module.exports = async function ({ registry, web, storage }, db, __exports, __eval) {
|
||||
await web.whenReady();
|
||||
|
||||
for (const mod of await registry.list((mod) => registry.enabled(mod.id))) {
|
||||
for (const sheet of mod.css?.frame || []) {
|
||||
web.loadStylesheet(`repo/${mod._dir}/${sheet}`);
|
||||
}
|
||||
}
|
||||
};
|
||||
24
repo/theming/rendererSearch.cjs
Normal file
24
repo/theming/rendererSearch.cjs
Normal file
@ -0,0 +1,24 @@
|
||||
/**
|
||||
* notion-enhancer: theming
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
module.exports = async function ({ registry, web, storage, electron }, db, __exports, __eval) {
|
||||
await web.whenReady(['#search']);
|
||||
|
||||
const loadTheme = async () => {
|
||||
document.documentElement.className =
|
||||
(await storage.get(['theme'], 'light')) === 'dark' ? 'dark' : '';
|
||||
};
|
||||
document.querySelector('#search').addEventListener('focus', loadTheme);
|
||||
loadTheme();
|
||||
|
||||
for (const mod of await registry.list((mod) => registry.enabled(mod.id))) {
|
||||
for (const sheet of mod.css?.frame || []) {
|
||||
web.loadStylesheet(`repo/${mod._dir}/${sheet}`);
|
||||
}
|
||||
}
|
||||
};
|
||||
@ -1,5 +1,5 @@
|
||||
/*
|
||||
* notion-enhancer core: theming
|
||||
/**
|
||||
* notion-enhancer: theming
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
@ -165,6 +165,10 @@ body,
|
||||
var(--theme--ui_shadow, rgba(15, 15, 15, 0.1)) 0px 3px 6px,
|
||||
var(--theme--ui_shadow, rgba(15, 15, 15, 0.2)) 0px 9px 24px !important;
|
||||
}
|
||||
[style*='z-index:'][style*='box-shadow: '][style*='font-size: 12px;'][style*='min-height: 24px; overflow: hidden; pointer-events:']
|
||||
> .notion-focusable {
|
||||
color: var(--theme--text) !important;
|
||||
}
|
||||
|
||||
.notion-calendar-view
|
||||
.notion-selectable.notion-page-block.notion-collection-item
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
/*
|
||||
* notion-enhancer core: theming
|
||||
/**
|
||||
* notion-enhancer: theming
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: topbar icons
|
||||
* (c) 2020 CloudHill <rl.cloudhill@gmail.com> (https://github.com/CloudHill)
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: tray
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: tray
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
@ -18,11 +18,11 @@ module.exports = async function ({ env }, db, __exports, __eval) {
|
||||
});
|
||||
|
||||
const notionCreateWindow = __exports.createWindow;
|
||||
__exports.createWindow = (relativeUrl = '', args, force = false) => {
|
||||
__exports.createWindow = (relativeUrl = '', args) => {
|
||||
const windows = electron.BrowserWindow.getAllWindows();
|
||||
if (windows.length) windows.forEach((win) => win.show());
|
||||
|
||||
if (force || !windows.length) {
|
||||
if (relativeUrl || !windows.length) {
|
||||
// hijack close event to hide instead
|
||||
const window = notionCreateWindow(relativeUrl, args);
|
||||
window.prependListener('close', (e) => {
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: tray
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
@ -48,9 +48,9 @@ module.exports = async function ({ env, registry }, db, __exports, __eval) {
|
||||
// duplicate window prevention
|
||||
const createWindow = () => {
|
||||
const { createWindow } = env.notionRequire('main/createWindow.js');
|
||||
createWindow('', null, true);
|
||||
createWindow('/');
|
||||
};
|
||||
electron.ipcMain.on(`notion-enhancer:create-new-window`, createWindow);
|
||||
electron.ipcMain.on('notion-enhancer:create-new-window', createWindow);
|
||||
|
||||
const contextMenu = electron.Menu.buildFromTemplate([
|
||||
{
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: truncated titles
|
||||
* (c) 2021 admiraldus (https://github.com/admiraldus)
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
@ -19,7 +19,7 @@ export default async function ({ web, components }, db) {
|
||||
if ($elements.includes($tableTitle)) return;
|
||||
|
||||
if ($tableTitle.scrollWidth > $tableTitle.clientWidth) {
|
||||
components.tooltip(
|
||||
components.addTooltip(
|
||||
$tableTitle.parentElement.parentElement.parentElement,
|
||||
web.html`<span>${web.escape($tableTitle.innerText)}</span>`,
|
||||
750
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: tweaks
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (c) 2020 arecsu
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: tweaks
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: view scale
|
||||
* (c) 2021 SP12893678 (https://sp12893678.tk/)
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: view scale
|
||||
* (c) 2021 SP12893678 (https://sp12893678.tk/)
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
@ -56,8 +56,8 @@ export default async function ({ electron, web, components }, db) {
|
||||
$scaleMinus = web.html`<button class="view_scale--button">
|
||||
${await components.feather('zoom-out')}
|
||||
</button>`;
|
||||
components.tooltip($scalePlus, '**Zoom into the window**');
|
||||
components.tooltip($scaleMinus, '**Zoom out of the window**');
|
||||
components.addTooltip($scalePlus, '**Zoom into the window**');
|
||||
components.addTooltip($scaleMinus, '**Zoom out of the window**');
|
||||
updateScale = () => {
|
||||
if (getZoomFactor() !== zoomFactor) zoomFactor = getZoomFactor();
|
||||
$scaleSlider.value = Math.round(zoomFactor * 100);
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: weekly view
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: word counter
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/**
|
||||
* notion-enhancer: word counter
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
@ -54,8 +54,8 @@ export default async function ({ web, components }, db) {
|
||||
$statList.querySelectorAll('.word-counter--stat').forEach(($stat) => {
|
||||
$stat.addEventListener('click', () => web.copyToClipboard($stat.innerText));
|
||||
});
|
||||
components.tooltip($readingTooltip, '**~ 275 wpm**', { offsetDirection: 'left' });
|
||||
components.tooltip($speakingTooltip, '**~ 180 wpm**', { offsetDirection: 'left' });
|
||||
components.addTooltip($readingTooltip, '**~ 275 wpm**', { offsetDirection: 'left' });
|
||||
components.addTooltip($speakingTooltip, '**~ 180 wpm**', { offsetDirection: 'left' });
|
||||
|
||||
let viewFocused = false,
|
||||
$page;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user