mirror of
https://github.com/notion-enhancer/notion-enhancer.git
synced 2025-04-05 13:19:03 +00:00
108 lines
3.5 KiB
JavaScript
108 lines
3.5 KiB
JavaScript
/* === INJECTION MARKER === */
|
|
|
|
/*
|
|
* notion-enhancer
|
|
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com>
|
|
* (c) 2020 TarasokUA
|
|
* (https://dragonwocky.me/) under the MIT license
|
|
*/
|
|
|
|
// adds: custom styles, nicer window control buttons
|
|
|
|
// DO NOT REMOVE THE MARKERS ABOVE.
|
|
|
|
require('electron').remote.getGlobal('setTimeout')(() => {
|
|
const fs = require('fs'),
|
|
path = require('path'),
|
|
store = require(path.join(__dirname, '..', 'store.js'))({
|
|
config: 'user-preferences',
|
|
defaults: {
|
|
openhidden: false,
|
|
maximised: false,
|
|
tray: false,
|
|
theme: false,
|
|
},
|
|
});
|
|
|
|
const intervalID = setInterval(injection, 100);
|
|
function injection() {
|
|
if (document.querySelector('div.notion-topbar > div') == undefined) return;
|
|
clearInterval(intervalID);
|
|
|
|
/* style injection */
|
|
const head = document.getElementsByTagName('head')[0],
|
|
css = ['user'];
|
|
if (store.theme) css.push('theme');
|
|
css.forEach((file) => {
|
|
file = fs.readFileSync(`☃☃☃assets☃☃☃/${file}.css`); // will be set by python script
|
|
let style = document.createElement('style');
|
|
style.type = 'text/css';
|
|
style.innerHTML = file;
|
|
head.appendChild(style);
|
|
});
|
|
|
|
const appwindow = require('electron').remote.getCurrentWindow();
|
|
|
|
/* window control buttons */
|
|
let node = document.querySelector('div.notion-topbar > div'),
|
|
element = document.createElement('div');
|
|
element.id = 'window-buttons-area';
|
|
node.appendChild(element);
|
|
node = document.querySelector('#window-buttons-area');
|
|
|
|
// always-on-top
|
|
const alwaysontopEl = document.createElement('button');
|
|
alwaysontopEl.classList.add('window-buttons', 'btn-alwaysontop');
|
|
alwaysontopEl.innerHTML = '🠛';
|
|
alwaysontopEl.onclick = function () {
|
|
const state = appwindow.isAlwaysOnTop();
|
|
appwindow.setAlwaysOnTop(!state);
|
|
this.innerHTML = state ? '🠛' : '🠙';
|
|
};
|
|
node.appendChild(alwaysontopEl);
|
|
|
|
// minimise
|
|
const minimizeEl = document.createElement('button');
|
|
minimizeEl.classList.add('window-buttons', 'btn-minimize');
|
|
minimizeEl.innerHTML = '⚊';
|
|
minimizeEl.onclick = () => appwindow.minimize();
|
|
node.appendChild(minimizeEl);
|
|
|
|
// maximise
|
|
const maximiseEl = document.createElement('button'),
|
|
maximiseIcon = () => (appwindow.isMaximized() ? '🗗' : '🗖');
|
|
maximiseEl.classList.add('window-buttons', 'btn-maximize');
|
|
maximiseEl.innerHTML = maximiseIcon();
|
|
maximiseEl.onclick = function () {
|
|
if (appwindow.isMaximized()) appwindow.unmaximize();
|
|
else appwindow.maximize();
|
|
this.innerHTML = maximiseIcon();
|
|
};
|
|
node.appendChild(maximiseEl);
|
|
require('electron').remote.app.on('browser-window-focus', (event, win) => {
|
|
if (win.id == appwindow.id) maximiseEl.innerHTML = maximiseIcon();
|
|
});
|
|
|
|
// close
|
|
const closeEl = document.createElement('button');
|
|
closeEl.classList.add('window-buttons');
|
|
closeEl.innerHTML = '⨉';
|
|
closeEl.onclick = () => {
|
|
if (
|
|
store.tray &&
|
|
require('electron').remote.BrowserWindow.getAllWindows().length === 1
|
|
) {
|
|
appwindow.hide();
|
|
} else appwindow.close();
|
|
};
|
|
node.appendChild(closeEl);
|
|
|
|
/* reload window */
|
|
document.defaultView.addEventListener(
|
|
'keyup',
|
|
(ev) => void (ev.code === 'F5' ? appwindow.reload() : 0),
|
|
true
|
|
);
|
|
}
|
|
}, 100);
|