icons/tweaks page links, remove unnecessary async, update profiles explanation

repo/icon-sets/mod.json

@@ -2,7 +2,7 @@
   "name": "icon sets",
   "id": "2d1f4809-9581-40dd-9bf3-4239db406483",
   "version": "0.4.0",
-  "description": "upload, save and reuse custom icons directly from the icon picker. check out the [icons page](https://notion-enhancer.github.io/mods/icon-sets) for instructions on loading entire sets.",
+  "description": "upload, save and reuse custom icons directly from the icon picker. check out the [icons page](https://notion-enhancer.github.io/advanced/icons) for instructions on loading entire sets.",
   "preview": "icon-sets.jpg",
   "tags": ["integration", "customisation"],
   "authors": [
@@ -37,7 +37,7 @@
       "type": "file",
       "key": "json",
       "label": "custom icon sets (.json)",
-      "extensions": ["json"]
+      "extensions": [".json"]
     }
   ]
 }

repo/integrated-titlebar/createWindow.cjs

@@ -6,7 +6,7 @@
 
 'use strict';
 
-module.exports = async function (api, db, __exports, __eval) {
+module.exports = function (api, db, __exports, __eval) {
   __eval(`
     const notionRectFromFocusedWindow = getRectFromFocusedWindow;
     getRectFromFocusedWindow = (windowState) => {

repo/menu/components.mjs

@@ -78,7 +78,7 @@ export const options = {
         maxLines: 3,
       });
     }
-    $input.addEventListener('change', async (event) => {
+    $input.addEventListener('change', async (_event) => {
       await profileDB.set([mod.id, opt.key], $input.checked);
       notifications.onChange();
     });
@@ -109,7 +109,7 @@ export const options = {
         offsetDirection: 'left',
         maxLines: 3,
       });
-    $select.addEventListener('change', async (event) => {
+    $select.addEventListener('change', async (_event) => {
       await profileDB.set([mod.id, opt.key], $select.value);
       notifications.onChange();
     });
@@ -131,7 +131,7 @@ export const options = {
         offsetDirection: 'left',
         maxLines: 3,
       });
-    $input.addEventListener('change', async (event) => {
+    $input.addEventListener('change', async (_event) => {
       await profileDB.set([mod.id, opt.key], $input.value);
       notifications.onChange();
     });
@@ -153,7 +153,7 @@ export const options = {
         offsetDirection: 'left',
         maxLines: 3,
       });
-    $input.addEventListener('change', async (event) => {
+    $input.addEventListener('change', async (_event) => {
       await profileDB.set([mod.id, opt.key], $input.value);
       notifications.onChange();
     });
@@ -172,7 +172,7 @@ export const options = {
       $icon = web.html`${await components.feather('droplet', { class: 'input-icon' })}`,
       paint = () => {
         $input.style.background = $picker.toBackground();
-        const [r, g, b, a] = $picker
+        const [r, g, b] = $picker
           .toRGBAString()
           .slice(5, -1)
           .split(',')
@@ -196,7 +196,7 @@ export const options = {
         offsetDirection: 'left',
         maxLines: 3,
       });
-    $input.addEventListener('change', async (event) => {
+    $input.addEventListener('change', async (_event) => {
       await profileDB.set([mod.id, opt.key], $input.value);
       notifications.onChange();
     });
@@ -237,7 +237,7 @@ export const options = {
       };
       reader.readAsText(file);
     });
-    $latest.addEventListener('click', (event) => {
+    $latest.addEventListener('click', (_event) => {
       $filename.innerText = 'none';
       profileDB.set([mod.id, opt.key], {});
     });

repo/menu/menu.mjs

@@ -41,7 +41,7 @@ import './styles.mjs';
 
   web.addHotkeyListener(await db.get(['hotkey']), env.focusNotion);
 
-  window.addEventListener('beforeunload', (event) => {
+  globalThis.addEventListener('beforeunload', (_event) => {
     // trigger input save
     document.activeElement.blur();
   });
@@ -98,7 +98,7 @@ import './styles.mjs';
       </button>`,
         $error = web.html`<p class="profile-error"></p>`;
 
-      $export.addEventListener('click', async (event) => {
+      $export.addEventListener('click', async (_event) => {
         const now = new Date(),
           $a = web.html`<a
           class="hidden"
@@ -130,13 +130,13 @@ import './styles.mjs';
         reader.readAsText(file);
       });
 
-      $select.addEventListener('change', async (event) => {
+      $select.addEventListener('change', (_event) => {
         if ($select.value === '--') {
           $edit.value = '';
         } else $edit.value = $select.value;
       });
 
-      $save.addEventListener('click', async (event) => {
+      $save.addEventListener('click', async (_event) => {
         if (profileNames.includes($edit.value) && $select.value !== $edit.value) {
           web.render(
             web.empty($error),
@@ -144,14 +144,10 @@ import './styles.mjs';
           );
           return false;
         }
-        if (!$edit.value) {
-          web.render(web.empty($error), 'Profile names cannot be empty.');
-          return false;
-        }
-        if (!$edit.value.match(/^[A-Za-z0-9_-]+$/)) {
+        if (!$edit.value || !$edit.value.match(/^[A-Za-z0-9_-]+$/)) {
           web.render(
             web.empty($error),
-            'Profile names can only contain letters, numbers, dashes and underscores.'
+            'Profile names may not be empty & may only contain letters, numbers, hyphens and underscores.'
           );
           return false;
         }
@@ -168,7 +164,7 @@ import './styles.mjs';
         env.reload();
       });
 
-      $delete.addEventListener('click', async (event) => {
+      $delete.addEventListener('click', async (_event) => {
         await storage.set(['profiles', $select.value], undefined);
         await storage.set(
           ['currentprofile'],
@@ -180,12 +176,9 @@ import './styles.mjs';
       _$profileConfig = web.render(
         web.html`<div></div>`,
         web.html`<p class="options-placeholder">
-        Profiles are used to switch entire configurations.
-        Here they can be selected, renamed or deleted.
-        Profile names can only contain letters, numbers,
-        dashes and underscores. <br>
+        Profiles are used to switch entire configurations.<br>
         Be careful - deleting a profile deletes all configuration
-        related to it. 
+        related to it.<br>
       </p>`,
         web.render(
           web.html`<label class="input-label"></label>`,
@@ -284,7 +277,7 @@ import './styles.mjs';
               (mod) => mod.environments.includes(env.name) && mod.tags.includes(category)
             );
           web.addHotkeyListener(['/'], () => $search.focus());
-          $search.addEventListener('input', (event) => {
+          $search.addEventListener('input', (_event) => {
             const query = $search.value.toLowerCase();
             for (const $mod of $list.children) {
               const matches = !query || $mod.innerText.toLowerCase().includes(query);
@@ -436,7 +429,7 @@ import './styles.mjs';
   router.setDefaultView('extensions');
 
   router.addQueryListener('id', openSidebarMenu);
-  async function openSidebarMenu(id) {
+  function openSidebarMenu(id) {
     if (!id) return;
     id = web.escape(id);
 

repo/menu/styles.mjs

@@ -88,7 +88,7 @@ const customClasses = {
   'input': apply`transition block w-full mt-2 pl-3 pr-14 py-2 text-sm rounded-md flex bg-input text-foreground
     appearance-none placeholder-foreground-secondary ring-1 ring-divider focus:(outline-none ring ring-accent-blue-active)`,
   'input-tooltip': apply`h-4 w-4 -mt-1 inline-block mr-2`,
-  'input-icon': apply`absolute w-11 h-9 right-0 bottom-0 py-2 px-3 bg-notion-secondary rounded-r-md text-icon`,
+  'input-icon': apply`absolute w-11 h-[calc(2.25rem-1px)] right-0 bottom-0 py-2 px-3 bg-notion-secondary rounded-r-md text-icon`,
   'input-placeholder': apply`text-foreground-secondary`,
   'select-option': apply`bg-notion-secondary`,
   'file-latest': apply`block w-full text-left text-foreground-secondary text-xs mt-2 hover:line-through cursor-pointer`,

repo/theming/_mapColors.js

@@ -380,7 +380,7 @@ function css() {
 
 // 'light' or 'dark'
 function vars(mode) {
-  let sets = {};
+  const sets = {};
   for (const color in colors) {
     for (let key in colors[color][mode]) {
       const prefix = key.split('-')[0],
@@ -397,4 +397,10 @@ function vars(mode) {
   return vars;
 }
 
-console.log(css());
+if (process.argv.includes('css')) {
+  console.log(css());
+} else if (process.argv.includes('light')) {
+  console.log(vars('light'));
+} else if (process.argv.includes('dark')) {
+  console.log(vars('dark'));
+}

repo/tweaks/client.css

@@ -27,7 +27,8 @@
 .enhancer--tweak-normalise_table_scroll .notion-peek-renderer .notion-collection_view-block,
 .enhancer--tweak-normalise_table_scroll
   .notion-page-template-modal
-  .notion-collection_view-block {
+  .notion-collection_view-block,
+.enhancer--tweak-normalise_table_scroll .notion-collection-view-body .notion-table-view {
   width: 100% !important;
   padding-left: 0;
   padding-right: 0;

repo/tweaks/mod.json

@@ -2,7 +2,7 @@
   "name": "tweaks",
   "id": "5174a483-c88d-4bf8-a95f-35cd330b76e2",
   "version": "0.2.0",
-  "description": "common style/layout changes and custom code insertion. check out the [tweaks page](https://notion-enhancer.github.io/mods/tweaks) for more.",
+  "description": "common style/layout changes and custom code insertion. check out the [tweaks page](https://notion-enhancer.github.io/advanced/tweaks) for more.",
   "tags": ["extension", "customisation"],
   "authors": [
     {