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

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

Browse Source
This commit is contained in:
dragonwocky 2021-12-24 23:29:59 +11:00
parent 2724f3d859
commit 10a1ba4099
8 changed files with 33 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
repo/icon-sets/mod.json
View File

@ -2,7 +2,7 @@
"name": "icon sets", "name": "icon sets",
"id": "2d1f4809-9581-40dd-9bf3-4239db406483", "id": "2d1f4809-9581-40dd-9bf3-4239db406483",
"version": "0.4.0", "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", "preview": "icon-sets.jpg",
"tags": ["integration", "customisation"], "tags": ["integration", "customisation"],
"authors": [ "authors": [
@ -37,7 +37,7 @@
"type": "file", "type": "file",
"key": "json", "key": "json",
"label": "custom icon sets (.json)", "label": "custom icon sets (.json)",
"extensions": ["json"] "extensions": [".json"]
} }
] ]
} }

2
repo/integrated-titlebar/createWindow.cjs
View File

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

14
repo/menu/components.mjs
View File

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

29
repo/menu/menu.mjs
View File

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

2
repo/menu/styles.mjs
View File

@ -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 '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)`, 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-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`, 'input-placeholder': apply`text-foreground-secondary`,
'select-option': apply`bg-notion-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`, 'file-latest': apply`block w-full text-left text-foreground-secondary text-xs mt-2 hover:line-through cursor-pointer`,

10
repo/theming/generate-mappings.js → repo/theming/_mapColors.js
View File

@ -380,7 +380,7 @@ function css() {
// 'light' or 'dark' // 'light' or 'dark'
function vars(mode) { function vars(mode) {
let sets = {}; const sets = {};
for (const color in colors) { for (const color in colors) {
for (let key in colors[color][mode]) { for (let key in colors[color][mode]) {
const prefix = key.split('-')[0], const prefix = key.split('-')[0],
@ -397,4 +397,10 @@ function vars(mode) {
return vars; 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'));
}

3
repo/tweaks/client.css
View File

@ -27,7 +27,8 @@
.enhancer--tweak-normalise_table_scroll .notion-peek-renderer .notion-collection_view-block, .enhancer--tweak-normalise_table_scroll .notion-peek-renderer .notion-collection_view-block,
.enhancer--tweak-normalise_table_scroll .enhancer--tweak-normalise_table_scroll
.notion-page-template-modal .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; width: 100% !important;
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;

2
repo/tweaks/mod.json
View File

@ -2,7 +2,7 @@
"name": "tweaks", "name": "tweaks",
"id": "5174a483-c88d-4bf8-a95f-35cd330b76e2", "id": "5174a483-c88d-4bf8-a95f-35cd330b76e2",
"version": "0.2.0", "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"], "tags": ["extension", "customisation"],
"authors": [ "authors": [
{ {