@tiptap/extension-code-block-lowlight 2.0.0-beta.208 → 2.0.0-beta.210

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tiptap/extension-code-block-lowlight",
   "description": "code block extension for tiptap",
-  "version": "2.0.0-beta.208",
+  "version": "2.0.0-beta.210",
   "homepage": "https://tiptap.dev",
   "keywords": [
     "tiptap",
@@ -15,36 +15,45 @@
   "type": "module",
   "exports": {
     ".": {
-      "types": "./dist/packages/extension-code-block-lowlight/src/index.d.ts",
-      "import": "./dist/tiptap-extension-code-block-lowlight.esm.js",
-      "require": "./dist/tiptap-extension-code-block-lowlight.cjs"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
     }
   },
-  "main": "dist/tiptap-extension-code-block-lowlight.cjs",
-  "umd": "dist/tiptap-extension-code-block-lowlight.umd.js",
-  "module": "dist/tiptap-extension-code-block-lowlight.esm.js",
-  "types": "dist/packages/extension-code-block-lowlight/src/index.d.ts",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
   "files": [
     "src",
     "dist"
   ],
   "peerDependencies": {
-    "@tiptap/core": "^2.0.0-beta.193",
-    "@tiptap/extension-code-block": "^2.0.0-beta.193",
-    "prosemirror-model": "^1.18.1",
-    "prosemirror-state": "^1.4.1",
-    "prosemirror-view": "^1.28.2"
+    "@tiptap/core": "^2.0.0-beta.209",
+    "@tiptap/extension-code-block": "^2.0.0-beta.209",
+    "@tiptap/pm": "^2.0.0-beta.209"
   },
   "devDependencies": {
-    "@tiptap/core": "^2.0.0-beta.208",
-    "@tiptap/extension-code-block": "^2.0.0-beta.208",
-    "prosemirror-model": "^1.18.1",
-    "prosemirror-state": "^1.4.1",
-    "prosemirror-view": "^1.28.2"
+    "@tiptap/core": "^2.0.0-beta.210",
+    "@tiptap/extension-code-block": "^2.0.0-beta.210",
+    "@tiptap/pm": "^2.0.0-beta.210"
   },
   "repository": {
     "type": "git",
     "url": "https://github.com/ueberdosis/tiptap",
     "directory": "packages/extension-code-block-lowlight"
+  },
+  "scripts": {
+    "build": "tsup"
+  },
+  "tsup": {
+    "entry": [
+      "src/index.ts"
+    ],
+    "dts": true,
+    "splitting": true,
+    "format": [
+      "esm",
+      "cjs"
+    ]
   }
 }

package/src/lowlight-plugin.ts

@@ -1,19 +1,14 @@
 import { findChildren } from '@tiptap/core'
+import { Node as ProsemirrorNode } from '@tiptap/pm/model'
+import { Plugin, PluginKey } from '@tiptap/pm/state'
+import { Decoration, DecorationSet } from '@tiptap/pm/view'
 // @ts-ignore
 import highlight from 'highlight.js/lib/core'
-import { Node as ProsemirrorNode } from 'prosemirror-model'
-import { Plugin, PluginKey } from 'prosemirror-state'
-import { Decoration, DecorationSet } from 'prosemirror-view'
 
-function parseNodes(nodes: any[], className: string[] = []): { text: string, classes: string[] }[] {
+function parseNodes(nodes: any[], className: string[] = []): { text: string; classes: string[] }[] {
   return nodes
     .map(node => {
-      const classes = [
-        ...className,
-        ...node.properties
-          ? node.properties.className
-          : [],
-      ]
+      const classes = [...className, ...(node.properties ? node.properties.className : [])]
 
       if (node.children) {
         return parseNodes(node.children, classes)
@@ -41,33 +36,37 @@ function getDecorations({
   name,
   lowlight,
   defaultLanguage,
-}: { doc: ProsemirrorNode, name: string, lowlight: any, defaultLanguage: string | null | undefined }) {
+}: {
+  doc: ProsemirrorNode
+  name: string
+  lowlight: any
+  defaultLanguage: string | null | undefined
+}) {
   const decorations: Decoration[] = []
 
-  findChildren(doc, node => node.type.name === name)
-    .forEach(block => {
-      let from = block.pos + 1
-      const language = block.node.attrs.language || defaultLanguage
-      const languages = lowlight.listLanguages()
+  findChildren(doc, node => node.type.name === name).forEach(block => {
+    let from = block.pos + 1
+    const language = block.node.attrs.language || defaultLanguage
+    const languages = lowlight.listLanguages()
 
-      const nodes = language && (languages.includes(language) || registered(language))
-        ? getHighlightNodes(lowlight.highlight(language, block.node.textContent))
-        : getHighlightNodes(lowlight.highlightAuto(block.node.textContent))
+    const nodes = language && (languages.includes(language) || registered(language))
+      ? getHighlightNodes(lowlight.highlight(language, block.node.textContent))
+      : getHighlightNodes(lowlight.highlightAuto(block.node.textContent))
 
-      parseNodes(nodes).forEach(node => {
-        const to = from + node.text.length
+    parseNodes(nodes).forEach(node => {
+      const to = from + node.text.length
 
-        if (node.classes.length) {
-          const decoration = Decoration.inline(from, to, {
-            class: node.classes.join(' '),
-          })
+      if (node.classes.length) {
+        const decoration = Decoration.inline(from, to, {
+          class: node.classes.join(' '),
+        })
 
-          decorations.push(decoration)
-        }
+        decorations.push(decoration)
+      }
 
-        from = to
-      })
+      from = to
     })
+  })
 
   return DecorationSet.create(doc, decorations)
 }
@@ -76,9 +75,19 @@ function isFunction(param: Function) {
   return typeof param === 'function'
 }
 
-export function LowlightPlugin({ name, lowlight, defaultLanguage }: { name: string, lowlight: any, defaultLanguage: string | null | undefined }) {
+export function LowlightPlugin({
+  name,
+  lowlight,
+  defaultLanguage,
+}: {
+  name: string
+  lowlight: any
+  defaultLanguage: string | null | undefined
+}) {
   if (!['highlight', 'highlightAuto', 'listLanguages'].every(api => isFunction(lowlight[api]))) {
-    throw Error('You should provide an instance of lowlight to use the code-block-lowlight extension')
+    throw Error(
+      'You should provide an instance of lowlight to use the code-block-lowlight extension',
+    )
   }
 
   const lowlightPlugin: Plugin<any> = new Plugin({
@@ -100,9 +109,8 @@ export function LowlightPlugin({ name, lowlight, defaultLanguage }: { name: stri
         if (
           transaction.docChanged
           // Apply decorations if:
-          && (
-            // selection includes named node,
-            [oldNodeName, newNodeName].includes(name)
+          // selection includes named node,
+          && ([oldNodeName, newNodeName].includes(name)
             // OR transaction adds/removes named node,
             || newNodes.length !== oldNodes.length
             // OR transaction has changes that completely encapsulte a node
@@ -110,17 +118,22 @@ export function LowlightPlugin({ name, lowlight, defaultLanguage }: { name: stri
             // Such transactions can happen during collab syncing via y-prosemirror, for example.
             || transaction.steps.some(step => {
               // @ts-ignore
-              return step.from !== undefined
+              return (
+                // @ts-ignore
+                step.from !== undefined
                 // @ts-ignore
                 && step.to !== undefined
                 && oldNodes.some(node => {
                   // @ts-ignore
-                  return node.pos >= step.from
+                  return (
+                    // @ts-ignore
+                    node.pos >= step.from
                     // @ts-ignore
                     && node.pos + node.node.nodeSize <= step.to
+                  )
                 })
-            })
-          )
+              )
+            }))
         ) {
           return getDecorations({
             doc: transaction.doc,

package/dist/packages/extension-code-block-lowlight/src/code-block-lowlight.d.ts

@@ -1,6 +0,0 @@
-import { CodeBlockOptions } from '@tiptap/extension-code-block';
-export interface CodeBlockLowlightOptions extends CodeBlockOptions {
-    lowlight: any;
-    defaultLanguage: string | null | undefined;
-}
-export declare const CodeBlockLowlight: import("@tiptap/core").Node<CodeBlockLowlightOptions, any>;

package/dist/packages/extension-code-block-lowlight/src/index.d.ts

@@ -1,3 +0,0 @@
-import { CodeBlockLowlight } from './code-block-lowlight';
-export * from './code-block-lowlight';
-export default CodeBlockLowlight;

package/dist/packages/extension-code-block-lowlight/src/lowlight-plugin.d.ts

@@ -1,6 +0,0 @@
-import { Plugin } from 'prosemirror-state';
-export declare function LowlightPlugin({ name, lowlight, defaultLanguage }: {
-    name: string;
-    lowlight: any;
-    defaultLanguage: string | null | undefined;
-}): Plugin<any>;