prosemirror-highlight 0.8.0 → 0.11.0

package/dist/index.d.ts

@@ -67,7 +67,7 @@ declare function createHighlightPlugin({ parser, nodeTypes, languageExtractor, }
     /**
      * An array containing all the node type name to target for highlighting.
      *
-     * @default ['code_block']
+     * @default ['code_block', 'codeBlock']
      */
     nodeTypes?: string[];
     /**

package/dist/index.js

@@ -1,7 +1,4 @@
 // src/cache.ts
-import "prosemirror-model";
-import "prosemirror-state";
-import "prosemirror-view";
 var DecorationCache = class _DecorationCache {
   constructor(cache) {
     this.cache = new Map(cache);
@@ -75,12 +72,11 @@ var DecorationCache = class _DecorationCache {
 };
 
 // src/plugin.ts
-import "prosemirror-model";
 import { Plugin, PluginKey } from "prosemirror-state";
 import { DecorationSet } from "prosemirror-view";
 function createHighlightPlugin({
   parser,
-  nodeTypes = ["code_block"],
+  nodeTypes = ["code_block", "codeBlock"],
   languageExtractor = (node) => node.attrs.language
 }) {
   const key = new PluginKey();

package/dist/lowlight.js

@@ -3,7 +3,6 @@ import {
 } from "./chunk-ZZGBRRBM.js";
 
 // src/lowlight.ts
-import "prosemirror-view";
 function createParser(lowlight) {
   return function highlighter({ content, language, pos }) {
     const root = language ? lowlight.highlight(language, content) : lowlight.highlightAuto(content);

package/dist/refractor.js

@@ -3,7 +3,6 @@ import {
 } from "./chunk-ZZGBRRBM.js";
 
 // src/refractor.ts
-import "prosemirror-view";
 function createParser(refractor) {
   return function highlighter({ content, language, pos }) {
     const root = refractor.highlight(content, language || "");

package/dist/shiki.d.ts

@@ -1,10 +1,8 @@
-import { Highlighter, BundledTheme } from 'shiki';
+import { Highlighter, CodeToTokensOptions, BundledLanguage, BundledTheme } from 'shiki';
 import { P as Parser } from './types-D9kxOI8-.js';
 import 'prosemirror-model';
 import 'prosemirror-view';
 
-declare function createParser(highlighter: Highlighter, options?: {
-    theme?: BundledTheme;
-}): Parser;
+declare function createParser(highlighter: Highlighter, options?: CodeToTokensOptions<BundledLanguage, BundledTheme>): Parser;
 
 export { Parser, createParser };

package/dist/shiki.js

@@ -1,18 +1,27 @@
 // src/shiki.ts
 import { Decoration } from "prosemirror-view";
+import "shiki";
 function createParser(highlighter, options) {
   return function parser({ content, language, pos }) {
+    var _a;
     const decorations = [];
-    const tokens = highlighter.codeToTokensBase(content, {
+    const { tokens } = highlighter.codeToTokens(content, {
       lang: language,
-      theme: options == null ? void 0 : options.theme
+      // Use provided options for themes or just use first loaded theme
+      ...options != null ? options : {
+        theme: highlighter.getLoadedThemes()[0]
+      }
     });
     let from = pos + 1;
     for (const line of tokens) {
       for (const token of line) {
         const to = from + token.content.length;
         const decoration = Decoration.inline(from, to, {
-          style: `color: ${token.color}`
+          // When using `options.themes` the `htmlStyle` field will be set, otherwise `color` will be set
+          style: stringifyTokenStyle(
+            (_a = token.htmlStyle) != null ? _a : `color: ${token.color}`
+          ),
+          class: "shiki"
         });
         decorations.push(decoration);
         from = to;
@@ -22,6 +31,10 @@ function createParser(highlighter, options) {
     return decorations;
   };
 }
+function stringifyTokenStyle(token) {
+  if (typeof token === "string") return token;
+  return Object.entries(token).map(([key, value]) => `${key}:${value}`).join(";");
+}
 export {
   createParser
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "prosemirror-highlight",
   "type": "module",
-  "version": "0.8.0",
+  "version": "0.11.0",
   "description": "A ProseMirror plugin to highlight code blocks",
   "author": "ocavue <ocavue@gmail.com>",
   "license": "MIT",
@@ -95,28 +95,28 @@
     }
   },
   "devDependencies": {
-    "@antfu/ni": "^0.21.12",
-    "@ocavue/eslint-config": "^1.6.0",
+    "@antfu/ni": "^0.23.1",
+    "@ocavue/eslint-config": "^2.11.1",
     "@types/hast": "^3.0.4",
-    "@types/node": "^20.14.7",
-    "eslint": "^8.57.0",
-    "highlight.js": "^11.9.0",
-    "jsdom": "^24.1.0",
-    "lowlight": "^3.1.0",
-    "prettier": "^3.3.2",
-    "prosemirror-example-setup": "^1.2.2",
-    "prosemirror-model": "^1.21.1",
-    "prosemirror-schema-basic": "^1.2.2",
+    "@types/node": "^20.17.5",
+    "eslint": "^9.14.0",
+    "highlight.js": "^11.10.0",
+    "jsdom": "^25.0.1",
+    "lowlight": "^3.2.0",
+    "prettier": "^3.4.1",
+    "prosemirror-example-setup": "^1.2.3",
+    "prosemirror-model": "^1.24.0",
+    "prosemirror-schema-basic": "^1.2.3",
     "prosemirror-state": "^1.4.3",
-    "prosemirror-transform": "^1.9.0",
-    "prosemirror-view": "^1.33.8",
+    "prosemirror-transform": "^1.10.2",
+    "prosemirror-view": "^1.37.0",
     "refractor": "^4.8.1",
-    "shiki": "^1.9.0",
-    "sugar-high": "^0.7.0",
-    "tsup": "^8.1.0",
-    "typescript": "^5.5.2",
-    "vite": "^5.3.1",
-    "vitest": "^1.6.0"
+    "shiki": "^1.24.0",
+    "sugar-high": "^0.7.5",
+    "tsup": "^8.3.5",
+    "typescript": "^5.6.3",
+    "vite": "^5.4.11",
+    "vitest": "^2.1.8"
   },
   "renovate": {
     "dependencyDashboard": true,