feat: update lowlight to v2

This commit is contained in:
Philipp Kühn 2021-05-31 20:49:42 +02:00
parent 71221f54d1
commit 7e96d98a21
5 changed files with 8 additions and 9 deletions

View File

@ -17,10 +17,10 @@ import CodeBlockLowlight from '@tiptap/extension-code-block-lowlight'
import CodeBlockComponent from './CodeBlockComponent'
// load all highlight.js languages
import lowlight from 'lowlight'
import { lowlight } from 'lowlight'
// load specific languages only
// import lowlight from 'lowlight/lib/core'
// import { lowlight } from 'lowlight/lib/core'
// import javascript from 'highlight.js/lib/languages/javascript'
// lowlight.registerLanguage('javascript', javascript)

View File

@ -16,10 +16,10 @@ import Text from '@tiptap/extension-text'
import CodeBlockLowlight from '@tiptap/extension-code-block-lowlight'
// load all highlight.js languages
import lowlight from 'lowlight'
import { lowlight } from 'lowlight'
// load specific languages only
// import lowlight from 'lowlight/lib/core'
// import { lowlight } from 'lowlight/lib/core'
// import javascript from 'highlight.js/lib/languages/javascript'
// lowlight.registerLanguage('javascript', javascript)

View File

@ -25,8 +25,7 @@
},
"dependencies": {
"@tiptap/extension-code-block": "^2.0.0-beta.15",
"@types/lowlight": "^0.0.2",
"lowlight": "^1.20.0",
"lowlight": "^2.0.1",
"prosemirror-model": "^1.14.1",
"prosemirror-state": "^1.3.4",
"prosemirror-view": "^1.18.7"

View File

@ -1,4 +1,4 @@
import lowlight from 'lowlight/lib/core'
import { lowlight } from 'lowlight/lib/core'
import CodeBlock, { CodeBlockOptions } from '@tiptap/extension-code-block'
import { LowlightPlugin } from './lowlight-plugin'

View File

@ -34,8 +34,8 @@ function getDecorations({ doc, name, lowlight }: { doc: ProsemirrorNode, name: s
const { language } = block.node.attrs
const languages = lowlight.listLanguages()
const nodes = language && languages.includes(language)
? lowlight.highlight(language, block.node.textContent).value
: lowlight.highlightAuto(block.node.textContent).value
? lowlight.highlight(language, block.node.textContent).children
: lowlight.highlightAuto(block.node.textContent).children
parseNodes(nodes).forEach(node => {
const to = from + node.text.length