d0zingcat/NotionNext
1
0
Fork 0
mirror of https://github.com/d0zingcat/NotionNext.git synced 2026-06-03 23:16:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #445 from tangly1024/feature/mermaid

Browse Source 
Feature/mermaid
This commit is contained in:
tangly1024
2022-11-13 18:31:16 +08:00
committed by GitHub
parent 348812684d cd8ffa759a
commit abb0ace04a
2 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
components/NotionPage.js
View File

@@ -41,6 +41,7 @@ import 'prismjs/components/prism-swift.js'
import 'prismjs/components/prism-wasm.js' import 'prismjs/components/prism-wasm.js'
import 'prismjs/components/prism-yaml.js' import 'prismjs/components/prism-yaml.js'
import 'prismjs/components/prism-r.js' import 'prismjs/components/prism-r.js'
import mermaid from 'mermaid'
const Collection = dynamic(() => const Collection = dynamic(() =>
import('react-notion-x/build/third-party/collection').then((m) => m.Collection), { ssr: true } import('react-notion-x/build/third-party/collection').then((m) => m.Collection), { ssr: true }
@@ -65,10 +66,18 @@ const NotionPage = ({ post }) => {
const zoomRef = React.useRef(zoom ? zoom.clone() : null) const zoomRef = React.useRef(zoom ? zoom.clone() : null)
React.useEffect(() => { React.useEffect(() => {
// 支持 Mermaid
const mermaids = document.querySelectorAll('.notion-code .language-mermaid')
for (const e of mermaids) {
const chart = e.innerText
e.parentElement.parentElement.innerHTML = `<div class="mermaid">${chart}</div>`
mermaid.contentLoaded()
}
setTimeout(() => { setTimeout(() => {
if (window.location.hash) { if (window.location.hash) {
const tocNode = document.getElementById(window.location.hash.substring(1)) const tocNode = document.getElementById(window.location.hash.substring(1))
if (tocNode && tocNode.className.indexOf('notion') > -1) { if (tocNode && tocNode?.className?.indexOf('notion') > -1) {
tocNode.scrollIntoView({ block: 'start', behavior: 'smooth' }) tocNode.scrollIntoView({ block: 'start', behavior: 'smooth' })
} }
} }
@@ -139,7 +148,7 @@ function addWatch4Dom(element) {
case 'childList': case 'childList':
if (mutation.target.className === 'notion-code-copy') { if (mutation.target.className === 'notion-code-copy') {
fixCopy(mutation.target) fixCopy(mutation.target)
} else if (mutation.target.className?.indexOf('language-') > -1) { } else if (mutation.target.className && typeof (mutation.target.className) === 'string' && mutation?.target?.className?.indexOf('language-') > -1) {
const copyCode = mutation.target.parentElement?.firstElementChild const copyCode = mutation.target.parentElement?.firstElementChild
if (copyCode) { if (copyCode) {
fixCopy(copyCode) fixCopy(copyCode)

1
package.json
View File

@@ -33,6 +33,7 @@
"lodash.throttle": "^4.1.1", "lodash.throttle": "^4.1.1",
"memory-cache": "^0.2.0", "memory-cache": "^0.2.0",
"mongodb": "^4.6.0", "mongodb": "^4.6.0",
"mermaid": "9.2.2",
"next": "12.1.6", "next": "12.1.6",
"notion-client": "6.15.6", "notion-client": "6.15.6",
"notion-utils": "6.15.6", "notion-utils": "6.15.6",