emoji sets extension

CHANGELOG.md

@@ -17,13 +17,18 @@ complete rewrite with node.js.
 - extension: "custom inserts" = link files for small client-side tweaks..
 - extension: "bracketed links" = render links surrounded with \[\[brackets]] instead of underlined.
 - extension: "focus mode" = hide the titlebar/menubar if the sidebar is closed (will be shown on hover).
-- theme: "neutral" = smoother colours and fonts, designed to be more pleasing to the eye.
 - theme: "dark+" = a vivid-colour near-black theme.
+- theme: "neutral" = smoother colours and fonts, designed to be more pleasing to the eye.
+- theme: "gameish" = a purple, "gamer-styled" theme with a blocky-font.
+- theme: "pastel dark" = a true dark theme with a hint of pastel.
+- extension: "emojiset" = pick from a variety of emoji styles to use.
 
 //todo
 
-- extension: "emojiset" = pick from a variety of emoji styles to use.
 - extension: "night light" = sync dark/light theme with the system.
+- extension: "right-to-left" = enables auto rtl/ltr text direction detection.
+- extension: "weekly view" = view 7-day calendars.
+- extension: "property layout" = auto-collapse page properties that usually push down page content.
 
 ### v0.7.0 (2020-07-09)
 

mods/emoji-sets/mod.js

@@ -0,0 +1,85 @@
+/*
+ * emoji sets
+ * (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
+ * under the MIT license
+ */
+
+'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',
+  author: 'dragonwocky',
+  options: [
+    {
+      key: 'style',
+      label: '',
+      type: 'select',
+      value: [
+        'twitter',
+        'apple',
+        'google',
+        'microsoft',
+        'samsung',
+        'whatsapp',
+        'facebook',
+        'joypixels',
+        'openmoji',
+        'emojidex',
+        'messenger',
+        'lg',
+        'htc',
+        'mozilla',
+      ],
+    },
+  ],
+  hacks: {
+    'renderer/preload.js'(store, __exports) {
+      document.addEventListener('readystatechange', (event) => {
+        const observer = new MutationObserver((list, observer) => {
+          document
+            .querySelectorAll(
+              '[src*="notion-emojis.s3-us-west-2.amazonaws.com"]:not(.notion-emoji)'
+            )
+            .forEach((el) => (el.outerHTML = ''));
+          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>`;
+            });
+            tweaked = true;
+          } else if (store().style !== 'twitter' || tweaked) {
+            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');
+            });
+            tweaked = true;
+          }
+        });
+        observer.observe(document, {
+          childList: true,
+          subtree: true,
+        });
+      });
+    },
+  },
+};