.github/workflows/ci.yml

@@ -51,6 +51,20 @@ jobs:
       - name: Test
         run: pnpm run test
 
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: ./.github/actions/setup
+
+      - name: Build
+        run: pnpm run build
+
+      - name: Publish snapshot packages
+        if: ${{ github.event_name == 'pull_request' }}
+        run: ./node_modules/.bin/pkg-pr-new publish --pnpm
+
   deploy:
     runs-on: ubuntu-latest
     permissions:

CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## [0.13.0](https://github.com/ocavue/prosemirror-highlight/compare/v0.12.2...v0.13.0) (2025-03-14)
+
+
+### Features
+
+* support shiki v3 and shiki-codegen ([#80](https://github.com/ocavue/prosemirror-highlight/issues/80)) ([5690b56](https://github.com/ocavue/prosemirror-highlight/commit/5690b566ec7a2b7291ea6b03e7392d5de01f2d39))
+* update refractor to v5 ([#88](https://github.com/ocavue/prosemirror-highlight/issues/88)) ([8b51bc2](https://github.com/ocavue/prosemirror-highlight/commit/8b51bc262ce1195b9f6ab016a8192acf51bd3839))
+
 ## [0.12.2](https://github.com/ocavue/prosemirror-highlight/compare/v0.12.1...v0.12.2) (2025-02-06)
 
 

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

@@ -1,8 +1,8 @@
 {
   "name": "prosemirror-highlight",
   "type": "module",
-  "version": "0.12.2",
-  "packageManager": "pnpm@9.15.4",
+  "version": "0.13.0",
+  "packageManager": "pnpm@9.15.9",
   "description": "A ProseMirror plugin to highlight code blocks",
   "author": "ocavue <ocavue@gmail.com>",
   "license": "MIT",
@@ -58,15 +58,15 @@
     "typecheck": "tsc --noEmit"
   },
   "peerDependencies": {
+    "@shikijs/types": "^1.29.2 || ^2.0.0 || ^3.0.0",
     "@types/hast": "^3.0.0",
     "highlight.js": "^11.9.0",
     "lowlight": "^3.1.0",
     "prosemirror-model": "^1.19.3",
     "prosemirror-state": "^1.4.3",
     "prosemirror-transform": "^1.8.0",
     "prosemirror-view": "^1.32.4",
-    "refractor": "^4.8.1",
-    "shiki": "^1.9.0 || ^2.0.0",
+    "refractor": "^5.0.0",
     "sugar-high": "^0.6.1 || ^0.7.0 || ^0.8.0 || ^0.9.0"
   },
   "peerDependenciesMeta": {
@@ -94,36 +94,37 @@
     "refractor": {
       "optional": true
     },
-    "shiki": {
+    "@shikijs/types": {
       "optional": true
     },
     "sugar-high": {
       "optional": true
     }
   },
   "devDependencies": {
-    "@antfu/ni": "^0.23.2",
-    "@ocavue/eslint-config": "^2.12.2",
+    "@antfu/ni": "^23.3.1",
+    "@ocavue/eslint-config": "^2.12.5",
     "@types/hast": "^3.0.4",
     "@types/node": "^20.17.5",
-    "eslint": "^9.17.0",
+    "eslint": "^9.19.0",
     "highlight.js": "^11.11.1",
     "jsdom": "^25.0.1",
     "lowlight": "^3.3.0",
-    "prettier": "^3.4.2",
+    "pkg-pr-new": "^0.0.41",
+    "prettier": "^3.5.2",
     "prosemirror-example-setup": "^1.2.3",
     "prosemirror-model": "^1.24.1",
     "prosemirror-schema-basic": "^1.2.3",
     "prosemirror-state": "^1.4.3",
     "prosemirror-transform": "^1.10.2",
-    "prosemirror-view": "^1.37.2",
-    "refractor": "^4.8.1",
-    "shiki": "^2.1.0",
-    "sugar-high": "^0.9.2",
-    "tsup": "^8.3.5",
-    "typescript": "^5.7.2",
-    "vite": "^6.0.11",
-    "vitest": "^2.1.8"
+    "prosemirror-view": "^1.38.0",
+    "refractor": "^5.0.0",
+    "shiki": "^3.2.1",
+    "sugar-high": "^0.9.3",
+    "tsup": "^8.4.0",
+    "typescript": "^5.7.3",
+    "vite": "^6.2.0",
+    "vitest": "^3.0.5"
   },
   "publishConfig": {
     "main": "./dist/index.js",

playground/index.html

@@ -62,9 +62,11 @@
       body .ProseMirror pre code {
         --background: #f8f8f8;
         color: var(--prosemirror-highlight, inherit);
-        background-color: var(--prosemirror-highlight-bg, var(--background, inherit));
+        background-color: var(
+          --prosemirror-highlight-bg,
+          var(--background, inherit)
+        );
       }
-
     </style>
   </head>
 

playground/lowlight.ts

@@ -1,6 +1,7 @@
 import 'highlight.js/styles/default.css'
 
 import { common, createLowlight } from 'lowlight'
+
 import { createHighlightPlugin } from 'prosemirror-highlight'
 import { createParser } from 'prosemirror-highlight/lowlight'
 

playground/refractor.ts

@@ -1,6 +1,7 @@
+import { refractor } from 'refractor/all'
+
 import { createHighlightPlugin } from 'prosemirror-highlight'
 import { createParser } from 'prosemirror-highlight/refractor'
-import { refractor } from 'refractor/lib/all'
 
 const parser = createParser(refractor)
 export const refractorPlugin = createHighlightPlugin({ parser })

playground/shiki.ts

@@ -1,6 +1,7 @@
+import { getSingletonHighlighter } from 'shiki'
+
 import { createHighlightPlugin } from 'prosemirror-highlight'
 import { createParser } from 'prosemirror-highlight/shiki'
-import { getSingletonHighlighter } from 'shiki'
 
 const highlighter = await getSingletonHighlighter({
   themes: ['github-light'],