dragonwocky/notion-enhancer
1
0
Fork 0
mirror of https://github.com/notion-enhancer/notion-enhancer.git synced 2025-04-05 13:19:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

remove loop from core client.js

Browse Source
This commit is contained in:
dragonwocky 2020-08-17 23:43:43 +10:00
parent e787427214
commit 58bbb9e385
4 changed files with 66 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

105
repo/core/client.js
View File

@ -25,7 +25,11 @@ module.exports = (store, __exports) => {
const attempt_interval = setInterval(enhance, 500);
async function enhance() {
if (!document.querySelector('.notion-frame')) return;
if (
!document.querySelector('.notion-frame') ||
!document.querySelector('.notion-sidebar')
)
return;
clearInterval(attempt_interval);
// scrollbars
@ -72,60 +76,65 @@ module.exports = (store, __exports) => {
.querySelector('.notion-topbar-share-menu')
.parentElement.classList.add('notion-topbar-actions');
let sidebar_width;
function communicationLoop() {
const getStyle = (prop) =>
getComputedStyle(
document.querySelector('.notion-app-inner')
).getPropertyValue(prop),
mode = JSON.parse(localStorage.theme).mode;
const getStyle = (prop) =>
getComputedStyle(
document.querySelector('.notion-app-inner')
).getPropertyValue(prop);
// ctrl+f theming
notionIpc.sendNotionToIndex('search:set-theme', {
'mode': mode,
'colors': {
'white': getStyle(`--theme--option_active-color`),
'blue': getStyle(`--theme--option_active-background`),
},
'borderRadius': 3,
'textColor': getStyle(`--theme--text`),
'popoverBackgroundColor': getStyle(`--theme--card`),
'popoverBoxShadow': `0 0 0 1px ${getStyle(
`--theme--overlay`
)}, 0 3px 6px ${getStyle(`--theme--overlay`)}`,
'inputBoxShadow': `box-shadow: ${getStyle(
`--theme--primary`
)} 0px 0px 0px 1px inset, ${getStyle(
`--theme--primary_hover`
)} 0px 0px 0px 2px !important`,
'inputBackgroundColor': getStyle(`--theme--main`),
'dividerColor': getStyle(`--theme--table-border`),
'shadowOpacity': 0.2,
});
// ctrl+f theming
document.defaultView.addEventListener('keydown', (event) => {
if (event.key === 'f' && (event.ctrlKey || event.metaKey)) {
notionIpc.sendNotionToIndex('search:set-theme', {
'mode': document.querySelector('.notion-dark-theme')
? 'dark'
: 'light',
'colors': {
'white': getStyle(`--theme--option_active-color`),
'blue': getStyle(`--theme--option_active-background`),
},
'borderRadius': 3,
'textColor': getStyle(`--theme--text`),
'popoverBackgroundColor': getStyle(`--theme--card`),
'popoverBoxShadow': `0 0 0 1px ${getStyle(
`--theme--overlay`
)}, 0 3px 6px ${getStyle(`--theme--overlay`)}`,
'inputBoxShadow': `box-shadow: ${getStyle(
`--theme--primary`
)} 0px 0px 0px 1px inset, ${getStyle(
`--theme--primary_hover`
)} 0px 0px 0px 2px !important`,
'inputBackgroundColor': getStyle(`--theme--main`),
'dividerColor': getStyle(`--theme--table-border`),
'shadowOpacity': 0.2,
});
}
});
// enhancer menu
electron.ipcRenderer.send('enhancer:set-theme', {
mode,
// enhancer menu
function setMenuTheme() {
electron.ipcRenderer.send('enhancer:set-menu-theme', {
mode: document.querySelector('.notion-dark-theme') ? 'dark' : 'light',
rules: require('./css/variables.json').map((rule) => [
rule,
getStyle(rule),
]),
});
// draggable area resizing
const sidebar = document.querySelector('.notion-sidebar');
if (store().frameless && sidebar) {
let new_sidebar_width =
sidebar.style.height === 'auto' ? '0px' : sidebar.style.width;
if (sidebar_width !== new_sidebar_width) {
sidebar_width = new_sidebar_width;
electron.ipcRenderer.sendToHost(
'enhancer:sidebar-width',
sidebar_width
);
}
}
}
setInterval(communicationLoop, 500);
setMenuTheme();
electron.ipcRenderer.on('enhancer:get-menu-theme', setMenuTheme);
const observer = new MutationObserver(setSidebarWidth);
observer.observe(document.querySelector('.notion-sidebar'), {
attributes: true,
});
function setSidebarWidth(list, observer) {
if (!store().frameless) return;
electron.ipcRenderer.sendToHost(
'enhancer:sidebar-width',
list[0].target.style.height === 'auto'
? '0px'
: list[0].target.style.width
);
}
}
};

3
repo/core/menu.js
View File

@ -41,7 +41,8 @@ window['__start'] = async () => {
}
});
electron.ipcRenderer.on('enhancer:set-theme', (event, theme) => {
electron.ipcRenderer.send('enhancer:get-menu-theme');
electron.ipcRenderer.on('enhancer:set-menu-theme', (event, theme) => {
document.body.className = `notion-${theme.mode}-theme`;
for (const style of theme.rules)
document.body.style.setProperty(style[0], style[1]);

2
repo/core/render.js
View File

@ -16,8 +16,6 @@ module.exports = (store, __exports) => {
),
default_styles = dragarea.getAttribute('style');
// document.body.innerText = document.body.innerHTML;
document
.getElementById('notion')
.addEventListener('ipc-message', (event) => {

9
repo/core/tray.js
View File

@ -29,9 +29,14 @@ module.exports = (store, __exports) => {
})
);
electron.ipcMain.on('enhancer:set-theme', (event, arg) => {
electron.ipcMain.on('enhancer:set-menu-theme', (event, arg) => {
if (!enhancer_menu) return;
enhancer_menu.webContents.send('enhancer:set-theme', arg);
enhancer_menu.webContents.send('enhancer:set-menu-theme', arg);
});
electron.ipcMain.on('enhancer:get-menu-theme', (event, arg) => {
electron.webContents
.getAllWebContents()
.forEach((webContents) => webContents.send('enhancer:get-menu-theme'));
});
electron.ipcMain.on('enhancer:open-extension-menu', openExtensionMenu);