@tiptap/extension-code-block-lowlight 2.5.0-beta.2 → 2.5.0-beta.3

package/dist/index.cjs

@@ -7,9 +7,9 @@ var core$1 = require('@tiptap/core');
 var state = require('@tiptap/pm/state');
 var view = require('@tiptap/pm/view');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var CodeBlock__default = /*#__PURE__*/_interopDefaultLegacy(CodeBlock);
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
 
 var deepFreezeEs6 = {exports: {}};
 
@@ -2578,142 +2578,142 @@ var core = highlight;
 highlight.HighlightJS = highlight;
 highlight.default = highlight;
 
-var HighlightJS = core;
-
-function parseNodes(nodes, className = []) {
-    return nodes
-        .map(node => {
-        const classes = [...className, ...(node.properties ? node.properties.className : [])];
-        if (node.children) {
-            return parseNodes(node.children, classes);
-        }
-        return {
-            text: node.value,
-            classes,
-        };
-    })
-        .flat();
-}
-function getHighlightNodes(result) {
-    // `.value` for lowlight v1, `.children` for lowlight v2
-    return result.value || result.children || [];
-}
-function registered(aliasOrLanguage) {
-    return Boolean(HighlightJS.getLanguage(aliasOrLanguage));
-}
-function getDecorations({ doc, name, lowlight, defaultLanguage, }) {
-    const decorations = [];
-    core$1.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));
-        parseNodes(nodes).forEach(node => {
-            const to = from + node.text.length;
-            if (node.classes.length) {
-                const decoration = view.Decoration.inline(from, to, {
-                    class: node.classes.join(' '),
-                });
-                decorations.push(decoration);
-            }
-            from = to;
-        });
-    });
-    return view.DecorationSet.create(doc, decorations);
-}
-function isFunction(param) {
-    return typeof param === 'function';
-}
-function LowlightPlugin({ name, lowlight, defaultLanguage, }) {
-    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');
-    }
-    const lowlightPlugin = new state.Plugin({
-        key: new state.PluginKey('lowlight'),
-        state: {
-            init: (_, { doc }) => getDecorations({
-                doc,
-                name,
-                lowlight,
-                defaultLanguage,
-            }),
-            apply: (transaction, decorationSet, oldState, newState) => {
-                const oldNodeName = oldState.selection.$head.parent.type.name;
-                const newNodeName = newState.selection.$head.parent.type.name;
-                const oldNodes = core$1.findChildren(oldState.doc, node => node.type.name === name);
-                const newNodes = core$1.findChildren(newState.doc, node => node.type.name === name);
-                if (transaction.docChanged
-                    // Apply decorations if:
-                    // 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
-                        // (for example, a transaction that affects the entire document).
-                        // Such transactions can happen during collab syncing via y-prosemirror, for example.
-                        || transaction.steps.some(step => {
-                            // @ts-ignore
-                            return (
-                            // @ts-ignore
-                            step.from !== undefined
-                                // @ts-ignore
-                                && step.to !== undefined
-                                && oldNodes.some(node => {
-                                    // @ts-ignore
-                                    return (
-                                    // @ts-ignore
-                                    node.pos >= step.from
-                                        // @ts-ignore
-                                        && node.pos + node.node.nodeSize <= step.to);
-                                }));
-                        }))) {
-                    return getDecorations({
-                        doc: transaction.doc,
-                        name,
-                        lowlight,
-                        defaultLanguage,
-                    });
-                }
-                return decorationSet.map(transaction.mapping, transaction.doc);
-            },
-        },
-        props: {
-            decorations(state) {
-                return lowlightPlugin.getState(state);
-            },
-        },
-    });
-    return lowlightPlugin;
+var HighlightJS = /*@__PURE__*/getDefaultExportFromCjs(core);
+
+function parseNodes(nodes, className = []) {
+    return nodes
+        .map(node => {
+        const classes = [...className, ...(node.properties ? node.properties.className : [])];
+        if (node.children) {
+            return parseNodes(node.children, classes);
+        }
+        return {
+            text: node.value,
+            classes,
+        };
+    })
+        .flat();
+}
+function getHighlightNodes(result) {
+    // `.value` for lowlight v1, `.children` for lowlight v2
+    return result.value || result.children || [];
+}
+function registered(aliasOrLanguage) {
+    return Boolean(HighlightJS.getLanguage(aliasOrLanguage));
+}
+function getDecorations({ doc, name, lowlight, defaultLanguage, }) {
+    const decorations = [];
+    core$1.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));
+        parseNodes(nodes).forEach(node => {
+            const to = from + node.text.length;
+            if (node.classes.length) {
+                const decoration = view.Decoration.inline(from, to, {
+                    class: node.classes.join(' '),
+                });
+                decorations.push(decoration);
+            }
+            from = to;
+        });
+    });
+    return view.DecorationSet.create(doc, decorations);
+}
+function isFunction(param) {
+    return typeof param === 'function';
+}
+function LowlightPlugin({ name, lowlight, defaultLanguage, }) {
+    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');
+    }
+    const lowlightPlugin = new state.Plugin({
+        key: new state.PluginKey('lowlight'),
+        state: {
+            init: (_, { doc }) => getDecorations({
+                doc,
+                name,
+                lowlight,
+                defaultLanguage,
+            }),
+            apply: (transaction, decorationSet, oldState, newState) => {
+                const oldNodeName = oldState.selection.$head.parent.type.name;
+                const newNodeName = newState.selection.$head.parent.type.name;
+                const oldNodes = core$1.findChildren(oldState.doc, node => node.type.name === name);
+                const newNodes = core$1.findChildren(newState.doc, node => node.type.name === name);
+                if (transaction.docChanged
+                    // Apply decorations if:
+                    // 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
+                        // (for example, a transaction that affects the entire document).
+                        // Such transactions can happen during collab syncing via y-prosemirror, for example.
+                        || transaction.steps.some(step => {
+                            // @ts-ignore
+                            return (
+                            // @ts-ignore
+                            step.from !== undefined
+                                // @ts-ignore
+                                && step.to !== undefined
+                                && oldNodes.some(node => {
+                                    // @ts-ignore
+                                    return (
+                                    // @ts-ignore
+                                    node.pos >= step.from
+                                        // @ts-ignore
+                                        && node.pos + node.node.nodeSize <= step.to);
+                                }));
+                        }))) {
+                    return getDecorations({
+                        doc: transaction.doc,
+                        name,
+                        lowlight,
+                        defaultLanguage,
+                    });
+                }
+                return decorationSet.map(transaction.mapping, transaction.doc);
+            },
+        },
+        props: {
+            decorations(state) {
+                return lowlightPlugin.getState(state);
+            },
+        },
+    });
+    return lowlightPlugin;
 }
 
-/**
- * This extension allows you to highlight code blocks with lowlight.
- * @see https://tiptap.dev/api/nodes/code-block-lowlight
- */
-const CodeBlockLowlight = CodeBlock__default["default"].extend({
-    addOptions() {
-        var _a;
-        return {
-            ...(_a = this.parent) === null || _a === void 0 ? void 0 : _a.call(this),
-            lowlight: {},
-            defaultLanguage: null,
-        };
-    },
-    addProseMirrorPlugins() {
-        var _a;
-        return [
-            ...((_a = this.parent) === null || _a === void 0 ? void 0 : _a.call(this)) || [],
-            LowlightPlugin({
-                name: this.name,
-                lowlight: this.options.lowlight,
-                defaultLanguage: this.options.defaultLanguage,
-            }),
-        ];
-    },
+/**
+ * This extension allows you to highlight code blocks with lowlight.
+ * @see https://tiptap.dev/api/nodes/code-block-lowlight
+ */
+const CodeBlockLowlight = CodeBlock.extend({
+    addOptions() {
+        var _a;
+        return {
+            ...(_a = this.parent) === null || _a === void 0 ? void 0 : _a.call(this),
+            lowlight: {},
+            defaultLanguage: null,
+        };
+    },
+    addProseMirrorPlugins() {
+        var _a;
+        return [
+            ...((_a = this.parent) === null || _a === void 0 ? void 0 : _a.call(this)) || [],
+            LowlightPlugin({
+                name: this.name,
+                lowlight: this.options.lowlight,
+                defaultLanguage: this.options.defaultLanguage,
+            }),
+        ];
+    },
 });
 
 exports.CodeBlockLowlight = CodeBlockLowlight;
-exports["default"] = CodeBlockLowlight;
+exports.default = CodeBlockLowlight;
 //# sourceMappingURL=index.cjs.map