prosemirror-highlight 0.13.0 → 0.14.0

package/README.md

@@ -12,10 +12,9 @@ Highlight your [ProseMirror] code blocks with any syntax highlighter you like!
 <summary>Static loading of a fixed set of languages</summary>
 
 ```ts
-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'],
@@ -31,17 +30,42 @@ export const shikiPlugin = createHighlightPlugin({ parser })
 <summary>Dynamic loading of arbitrary languages</summary>
 
 ```ts
+import { createHighlightPlugin } from 'prosemirror-highlight'
+import { createParser, type Parser } from 'prosemirror-highlight/shiki'
+import type { Decoration } from 'prosemirror-view'
 import {
-  getSingletonHighlighter,
+  createHighlighter,
   type BuiltinLanguage,
   type Highlighter,
 } from 'shiki'
 
-import { createHighlightPlugin } from 'prosemirror-highlight'
-import { createParser, type Parser } from 'prosemirror-highlight/shiki'
-
 let highlighter: Highlighter | undefined
+let highlighterPromise: Promise<void> | undefined
 let parser: Parser | undefined
+const loadedLanguages = new Set<string>()
+
+function loadHighlighter(): Promise<void> {
+  if (!highlighterPromise) {
+    highlighterPromise = createHighlighter({
+      themes: ['github-light', 'github-dark', 'github-dark-dimmed'],
+      langs: [],
+    }).then((h) => {
+      highlighter = h
+    })
+  }
+  return highlighterPromise
+}
+
+async function loadLanguage(
+  highlighter: Highlighter,
+  language: string,
+): Promise<void> {
+  try {
+    return await highlighter.loadLanguage(language as BuiltinLanguage)
+  } finally {
+    loadedLanguages.add(language)
+  }
+}
 
 /**
  * Lazy load highlighter and highlighter languages.
@@ -50,23 +74,25 @@ let parser: Parser | undefined
  * promise that resolves when the highlighter or the language is loaded.
  * Otherwise, it returns an array of decorations.
  */
-const lazyParser: Parser = (options) => {
+const lazyParser: Parser = (options): Promise<void> | Decoration[] => {
   if (!highlighter) {
-    return getSingletonHighlighter({
-      themes: ['github-light'],
-      langs: [],
-    }).then((h) => {
-      highlighter = h
-    })
+    return loadHighlighter()
   }
 
-  const language = options.language as BuiltinLanguage
-  if (language && !highlighter.getLoadedLanguages().includes(language)) {
-    return highlighter.loadLanguage(language)
+  const language = options.language
+  if (language && !loadedLanguages.has(language)) {
+    return loadLanguage(highlighter, language)
   }
 
   if (!parser) {
-    parser = createParser(highlighter)
+    parser = createParser(highlighter, {
+      themes: {
+        light: 'github-light',
+        dark: 'github-dark',
+        dim: 'github-dark-dimmed',
+      },
+      defaultColor: 'dim',
+    })
   }
 
   return parser(options)
@@ -105,7 +131,6 @@ You can use these variables to set the background color and text color of the co
 import 'highlight.js/styles/default.css'
 
 import { common, createLowlight } from 'lowlight'
-
 import { createHighlightPlugin } from 'prosemirror-highlight'
 import { createParser } from 'prosemirror-highlight/lowlight'
 
@@ -122,10 +147,9 @@ export const lowlightPlugin = createHighlightPlugin({ parser })
 <summary>Static loading of all languages</summary>
 
 ```ts
-import { refractor } from 'refractor/all'
-
 import { createHighlightPlugin } from 'prosemirror-highlight'
 import { createParser } from 'prosemirror-highlight/refractor'
+import { refractor } from 'refractor/all'
 
 const parser = createParser(refractor)
 export const refractorPlugin = createHighlightPlugin({ parser })

package/dist/hast-Cn9tqyqN.js

@@ -0,0 +1,35 @@
+import { Decoration } from "prosemirror-view";
+
+//#region src/hast.ts
+function fillFromRoot(decorations, node, from) {
+	for (const child of node.children) from = fillFromRootContent(decorations, child, from);
+}
+function fillFromRootContent(decorations, node, from) {
+	if (node.type === "element") {
+		const to = from + getElementSize(node);
+		const { className, ...rest } = node.properties || {};
+		decorations.push(Decoration.inline(from, to, {
+			class: className ? Array.isArray(className) ? className.join(" ") : String(className) : void 0,
+			...rest,
+			nodeName: node.tagName
+		}));
+		return to;
+	} else if (node.type === "text") return from + node.value.length;
+	else return from;
+}
+function getElementSize(node) {
+	let size = 0;
+	for (const child of node.children) size += getElementContentSize(child);
+	return size;
+}
+function getElementContentSize(node) {
+	switch (node.type) {
+		case "element": return getElementSize(node);
+		case "text": return node.value.length;
+		default: return 0;
+	}
+}
+
+//#endregion
+export { fillFromRoot as t };
+//# sourceMappingURL=hast-Cn9tqyqN.js.map

package/dist/hast-Cn9tqyqN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hast-Cn9tqyqN.js","names":[],"sources":["../src/hast.ts"],"sourcesContent":["import type { Element, ElementContent, Root, RootContent } from 'hast'\nimport { Decoration } from 'prosemirror-view'\n\nexport function fillFromRoot(\n  decorations: Decoration[],\n  node: Root,\n  from: number,\n) {\n  for (const child of node.children) {\n    from = fillFromRootContent(decorations, child, from)\n  }\n}\n\nfunction fillFromRootContent(\n  decorations: Decoration[],\n  node: RootContent,\n  from: number,\n): number {\n  if (node.type === 'element') {\n    const to = from + getElementSize(node)\n    const { className, ...rest } = node.properties || {}\n    decorations.push(\n      Decoration.inline(from, to, {\n        class: className\n          ? Array.isArray(className)\n            ? className.join(' ')\n            : String(className)\n          : undefined,\n        ...rest,\n        nodeName: node.tagName,\n      }),\n    )\n    return to\n  } else if (node.type === 'text') {\n    return from + node.value.length\n  } else {\n    return from\n  }\n}\n\nfunction getElementSize(node: Element): number {\n  let size = 0\n\n  for (const child of node.children) {\n    size += getElementContentSize(child)\n  }\n\n  return size\n}\n\nfunction getElementContentSize(node: ElementContent): number {\n  switch (node.type) {\n    case 'element':\n      return getElementSize(node)\n    case 'text':\n      return node.value.length\n    default:\n      return 0\n  }\n}\n"],"mappings":";;;AAGA,SAAgB,aACd,aACA,MACA,MACA;AACA,MAAK,MAAM,SAAS,KAAK,SACvB,QAAO,oBAAoB,aAAa,OAAO,KAAK;;AAIxD,SAAS,oBACP,aACA,MACA,MACQ;AACR,KAAI,KAAK,SAAS,WAAW;EAC3B,MAAM,KAAK,OAAO,eAAe,KAAK;EACtC,MAAM,EAAE,WAAW,GAAG,SAAS,KAAK,cAAc,EAAE;AACpD,cAAY,KACV,WAAW,OAAO,MAAM,IAAI;GAC1B,OAAO,YACH,MAAM,QAAQ,UAAU,GACtB,UAAU,KAAK,IAAI,GACnB,OAAO,UAAU,GACnB;GACJ,GAAG;GACH,UAAU,KAAK;GAChB,CAAC,CACH;AACD,SAAO;YACE,KAAK,SAAS,OACvB,QAAO,OAAO,KAAK,MAAM;KAEzB,QAAO;;AAIX,SAAS,eAAe,MAAuB;CAC7C,IAAI,OAAO;AAEX,MAAK,MAAM,SAAS,KAAK,SACvB,SAAQ,sBAAsB,MAAM;AAGtC,QAAO;;AAGT,SAAS,sBAAsB,MAA8B;AAC3D,SAAQ,KAAK,MAAb;EACE,KAAK,UACH,QAAO,eAAe,KAAK;EAC7B,KAAK,OACH,QAAO,KAAK,MAAM;EACpB,QACE,QAAO"}

package/dist/index.d.ts

@@ -1,80 +1,87 @@
-import { Node } from 'prosemirror-model';
-import { Transaction, Plugin } from 'prosemirror-state';
-import { Decoration, DecorationSet } from 'prosemirror-view';
-import { P as Parser, L as LanguageExtractor } from './types-BIUZQh-P.js';
+import { n as Parser, t as LanguageExtractor } from "./types-DCbyVqHc.js";
+import { Plugin, Transaction } from "prosemirror-state";
+import { Decoration, DecorationSet } from "prosemirror-view";
+import { Node } from "prosemirror-model";
 
+//#region src/cache.d.ts
 /**
  * Represents a cache of doc positions to the node and decorations at that position
  */
 declare class DecorationCache {
-    private cache;
-    constructor(cache?: Map<number, [node: Node, decorations: Decoration[]]>);
-    /**
-     * Gets the cache entry at the given doc position, or null if it doesn't exist
-     * @param pos The doc position of the node you want the cache for
-     */
-    get(pos: number): [node: Node, decorations: Decoration[]] | undefined;
-    /**
-     * Sets the cache entry at the given position with the give node/decoration
-     * values
-     * @param pos The doc position of the node to set the cache for
-     * @param node The node to place in cache
-     * @param decorations The decorations to place in cache
-     */
-    set(pos: number, node: Node, decorations: Decoration[]): void;
-    /**
-     * Removes the value at the oldPos (if it exists) and sets the new position to
-     * the given values
-     * @param oldPos The old node position to overwrite
-     * @param newPos The new node position to set the cache for
-     * @param node The new node to place in cache
-     * @param decorations The new decorations to place in cache
-     */
-    private replace;
-    /**
-     * Removes the cache entry at the given position
-     * @param pos The doc position to remove from cache
-     */
-    remove(pos: number): void;
-    /**
-     * Invalidates the cache by removing all decoration entries on nodes that have
-     * changed, updating the positions of the nodes that haven't and removing all
-     * the entries that have been deleted; NOTE: this does not affect the current
-     * cache, but returns an entirely new one
-     * @param tr A transaction to map the current cache to
-     */
-    invalidate(tr: Transaction): DecorationCache;
+  private cache;
+  constructor(cache?: Map<number, [node: Node, decorations: Decoration[]]>);
+  /**
+   * Gets the cache entry at the given doc position, or null if it doesn't exist
+   * @param pos The doc position of the node you want the cache for
+   */
+  get(pos: number): [node: Node, decorations: Decoration[]] | undefined;
+  /**
+   * Sets the cache entry at the given position with the give node/decoration
+   * values
+   * @param pos The doc position of the node to set the cache for
+   * @param node The node to place in cache
+   * @param decorations The decorations to place in cache
+   */
+  set(pos: number, node: Node, decorations: Decoration[]): void;
+  /**
+   * Removes the value at the oldPos (if it exists) and sets the new position to
+   * the given values
+   * @param oldPos The old node position to overwrite
+   * @param newPos The new node position to set the cache for
+   * @param node The new node to place in cache
+   * @param decorations The new decorations to place in cache
+   */
+  private replace;
+  /**
+   * Removes the cache entry at the given position
+   * @param pos The doc position to remove from cache
+   */
+  remove(pos: number): void;
+  /**
+   * Invalidates the cache by removing all decoration entries on nodes that have
+   * changed, updating the positions of the nodes that haven't and removing all
+   * the entries that have been deleted; NOTE: this does not affect the current
+   * cache, but returns an entirely new one
+   * @param tr A transaction to map the current cache to
+   */
+  invalidate(tr: Transaction): DecorationCache;
 }
-
+//#endregion
+//#region src/plugin.d.ts
 /**
  * Describes the current state of the highlightPlugin
  */
 interface HighlightPluginState {
-    cache: DecorationCache;
-    decorations: DecorationSet;
-    promises: Promise<void>[];
+  cache: DecorationCache;
+  decorations: DecorationSet | undefined;
+  promises: Promise<void>[];
 }
 /**
  * Creates a plugin that highlights the contents of all nodes (via Decorations)
  * with a type passed in blockTypes
  */
-declare function createHighlightPlugin({ parser, nodeTypes, languageExtractor, }: {
-    /**
-     * A function that returns an array of decorations for the given node text
-     * content, language, and position.
-     */
-    parser: Parser;
-    /**
-     * An array containing all the node type name to target for highlighting.
-     *
-     * @default ['code_block', 'codeBlock']
-     */
-    nodeTypes?: string[];
-    /**
-     * A function that returns the language string to use when highlighting that
-     * node. By default, it returns `node.attrs.language`.
-     */
-    languageExtractor?: LanguageExtractor;
+declare function createHighlightPlugin({
+  parser,
+  nodeTypes,
+  languageExtractor
+}: {
+  /**
+   * A function that returns an array of decorations for the given node text
+   * content, language, and position.
+   */
+  parser: Parser;
+  /**
+   * An array containing all the node type name to target for highlighting.
+   *
+   * @default ['code_block', 'codeBlock']
+   */
+  nodeTypes?: string[];
+  /**
+   * A function that returns the language string to use when highlighting that
+   * node. By default, it returns `node.attrs.language`.
+   */
+  languageExtractor?: LanguageExtractor;
 }): Plugin<HighlightPluginState>;
-
-export { DecorationCache, type HighlightPluginState, LanguageExtractor, Parser, createHighlightPlugin };
+//#endregion
+export { DecorationCache, type HighlightPluginState, type LanguageExtractor, type Parser, createHighlightPlugin };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/cache.ts","../src/plugin.ts"],"mappings":";;;;;;;;;cAOa,eAAA;EAAA,QACH,KAAA;cAGN,KAAA,GAAQ,GAAA,UAAa,IAAA,EAAM,IAAA,EAAiB,WAAA,EAAa,UAAA;EAA9B;;;;EAS7B,GAAA,CAAI,GAAA,YAAW,IAAA,EAAA,IAAA,EAAA,WAAA,EAAA,UAAA;EAWQ;;;;;;;EAAvB,GAAA,CAAI,GAAA,UAAa,IAAA,EAAM,IAAA,EAAiB,WAAA,EAAa,UAAA;EApB3C;;;;;;;;EAAA,QAoCF,OAAA;EA3BO;;;;EAyCf,MAAA,CAAO,GAAA;EA9BgB;;;;;;;EAyCvB,UAAA,CAAW,EAAA,EAAI,WAAA,GAAc,eAAA;AAAA;;;;;AAjE/B;UCGiB,oBAAA;EACf,KAAA,EAAO,eAAA;EACP,WAAA,EAAa,aAAA;EACb,QAAA,EAAU,OAAA;AAAA;;;;;iBAOI,qBAAA,CAAA;EACd,MAAA;EACA,SAAA;EACA;AAAA;EDiD6B;;;;EC3C7B,MAAA,EAAQ,MAAA;EDlBE;;;;;ECyBV,SAAA;EDhBA;;;;ECsBA,iBAAA,GAAoB,iBAAA;AAAA,IAClB,MAAA,CAAO,oBAAA"}

package/dist/index.js

@@ -1,188 +1,186 @@
-// src/cache.ts
-var DecorationCache = class _DecorationCache {
-  constructor(cache) {
-    this.cache = new Map(cache);
-  }
-  /**
-   * Gets the cache entry at the given doc position, or null if it doesn't exist
-   * @param pos The doc position of the node you want the cache for
-   */
-  get(pos) {
-    return this.cache.get(pos);
-  }
-  /**
-   * Sets the cache entry at the given position with the give node/decoration
-   * values
-   * @param pos The doc position of the node to set the cache for
-   * @param node The node to place in cache
-   * @param decorations The decorations to place in cache
-   */
-  set(pos, node, decorations) {
-    if (pos < 0) {
-      return;
-    }
-    this.cache.set(pos, [node, decorations]);
-  }
-  /**
-   * Removes the value at the oldPos (if it exists) and sets the new position to
-   * the given values
-   * @param oldPos The old node position to overwrite
-   * @param newPos The new node position to set the cache for
-   * @param node The new node to place in cache
-   * @param decorations The new decorations to place in cache
-   */
-  replace(oldPos, newPos, node, decorations) {
-    this.remove(oldPos);
-    this.set(newPos, node, decorations);
-  }
-  /**
-   * Removes the cache entry at the given position
-   * @param pos The doc position to remove from cache
-   */
-  remove(pos) {
-    this.cache.delete(pos);
-  }
-  /**
-   * Invalidates the cache by removing all decoration entries on nodes that have
-   * changed, updating the positions of the nodes that haven't and removing all
-   * the entries that have been deleted; NOTE: this does not affect the current
-   * cache, but returns an entirely new one
-   * @param tr A transaction to map the current cache to
-   */
-  invalidate(tr) {
-    const returnCache = new _DecorationCache(this.cache);
-    const mapping = tr.mapping;
-    this.cache.forEach(([node, decorations], pos) => {
-      if (pos < 0) {
-        return;
-      }
-      const result = mapping.mapResult(pos);
-      const mappedNode = tr.doc.nodeAt(result.pos);
-      if (result.deleted || !(mappedNode == null ? void 0 : mappedNode.eq(node))) {
-        returnCache.remove(pos);
-      } else if (pos !== result.pos) {
-        const updatedDecorations = decorations.map((d) => {
-          return d.map(mapping, 0, 0);
-        }).filter((d) => d != null);
-        returnCache.replace(pos, result.pos, mappedNode, updatedDecorations);
-      }
-    });
-    return returnCache;
-  }
-};
-
-// src/plugin.ts
 import { Plugin, PluginKey } from "prosemirror-state";
 import { DecorationSet } from "prosemirror-view";
-function createHighlightPlugin({
-  parser,
-  nodeTypes = ["code_block", "codeBlock"],
-  languageExtractor = (node) => node.attrs.language
-}) {
-  const key = new PluginKey("prosemirror-highlight");
-  return new Plugin({
-    key,
-    state: {
-      init(_, instance) {
-        const cache = new DecorationCache();
-        const [decorations, promises] = calculateDecoration(
-          instance.doc,
-          parser,
-          nodeTypes,
-          languageExtractor,
-          cache
-        );
-        return { cache, decorations, promises };
-      },
-      apply: (tr, data) => {
-        const cache = data.cache.invalidate(tr);
-        const refresh = !!tr.getMeta("prosemirror-highlight-refresh");
-        if (!tr.docChanged && !refresh) {
-          const decorations2 = data.decorations.map(tr.mapping, tr.doc);
-          const promises2 = data.promises;
-          return { cache, decorations: decorations2, promises: promises2 };
-        }
-        const [decorations, promises] = calculateDecoration(
-          tr.doc,
-          parser,
-          nodeTypes,
-          languageExtractor,
-          cache
-        );
-        return { cache, decorations, promises };
-      }
-    },
-    view: (view) => {
-      const promises = /* @__PURE__ */ new Set();
-      const refresh = () => {
-        if (promises.size > 0) {
-          return;
-        }
-        const tr = view.state.tr.setMeta("prosemirror-highlight-refresh", true);
-        view.dispatch(tr);
-      };
-      const check = () => {
-        var _a;
-        const state = key.getState(view.state);
-        for (const promise of (_a = state == null ? void 0 : state.promises) != null ? _a : []) {
-          promises.add(promise);
-          promise.then(() => {
-            promises.delete(promise);
-            refresh();
-          }).catch(() => {
-            promises.delete(promise);
-          });
-        }
-      };
-      check();
-      return {
-        update: () => {
-          check();
-        }
-      };
-    },
-    props: {
-      decorations(state) {
-        var _a;
-        return (_a = this.getState(state)) == null ? void 0 : _a.decorations;
-      }
-    }
-  });
+
+//#region src/cache.ts
+/**
+* Represents a cache of doc positions to the node and decorations at that position
+*/
+var DecorationCache = class DecorationCache {
+	constructor(cache) {
+		this.cache = new Map(cache);
+	}
+	/**
+	* Gets the cache entry at the given doc position, or null if it doesn't exist
+	* @param pos The doc position of the node you want the cache for
+	*/
+	get(pos) {
+		return this.cache.get(pos);
+	}
+	/**
+	* Sets the cache entry at the given position with the give node/decoration
+	* values
+	* @param pos The doc position of the node to set the cache for
+	* @param node The node to place in cache
+	* @param decorations The decorations to place in cache
+	*/
+	set(pos, node, decorations) {
+		if (pos < 0) return;
+		this.cache.set(pos, [node, decorations]);
+	}
+	/**
+	* Removes the value at the oldPos (if it exists) and sets the new position to
+	* the given values
+	* @param oldPos The old node position to overwrite
+	* @param newPos The new node position to set the cache for
+	* @param node The new node to place in cache
+	* @param decorations The new decorations to place in cache
+	*/
+	replace(oldPos, newPos, node, decorations) {
+		this.remove(oldPos);
+		this.set(newPos, node, decorations);
+	}
+	/**
+	* Removes the cache entry at the given position
+	* @param pos The doc position to remove from cache
+	*/
+	remove(pos) {
+		this.cache.delete(pos);
+	}
+	/**
+	* Invalidates the cache by removing all decoration entries on nodes that have
+	* changed, updating the positions of the nodes that haven't and removing all
+	* the entries that have been deleted; NOTE: this does not affect the current
+	* cache, but returns an entirely new one
+	* @param tr A transaction to map the current cache to
+	*/
+	invalidate(tr) {
+		const returnCache = new DecorationCache(this.cache);
+		const mapping = tr.mapping;
+		this.cache.forEach(([node, decorations], pos) => {
+			if (pos < 0) return;
+			const result = mapping.mapResult(pos);
+			const mappedNode = tr.doc.nodeAt(result.pos);
+			if (result.deleted || !mappedNode?.eq(node)) returnCache.remove(pos);
+			else if (pos !== result.pos) {
+				const updatedDecorations = decorations.map((d) => {
+					return d.map(mapping, 0, 0);
+				}).filter((d) => d != null);
+				returnCache.replace(pos, result.pos, mappedNode, updatedDecorations);
+			}
+		});
+		return returnCache;
+	}
+};
+
+//#endregion
+//#region src/plugin.ts
+/**
+* Creates a plugin that highlights the contents of all nodes (via Decorations)
+* with a type passed in blockTypes
+*/
+function createHighlightPlugin({ parser, nodeTypes = ["code_block", "codeBlock"], languageExtractor = (node) => node.attrs.language }) {
+	const key = new PluginKey("prosemirror-highlight");
+	return new Plugin({
+		key,
+		state: {
+			init(_, instance) {
+				const cache = new DecorationCache();
+				const [decorations, promises] = calculateDecoration(instance.doc, parser, nodeTypes, languageExtractor, cache);
+				return {
+					cache,
+					decorations,
+					promises
+				};
+			},
+			apply: (tr, data) => {
+				const cache = data.cache.invalidate(tr);
+				const refresh = !!tr.getMeta("prosemirror-highlight-refresh");
+				if (!tr.docChanged && !refresh) return {
+					cache,
+					decorations: data.decorations?.map(tr.mapping, tr.doc),
+					promises: data.promises
+				};
+				const [decorations, promises] = calculateDecoration(tr.doc, parser, nodeTypes, languageExtractor, cache);
+				return {
+					cache,
+					decorations,
+					promises
+				};
+			}
+		},
+		view: (view) => {
+			const promises = /* @__PURE__ */ new Set();
+			const refresh = () => {
+				if (promises.size > 0) return;
+				const tr = view.state.tr.setMeta("prosemirror-highlight-refresh", true);
+				view.dispatch(tr);
+			};
+			const check = () => {
+				const state = key.getState(view.state);
+				for (const promise of state?.promises ?? []) {
+					promises.add(promise);
+					promise.then(() => {
+						promises.delete(promise);
+						refresh();
+					}).catch((error) => {
+						console.error("[prosemirror-highlight] Error resolving parser:", error);
+						promises.delete(promise);
+					});
+				}
+			};
+			check();
+			return { update: () => {
+				check();
+			} };
+		},
+		props: { decorations(state) {
+			return this.getState(state)?.decorations;
+		} }
+	});
 }
 function calculateDecoration(doc, parser, nodeTypes, languageExtractor, cache) {
-  const result = [];
-  const promises = [];
-  doc.descendants((node, pos) => {
-    if (!node.type.isTextblock) {
-      return true;
-    }
-    if (nodeTypes.includes(node.type.name)) {
-      const language = languageExtractor(node);
-      const cached = cache.get(pos);
-      if (cached) {
-        const [_, decorations] = cached;
-        result.push(...decorations);
-      } else {
-        const decorations = parser({
-          content: node.textContent,
-          language: language || void 0,
-          pos,
-          size: node.nodeSize
-        });
-        if (decorations && Array.isArray(decorations)) {
-          cache.set(pos, node, decorations);
-          result.push(...decorations);
-        } else if (decorations instanceof Promise) {
-          cache.remove(pos);
-          promises.push(decorations);
-        }
-      }
-    }
-    return false;
-  });
-  return [DecorationSet.create(doc, result), promises];
+	const allDecorations = [];
+	const promises = [];
+	const nodes = collectCodeBlocks(doc, nodeTypes);
+	try {
+		for (const [node, pos] of nodes) {
+			const language = languageExtractor(node);
+			const cached = cache.get(pos);
+			if (cached) {
+				const [_, decorations] = cached;
+				if (decorations.length > 0) allDecorations.push(decorations);
+			} else {
+				const parsed = parser({
+					content: node.textContent,
+					language: language || void 0,
+					pos,
+					size: node.nodeSize
+				});
+				if (parsed && Array.isArray(parsed)) {
+					cache.set(pos, node, parsed);
+					if (parsed.length > 0) allDecorations.push(parsed);
+				} else if (parsed instanceof Promise) {
+					cache.remove(pos);
+					promises.push(parsed);
+				} else console.error(`[prosemirror-highlight] Invalid parser result:`, parsed);
+			}
+		}
+	} catch (error) {
+		console.error(`[prosemirror-highlight] Error parsing code blocks:`, error);
+	}
+	return [allDecorations.length > 0 ? DecorationSet.create(doc, allDecorations.flat()) : void 0, promises];
 }
-export {
-  DecorationCache,
-  createHighlightPlugin
-};
+function collectCodeBlocks(doc, nodeTypes) {
+	const nodes = [];
+	doc.descendants((node, pos) => {
+		if (node.type.isTextblock && nodeTypes.includes(node.type.name)) {
+			nodes.push([node, pos]);
+			return false;
+		}
+	});
+	return nodes;
+}
+
+//#endregion
+export { DecorationCache, createHighlightPlugin };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../src/cache.ts","../src/plugin.ts"],"sourcesContent":["import type { Node as ProseMirrorNode } from 'prosemirror-model'\nimport type { Transaction } from 'prosemirror-state'\nimport type { Decoration } from 'prosemirror-view'\n\n/**\n * Represents a cache of doc positions to the node and decorations at that position\n */\nexport class DecorationCache {\n  private cache: Map<number, [node: ProseMirrorNode, decorations: Decoration[]]>\n\n  constructor(\n    cache?: Map<number, [node: ProseMirrorNode, decorations: Decoration[]]>,\n  ) {\n    this.cache = new Map(cache)\n  }\n\n  /**\n   * Gets the cache entry at the given doc position, or null if it doesn't exist\n   * @param pos The doc position of the node you want the cache for\n   */\n  get(pos: number) {\n    return this.cache.get(pos)\n  }\n\n  /**\n   * Sets the cache entry at the given position with the give node/decoration\n   * values\n   * @param pos The doc position of the node to set the cache for\n   * @param node The node to place in cache\n   * @param decorations The decorations to place in cache\n   */\n  set(pos: number, node: ProseMirrorNode, decorations: Decoration[]): void {\n    if (pos < 0) {\n      return\n    }\n\n    this.cache.set(pos, [node, decorations])\n  }\n\n  /**\n   * Removes the value at the oldPos (if it exists) and sets the new position to\n   * the given values\n   * @param oldPos The old node position to overwrite\n   * @param newPos The new node position to set the cache for\n   * @param node The new node to place in cache\n   * @param decorations The new decorations to place in cache\n   */\n  private replace(\n    oldPos: number,\n    newPos: number,\n    node: ProseMirrorNode,\n    decorations: Decoration[],\n  ): void {\n    this.remove(oldPos)\n    this.set(newPos, node, decorations)\n  }\n\n  /**\n   * Removes the cache entry at the given position\n   * @param pos The doc position to remove from cache\n   */\n  remove(pos: number): void {\n    this.cache.delete(pos)\n  }\n\n  /**\n   * Invalidates the cache by removing all decoration entries on nodes that have\n   * changed, updating the positions of the nodes that haven't and removing all\n   * the entries that have been deleted; NOTE: this does not affect the current\n   * cache, but returns an entirely new one\n   * @param tr A transaction to map the current cache to\n   */\n  invalidate(tr: Transaction): DecorationCache {\n    const returnCache = new DecorationCache(this.cache)\n    const mapping = tr.mapping\n\n    this.cache.forEach(([node, decorations], pos) => {\n      if (pos < 0) {\n        return\n      }\n\n      const result = mapping.mapResult(pos)\n      const mappedNode = tr.doc.nodeAt(result.pos)\n\n      if (result.deleted || !mappedNode?.eq(node)) {\n        returnCache.remove(pos)\n      } else if (pos !== result.pos) {\n        // update the decorations' from/to values to match the new node position\n        const updatedDecorations = decorations\n          .map((d): Decoration | null => {\n            // @ts-expect-error: internal api\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n            return d.map(mapping, 0, 0) as Decoration | null\n          })\n          .filter((d): d is Decoration => d != null)\n        returnCache.replace(pos, result.pos, mappedNode, updatedDecorations)\n      }\n    })\n\n    return returnCache\n  }\n}\n","import type { Node as ProseMirrorNode } from 'prosemirror-model'\nimport { Plugin, PluginKey } from 'prosemirror-state'\nimport { type Decoration, DecorationSet } from 'prosemirror-view'\n\nimport { DecorationCache } from './cache'\nimport type { LanguageExtractor, Parser } from './types'\n\n/**\n * Describes the current state of the highlightPlugin\n */\nexport interface HighlightPluginState {\n  cache: DecorationCache\n  decorations: DecorationSet | undefined\n  promises: Promise<void>[]\n}\n\n/**\n * Creates a plugin that highlights the contents of all nodes (via Decorations)\n * with a type passed in blockTypes\n */\nexport function createHighlightPlugin({\n  parser,\n  nodeTypes = ['code_block', 'codeBlock'],\n  languageExtractor = (node) => node.attrs.language as string | undefined,\n}: {\n  /**\n   * A function that returns an array of decorations for the given node text\n   * content, language, and position.\n   */\n  parser: Parser\n\n  /**\n   * An array containing all the node type name to target for highlighting.\n   *\n   * @default ['code_block', 'codeBlock']\n   */\n  nodeTypes?: string[]\n\n  /**\n   * A function that returns the language string to use when highlighting that\n   * node. By default, it returns `node.attrs.language`.\n   */\n  languageExtractor?: LanguageExtractor\n}): Plugin<HighlightPluginState> {\n  const key = new PluginKey<HighlightPluginState>('prosemirror-highlight')\n\n  return new Plugin<HighlightPluginState>({\n    key,\n    state: {\n      init(_, instance) {\n        const cache = new DecorationCache()\n        const [decorations, promises] = calculateDecoration(\n          instance.doc,\n          parser,\n          nodeTypes,\n          languageExtractor,\n          cache,\n        )\n\n        return { cache, decorations, promises }\n      },\n      apply: (tr, data) => {\n        const cache = data.cache.invalidate(tr)\n        const refresh = !!tr.getMeta('prosemirror-highlight-refresh')\n\n        if (!tr.docChanged && !refresh) {\n          const decorations = data.decorations?.map(tr.mapping, tr.doc)\n          const promises = data.promises\n          return { cache, decorations, promises }\n        }\n\n        const [decorations, promises] = calculateDecoration(\n          tr.doc,\n          parser,\n          nodeTypes,\n          languageExtractor,\n          cache,\n        )\n        return { cache, decorations, promises }\n      },\n    },\n    view: (view) => {\n      const promises = new Set<Promise<void>>()\n\n      // Refresh the decorations when all promises resolve\n      const refresh = () => {\n        if (promises.size > 0) {\n          return\n        }\n        const tr = view.state.tr.setMeta('prosemirror-highlight-refresh', true)\n        view.dispatch(tr)\n      }\n\n      const check = () => {\n        const state = key.getState(view.state)\n\n        for (const promise of state?.promises ?? []) {\n          promises.add(promise)\n          promise\n            .then(() => {\n              promises.delete(promise)\n              refresh()\n            })\n            .catch((error) => {\n              console.error(\n                '[prosemirror-highlight] Error resolving parser:',\n                error,\n              )\n              promises.delete(promise)\n            })\n        }\n      }\n\n      check()\n\n      return {\n        update: () => {\n          check()\n        },\n      }\n    },\n    props: {\n      decorations(this, state) {\n        return this.getState(state)?.decorations\n      },\n    },\n  })\n}\n\nfunction calculateDecoration(\n  doc: ProseMirrorNode,\n  parser: Parser,\n  nodeTypes: string[],\n  languageExtractor: LanguageExtractor,\n  cache: DecorationCache,\n): [DecorationSet | undefined, Promise<void>[]] {\n  const allDecorations: Decoration[][] = []\n  const promises: Promise<void>[] = []\n  const nodes = collectCodeBlocks(doc, nodeTypes)\n\n  try {\n    for (const [node, pos] of nodes) {\n      const language = languageExtractor(node)\n      const cached = cache.get(pos)\n\n      if (cached) {\n        const [_, decorations] = cached\n        if (decorations.length > 0) {\n          allDecorations.push(decorations)\n        }\n      } else {\n        const parsed = parser({\n          content: node.textContent,\n          language: language || undefined,\n          pos,\n          size: node.nodeSize,\n        })\n        if (parsed && Array.isArray(parsed)) {\n          cache.set(pos, node, parsed)\n          if (parsed.length > 0) {\n            allDecorations.push(parsed)\n          }\n        } else if (parsed instanceof Promise) {\n          cache.remove(pos)\n          promises.push(parsed)\n        } else {\n          console.error(\n            `[prosemirror-highlight] Invalid parser result:`,\n            parsed,\n          )\n        }\n      }\n    }\n  } catch (error) {\n    console.error(`[prosemirror-highlight] Error parsing code blocks:`, error)\n  }\n\n  const decorationSet =\n    allDecorations.length > 0\n      ? DecorationSet.create(doc, allDecorations.flat())\n      : undefined\n  return [decorationSet, promises]\n}\n\nfunction collectCodeBlocks(\n  doc: ProseMirrorNode,\n  nodeTypes: string[],\n): Array<[node: ProseMirrorNode, pos: number]> {\n  const nodes: Array<[node: ProseMirrorNode, pos: number]> = []\n  doc.descendants((node, pos) => {\n    if (node.type.isTextblock && nodeTypes.includes(node.type.name)) {\n      nodes.push([node, pos])\n      return false\n    }\n  })\n  return nodes\n}\n"],"mappings":"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"}

package/dist/lowlight.d.ts

@@ -1,12 +1,12 @@
-import { Root } from 'hast';
-import { P as Parser } from './types-BIUZQh-P.js';
-import 'prosemirror-model';
-import 'prosemirror-view';
+import { n as Parser } from "./types-DCbyVqHc.js";
+import { Root } from "hast";
 
+//#region src/lowlight.d.ts
 type Lowlight = {
-    highlight: (language: string, value: string) => Root;
-    highlightAuto: (value: string) => Root;
+  highlight: (language: string, value: string) => Root;
+  highlightAuto: (value: string) => Root;
 };
 declare function createParser(lowlight: Lowlight): Parser;
-
-export { type Lowlight, Parser, createParser };
+//#endregion
+export { Lowlight, type Parser, createParser };
+//# sourceMappingURL=lowlight.d.ts.map

package/dist/lowlight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lowlight.d.ts","names":[],"sources":["../src/lowlight.ts"],"mappings":";;;;KAQY,QAAA;EACV,SAAA,GAAY,QAAA,UAAkB,KAAA,aAAkB,IAAA;EAChD,aAAA,GAAgB,KAAA,aAAkB,IAAA;AAAA;AAAA,iBAGpB,YAAA,CAAa,QAAA,EAAU,QAAA,GAAW,MAAA"}

package/dist/lowlight.js

@@ -1,17 +1,15 @@
-import {
-  fillFromRoot
-} from "./chunk-ZZGBRRBM.js";
+import { t as fillFromRoot } from "./hast-Cn9tqyqN.js";
 
-// src/lowlight.ts
+//#region src/lowlight.ts
 function createParser(lowlight) {
-  return function highlighter({ content, language, pos }) {
-    const root = language ? lowlight.highlight(language, content) : lowlight.highlightAuto(content);
-    const decorations = [];
-    const from = pos + 1;
-    fillFromRoot(decorations, root, from);
-    return decorations;
-  };
+	return function highlighter({ content, language, pos }) {
+		const root = language ? lowlight.highlight(language, content) : lowlight.highlightAuto(content);
+		const decorations = [];
+		fillFromRoot(decorations, root, pos + 1);
+		return decorations;
+	};
 }
-export {
-  createParser
-};
+
+//#endregion
+export { createParser };
+//# sourceMappingURL=lowlight.js.map

package/dist/lowlight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lowlight.js","names":[],"sources":["../src/lowlight.ts"],"sourcesContent":["import type { Root } from 'hast'\nimport type { Decoration } from 'prosemirror-view'\n\nimport { fillFromRoot } from './hast'\nimport type { Parser } from './types'\n\nexport type { Parser }\n\nexport type Lowlight = {\n  highlight: (language: string, value: string) => Root\n  highlightAuto: (value: string) => Root\n}\n\nexport function createParser(lowlight: Lowlight): Parser {\n  return function highlighter({ content, language, pos }) {\n    const root = language\n      ? lowlight.highlight(language, content)\n      : lowlight.highlightAuto(content)\n\n    const decorations: Decoration[] = []\n    const from = pos + 1\n    fillFromRoot(decorations, root, from)\n    return decorations\n  }\n}\n"],"mappings":";;;AAaA,SAAgB,aAAa,UAA4B;AACvD,QAAO,SAAS,YAAY,EAAE,SAAS,UAAU,OAAO;EACtD,MAAM,OAAO,WACT,SAAS,UAAU,UAAU,QAAQ,GACrC,SAAS,cAAc,QAAQ;EAEnC,MAAM,cAA4B,EAAE;AAEpC,eAAa,aAAa,MADb,MAAM,EACkB;AACrC,SAAO"}

package/dist/refractor.d.ts

@@ -1,8 +1,8 @@
-import { Refractor } from 'refractor/core';
-import { P as Parser } from './types-BIUZQh-P.js';
-import 'prosemirror-model';
-import 'prosemirror-view';
+import { n as Parser } from "./types-DCbyVqHc.js";
+import { Refractor } from "refractor/core";
 
+//#region src/refractor.d.ts
 declare function createParser(refractor: Refractor): Parser;
-
-export { Parser, createParser };
+//#endregion
+export { type Parser, createParser };
+//# sourceMappingURL=refractor.d.ts.map

package/dist/refractor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"refractor.d.ts","names":[],"sources":["../src/refractor.ts"],"mappings":";;;;iBASgB,YAAA,CAAa,SAAA,EAAW,SAAA,GAAY,MAAA"}

package/dist/refractor.js

@@ -1,17 +1,15 @@
-import {
-  fillFromRoot
-} from "./chunk-ZZGBRRBM.js";
+import { t as fillFromRoot } from "./hast-Cn9tqyqN.js";
 
-// src/refractor.ts
+//#region src/refractor.ts
 function createParser(refractor) {
-  return function highlighter({ content, language, pos }) {
-    const root = refractor.highlight(content, language || "");
-    const decorations = [];
-    const from = pos + 1;
-    fillFromRoot(decorations, root, from);
-    return decorations;
-  };
+	return function highlighter({ content, language, pos }) {
+		const root = refractor.highlight(content, language || "");
+		const decorations = [];
+		fillFromRoot(decorations, root, pos + 1);
+		return decorations;
+	};
 }
-export {
-  createParser
-};
+
+//#endregion
+export { createParser };
+//# sourceMappingURL=refractor.js.map

package/dist/refractor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"refractor.js","names":[],"sources":["../src/refractor.ts"],"sourcesContent":["import type { Root } from 'hast'\nimport type { Decoration } from 'prosemirror-view'\nimport type { Refractor } from 'refractor/core'\n\nimport { fillFromRoot } from './hast'\nimport type { Parser } from './types'\n\nexport type { Parser }\n\nexport function createParser(refractor: Refractor): Parser {\n  return function highlighter({ content, language, pos }) {\n    const root: Root = refractor.highlight(content, language || '')\n\n    const decorations: Decoration[] = []\n    const from = pos + 1\n\n    fillFromRoot(decorations, root, from)\n    return decorations\n  }\n}\n"],"mappings":";;;AASA,SAAgB,aAAa,WAA8B;AACzD,QAAO,SAAS,YAAY,EAAE,SAAS,UAAU,OAAO;EACtD,MAAM,OAAa,UAAU,UAAU,SAAS,YAAY,GAAG;EAE/D,MAAM,cAA4B,EAAE;AAGpC,eAAa,aAAa,MAFb,MAAM,EAEkB;AACrC,SAAO"}

package/dist/shiki.d.ts

@@ -1,8 +1,8 @@
-import { HighlighterGeneric, CodeToTokensOptions } from '@shikijs/types';
-import { P as Parser } from './types-BIUZQh-P.js';
-import 'prosemirror-model';
-import 'prosemirror-view';
+import { n as Parser } from "./types-DCbyVqHc.js";
+import { CodeToTokensOptions, HighlighterGeneric } from "@shikijs/types";
 
+//#region src/shiki.d.ts
 declare function createParser<Language extends string = string, Theme extends string = string>(highlighter: HighlighterGeneric<Language, Theme>, options?: CodeToTokensOptions<Language, Theme>): Parser;
-
-export { Parser, createParser };
+//#endregion
+export { type Parser, createParser };
+//# sourceMappingURL=shiki.d.ts.map

package/dist/shiki.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shiki.d.ts","names":[],"sources":["../src/shiki.ts"],"mappings":";;;;iBAOgB,YAAA,iEAAA,CAId,WAAA,EAAa,kBAAA,CAAmB,QAAA,EAAU,KAAA,GAC1C,OAAA,GAAU,mBAAA,CAAoB,QAAA,EAAU,KAAA,IACvC,MAAA"}

package/dist/shiki.js

@@ -1,44 +1,44 @@
-// src/shiki.ts
 import { Decoration } from "prosemirror-view";
+
+//#region src/shiki.ts
 function createParser(highlighter, options) {
-  return function parser({ content, language, pos, size }) {
-    var _a;
-    const decorations = [];
-    const { tokens, fg, bg, rootStyle } = highlighter.codeToTokens(content, {
-      lang: language,
-      // Use provided options for themes or just use first loaded theme
-      ...options != null ? options : {
-        theme: highlighter.getLoadedThemes()[0]
-      }
-    });
-    const style = rootStyle || (fg && bg ? `--prosemirror-highlight:${fg};--prosemirror-highlight-bg:${bg}` : "");
-    if (style) {
-      const decoration = Decoration.node(pos, pos + size, { style });
-      decorations.push(decoration);
-    }
-    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, {
-          // 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;
-      }
-      from += 1;
-    }
-    return decorations;
-  };
+	return function parser({ content, language, pos, size }) {
+		const decorations = [];
+		const { tokens, fg, bg, rootStyle } = highlighter.codeToTokens(content, {
+			lang: language,
+			...options ?? { theme: highlighter.getLoadedThemes()[0] }
+		});
+		const style = rootStyle || (fg && bg ? `--prosemirror-highlight:${fg};--prosemirror-highlight-bg:${bg}` : "");
+		if (style) {
+			const decoration = Decoration.node(pos, pos + size, { style });
+			decorations.push(decoration);
+		}
+		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: stringifyTokenStyle(token.htmlStyle ?? `color: ${token.color}`),
+					class: "shiki"
+				});
+				decorations.push(decoration);
+				from = to;
+			}
+			from += 1;
+		}
+		return decorations;
+	};
 }
+/**
+* Copied from https://github.com/shikijs/shiki/blob/f76a371dbc2752cba341023df00ebfe9b66cb3f6/packages/core/src/utils.ts#L213
+*
+* Copy instead of import it from `shiki` to avoid importing the `shiki` package in this file.
+*/
 function stringifyTokenStyle(token) {
-  if (typeof token === "string") return token;
-  return Object.entries(token).map(([key, value]) => `${key}:${value}`).join(";");
+	if (typeof token === "string") return token;
+	return Object.entries(token).map(([key, value]) => `${key}:${value}`).join(";");
 }
-export {
-  createParser
-};
+
+//#endregion
+export { createParser };
+//# sourceMappingURL=shiki.js.map

package/dist/shiki.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shiki.js","names":[],"sources":["../src/shiki.ts"],"sourcesContent":["import type { CodeToTokensOptions, HighlighterGeneric } from '@shikijs/types'\nimport { Decoration } from 'prosemirror-view'\n\nimport type { Parser } from './types'\n\nexport type { Parser }\n\nexport function createParser<\n  Language extends string = string,\n  Theme extends string = string,\n>(\n  highlighter: HighlighterGeneric<Language, Theme>,\n  options?: CodeToTokensOptions<Language, Theme>,\n): Parser {\n  return function parser({ content, language, pos, size }) {\n    const decorations: Decoration[] = []\n\n    const { tokens, fg, bg, rootStyle } = highlighter.codeToTokens(content, {\n      lang: language as Language | undefined,\n\n      // Use provided options for themes or just use first loaded theme\n      ...(options ?? {\n        theme: highlighter.getLoadedThemes()[0],\n      }),\n    })\n\n    const style =\n      rootStyle ||\n      (fg && bg\n        ? `--prosemirror-highlight:${fg};--prosemirror-highlight-bg:${bg}`\n        : '')\n\n    if (style) {\n      const decoration = Decoration.node(pos, pos + size, { style })\n      decorations.push(decoration)\n    }\n\n    let from = pos + 1\n\n    for (const line of tokens) {\n      for (const token of line) {\n        const to = from + token.content.length\n\n        const decoration = Decoration.inline(from, to, {\n          // When using `options.themes` the `htmlStyle` field will be set, otherwise `color` will be set\n          style: stringifyTokenStyle(\n            token.htmlStyle ?? `color: ${token.color}`,\n          ),\n          class: 'shiki',\n        })\n\n        decorations.push(decoration)\n\n        from = to\n      }\n\n      from += 1\n    }\n\n    return decorations\n  }\n}\n\n/**\n * Copied from https://github.com/shikijs/shiki/blob/f76a371dbc2752cba341023df00ebfe9b66cb3f6/packages/core/src/utils.ts#L213\n *\n * Copy instead of import it from `shiki` to avoid importing the `shiki` package in this file.\n */\nfunction stringifyTokenStyle(token: string | Record<string, string>): string {\n  if (typeof token === 'string') return token\n  return Object.entries(token)\n    .map(([key, value]) => `${key}:${value}`)\n    .join(';')\n}\n"],"mappings":";;;AAOA,SAAgB,aAId,aACA,SACQ;AACR,QAAO,SAAS,OAAO,EAAE,SAAS,UAAU,KAAK,QAAQ;EACvD,MAAM,cAA4B,EAAE;EAEpC,MAAM,EAAE,QAAQ,IAAI,IAAI,cAAc,YAAY,aAAa,SAAS;GACtE,MAAM;GAGN,GAAI,WAAW,EACb,OAAO,YAAY,iBAAiB,CAAC,IACtC;GACF,CAAC;EAEF,MAAM,QACJ,cACC,MAAM,KACH,2BAA2B,GAAG,8BAA8B,OAC5D;AAEN,MAAI,OAAO;GACT,MAAM,aAAa,WAAW,KAAK,KAAK,MAAM,MAAM,EAAE,OAAO,CAAC;AAC9D,eAAY,KAAK,WAAW;;EAG9B,IAAI,OAAO,MAAM;AAEjB,OAAK,MAAM,QAAQ,QAAQ;AACzB,QAAK,MAAM,SAAS,MAAM;IACxB,MAAM,KAAK,OAAO,MAAM,QAAQ;IAEhC,MAAM,aAAa,WAAW,OAAO,MAAM,IAAI;KAE7C,OAAO,oBACL,MAAM,aAAa,UAAU,MAAM,QACpC;KACD,OAAO;KACR,CAAC;AAEF,gBAAY,KAAK,WAAW;AAE5B,WAAO;;AAGT,WAAQ;;AAGV,SAAO;;;;;;;;AASX,SAAS,oBAAoB,OAAgD;AAC3E,KAAI,OAAO,UAAU,SAAU,QAAO;AACtC,QAAO,OAAO,QAAQ,MAAM,CACzB,KAAK,CAAC,KAAK,WAAW,GAAG,IAAI,GAAG,QAAQ,CACxC,KAAK,IAAI"}

package/dist/sugar-high.d.ts

@@ -1,7 +1,7 @@
-import { P as Parser } from './types-BIUZQh-P.js';
-import 'prosemirror-model';
-import 'prosemirror-view';
+import { n as Parser } from "./types-DCbyVqHc.js";
 
+//#region src/sugar-high.d.ts
 declare function createParser(): Parser;
-
-export { Parser, createParser };
+//#endregion
+export { type Parser, createParser };
+//# sourceMappingURL=sugar-high.d.ts.map

package/dist/sugar-high.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sugar-high.d.ts","names":[],"sources":["../src/sugar-high.ts"],"mappings":";;;iBASgB,YAAA,CAAA,GAAgB,MAAA"}

package/dist/sugar-high.js

@@ -1,24 +1,26 @@
-// src/sugar-high.ts
 import { Decoration } from "prosemirror-view";
-import { tokenize, SugarHigh } from "sugar-high";
-var types = SugarHigh.TokenTypes;
+import { SugarHigh, tokenize } from "sugar-high";
+
+//#region src/sugar-high.ts
+const types = SugarHigh.TokenTypes;
 function createParser() {
-  return function parser({ content, pos }) {
-    const decorations = [];
-    const tokens = tokenize(content);
-    let from = pos + 1;
-    for (const [type, content2] of tokens) {
-      const to = from + content2.length;
-      const decoration = Decoration.inline(from, to, {
-        class: `sh__token--${types[type]}`,
-        style: `color: var(--sh-${types[type]})`
-      });
-      decorations.push(decoration);
-      from = to;
-    }
-    return decorations;
-  };
+	return function parser({ content, pos }) {
+		const decorations = [];
+		const tokens = tokenize(content);
+		let from = pos + 1;
+		for (const [type, content] of tokens) {
+			const to = from + content.length;
+			const decoration = Decoration.inline(from, to, {
+				class: `sh__token--${types[type]}`,
+				style: `color: var(--sh-${types[type]})`
+			});
+			decorations.push(decoration);
+			from = to;
+		}
+		return decorations;
+	};
 }
-export {
-  createParser
-};
+
+//#endregion
+export { createParser };
+//# sourceMappingURL=sugar-high.js.map

package/dist/sugar-high.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sugar-high.js","names":[],"sources":["../src/sugar-high.ts"],"sourcesContent":["import { Decoration } from 'prosemirror-view'\nimport { tokenize, SugarHigh } from 'sugar-high'\n\nimport type { Parser } from './types'\n\nexport type { Parser }\n\nconst types = SugarHigh.TokenTypes\n\nexport function createParser(): Parser {\n  return function parser({ content, pos }) {\n    const decorations: Decoration[] = []\n\n    const tokens = tokenize(content)\n\n    let from = pos + 1\n\n    for (const [type, content] of tokens) {\n      const to = from + content.length\n\n      const decoration = Decoration.inline(from, to, {\n        class: `sh__token--${types[type]}`,\n        style: `color: var(--sh-${types[type]})`,\n      })\n\n      decorations.push(decoration)\n\n      from = to\n    }\n\n    return decorations\n  }\n}\n"],"mappings":";;;;AAOA,MAAM,QAAQ,UAAU;AAExB,SAAgB,eAAuB;AACrC,QAAO,SAAS,OAAO,EAAE,SAAS,OAAO;EACvC,MAAM,cAA4B,EAAE;EAEpC,MAAM,SAAS,SAAS,QAAQ;EAEhC,IAAI,OAAO,MAAM;AAEjB,OAAK,MAAM,CAAC,MAAM,YAAY,QAAQ;GACpC,MAAM,KAAK,OAAO,QAAQ;GAE1B,MAAM,aAAa,WAAW,OAAO,MAAM,IAAI;IAC7C,OAAO,cAAc,MAAM;IAC3B,OAAO,mBAAmB,MAAM,MAAM;IACvC,CAAC;AAEF,eAAY,KAAK,WAAW;AAE5B,UAAO;;AAGT,SAAO"}

package/dist/types-DCbyVqHc.d.ts

@@ -0,0 +1,35 @@
+import { Decoration } from "prosemirror-view";
+import { Node } from "prosemirror-model";
+
+//#region src/types.d.ts
+/**
+ * A function that parses the text content of a code block node and returns an
+ * array of ProseMirror decorations. If the underlying syntax highlighter is
+ * still loading, you can return a promise that will be resolved when the
+ * highlighter is ready.
+ */
+type Parser = (options: {
+  /**
+   * The text content of the code block node.
+   */
+  content: string;
+  /**
+   * The start position of the code block node.
+   */
+  pos: number;
+  /**
+   * The language of the code block node.
+   */
+  language?: string;
+  /**
+   * The size of the code block node.
+   */
+  size: number;
+}) => Decoration[] | Promise<void>;
+/**
+ * A function that extracts the language of a code block node.
+ */
+type LanguageExtractor = (node: Node) => string | undefined;
+//#endregion
+export { Parser as n, LanguageExtractor as t };
+//# sourceMappingURL=types-DCbyVqHc.d.ts.map

package/dist/types-DCbyVqHc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types-DCbyVqHc.d.ts","names":[],"sources":["../src/types.ts"],"mappings":";;;;;;AASA;;;;KAAY,MAAA,IAAU,OAAA;EASpB;;;EALA,OAAA;EAgBI;;;EAXJ,GAAA;EAgBU;;;EAXV,QAAA;EAWoD;;;EANpD,IAAA;AAAA,MACI,UAAA,KAAe,OAAA;;;;KAKT,iBAAA,IAAqB,IAAA,EAAM,IAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "prosemirror-highlight",
   "type": "module",
-  "version": "0.13.0",
+  "version": "0.14.0",
   "description": "A ProseMirror plugin to highlight code blocks",
   "author": "ocavue <ocavue@gmail.com>",
   "license": "MIT",
@@ -63,6 +63,9 @@
     "sugar-high": "^0.6.1 || ^0.7.0 || ^0.8.0 || ^0.9.0"
   },
   "peerDependenciesMeta": {
+    "@shikijs/types": {
+      "optional": true
+    },
     "@types/hast": {
       "optional": true
     },
@@ -87,53 +90,44 @@
     "refractor": {
       "optional": true
     },
-    "@shikijs/types": {
-      "optional": true
-    },
     "sugar-high": {
       "optional": true
     }
   },
   "devDependencies": {
-    "@antfu/ni": "^23.3.1",
-    "@ocavue/eslint-config": "^2.12.5",
+    "@ocavue/eslint-config": "^3.11.2",
+    "@ocavue/tsconfig": "^0.6.3",
+    "@shikijs/types": "^3.22.0",
     "@types/hast": "^3.0.4",
-    "@types/node": "^20.17.5",
-    "eslint": "^9.19.0",
+    "@types/node": "^24.0.0",
+    "eslint": "^9.39.2",
     "highlight.js": "^11.11.1",
-    "jsdom": "^25.0.1",
+    "jsdom": "^28.0.0",
     "lowlight": "^3.3.0",
-    "pkg-pr-new": "^0.0.41",
-    "prettier": "^3.5.2",
+    "pkg-pr-new": "^0.0.63",
+    "prettier": "^3.8.1",
     "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.38.0",
+    "prosemirror-model": "^1.25.4",
+    "prosemirror-schema-basic": "^1.2.4",
+    "prosemirror-state": "^1.4.4",
+    "prosemirror-transform": "^1.11.0",
+    "prosemirror-view": "^1.41.6",
     "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"
-  },
-  "renovate": {
-    "dependencyDashboard": true,
-    "extends": [
-      "github>ocavue/config-renovate"
-    ]
+    "shiki": "^3.22.0",
+    "sugar-high": "^0.9.5",
+    "tsdown": "^0.20.3",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.1",
+    "vitest": "^4.0.18"
   },
   "scripts": {
     "dev": "vite",
-    "build": "tsup",
+    "build": "tsdown",
     "build:playground": "vite build",
     "lint": "eslint .",
     "fix": "eslint --fix . && prettier --write .",
-    "start": "esno src/index.ts",
     "test": "vitest",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "tsc -b"
   },
   "typesVersions": {
     "*": {

package/dist/chunk-ZZGBRRBM.js

@@ -1,46 +0,0 @@
-// src/hast.ts
-import { Decoration } from "prosemirror-view";
-function fillFromRoot(decorations, node, from) {
-  for (const child of node.children) {
-    from = fillFromRootContent(decorations, child, from);
-  }
-}
-function fillFromRootContent(decorations, node, from) {
-  if (node.type === "element") {
-    const to = from + getElementSize(node);
-    const { className, ...rest } = node.properties || {};
-    decorations.push(
-      Decoration.inline(from, to, {
-        class: className ? Array.isArray(className) ? className.join(" ") : String(className) : void 0,
-        ...rest,
-        nodeName: node.tagName
-      })
-    );
-    return to;
-  } else if (node.type === "text") {
-    return from + node.value.length;
-  } else {
-    return from;
-  }
-}
-function getElementSize(node) {
-  let size = 0;
-  for (const child of node.children) {
-    size += getElementContentSize(child);
-  }
-  return size;
-}
-function getElementContentSize(node) {
-  switch (node.type) {
-    case "element":
-      return getElementSize(node);
-    case "text":
-      return node.value.length;
-    default:
-      return 0;
-  }
-}
-
-export {
-  fillFromRoot
-};

package/dist/types-BIUZQh-P.d.ts

@@ -1,33 +0,0 @@
-import { Node } from 'prosemirror-model';
-import { Decoration } from 'prosemirror-view';
-
-/**
- * A function that parses the text content of a code block node and returns an
- * array of ProseMirror decorations. If the underlying syntax highlighter is
- * still loading, you can return a promise that will be resolved when the
- * highlighter is ready.
- */
-type Parser = (options: {
-    /**
-     * The text content of the code block node.
-     */
-    content: string;
-    /**
-     * The start position of the code block node.
-     */
-    pos: number;
-    /**
-     * The language of the code block node.
-     */
-    language?: string;
-    /**
-     * The size of the code block node.
-     */
-    size: number;
-}) => Decoration[] | Promise<void>;
-/**
- * A function that extracts the language of a code block node.
- */
-type LanguageExtractor = (node: Node) => string | undefined;
-
-export type { LanguageExtractor as L, Parser as P };