ianhitchman/tiptap
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat: update lowlight to v2

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

4
docs/src/demos/Examples/CodeBlockLanguage/index.vue
View File

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

4
docs/src/demos/Nodes/CodeBlockLowlight/index.vue
View File

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

3
packages/extension-code-block-lowlight/package.json
View File

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

2
packages/extension-code-block-lowlight/src/code-block-lowlight.ts
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 CodeBlock, { CodeBlockOptions } from '@tiptap/extension-code-block'
import { LowlightPlugin } from './lowlight-plugin' import { LowlightPlugin } from './lowlight-plugin'

4
packages/extension-code-block-lowlight/src/lowlight-plugin.ts
View File

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