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

Update mod.js (#276)

Browse Source
This commit is contained in:
Ryo Hilmawan 2020-11-19 18:44:51 +07:00 committed by GitHub
parent e2d088d312
commit 14e6712037
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 25 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
mods/code-line-numbers/mod.js
View File

@ -60,13 +60,13 @@ module.exports = {
codeBlocks.forEach(block => { codeBlocks.forEach(block => {
number(block); number(block);
resizeObserver.observe(block); resizeObserver.observe(block);
}) });
} }
} }
} }
function number(block) { function number(block) {
let codeLineNumbers = '' let codeLineNumbers = '';
let numbers = block.querySelector('#code-line-numbers'); let numbers = block.querySelector('#code-line-numbers');
if (!numbers) { if (!numbers) {
@ -79,38 +79,41 @@ module.exports = {
numbers.style.bottom = blockStyle.paddingBottom; numbers.style.bottom = blockStyle.paddingBottom;
block.append(numbers); block.append(numbers);
const temp = createElement('<span>A</span>');
block.firstChild.append(temp);
block.lineHeight = temp.getBoundingClientRect().height;
temp.remove();
} }
const temp = createElement('<div>A</div>'); const lines = block.firstChild.innerText.split(/\r\n|\r|\n/);
block.children[0].append(temp); if (lines[lines.length - 1] === '') lines.pop();
const lineWidth = temp.getBoundingClientRect().width;
temp.style.display = 'inline';
const charWidth = temp.getBoundingClientRect().width;
temp.remove();
let codeString = ''
let lineCounter = 0; let lineCounter = 0;
const wordWrap = block.firstChild.style.wordBreak === 'break-all';
const codeSpans = block.firstChild.querySelectorAll('span'); for (let i = 0; i < lines.length; i++) {
codeSpans.forEach(s => codeString += s.innerText)
const lines = codeString.split(/\r\n|\r|\n/);
for (let i = 0; i < lines.length - 1; i++) {
lineCounter++; lineCounter++;
codeLineNumbers += `${lineCounter}\n`; codeLineNumbers += `${lineCounter}\n`;
console.log(lines[i])
const lineWrap = (lines[i].length * charWidth) / lineWidth; if (wordWrap) {
for (let j = 1; j < Math.ceil(lineWrap); j++) const temp = document.createElement('span');
codeLineNumbers += '\n'; temp.innerText = lines[i];
block.firstChild.append(temp);
const lineHeight = temp.getBoundingClientRect().height;
temp.remove();
for (let j = 1; j < (lineHeight / block.lineHeight - 1); j++)
codeLineNumbers += '\n';
}
} }
console.log(codeLineNumbers.length)
if (store().single_lined || codeLineNumbers.length > 2) { if (store().single_lined || codeLineNumbers.length > 2) {
block.children[0].classList.add('code-numbered'); block.firstChild.classList.add('code-numbered');
numbers.innerText = codeLineNumbers; numbers.innerText = codeLineNumbers;
} else { } else {
block.children[0].classList.remove('code-numbered'); block.firstChild.classList.remove('code-numbered');
numbers.innerText = '' numbers.innerText = '';
} }
} }
}); });