102 lines
4.2 KiB
JavaScript
102 lines
4.2 KiB
JavaScript
(function (global, factory) {
|
||
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@tiptap/core'), require('@tiptap/pm/state')) :
|
||
typeof define === 'function' && define.amd ? define(['exports', '@tiptap/core', '@tiptap/pm/state'], factory) :
|
||
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@tiptap/extension-horizontal-rule"] = {}, global.core, global.state));
|
||
})(this, (function (exports, core, state) { 'use strict';
|
||
|
||
/**
|
||
* This extension allows you to insert horizontal rules.
|
||
* @see https://www.tiptap.dev/api/nodes/horizontal-rule
|
||
*/
|
||
const HorizontalRule = core.Node.create({
|
||
name: 'horizontalRule',
|
||
addOptions() {
|
||
return {
|
||
HTMLAttributes: {},
|
||
};
|
||
},
|
||
group: 'block',
|
||
parseHTML() {
|
||
return [{ tag: 'hr' }];
|
||
},
|
||
renderHTML({ HTMLAttributes }) {
|
||
return ['hr', core.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];
|
||
},
|
||
addCommands() {
|
||
return {
|
||
setHorizontalRule: () => ({ chain, state: state$1 }) => {
|
||
// Check if we can insert the node at the current selection
|
||
if (!core.canInsertNode(state$1, state$1.schema.nodes[this.name])) {
|
||
return false;
|
||
}
|
||
const { selection } = state$1;
|
||
const { $from: $originFrom, $to: $originTo } = selection;
|
||
const currentChain = chain();
|
||
if ($originFrom.parentOffset === 0) {
|
||
currentChain.insertContentAt({
|
||
from: Math.max($originFrom.pos - 1, 0),
|
||
to: $originTo.pos,
|
||
}, {
|
||
type: this.name,
|
||
});
|
||
}
|
||
else if (core.isNodeSelection(selection)) {
|
||
currentChain.insertContentAt($originTo.pos, {
|
||
type: this.name,
|
||
});
|
||
}
|
||
else {
|
||
currentChain.insertContent({ type: this.name });
|
||
}
|
||
return (currentChain
|
||
// set cursor after horizontal rule
|
||
.command(({ tr, dispatch }) => {
|
||
var _a;
|
||
if (dispatch) {
|
||
const { $to } = tr.selection;
|
||
const posAfter = $to.end();
|
||
if ($to.nodeAfter) {
|
||
if ($to.nodeAfter.isTextblock) {
|
||
tr.setSelection(state.TextSelection.create(tr.doc, $to.pos + 1));
|
||
}
|
||
else if ($to.nodeAfter.isBlock) {
|
||
tr.setSelection(state.NodeSelection.create(tr.doc, $to.pos));
|
||
}
|
||
else {
|
||
tr.setSelection(state.TextSelection.create(tr.doc, $to.pos));
|
||
}
|
||
}
|
||
else {
|
||
// add node after horizontal rule if it’s the end of the document
|
||
const node = (_a = $to.parent.type.contentMatch.defaultType) === null || _a === void 0 ? void 0 : _a.create();
|
||
if (node) {
|
||
tr.insert(posAfter, node);
|
||
tr.setSelection(state.TextSelection.create(tr.doc, posAfter + 1));
|
||
}
|
||
}
|
||
tr.scrollIntoView();
|
||
}
|
||
return true;
|
||
})
|
||
.run());
|
||
},
|
||
};
|
||
},
|
||
addInputRules() {
|
||
return [
|
||
core.nodeInputRule({
|
||
find: /^(?:---|—-|___\s|\*\*\*\s)$/,
|
||
type: this.type,
|
||
}),
|
||
];
|
||
},
|
||
});
|
||
|
||
exports.HorizontalRule = HorizontalRule;
|
||
exports.default = HorizontalRule;
|
||
|
||
Object.defineProperty(exports, '__esModule', { value: true });
|
||
|
||
}));
|
||
//# sourceMappingURL=index.umd.js.map
|