feat: update refractor to v5 (#88)

Author: ocavue

README.md

@@ -122,7 +122,7 @@ export const lowlightPlugin = createHighlightPlugin({ parser })
 <summary>Static loading of all languages</summary>
 
 ```ts
-import { refractor } from 'refractor/lib/all'
+import { refractor } from 'refractor/all'
 
 import { createHighlightPlugin } from 'prosemirror-highlight'
 import { createParser } from 'prosemirror-highlight/refractor'

package.json

@@ -66,7 +66,7 @@
     "prosemirror-state": "^1.4.3",
     "prosemirror-transform": "^1.8.0",
     "prosemirror-view": "^1.32.4",
-    "refractor": "^4.8.1",
+    "refractor": "^5.0.0",
     "sugar-high": "^0.6.1 || ^0.7.0 || ^0.8.0 || ^0.9.0"
   },
   "peerDependenciesMeta": {
@@ -118,7 +118,7 @@
     "prosemirror-state": "^1.4.3",
     "prosemirror-transform": "^1.10.2",
     "prosemirror-view": "^1.38.0",
-    "refractor": "^4.8.1",
+    "refractor": "^5.0.0",
     "shiki": "^3.2.1",
     "sugar-high": "^0.9.3",
     "tsup": "^8.4.0",

playground/refractor.ts

@@ -1,4 +1,4 @@
-import { refractor } from 'refractor/lib/all'
+import { refractor } from 'refractor/all'
 
 import { createHighlightPlugin } from 'prosemirror-highlight'
 import { createParser } from 'prosemirror-highlight/refractor'

pnpm-lock.yaml

@@ -1,6 +1,6 @@
 import type { Root } from 'hast'
 import type { Decoration } from 'prosemirror-view'
-import type { Refractor } from 'refractor/lib/core'
+import type { Refractor } from 'refractor/core'
 
 import { fillFromRoot } from './hast'
 import type { Parser } from './types'
@@ -9,15 +9,12 @@ export type { Parser }
 
 export function createParser(refractor: Refractor): Parser {
   return function highlighter({ content, language, pos }) {
-    const root = refractor.highlight(content, language || '')
+    const root: Root = refractor.highlight(content, language || '')
 
     const decorations: Decoration[] = []
     const from = pos + 1
 
-    // @ts-expect-error: the return value of `highlight` is not exactly a `hast.Root`
-    const hastRoot: Root = root
-
-    fillFromRoot(decorations, hastRoot, from)
+    fillFromRoot(decorations, root, from)
     return decorations
   }
 }

src/refractor.ts

@@ -51,7 +51,7 @@ describe('createHighlightPlugin', () => {
 
   it('can highlight code blocks with refractor', async () => {
     const { createParser } = await import('../src/refractor')
-    const { refractor } = await import('refractor/lib/all')
+    const { refractor } = await import('refractor/all')
 
     const parser = createParser(refractor)
     const plugin = createHighlightPlugin({ parser })