-
Notifications
You must be signed in to change notification settings - Fork 0
/
notion-kroki.user.js
114 lines (112 loc) · 4.38 KB
/
notion-kroki.user.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
// ==UserScript==
// @name notion-kroki
// @namespace https://github.com/zuisong/notion-kroki
// @homepage https://github.com/zuisong/notion-kroki
// @homepageURL https://github.com/zuisong/notion-kroki
// @source https://github.com/zuisong/notion-kroki
// @contributionURL https://github.com/zuisong/notion-kroki
// @grant none
// @version 1.3.0
// @license MIT
// @match *:https://www.notion.so/*
// @match *:https://*.notion.site/*
// @match *:https://*.super.site/*
// @supportURL https://github.com/zuisong/notion-kroki/issues
// @require https://unpkg.com/[email protected]/umd/index.js
// @run-at document-idle
// @author zuisong
// @description Render notion code block as graph by kroki
// ==/UserScript==
function debounce(func, wait) {
let timeoutId;
return (...args)=>{
clearTimeout(timeoutId);
timeoutId = setTimeout(()=>{
timeoutId = undefined;
func(...args);
}, wait);
};
}
function _debug(...data) {
if (isDebugMode()) {
console.log(...data);
}
}
function isDebugMode() {
return !!localStorage.getItem("debug");
}
const defaultConfig = {
serverPath: "https://kroki.io/"
};
function main(element = null) {
const blocks = Array.from((element || document.body).querySelectorAll("*")).filter((it)=>it.innerHTML.trim().startsWith("//kroki "));
for (const codeDiv of blocks){
var _codeDiv_textContent, _codeDiv_parentElement;
var _codeDiv_textContent_split;
const lines = (_codeDiv_textContent_split = (_codeDiv_textContent = codeDiv.textContent) === null || _codeDiv_textContent === void 0 ? void 0 : _codeDiv_textContent.split("\n")) !== null && _codeDiv_textContent_split !== void 0 ? _codeDiv_textContent_split : [];
const type = lines[0].replace("//kroki", "").trim();
if (!type.trim()) continue;
const data = lines.filter((_value, index)=>index !== 0).join("\n");
if (!data.trim()) continue;
const svgUrl = plant(data, type, defaultConfig);
const div = document.createElement("div");
div.setAttribute("style", "display: flex; flex-direction: row; place-content: center;");
div.setAttribute("notion-kroki", "true");
div.innerHTML = `<object type="image/svg+xml" style="max-width: 100%;" data="${svgUrl}" />`;
const parentElement = (_codeDiv_parentElement = codeDiv.parentElement) === null || _codeDiv_parentElement === void 0 ? void 0 : _codeDiv_parentElement.parentElement;
if (!parentElement) {
continue;
}
const preCreatedNode = parentElement.querySelector("div[notion-kroki]");
if (preCreatedNode) {
var _preCreatedNode_firstElementChild;
const preSvgUrl = (_preCreatedNode_firstElementChild = preCreatedNode.firstElementChild) === null || _preCreatedNode_firstElementChild === void 0 ? void 0 : _preCreatedNode_firstElementChild.getAttribute("data");
_debug(`preSvgUrl:${preSvgUrl}`);
_debug(`svgUrl:${svgUrl}`);
if (preSvgUrl === svgUrl) {
continue;
}
parentElement.removeChild(preCreatedNode);
}
parentElement.appendChild(div);
}
}
function textEncode(str) {
return new TextEncoder().encode(str);
}
function plant(content, type, config) {
_debug(`kroki render type: ${type}`);
_debug(`kroki render content:\n${content}`);
const urlPrefix = `${config.serverPath + type}/svg/`;
const data = textEncode(content);
const compressed = strFromU8(fflate.zlibSync(data, {
level: 9
}));
const result = btoa(compressed).replace(/\+/g, "-").replace(/\//g, "_");
const svgUrl = urlPrefix + result;
return svgUrl;
}
function init_listener() {
if (typeof MutationObserver !== typeof undefined) {
new MutationObserver(check).observe(document, {
childList: true,
subtree: true
});
}
}
const render = debounce(main, 100);
function check(mutations, _observer) {
// _debug("mutations", mutations);
render();
}
function strFromU8(dat) {
let r = "";
const s = 2 ** 15;
for(let i = 0; i < dat.length; i += s){
r += String.fromCharCode(...dat.subarray(i, i + s));
}
return r;
}
main();
init_listener();
//# sourceMappingURL=notion-kroki.user.js.map