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

#106: make use of user-agent for emoji sets

Browse Source
This commit is contained in:
dragonwocky 2020-09-20 14:41:26 +10:00
parent 00451b1bde
commit 840f994081
Signed by: dragonwocky
GPG Key ID: C7A48B7846AA706D
3 changed files with 55 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
CHANGELOG.md
View File

@ -23,6 +23,8 @@ a feature and cleanup update.
- improved: replaced with `helpers.getNotion()` with the constant `helpers.__notion` to reduce
repeated function calls.
- improved: added variables for page width.
- improved/bugfix: emoji sets extension should now work on macOS and will change user agent to use
real emojis instead of downloading images when system default is selected.
- bugfix: enhancer settings should no longer reset on update (though this will not have
effect until the release after this one).
- bugfix: blue select tags are no longer purple.

4
README.md
View File

@ -199,7 +199,7 @@ on top of other windows even if it's not focused.
| ------ | ------ | -------------------------------------------------------------------------------------------------------------------------- |
| style | select | twitter, apple, google, microsoft, samsung, whatsapp, facebook, joypixels, openmoji, emojidex, messenger, lg, htc, mozilla |
![](https://user-images.githubusercontent.com/16874139/93692858-95050d80-fb3b-11ea-99cb-307447fbb8e7.png)
![](https://user-images.githubusercontent.com/16874139/93693543-8111d980-fb44-11ea-8491-d2780d66deb5.png)
### focus mode
@ -209,7 +209,7 @@ on top of other windows even if it's not focused.
**author:** [arecsu](https://github.com/arecsu/)
![](https://user-images.githubusercontent.com/16874139/93692900-296f7000-fb3c-11ea-9188-91f0e975bc09.png)
![](https://user-images.githubusercontent.com/16874139/93694447-2336bf00-fb4f-11ea-82f3-84c14e000602.png)
### font chooser

102
mods/emoji-sets/mod.js
View File

@ -6,14 +6,12 @@
'use strict';
let tweaked = false;
module.exports = {
id: 'a2401ee1-93ba-4b8c-9781-7f570bf5d71e',
tags: ['extension'],
name: 'emoji sets',
desc: 'pick from a variety of emoji styles to use.',
version: '0.1.3',
version: '0.2.0',
author: 'dragonwocky',
options: [
{
@ -40,56 +38,58 @@ module.exports = {
],
hacks: {
'renderer/preload.js'(store, __exports) {
document.addEventListener('readystatechange', (event) => {
if (document.readyState !== 'complete') return false;
let queue = [];
const observer = new MutationObserver((list, observer) => {
if (!queue.length) requestAnimationFrame(process);
queue.push(...list);
});
observer.observe(document.body, {
childList: true,
subtree: true,
characterData: true,
});
function process() {
queue = [];
const useNative =
(store().style === 'microsoft' && process.platform === 'win32') ||
(store().style === 'apple' && process.platform === 'darwin');
// if (
// (store().style === 'microsoft' && process.platform === 'win32') ||
// (store().style === 'apple' && process.platform === 'darwin')
// ) {
// document
// .querySelectorAll('.notion-record-icon .notion-emoji')
// .forEach((el) => {
// el.outerHTML = `<span style="font-size: 0.9em; position: relative; bottom: 0.1em; right: 0.05em">
// ${el.getAttribute('alt')}
// </span>`;
// });
// document.querySelectorAll('.notion-emoji').forEach((el) => {
// el.outerHTML = `<span>${el.getAttribute('alt')}</span>`;
// });
// } -- attempt load improvement by using actual emojis instead of pictures
// ...breaks changing them again after
if (store().style !== 'twitter' || tweaked) {
document
.querySelectorAll('[src*="notion-emojis.s3"]:not(.notion-emoji)')
.forEach((el) => el.remove());
document.querySelectorAll('.notion-emoji').forEach((el) => {
el.style.setProperty(
'background',
`url(https://emojicdn.elk.sh/${el.getAttribute('alt')}?style=${
store().style
})`
);
el.style.setProperty('background-size', 'contain');
el.style.setProperty('opacity', '1');
});
tweaked = true;
}
}
Object.defineProperty(navigator, 'userAgent', {
get: function () {
// macOS useragent uses system emojis instead of images
// = no need to download
return useNative
? 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.3 Safari/605.1.15 Notion/2.0.9 Electron/6.1.5'
: 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Notion/2.0.9 Chrome/76.0.3809.146 Electron/6.1.5 Safari/537.36';
},
});
if (!useNative) {
let tweaked = false;
document.addEventListener('readystatechange', (event) => {
if (document.readyState !== 'complete') return false;
let queue = [];
const observer = new MutationObserver((list, observer) => {
if (!queue.length) requestAnimationFrame(process);
queue.push(...list);
});
observer.observe(document.body, {
childList: true,
subtree: true,
characterData: true,
});
function process() {
queue = [];
if (store().style !== 'twitter' || tweaked) {
document
.querySelectorAll(
'[src*="notion-emojis.s3"]:not(.notion-emoji)'
)
.forEach((el) => el.remove());
document.querySelectorAll('.notion-emoji').forEach((el) => {
el.style.setProperty(
'background',
`url(https://emojicdn.elk.sh/${el.getAttribute(
'alt'
)}?style=${store().style})`
);
el.style.setProperty('background-size', 'contain');
el.style.setProperty('opacity', '1');
});
tweaked = true;
}
}
});
}
},
},
};