mirror of
https://github.com/notion-enhancer/notion-enhancer.git
synced 2025-04-04 12:49:03 +00:00
merge git modules into monorepo
This commit is contained in:
GitHub
commit
c38c5006e0
20
.github/workflows/submodules.yml
vendored
20
.github/workflows/submodules.yml
vendored
@ -1,20 +0,0 @@
|
||||
name: 'update submodules'
|
||||
|
||||
on:
|
||||
workflow_dispatch:
|
||||
|
||||
jobs:
|
||||
sync:
|
||||
name: 'update submodules'
|
||||
runs-on: ubuntu-latest
|
||||
steps:
|
||||
- name: checkout repo
|
||||
uses: actions/checkout@v2
|
||||
with:
|
||||
submodules: true
|
||||
- name: pull updates
|
||||
run: |
|
||||
git pull --recurse-submodules
|
||||
git submodule update --remote --recursive
|
||||
- name: commit changes
|
||||
uses: stefanzweifel/git-auto-commit-action@v4
|
||||
10
.gitignore
vendored
10
.gitignore
vendored
@ -1 +1,9 @@
|
||||
node_modules/*
|
||||
# builds
|
||||
dist/
|
||||
|
||||
# dependencies
|
||||
node_modules/
|
||||
|
||||
# yarn
|
||||
.yarn/
|
||||
.pnp.*
|
||||
16
.gitmodules
vendored
16
.gitmodules
vendored
@ -1,16 +0,0 @@
|
||||
[submodule "api"]
|
||||
path = insert/api
|
||||
url = git@github.com:notion-enhancer/api.git
|
||||
branch = dev
|
||||
[submodule "repo"]
|
||||
path = insert/repo
|
||||
url = git@github.com:notion-enhancer/repo.git
|
||||
branch = dev
|
||||
[submodule "media"]
|
||||
path = insert/media
|
||||
url = git@github.com:notion-enhancer/media.git
|
||||
branch = main
|
||||
[submodule "dep"]
|
||||
path = insert/dep
|
||||
url = git@github.com:notion-enhancer/dep.git
|
||||
branch = main
|
||||
4
.yarnrc.yml
Normal file
4
.yarnrc.yml
Normal file
@ -0,0 +1,4 @@
|
||||
nodeLinker: node-modules
|
||||
yarnPath: .yarn/releases/yarn-3.3.0.cjs
|
||||
|
||||
enableMessageNames: false
|
||||
475
bin.mjs
475
bin.mjs
@ -2,143 +2,374 @@
|
||||
|
||||
/**
|
||||
* notion-enhancer
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (c) 2022 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
import arg from "arg";
|
||||
import chalk from "chalk-template";
|
||||
import os from "node:os";
|
||||
import { createRequire } from "node:module";
|
||||
import {
|
||||
getAppPath,
|
||||
getBackupPath,
|
||||
getCachePath,
|
||||
checkEnhancementVersion,
|
||||
setNotionPath,
|
||||
unpackApp,
|
||||
applyEnhancements,
|
||||
takeBackup,
|
||||
restoreBackup,
|
||||
removeCache,
|
||||
} from "./scripts/enhance-desktop-app.mjs";
|
||||
import { existsSync } from "node:fs";
|
||||
const nodeRequire = createRequire(import.meta.url),
|
||||
manifest = nodeRequire("./package.json");
|
||||
|
||||
import os from 'os';
|
||||
let __quiet, __debug;
|
||||
const print = (...args) => __quiet || process.stdout.write(chalk(...args)),
|
||||
printObject = (value) => __quiet || console.dir(value, { depth: null }),
|
||||
clearLine = `\r\x1b[K`,
|
||||
showCursor = `\x1b[?25h`,
|
||||
hideCursor = `\x1b[?25l`,
|
||||
cursorUp = (n) => `\x1b[${n}A`,
|
||||
cursorForward = (n) => `\x1b[${n}C`;
|
||||
|
||||
import { pkg, findNotion } from './pkg/helpers.mjs';
|
||||
import { line, options, log, help, args, lastSpinner } from './pkg/cli.mjs';
|
||||
|
||||
import apply from './pkg/apply.mjs';
|
||||
import remove from './pkg/remove.mjs';
|
||||
import check from './pkg/check.mjs';
|
||||
|
||||
const manifest = pkg(),
|
||||
opts = options({
|
||||
y: 'yes',
|
||||
n: 'no',
|
||||
d: 'dev',
|
||||
h: 'help',
|
||||
v: 'version',
|
||||
}),
|
||||
promptRes = opts.get('yes') ? 'y' : opts.get('no') ? 'n' : undefined;
|
||||
|
||||
const displayHelp = () => {
|
||||
help({
|
||||
name: manifest.name,
|
||||
version: manifest.version,
|
||||
link: manifest.homepage,
|
||||
commands: [
|
||||
['apply', 'add enhancements to the notion app'],
|
||||
['remove', 'return notion to its pre-enhanced/pre-modded state'],
|
||||
['check, status', 'check the current state of the notion app'],
|
||||
],
|
||||
options: [
|
||||
['-y, --yes', 'skip prompts'],
|
||||
['-n, --no', 'skip prompts'],
|
||||
['-d, --dev', 'show detailed error messages (for debug purposes)'],
|
||||
[
|
||||
'--path=</path/to/notion/resources>',
|
||||
'provide a file location to enhance (otherwise auto-picked)',
|
||||
],
|
||||
['--no-backup', 'skip backup (faster enhancement, but disables removal)'],
|
||||
['--patch', 'overwrite inserted files (useful for quick development/testing)'],
|
||||
['-h, --help', 'display usage information'],
|
||||
['-v, --version', 'display version number'],
|
||||
],
|
||||
});
|
||||
};
|
||||
if (opts.get('help')) {
|
||||
displayHelp();
|
||||
process.exit(0);
|
||||
}
|
||||
|
||||
if (opts.get('version')) {
|
||||
log(
|
||||
`${manifest.name}/${manifest.version} ${
|
||||
process.platform
|
||||
}-${os.arch()}/${os.release()} node/${process.version}`
|
||||
);
|
||||
process.exit(0);
|
||||
}
|
||||
|
||||
function handleError(err) {
|
||||
if (opts.get('dev')) {
|
||||
const strs = [],
|
||||
tags = [],
|
||||
stack = err.stack.split('\n');
|
||||
for (let i = 0; i < stack.length; i++) {
|
||||
const text = stack[i].replace(/^ /, ' ');
|
||||
if (i === 0) {
|
||||
const [type, msg] = text.split(/:((.+)|$)/);
|
||||
strs.push('{bold.red ');
|
||||
tags.push(type);
|
||||
strs.push(':} ');
|
||||
tags.push(msg);
|
||||
} else {
|
||||
strs.push('{grey ');
|
||||
tags.push(text);
|
||||
strs.push('}');
|
||||
tags.push('');
|
||||
let __confirmation;
|
||||
const readStdin = () => {
|
||||
return new Promise((res) => {
|
||||
process.stdin.resume();
|
||||
process.stdin.setEncoding("utf8");
|
||||
process.stdin.once("data", (key) => {
|
||||
process.stdin.pause();
|
||||
res(key);
|
||||
});
|
||||
});
|
||||
},
|
||||
promptConfirmation = async (prompt) => {
|
||||
let input;
|
||||
const validInputs = ["Y", "y", "N", "n"],
|
||||
promptLength = ` > ${prompt} [Y/n]: `.length;
|
||||
// prevent line clear remove existing stdout
|
||||
print`\n`;
|
||||
do {
|
||||
// clear line and repeat prompt until valid input is received
|
||||
print`${cursorUp(1)}${clearLine} {inverse > ${prompt} [Y/n]:} `;
|
||||
// autofill prompt response if --yes, --no or --quiet flags passed
|
||||
if (validInputs.includes(__confirmation)) {
|
||||
input = __confirmation;
|
||||
print`${__confirmation}\n`;
|
||||
} else input = (await readStdin()).trim();
|
||||
if (!input) {
|
||||
// default to Y if enter is pressed w/out input
|
||||
input = "Y";
|
||||
print`${cursorUp(1)}${cursorForward(promptLength)}Y\n`;
|
||||
}
|
||||
if (i !== stack.length - 1) {
|
||||
strs.push('\n');
|
||||
tags.push('');
|
||||
} while (!validInputs.includes(input));
|
||||
// move cursor to immediately after input
|
||||
print`${cursorUp(1)}${cursorForward(promptLength + 1)}`;
|
||||
return input;
|
||||
};
|
||||
|
||||
let __spinner;
|
||||
const spinnerFrames = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"],
|
||||
stopSpinner = () => {
|
||||
if (!__spinner) return;
|
||||
clearInterval(__spinner);
|
||||
// show cursor and overwrite spinner with arrow on completion
|
||||
print`\b{bold.yellow →}\n${showCursor}`;
|
||||
__spinner = undefined;
|
||||
},
|
||||
startSpinner = () => {
|
||||
// cleanup prev spinner if necessary
|
||||
stopSpinner();
|
||||
// hide cursor and print first frame
|
||||
print`${hideCursor}{bold.yellow ${spinnerFrames[0]}}`;
|
||||
let i = 0;
|
||||
__spinner = setInterval(() => {
|
||||
i++;
|
||||
// overwrite spinner with next frame
|
||||
print`\b{bold.yellow ${spinnerFrames[i % spinnerFrames.length]}}`;
|
||||
}, 80);
|
||||
};
|
||||
|
||||
const compileOptsToArgSpec = (options) => {
|
||||
const args = {};
|
||||
for (const [opt, [type]] of options) {
|
||||
const aliases = opt.split(", ").map((alias) => alias.split("=")[0]),
|
||||
param = aliases[1] ?? aliases[0];
|
||||
args[param] = type;
|
||||
for (let i = 0; i < aliases.length; i++) {
|
||||
if (aliases[i] === param) continue;
|
||||
args[aliases[i]] = param;
|
||||
}
|
||||
}
|
||||
log(strs, ...tags);
|
||||
} else {
|
||||
log`{bold.red Error:} ${err.message} {grey (run with -d for more information)}`;
|
||||
}
|
||||
}
|
||||
return args;
|
||||
},
|
||||
compileOptsToJsonOutput = (options) => {
|
||||
// the structure used to define options above
|
||||
// is convenient and compact, but requires additional
|
||||
// parsing to understand. this function processes
|
||||
// options into a more explicitly defined structure
|
||||
return options.map(([opt, [type, description]]) => {
|
||||
const option = {
|
||||
aliases: opt.split(", ").map((alias) => alias.split("=")[0]),
|
||||
type,
|
||||
description,
|
||||
},
|
||||
example = opt
|
||||
.split(", ")
|
||||
.map((alias) => alias.split("=")[1])
|
||||
.find((value) => value);
|
||||
if (example) option.example = example;
|
||||
return option;
|
||||
});
|
||||
};
|
||||
|
||||
const printHelp = (commands, options) => {
|
||||
const { name, version, homepage } = manifest,
|
||||
usage = `${name} <command> [options]`;
|
||||
if (args["--json"]) {
|
||||
printObject({
|
||||
name,
|
||||
version,
|
||||
homepage,
|
||||
usage,
|
||||
commands: Object.fromEntries(commands),
|
||||
options: compileOptsToJsonOutput(options),
|
||||
});
|
||||
} else {
|
||||
const cmdPad = Math.max(...commands.map(([cmd]) => cmd.length)),
|
||||
optPad = Math.max(...options.map((opt) => opt[0].length)),
|
||||
parseCmd = (cmd) => chalk` ${cmd[0].padEnd(cmdPad)} {grey :} ${cmd[1]}`,
|
||||
parseOpt = (opt) => chalk` ${opt[0].padEnd(optPad)} {grey :} ${opt[1][1]}`;
|
||||
print`{bold.whiteBright ${name} v${version}}\n{grey ${homepage}}
|
||||
\n{bold.whiteBright USAGE}\n${name} <command> [options]
|
||||
\n{bold.whiteBright COMMANDS}\n${commands.map(parseCmd).join("\n")}
|
||||
\n{bold.whiteBright OPTIONS}\n${options.map(parseOpt).join("\n")}\n`;
|
||||
}
|
||||
},
|
||||
printVersion = () => {
|
||||
if (args["--json"]) {
|
||||
printObject({
|
||||
[manifest.name]: manifest.version,
|
||||
node: process.version.slice(1),
|
||||
platform: process.platform,
|
||||
architecture: process.arch,
|
||||
os: os.release(),
|
||||
});
|
||||
} else {
|
||||
const enhancerVersion = `${manifest.name}@v${manifest.version}`,
|
||||
nodeVersion = `node@${process.version}`,
|
||||
osVersion = `${process.platform}-${process.arch}/${os.release()}`;
|
||||
print`${enhancerVersion} via ${nodeVersion} on ${osVersion}\n`;
|
||||
}
|
||||
};
|
||||
|
||||
try {
|
||||
const notionPath = opts.get('path') || findNotion();
|
||||
const commands = [
|
||||
// ["command", "description"]
|
||||
["apply", "add enhancements to the notion app"],
|
||||
["remove", "return notion to its pre-enhanced/pre-modded state"],
|
||||
["check", "check the current state of the notion app"],
|
||||
],
|
||||
options = [
|
||||
// ["alias, option=example", [type, "description"]]
|
||||
[
|
||||
"--path=</path/to/notion/resources>",
|
||||
[String, "manually provide a notion installation location"],
|
||||
],
|
||||
["--overwrite", [Boolean, "for rapid development; unsafely overwrite sources"]],
|
||||
["--no-backup", [Boolean, "skip backup; enhancement will be faster but irreversible"]],
|
||||
["-y, --yes", [Boolean, 'skip prompts; assume "yes" and run non-interactively']],
|
||||
["-n, --no", [Boolean, 'skip prompts; assume "no" and run non-interactively']],
|
||||
["-q, --quiet", [Boolean, 'skip prompts; assume "no" unless -y and hide all output']],
|
||||
["-d, --debug", [Boolean, "show detailed error messages"]],
|
||||
["-j, --json", [Boolean, "display json output (where applicable)"]],
|
||||
["-h, --help", [Boolean, "display usage information"]],
|
||||
["-v, --version", [Boolean, "display version number"]],
|
||||
];
|
||||
|
||||
switch (args()[0]) {
|
||||
case 'apply': {
|
||||
log`{bold.rgb(245,245,245) [NOTION-ENHANCER] APPLY}`;
|
||||
const res = await apply(notionPath, {
|
||||
overwritePrevious: promptRes,
|
||||
patchPrevious: opts.get('patch') ? true : false,
|
||||
takeBackup: opts.get('no-backup') ? false : true,
|
||||
});
|
||||
if (res) {
|
||||
log`{bold.rgb(245,245,245) SUCCESS} {green ✔}`;
|
||||
} else log`{bold.rgb(245,245,245) CANCELLED} {red ✘}`;
|
||||
break;
|
||||
const args = arg(compileOptsToArgSpec(options));
|
||||
if (args["--debug"]) __debug = true;
|
||||
if (args["--quiet"]) __quiet = true;
|
||||
if (args["--no"] || args["--quiet"]) __confirmation = "n";
|
||||
if (args["--yes"]) __confirmation = "y";
|
||||
if (args["--help"]) printHelp(commands, options), process.exit();
|
||||
if (args["--version"]) printVersion(), process.exit();
|
||||
if (args["--path"]) setNotionPath(args["--path"]);
|
||||
|
||||
const appPath = getAppPath(),
|
||||
backupPath = getBackupPath(),
|
||||
cachePath = getCachePath(),
|
||||
insertVersion = checkEnhancementVersion();
|
||||
|
||||
const messages = {
|
||||
"notion-found": `notion installation found`,
|
||||
"notion-not-found": `notion installation not found (corrupted or nonexistent)`,
|
||||
"notion-is-packed": `electron archive found: extracting app.asar`,
|
||||
|
||||
"not-applied": `notion-enhancer not applied`,
|
||||
"version-applied": `notion-enhancer v${manifest.version} applied`,
|
||||
"version-mismatch": `notion-enhancer v${insertVersion} applied != v${manifest.version} current`,
|
||||
"prompt-version-replace": `replace?`,
|
||||
|
||||
"backup-found": `backup found`,
|
||||
"backup-not-found": `backup not found`,
|
||||
"creating-backup": `backing up notion before enhancement`,
|
||||
"restoring-backup": `restoring`,
|
||||
"inserting-enhancements": `inserting enhancements and patching notion sources`,
|
||||
"manual-removal-instructions": `to remove the notion-enhancer from notion, uninstall notion and
|
||||
then install a vanilla version of the app from https://www.notion.so/desktop (mac,
|
||||
windows) or ${manifest.homepage}/getting-started/installation (linux)`,
|
||||
|
||||
"cache-found": `cache found`,
|
||||
"cache-not-found": `cache not found: nothing to remove`,
|
||||
"prompt-cache-removal": `remove?`,
|
||||
};
|
||||
const SUCCESS = chalk`{bold.whiteBright SUCCESS} {green ✔}`,
|
||||
FAILURE = chalk`{bold.whiteBright FAILURE} {red ✘}`,
|
||||
CANCELLED = chalk`{bold.whiteBright CANCELLED} {red ✘}`,
|
||||
INCOMPLETE = Symbol();
|
||||
|
||||
const interactiveRestoreBackup = async () => {
|
||||
if (backupPath) {
|
||||
// replace enhanced app with vanilla app.bak/app.asar.bak
|
||||
print` {grey * ${messages["backup-found"]}: ${messages["restoring-backup"]}} `;
|
||||
startSpinner();
|
||||
await restoreBackup();
|
||||
stopSpinner();
|
||||
return INCOMPLETE;
|
||||
} else {
|
||||
print` {red * ${messages["backup-not-found"]}: ${messages["manual-removal-instructions"]}}\n`;
|
||||
return FAILURE;
|
||||
}
|
||||
case 'remove': {
|
||||
log`{bold.rgb(245,245,245) [NOTION-ENHANCER] REMOVE}`;
|
||||
const res = await remove(notionPath, { delCache: promptRes });
|
||||
if (res) {
|
||||
log`{bold.rgb(245,245,245) SUCCESS} {green ✔}`;
|
||||
} else log`{bold.rgb(245,245,245) CANCELLED} {red ✘}`;
|
||||
break;
|
||||
}
|
||||
case 'check':
|
||||
case 'status': {
|
||||
log`{bold.rgb(245,245,245) [NOTION-ENHANCER] CHECK}`;
|
||||
const status = check(notionPath);
|
||||
line.prev();
|
||||
if (opts.get('dev')) {
|
||||
line.forward(24);
|
||||
console.log(status);
|
||||
} else {
|
||||
line.forward(23);
|
||||
line.write(': ' + status.message + '\r\n');
|
||||
};
|
||||
|
||||
const canEnhancementsBeApplied = async () => {
|
||||
if (!appPath) {
|
||||
// notion not installed
|
||||
print` {red * ${messages["notion-not-found"]}}\n`;
|
||||
return FAILURE;
|
||||
} else if (insertVersion === manifest.version) {
|
||||
// same version already applied
|
||||
if (args["--overwrite"]) {
|
||||
print` {grey * ${messages["inserting-enhancements"]}} `;
|
||||
startSpinner();
|
||||
await applyEnhancements();
|
||||
stopSpinner();
|
||||
print` {grey * ${messages["version-applied"]}}\n`;
|
||||
} else print` {grey * ${messages["notion-found"]}: ${messages["version-applied"]}}\n`;
|
||||
return SUCCESS;
|
||||
}
|
||||
if (insertVersion && insertVersion !== manifest.version) {
|
||||
// diff version already applied
|
||||
print` {grey * ${messages["notion-found"]}: ${messages["version-mismatch"]}}\n`;
|
||||
const replaceEnhancements = //
|
||||
["Y", "y"].includes(await promptConfirmation(messages["prompt-version-replace"]));
|
||||
print`\n`;
|
||||
return replaceEnhancements ? await interactiveRestoreBackup() : CANCELLED;
|
||||
} else return INCOMPLETE;
|
||||
},
|
||||
interactiveApplyEnhancements = async () => {
|
||||
if (appPath.endsWith(".asar")) {
|
||||
print` {grey * ${messages["notion-is-packed"]}} `;
|
||||
// asar blocks thread = spinner won't actually spin
|
||||
// first frame at least can serve as waiting indicator
|
||||
startSpinner();
|
||||
unpackApp();
|
||||
stopSpinner();
|
||||
}
|
||||
// backup is used to restore app to pre-enhanced state
|
||||
// new backup should be taken every enhancement
|
||||
// e.g. in case old backup was from prev. version of app
|
||||
if (!args["--no-backup"]) {
|
||||
print` {grey * ${messages["creating-backup"]}} `;
|
||||
startSpinner();
|
||||
await takeBackup();
|
||||
stopSpinner();
|
||||
}
|
||||
print` {grey * ${messages["inserting-enhancements"]}} `;
|
||||
startSpinner();
|
||||
await applyEnhancements();
|
||||
stopSpinner();
|
||||
print` {grey * ${messages["version-applied"]}}\n`;
|
||||
return SUCCESS;
|
||||
};
|
||||
|
||||
const interactiveRemoveEnhancements = async () => {
|
||||
if (!appPath) {
|
||||
// notion not installed
|
||||
print` {red * ${messages["notion-not-found"]}}\n`;
|
||||
return FAILURE;
|
||||
} else if (insertVersion) {
|
||||
print` {grey * ${messages["notion-found"]}: ${messages["version-applied"]}}\n`;
|
||||
return (await interactiveRestoreBackup()) === INCOMPLETE ? SUCCESS : FAILURE;
|
||||
}
|
||||
print` {grey * ${messages["notion-found"]}: ${messages["not-applied"]}}\n`;
|
||||
return SUCCESS;
|
||||
},
|
||||
promptCacheRemoval = async () => {
|
||||
// optionally remove ~/.notion-enhancer
|
||||
if (existsSync(cachePath)) {
|
||||
print` {grey * ${messages["cache-found"]}: ${cachePath}}\n`;
|
||||
if (["Y", "y"].includes(await promptConfirmation(messages["prompt-cache-removal"]))) {
|
||||
print` `;
|
||||
startSpinner();
|
||||
await removeCache();
|
||||
stopSpinner();
|
||||
} else print`\n`;
|
||||
} else print` {grey * ${messages["cache-not-found"]}}\n`;
|
||||
};
|
||||
|
||||
switch (args["_"][0]) {
|
||||
case "apply": {
|
||||
print`{bold.whiteBright [NOTION-ENHANCER] APPLY}\n`;
|
||||
let res = await canEnhancementsBeApplied();
|
||||
if (res === INCOMPLETE) res = await interactiveApplyEnhancements();
|
||||
print`${res}\n`;
|
||||
break;
|
||||
}
|
||||
case "remove": {
|
||||
print`{bold.whiteBright [NOTION-ENHANCER] REMOVE}\n`;
|
||||
const res = await interactiveRemoveEnhancements();
|
||||
await promptCacheRemoval();
|
||||
print`${res}\n`;
|
||||
break;
|
||||
}
|
||||
case "check": {
|
||||
if (args["--json"]) {
|
||||
printObject({
|
||||
appPath,
|
||||
backupPath,
|
||||
cachePath,
|
||||
cacheExists: existsSync(cachePath),
|
||||
insertVersion,
|
||||
currentVersion: manifest.version,
|
||||
});
|
||||
process.exit();
|
||||
}
|
||||
print`{bold.whiteBright [NOTION-ENHANCER] CHECK:} `;
|
||||
if (manifest.version === insertVersion) {
|
||||
print`${messages["version-applied"]}\n`;
|
||||
} else if (insertVersion) {
|
||||
print`${messages["version-mismatch"]}\n`;
|
||||
} else if (appPath) {
|
||||
print`${messages["not-applied"]}\n`;
|
||||
} else print`${messages["notion-not-found"]}\n`;
|
||||
break;
|
||||
}
|
||||
|
||||
default:
|
||||
displayHelp();
|
||||
printHelp(commands, options);
|
||||
}
|
||||
} catch (err) {
|
||||
if (lastSpinner) lastSpinner.stop();
|
||||
handleError(err);
|
||||
process.exit(1);
|
||||
} catch (error) {
|
||||
const message = error.message.split("\n")[0];
|
||||
if (__debug) {
|
||||
print`{bold.red ${error.name}:} ${message}\n{grey ${error.stack
|
||||
.split("\n")
|
||||
.splice(1)
|
||||
.map((at) => at.replace(/\s{4}/g, " "))
|
||||
.join("\n")}}`;
|
||||
} else print`{bold.red Error:} ${message} {grey (run with -d for more information)}\n`;
|
||||
}
|
||||
|
||||
@ -1 +0,0 @@
|
||||
Subproject commit 9815d73b9277e96864654a8d8dd48762039c9845
|
||||
@ -1 +0,0 @@
|
||||
Subproject commit 1a4762550fe185706be26678f734b0475066c3e4
|
||||
@ -1 +0,0 @@
|
||||
Subproject commit 2a0a17998385f1d86148b9213451b3a5deff6bae
|
||||
@ -1 +0,0 @@
|
||||
Subproject commit 3a67243fd5caec24b484276e563bdb8da7a0adcd
|
||||
31
package.json
31
package.json
@ -1,28 +1,25 @@
|
||||
{
|
||||
"name": "notion-enhancer",
|
||||
"version": "0.11.0",
|
||||
"version": "0.11.1-dev",
|
||||
"author": "dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)",
|
||||
"description": "an enhancer/customiser for the all-in-one productivity workspace notion.so",
|
||||
"homepage": "https://github.com/notion-enhancer/desktop",
|
||||
"homepage": "https://notion-enhancer.github.io",
|
||||
"repository": "github:notion-enhancer/desktop",
|
||||
"bugs": "https://github.com/notion-enhancer/desktop/issues",
|
||||
"funding": "https://github.com/sponsors/dragonwocky",
|
||||
"license": "MIT",
|
||||
"bin": {
|
||||
"notion-enhancer": "bin.mjs"
|
||||
},
|
||||
"bin": "bin.mjs",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"build-ext": "./scripts/build-browser-extension.sh"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=16.x.x"
|
||||
},
|
||||
"scripts": {
|
||||
"test": "echo \"no test specified\"",
|
||||
"preuninstall": "node bin.js remove -n"
|
||||
},
|
||||
"dependencies": {
|
||||
"asar": "^3.1.0",
|
||||
"chalk": "^4.1.2"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/notion-enhancer/desktop.git"
|
||||
"@electron/asar": "^3.2.2",
|
||||
"arg": "^5.0.2",
|
||||
"chalk-template": "^0.4.0"
|
||||
},
|
||||
"keywords": [
|
||||
"windows",
|
||||
@ -40,7 +37,5 @@
|
||||
"notion",
|
||||
"notion-enhancer"
|
||||
],
|
||||
"bugs": {
|
||||
"url": "https://github.com/notion-enhancer/desktop/issues"
|
||||
}
|
||||
"packageManager": "yarn@3.3.0"
|
||||
}
|
||||
|
||||
@ -1,98 +0,0 @@
|
||||
/**
|
||||
* notion-enhancer
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
import fs from 'fs';
|
||||
import fsp from 'fs/promises';
|
||||
import path from 'path';
|
||||
import asar from 'asar';
|
||||
|
||||
import { log, line, spinner } from './cli.mjs';
|
||||
import { __dirname, pkg, findNotion, copyDir, readDirDeep } from './helpers.mjs';
|
||||
|
||||
import check from './check.mjs';
|
||||
import remove from './remove.mjs';
|
||||
|
||||
export default async function (
|
||||
notionFolder = findNotion(),
|
||||
{ overwritePrevious = undefined, patchPrevious = false, takeBackup = true } = {}
|
||||
) {
|
||||
let status = check(notionFolder);
|
||||
switch (status.code) {
|
||||
case 0: // not applied
|
||||
break;
|
||||
case 1: // corrupted
|
||||
throw Error(status.message);
|
||||
case 2: // same version already applied
|
||||
if (!patchPrevious) {
|
||||
log` {grey * notion-enhancer v${status.version} already applied}`;
|
||||
return true;
|
||||
}
|
||||
break;
|
||||
case 3: // diff version already applied
|
||||
log` * ${status.message}`;
|
||||
const prompt = ['Y', 'y', 'N', 'n', ''],
|
||||
res = prompt.includes(overwritePrevious)
|
||||
? overwritePrevious
|
||||
: await line.read(' {inverse > overwrite? [Y/n]:} ', prompt);
|
||||
if (res.toLowerCase() === 'n') {
|
||||
log` * keeping previous version: exiting`;
|
||||
return false;
|
||||
}
|
||||
await remove(notionFolder, { cache: 'n' });
|
||||
status = await check(notionFolder);
|
||||
}
|
||||
|
||||
let s;
|
||||
if (status.executable.endsWith('.asar')) {
|
||||
s = spinner(' * unpacking app files').loop();
|
||||
asar.extractAll(status.executable, status.executable.replace(/\.asar$/, ''));
|
||||
s.stop();
|
||||
}
|
||||
if (status.code === 0 && takeBackup) {
|
||||
s = spinner(' * backing up default app').loop();
|
||||
if (status.executable.endsWith('.asar')) {
|
||||
await fsp.rename(status.executable, status.executable + '.bak');
|
||||
status.executable = status.executable.replace(/\.asar$/, '');
|
||||
} else {
|
||||
await copyDir(status.executable, status.executable + '.bak');
|
||||
}
|
||||
s.stop();
|
||||
}
|
||||
|
||||
s = spinner(' * inserting enhancements').loop();
|
||||
if (status.code === 0) {
|
||||
const notionFiles = (await readDirDeep(status.executable))
|
||||
.map((file) => file.path)
|
||||
.filter((file) => file.endsWith('.js') && !file.includes('node_modules'));
|
||||
for (const file of notionFiles) {
|
||||
const target = file.slice(status.executable.length + 1, -3).replace(/\\/g, '/'),
|
||||
replacer = path.resolve(`${__dirname(import.meta)}/replacers/${target}.mjs`);
|
||||
if (fs.existsSync(replacer)) {
|
||||
await (await import(`./replacers/${target}.mjs`)).default(file);
|
||||
}
|
||||
await fsp.appendFile(
|
||||
file,
|
||||
`\n\n//notion-enhancer\nrequire('notion-enhancer')('${target}', exports, (js) => eval(js));`
|
||||
);
|
||||
}
|
||||
}
|
||||
const node_modules = path.resolve(`${status.executable}/node_modules/notion-enhancer`);
|
||||
await copyDir(`${__dirname(import.meta)}/../insert`, node_modules);
|
||||
s.stop();
|
||||
|
||||
s = spinner(' * recording version').loop();
|
||||
await fsp.writeFile(
|
||||
path.resolve(`${node_modules}/package.json`),
|
||||
`{
|
||||
"name": "notion-enhancer",
|
||||
"version": "${pkg().version}",
|
||||
"main": "init.cjs"
|
||||
}`
|
||||
);
|
||||
s.stop();
|
||||
|
||||
return true;
|
||||
}
|
||||
@ -1,63 +0,0 @@
|
||||
/**
|
||||
* notion-enhancer
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
import fs from 'fs';
|
||||
import path from 'path';
|
||||
|
||||
import { pkg, findNotion, findEnhancerCache } from './helpers.mjs';
|
||||
|
||||
export default function (notionFolder = findNotion()) {
|
||||
const resolvePath = (filepath) => path.resolve(`${notionFolder}/${filepath}`),
|
||||
pathExists = (filepath) => fs.existsSync(resolvePath(filepath)),
|
||||
enhancerVersion = pkg().version;
|
||||
|
||||
const executableApp = pathExists('app'),
|
||||
executableAsar = pathExists('app.asar'),
|
||||
executable = executableApp ? 'app' : executableAsar ? 'app.asar' : undefined,
|
||||
backupApp = pathExists('app.bak'),
|
||||
backupAsar = pathExists('app.asar.bak'),
|
||||
backup = backupApp ? 'app.bak' : backupAsar ? 'app.asar.bak' : undefined,
|
||||
insert = pathExists('app/node_modules/notion-enhancer'),
|
||||
insertVersion = insert
|
||||
? pkg(resolvePath('app/node_modules/notion-enhancer/package.json')).version
|
||||
: undefined,
|
||||
insertCache = findEnhancerCache();
|
||||
|
||||
const res = {
|
||||
executable: executable ? resolvePath(executable) : undefined,
|
||||
backup: backup ? resolvePath(backup) : undefined,
|
||||
cache: fs.existsSync(insertCache) ? insertCache : undefined,
|
||||
installation: path.resolve(
|
||||
resolvePath('.')
|
||||
.split(path.sep)
|
||||
.reduceRight((prev, val) => {
|
||||
if (val.toLowerCase().includes('notion') || prev.toLowerCase().includes('notion'))
|
||||
prev = `${val}/${prev}`;
|
||||
return prev;
|
||||
}, '')
|
||||
),
|
||||
};
|
||||
if (insert) {
|
||||
if (insertVersion === enhancerVersion) {
|
||||
res.code = 2;
|
||||
res.version = enhancerVersion;
|
||||
res.message = `notion-enhancer v${enhancerVersion} applied.`;
|
||||
} else {
|
||||
res.code = 3;
|
||||
res.version = insertVersion;
|
||||
res.message = `notion-enhancer v${insertVersion} found applied != v${enhancerVersion} package.`;
|
||||
}
|
||||
} else {
|
||||
if (executable) {
|
||||
res.code = 0;
|
||||
res.message = 'notion-enhancer has not been applied.';
|
||||
} else {
|
||||
res.code = 1;
|
||||
res.message = 'notion installation has been corrupted, no executable found.';
|
||||
}
|
||||
}
|
||||
return res;
|
||||
}
|
||||
142
pkg/cli.mjs
142
pkg/cli.mjs
@ -1,142 +0,0 @@
|
||||
/**
|
||||
* notion-enhancer
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
import chalk from 'chalk';
|
||||
|
||||
export const log = (strs, ...tags) => {
|
||||
if (!Array.isArray(strs)) strs = [strs];
|
||||
if (!strs.raw) strs.raw = [...strs];
|
||||
console.log(chalk(strs, ...tags));
|
||||
};
|
||||
|
||||
export const cursor = {
|
||||
hide: () => process.stdout.write('\x1b[?25l'),
|
||||
show: () => process.stdout.write('\x1b[?25h'),
|
||||
};
|
||||
|
||||
export const line = {
|
||||
clear: () => process.stdout.write('\r\x1b[K'),
|
||||
backspace: (n = 1) => process.stdout.write('\b'.repeat(n)),
|
||||
write: (string) => process.stdout.write(string),
|
||||
prev: (n = 1) => process.stdout.write(`\x1b[${n}A`),
|
||||
next: (n = 1) => process.stdout.write(`\x1b[${n}B`),
|
||||
forward: (n = 1) => process.stdout.write(`\x1b[${n}C`),
|
||||
back: (n = 1) => process.stdout.write(`\x1b[${n}D`),
|
||||
new: () => process.stdout.write('\n'),
|
||||
async read(prompt = '', values = []) {
|
||||
let input = '';
|
||||
prompt = [prompt];
|
||||
prompt.raw = [prompt[0]];
|
||||
prompt = chalk(prompt);
|
||||
this.new();
|
||||
do {
|
||||
this.prev();
|
||||
this.clear();
|
||||
this.write(prompt);
|
||||
input = await new Promise((res, rej) => {
|
||||
process.stdin.resume();
|
||||
process.stdin.setEncoding('utf8');
|
||||
process.stdin.once('data', (key) => {
|
||||
process.stdin.pause();
|
||||
res(key.slice(0, -1));
|
||||
});
|
||||
});
|
||||
} while (values.length && !values.includes(input));
|
||||
return input;
|
||||
},
|
||||
};
|
||||
|
||||
export let lastSpinner;
|
||||
|
||||
export const spinner = (
|
||||
message,
|
||||
frames = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'],
|
||||
complete = '→'
|
||||
) => {
|
||||
if (lastSpinner?.interval) lastSpinner.stop();
|
||||
const spinner = {
|
||||
interval: undefined,
|
||||
i: 0,
|
||||
step() {
|
||||
this.i = (this.i + 1) % frames.length;
|
||||
line.backspace(3);
|
||||
line.write(chalk` {bold.yellow ${frames[this.i]}} `);
|
||||
cursor.hide();
|
||||
return this;
|
||||
},
|
||||
loop(ms = 80) {
|
||||
if (this.interval) clearInterval(this.interval);
|
||||
this.interval = setInterval(() => this.step(), ms);
|
||||
return this;
|
||||
},
|
||||
stop() {
|
||||
if (this.interval) {
|
||||
clearInterval(this.interval);
|
||||
this.interval = undefined;
|
||||
}
|
||||
line.backspace(3);
|
||||
line.write(chalk` {bold.yellow ${complete}}\n`);
|
||||
cursor.show();
|
||||
return this;
|
||||
},
|
||||
};
|
||||
line.write(chalk`${message} {bold.yellow ${frames[spinner.i]}} `);
|
||||
lastSpinner = spinner;
|
||||
return spinner;
|
||||
};
|
||||
|
||||
export const args = () => process.argv.slice(2).filter((arg) => !arg.startsWith('-'));
|
||||
|
||||
export const options = (aliases = {}) => {
|
||||
return new Map(
|
||||
process.argv
|
||||
.slice(2)
|
||||
.filter((arg) => arg.startsWith('-'))
|
||||
.map((arg) => {
|
||||
let opt,
|
||||
val = true;
|
||||
if (arg.startsWith('--')) {
|
||||
if (arg.includes('=')) {
|
||||
[opt, val] = arg.slice(2).split(/=((.+)|$)/);
|
||||
} else opt = arg.slice(2);
|
||||
} else {
|
||||
opt = arg.slice(1);
|
||||
}
|
||||
if (parseInt(val).toString() === val) val = +val;
|
||||
if (aliases[opt]) opt = aliases[opt];
|
||||
return [opt, val];
|
||||
})
|
||||
);
|
||||
};
|
||||
|
||||
export const help = ({
|
||||
name = process.argv[1].split('/').reverse()[0],
|
||||
usage = `${name} <command> [options]`,
|
||||
version = '',
|
||||
link = '',
|
||||
commands = [],
|
||||
options = [],
|
||||
}) => {
|
||||
if (version) version = ' v' + version;
|
||||
const cmdPad = Math.max(...commands.map((cmd) => cmd[0].length)),
|
||||
optPad = Math.max(...options.map((opt) => opt[0].length));
|
||||
commands = commands
|
||||
.map((cmd) => ` ${cmd[0].padEnd(cmdPad)} ${chalk`{grey :}`} ${cmd[1]}`)
|
||||
.join('\n');
|
||||
options = options
|
||||
.map((opt) => ` ${opt[0].padEnd(optPad)} ${chalk`{grey :}`} ${opt[1]}`)
|
||||
.join('\n');
|
||||
log`{bold.rgb(245,245,245) ${name}${version}}`;
|
||||
if (link) log`{grey ${link}}`;
|
||||
log`\n{bold.rgb(245,245,245) USAGE}`;
|
||||
log`{yellow $} ${usage}`;
|
||||
log`\n{bold.rgb(245,245,245) COMMANDS}`;
|
||||
log`${commands}`;
|
||||
log`\n{bold.rgb(245,245,245) OPTIONS}`;
|
||||
log`${options}`;
|
||||
};
|
||||
110
pkg/helpers.mjs
110
pkg/helpers.mjs
@ -1,110 +0,0 @@
|
||||
/**
|
||||
* notion-enhancer
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
import os from 'os';
|
||||
import fs from 'fs';
|
||||
import fsp from 'fs/promises';
|
||||
import path from 'path';
|
||||
import { fileURLToPath } from 'url';
|
||||
import { execSync } from 'child_process';
|
||||
|
||||
export const __dirname = (meta) => path.dirname(fileURLToPath(meta.url));
|
||||
|
||||
export const pkg = (filepath = `${__dirname(import.meta)}/../package.json`) => {
|
||||
try {
|
||||
return JSON.parse(fs.readFileSync(path.resolve(filepath)));
|
||||
} catch {
|
||||
return {};
|
||||
}
|
||||
};
|
||||
|
||||
export const platform =
|
||||
process.platform === 'linux' && os.release().toLowerCase().includes('microsoft')
|
||||
? 'wsl'
|
||||
: process.platform;
|
||||
|
||||
let __notion;
|
||||
export const findNotion = () => {
|
||||
if (__notion) return __notion;
|
||||
switch (platform) {
|
||||
case 'darwin':
|
||||
__notion = '';
|
||||
const userInstall = `/Users/${process.env.USER}/Applications/Notion.app/Contents/Resources`,
|
||||
globalInstall = '/Applications/Notion.app/Contents/Resources';
|
||||
if (fs.existsSync(userInstall)) {
|
||||
__notion = userInstall;
|
||||
} else if (fs.existsSync(globalInstall)) {
|
||||
__notion = globalInstall;
|
||||
}
|
||||
break;
|
||||
case 'win32':
|
||||
__notion = process.env.LOCALAPPDATA + '\\Programs\\Notion\\resources';
|
||||
break;
|
||||
case 'wsl':
|
||||
const [drive, ...windowsPath] = execSync('cmd.exe /c echo %localappdata%', {
|
||||
encoding: 'utf8',
|
||||
stdio: 'pipe',
|
||||
});
|
||||
__notion = `/mnt/${drive.toLowerCase()}${windowsPath
|
||||
.slice(1, -2)
|
||||
.join('')
|
||||
.replace(/\\/g, '/')}/Programs/Notion/resources`;
|
||||
break;
|
||||
case 'linux':
|
||||
// https://aur.archlinux.org/packages/notion-app/
|
||||
if (fs.existsSync('/opt/notion-app')) __notion = '/opt/notion-app';
|
||||
}
|
||||
return __notion;
|
||||
};
|
||||
|
||||
let __enhancerCache;
|
||||
export const findEnhancerCache = () => {
|
||||
if (__enhancerCache) return __enhancerCache;
|
||||
let home = os.homedir();
|
||||
if (platform === 'wsl') {
|
||||
const [drive, ...windowsPath] = execSync('cmd.exe /c echo %systemdrive%%homepath%', {
|
||||
encoding: 'utf8',
|
||||
stdio: 'pipe',
|
||||
});
|
||||
home = `/mnt/${drive.toLowerCase()}${windowsPath
|
||||
.slice(1, -2)
|
||||
.join('')
|
||||
.replace(/\\/g, '/')}`;
|
||||
}
|
||||
__enhancerCache = path.resolve(`${home}/.notion-enhancer`);
|
||||
return __enhancerCache;
|
||||
};
|
||||
|
||||
export const copyDir = async (src, dest) => {
|
||||
src = path.resolve(src);
|
||||
dest = path.resolve(dest);
|
||||
if (!fs.existsSync(dest)) await fsp.mkdir(dest);
|
||||
for (let file of await fsp.readdir(src)) {
|
||||
const stat = await fsp.lstat(path.join(src, file));
|
||||
if (stat.isDirectory()) {
|
||||
await copyDir(path.join(src, file), path.join(dest, file));
|
||||
} else if (stat.isSymbolicLink()) {
|
||||
await fsp.symlink(await fsp.readlink(path.join(src, file)), path.join(dest, file));
|
||||
} else await fsp.copyFile(path.join(src, file), path.join(dest, file));
|
||||
}
|
||||
return true;
|
||||
};
|
||||
|
||||
export const readDirDeep = async (dir) => {
|
||||
dir = path.resolve(dir);
|
||||
let files = [];
|
||||
for (let file of await fsp.readdir(dir)) {
|
||||
if (['node_modules', '.git'].includes(file)) continue;
|
||||
file = path.join(dir, file);
|
||||
const stat = await fsp.lstat(file);
|
||||
if (stat.isDirectory()) {
|
||||
files = files.concat(await readDirDeep(file));
|
||||
} else if (stat.isSymbolicLink()) {
|
||||
files.push({ type: 'symbolic', path: file });
|
||||
} else files.push({ type: 'file', path: file });
|
||||
}
|
||||
return files;
|
||||
};
|
||||
@ -1,48 +0,0 @@
|
||||
/**
|
||||
* notion-enhancer
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
import fsp from 'fs/promises';
|
||||
|
||||
import { log, spinner, line } from './cli.mjs';
|
||||
import { findNotion } from './helpers.mjs';
|
||||
|
||||
import check from './check.mjs';
|
||||
|
||||
export default async function (notionFolder = findNotion(), { delCache = undefined } = {}) {
|
||||
const status = check(notionFolder);
|
||||
|
||||
let s;
|
||||
if (status.code > 1 && status.executable) {
|
||||
s = spinner(' * removing enhancements').loop();
|
||||
await fsp.rm(status.executable, { recursive: true });
|
||||
s.stop();
|
||||
} else log` {grey * enhancements not found: skipping}`;
|
||||
|
||||
if (status.backup) {
|
||||
s = spinner(' * restoring backup').loop();
|
||||
await fsp.rename(status.backup, status.backup.replace(/\.bak$/, ''));
|
||||
s.stop();
|
||||
} else log` {grey * backup not found: skipping}`;
|
||||
|
||||
if (status.cache) {
|
||||
log` * enhancer cache found: ${status.cache}`;
|
||||
const prompt = ['Y', 'y', 'N', 'n', ''];
|
||||
let res;
|
||||
if (prompt.includes(delCache)) {
|
||||
res = delCache;
|
||||
log` {inverse > delete? [Y/n]:} ${delCache} {grey (auto-filled)}`;
|
||||
} else res = await line.read(' {inverse > delete? [Y/n]:} ', prompt);
|
||||
if (res.toLowerCase() === 'n') {
|
||||
log` * keeping enhancer cache`;
|
||||
} else {
|
||||
s = spinner(' * deleting enhancer cache').loop();
|
||||
await fsp.rm(status.cache, { recursive: true });
|
||||
s.stop();
|
||||
}
|
||||
} else log` {grey * enhancer cache not found: skipping}`;
|
||||
|
||||
return true;
|
||||
}
|
||||
@ -1,23 +0,0 @@
|
||||
/**
|
||||
* notion-enhancer
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
import fsp from 'fs/promises';
|
||||
|
||||
export default async function (filepath) {
|
||||
// https://github.com/notion-enhancer/desktop/issues/160
|
||||
// enable the notion:// url scheme/protocol on linux
|
||||
const contents = await fsp.readFile(filepath, 'utf8');
|
||||
await fsp.writeFile(
|
||||
filepath,
|
||||
contents.replace(
|
||||
/process.platform === "win32"/g,
|
||||
'process.platform === "win32" || process.platform === "linux"'
|
||||
)
|
||||
);
|
||||
return true;
|
||||
}
|
||||
@ -1,45 +0,0 @@
|
||||
/**
|
||||
* notion-enhancer
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
import fsp from 'fs/promises';
|
||||
|
||||
export default async function (filepath) {
|
||||
// https://github.com/notion-enhancer/desktop/issues/291
|
||||
// bypass csp issues by intercepting notion:// protocol
|
||||
const contents = await fsp.readFile(filepath, 'utf8');
|
||||
await fsp.writeFile(
|
||||
filepath,
|
||||
contents.replace(
|
||||
/const success = protocol\.registerStreamProtocol\(config_1.default.protocol, async \(req, callback\) => \{/,
|
||||
`const success = protocol.registerStreamProtocol(config_1.default.protocol, async (req, callback) => {
|
||||
{
|
||||
// notion-enhancer
|
||||
const schemePrefix = 'notion://www.notion.so/__notion-enhancer/';
|
||||
if (req.url.startsWith(schemePrefix)) {
|
||||
const { search, hash, pathname } = new URL(req.url),
|
||||
resolvePath = (path) => require('path').resolve(\`\${__dirname}/\${path}\`),
|
||||
fileExt = pathname.split('.').reverse()[0],
|
||||
mimeDB = Object.entries(require('notion-enhancer/dep/mime-db.json')),
|
||||
mimeType = mimeDB
|
||||
.filter(([mime, data]) => data.extensions)
|
||||
.find(([mime, data]) => data.extensions.includes(fileExt));
|
||||
let filePath = '../node_modules/notion-enhancer/';
|
||||
filePath += req.url.slice(schemePrefix.length);
|
||||
if (search) filePath = filePath.slice(0, -search.length);
|
||||
if (hash) filePath = filePath.slice(0, -hash.length);
|
||||
callback({
|
||||
data: require('fs').createReadStream(resolvePath(filePath)),
|
||||
headers: { 'content-type': mimeType },
|
||||
});
|
||||
}
|
||||
}`
|
||||
)
|
||||
);
|
||||
|
||||
return true;
|
||||
}
|
||||
@ -1,22 +0,0 @@
|
||||
/**
|
||||
* notion-enhancer
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
import fsp from 'fs/promises';
|
||||
|
||||
export default async function (filepath) {
|
||||
// so that e.g. tabs access and modify the template
|
||||
const contents = await fsp.readFile(filepath, 'utf8');
|
||||
await fsp.writeFile(
|
||||
filepath,
|
||||
contents.replace(
|
||||
/electron_1\.Menu\.setApplicationMenu\(menu\);/g,
|
||||
'electron_1.Menu.setApplicationMenu(menu); return template;'
|
||||
)
|
||||
);
|
||||
return true;
|
||||
}
|
||||
8
scripts/build-browser-extension.sh
Executable file
8
scripts/build-browser-extension.sh
Executable file
@ -0,0 +1,8 @@
|
||||
#!/usr/bin/env bash
|
||||
|
||||
version=$(node -p "require('./package.json').version")
|
||||
|
||||
cd src
|
||||
mkdir -p ../dist
|
||||
rm -f "../dist/notion-enhancer-$version.zip"
|
||||
zip -r9 "../dist/notion-enhancer-$version.zip" . -x electron/\*
|
||||
189
scripts/enhance-desktop-app.mjs
Executable file
189
scripts/enhance-desktop-app.mjs
Executable file
@ -0,0 +1,189 @@
|
||||
/**
|
||||
* notion-enhancer
|
||||
* (c) 2022 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
import asar from "@electron/asar";
|
||||
import os from "node:os";
|
||||
import { promises as fsp, existsSync } from "node:fs";
|
||||
import { fileURLToPath } from "node:url";
|
||||
import { join, resolve } from "node:path";
|
||||
import { execSync } from "node:child_process";
|
||||
import { createRequire } from "node:module";
|
||||
|
||||
import patch from "./patch-desktop-app.mjs";
|
||||
|
||||
let __notionResources, __enhancerCache;
|
||||
const nodeRequire = createRequire(import.meta.url),
|
||||
manifest = nodeRequire("../package.json"),
|
||||
platform =
|
||||
process.platform === "linux" && os.release().toLowerCase().includes("microsoft")
|
||||
? "wsl"
|
||||
: process.platform,
|
||||
polyfillWslEnv = (name) => {
|
||||
if (platform !== "wsl" || process.env[name]) return process.env[name];
|
||||
// adds a windows environment variable to process.env
|
||||
// in a wsl environment, inc. path conversion
|
||||
const value = execSync(`cmd.exe /c echo %${name}%`, {
|
||||
encoding: "utf8",
|
||||
stdio: "pipe",
|
||||
}).trim(),
|
||||
isAbsolutePath = /^[a-zA-Z]:[\\\/]/.test(value),
|
||||
onSystemDrive = /^[\\\/]/.test(value);
|
||||
if (isAbsolutePath) {
|
||||
// e.g. C:\Program Files
|
||||
const drive = value[0].toLowerCase(),
|
||||
path = value.slice(2).replace(/\\/g, "/");
|
||||
process.env[name] = `/mnt/${drive}${path}`;
|
||||
} else if (onSystemDrive) {
|
||||
// e.g. \Program Files
|
||||
const drive = polyfillWslEnv("SYSTEMDRIVE")[0].toLowerCase(),
|
||||
path = value.replace(/\\/g, "/");
|
||||
process.env[name] = `/mnt/${drive}${path}`;
|
||||
} else process.env[name] = value;
|
||||
return process.env[name];
|
||||
},
|
||||
readdirDeep = async (dir) => {
|
||||
dir = resolve(dir);
|
||||
let files = [];
|
||||
for (let file of await fsp.readdir(dir)) {
|
||||
if (["node_modules", ".git"].includes(file)) continue;
|
||||
file = join(dir, file);
|
||||
const stat = await fsp.lstat(file);
|
||||
if (stat.isDirectory()) {
|
||||
files = files.concat(await readdirDeep(file));
|
||||
} else if (stat.isSymbolicLink()) {
|
||||
//
|
||||
} else files.push(file);
|
||||
}
|
||||
return files;
|
||||
};
|
||||
|
||||
const setNotionPath = (path) => {
|
||||
// sets notion resource path to user provided value
|
||||
// e.g. with the --path cli option
|
||||
__notionResources = path;
|
||||
},
|
||||
getResourcePath = (path) => {
|
||||
if (__notionResources) return resolve(`${__notionResources}/${path}`);
|
||||
polyfillWslEnv("LOCALAPPDATA");
|
||||
polyfillWslEnv("PROGRAMW6432");
|
||||
const potentialPaths = [
|
||||
// [["targeted", "platforms"], "/path/to/notion/resources"]
|
||||
[["darwin"], `/Users/${process.env.USER}/Applications/Notion.app/Contents/Resources`],
|
||||
[["darwin"], "/Applications/Notion.app/Contents/Resources"],
|
||||
[["win32", "wsl"], resolve(`${process.env.LOCALAPPDATA}/Programs/Notion/resources`)],
|
||||
[["win32", "wsl"], resolve(`${process.env.PROGRAMW6432}/Notion/resources`)],
|
||||
// https://aur.archlinux.org/packages/notion-app/
|
||||
[["linux"], "/opt/notion-app"],
|
||||
];
|
||||
for (const [targetPlatforms, testPath] of potentialPaths) {
|
||||
if (!targetPlatforms.includes(platform)) continue;
|
||||
if (!existsSync(testPath)) continue;
|
||||
__notionResources = testPath;
|
||||
return resolve(`${__notionResources}/${path}`);
|
||||
}
|
||||
},
|
||||
// prefer unpacked if both exist
|
||||
getAppPath = () => ["app", "app.asar"].map(getResourcePath).find(existsSync),
|
||||
getBackupPath = () => ["app.bak", "app.asar.bak"].map(getResourcePath).find(existsSync),
|
||||
getCachePath = () => {
|
||||
if (__enhancerCache) return __enhancerCache;
|
||||
const home = platform === "wsl" ? polyfillWslEnv("HOMEPATH") : os.homedir();
|
||||
__enhancerCache = resolve(`${home}/.notion-enhancer`);
|
||||
return __enhancerCache;
|
||||
},
|
||||
checkEnhancementVersion = () => {
|
||||
const manifestPath = getResourcePath("app/node_modules/notion-enhancer/package.json");
|
||||
if (!existsSync(manifestPath)) return undefined;
|
||||
const insertVersion = nodeRequire(manifestPath).version;
|
||||
return insertVersion;
|
||||
};
|
||||
|
||||
const unpackApp = () => {
|
||||
const appPath = getAppPath();
|
||||
if (!appPath || !appPath.endsWith("asar")) return false;
|
||||
// asar reads synchronously
|
||||
asar.extractAll(appPath, appPath.replace(/\.asar$/, ""));
|
||||
return true;
|
||||
},
|
||||
applyEnhancements = async () => {
|
||||
const appPath = getAppPath();
|
||||
if (!appPath || appPath.endsWith("asar")) return false;
|
||||
const srcPath = fileURLToPath(new URL("../src", import.meta.url)),
|
||||
insertPath = getResourcePath("app/node_modules/notion-enhancer");
|
||||
if (existsSync(insertPath)) await fsp.rm(insertPath, { recursive: true });
|
||||
// insert the notion-enhancer/src folder into notion's node_modules folder
|
||||
const excludedDests = [
|
||||
getResourcePath("app/node_modules/notion-enhancer/browser"),
|
||||
getResourcePath("app/node_modules/notion-enhancer/manifest.json"),
|
||||
];
|
||||
await fsp.cp(srcPath, insertPath, {
|
||||
recursive: true,
|
||||
// exclude browser-specific files
|
||||
filter: (_, dest) => !excludedDests.includes(dest),
|
||||
});
|
||||
// call patch-desktop-app.mjs on each file
|
||||
const notionScripts = (await readdirDeep(appPath)).filter((file) => file.endsWith(".js")),
|
||||
scriptUpdates = [];
|
||||
for (const file of notionScripts) {
|
||||
const scriptId = file.slice(appPath.length + 1, -3).replace(/\\/g, "/"),
|
||||
scriptContent = await fsp.readFile(file, { encoding: "utf8" }),
|
||||
patchedContent = await patch(scriptId, scriptContent),
|
||||
changesMade = patchedContent !== scriptContent;
|
||||
if (changesMade) scriptUpdates.push(fsp.writeFile(file, patchedContent));
|
||||
}
|
||||
// create package.json
|
||||
const manifestPath = getResourcePath("app/node_modules/notion-enhancer/package.json"),
|
||||
insertManifest = { ...manifest, main: "electron/init.cjs" };
|
||||
// remove cli-specific fields
|
||||
delete insertManifest.bin;
|
||||
delete insertManifest.type;
|
||||
delete insertManifest.engines;
|
||||
delete insertManifest.dependencies;
|
||||
delete insertManifest.packageManager;
|
||||
scriptUpdates.push(fsp.writeFile(manifestPath, JSON.stringify(insertManifest)));
|
||||
await Promise.all(scriptUpdates);
|
||||
return true;
|
||||
},
|
||||
takeBackup = async () => {
|
||||
const appPath = getAppPath();
|
||||
if (!appPath) return false;
|
||||
const backupPath = getBackupPath();
|
||||
if (backupPath) await fsp.rm(backupPath, { recursive: true });
|
||||
const destPath = `${appPath}.bak`;
|
||||
if (!appPath.endsWith(".asar")) {
|
||||
await fsp.cp(appPath, destPath, { recursive: true });
|
||||
} else await fsp.rename(appPath, destPath);
|
||||
return true;
|
||||
},
|
||||
restoreBackup = async () => {
|
||||
const backupPath = getBackupPath();
|
||||
if (!backupPath) return false;
|
||||
const destPath = backupPath.replace(/\.bak$/, "");
|
||||
if (existsSync(destPath)) await fsp.rm(destPath, { recursive: true });
|
||||
await fsp.rename(backupPath, destPath);
|
||||
const appPath = getAppPath();
|
||||
if (destPath !== appPath) await fsp.rm(appPath, { recursive: true });
|
||||
return true;
|
||||
},
|
||||
removeCache = async () => {
|
||||
if (!existsSync(getCachePath())) return;
|
||||
await fsp.rm(getCachePath());
|
||||
return true;
|
||||
};
|
||||
|
||||
export {
|
||||
getResourcePath,
|
||||
getAppPath,
|
||||
getBackupPath,
|
||||
getCachePath,
|
||||
checkEnhancementVersion,
|
||||
setNotionPath,
|
||||
unpackApp,
|
||||
applyEnhancements,
|
||||
takeBackup,
|
||||
restoreBackup,
|
||||
removeCache,
|
||||
};
|
||||
67
scripts/patch-desktop-app.mjs
Executable file
67
scripts/patch-desktop-app.mjs
Executable file
@ -0,0 +1,67 @@
|
||||
/**
|
||||
* notion-enhancer
|
||||
* (c) 2022 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
const patches = {
|
||||
"*": async (scriptId, scriptContent) => {
|
||||
const prevTriggerFound = /require\(['|"]notion-enhancer['|"]\)/.test(scriptContent);
|
||||
if (prevTriggerFound) return scriptContent;
|
||||
const enhancerTrigger =
|
||||
'\n\n/*notion-enhancer*/require("notion-enhancer")' +
|
||||
`('${scriptId}',exports,(js)=>eval(js));`;
|
||||
return scriptContent + enhancerTrigger;
|
||||
},
|
||||
|
||||
"main/main": async (scriptContent) => {
|
||||
// https://github.com/notion-enhancer/desktop/issues/160
|
||||
// enable the notion:// url scheme/protocol on linux
|
||||
const searchValue = /process.platform === "win32"/g,
|
||||
replaceValue = 'process.platform === "win32" || process.platform === "linux"';
|
||||
if (scriptContent.includes(replaceValue)) return scriptContent;
|
||||
return scriptContent.replace(searchValue, replaceValue);
|
||||
},
|
||||
|
||||
"main/schemeHandler": async (scriptContent) => {
|
||||
// https://github.com/notion-enhancer/desktop/issues/291
|
||||
// bypass csp issues by intercepting notion:// protocol
|
||||
const searchValue =
|
||||
"protocol.registerStreamProtocol(config_1.default.protocol, async (req, callback) => {",
|
||||
replaceValue = `${searchValue}
|
||||
{ /* notion-enhancer */
|
||||
const schemePrefix = "notion://www.notion.so/__notion-enhancer/";
|
||||
if (req.url.startsWith(schemePrefix)) {
|
||||
const { search, hash, pathname } = new URL(req.url),
|
||||
fileExt = pathname.split(".").reverse()[0],
|
||||
filePath = \`../node_modules/notion-enhancer/\${req.url.slice(
|
||||
schemePrefix.length,
|
||||
-(search.length + hash.length)
|
||||
)}\`,
|
||||
mimeType = Object.entries(require("notion-enhancer/dep/mime-db.json"))
|
||||
.filter(([_, data]) => data.extensions)
|
||||
.find(([_, data]) => data.extensions.includes(fileExt));
|
||||
callback({
|
||||
data: require("fs").createReadStream(require("path").resolve(\`\${__dirname}/\${filePath}\`)),
|
||||
headers: { "content-type": mimeType },
|
||||
});
|
||||
}
|
||||
}`;
|
||||
if (scriptContent.includes(replaceValue)) return scriptContent;
|
||||
return scriptContent.replace(searchValue, replaceValue);
|
||||
},
|
||||
|
||||
"main/systemMenu": async (scriptContent) => {
|
||||
// exposes template for modification
|
||||
const searchValue = "electron_1.Menu.setApplicationMenu(menu);",
|
||||
replaceValue = `${searchValue} return template;`;
|
||||
if (scriptContent.includes(replaceValue)) return scriptContent;
|
||||
return scriptContent.replace(searchValue, replaceValue);
|
||||
},
|
||||
};
|
||||
|
||||
export default async (scriptId, scriptContent) => {
|
||||
if (patches["*"]) scriptContent = await patches["*"](scriptId, scriptContent);
|
||||
if (patches[scriptId]) scriptContent = await patches[scriptId](scriptContent);
|
||||
return scriptContent;
|
||||
};
|
||||
21
src/browser/LICENSE
Normal file
21
src/browser/LICENSE
Normal file
@ -0,0 +1,21 @@
|
||||
MIT License
|
||||
|
||||
Copyright (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
5
src/browser/README.md
Normal file
5
src/browser/README.md
Normal file
@ -0,0 +1,5 @@
|
||||
# notion-enhancer/extension
|
||||
|
||||
an enhancer/customiser for the all-in-one productivity workspace notion.so (browser)
|
||||
|
||||
[read the docs online](https://notion-enhancer.github.io/)
|
||||
41
src/browser/env/env.mjs
vendored
Normal file
41
src/browser/env/env.mjs
vendored
Normal file
@ -0,0 +1,41 @@
|
||||
/*
|
||||
* notion-enhancer: api
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
/** environment-specific methods and constants */
|
||||
|
||||
/**
|
||||
* the environment/platform name code is currently being executed in
|
||||
* @constant
|
||||
* @type {string}
|
||||
*/
|
||||
export const name = 'extension';
|
||||
|
||||
/**
|
||||
* the current version of the enhancer
|
||||
* @constant
|
||||
* @type {string}
|
||||
*/
|
||||
export const version = chrome.runtime.getManifest().version;
|
||||
|
||||
/**
|
||||
* open the enhancer's menu
|
||||
* @type {function}
|
||||
*/
|
||||
export const focusMenu = () => chrome.runtime.sendMessage({ action: 'focusMenu' });
|
||||
|
||||
/**
|
||||
* focus an active notion tab
|
||||
* @type {function}
|
||||
*/
|
||||
export const focusNotion = () => chrome.runtime.sendMessage({ action: 'focusNotion' });
|
||||
|
||||
/**
|
||||
* reload all notion and enhancer menu tabs to apply changes
|
||||
* @type {function}
|
||||
*/
|
||||
export const reload = () => chrome.runtime.sendMessage({ action: 'reload' });
|
||||
48
src/browser/env/fs.mjs
vendored
Normal file
48
src/browser/env/fs.mjs
vendored
Normal file
@ -0,0 +1,48 @@
|
||||
/*
|
||||
* notion-enhancer: api
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
/** environment-specific file reading */
|
||||
|
||||
/**
|
||||
* transform a path relative to the enhancer root directory into an absolute path
|
||||
* @param {string} path - a url or within-the-enhancer filepath
|
||||
* @returns {string} an absolute filepath
|
||||
*/
|
||||
export const localPath = chrome.runtime.getURL;
|
||||
|
||||
/**
|
||||
* fetch and parse a json file's contents
|
||||
* @param {string} path - a url or within-the-enhancer filepath
|
||||
* @param {object=} opts - the second argument of a fetch() request
|
||||
* @returns {object} the json value of the requested file as a js object
|
||||
*/
|
||||
export const getJSON = (path, opts = {}) =>
|
||||
fetch(path.startsWith('http') ? path : localPath(path), opts).then((res) => res.json());
|
||||
|
||||
/**
|
||||
* fetch a text file's contents
|
||||
* @param {string} path - a url or within-the-enhancer filepath
|
||||
* @param {object=} opts - the second argument of a fetch() request
|
||||
* @returns {string} the text content of the requested file
|
||||
*/
|
||||
export const getText = (path, opts = {}) =>
|
||||
fetch(path.startsWith('http') ? path : localPath(path), opts).then((res) => res.text());
|
||||
|
||||
/**
|
||||
* check if a file exists
|
||||
* @param {string} path - a url or within-the-enhancer filepath
|
||||
* @returns {boolean} whether or not the file exists
|
||||
*/
|
||||
export const isFile = async (path) => {
|
||||
try {
|
||||
await fetch(path.startsWith('http') ? path : localPath(path));
|
||||
return true;
|
||||
} catch {
|
||||
return false;
|
||||
}
|
||||
};
|
||||
116
src/browser/env/storage.mjs
vendored
Normal file
116
src/browser/env/storage.mjs
vendored
Normal file
@ -0,0 +1,116 @@
|
||||
/*
|
||||
* notion-enhancer: api
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
/** environment-specific data persistence */
|
||||
|
||||
const _queue = [],
|
||||
_onChangeListeners = [];
|
||||
|
||||
/**
|
||||
* get persisted data
|
||||
* @param {string[]} path - the path of keys to the value being fetched
|
||||
* @param {unknown=} fallback - a default value if the path is not matched
|
||||
* @returns {Promise} value ?? fallback
|
||||
*/
|
||||
export const get = (path, fallback = undefined) => {
|
||||
if (!path.length) return fallback;
|
||||
return new Promise((res, rej) =>
|
||||
chrome.storage.local.get(async (values) => {
|
||||
let value = values;
|
||||
while (path.length) {
|
||||
if (value === undefined) {
|
||||
value = fallback;
|
||||
break;
|
||||
}
|
||||
value = value[path.shift()];
|
||||
}
|
||||
res(value ?? fallback);
|
||||
})
|
||||
);
|
||||
};
|
||||
|
||||
/**
|
||||
* persist data
|
||||
* @param {string[]} path - the path of keys to the value being set
|
||||
* @param {unknown} value - the data to save
|
||||
* @returns {Promise} resolves when data has been saved
|
||||
*/
|
||||
export const set = (path, value) => {
|
||||
if (!path.length) return undefined;
|
||||
const precursor = _queue[_queue.length - 1] || undefined,
|
||||
interaction = new Promise(async (res, rej) => {
|
||||
if (precursor !== undefined) {
|
||||
await precursor;
|
||||
_queue.shift();
|
||||
}
|
||||
const pathClone = [...path],
|
||||
namespace = path[0];
|
||||
chrome.storage.local.get(async (values) => {
|
||||
let pointer = values,
|
||||
old;
|
||||
while (path.length) {
|
||||
const key = path.shift();
|
||||
if (!path.length) {
|
||||
old = pointer[key];
|
||||
pointer[key] = value;
|
||||
break;
|
||||
}
|
||||
pointer[key] = pointer[key] ?? {};
|
||||
pointer = pointer[key];
|
||||
}
|
||||
chrome.storage.local.set({ [namespace]: values[namespace] }, () => {
|
||||
_onChangeListeners.forEach((listener) =>
|
||||
listener({ path: pathClone, new: value, old })
|
||||
);
|
||||
res(value);
|
||||
});
|
||||
});
|
||||
});
|
||||
_queue.push(interaction);
|
||||
return interaction;
|
||||
};
|
||||
|
||||
/**
|
||||
* create a wrapper for accessing a partition of the storage
|
||||
* @param {string[]} namespace - the path of keys to prefix all storage requests with
|
||||
* @param {function=} get - the storage get function to be wrapped
|
||||
* @param {function=} set - the storage set function to be wrapped
|
||||
* @returns {object} an object with the wrapped get/set functions
|
||||
*/
|
||||
export const db = (namespace, getFunc = get, setFunc = set) => {
|
||||
if (typeof namespace === 'string') namespace = [namespace];
|
||||
return {
|
||||
get: (path = [], fallback = undefined) => getFunc([...namespace, ...path], fallback),
|
||||
set: (path, value) => setFunc([...namespace, ...path], value),
|
||||
};
|
||||
};
|
||||
|
||||
/**
|
||||
* add an event listener for changes in storage
|
||||
* @param {onStorageChangeCallback} callback - called whenever a change in
|
||||
* storage is initiated from the current process
|
||||
*/
|
||||
export const addChangeListener = (callback) => {
|
||||
_onChangeListeners.push(callback);
|
||||
};
|
||||
|
||||
/**
|
||||
* remove a listener added with storage.addChangeListener
|
||||
* @param {onStorageChangeCallback} callback
|
||||
*/
|
||||
export const removeChangeListener = (callback) => {
|
||||
_onChangeListeners = _onChangeListeners.filter((listener) => listener !== callback);
|
||||
};
|
||||
|
||||
/**
|
||||
* @callback onStorageChangeCallback
|
||||
* @param {object} event
|
||||
* @param {string} event.path- the path of keys to the changed value
|
||||
* @param {string=} event.new - the new value being persisted to the store
|
||||
* @param {string=} event.old - the previous value associated with the key
|
||||
*/
|
||||
35
src/browser/init.js
Normal file
35
src/browser/init.js
Normal file
@ -0,0 +1,35 @@
|
||||
/*
|
||||
* notion-enhancer
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
(async () => {
|
||||
const site = location.host.endsWith('.notion.site'),
|
||||
page = location.pathname.split(/[/-]/g).reverse()[0].length === 32,
|
||||
whitelisted = ['/', '/onboarding'].includes(location.pathname),
|
||||
signedIn = localStorage['LRU:KeyValueStore2:current-user-id'];
|
||||
|
||||
if (site || page || (whitelisted && signedIn)) {
|
||||
const api = await import(chrome.runtime.getURL('api/index.mjs')),
|
||||
{ fs, registry, web } = api;
|
||||
|
||||
for (const mod of await registry.list((mod) => registry.enabled(mod.id))) {
|
||||
for (const sheet of mod.css?.client || []) {
|
||||
web.loadStylesheet(`repo/${mod._dir}/${sheet}`);
|
||||
}
|
||||
for (let script of mod.js?.client || []) {
|
||||
script = await import(fs.localPath(`repo/${mod._dir}/${script}`));
|
||||
script.default(api, await registry.db(mod.id));
|
||||
}
|
||||
}
|
||||
|
||||
const errors = await registry.errors();
|
||||
if (errors.length) {
|
||||
console.log('[notion-enhancer] registry errors:');
|
||||
console.table(errors);
|
||||
}
|
||||
}
|
||||
})();
|
||||
60
src/browser/worker.js
Normal file
60
src/browser/worker.js
Normal file
@ -0,0 +1,60 @@
|
||||
/*
|
||||
* notion-enhancer
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
function focusMenu() {
|
||||
chrome.tabs.query({ windowId: chrome.windows.WINDOW_ID_CURRENT }, (tabs) => {
|
||||
const url = chrome.runtime.getURL('repo/menu/menu.html'),
|
||||
menu = tabs.find((tab) => tab.url.startsWith(url));
|
||||
if (menu) {
|
||||
chrome.tabs.highlight({ 'tabs': menu.index });
|
||||
} else chrome.tabs.create({ url });
|
||||
});
|
||||
}
|
||||
chrome.browserAction.onClicked.addListener(focusMenu);
|
||||
|
||||
function focusNotion() {
|
||||
chrome.tabs.query({ windowId: chrome.windows.WINDOW_ID_CURRENT }, (tabs) => {
|
||||
const notion = tabs.find((tab) => {
|
||||
const url = new URL(tab.url),
|
||||
matches = url.host.endsWith('.notion.so') || url.host.endsWith('.notion.site');
|
||||
return matches;
|
||||
});
|
||||
if (notion) {
|
||||
chrome.tabs.highlight({ 'tabs': notion.index });
|
||||
} else chrome.tabs.create({ url: 'https://notion.so/' });
|
||||
});
|
||||
}
|
||||
|
||||
function reload() {
|
||||
chrome.tabs.query({ windowId: chrome.windows.WINDOW_ID_CURRENT }, (tabs) => {
|
||||
const menu = chrome.runtime.getURL('repo/menu/menu.html');
|
||||
tabs.forEach((tab) => {
|
||||
const url = new URL(tab.url),
|
||||
matches =
|
||||
url.host.endsWith('.notion.so') ||
|
||||
url.host.endsWith('.notion.site') ||
|
||||
tab.url.startsWith(menu);
|
||||
if (matches) chrome.tabs.reload(tab.id);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
|
||||
switch (request.action) {
|
||||
case 'focusMenu':
|
||||
focusMenu();
|
||||
break;
|
||||
case 'focusNotion':
|
||||
focusNotion();
|
||||
break;
|
||||
case 'reload':
|
||||
reload();
|
||||
break;
|
||||
}
|
||||
return true;
|
||||
});
|
||||
29
src/common/.github/workflows/update-parents.yml
vendored
Normal file
29
src/common/.github/workflows/update-parents.yml
vendored
Normal file
@ -0,0 +1,29 @@
|
||||
name: 'update parent repositories'
|
||||
|
||||
on:
|
||||
push:
|
||||
branches:
|
||||
- dev
|
||||
|
||||
jobs:
|
||||
sync:
|
||||
name: update parent
|
||||
runs-on: ubuntu-latest
|
||||
strategy:
|
||||
matrix:
|
||||
repo: ['notion-enhancer/extension', 'notion-enhancer/desktop']
|
||||
steps:
|
||||
- name: checkout repo
|
||||
uses: actions/checkout@v2
|
||||
with:
|
||||
token: ${{ secrets.CI_TOKEN }}
|
||||
submodules: true
|
||||
repository: ${{ matrix.repo }}
|
||||
- name: pull updates
|
||||
run: |
|
||||
git pull --recurse-submodules
|
||||
git submodule update --remote --recursive
|
||||
- name: commit changes
|
||||
uses: stefanzweifel/git-auto-commit-action@v4
|
||||
with:
|
||||
commit_message: '[${{ github.event.repository.name }}] ${{ github.event.head_commit.message }}'
|
||||
21
src/common/LICENSE
Normal file
21
src/common/LICENSE
Normal file
@ -0,0 +1,21 @@
|
||||
MIT License
|
||||
|
||||
Copyright (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
5
src/common/README.md
Normal file
5
src/common/README.md
Normal file
@ -0,0 +1,5 @@
|
||||
# notion-enhancer/api
|
||||
|
||||
the standard api available within the notion-enhancer
|
||||
|
||||
[read the docs online](https://notion-enhancer.github.io/documentation/api)
|
||||
55
src/common/components/corner-action.css
Normal file
55
src/common/components/corner-action.css
Normal file
@ -0,0 +1,55 @@
|
||||
/**
|
||||
* notion-enhancer: components
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (c) 2021 CloudHill <rl.cloudhill@gmail.com> (https://github.com/CloudHill)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
#enhancer--corner-actions {
|
||||
position: absolute;
|
||||
bottom: 26px;
|
||||
right: 26px;
|
||||
z-index: 101;
|
||||
cursor: default;
|
||||
pointer-events: none;
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
|
||||
#enhancer--corner-actions > div {
|
||||
position: static !important;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
margin-left: 12px;
|
||||
pointer-events: auto;
|
||||
border-radius: 100%;
|
||||
font-size: 20px;
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: var(--theme--icon);
|
||||
fill: var(--theme--icon);
|
||||
background: var(--theme--ui_corner_action) !important;
|
||||
box-shadow: var(--theme--ui_shadow, rgba(15, 15, 15, 0.15)) 0px 0px 0px 1px,
|
||||
var(--theme--ui_shadow, rgba(15, 15, 15, 0.15)) 0px 2px 4px !important;
|
||||
|
||||
user-select: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
#enhancer--corner-actions > div:hover {
|
||||
background: var(--theme--ui_corner_action-hover) !important;
|
||||
}
|
||||
#enhancer--corner-actions > div:active {
|
||||
background: var(--theme--ui_corner_action-active) !important;
|
||||
}
|
||||
#enhancer--corner-actions > div.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#enhancer--corner-actions > div > svg {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
color: var(--theme--icon);
|
||||
fill: var(--theme--icon);
|
||||
}
|
||||
43
src/common/components/corner-action.mjs
Normal file
43
src/common/components/corner-action.mjs
Normal file
@ -0,0 +1,43 @@
|
||||
/**
|
||||
* notion-enhancer: components
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (c) 2021 CloudHill <rl.cloudhill@gmail.com> (https://github.com/CloudHill)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
/** shared notion-style elements */
|
||||
|
||||
import { web } from '../index.mjs';
|
||||
|
||||
let $stylesheet, $cornerButtonsContainer;
|
||||
|
||||
/**
|
||||
* adds a button to notion's bottom right corner
|
||||
* @param {string} icon - an svg string
|
||||
* @param {function} listener - the function to call when the button is clicked
|
||||
* @returns {Element} the appended corner action element
|
||||
*/
|
||||
export const addCornerAction = async (icon, listener) => {
|
||||
if (!$stylesheet) {
|
||||
$stylesheet = web.loadStylesheet('api/components/corner-action.css');
|
||||
$cornerButtonsContainer = web.html`<div id="enhancer--corner-actions"></div>`;
|
||||
}
|
||||
|
||||
await web.whenReady(['.notion-help-button']);
|
||||
const $helpButton = document.querySelector('.notion-help-button'),
|
||||
$onboardingButton = document.querySelector('.onboarding-checklist-button');
|
||||
if ($onboardingButton) $cornerButtonsContainer.prepend($onboardingButton);
|
||||
$cornerButtonsContainer.prepend($helpButton);
|
||||
web.render(
|
||||
document.querySelector('.notion-app-inner > .notion-cursor-listener'),
|
||||
$cornerButtonsContainer
|
||||
);
|
||||
|
||||
const $actionButton = web.html`<div class="enhancer--corner-action-button">${icon}</div>`;
|
||||
$actionButton.addEventListener('click', listener);
|
||||
web.render($cornerButtonsContainer, $actionButton);
|
||||
|
||||
return $actionButton;
|
||||
};
|
||||
33
src/common/components/feather.mjs
Normal file
33
src/common/components/feather.mjs
Normal file
@ -0,0 +1,33 @@
|
||||
/**
|
||||
* notion-enhancer: components
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
/** shared notion-style elements */
|
||||
|
||||
import { fs, web } from '../index.mjs';
|
||||
|
||||
let _$iconSheet;
|
||||
|
||||
/**
|
||||
* generate an icon from the feather icons set
|
||||
* @param {string} name - the name/id of the icon
|
||||
* @param {object} attrs - an object of attributes to apply to the icon e.g. classes
|
||||
* @returns {string} an svg string
|
||||
*/
|
||||
export const feather = async (name, attrs = {}) => {
|
||||
if (!_$iconSheet) {
|
||||
_$iconSheet = web.html`${await fs.getText('dep/feather-sprite.svg')}`;
|
||||
}
|
||||
attrs.style = (
|
||||
(attrs.style ? attrs.style + ';' : '') +
|
||||
'stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;'
|
||||
).trim();
|
||||
attrs.viewBox = '0 0 24 24';
|
||||
return `<svg ${Object.entries(attrs)
|
||||
.map(([key, val]) => `${web.escape(key)}="${web.escape(val)}"`)
|
||||
.join(' ')}>${_$iconSheet.getElementById(name)?.innerHTML}</svg>`;
|
||||
};
|
||||
55
src/common/components/index.mjs
Normal file
55
src/common/components/index.mjs
Normal file
@ -0,0 +1,55 @@
|
||||
/**
|
||||
* notion-enhancer: components
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
/**
|
||||
* shared notion-style elements
|
||||
* @namespace components
|
||||
*/
|
||||
import * as _api from '../index.mjs'; // trick jsdoc
|
||||
|
||||
/**
|
||||
* add a tooltip to show extra information on hover
|
||||
* @param {HTMLElement} $ref - the element that will trigger the tooltip when hovered
|
||||
* @param {string|HTMLElement} $content - markdown or element content of the tooltip
|
||||
* @param {object=} options - configuration of how the tooltip should be displayed
|
||||
* @param {number=} options.delay - the amount of time in ms the element needs to be hovered over
|
||||
* for the tooltip to be shown (default: 100)
|
||||
* @param {string=} options.offsetDirection - which side of the element the tooltip
|
||||
* should be shown on: 'top', 'bottom', 'left' or 'right' (default: 'bottom')
|
||||
* @param {number=} options.maxLines - the max number of lines that the content may be wrapped
|
||||
* to, used to position and size the tooltip correctly (default: 1)
|
||||
*/
|
||||
export { addTooltip } from './tooltip.mjs';
|
||||
|
||||
/**
|
||||
* generate an icon from the feather icons set
|
||||
* @param {string} name - the name/id of the icon
|
||||
* @param {object} attrs - an object of attributes to apply to the icon e.g. classes
|
||||
* @returns {string} an svg string
|
||||
*/
|
||||
export { feather } from './feather.mjs';
|
||||
|
||||
/**
|
||||
* adds a view to the enhancer's side panel
|
||||
* @param {object} panel - information used to construct and render the panel
|
||||
* @param {string} panel.id - a uuid, used to restore the last open view on reload
|
||||
* @param {string} panel.icon - an svg string
|
||||
* @param {string} panel.title - the name of the view
|
||||
* @param {Element} panel.$content - an element containing the content of the view
|
||||
* @param {function} panel.onBlur - runs when the view is selected/focused
|
||||
* @param {function} panel.onFocus - runs when the view is unfocused/closed
|
||||
*/
|
||||
export { addPanelView } from './panel.mjs';
|
||||
|
||||
/**
|
||||
* adds a button to notion's bottom right corner
|
||||
* @param {string} icon - an svg string
|
||||
* @param {function} listener - the function to call when the button is clicked
|
||||
* @returns {Element} the appended corner action element
|
||||
*/
|
||||
export { addCornerAction } from './corner-action.mjs';
|
||||
221
src/common/components/panel.css
Normal file
221
src/common/components/panel.css
Normal file
@ -0,0 +1,221 @@
|
||||
/**
|
||||
* notion-enhancer: components
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (c) 2021 CloudHill <rl.cloudhill@gmail.com> (https://github.com/CloudHill)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
:root {
|
||||
--component--panel-width: 260px;
|
||||
}
|
||||
|
||||
#enhancer--panel-hover-trigger {
|
||||
height: 100vh;
|
||||
width: 2.5rem;
|
||||
max-height: 100%;
|
||||
z-index: 999;
|
||||
position: absolute;
|
||||
top: 45px;
|
||||
right: 0;
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
transition: width 300ms ease-in-out;
|
||||
}
|
||||
#enhancer--panel-hover-trigger[data-enhancer-panel-pinned] {
|
||||
/* taking up the physical space of the panel to move topbar buttons */
|
||||
top: 0;
|
||||
position: relative;
|
||||
width: var(--component--panel-width);
|
||||
}
|
||||
|
||||
.notion-frame {
|
||||
transition: padding-right 300ms ease-in-out;
|
||||
}
|
||||
.notion-frame[data-enhancer-panel-pinned] {
|
||||
padding-right: var(--component--panel-width);
|
||||
}
|
||||
.notion-cursor-listener > div[style*='flex-end'] {
|
||||
transition: margin-right 300ms ease-in-out;
|
||||
}
|
||||
.notion-cursor-listener > div[style*='flex-end'][data-enhancer-panel-pinned],
|
||||
#enhancer--panel[data-enhancer-panel-pinned] + div[style*='flex-end'] {
|
||||
margin-right: var(--component--panel-width);
|
||||
}
|
||||
|
||||
#enhancer--panel {
|
||||
z-index: 999;
|
||||
position: absolute;
|
||||
background: var(--theme--bg_secondary);
|
||||
width: var(--component--panel-width);
|
||||
right: calc(-1 * var(--component--panel-width));
|
||||
opacity: 0;
|
||||
height: 100vh;
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
transition: 300ms ease-in;
|
||||
|
||||
margin-top: 5rem;
|
||||
max-height: calc(100vh - 10rem);
|
||||
}
|
||||
#enhancer--panel-hover-trigger:hover + #enhancer--panel:not([data-enhancer-panel-pinned]),
|
||||
#enhancer--panel:not([data-enhancer-panel-pinned]):hover {
|
||||
opacity: 1;
|
||||
transform: translateX(calc(-1 * var(--component--panel-width)));
|
||||
box-shadow: var(--theme--ui_shadow, rgba(15, 15, 15, 0.05)) 0px 0px 0px 1px,
|
||||
var(--theme--ui_shadow, rgba(15, 15, 15, 0.1)) 0px 3px 6px,
|
||||
var(--theme--ui_shadow, rgba(15, 15, 15, 0.2)) 0px 9px 24px !important;
|
||||
}
|
||||
#enhancer--panel[data-enhancer-panel-pinned] {
|
||||
opacity: 1;
|
||||
max-height: 100%;
|
||||
margin-top: 0;
|
||||
transform: translateX(calc(-1 * var(--component--panel-width)));
|
||||
}
|
||||
|
||||
.enhancer--panel-view-title {
|
||||
margin: 0;
|
||||
height: 1em;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 1.1rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.enhancer--panel-view-title svg,
|
||||
.enhancer--panel-view-title img {
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
}
|
||||
.enhancer--panel-view-icon {
|
||||
margin-bottom: -2px;
|
||||
}
|
||||
.enhancer--panel-view-title .enhancer--panel-view-title-text {
|
||||
font-size: 0.9em;
|
||||
margin: 0 0 0 0.75em;
|
||||
padding-bottom: 0.3em;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#enhancer--panel-header {
|
||||
font-size: 1.2rem;
|
||||
font-weight: 600;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
padding: 0.75rem 0 0.75rem 1rem;
|
||||
background: var(--theme--bg_secondary);
|
||||
}
|
||||
#enhancer--panel-header-title {
|
||||
max-width: calc(100% - 4.25rem);
|
||||
}
|
||||
#enhancer--panel-header-title .enhancer--panel-view-title {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
#enhancer--panel-header-title .enhancer--panel-view-title-text {
|
||||
max-width: calc(100% - 1.75em);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#enhancer--panel-switcher-overlay-container {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 999;
|
||||
overflow: hidden;
|
||||
}
|
||||
#enhancer--panel-switcher {
|
||||
max-width: 320px;
|
||||
position: relative;
|
||||
right: 14px;
|
||||
border-radius: 3px;
|
||||
padding: 8px 0;
|
||||
background: var(--theme--bg_card);
|
||||
box-shadow: var(--theme--ui_shadow, rgba(15, 15, 15, 0.05)) 0px 0px 0px 1px,
|
||||
var(--theme--ui_shadow, rgba(15, 15, 15, 0.1)) 0px 3px 6px,
|
||||
var(--theme--ui_shadow, rgba(15, 15, 15, 0.2)) 0px 9px 24px !important;
|
||||
overflow: hidden;
|
||||
}
|
||||
.enhancer--panel-switcher-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
padding: 8px 14px;
|
||||
user-select: none;
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
background: var(--theme--bg_card);
|
||||
}
|
||||
#enhancer--panel-header:hover,
|
||||
#enhancer--panel-header:focus-within,
|
||||
.enhancer--panel-switcher-item:hover,
|
||||
.enhancer--panel-switcher-item:focus {
|
||||
background: var(--theme--ui_interactive-hover);
|
||||
}
|
||||
#enhancer--panel-header:active,
|
||||
.enhancer--panel-switcher-item:active {
|
||||
background: var(--theme--ui_interactive-active);
|
||||
}
|
||||
|
||||
#enhancer--panel-content {
|
||||
margin: 0.75rem 1rem;
|
||||
font-size: 1rem;
|
||||
}
|
||||
#enhancer--panel-header-switcher {
|
||||
padding: 4px;
|
||||
}
|
||||
#enhancer--panel-header-toggle {
|
||||
margin-left: auto;
|
||||
padding-right: 1rem;
|
||||
height: 100%;
|
||||
width: 2.5em;
|
||||
opacity: 0;
|
||||
display: flex;
|
||||
}
|
||||
#enhancer--panel-header-toggle > div {
|
||||
margin: auto 0 auto auto;
|
||||
}
|
||||
#enhancer--panel-header-switcher,
|
||||
#enhancer--panel-header-toggle > div {
|
||||
color: var(--theme--icon_secondary);
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
transition: 300ms ease-in-out;
|
||||
}
|
||||
#enhancer--panel #enhancer--panel-header-toggle svg {
|
||||
transition: 300ms ease-in-out;
|
||||
}
|
||||
#enhancer--panel:not([data-enhancer-panel-pinned]) #enhancer--panel-header-toggle svg {
|
||||
transform: rotateZ(-180deg);
|
||||
}
|
||||
#enhancer--panel:hover #enhancer--panel-header-toggle {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#enhancer--panel-resize {
|
||||
position: absolute;
|
||||
left: -5px;
|
||||
height: 100%;
|
||||
width: 10px;
|
||||
}
|
||||
#enhancer--panel[data-enhancer-panel-pinned] #enhancer--panel-resize {
|
||||
cursor: col-resize;
|
||||
}
|
||||
#enhancer--panel-resize div {
|
||||
transition: background 150ms ease-in-out;
|
||||
background: transparent;
|
||||
width: 2px;
|
||||
margin-left: 4px;
|
||||
height: 100%;
|
||||
}
|
||||
#enhancer--panel[data-enhancer-panel-pinned] #enhancer--panel-resize:hover div {
|
||||
background: var(--theme--ui_divider);
|
||||
}
|
||||
292
src/common/components/panel.mjs
Normal file
292
src/common/components/panel.mjs
Normal file
@ -0,0 +1,292 @@
|
||||
/**
|
||||
* notion-enhancer: components
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (c) 2021 CloudHill <rl.cloudhill@gmail.com> (https://github.com/CloudHill)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
/** shared notion-style elements */
|
||||
|
||||
import { web, components, registry } from '../index.mjs';
|
||||
|
||||
const _views = [],
|
||||
svgExpand = web.raw`<svg viewBox="-1 -1 9 11">
|
||||
<path d="M 3.5 0L 3.98809 -0.569442L 3.5 -0.987808L 3.01191 -0.569442L 3.5 0ZM 3.5 9L 3.01191
|
||||
9.56944L 3.5 9.98781L 3.98809 9.56944L 3.5 9ZM 0.488094 3.56944L 3.98809 0.569442L 3.01191
|
||||
-0.569442L -0.488094 2.43056L 0.488094 3.56944ZM 3.01191 0.569442L 6.51191 3.56944L 7.48809
|
||||
2.43056L 3.98809 -0.569442L 3.01191 0.569442ZM -0.488094 6.56944L 3.01191 9.56944L 3.98809
|
||||
8.43056L 0.488094 5.43056L -0.488094 6.56944ZM 3.98809 9.56944L 7.48809 6.56944L 6.51191
|
||||
5.43056L 3.01191 8.43056L 3.98809 9.56944Z"></path>
|
||||
</svg>`;
|
||||
|
||||
let $stylesheet,
|
||||
db,
|
||||
// open + close
|
||||
$notionFrame,
|
||||
$notionRightSidebar,
|
||||
$panel,
|
||||
$hoverTrigger,
|
||||
// resize
|
||||
$resizeHandle,
|
||||
dragStartX,
|
||||
dragStartWidth,
|
||||
dragEventsFired,
|
||||
panelWidth,
|
||||
// render content
|
||||
$notionApp,
|
||||
$pinnedToggle,
|
||||
$panelTitle,
|
||||
$header,
|
||||
$panelContent,
|
||||
$switcher,
|
||||
$switcherTrigger,
|
||||
$switcherOverlayContainer;
|
||||
|
||||
// open + close
|
||||
const panelPinnedAttr = 'data-enhancer-panel-pinned',
|
||||
isPinned = () => $panel.hasAttribute(panelPinnedAttr),
|
||||
togglePanel = () => {
|
||||
const $elems = [$notionFrame, $notionRightSidebar, $hoverTrigger, $panel].filter(
|
||||
($el) => $el
|
||||
);
|
||||
if (isPinned()) {
|
||||
closeSwitcher();
|
||||
for (const $elem of $elems) $elem.removeAttribute(panelPinnedAttr);
|
||||
} else {
|
||||
for (const $elem of $elems) $elem.setAttribute(panelPinnedAttr, 'true');
|
||||
}
|
||||
db.set(['panel.pinned'], isPinned());
|
||||
},
|
||||
// resize
|
||||
updateWidth = () => {
|
||||
document.documentElement.style.setProperty('--component--panel-width', panelWidth + 'px');
|
||||
db.set(['panel.width'], panelWidth);
|
||||
},
|
||||
resizeDrag = (event) => {
|
||||
event.preventDefault();
|
||||
dragEventsFired = true;
|
||||
panelWidth = dragStartWidth + (dragStartX - event.clientX);
|
||||
if (panelWidth < 190) panelWidth = 190;
|
||||
if (panelWidth > 480) panelWidth = 480;
|
||||
$panel.style.width = panelWidth + 'px';
|
||||
$hoverTrigger.style.width = panelWidth + 'px';
|
||||
$notionFrame.style.paddingRight = panelWidth + 'px';
|
||||
if ($notionRightSidebar) $notionRightSidebar.style.right = panelWidth + 'px';
|
||||
},
|
||||
resizeEnd = (_event) => {
|
||||
$panel.style.width = '';
|
||||
$hoverTrigger.style.width = '';
|
||||
$notionFrame.style.paddingRight = '';
|
||||
if ($notionRightSidebar) $notionRightSidebar.style.right = '';
|
||||
updateWidth();
|
||||
$resizeHandle.style.cursor = '';
|
||||
document.body.removeEventListener('mousemove', resizeDrag);
|
||||
document.body.removeEventListener('mouseup', resizeEnd);
|
||||
},
|
||||
resizeStart = (event) => {
|
||||
dragStartX = event.clientX;
|
||||
dragStartWidth = panelWidth;
|
||||
$resizeHandle.style.cursor = 'auto';
|
||||
document.body.addEventListener('mousemove', resizeDrag);
|
||||
document.body.addEventListener('mouseup', resizeEnd);
|
||||
},
|
||||
// render content
|
||||
isSwitcherOpen = () => document.body.contains($switcher),
|
||||
openSwitcher = () => {
|
||||
if (!isPinned()) return togglePanel();
|
||||
web.render($notionApp, $switcherOverlayContainer);
|
||||
web.empty($switcher);
|
||||
for (const view of _views) {
|
||||
const open = $panelTitle.contains(view.$title),
|
||||
$item = web.render(
|
||||
web.html`<div class="enhancer--panel-switcher-item" tabindex="0" ${
|
||||
open ? 'data-open' : ''
|
||||
}></div>`,
|
||||
web.render(
|
||||
web.html`<span class="enhancer--panel-view-title"></span>`,
|
||||
view.$icon.cloneNode(true),
|
||||
view.$title.cloneNode(true)
|
||||
)
|
||||
);
|
||||
$item.addEventListener('click', () => {
|
||||
renderView(view);
|
||||
db.set(['panel.open'], view.id);
|
||||
});
|
||||
web.render($switcher, $item);
|
||||
}
|
||||
const rect = $header.getBoundingClientRect();
|
||||
web.render(
|
||||
web.empty($switcherOverlayContainer),
|
||||
web.render(
|
||||
web.html`<div style="position: fixed; top: ${rect.top}px; left: ${rect.left}px;
|
||||
width: ${rect.width}px; height: ${rect.height}px;"></div>`,
|
||||
web.render(
|
||||
web.html`<div style="position: relative; top: 100%; pointer-events: auto;"></div>`,
|
||||
$switcher
|
||||
)
|
||||
)
|
||||
);
|
||||
$switcher.querySelector('[data-open]').focus();
|
||||
$switcher.animate([{ opacity: 0 }, { opacity: 1 }], { duration: 200 });
|
||||
document.addEventListener('keydown', switcherKeyListeners);
|
||||
},
|
||||
closeSwitcher = () => {
|
||||
document.removeEventListener('keydown', switcherKeyListeners);
|
||||
$switcher.animate([{ opacity: 1 }, { opacity: 0 }], { duration: 200 }).onfinish = () =>
|
||||
$switcherOverlayContainer.remove();
|
||||
},
|
||||
switcherKeyListeners = (event) => {
|
||||
if (isSwitcherOpen()) {
|
||||
switch (event.key) {
|
||||
case 'Escape':
|
||||
closeSwitcher();
|
||||
event.stopPropagation();
|
||||
break;
|
||||
case 'Enter':
|
||||
document.activeElement.click();
|
||||
event.stopPropagation();
|
||||
break;
|
||||
case 'ArrowUp': {
|
||||
const $prev = event.target.previousElementSibling;
|
||||
($prev || event.target.parentElement.lastElementChild).focus();
|
||||
event.stopPropagation();
|
||||
break;
|
||||
}
|
||||
case 'ArrowDown': {
|
||||
const $next = event.target.nextElementSibling;
|
||||
($next || event.target.parentElement.firstElementChild).focus();
|
||||
event.stopPropagation();
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
renderView = (view) => {
|
||||
const prevView = _views.find(({ $content }) => document.contains($content));
|
||||
web.render(
|
||||
web.empty($panelTitle),
|
||||
web.render(
|
||||
web.html`<span class="enhancer--panel-view-title"></span>`,
|
||||
view.$icon,
|
||||
view.$title
|
||||
)
|
||||
);
|
||||
view.onFocus();
|
||||
web.render(web.empty($panelContent), view.$content);
|
||||
if (prevView) prevView.onBlur();
|
||||
};
|
||||
|
||||
async function createPanel() {
|
||||
await web.whenReady(['.notion-frame']);
|
||||
$notionFrame = document.querySelector('.notion-frame');
|
||||
|
||||
$panel = web.html`<div id="enhancer--panel"></div>`;
|
||||
$hoverTrigger = web.html`<div id="enhancer--panel-hover-trigger"></div>`;
|
||||
$resizeHandle = web.html`<div id="enhancer--panel-resize"><div></div></div>`;
|
||||
$panelTitle = web.html`<div id="enhancer--panel-header-title"></div>`;
|
||||
$header = web.render(web.html`<div id="enhancer--panel-header"></div>`, $panelTitle);
|
||||
$panelContent = web.html`<div id="enhancer--panel-content"></div>`;
|
||||
$switcher = web.html`<div id="enhancer--panel-switcher"></div>`;
|
||||
$switcherTrigger = web.html`<div id="enhancer--panel-header-switcher" tabindex="0">
|
||||
${svgExpand}
|
||||
</div>`;
|
||||
$switcherOverlayContainer = web.html`<div id="enhancer--panel-switcher-overlay-container"></div>`;
|
||||
|
||||
const notionRightSidebarSelector = '.notion-cursor-listener > div[style*="flex-end"]',
|
||||
detectRightSidebar = () => {
|
||||
if (!document.contains($notionRightSidebar)) {
|
||||
$notionRightSidebar = document.querySelector(notionRightSidebarSelector);
|
||||
if (isPinned() && $notionRightSidebar) {
|
||||
$notionRightSidebar.setAttribute(panelPinnedAttr, 'true');
|
||||
}
|
||||
}
|
||||
};
|
||||
$notionRightSidebar = document.querySelector(notionRightSidebarSelector);
|
||||
web.addDocumentObserver(detectRightSidebar, [notionRightSidebarSelector]);
|
||||
|
||||
if (await db.get(['panel.pinned'])) togglePanel();
|
||||
web.addHotkeyListener(await db.get(['panel.hotkey']), togglePanel);
|
||||
$pinnedToggle.addEventListener('click', (event) => {
|
||||
event.stopPropagation();
|
||||
togglePanel();
|
||||
});
|
||||
web.render(
|
||||
$panel,
|
||||
web.render($header, $panelTitle, $switcherTrigger, $pinnedToggle),
|
||||
$panelContent,
|
||||
$resizeHandle
|
||||
);
|
||||
|
||||
await enablePanelResize();
|
||||
await createViews();
|
||||
|
||||
const cursorListenerSelector =
|
||||
'.notion-cursor-listener > .notion-sidebar-container ~ [style^="position: absolute"]';
|
||||
await web.whenReady([cursorListenerSelector]);
|
||||
document.querySelector(cursorListenerSelector).before($hoverTrigger, $panel);
|
||||
}
|
||||
|
||||
async function enablePanelResize() {
|
||||
panelWidth = await db.get(['panel.width'], 240);
|
||||
updateWidth();
|
||||
$resizeHandle.addEventListener('mousedown', resizeStart);
|
||||
$resizeHandle.addEventListener('click', () => {
|
||||
if (dragEventsFired) {
|
||||
dragEventsFired = false;
|
||||
} else togglePanel();
|
||||
});
|
||||
}
|
||||
|
||||
function createViews() {
|
||||
$notionApp = document.querySelector('.notion-app-inner');
|
||||
$header.addEventListener('click', openSwitcher);
|
||||
$switcherTrigger.addEventListener('click', openSwitcher);
|
||||
$switcherOverlayContainer.addEventListener('click', closeSwitcher);
|
||||
}
|
||||
|
||||
/**
|
||||
* adds a view to the enhancer's side panel
|
||||
* @param {object} panel - information used to construct and render the panel
|
||||
* @param {string} panel.id - a uuid, used to restore the last open view on reload
|
||||
* @param {string} panel.icon - an svg string
|
||||
* @param {string} panel.title - the name of the view
|
||||
* @param {Element} panel.$content - an element containing the content of the view
|
||||
* @param {function} panel.onBlur - runs when the view is selected/focused
|
||||
* @param {function} panel.onFocus - runs when the view is unfocused/closed
|
||||
*/
|
||||
export const addPanelView = async ({
|
||||
id,
|
||||
icon,
|
||||
title,
|
||||
$content,
|
||||
onFocus = () => {},
|
||||
onBlur = () => {},
|
||||
}) => {
|
||||
if (!$stylesheet) {
|
||||
$stylesheet = web.loadStylesheet('api/components/panel.css');
|
||||
}
|
||||
|
||||
if (!db) db = await registry.db('36a2ffc9-27ff-480e-84a7-c7700a7d232d');
|
||||
if (!$pinnedToggle) {
|
||||
$pinnedToggle = web.html`<div id="enhancer--panel-header-toggle" tabindex="0"><div>
|
||||
${await components.feather('chevrons-right')}
|
||||
</div></div>`;
|
||||
}
|
||||
|
||||
const view = {
|
||||
id,
|
||||
$icon: web.render(
|
||||
web.html`<span class="enhancer--panel-view-title-icon"></span>`,
|
||||
icon instanceof Element ? icon : web.html`${icon}`
|
||||
),
|
||||
$title: web.render(web.html`<span class="enhancer--panel-view-title-text"></span>`, title),
|
||||
$content,
|
||||
onFocus,
|
||||
onBlur,
|
||||
};
|
||||
_views.push(view);
|
||||
if (_views.length === 1) await createPanel();
|
||||
if (_views.length === 1 || (await db.get(['panel.open'])) === id) renderView(view);
|
||||
};
|
||||
31
src/common/components/tooltip.css
Normal file
31
src/common/components/tooltip.css
Normal file
@ -0,0 +1,31 @@
|
||||
/**
|
||||
* notion-enhancer: components
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
#enhancer--tooltip {
|
||||
font-family: var(--theme--font_sans);
|
||||
background: var(--theme--ui_tooltip);
|
||||
border-radius: 3px;
|
||||
box-shadow: var(--theme--ui_shadow) 0px 1px 4px;
|
||||
color: var(--theme--ui_tooltip-description);
|
||||
display: none;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
line-height: 1.4;
|
||||
max-width: 20rem;
|
||||
overflow: hidden;
|
||||
padding: 4px 8px;
|
||||
position: absolute;
|
||||
z-index: 999999999999999999;
|
||||
pointer-events: none;
|
||||
}
|
||||
#enhancer--tooltip p {
|
||||
margin: 0;
|
||||
}
|
||||
#enhancer--tooltip b,
|
||||
#enhancer--tooltip strong {
|
||||
font-weight: 500;
|
||||
color: var(--theme--ui_tooltip-title);
|
||||
}
|
||||
118
src/common/components/tooltip.mjs
Normal file
118
src/common/components/tooltip.mjs
Normal file
@ -0,0 +1,118 @@
|
||||
/**
|
||||
* notion-enhancer: components
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
/** shared notion-style elements */
|
||||
|
||||
import { fs, web } from '../index.mjs';
|
||||
|
||||
let $stylesheet, _$tooltip;
|
||||
|
||||
const countLines = ($el) =>
|
||||
[...$el.getClientRects()].reduce(
|
||||
(prev, val) => (prev.some((p) => p.y === val.y) ? prev : [...prev, val]),
|
||||
[]
|
||||
).length,
|
||||
position = ($ref, offsetDirection, maxLines) => {
|
||||
_$tooltip.style.top = `0px`;
|
||||
_$tooltip.style.left = `0px`;
|
||||
const rect = $ref.getBoundingClientRect(),
|
||||
{ offsetWidth, offsetHeight } = _$tooltip,
|
||||
pad = 6;
|
||||
let x = rect.x,
|
||||
y = Math.floor(rect.y);
|
||||
|
||||
if (['top', 'bottom'].includes(offsetDirection)) {
|
||||
if (offsetDirection === 'top') y -= offsetHeight + pad;
|
||||
if (offsetDirection === 'bottom') y += rect.height + pad;
|
||||
x -= offsetWidth / 2 - rect.width / 2;
|
||||
_$tooltip.style.left = `${x}px`;
|
||||
_$tooltip.style.top = `${y}px`;
|
||||
const testLines = () => countLines(_$tooltip.firstElementChild) > maxLines,
|
||||
padEdgesX = testLines();
|
||||
while (testLines()) {
|
||||
_$tooltip.style.left = `${window.innerWidth - x > x ? x++ : x--}px`;
|
||||
}
|
||||
if (padEdgesX) {
|
||||
x += window.innerWidth - x > x ? pad : -pad;
|
||||
_$tooltip.style.left = `${x}px`;
|
||||
}
|
||||
_$tooltip.style.textAlign = 'center';
|
||||
}
|
||||
|
||||
if (['left', 'right'].includes(offsetDirection)) {
|
||||
y -= offsetHeight / 2 - rect.height / 2;
|
||||
if (offsetDirection === 'left') x -= offsetWidth + pad;
|
||||
if (offsetDirection === 'right') x += rect.width + pad;
|
||||
_$tooltip.style.left = `${x}px`;
|
||||
_$tooltip.style.top = `${y}px`;
|
||||
_$tooltip.style.textAlign = 'start';
|
||||
}
|
||||
|
||||
return true;
|
||||
};
|
||||
|
||||
/**
|
||||
* add a tooltip to show extra information on hover
|
||||
* @param {HTMLElement} $ref - the element that will trigger the tooltip when hovered
|
||||
* @param {string|HTMLElement} $content - markdown or element content of the tooltip
|
||||
* @param {object=} options - configuration of how the tooltip should be displayed
|
||||
* @param {number=} options.delay - the amount of time in ms the element needs to be hovered over
|
||||
* for the tooltip to be shown (default: 100)
|
||||
* @param {string=} options.offsetDirection - which side of the element the tooltip
|
||||
* should be shown on: 'top', 'bottom', 'left' or 'right' (default: 'bottom')
|
||||
* @param {number=} options.maxLines - the max number of lines that the content may be wrapped
|
||||
* to, used to position and size the tooltip correctly (default: 1)
|
||||
*/
|
||||
export const addTooltip = async (
|
||||
$ref,
|
||||
$content,
|
||||
{ delay = 100, offsetDirection = 'bottom', maxLines = 1 } = {}
|
||||
) => {
|
||||
if (!$stylesheet) {
|
||||
$stylesheet = web.loadStylesheet('api/components/tooltip.css');
|
||||
_$tooltip = web.html`<div id="enhancer--tooltip"></div>`;
|
||||
web.render(document.body, _$tooltip);
|
||||
}
|
||||
|
||||
if (!globalThis.markdownit) await import(fs.localPath('dep/markdown-it.min.js'));
|
||||
const md = markdownit({ linkify: true });
|
||||
|
||||
if (!($content instanceof Element))
|
||||
$content = web.html`<div style="display:inline">
|
||||
${$content
|
||||
.split('\n')
|
||||
.map((text) => md.renderInline(text))
|
||||
.join('<br>')}
|
||||
</div>`;
|
||||
|
||||
let displayDelay;
|
||||
$ref.addEventListener('mouseover', (_event) => {
|
||||
if (!displayDelay) {
|
||||
displayDelay = setTimeout(async () => {
|
||||
if ($ref.matches(':hover')) {
|
||||
if (_$tooltip.style.display !== 'block') {
|
||||
_$tooltip.style.display = 'block';
|
||||
web.render(web.empty(_$tooltip), $content);
|
||||
position($ref, offsetDirection, maxLines);
|
||||
await _$tooltip.animate([{ opacity: 0 }, { opacity: 1 }], { duration: 65 })
|
||||
.finished;
|
||||
}
|
||||
}
|
||||
displayDelay = undefined;
|
||||
}, delay);
|
||||
}
|
||||
});
|
||||
|
||||
$ref.addEventListener('mouseout', async (_event) => {
|
||||
displayDelay = undefined;
|
||||
if (_$tooltip.style.display === 'block' && !$ref.matches(':hover')) {
|
||||
await _$tooltip.animate([{ opacity: 1 }, { opacity: 0 }], { duration: 65 }).finished;
|
||||
_$tooltip.style.display = '';
|
||||
}
|
||||
});
|
||||
};
|
||||
106
src/common/electron.mjs
Normal file
106
src/common/electron.mjs
Normal file
@ -0,0 +1,106 @@
|
||||
/**
|
||||
* notion-enhancer: api
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
/**
|
||||
* access to electron renderer apis
|
||||
* @namespace electron
|
||||
*/
|
||||
import * as _api from './index.mjs'; // trick jsdoc
|
||||
|
||||
/**
|
||||
* access to the electron BrowserWindow instance for the current window
|
||||
* see https://www.electronjs.org/docs/latest/api/browser-window
|
||||
* @type {BrowserWindow}
|
||||
* @process electron (renderer process)
|
||||
*/
|
||||
export const browser = globalThis.__enhancerElectronApi?.browser;
|
||||
|
||||
/**
|
||||
* access to the electron webFrame instance for the current page
|
||||
* see https://www.electronjs.org/docs/latest/api/web-frame
|
||||
* @type {webFrame}
|
||||
* @process electron (renderer process)
|
||||
*/
|
||||
export const webFrame = globalThis.__enhancerElectronApi?.webFrame;
|
||||
|
||||
/**
|
||||
* send a message to the main electron process
|
||||
* @param {string} channel - the message identifier
|
||||
* @param {any} data - the data to pass along with the message
|
||||
* @param {string=} namespace - a prefix for the message to categorise
|
||||
* it as e.g. enhancer-related. this should not be changed unless replicating
|
||||
* builtin ipc events.
|
||||
* @process electron (renderer process)
|
||||
*/
|
||||
export const sendMessage = (channel, data, namespace = 'notion-enhancer') => {
|
||||
if (globalThis.__enhancerElectronApi) {
|
||||
globalThis.__enhancerElectronApi.ipcRenderer.sendMessage(channel, data, namespace);
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* send a message to the webview's parent renderer process
|
||||
* @param {string} channel - the message identifier
|
||||
* @param {any} data - the data to pass along with the message
|
||||
* @param {string=} namespace - a prefix for the message to categorise
|
||||
* it as e.g. enhancer-related. this should not be changed unless replicating
|
||||
* builtin ipc events.
|
||||
* @process electron (renderer process)
|
||||
*/
|
||||
export const sendMessageToHost = (channel, data, namespace = 'notion-enhancer') => {
|
||||
if (globalThis.__enhancerElectronApi) {
|
||||
globalThis.__enhancerElectronApi.ipcRenderer.sendMessageToHost(channel, data, namespace);
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* receive a message from either the main process or
|
||||
* the webview's parent renderer process
|
||||
* @param {string} channel - the message identifier to listen for
|
||||
* @param {function} callback - the message handler, passed the args (event, data)
|
||||
* @param {string=} namespace - a prefix for the message to categorise
|
||||
* it as e.g. enhancer-related. this should not be changed unless replicating
|
||||
* builtin ipc events.
|
||||
* @process electron (renderer process)
|
||||
*/
|
||||
export const onMessage = (channel, callback, namespace = 'notion-enhancer') => {
|
||||
if (globalThis.__enhancerElectronApi) {
|
||||
globalThis.__enhancerElectronApi.ipcRenderer.onMessage(channel, callback, namespace);
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* require() notion app files
|
||||
* @param {string} path - within notion/resources/app/ e.g. main/createWindow.js
|
||||
* @process electron (main process)
|
||||
*/
|
||||
export const notionRequire = (path) => {
|
||||
return globalThis.__enhancerElectronApi
|
||||
? globalThis.__enhancerElectronApi.notionRequire(path)
|
||||
: null;
|
||||
};
|
||||
|
||||
/**
|
||||
* get all available app windows excluding the menu
|
||||
* @process electron (main process)
|
||||
*/
|
||||
export const getNotionWindows = () => {
|
||||
return globalThis.__enhancerElectronApi
|
||||
? globalThis.__enhancerElectronApi.getNotionWindows()
|
||||
: null;
|
||||
};
|
||||
|
||||
/**
|
||||
* get the currently focused notion window
|
||||
* @process electron (main process)
|
||||
*/
|
||||
export const getFocusedNotionWindow = () => {
|
||||
return globalThis.__enhancerElectronApi
|
||||
? globalThis.__enhancerElectronApi.getFocusedNotionWindow()
|
||||
: null;
|
||||
};
|
||||
46
src/common/env.mjs
Normal file
46
src/common/env.mjs
Normal file
@ -0,0 +1,46 @@
|
||||
/**
|
||||
* notion-enhancer: api
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
/**
|
||||
* environment-specific methods and constants
|
||||
* @namespace env
|
||||
*/
|
||||
|
||||
import * as env from '../env/env.mjs';
|
||||
|
||||
/**
|
||||
* the environment/platform name code is currently being executed in
|
||||
* @constant
|
||||
* @type {string}
|
||||
*/
|
||||
export const name = env.name;
|
||||
|
||||
/**
|
||||
* the current version of the enhancer
|
||||
* @constant
|
||||
* @type {string}
|
||||
*/
|
||||
export const version = env.version;
|
||||
|
||||
/**
|
||||
* open the enhancer's menu
|
||||
* @type {function}
|
||||
*/
|
||||
export const focusMenu = env.focusMenu;
|
||||
|
||||
/**
|
||||
* focus an active notion tab
|
||||
* @type {function}
|
||||
*/
|
||||
export const focusNotion = env.focusNotion;
|
||||
|
||||
/**
|
||||
* reload all notion and enhancer menu tabs to apply changes
|
||||
* @type {function}
|
||||
*/
|
||||
export const reload = env.reload;
|
||||
137
src/common/fmt.mjs
Normal file
137
src/common/fmt.mjs
Normal file
@ -0,0 +1,137 @@
|
||||
/**
|
||||
* notion-enhancer: api
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
/**
|
||||
* helpers for formatting or parsing text
|
||||
* @namespace fmt
|
||||
*/
|
||||
|
||||
import { fs } from './index.mjs';
|
||||
|
||||
/**
|
||||
* transform a heading into a slug (a lowercase alphanumeric string separated by hyphens),
|
||||
* e.g. for use as an anchor id
|
||||
* @param {string} heading - the original heading to be slugified
|
||||
* @param {Set<string>=} slugs - a list of pre-generated slugs to avoid duplicates
|
||||
* @returns {string} the generated slug
|
||||
*/
|
||||
export const slugger = (heading, slugs = new Set()) => {
|
||||
heading = heading
|
||||
.replace(/\s/g, '-')
|
||||
.replace(/[^A-Za-z0-9-_]/g, '')
|
||||
.toLowerCase();
|
||||
let i = 0,
|
||||
slug = heading;
|
||||
while (slugs.has(slug)) {
|
||||
i++;
|
||||
slug = `${heading}-${i}`;
|
||||
}
|
||||
return slug;
|
||||
};
|
||||
|
||||
/**
|
||||
* generate a reasonably random uuidv4 string. uses crypto implementation if available
|
||||
* (from https://stackoverflow.com/questions/105034/how-to-create-a-guid-uuid)
|
||||
* @returns {string} a uuidv4
|
||||
*/
|
||||
export const uuidv4 = () => {
|
||||
if (crypto?.randomUUID) return crypto.randomUUID();
|
||||
return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, (c) =>
|
||||
(c ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))).toString(16)
|
||||
);
|
||||
};
|
||||
|
||||
/**
|
||||
* log-based shading of an rgb color, from
|
||||
* https://stackoverflow.com/questions/5560248/programmatically-lighten-or-darken-a-hex-color-or-rgb-and-blend-colors
|
||||
* @param {number} shade - a decimal amount to shade the color.
|
||||
* 1 = white, 0 = the original color, -1 = black
|
||||
* @param {string} color - the rgb color
|
||||
* @returns {string} the shaded color
|
||||
*/
|
||||
export const rgbLogShade = (shade, color) => {
|
||||
const int = parseInt,
|
||||
round = Math.round,
|
||||
[a, b, c, d] = color.split(','),
|
||||
t = shade < 0 ? 0 : shade * 255 ** 2,
|
||||
p = shade < 0 ? 1 + shade : 1 - shade;
|
||||
return (
|
||||
'rgb' +
|
||||
(d ? 'a(' : '(') +
|
||||
round((p * int(a[3] == 'a' ? a.slice(5) : a.slice(4)) ** 2 + t) ** 0.5) +
|
||||
',' +
|
||||
round((p * int(b) ** 2 + t) ** 0.5) +
|
||||
',' +
|
||||
round((p * int(c) ** 2 + t) ** 0.5) +
|
||||
(d ? ',' + d : ')')
|
||||
);
|
||||
};
|
||||
|
||||
/**
|
||||
* pick a contrasting color e.g. for text on a variable color background
|
||||
* using the hsp (perceived brightness) constants from http://alienryderflex.com/hsp.html
|
||||
* @param {number} r - red (0-255)
|
||||
* @param {number} g - green (0-255)
|
||||
* @param {number} b - blue (0-255)
|
||||
* @returns {string} the contrasting rgb color, white or black
|
||||
*/
|
||||
export const rgbContrast = (r, g, b) => {
|
||||
return Math.sqrt(0.299 * (r * r) + 0.587 * (g * g) + 0.114 * (b * b)) > 165.75
|
||||
? 'rgb(0,0,0)'
|
||||
: 'rgb(255,255,255)';
|
||||
};
|
||||
|
||||
const patterns = {
|
||||
alphanumeric: /^[\w\.-]+$/,
|
||||
uuid: /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i,
|
||||
semver:
|
||||
/^(0|[1-9]\d*)\.(0|[1-9]\d*)\.(0|[1-9]\d*)(?:-((?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*)(?:\.(?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*))*))?(?:\+([0-9a-zA-Z-]+(?:\.[0-9a-zA-Z-]+)*))?$/i,
|
||||
email:
|
||||
/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/i,
|
||||
url: /^[(http(s)?):\/\/(www\.)?a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,64}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)$/i,
|
||||
color: /^(?:#|0x)(?:[a-f0-9]{3}|[a-f0-9]{6})\b|(?:rgb|hsl)a?\([^\)]*\)$/i,
|
||||
};
|
||||
function test(str, pattern) {
|
||||
const match = str.match(pattern);
|
||||
return !!(match && match.length);
|
||||
}
|
||||
|
||||
/**
|
||||
* test the type of a value. unifies builtin, regex, and environment/api checks
|
||||
* @param {unknown} value - the value to check
|
||||
* @param {string|string[]} type - the type the value should be or a list of allowed values
|
||||
* @returns {boolean} whether or not the value matches the type
|
||||
*/
|
||||
export const is = async (value, type, { extension = '' } = {}) => {
|
||||
extension = !value || !value.endsWith || value.endsWith(extension);
|
||||
if (Array.isArray(type)) {
|
||||
return type.includes(value);
|
||||
}
|
||||
switch (type) {
|
||||
case 'array':
|
||||
return Array.isArray(value);
|
||||
case 'object':
|
||||
return value && typeof value === 'object' && !Array.isArray(value);
|
||||
case 'undefined':
|
||||
case 'boolean':
|
||||
case 'number':
|
||||
return typeof value === type && extension;
|
||||
case 'string':
|
||||
return typeof value === type && extension;
|
||||
case 'alphanumeric':
|
||||
case 'uuid':
|
||||
case 'semver':
|
||||
case 'email':
|
||||
case 'url':
|
||||
case 'color':
|
||||
return typeof value === 'string' && test(value, patterns[type]) && extension;
|
||||
case 'file':
|
||||
return typeof value === 'string' && value && (await fs.isFile(value)) && extension;
|
||||
}
|
||||
return false;
|
||||
};
|
||||
55
src/common/fs.mjs
Normal file
55
src/common/fs.mjs
Normal file
@ -0,0 +1,55 @@
|
||||
/**
|
||||
* notion-enhancer: api
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
/**
|
||||
* environment-specific file reading
|
||||
* @namespace fs
|
||||
*/
|
||||
|
||||
import * as fs from '../env/fs.mjs';
|
||||
|
||||
/**
|
||||
* get an absolute path to files within notion
|
||||
* @param {string} path - relative to the root notion/resources/app/ e.g. renderer/search.js
|
||||
* @process electron
|
||||
*/
|
||||
export const notionPath = fs.notionPath;
|
||||
|
||||
/**
|
||||
* transform a path relative to the enhancer root directory into an absolute path
|
||||
* @type {function}
|
||||
* @param {string} path - a url or within-the-enhancer filepath
|
||||
* @returns {string} an absolute filepath
|
||||
*/
|
||||
export const localPath = fs.localPath;
|
||||
|
||||
/**
|
||||
* fetch and parse a json file's contents
|
||||
* @type {function}
|
||||
* @param {string} path - a url or within-the-enhancer filepath
|
||||
* @param {FetchOptions=} opts - the second argument of a fetch() request
|
||||
* @returns {unknown} the json value of the requested file as a js object
|
||||
*/
|
||||
export const getJSON = fs.getJSON;
|
||||
|
||||
/**
|
||||
* fetch a text file's contents
|
||||
* @type {function}
|
||||
* @param {string} path - a url or within-the-enhancer filepath
|
||||
* @param {FetchOptions=} opts - the second argument of a fetch() request
|
||||
* @returns {string} the text content of the requested file
|
||||
*/
|
||||
export const getText = fs.getText;
|
||||
|
||||
/**
|
||||
* check if a file exists
|
||||
* @type {function}
|
||||
* @param {string} path - a url or within-the-enhancer filepath
|
||||
* @returns {boolean} whether or not the file exists
|
||||
*/
|
||||
export const isFile = fs.isFile;
|
||||
21
src/common/index.cjs
Normal file
21
src/common/index.cjs
Normal file
File diff suppressed because one or more lines are too long
31
src/common/index.mjs
Normal file
31
src/common/index.mjs
Normal file
@ -0,0 +1,31 @@
|
||||
/**
|
||||
* notion-enhancer: api
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
// compiles to .cjs for use in electron:
|
||||
// npx -y esbuild insert/api/index.mjs --minify --bundle --format=cjs --outfile=insert/api/index.cjs
|
||||
|
||||
/** environment-specific methods and constants */
|
||||
export * as env from './env.mjs';
|
||||
/** environment-specific file reading */
|
||||
export * as fs from './fs.mjs';
|
||||
/** environment-specific data persistence */
|
||||
export * as storage from './storage.mjs';
|
||||
|
||||
/** access to electron renderer apis */
|
||||
export * as electron from './electron.mjs';
|
||||
|
||||
/** a basic wrapper around notion's unofficial api */
|
||||
export * as notion from './notion.mjs';
|
||||
/** helpers for formatting, validating and parsing values */
|
||||
export * as fmt from './fmt.mjs';
|
||||
/** interactions with the enhancer's repository of mods */
|
||||
export * as registry from './registry.mjs';
|
||||
/** helpers for manipulation of a webpage */
|
||||
export * as web from './web.mjs';
|
||||
/** shared notion-style elements */
|
||||
export * as components from './components/index.mjs';
|
||||
367
src/common/notion.mjs
Normal file
367
src/common/notion.mjs
Normal file
@ -0,0 +1,367 @@
|
||||
/**
|
||||
* notion-enhancer: api
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
/**
|
||||
* a basic wrapper around notion's content apis
|
||||
* @namespace notion
|
||||
*/
|
||||
|
||||
import { web, fs, fmt } from './index.mjs';
|
||||
|
||||
const standardiseUUID = (uuid) => {
|
||||
if (uuid?.length === 32 && !uuid.includes('-')) {
|
||||
uuid = uuid.replace(
|
||||
/([\d\w]{8})([\d\w]{4})([\d\w]{4})([\d\w]{4})([\d\w]{12})/,
|
||||
'$1-$2-$3-$4-$5'
|
||||
);
|
||||
}
|
||||
return uuid;
|
||||
};
|
||||
|
||||
/**
|
||||
* unofficial content api: get a block by id
|
||||
* (requires user to be signed in or content to be public).
|
||||
* why not use the official api?
|
||||
* 1. cors blocking prevents use on the client
|
||||
* 2. the majority of blocks are still 'unsupported'
|
||||
* @param {string} id - uuidv4 record id
|
||||
* @param {string=} table - record type (default: 'block').
|
||||
* may also be 'collection', 'collection_view', 'space', 'notion_user', 'discussion', or 'comment'
|
||||
* @returns {Promise<object>} record data. type definitions can be found here:
|
||||
* https://github.com/NotionX/react-notion-x/tree/master/packages/notion-types/src
|
||||
*/
|
||||
export const get = async (id, table = 'block') => {
|
||||
id = standardiseUUID(id);
|
||||
const json = await fs.getJSON('https://www.notion.so/api/v3/getRecordValues', {
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
body: JSON.stringify({ requests: [{ table, id }] }),
|
||||
method: 'POST',
|
||||
});
|
||||
return json?.results?.[0]?.value || json;
|
||||
};
|
||||
|
||||
/**
|
||||
* get the id of the current user (requires user to be signed in)
|
||||
* @returns {string} uuidv4 user id
|
||||
*/
|
||||
export const getUserID = () =>
|
||||
JSON.parse(localStorage['LRU:KeyValueStore2:current-user-id'] || {}).value;
|
||||
|
||||
/**
|
||||
* get the id of the currently open page
|
||||
* @returns {string} uuidv4 page id
|
||||
*/
|
||||
export const getPageID = () =>
|
||||
standardiseUUID(
|
||||
web.queryParams().get('p') || location.pathname.split(/(-|\/)/g).reverse()[0]
|
||||
);
|
||||
|
||||
let _spaceID;
|
||||
/**
|
||||
* get the id of the currently open workspace (requires user to be signed in)
|
||||
* @returns {string} uuidv4 space id
|
||||
*/
|
||||
export const getSpaceID = async () => {
|
||||
if (!_spaceID) _spaceID = (await get(getPageID())).space_id;
|
||||
return _spaceID;
|
||||
};
|
||||
|
||||
/**
|
||||
* unofficial content api: search all blocks in a space
|
||||
* (requires user to be signed in or content to be public).
|
||||
* why not use the official api?
|
||||
* 1. cors blocking prevents use on the client
|
||||
* 2. the majority of blocks are still 'unsupported'
|
||||
* @param {string=} query - query to search blocks in the space for
|
||||
* @param {number=} limit - the max number of results to return (default: 20)
|
||||
* @param {string=} spaceID - uuidv4 workspace id
|
||||
* @returns {object} the number of total results, the list of matches, and related record values.
|
||||
* type definitions can be found here: https://github.com/NotionX/react-notion-x/blob/master/packages/notion-types/src/api.ts
|
||||
*/
|
||||
export const search = async (query = '', limit = 20, spaceID = getSpaceID()) => {
|
||||
spaceID = standardiseUUID(await spaceID);
|
||||
const json = await fs.getJSON('https://www.notion.so/api/v3/search', {
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
body: JSON.stringify({
|
||||
type: 'BlocksInSpace',
|
||||
query,
|
||||
spaceId: spaceID,
|
||||
limit,
|
||||
filters: {
|
||||
isDeletedOnly: false,
|
||||
excludeTemplates: false,
|
||||
isNavigableOnly: false,
|
||||
requireEditPermissions: false,
|
||||
ancestors: [],
|
||||
createdBy: [],
|
||||
editedBy: [],
|
||||
lastEditedTime: {},
|
||||
createdTime: {},
|
||||
},
|
||||
sort: 'Relevance',
|
||||
source: 'quick_find',
|
||||
}),
|
||||
method: 'POST',
|
||||
});
|
||||
return json;
|
||||
};
|
||||
|
||||
/**
|
||||
* unofficial content api: update a property/the content of an existing record
|
||||
* (requires user to be signed in or content to be public).
|
||||
* TEST THIS THOROUGHLY. misuse can corrupt a record, leading the notion client
|
||||
* to be unable to parse and render content properly and throw errors.
|
||||
* why not use the official api?
|
||||
* 1. cors blocking prevents use on the client
|
||||
* 2. the majority of blocks are still 'unsupported'
|
||||
* @param {object} pointer - the record being updated
|
||||
* @param {object} recordValue - the new raw data values to set to the record.
|
||||
* for examples, use notion.get to fetch an existing block record.
|
||||
* to use this to update content, set pointer.path to ['properties', 'title]
|
||||
* and recordValue to an array of rich text segments. a segment is an array
|
||||
* where the first value is the displayed text and the second value
|
||||
* is an array of decorations. a decoration is an array where the first value
|
||||
* is a modifier and the second value specifies it. e.g.
|
||||
* [
|
||||
* ['bold text', [['b']]],
|
||||
* [' '],
|
||||
* ['an italicised link', [['i'], ['a', 'https://github.com']]],
|
||||
* [' '],
|
||||
* ['highlighted text', [['h', 'pink_background']]],
|
||||
* ]
|
||||
* more examples can be creating a block with the desired content/formatting,
|
||||
* then find the value of blockRecord.properties.title using notion.get.
|
||||
* type definitions can be found here: https://github.com/NotionX/react-notion-x/blob/master/packages/notion-types/src/core.ts
|
||||
* @param {string} pointer.recordID - uuidv4 record id
|
||||
* @param {string=} pointer.recordTable - record type (default: 'block').
|
||||
* may also be 'collection', 'collection_view', 'space', 'notion_user', 'discussion', or 'comment'
|
||||
* @param {string=} pointer.property - the record property to update.
|
||||
* for record content, it will be the default: 'title'.
|
||||
* for page properties, it will be the property id (the key used in pageRecord.properties).
|
||||
* other possible values are unknown/untested
|
||||
* @param {string=} pointer.spaceID - uuidv4 workspace id
|
||||
* @param {string=} pointer.path - the path to the key to be set within the record
|
||||
* (default: [], the root of the record's values)
|
||||
* @returns {boolean|object} true if success, else an error object
|
||||
*/
|
||||
export const set = async (
|
||||
{ recordID, recordTable = 'block', spaceID = getSpaceID(), path = [] },
|
||||
recordValue = {}
|
||||
) => {
|
||||
spaceID = standardiseUUID(await spaceID);
|
||||
recordID = standardiseUUID(recordID);
|
||||
const json = await fs.getJSON('https://www.notion.so/api/v3/saveTransactions', {
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
body: JSON.stringify({
|
||||
requestId: fmt.uuidv4(),
|
||||
transactions: [
|
||||
{
|
||||
id: fmt.uuidv4(),
|
||||
spaceId: spaceID,
|
||||
operations: [
|
||||
{
|
||||
pointer: {
|
||||
table: recordTable,
|
||||
id: recordID,
|
||||
spaceId: spaceID,
|
||||
},
|
||||
path,
|
||||
command: path.length ? 'set' : 'update',
|
||||
args: recordValue,
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
}),
|
||||
method: 'POST',
|
||||
});
|
||||
return json.errorId ? json : true;
|
||||
};
|
||||
|
||||
/**
|
||||
* unofficial content api: create and add a new block to a page
|
||||
* (requires user to be signed in or content to be public).
|
||||
* TEST THIS THOROUGHLY. misuse can corrupt a record, leading the notion client
|
||||
* to be unable to parse and render content properly and throw errors.
|
||||
* why not use the official api?
|
||||
* 1. cors blocking prevents use on the client
|
||||
* 2. the majority of blocks are still 'unsupported'
|
||||
* @param {object} insert - the new record.
|
||||
* @param {object} pointer - where to insert the new block
|
||||
* for examples, use notion.get to fetch an existing block record.
|
||||
* type definitions can be found here: https://github.com/NotionX/react-notion-x/blob/master/packages/notion-types/src/block.ts
|
||||
* may also be 'collection', 'collection_view', 'space', 'notion_user', 'discussion', or 'comment'
|
||||
* @param {object=} insert.recordValue - the new raw data values to set to the record.
|
||||
* @param {object=} insert.recordTable - record type (default: 'block').
|
||||
* may also be 'collection', 'collection_view', 'space', 'notion_user', 'discussion', or 'comment'
|
||||
* @param {string=} pointer.prepend - insert before pointer.siblingID. if false, will be appended after
|
||||
* @param {string=} pointer.siblingID - uuidv4 sibling id. if unset, the record will be
|
||||
* inserted at the end of the page start (or the start if pointer.prepend is true)
|
||||
* @param {string=} pointer.parentID - uuidv4 parent id
|
||||
* @param {string=} pointer.parentTable - parent record type (default: 'block').
|
||||
* @param {string=} pointer.spaceID - uuidv4 space id
|
||||
* @param {string=} pointer.userID - uuidv4 user id
|
||||
* instead of the end
|
||||
* @returns {string|object} error object or uuidv4 of the new record
|
||||
*/
|
||||
export const create = async (
|
||||
{ recordValue = {}, recordTable = 'block' } = {},
|
||||
{
|
||||
prepend = false,
|
||||
siblingID = undefined,
|
||||
parentID = getPageID(),
|
||||
parentTable = 'block',
|
||||
spaceID = getSpaceID(),
|
||||
userID = getUserID(),
|
||||
} = {}
|
||||
) => {
|
||||
spaceID = standardiseUUID(await spaceID);
|
||||
parentID = standardiseUUID(parentID);
|
||||
siblingID = standardiseUUID(siblingID);
|
||||
const recordID = standardiseUUID(recordValue?.id ?? fmt.uuidv4()),
|
||||
path = [],
|
||||
args = {
|
||||
type: 'text',
|
||||
id: recordID,
|
||||
version: 0,
|
||||
created_time: new Date().getTime(),
|
||||
last_edited_time: new Date().getTime(),
|
||||
parent_id: parentID,
|
||||
parent_table: parentTable,
|
||||
alive: true,
|
||||
created_by_table: 'notion_user',
|
||||
created_by_id: userID,
|
||||
last_edited_by_table: 'notion_user',
|
||||
last_edited_by_id: userID,
|
||||
space_id: spaceID,
|
||||
permissions: [{ type: 'user_permission', role: 'editor', user_id: userID }],
|
||||
};
|
||||
if (parentTable === 'space') {
|
||||
parentID = spaceID;
|
||||
args.parent_id = spaceID;
|
||||
path.push('pages');
|
||||
args.type = 'page';
|
||||
} else if (parentTable === 'collection_view') {
|
||||
path.push('page_sort');
|
||||
args.type = 'page';
|
||||
} else {
|
||||
path.push('content');
|
||||
}
|
||||
const json = await fs.getJSON('https://www.notion.so/api/v3/saveTransactions', {
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
body: JSON.stringify({
|
||||
requestId: fmt.uuidv4(),
|
||||
transactions: [
|
||||
{
|
||||
id: fmt.uuidv4(),
|
||||
spaceId: spaceID,
|
||||
operations: [
|
||||
{
|
||||
pointer: {
|
||||
table: parentTable,
|
||||
id: parentID,
|
||||
spaceId: spaceID,
|
||||
},
|
||||
path,
|
||||
command: prepend ? 'listBefore' : 'listAfter',
|
||||
args: {
|
||||
...(siblingID ? { after: siblingID } : {}),
|
||||
id: recordID,
|
||||
},
|
||||
},
|
||||
{
|
||||
pointer: {
|
||||
table: recordTable,
|
||||
id: recordID,
|
||||
spaceId: spaceID,
|
||||
},
|
||||
path: [],
|
||||
command: 'set',
|
||||
args: {
|
||||
...args,
|
||||
...recordValue,
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
}),
|
||||
method: 'POST',
|
||||
});
|
||||
return json.errorId ? json : recordID;
|
||||
};
|
||||
|
||||
/**
|
||||
* unofficial content api: upload a file to notion's aws servers
|
||||
* (requires user to be signed in or content to be public).
|
||||
* TEST THIS THOROUGHLY. misuse can corrupt a record, leading the notion client
|
||||
* to be unable to parse and render content properly and throw errors.
|
||||
* why not use the official api?
|
||||
* 1. cors blocking prevents use on the client
|
||||
* 2. the majority of blocks are still 'unsupported'
|
||||
* @param {File} file - the file to upload
|
||||
* @param {object=} pointer - where the file should be accessible from
|
||||
* @param {string=} pointer.pageID - uuidv4 page id
|
||||
* @param {string=} pointer.spaceID - uuidv4 space id
|
||||
* @returns {string|object} error object or the url of the uploaded file
|
||||
*/
|
||||
export const upload = async (file, { pageID = getPageID(), spaceID = getSpaceID() } = {}) => {
|
||||
spaceID = standardiseUUID(await spaceID);
|
||||
pageID = standardiseUUID(pageID);
|
||||
const json = await fs.getJSON('https://www.notion.so/api/v3/getUploadFileUrl', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'content-type': 'application/json',
|
||||
},
|
||||
body: JSON.stringify({
|
||||
bucket: 'secure',
|
||||
name: file.name,
|
||||
contentType: file.type,
|
||||
record: {
|
||||
table: 'block',
|
||||
id: pageID,
|
||||
spaceId: spaceID,
|
||||
},
|
||||
}),
|
||||
});
|
||||
if (json.errorId) return json;
|
||||
fetch(json.signedPutUrl, {
|
||||
method: 'PUT',
|
||||
headers: { 'content-type': file.type },
|
||||
body: file,
|
||||
});
|
||||
return json.url;
|
||||
};
|
||||
|
||||
/**
|
||||
* redirect through notion to a resource's signed aws url for display outside of notion
|
||||
* (requires user to be signed in or content to be public)
|
||||
* @param src source url for file
|
||||
* @param {string} recordID uuidv4 record/block/file id
|
||||
* @param {string=} recordTable record type (default: 'block').
|
||||
* may also be 'collection', 'collection_view', 'space', 'notion_user', 'discussion', or 'comment'
|
||||
* @returns {string} url signed if necessary, else string as-is
|
||||
*/
|
||||
export const sign = (src, recordID, recordTable = 'block') => {
|
||||
if (src.startsWith('/')) src = `https://notion.so${src}`;
|
||||
if (src.includes('secure.notion-static.com')) {
|
||||
src = new URL(src);
|
||||
src = `https://www.notion.so/signed/${encodeURIComponent(
|
||||
src.origin + src.pathname
|
||||
)}?table=${recordTable}&id=${recordID}`;
|
||||
}
|
||||
return src;
|
||||
};
|
||||
224
src/common/registry-validation.mjs
Normal file
224
src/common/registry-validation.mjs
Normal file
@ -0,0 +1,224 @@
|
||||
/**
|
||||
* notion-enhancer: api
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
import { fmt, registry } from './index.mjs';
|
||||
|
||||
const check = async (
|
||||
mod,
|
||||
key,
|
||||
value,
|
||||
types,
|
||||
{
|
||||
extension = '',
|
||||
error = `invalid ${key} (${extension ? `${extension} ` : ''}${types}): ${JSON.stringify(
|
||||
value
|
||||
)}`,
|
||||
optional = false,
|
||||
} = {}
|
||||
) => {
|
||||
let test;
|
||||
for (const type of Array.isArray(types) ? [types] : types.split('|')) {
|
||||
if (type === 'file') {
|
||||
test =
|
||||
value && !value.startsWith('http')
|
||||
? await fmt.is(`repo/${mod._dir}/${value}`, type, { extension })
|
||||
: false;
|
||||
} else test = await fmt.is(value, type, { extension });
|
||||
if (test) break;
|
||||
}
|
||||
if (!test) {
|
||||
if (optional && (await fmt.is(value, 'undefined'))) return true;
|
||||
if (error) mod._err(error);
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
};
|
||||
|
||||
const validateEnvironments = async (mod) => {
|
||||
mod.environments = mod.environments ?? registry.supportedEnvs;
|
||||
const isArray = await check(mod, 'environments', mod.environments, 'array');
|
||||
if (!isArray) return false;
|
||||
return mod.environments.map((tag) =>
|
||||
check(mod, 'environments.env', tag, registry.supportedEnvs)
|
||||
);
|
||||
},
|
||||
validateTags = async (mod) => {
|
||||
const isArray = await check(mod, 'tags', mod.tags, 'array');
|
||||
if (!isArray) return false;
|
||||
const categoryTags = ['core', 'extension', 'theme', 'integration'],
|
||||
containsCategory = mod.tags.filter((tag) => categoryTags.includes(tag)).length;
|
||||
if (!containsCategory) {
|
||||
mod._err(
|
||||
`invalid tags (must contain at least one of 'core', 'extension', 'theme' or 'integration'):
|
||||
${JSON.stringify(mod.tags)}`
|
||||
);
|
||||
return false;
|
||||
}
|
||||
const isTheme = mod.tags.includes('theme'),
|
||||
hasThemeMode = mod.tags.includes('light') || mod.tags.includes('dark'),
|
||||
isBothThemeModes = mod.tags.includes('light') && mod.tags.includes('dark');
|
||||
if (isTheme && (!hasThemeMode || isBothThemeModes)) {
|
||||
mod._err(
|
||||
`invalid tags (themes must be either 'light' or 'dark', not neither or both):
|
||||
${JSON.stringify(mod.tags)}`
|
||||
);
|
||||
return false;
|
||||
}
|
||||
return mod.tags.map((tag) => check(mod, 'tags.tag', tag, 'string'));
|
||||
},
|
||||
validateAuthors = async (mod) => {
|
||||
const isArray = await check(mod, 'authors', mod.authors, 'array');
|
||||
if (!isArray) return false;
|
||||
return mod.authors.map((author) => [
|
||||
check(mod, 'authors.author.name', author.name, 'string'),
|
||||
check(mod, 'authors.author.email', author.email, 'email', { optional: true }),
|
||||
check(mod, 'authors.author.homepage', author.homepage, 'url'),
|
||||
check(mod, 'authors.author.avatar', author.avatar, 'url'),
|
||||
]);
|
||||
},
|
||||
validateCSS = async (mod) => {
|
||||
const isArray = await check(mod, 'css', mod.css, 'object');
|
||||
if (!isArray) return false;
|
||||
const tests = [];
|
||||
for (const dest of ['frame', 'client', 'menu']) {
|
||||
if (!mod.css[dest]) continue;
|
||||
let test = await check(mod, `css.${dest}`, mod.css[dest], 'array');
|
||||
if (test) {
|
||||
test = mod.css[dest].map((file) =>
|
||||
check(mod, `css.${dest}.file`, file, 'file', { extension: '.css' })
|
||||
);
|
||||
}
|
||||
tests.push(test);
|
||||
}
|
||||
return tests;
|
||||
},
|
||||
validateJS = async (mod) => {
|
||||
const isArray = await check(mod, 'js', mod.js, 'object');
|
||||
if (!isArray) return false;
|
||||
const tests = [];
|
||||
for (const dest of ['frame', 'client', 'menu']) {
|
||||
if (!mod.js[dest]) continue;
|
||||
let test = await check(mod, `js.${dest}`, mod.js[dest], 'array');
|
||||
if (test) {
|
||||
test = mod.js[dest].map((file) =>
|
||||
check(mod, `js.${dest}.file`, file, 'file', { extension: '.mjs' })
|
||||
);
|
||||
}
|
||||
tests.push(test);
|
||||
}
|
||||
if (mod.js.electron) {
|
||||
const isArray = await check(mod, 'js.electron', mod.js.electron, 'array');
|
||||
if (isArray) {
|
||||
for (const file of mod.js.electron) {
|
||||
const isObject = await check(mod, 'js.electron.file', file, 'object');
|
||||
if (!isObject) {
|
||||
tests.push(false);
|
||||
continue;
|
||||
}
|
||||
tests.push([
|
||||
check(mod, 'js.electron.file.source', file.source, 'file', {
|
||||
extension: '.cjs',
|
||||
}),
|
||||
// referencing the file within the electron app
|
||||
// existence can't be validated, so only format is
|
||||
check(mod, 'js.electron.file.target', file.target, 'string', {
|
||||
extension: '.js',
|
||||
}),
|
||||
]);
|
||||
}
|
||||
} else tests.push(false);
|
||||
}
|
||||
return tests;
|
||||
},
|
||||
validateOptions = async (mod) => {
|
||||
const isArray = await check(mod, 'options', mod.options, 'array');
|
||||
if (!isArray) return false;
|
||||
const tests = [];
|
||||
for (const option of mod.options) {
|
||||
const key = 'options.option',
|
||||
optTypeValid = await check(mod, `${key}.type`, option.type, registry.optionTypes);
|
||||
if (!optTypeValid) {
|
||||
tests.push(false);
|
||||
continue;
|
||||
}
|
||||
option.environments = option.environments ?? registry.supportedEnvs;
|
||||
tests.push([
|
||||
check(mod, `${key}.key`, option.key, 'alphanumeric'),
|
||||
check(mod, `${key}.label`, option.label, 'string'),
|
||||
check(mod, `${key}.tooltip`, option.tooltip, 'string', {
|
||||
optional: true,
|
||||
}),
|
||||
check(mod, `${key}.environments`, option.environments, 'array').then((isArray) => {
|
||||
if (!isArray) return false;
|
||||
return option.environments.map((environment) =>
|
||||
check(mod, `${key}.environments.env`, environment, registry.supportedEnvs)
|
||||
);
|
||||
}),
|
||||
]);
|
||||
switch (option.type) {
|
||||
case 'toggle':
|
||||
tests.push(check(mod, `${key}.value`, option.value, 'boolean'));
|
||||
break;
|
||||
case 'select': {
|
||||
let test = await check(mod, `${key}.values`, option.values, 'array');
|
||||
if (test) {
|
||||
test = option.values.map((value) =>
|
||||
check(mod, `${key}.values.value`, value, 'string')
|
||||
);
|
||||
}
|
||||
tests.push(test);
|
||||
break;
|
||||
}
|
||||
case 'text':
|
||||
case 'hotkey':
|
||||
tests.push(check(mod, `${key}.value`, option.value, 'string'));
|
||||
break;
|
||||
case 'number':
|
||||
case 'color':
|
||||
tests.push(check(mod, `${key}.value`, option.value, option.type));
|
||||
break;
|
||||
case 'file': {
|
||||
let test = await check(mod, `${key}.extensions`, option.extensions, 'array');
|
||||
if (test) {
|
||||
test = option.extensions.map((ext) =>
|
||||
check(mod, `${key}.extensions.extension`, ext, 'string')
|
||||
);
|
||||
}
|
||||
tests.push(test);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
return tests;
|
||||
};
|
||||
|
||||
/**
|
||||
* internally used to validate mod.json files and provide helpful errors
|
||||
* @private
|
||||
* @param {object} mod - a mod's mod.json in object form
|
||||
* @returns {boolean} whether or not the mod has passed validation
|
||||
*/
|
||||
export async function validate(mod) {
|
||||
let conditions = [
|
||||
check(mod, 'name', mod.name, 'string'),
|
||||
check(mod, 'id', mod.id, 'uuid'),
|
||||
check(mod, 'version', mod.version, 'semver'),
|
||||
validateEnvironments(mod),
|
||||
check(mod, 'description', mod.description, 'string'),
|
||||
check(mod, 'preview', mod.preview, 'file|url', { optional: true }),
|
||||
validateTags(mod),
|
||||
validateAuthors(mod),
|
||||
validateCSS(mod),
|
||||
validateJS(mod),
|
||||
validateOptions(mod),
|
||||
];
|
||||
do {
|
||||
conditions = await Promise.all(conditions.flat(Infinity));
|
||||
} while (conditions.some((condition) => Array.isArray(condition)));
|
||||
return conditions.every((passed) => passed);
|
||||
}
|
||||
160
src/common/registry.mjs
Normal file
160
src/common/registry.mjs
Normal file
@ -0,0 +1,160 @@
|
||||
/**
|
||||
* notion-enhancer: api
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
/**
|
||||
* interactions with the enhancer's repository of mods
|
||||
* @namespace registry
|
||||
*/
|
||||
|
||||
import { env, fs, storage } from './index.mjs';
|
||||
import { validate } from './registry-validation.mjs';
|
||||
|
||||
/**
|
||||
* mod ids whitelisted as part of the enhancer's core, permanently enabled
|
||||
* @constant
|
||||
* @type {string[]}
|
||||
*/
|
||||
export const core = [
|
||||
'a6621988-551d-495a-97d8-3c568bca2e9e',
|
||||
'0f0bf8b6-eae6-4273-b307-8fc43f2ee082',
|
||||
'36a2ffc9-27ff-480e-84a7-c7700a7d232d',
|
||||
];
|
||||
|
||||
/**
|
||||
* all environments/platforms currently supported by the enhancer
|
||||
* @constant
|
||||
* @type {string[]}
|
||||
*/
|
||||
export const supportedEnvs = ['linux', 'win32', 'darwin', 'extension'];
|
||||
|
||||
/**
|
||||
* all available configuration types
|
||||
* @constant
|
||||
* @type {string[]}
|
||||
*/
|
||||
export const optionTypes = ['toggle', 'select', 'text', 'number', 'color', 'file', 'hotkey'];
|
||||
|
||||
/**
|
||||
* the name of the active configuration profile
|
||||
* @returns {string}
|
||||
*/
|
||||
export const profileName = () => storage.get(['currentprofile'], 'default');
|
||||
|
||||
/**
|
||||
* the root database for the current profile
|
||||
* @returns {object} the get/set functions for the profile's storage
|
||||
*/
|
||||
export const profileDB = async () => storage.db(['profiles', await profileName()]);
|
||||
|
||||
let _list;
|
||||
const _errors = [];
|
||||
/**
|
||||
* list all available mods in the repo
|
||||
* @param {function} filter - a function to filter out mods
|
||||
* @returns {array} a validated list of mod.json objects
|
||||
*/
|
||||
export const list = async (filter = (mod) => true) => {
|
||||
if (!_list) {
|
||||
// deno-lint-ignore no-async-promise-executor
|
||||
_list = new Promise(async (res, _rej) => {
|
||||
const passed = [];
|
||||
for (const dir of await fs.getJSON('repo/registry.json')) {
|
||||
try {
|
||||
const mod = {
|
||||
...(await fs.getJSON(`repo/${dir}/mod.json`)),
|
||||
_dir: dir,
|
||||
_err: (message) => _errors.push({ source: dir, message }),
|
||||
};
|
||||
if (await validate(mod)) passed.push(mod);
|
||||
} catch {
|
||||
_errors.push({ source: dir, message: 'invalid mod.json' });
|
||||
}
|
||||
}
|
||||
res(passed);
|
||||
});
|
||||
}
|
||||
const filtered = [];
|
||||
for (const mod of await _list) if (await filter(mod)) filtered.push(mod);
|
||||
return filtered;
|
||||
};
|
||||
|
||||
/**
|
||||
* list validation errors encountered when loading the repo
|
||||
* @returns {{ source: string, message: string }[]} error objects with an error message and a source directory
|
||||
*/
|
||||
export const errors = async () => {
|
||||
await list();
|
||||
return _errors;
|
||||
};
|
||||
|
||||
/**
|
||||
* get a single mod from the repo
|
||||
* @param {string} id - the uuid of the mod
|
||||
* @returns {object} the mod's mod.json
|
||||
*/
|
||||
export const get = async (id) => {
|
||||
return (await list((mod) => mod.id === id))[0];
|
||||
};
|
||||
|
||||
/**
|
||||
* checks if a mod is enabled: affected by the core whitelist,
|
||||
* environment and menu configuration
|
||||
* @param {string} id - the uuid of the mod
|
||||
* @returns {boolean} whether or not the mod is enabled
|
||||
*/
|
||||
export const enabled = async (id) => {
|
||||
const mod = await get(id);
|
||||
if (!mod.environments.includes(env.name)) return false;
|
||||
if (core.includes(id)) return true;
|
||||
return (await profileDB()).get(['_mods', id], false);
|
||||
};
|
||||
|
||||
/**
|
||||
* get a default value of a mod's option according to its mod.json
|
||||
* @param {string} id - the uuid of the mod
|
||||
* @param {string} key - the key of the option
|
||||
* @returns {string|number|boolean|undefined} the option's default value
|
||||
*/
|
||||
export const optionDefault = async (id, key) => {
|
||||
const mod = await get(id),
|
||||
opt = mod.options.find((opt) => opt.key === key);
|
||||
if (!opt) return undefined;
|
||||
switch (opt.type) {
|
||||
case 'toggle':
|
||||
case 'text':
|
||||
case 'number':
|
||||
case 'color':
|
||||
case 'hotkey':
|
||||
return opt.value;
|
||||
case 'select':
|
||||
return opt.values[0];
|
||||
case 'file':
|
||||
return undefined;
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* access the storage partition of a mod in the current profile
|
||||
* @param {string} id - the uuid of the mod
|
||||
* @returns {object} an object with the wrapped get/set functions
|
||||
*/
|
||||
export const db = async (id) => {
|
||||
const db = await profileDB();
|
||||
return storage.db(
|
||||
[id],
|
||||
async (path, fallback = undefined) => {
|
||||
if (typeof path === 'string') path = [path];
|
||||
if (path.length === 2) {
|
||||
// profiles -> profile -> mod -> option
|
||||
fallback = (await optionDefault(id, path[1])) ?? fallback;
|
||||
}
|
||||
return db.get(path, fallback);
|
||||
},
|
||||
db.set
|
||||
);
|
||||
};
|
||||
65
src/common/storage.mjs
Normal file
65
src/common/storage.mjs
Normal file
@ -0,0 +1,65 @@
|
||||
/**
|
||||
* notion-enhancer: api
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
/**
|
||||
* environment-specific data persistence
|
||||
* @namespace storage
|
||||
*/
|
||||
|
||||
import * as storage from '../env/storage.mjs';
|
||||
|
||||
/**
|
||||
* get persisted data
|
||||
* @type {function}
|
||||
* @param {string[]} path - the path of keys to the value being fetched
|
||||
* @param {unknown=} fallback - a default value if the path is not matched
|
||||
* @returns {Promise} value ?? fallback
|
||||
*/
|
||||
export const get = storage.get;
|
||||
|
||||
/**
|
||||
* persist data
|
||||
* @type {function}
|
||||
* @param {string[]} path - the path of keys to the value being set
|
||||
* @param {unknown} value - the data to save
|
||||
* @returns {Promise} resolves when data has been saved
|
||||
*/
|
||||
export const set = storage.set;
|
||||
|
||||
/**
|
||||
* create a wrapper for accessing a partition of the storage
|
||||
* @type {function}
|
||||
* @param {string[]} namespace - the path of keys to prefix all storage requests with
|
||||
* @param {function=} get - the storage get function to be wrapped
|
||||
* @param {function=} set - the storage set function to be wrapped
|
||||
* @returns {object} an object with the wrapped get/set functions
|
||||
*/
|
||||
export const db = storage.db;
|
||||
|
||||
/**
|
||||
* add an event listener for changes in storage
|
||||
* @type {function}
|
||||
* @param {onStorageChangeCallback} callback - called whenever a change in
|
||||
* storage is initiated from the current process
|
||||
*/
|
||||
export const addChangeListener = storage.addChangeListener;
|
||||
|
||||
/**
|
||||
* remove a listener added with storage.addChangeListener
|
||||
* @type {function}
|
||||
* @param {onStorageChangeCallback} callback
|
||||
*/
|
||||
export const removeChangeListener = storage.removeChangeListener;
|
||||
|
||||
/**
|
||||
* @callback onStorageChangeCallback
|
||||
* @param {object} event
|
||||
* @param {string} event.path- the path of keys to the changed value
|
||||
* @param {string=} event.new - the new value being persisted to the store
|
||||
* @param {string=} event.old - the previous value associated with the key
|
||||
*/
|
||||
301
src/common/web.mjs
Normal file
301
src/common/web.mjs
Normal file
@ -0,0 +1,301 @@
|
||||
/**
|
||||
* notion-enhancer: api
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
/**
|
||||
* helpers for manipulation of a webpage
|
||||
* @namespace web
|
||||
*/
|
||||
|
||||
import { fs } from './index.mjs';
|
||||
|
||||
let _hotkeyListenersActivated = false,
|
||||
_hotkeyEventListeners = [],
|
||||
_documentObserver,
|
||||
_documentObserverListeners = [];
|
||||
const _documentObserverEvents = [];
|
||||
|
||||
/**
|
||||
* wait until a page is loaded and ready for modification
|
||||
* @param {array=} selectors - wait for the existence of elements that match these css selectors
|
||||
* @returns {Promise} a promise that will resolve when the page is ready
|
||||
*/
|
||||
export const whenReady = (selectors = []) => {
|
||||
return new Promise((res, _rej) => {
|
||||
const onLoad = () => {
|
||||
const interval = setInterval(isReady, 100);
|
||||
function isReady() {
|
||||
const ready = selectors.every((selector) => document.querySelector(selector));
|
||||
if (!ready) return;
|
||||
clearInterval(interval);
|
||||
res(true);
|
||||
}
|
||||
isReady();
|
||||
};
|
||||
if (document.readyState !== 'complete') {
|
||||
document.addEventListener('readystatechange', (_event) => {
|
||||
if (document.readyState === 'complete') onLoad();
|
||||
});
|
||||
} else onLoad();
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* parse the current location search params into a usable form
|
||||
* @returns {Map<string, string>} a map of the url search params
|
||||
*/
|
||||
export const queryParams = () => new URLSearchParams(window.location.search);
|
||||
|
||||
/**
|
||||
* replace special html characters with escaped versions
|
||||
* @param {string} str
|
||||
* @returns {string} escaped string
|
||||
*/
|
||||
export const escape = (str) =>
|
||||
str
|
||||
.replace(/&/g, '&')
|
||||
.replace(/</g, '<')
|
||||
.replace(/>/g, '>')
|
||||
.replace(/'/g, ''')
|
||||
.replace(/"/g, '"')
|
||||
.replace(/\\/g, '\');
|
||||
|
||||
/**
|
||||
* a tagged template processor for raw html:
|
||||
* stringifies, minifies, and syntax highlights
|
||||
* @example web.raw`<p>hello</p>`
|
||||
* @returns {string} the processed html
|
||||
*/
|
||||
export const raw = (str, ...templates) => {
|
||||
const html = str
|
||||
.map(
|
||||
(chunk) =>
|
||||
chunk +
|
||||
(['string', 'number'].includes(typeof templates[0])
|
||||
? templates.shift()
|
||||
: escape(JSON.stringify(templates.shift(), null, 2) ?? ''))
|
||||
)
|
||||
.join('');
|
||||
return html.includes('<pre')
|
||||
? html.trim()
|
||||
: html
|
||||
.split(/\n/)
|
||||
.map((line) => line.trim())
|
||||
.filter((line) => line.length)
|
||||
.join(' ');
|
||||
};
|
||||
|
||||
/**
|
||||
* create a single html element inc. attributes and children from a string
|
||||
* @example web.html`<p>hello</p>`
|
||||
* @returns {Element} the constructed html element
|
||||
*/
|
||||
export const html = (str, ...templates) => {
|
||||
const $fragment = document.createRange().createContextualFragment(raw(str, ...templates));
|
||||
return $fragment.children.length === 1 ? $fragment.children[0] : $fragment.children;
|
||||
};
|
||||
|
||||
/**
|
||||
* appends a list of html elements to a parent
|
||||
* @param $container - the parent element
|
||||
* @param $elems - the elements to be appended
|
||||
* @returns {Element} the updated $container
|
||||
*/
|
||||
export const render = ($container, ...$elems) => {
|
||||
$elems = $elems
|
||||
.map(($elem) => ($elem instanceof HTMLCollection ? [...$elem] : $elem))
|
||||
.flat(Infinity)
|
||||
.filter(($elem) => $elem);
|
||||
$container.append(...$elems);
|
||||
return $container;
|
||||
};
|
||||
|
||||
/**
|
||||
* removes all children from an element without deleting them/their behaviours
|
||||
* @param $container - the parent element
|
||||
* @returns {Element} the updated $container
|
||||
*/
|
||||
export const empty = ($container) => {
|
||||
while ($container.firstChild && $container.removeChild($container.firstChild));
|
||||
return $container;
|
||||
};
|
||||
|
||||
/**
|
||||
* loads/applies a css stylesheet to the page
|
||||
* @param {string} path - a url or within-the-enhancer filepath
|
||||
*/
|
||||
export const loadStylesheet = (path) => {
|
||||
const $stylesheet = html`<link
|
||||
rel="stylesheet"
|
||||
href="${path.startsWith('https://') ? path : fs.localPath(path)}"
|
||||
/>`;
|
||||
render(document.head, $stylesheet);
|
||||
return $stylesheet;
|
||||
};
|
||||
|
||||
/**
|
||||
* copy text to the clipboard
|
||||
* @param {string} str - the string to copy
|
||||
* @returns {Promise<void>}
|
||||
*/
|
||||
export const copyToClipboard = async (str) => {
|
||||
try {
|
||||
await navigator.clipboard.writeText(str);
|
||||
} catch {
|
||||
const $el = document.createElement('textarea');
|
||||
$el.value = str;
|
||||
$el.setAttribute('readonly', '');
|
||||
$el.style.position = 'absolute';
|
||||
$el.style.left = '-9999px';
|
||||
document.body.appendChild($el);
|
||||
$el.select();
|
||||
document.execCommand('copy');
|
||||
document.body.removeChild($el);
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* read text from the clipboard
|
||||
* @returns {Promise<string>}
|
||||
*/
|
||||
export const readFromClipboard = () => {
|
||||
return navigator.clipboard.readText();
|
||||
};
|
||||
|
||||
const triggerHotkeyListener = (event, hotkey) => {
|
||||
const inInput = document.activeElement.nodeName === 'INPUT' && !hotkey.listenInInput;
|
||||
if (inInput) return;
|
||||
const modifiers = {
|
||||
metaKey: ['meta', 'os', 'win', 'cmd', 'command'],
|
||||
ctrlKey: ['ctrl', 'control'],
|
||||
shiftKey: ['shift'],
|
||||
altKey: ['alt'],
|
||||
},
|
||||
pressed = hotkey.keys.every((key) => {
|
||||
key = key.toLowerCase();
|
||||
for (const modifier in modifiers) {
|
||||
const pressed = modifiers[modifier].includes(key) && event[modifier];
|
||||
if (pressed) {
|
||||
// mark modifier as part of hotkey
|
||||
modifiers[modifier] = [];
|
||||
return true;
|
||||
}
|
||||
}
|
||||
if (key === 'space') key = ' ';
|
||||
if (key === 'plus') key = '+';
|
||||
if (key === event.key.toLowerCase()) return true;
|
||||
});
|
||||
if (!pressed) return;
|
||||
// test for modifiers not in hotkey
|
||||
// e.g. to differentiate ctrl+x from ctrl+shift+x
|
||||
for (const modifier in modifiers) {
|
||||
const modifierPressed = event[modifier],
|
||||
modifierNotInHotkey = modifiers[modifier].length > 0;
|
||||
if (modifierPressed && modifierNotInHotkey) return;
|
||||
}
|
||||
hotkey.callback(event);
|
||||
};
|
||||
|
||||
/**
|
||||
* register a hotkey listener to the page
|
||||
* @param {array|string} keys - the combination of keys that will trigger the hotkey.
|
||||
* key codes can be tested at http://keycode.info/ and are case-insensitive.
|
||||
* available modifiers are 'alt', 'ctrl', 'meta', and 'shift'.
|
||||
* can be provided as a + separated string.
|
||||
* @param {function} callback - called whenever the keys are pressed
|
||||
* @param {object=} opts - fine-tuned control over when the hotkey should be triggered
|
||||
* @param {boolean=} opts.listenInInput - whether the hotkey callback should be triggered
|
||||
* when an input is focused
|
||||
* @param {boolean=} opts.keydown - whether to listen for the hotkey on keydown.
|
||||
* by default, hotkeys are triggered by the keyup event.
|
||||
*/
|
||||
export const addHotkeyListener = (
|
||||
keys,
|
||||
callback,
|
||||
{ listenInInput = false, keydown = false } = {}
|
||||
) => {
|
||||
if (typeof keys === 'string') keys = keys.split('+');
|
||||
_hotkeyEventListeners.push({ keys, callback, listenInInput, keydown });
|
||||
|
||||
if (!_hotkeyListenersActivated) {
|
||||
_hotkeyListenersActivated = true;
|
||||
document.addEventListener('keyup', (event) => {
|
||||
for (const hotkey of _hotkeyEventListeners.filter(({ keydown }) => !keydown)) {
|
||||
triggerHotkeyListener(event, hotkey);
|
||||
}
|
||||
});
|
||||
document.addEventListener('keydown', (event) => {
|
||||
for (const hotkey of _hotkeyEventListeners.filter(({ keydown }) => keydown)) {
|
||||
triggerHotkeyListener(event, hotkey);
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
/**
|
||||
* remove a listener added with web.addHotkeyListener
|
||||
* @param {function} callback
|
||||
*/
|
||||
export const removeHotkeyListener = (callback) => {
|
||||
_hotkeyEventListeners = _hotkeyEventListeners.filter(
|
||||
(listener) => listener.callback !== callback
|
||||
);
|
||||
};
|
||||
|
||||
/**
|
||||
* add a listener to watch for changes to the dom
|
||||
* @param {onDocumentObservedCallback} callback
|
||||
* @param {string[]=} selectors
|
||||
*/
|
||||
export const addDocumentObserver = (callback, selectors = []) => {
|
||||
if (!_documentObserver) {
|
||||
const handle = (queue) => {
|
||||
while (queue.length) {
|
||||
const event = queue.shift(),
|
||||
matchesAddedNode = ($node, selector) =>
|
||||
$node instanceof Element &&
|
||||
($node.matches(selector) ||
|
||||
$node.matches(`${selector} *`) ||
|
||||
$node.querySelector(selector)),
|
||||
matchesTarget = (selector) =>
|
||||
event.target.matches(selector) ||
|
||||
event.target.matches(`${selector} *`) ||
|
||||
[...event.addedNodes].some(($node) => matchesAddedNode($node, selector));
|
||||
for (const listener of _documentObserverListeners) {
|
||||
if (!listener.selectors.length || listener.selectors.some(matchesTarget)) {
|
||||
listener.callback(event);
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
_documentObserver = new MutationObserver((list, _observer) => {
|
||||
if (!_documentObserverEvents.length)
|
||||
requestIdleCallback(() => handle(_documentObserverEvents));
|
||||
_documentObserverEvents.push(...list);
|
||||
});
|
||||
_documentObserver.observe(document.body, {
|
||||
childList: true,
|
||||
subtree: true,
|
||||
attributes: true,
|
||||
});
|
||||
}
|
||||
_documentObserverListeners.push({ callback, selectors });
|
||||
};
|
||||
|
||||
/**
|
||||
* remove a listener added with web.addDocumentObserver
|
||||
* @param {onDocumentObservedCallback} callback
|
||||
*/
|
||||
export const removeDocumentObserver = (callback) => {
|
||||
_documentObserverListeners = _documentObserverListeners.filter(
|
||||
(listener) => listener.callback !== callback
|
||||
);
|
||||
};
|
||||
|
||||
/**
|
||||
* @callback onDocumentObservedCallback
|
||||
* @param {MutationRecord} event - the observed dom mutation event
|
||||
*/
|
||||
5
src/dep/README.md
Normal file
5
src/dep/README.md
Normal file
@ -0,0 +1,5 @@
|
||||
# notion-enhancer/dep
|
||||
|
||||
libraries depended on by the notion-enhancer
|
||||
|
||||
[read the docs online](https://notion-enhancer.github.io/about/credits/#dependencies)
|
||||
1
src/dep/feather-sprite.svg
Normal file
1
src/dep/feather-sprite.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 59 KiB |
6
src/dep/jscolor.min.js
vendored
Normal file
6
src/dep/jscolor.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
12
src/dep/markdown-it.min.js
vendored
Normal file
12
src/dep/markdown-it.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
8453
src/dep/mime-db.json
Normal file
8453
src/dep/mime-db.json
Normal file
File diff suppressed because it is too large
Load Diff
58
src/dep/style-vendorizer.mjs
Normal file
58
src/dep/style-vendorizer.mjs
Normal file
@ -0,0 +1,58 @@
|
||||
/**
|
||||
* style-vendorizer v2.0.0
|
||||
* @license MIT
|
||||
* @source https://unpkg.com/style-vendorizer@^2.0.0?module
|
||||
*/
|
||||
|
||||
var i = new Map([
|
||||
['align-self', '-ms-grid-row-align'],
|
||||
['color-adjust', '-webkit-print-color-adjust'],
|
||||
['column-gap', 'grid-column-gap'],
|
||||
['gap', 'grid-gap'],
|
||||
['grid-template-columns', '-ms-grid-columns'],
|
||||
['grid-template-rows', '-ms-grid-rows'],
|
||||
['justify-self', '-ms-grid-column-align'],
|
||||
['margin-inline-end', '-webkit-margin-end'],
|
||||
['margin-inline-start', '-webkit-margin-start'],
|
||||
['overflow-wrap', 'word-wrap'],
|
||||
['padding-inline-end', '-webkit-padding-end'],
|
||||
['padding-inline-start', '-webkit-padding-start'],
|
||||
['row-gap', 'grid-row-gap'],
|
||||
['scroll-margin-bottom', 'scroll-snap-margin-bottom'],
|
||||
['scroll-margin-left', 'scroll-snap-margin-left'],
|
||||
['scroll-margin-right', 'scroll-snap-margin-right'],
|
||||
['scroll-margin-top', 'scroll-snap-margin-top'],
|
||||
['scroll-margin', 'scroll-snap-margin'],
|
||||
['text-combine-upright', '-ms-text-combine-horizontal'],
|
||||
]);
|
||||
function r(r) {
|
||||
return i.get(r);
|
||||
}
|
||||
function n(i) {
|
||||
var r =
|
||||
/^(?:(text-(?:decoration$|e|or|si)|back(?:ground-cl|d|f)|box-d|(?:mask(?:$|-[ispro]|-cl)))|(tab-|column(?!-s)|text-align-l)|(ap)|(u|hy))/i.exec(
|
||||
i
|
||||
);
|
||||
return r ? (r[1] ? 1 : r[2] ? 2 : r[3] ? 3 : 5) : 0;
|
||||
}
|
||||
function t(i, r) {
|
||||
var n = /^(?:(pos)|(background-i)|((?:max-|min-)?(?:block-s|inl|he|widt))|(dis))/i.exec(i);
|
||||
return n
|
||||
? n[1]
|
||||
? /^sti/i.test(r)
|
||||
? 1
|
||||
: 0
|
||||
: n[2]
|
||||
? /^image-/i.test(r)
|
||||
? 1
|
||||
: 0
|
||||
: n[3]
|
||||
? '-' === r[3]
|
||||
? 2
|
||||
: 0
|
||||
: /^(inline-)?grid$/i.test(r)
|
||||
? 4
|
||||
: 0
|
||||
: 0;
|
||||
}
|
||||
export { r as cssPropertyAlias, n as cssPropertyPrefixFlags, t as cssValuePrefixFlags };
|
||||
43
src/dep/twind-content.mjs
Normal file
43
src/dep/twind-content.mjs
Normal file
@ -0,0 +1,43 @@
|
||||
/**
|
||||
* Twind v0.16.16
|
||||
* @license MIT
|
||||
* @source https://unpkg.com/@twind/content@0.1.0/content.js?module
|
||||
*/
|
||||
|
||||
import { directive as o } from './twind.mjs';
|
||||
var c = new Set([
|
||||
'open-quote',
|
||||
'close-quote',
|
||||
'no-open-quote',
|
||||
'no-close-quote',
|
||||
'normal',
|
||||
'none',
|
||||
'inherit',
|
||||
'initial',
|
||||
'unset',
|
||||
]),
|
||||
n = (t) => t.join('-'),
|
||||
s = (t) => {
|
||||
switch (t[0]) {
|
||||
case 'data':
|
||||
return `attr(${n(t)})`;
|
||||
case 'attr':
|
||||
case 'counter':
|
||||
return `${t[0]}(${n(t.slice(1))})`;
|
||||
case 'var':
|
||||
return `var(--${n(t)})`;
|
||||
case void 0:
|
||||
return 'attr(data-content)';
|
||||
default:
|
||||
return JSON.stringify(n(t));
|
||||
}
|
||||
},
|
||||
i = (t, { theme: r }) => {
|
||||
let e = Array.isArray(t) ? n(t) : t;
|
||||
return {
|
||||
content:
|
||||
(e && r('content', [e], '')) || (c.has(e) && e) || (Array.isArray(t) ? s(t) : e),
|
||||
};
|
||||
},
|
||||
u = (t, r) => (Array.isArray(t) ? i(t, r) : o(i, t));
|
||||
export { u as content };
|
||||
134
src/dep/twind-css.mjs
Normal file
134
src/dep/twind-css.mjs
Normal file
@ -0,0 +1,134 @@
|
||||
/**
|
||||
* Twind v0.16.16
|
||||
* @license MIT
|
||||
* @source https://unpkg.com/twind@0.16.16/css/css.js?module
|
||||
*/
|
||||
|
||||
// src/css/index.ts
|
||||
import { apply, hash, directive } from "./twind.mjs";
|
||||
|
||||
// src/internal/util.ts
|
||||
var includes = (value, search) => !!~value.indexOf(search);
|
||||
var join = (parts, separator = "-") => parts.join(separator);
|
||||
var hyphenate = value => value.replace(/[A-Z]/g, "-$&").toLowerCase();
|
||||
var evalThunk = (value, context) => {
|
||||
while (typeof value == "function") {
|
||||
value = value(context);
|
||||
}
|
||||
return value;
|
||||
};
|
||||
var isCSSProperty = (key, value) => !includes("@:&", key[0]) && (includes("rg", (typeof value)[5]) || Array.isArray(value));
|
||||
var merge = (target, source, context) => source ? Object.keys(source).reduce((target2, key) => {
|
||||
const value = evalThunk(source[key], context);
|
||||
if (isCSSProperty(key, value)) {
|
||||
target2[hyphenate(key)] = value;
|
||||
} else {
|
||||
target2[key] = key[0] == "@" && includes("figa", key[1]) ? (target2[key] || []).concat(value) : merge(target2[key] || {}, value, context);
|
||||
}
|
||||
return target2;
|
||||
}, target) : target;
|
||||
var escape = typeof CSS !== "undefined" && CSS.escape || (className => className.replace(/[!"'`*+.,;:\\/<=>?@#$%&^|~()[\]{}]/g, "\\$&").replace(/^\d/, "\\3$& "));
|
||||
var buildMediaQuery = screen2 => {
|
||||
if (!Array.isArray(screen2)) {
|
||||
screen2 = [screen2];
|
||||
}
|
||||
return "@media " + join(screen2.map(screen3 => {
|
||||
if (typeof screen3 == "string") {
|
||||
screen3 = { min: screen3 };
|
||||
}
|
||||
return screen3.raw || join(Object.keys(screen3).map(feature => `(${feature}-width:${screen3[feature]})`), " and ");
|
||||
}), ",");
|
||||
};
|
||||
|
||||
// src/css/index.ts
|
||||
var translate = (tokens, context) => {
|
||||
const collect = (target, token) => Array.isArray(token) ? token.reduce(collect, target) : merge(target, evalThunk(token, context), context);
|
||||
return tokens.reduce(collect, {});
|
||||
};
|
||||
var newRule = /\s*(?:([\w-%@]+)\s*:?\s*([^{;]+?)\s*(?:;|$|})|([^;}{]*?)\s*{)|(})/gi;
|
||||
var ruleClean = /\/\*[\s\S]*?\*\/|\s+|\n/gm;
|
||||
var decorate = (selectors, currentBlock) => selectors.reduceRight((rules, selector) => ({ [selector]: rules }), currentBlock);
|
||||
var saveBlock = (rules, selectors, currentBlock) => {
|
||||
if (currentBlock) {
|
||||
rules.push(decorate(selectors, currentBlock));
|
||||
}
|
||||
};
|
||||
var interleave = (strings, interpolations, context) => {
|
||||
let buffer = strings[0];
|
||||
const result = [];
|
||||
for (let index = 0; index < interpolations.length;) {
|
||||
const interpolation = evalThunk(interpolations[index], context);
|
||||
if (interpolation && typeof interpolation == "object") {
|
||||
result.push(buffer, interpolation);
|
||||
buffer = strings[++index];
|
||||
} else {
|
||||
buffer += (interpolation || "") + strings[++index];
|
||||
}
|
||||
}
|
||||
result.push(buffer);
|
||||
return result;
|
||||
};
|
||||
var astish = (values, context) => {
|
||||
const selectors = [];
|
||||
const rules = [];
|
||||
let currentBlock;
|
||||
let match;
|
||||
for (let index = 0; index < values.length; index++) {
|
||||
const value = values[index];
|
||||
if (typeof value == "string") {
|
||||
while (match = newRule.exec(value.replace(ruleClean, " "))) {
|
||||
if (!match[0])
|
||||
continue;
|
||||
if (match[4]) {
|
||||
currentBlock = saveBlock(rules, selectors, currentBlock);
|
||||
selectors.pop();
|
||||
}
|
||||
if (match[3]) {
|
||||
currentBlock = saveBlock(rules, selectors, currentBlock);
|
||||
selectors.push(match[3]);
|
||||
} else if (!match[4]) {
|
||||
if (!currentBlock)
|
||||
currentBlock = {};
|
||||
const value2 = match[2] && /\S/.test(match[2]) ? match[2] : values[++index];
|
||||
if (value2) {
|
||||
if (match[1] == "@apply") {
|
||||
merge(currentBlock, evalThunk(apply(value2), context), context);
|
||||
} else {
|
||||
currentBlock[match[1]] = value2;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
} else {
|
||||
currentBlock = saveBlock(rules, selectors, currentBlock);
|
||||
rules.push(decorate(selectors, value));
|
||||
}
|
||||
}
|
||||
saveBlock(rules, selectors, currentBlock);
|
||||
return rules;
|
||||
};
|
||||
var cssFactory = (tokens, context) => translate(Array.isArray(tokens[0]) && Array.isArray(tokens[0].raw) ? astish(interleave(tokens[0], tokens.slice(1), context), context) : tokens, context);
|
||||
var css = (...tokens) => directive(cssFactory, tokens);
|
||||
var keyframesFactory = (tokens, context) => {
|
||||
const waypoints = cssFactory(tokens, context);
|
||||
const id = hash(JSON.stringify(waypoints));
|
||||
context.tw(() => ({ [`@keyframes ${id}`]: waypoints }));
|
||||
return id;
|
||||
};
|
||||
var keyframes = (...tokens) => directive(keyframesFactory, tokens);
|
||||
var animation = (value, waypoints) => waypoints === void 0 ? (...args) => animation(value, keyframes(...args)) : css({
|
||||
...(value && typeof value == "object" ? value : { animation: value }),
|
||||
animationName: typeof waypoints == "function" ? waypoints : keyframes(waypoints) });
|
||||
|
||||
var screenFactory = ({ size, rules }, context) => {
|
||||
const media = buildMediaQuery(context.theme("screens", size));
|
||||
return rules === void 0 ? media : {
|
||||
[media]: typeof rules == "function" ? evalThunk(rules, context) : cssFactory([rules], context) };
|
||||
|
||||
};
|
||||
var screen = (size, rules) => directive(screenFactory, { size, rules });
|
||||
export {
|
||||
animation,
|
||||
css,
|
||||
keyframes,
|
||||
screen };
|
||||
2402
src/dep/twind.mjs
Normal file
2402
src/dep/twind.mjs
Normal file
File diff suppressed because it is too large
Load Diff
30
src/manifest.json
Normal file
30
src/manifest.json
Normal file
@ -0,0 +1,30 @@
|
||||
{
|
||||
"manifest_version": 2,
|
||||
"name": "notion-enhancer",
|
||||
"version": "0.11.0",
|
||||
"author": "dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)",
|
||||
"description": "an enhancer/customiser for the all-in-one productivity workspace notion.so",
|
||||
"homepage_url": "https://notion-enhancer.github.io",
|
||||
"icons": {
|
||||
"16": "media/colour-x16.png",
|
||||
"32": "media/colour-x32.png",
|
||||
"48": "media/colour-x48.png",
|
||||
"128": "media/colour-x128.png",
|
||||
"256": "media/colour-x256.png",
|
||||
"512": "media/colour-x512.png"
|
||||
},
|
||||
"browser_action": {},
|
||||
"background": { "scripts": ["worker.js"] },
|
||||
"options_ui": {
|
||||
"page": "mods/menu/menu.html",
|
||||
"open_in_tab": true
|
||||
},
|
||||
"web_accessible_resources": ["browser/*", "common/*", "dep/*", "media/*", "mods/*"],
|
||||
"content_scripts": [
|
||||
{
|
||||
"matches": ["https://*.notion.so/*", "https://*.notion.site/*"],
|
||||
"js": ["browser/init.js"]
|
||||
}
|
||||
],
|
||||
"permissions": ["tabs", "storage", "clipboardRead", "clipboardWrite", "unlimitedStorage"]
|
||||
}
|
||||
BIN
src/media/animated.gif
Normal file
BIN
src/media/animated.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 55 KiB |
BIN
src/media/blackwhite-x128.png
Normal file
BIN
src/media/blackwhite-x128.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.1 KiB |
BIN
src/media/blackwhite-x16.png
Normal file
BIN
src/media/blackwhite-x16.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 623 B |
BIN
src/media/blackwhite-x256.png
Normal file
BIN
src/media/blackwhite-x256.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
src/media/blackwhite-x32.png
Normal file
BIN
src/media/blackwhite-x32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
src/media/blackwhite-x48.png
Normal file
BIN
src/media/blackwhite-x48.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
src/media/blackwhite-x512.png
Normal file
BIN
src/media/blackwhite-x512.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
30
src/media/blackwhite.svg
Normal file
30
src/media/blackwhite.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 18 KiB |
BIN
src/media/colour-x128.png
Normal file
BIN
src/media/colour-x128.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
BIN
src/media/colour-x16.png
Normal file
BIN
src/media/colour-x16.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 634 B |
BIN
src/media/colour-x256.png
Normal file
BIN
src/media/colour-x256.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
src/media/colour-x32.png
Normal file
BIN
src/media/colour-x32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
src/media/colour-x48.png
Normal file
BIN
src/media/colour-x48.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
src/media/colour-x512.png
Normal file
BIN
src/media/colour-x512.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
64
src/media/colour.svg
Normal file
64
src/media/colour.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 24 KiB |
BIN
src/media/promo-large.jpg
Normal file
BIN
src/media/promo-large.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 65 KiB |
BIN
src/media/promo-marquee.jpg
Normal file
BIN
src/media/promo-marquee.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 55 KiB |
BIN
src/media/promo-small.jpg
Normal file
BIN
src/media/promo-small.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
29
src/mods/.github/workflows/update-parents.yml
vendored
Normal file
29
src/mods/.github/workflows/update-parents.yml
vendored
Normal file
@ -0,0 +1,29 @@
|
||||
name: 'update parent repositories'
|
||||
|
||||
on:
|
||||
push:
|
||||
branches:
|
||||
- dev
|
||||
|
||||
jobs:
|
||||
sync:
|
||||
name: update parent
|
||||
runs-on: ubuntu-latest
|
||||
strategy:
|
||||
matrix:
|
||||
repo: ['notion-enhancer/extension', 'notion-enhancer/desktop']
|
||||
steps:
|
||||
- name: checkout repo
|
||||
uses: actions/checkout@v2
|
||||
with:
|
||||
token: ${{ secrets.CI_TOKEN }}
|
||||
submodules: true
|
||||
repository: ${{ matrix.repo }}
|
||||
- name: pull updates
|
||||
run: |
|
||||
git pull --recurse-submodules
|
||||
git submodule update --remote --recursive
|
||||
- name: commit changes
|
||||
uses: stefanzweifel/git-auto-commit-action@v4
|
||||
with:
|
||||
commit_message: '[${{ github.event.repository.name }}] ${{ github.event.head_commit.message }}'
|
||||
21
src/mods/LICENSE
Normal file
21
src/mods/LICENSE
Normal file
@ -0,0 +1,21 @@
|
||||
MIT License
|
||||
|
||||
Copyright (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
5
src/mods/README.md
Normal file
5
src/mods/README.md
Normal file
@ -0,0 +1,5 @@
|
||||
# notion-enhancer/repo
|
||||
|
||||
the collection of mods run by the notion-enhancer
|
||||
|
||||
[read the docs online](https://notion-enhancer.github.io/getting-started/features)
|
||||
BIN
src/mods/always-on-top/always-on-top.jpg
Normal file
BIN
src/mods/always-on-top/always-on-top.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.7 KiB |
47
src/mods/always-on-top/button.css
Normal file
47
src/mods/always-on-top/button.css
Normal file
@ -0,0 +1,47 @@
|
||||
/**
|
||||
* notion-enhancer: integrated titlebar
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
.always_on_top--button {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.sidebar > .always_on_top--button {
|
||||
margin: 0 0 0.75rem auto;
|
||||
}
|
||||
|
||||
.always_on_top--button button {
|
||||
user-select: none;
|
||||
transition: background 20ms ease-in 0s;
|
||||
cursor: pointer;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-shrink: 0;
|
||||
border-radius: 3px;
|
||||
height: 28px;
|
||||
width: 33px;
|
||||
padding: 0 0.25px 0 0;
|
||||
|
||||
margin-left: 2px;
|
||||
border: none;
|
||||
background: transparent;
|
||||
font-size: 18px;
|
||||
}
|
||||
.always_on_top--button button svg {
|
||||
display: block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
fill: var(--theme--icon);
|
||||
color: var(--theme--icon);
|
||||
}
|
||||
|
||||
.always_on_top--button button:focus,
|
||||
.always_on_top--button button:hover {
|
||||
background: var(--theme--ui_interactive-hover);
|
||||
}
|
||||
.always_on_top--button button:active {
|
||||
background: var(--theme--ui_interactive-active);
|
||||
}
|
||||
45
src/mods/always-on-top/button.mjs
Normal file
45
src/mods/always-on-top/button.mjs
Normal file
@ -0,0 +1,45 @@
|
||||
/**
|
||||
* notion-enhancer: always on top
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
export const createButton = async ({ electron, web, components }, db) => {
|
||||
let pinIcon =
|
||||
(await db.get(['pin_icon'])) ||
|
||||
`<svg viewBox="0 0 20 20" fill="currentColor">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.5036 1.13488C14.3765 0.925602 14.2483 0.707495 14.1174 0.479601L14.9536 0C15.6901 1.28291 16.3103 2.18846 17.0583 2.94838C17.8041 3.70619 18.6966 4.33897 20 5.04819L19.5391 5.89451C19.3035 5.76631 19.0792 5.63964 18.865 5.5134L15.0521 9.80084C15.4553 11.0798 15.495 12.4878 15.0464 13.8871C14.727 14.8833 14.1631 15.8645 13.3206 16.7832C13.1407 16.9793 12.8358 16.9926 12.6396 16.8128C12.6328 16.8065 12.6262 16.8001 12.6198 16.7936C12.6184 16.7923 12.6171 16.7909 12.6158 16.7896L12.6157 16.7896L8.83994 13.0156L0.819221 19.8752C0.357424 20.2701 -0.27004 19.6423 0.124825 19.1811L6.98768 11.1642L3.21189 7.39021L3.21188 7.39019C3.21074 7.38905 3.2096 7.38791 3.20847 7.38676C3.19722 7.37583 3.18639 7.36425 3.17604 7.35202C3.00408 7.1489 3.02943 6.84489 3.23266 6.67301C3.87295 6.13148 4.53111 5.70968 5.19581 5.39767C6.91511 4.59063 8.64205 4.5275 10.1724 4.98295L14.5036 1.13488ZM15.0286 1.95762L11.1853 5.37229C12.6878 6.08669 13.9221 7.31677 14.6512 8.80124L16.2331 7.02243L14.6084 5.39847C14.4202 5.21031 14.4202 4.90525 14.6084 4.7171C14.7967 4.52895 15.1019 4.52895 15.2901 4.7171L16.8747 6.30098L18.0377 4.99329C17.4012 4.56407 16.861 4.12205 16.371 3.62414C15.8839 3.12926 15.4531 2.58595 15.0286 1.95762ZM4.26612 7.08121L7.97786 10.7912C7.97786 10.7912 7.97787 10.7912 7.97788 10.7912C8.15977 10.973 8.171 11.264 8.00385 11.4593L8.00384 11.4593L4.79816 15.204L8.54467 11.9999C8.54468 11.9999 8.54468 11.9999 8.54468 11.9999C8.74012 11.8328 9.03128 11.8441 9.21312 12.0258L12.9392 15.7502C13.5101 15.0445 13.8964 14.3165 14.1283 13.5931C15.6562 8.82761 10.5772 3.93621 5.60561 6.26987C5.15973 6.47917 4.71155 6.74739 4.26612 7.08121ZM0.193019 19.1425C0.19283 19.1427 0.192641 19.1428 0.192451 19.143L0.499031 19.5011L0.491164 19.4944L0.499031 19.5011L0.505838 19.5091L0.499032 19.5011L0.857328 19.8076C0.85747 19.8074 0.857613 19.8072 0.857755 19.8071L0.857333 19.8076L0.499031 19.5011L0.192456 19.143L0.193019 19.1425ZM0.499031 19.5011H0.499031L0.499031 19.5011H0.499032L0.499031 19.5011Z"/>
|
||||
</svg>`,
|
||||
unpinIcon =
|
||||
(await db.get(['unpin_icon'])) ||
|
||||
`<svg viewBox="0 0 20 20" fill="currentColor">
|
||||
<path d="M14.5036 1.13488C14.3765 0.925602 14.2483 0.707495 14.1174 0.479601L14.9536 0C15.6901 1.28291 16.3103 2.18846 17.0583 2.94839C17.8041 3.70619 18.6966 4.33897 20 5.04819L19.5391 5.89451C19.3035 5.76631 19.0792 5.63965 18.865 5.5134L15.0521 9.80084C15.4553 11.0798 15.495 12.4878 15.0464 13.8871C14.727 14.8833 14.1631 15.8645 13.3206 16.7832C13.1407 16.9793 12.8358 16.9926 12.6396 16.8128C12.6328 16.8065 12.6262 16.8001 12.6198 16.7936L12.6158 16.7896L8.83994 13.0156L0.819221 19.8752C0.357424 20.2701 -0.27004 19.6423 0.124825 19.1811L6.98768 11.1642L3.21189 7.39021L3.20847 7.38676C3.19722 7.37583 3.18639 7.36425 3.17604 7.35203C3.00408 7.1489 3.02943 6.84489 3.23266 6.67301C3.87295 6.13148 4.53111 5.70968 5.19581 5.39767C6.91511 4.59063 8.64205 4.5275 10.1724 4.98295L14.5036 1.13488Z"/>
|
||||
</svg>`;
|
||||
pinIcon = pinIcon.trim();
|
||||
unpinIcon = unpinIcon.trim();
|
||||
|
||||
pinIcon =
|
||||
pinIcon.startsWith('<svg') && pinIcon.endsWith('</svg>') ? pinIcon : web.escape(pinIcon);
|
||||
unpinIcon =
|
||||
unpinIcon.startsWith('<svg') && unpinIcon.endsWith('</svg>')
|
||||
? unpinIcon
|
||||
: web.escape(unpinIcon);
|
||||
|
||||
const $button = web.html`<div class="always_on_top--button"></div>`,
|
||||
$pin = web.html`<button id="always_on_top--pin">${pinIcon}</button>`,
|
||||
$unpin = web.html`<button id="always_on_top--unpin">${unpinIcon}</button>`;
|
||||
components.addTooltip($pin, '**Pin window to top**');
|
||||
components.addTooltip($unpin, '**Unpin window from top**');
|
||||
web.render($button, $pin);
|
||||
|
||||
$pin.addEventListener('click', () => {
|
||||
$pin.replaceWith($unpin);
|
||||
electron.browser.setAlwaysOnTop(true);
|
||||
});
|
||||
$unpin.addEventListener('click', () => {
|
||||
$unpin.replaceWith($pin);
|
||||
electron.browser.setAlwaysOnTop(false);
|
||||
});
|
||||
|
||||
return $button;
|
||||
};
|
||||
17
src/mods/always-on-top/client.mjs
Normal file
17
src/mods/always-on-top/client.mjs
Normal file
@ -0,0 +1,17 @@
|
||||
/**
|
||||
* notion-enhancer: always on top
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
import { createButton } from './button.mjs';
|
||||
|
||||
export default async function (api, db) {
|
||||
const { web } = api,
|
||||
topbarActionsSelector = '.notion-topbar-action-buttons';
|
||||
|
||||
await web.whenReady([topbarActionsSelector]);
|
||||
const $topbarActions = document.querySelector(topbarActionsSelector),
|
||||
$button = await createButton(api, db);
|
||||
$topbarActions.after($button);
|
||||
}
|
||||
20
src/mods/always-on-top/menu.mjs
Normal file
20
src/mods/always-on-top/menu.mjs
Normal file
@ -0,0 +1,20 @@
|
||||
/**
|
||||
* notion-enhancer: always on top
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
import { createButton } from './button.mjs';
|
||||
|
||||
export default async function (api, db) {
|
||||
const { web } = api,
|
||||
sidebarSelector = '.sidebar',
|
||||
windowButtonsSelector = '.integrated_titlebar--buttons';
|
||||
|
||||
await web.whenReady([sidebarSelector]);
|
||||
await new Promise(requestAnimationFrame);
|
||||
const $sidebar = document.querySelector(sidebarSelector),
|
||||
$windowButtons = document.querySelector(windowButtonsSelector),
|
||||
$button = await createButton(api, db);
|
||||
($windowButtons || $sidebar).prepend($button);
|
||||
}
|
||||
41
src/mods/always-on-top/mod.json
Normal file
41
src/mods/always-on-top/mod.json
Normal file
@ -0,0 +1,41 @@
|
||||
{
|
||||
"name": "always on top",
|
||||
"id": "be2d75f5-48f5-4ece-98bd-772244e559f3",
|
||||
"environments": ["linux", "win32", "darwin"],
|
||||
"version": "0.2.0",
|
||||
"description": "adds a button that can be used to pin the notion window on top of all other windows at all times.",
|
||||
"preview": "always-on-top.jpg",
|
||||
"tags": ["extension", "app"],
|
||||
"authors": [
|
||||
{
|
||||
"name": "dragonwocky",
|
||||
"email": "thedragonring.bod@gmail.com",
|
||||
"homepage": "https://dragonwocky.me/",
|
||||
"avatar": "https://dragonwocky.me/avatar.jpg"
|
||||
}
|
||||
],
|
||||
"css": {
|
||||
"client": ["button.css"],
|
||||
"menu": ["button.css"]
|
||||
},
|
||||
"js": {
|
||||
"client": ["client.mjs"],
|
||||
"menu": ["menu.mjs"]
|
||||
},
|
||||
"options": [
|
||||
{
|
||||
"type": "text",
|
||||
"key": "pin_icon",
|
||||
"label": "pin window icon",
|
||||
"tooltip": "**may be an svg string or any unicode symbol e.g. an emoji** (the default icon will be used if this field is left empty)",
|
||||
"value": ""
|
||||
},
|
||||
{
|
||||
"type": "text",
|
||||
"key": "unpin_icon",
|
||||
"label": "unpin window icon",
|
||||
"tooltip": "**may be an svg string or any unicode symbol e.g. an emoji** (the default icon will be used if this field is left empty)",
|
||||
"value": ""
|
||||
}
|
||||
]
|
||||
}
|
||||
9
src/mods/bypass-preview/client.css
Normal file
9
src/mods/bypass-preview/client.css
Normal file
@ -0,0 +1,9 @@
|
||||
/**
|
||||
* notion-enhancer: bypass preview
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
.notion-peek-renderer {
|
||||
display: none;
|
||||
}
|
||||
37
src/mods/bypass-preview/client.mjs
Normal file
37
src/mods/bypass-preview/client.mjs
Normal file
@ -0,0 +1,37 @@
|
||||
/**
|
||||
* notion-enhancer: bypass preview
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
"use strict";
|
||||
|
||||
export default function ({ web, notion }, db) {
|
||||
let _openPage = {};
|
||||
|
||||
const getCurrentPage = () => ({
|
||||
type: web.queryParams().get("p") ? "preview" : "page",
|
||||
id: notion.getPageID(),
|
||||
});
|
||||
|
||||
const interceptPreview = () => {
|
||||
const currentPage = getCurrentPage();
|
||||
if (
|
||||
currentPage.id !== _openPage.id ||
|
||||
currentPage.type !== _openPage.type
|
||||
) {
|
||||
const $openAsPage = document.querySelector(
|
||||
".notion-peek-renderer a > div"
|
||||
);
|
||||
|
||||
if ($openAsPage) {
|
||||
if (currentPage.id === _openPage.id && currentPage.type === "preview") {
|
||||
history.back();
|
||||
} else $openAsPage.click();
|
||||
}
|
||||
|
||||
_openPage = getCurrentPage();
|
||||
}
|
||||
};
|
||||
web.addDocumentObserver(interceptPreview, [".notion-peek-renderer"]);
|
||||
}
|
||||
22
src/mods/bypass-preview/mod.json
Normal file
22
src/mods/bypass-preview/mod.json
Normal file
@ -0,0 +1,22 @@
|
||||
{
|
||||
"name": "bypass preview",
|
||||
"id": "cb6fd684-f113-4a7a-9423-8f0f0cff069f",
|
||||
"version": "0.2.0",
|
||||
"description": "go straight to the normal full view when opening a page.",
|
||||
"tags": ["extension", "automation"],
|
||||
"authors": [
|
||||
{
|
||||
"name": "dragonwocky",
|
||||
"email": "thedragonring.bod@gmail.com",
|
||||
"homepage": "https://dragonwocky.me/",
|
||||
"avatar": "https://dragonwocky.me/avatar.jpg"
|
||||
}
|
||||
],
|
||||
"js": {
|
||||
"client": ["client.mjs"]
|
||||
},
|
||||
"css": {
|
||||
"client": ["client.css"]
|
||||
},
|
||||
"options": []
|
||||
}
|
||||
BIN
src/mods/calendar-scroll/calendar-scroll.png
Normal file
BIN
src/mods/calendar-scroll/calendar-scroll.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
25
src/mods/calendar-scroll/client.css
Normal file
25
src/mods/calendar-scroll/client.css
Normal file
@ -0,0 +1,25 @@
|
||||
/**
|
||||
* notion-enhancer: calendar scroll
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
#enhancer--calendar-scroll {
|
||||
background: var(--theme--ui_interactive-hover);
|
||||
border: 1px solid transparent;
|
||||
font-size: 14px;
|
||||
color: var(--theme--text);
|
||||
height: 24px;
|
||||
border-radius: 3px;
|
||||
line-height: 1.2;
|
||||
padding: 0 0.5em;
|
||||
margin-right: 5px;
|
||||
}
|
||||
#enhancer--calendar-scroll:focus,
|
||||
#enhancer--calendar-scroll:hover {
|
||||
background: transparent;
|
||||
border: 1px solid var(--theme--ui_interactive-hover);
|
||||
}
|
||||
#enhancer--calendar-scroll:active {
|
||||
background: var(--theme--ui_interactive-active);
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user