@tiptap/extension-code-block 3.0.0 → 3.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE.md +21 -0
- package/README.md +5 -1
- package/dist/index.cjs +226 -221
- package/dist/index.cjs.map +1 -1
- package/dist/{packages/extension-code-block/src/code-block.d.ts → index.d.cts} +13 -4
- package/dist/index.d.ts +68 -0
- package/dist/index.js +199 -216
- package/dist/index.js.map +1 -1
- package/package.json +13 -11
- package/src/code-block.ts +18 -8
- package/dist/index.umd.js +0 -228
- package/dist/index.umd.js.map +0 -1
- package/dist/packages/core/src/CommandManager.d.ts +0 -20
- package/dist/packages/core/src/Editor.d.ts +0 -161
- package/dist/packages/core/src/EventEmitter.d.ts +0 -11
- package/dist/packages/core/src/Extension.d.ts +0 -343
- package/dist/packages/core/src/ExtensionManager.d.ts +0 -55
- package/dist/packages/core/src/InputRule.d.ts +0 -42
- package/dist/packages/core/src/Mark.d.ts +0 -451
- package/dist/packages/core/src/Node.d.ts +0 -611
- package/dist/packages/core/src/NodePos.d.ts +0 -44
- package/dist/packages/core/src/NodeView.d.ts +0 -31
- package/dist/packages/core/src/PasteRule.d.ts +0 -50
- package/dist/packages/core/src/Tracker.d.ts +0 -11
- package/dist/packages/core/src/commands/blur.d.ts +0 -13
- package/dist/packages/core/src/commands/clearContent.d.ts +0 -14
- package/dist/packages/core/src/commands/clearNodes.d.ts +0 -13
- package/dist/packages/core/src/commands/command.d.ts +0 -18
- package/dist/packages/core/src/commands/createParagraphNear.d.ts +0 -13
- package/dist/packages/core/src/commands/cut.d.ts +0 -20
- package/dist/packages/core/src/commands/deleteCurrentNode.d.ts +0 -13
- package/dist/packages/core/src/commands/deleteNode.d.ts +0 -15
- package/dist/packages/core/src/commands/deleteRange.d.ts +0 -14
- package/dist/packages/core/src/commands/deleteSelection.d.ts +0 -13
- package/dist/packages/core/src/commands/enter.d.ts +0 -13
- package/dist/packages/core/src/commands/exitCode.d.ts +0 -13
- package/dist/packages/core/src/commands/extendMarkRange.d.ts +0 -25
- package/dist/packages/core/src/commands/first.d.ts +0 -14
- package/dist/packages/core/src/commands/focus.d.ts +0 -27
- package/dist/packages/core/src/commands/forEach.d.ts +0 -14
- package/dist/packages/core/src/commands/index.d.ts +0 -55
- package/dist/packages/core/src/commands/insertContent.d.ts +0 -34
- package/dist/packages/core/src/commands/insertContentAt.d.ts +0 -47
- package/dist/packages/core/src/commands/join.d.ts +0 -41
- package/dist/packages/core/src/commands/joinItemBackward.d.ts +0 -13
- package/dist/packages/core/src/commands/joinItemForward.d.ts +0 -13
- package/dist/packages/core/src/commands/joinTextblockBackward.d.ts +0 -12
- package/dist/packages/core/src/commands/joinTextblockForward.d.ts +0 -12
- package/dist/packages/core/src/commands/keyboardShortcut.d.ts +0 -14
- package/dist/packages/core/src/commands/lift.d.ts +0 -17
- package/dist/packages/core/src/commands/liftEmptyBlock.d.ts +0 -13
- package/dist/packages/core/src/commands/liftListItem.d.ts +0 -15
- package/dist/packages/core/src/commands/newlineInCode.d.ts +0 -13
- package/dist/packages/core/src/commands/resetAttributes.d.ts +0 -16
- package/dist/packages/core/src/commands/scrollIntoView.d.ts +0 -13
- package/dist/packages/core/src/commands/selectAll.d.ts +0 -13
- package/dist/packages/core/src/commands/selectNodeBackward.d.ts +0 -13
- package/dist/packages/core/src/commands/selectNodeForward.d.ts +0 -13
- package/dist/packages/core/src/commands/selectParentNode.d.ts +0 -13
- package/dist/packages/core/src/commands/selectTextblockEnd.d.ts +0 -13
- package/dist/packages/core/src/commands/selectTextblockStart.d.ts +0 -13
- package/dist/packages/core/src/commands/setContent.d.ts +0 -40
- package/dist/packages/core/src/commands/setMark.d.ts +0 -15
- package/dist/packages/core/src/commands/setMeta.d.ts +0 -15
- package/dist/packages/core/src/commands/setNode.d.ts +0 -16
- package/dist/packages/core/src/commands/setNodeSelection.d.ts +0 -14
- package/dist/packages/core/src/commands/setTextSelection.d.ts +0 -14
- package/dist/packages/core/src/commands/sinkListItem.d.ts +0 -15
- package/dist/packages/core/src/commands/splitBlock.d.ts +0 -17
- package/dist/packages/core/src/commands/splitListItem.d.ts +0 -15
- package/dist/packages/core/src/commands/toggleList.d.ts +0 -18
- package/dist/packages/core/src/commands/toggleMark.d.ts +0 -30
- package/dist/packages/core/src/commands/toggleNode.d.ts +0 -17
- package/dist/packages/core/src/commands/toggleWrap.d.ts +0 -16
- package/dist/packages/core/src/commands/undoInputRule.d.ts +0 -13
- package/dist/packages/core/src/commands/unsetAllMarks.d.ts +0 -13
- package/dist/packages/core/src/commands/unsetMark.d.ts +0 -25
- package/dist/packages/core/src/commands/updateAttributes.d.ts +0 -24
- package/dist/packages/core/src/commands/wrapIn.d.ts +0 -16
- package/dist/packages/core/src/commands/wrapInList.d.ts +0 -16
- package/dist/packages/core/src/extensions/clipboardTextSerializer.d.ts +0 -5
- package/dist/packages/core/src/extensions/commands.d.ts +0 -3
- package/dist/packages/core/src/extensions/editable.d.ts +0 -2
- package/dist/packages/core/src/extensions/focusEvents.d.ts +0 -2
- package/dist/packages/core/src/extensions/index.d.ts +0 -6
- package/dist/packages/core/src/extensions/keymap.d.ts +0 -2
- package/dist/packages/core/src/extensions/tabindex.d.ts +0 -2
- package/dist/packages/core/src/helpers/combineTransactionSteps.d.ts +0 -10
- package/dist/packages/core/src/helpers/createChainableState.d.ts +0 -10
- package/dist/packages/core/src/helpers/createDocument.d.ts +0 -12
- package/dist/packages/core/src/helpers/createNodeFromContent.d.ts +0 -15
- package/dist/packages/core/src/helpers/defaultBlockAt.d.ts +0 -7
- package/dist/packages/core/src/helpers/findChildren.d.ts +0 -9
- package/dist/packages/core/src/helpers/findChildrenInRange.d.ts +0 -10
- package/dist/packages/core/src/helpers/findParentNode.d.ts +0 -16
- package/dist/packages/core/src/helpers/findParentNodeClosestToPos.d.ts +0 -17
- package/dist/packages/core/src/helpers/generateHTML.d.ts +0 -8
- package/dist/packages/core/src/helpers/generateJSON.d.ts +0 -8
- package/dist/packages/core/src/helpers/generateText.d.ts +0 -12
- package/dist/packages/core/src/helpers/getAttributes.d.ts +0 -9
- package/dist/packages/core/src/helpers/getAttributesFromExtensions.d.ts +0 -6
- package/dist/packages/core/src/helpers/getChangedRanges.d.ts +0 -11
- package/dist/packages/core/src/helpers/getDebugJSON.d.ts +0 -8
- package/dist/packages/core/src/helpers/getExtensionField.d.ts +0 -9
- package/dist/packages/core/src/helpers/getHTMLFromFragment.d.ts +0 -2
- package/dist/packages/core/src/helpers/getMarkAttributes.d.ts +0 -3
- package/dist/packages/core/src/helpers/getMarkRange.d.ts +0 -3
- package/dist/packages/core/src/helpers/getMarkType.d.ts +0 -2
- package/dist/packages/core/src/helpers/getMarksBetween.d.ts +0 -3
- package/dist/packages/core/src/helpers/getNodeAtPosition.d.ts +0 -11
- package/dist/packages/core/src/helpers/getNodeAttributes.d.ts +0 -3
- package/dist/packages/core/src/helpers/getNodeType.d.ts +0 -2
- package/dist/packages/core/src/helpers/getRenderedAttributes.d.ts +0 -3
- package/dist/packages/core/src/helpers/getSchema.d.ts +0 -4
- package/dist/packages/core/src/helpers/getSchemaByResolvedExtensions.d.ts +0 -10
- package/dist/packages/core/src/helpers/getSchemaTypeByName.d.ts +0 -8
- package/dist/packages/core/src/helpers/getSchemaTypeNameByName.d.ts +0 -8
- package/dist/packages/core/src/helpers/getSplittedAttributes.d.ts +0 -9
- package/dist/packages/core/src/helpers/getText.d.ts +0 -15
- package/dist/packages/core/src/helpers/getTextBetween.d.ts +0 -14
- package/dist/packages/core/src/helpers/getTextContentFromNodes.d.ts +0 -8
- package/dist/packages/core/src/helpers/getTextSerializersFromSchema.d.ts +0 -8
- package/dist/packages/core/src/helpers/index.d.ts +0 -50
- package/dist/packages/core/src/helpers/injectExtensionAttributesToParseRule.d.ts +0 -9
- package/dist/packages/core/src/helpers/isActive.d.ts +0 -2
- package/dist/packages/core/src/helpers/isAtEndOfNode.d.ts +0 -2
- package/dist/packages/core/src/helpers/isAtStartOfNode.d.ts +0 -2
- package/dist/packages/core/src/helpers/isExtensionRulesEnabled.d.ts +0 -2
- package/dist/packages/core/src/helpers/isList.d.ts +0 -2
- package/dist/packages/core/src/helpers/isMarkActive.d.ts +0 -3
- package/dist/packages/core/src/helpers/isNodeActive.d.ts +0 -3
- package/dist/packages/core/src/helpers/isNodeEmpty.d.ts +0 -2
- package/dist/packages/core/src/helpers/isNodeSelection.d.ts +0 -2
- package/dist/packages/core/src/helpers/isTextSelection.d.ts +0 -2
- package/dist/packages/core/src/helpers/posToDOMRect.d.ts +0 -2
- package/dist/packages/core/src/helpers/resolveFocusPosition.d.ts +0 -4
- package/dist/packages/core/src/helpers/selectionToInsertionEnd.d.ts +0 -2
- package/dist/packages/core/src/helpers/splitExtensions.d.ts +0 -9
- package/dist/packages/core/src/index.d.ts +0 -24
- package/dist/packages/core/src/inputRules/index.d.ts +0 -5
- package/dist/packages/core/src/inputRules/markInputRule.d.ts +0 -13
- package/dist/packages/core/src/inputRules/nodeInputRule.d.ts +0 -23
- package/dist/packages/core/src/inputRules/textInputRule.d.ts +0 -10
- package/dist/packages/core/src/inputRules/textblockTypeInputRule.d.ts +0 -15
- package/dist/packages/core/src/inputRules/wrappingInputRule.d.ts +0 -28
- package/dist/packages/core/src/pasteRules/index.d.ts +0 -3
- package/dist/packages/core/src/pasteRules/markPasteRule.d.ts +0 -13
- package/dist/packages/core/src/pasteRules/nodePasteRule.d.ts +0 -13
- package/dist/packages/core/src/pasteRules/textPasteRule.d.ts +0 -10
- package/dist/packages/core/src/style.d.ts +0 -1
- package/dist/packages/core/src/types.d.ts +0 -255
- package/dist/packages/core/src/utilities/callOrReturn.d.ts +0 -9
- package/dist/packages/core/src/utilities/createStyleTag.d.ts +0 -1
- package/dist/packages/core/src/utilities/deleteProps.d.ts +0 -6
- package/dist/packages/core/src/utilities/elementFromString.d.ts +0 -1
- package/dist/packages/core/src/utilities/escapeForRegEx.d.ts +0 -1
- package/dist/packages/core/src/utilities/findDuplicates.d.ts +0 -1
- package/dist/packages/core/src/utilities/fromString.d.ts +0 -1
- package/dist/packages/core/src/utilities/index.d.ts +0 -20
- package/dist/packages/core/src/utilities/isAndroid.d.ts +0 -1
- package/dist/packages/core/src/utilities/isEmptyObject.d.ts +0 -1
- package/dist/packages/core/src/utilities/isFunction.d.ts +0 -1
- package/dist/packages/core/src/utilities/isMacOS.d.ts +0 -1
- package/dist/packages/core/src/utilities/isNumber.d.ts +0 -1
- package/dist/packages/core/src/utilities/isPlainObject.d.ts +0 -1
- package/dist/packages/core/src/utilities/isRegExp.d.ts +0 -1
- package/dist/packages/core/src/utilities/isString.d.ts +0 -1
- package/dist/packages/core/src/utilities/isiOS.d.ts +0 -1
- package/dist/packages/core/src/utilities/mergeAttributes.d.ts +0 -1
- package/dist/packages/core/src/utilities/mergeDeep.d.ts +0 -1
- package/dist/packages/core/src/utilities/minMax.d.ts +0 -1
- package/dist/packages/core/src/utilities/objectIncludes.d.ts +0 -8
- package/dist/packages/core/src/utilities/removeDuplicates.d.ts +0 -8
- package/dist/packages/extension-code-block/src/index.d.ts +0 -3
package/src/code-block.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { mergeAttributes, Node, textblockTypeInputRule } from '@tiptap/core'
|
|
2
|
-
import { Plugin, PluginKey, TextSelection } from '@tiptap/pm/state'
|
|
2
|
+
import { Plugin, PluginKey, Selection, TextSelection } from '@tiptap/pm/state'
|
|
3
3
|
|
|
4
4
|
export interface CodeBlockOptions {
|
|
5
5
|
/**
|
|
@@ -17,6 +17,12 @@ export interface CodeBlockOptions {
|
|
|
17
17
|
* @default true
|
|
18
18
|
*/
|
|
19
19
|
exitOnArrowDown: boolean
|
|
20
|
+
/**
|
|
21
|
+
* The default language.
|
|
22
|
+
* @default null
|
|
23
|
+
* @example 'js'
|
|
24
|
+
*/
|
|
25
|
+
defaultLanguage: string | null | undefined
|
|
20
26
|
/**
|
|
21
27
|
* Custom HTML attributes that should be added to the rendered HTML tag.
|
|
22
28
|
* @default {}
|
|
@@ -66,6 +72,7 @@ export const CodeBlock = Node.create<CodeBlockOptions>({
|
|
|
66
72
|
languageClassPrefix: 'language-',
|
|
67
73
|
exitOnTripleEnter: true,
|
|
68
74
|
exitOnArrowDown: true,
|
|
75
|
+
defaultLanguage: null,
|
|
69
76
|
HTMLAttributes: {},
|
|
70
77
|
}
|
|
71
78
|
},
|
|
@@ -83,7 +90,7 @@ export const CodeBlock = Node.create<CodeBlockOptions>({
|
|
|
83
90
|
addAttributes() {
|
|
84
91
|
return {
|
|
85
92
|
language: {
|
|
86
|
-
default:
|
|
93
|
+
default: this.options.defaultLanguage,
|
|
87
94
|
parseHTML: element => {
|
|
88
95
|
const { languageClassPrefix } = this.options
|
|
89
96
|
const classNames = [...(element.firstElementChild?.classList || [])]
|
|
@@ -119,9 +126,7 @@ export const CodeBlock = Node.create<CodeBlockOptions>({
|
|
|
119
126
|
[
|
|
120
127
|
'code',
|
|
121
128
|
{
|
|
122
|
-
class: node.attrs.language
|
|
123
|
-
? this.options.languageClassPrefix + node.attrs.language
|
|
124
|
-
: null,
|
|
129
|
+
class: node.attrs.language ? this.options.languageClassPrefix + node.attrs.language : null,
|
|
125
130
|
},
|
|
126
131
|
0,
|
|
127
132
|
],
|
|
@@ -131,11 +136,13 @@ export const CodeBlock = Node.create<CodeBlockOptions>({
|
|
|
131
136
|
addCommands() {
|
|
132
137
|
return {
|
|
133
138
|
setCodeBlock:
|
|
134
|
-
attributes =>
|
|
139
|
+
attributes =>
|
|
140
|
+
({ commands }) => {
|
|
135
141
|
return commands.setNode(this.name, attributes)
|
|
136
142
|
},
|
|
137
143
|
toggleCodeBlock:
|
|
138
|
-
attributes =>
|
|
144
|
+
attributes =>
|
|
145
|
+
({ commands }) => {
|
|
139
146
|
return commands.toggleNode(this.name, 'paragraph', attributes)
|
|
140
147
|
},
|
|
141
148
|
}
|
|
@@ -222,7 +229,10 @@ export const CodeBlock = Node.create<CodeBlockOptions>({
|
|
|
222
229
|
const nodeAfter = doc.nodeAt(after)
|
|
223
230
|
|
|
224
231
|
if (nodeAfter) {
|
|
225
|
-
return
|
|
232
|
+
return editor.commands.command(({ tr }) => {
|
|
233
|
+
tr.setSelection(Selection.near(doc.resolve(after)))
|
|
234
|
+
return true
|
|
235
|
+
})
|
|
226
236
|
}
|
|
227
237
|
|
|
228
238
|
return editor.commands.exitCode()
|
package/dist/index.umd.js
DELETED
|
@@ -1,228 +0,0 @@
|
|
|
1
|
-
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@tiptap/core'), require('@tiptap/pm/state')) :
|
|
3
|
-
typeof define === 'function' && define.amd ? define(['exports', '@tiptap/core', '@tiptap/pm/state'], factory) :
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@tiptap/extension-code-block"] = {}, global.core, global.state));
|
|
5
|
-
})(this, (function (exports, core, state) { 'use strict';
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* Matches a code block with backticks.
|
|
9
|
-
*/
|
|
10
|
-
const backtickInputRegex = /^```([a-z]+)?[\s\n]$/;
|
|
11
|
-
/**
|
|
12
|
-
* Matches a code block with tildes.
|
|
13
|
-
*/
|
|
14
|
-
const tildeInputRegex = /^~~~([a-z]+)?[\s\n]$/;
|
|
15
|
-
/**
|
|
16
|
-
* This extension allows you to create code blocks.
|
|
17
|
-
* @see https://tiptap.dev/api/nodes/code-block
|
|
18
|
-
*/
|
|
19
|
-
const CodeBlock = core.Node.create({
|
|
20
|
-
name: 'codeBlock',
|
|
21
|
-
addOptions() {
|
|
22
|
-
return {
|
|
23
|
-
languageClassPrefix: 'language-',
|
|
24
|
-
exitOnTripleEnter: true,
|
|
25
|
-
exitOnArrowDown: true,
|
|
26
|
-
HTMLAttributes: {},
|
|
27
|
-
};
|
|
28
|
-
},
|
|
29
|
-
content: 'text*',
|
|
30
|
-
marks: '',
|
|
31
|
-
group: 'block',
|
|
32
|
-
code: true,
|
|
33
|
-
defining: true,
|
|
34
|
-
addAttributes() {
|
|
35
|
-
return {
|
|
36
|
-
language: {
|
|
37
|
-
default: null,
|
|
38
|
-
parseHTML: element => {
|
|
39
|
-
var _a;
|
|
40
|
-
const { languageClassPrefix } = this.options;
|
|
41
|
-
const classNames = [...(((_a = element.firstElementChild) === null || _a === void 0 ? void 0 : _a.classList) || [])];
|
|
42
|
-
const languages = classNames
|
|
43
|
-
.filter(className => className.startsWith(languageClassPrefix))
|
|
44
|
-
.map(className => className.replace(languageClassPrefix, ''));
|
|
45
|
-
const language = languages[0];
|
|
46
|
-
if (!language) {
|
|
47
|
-
return null;
|
|
48
|
-
}
|
|
49
|
-
return language;
|
|
50
|
-
},
|
|
51
|
-
rendered: false,
|
|
52
|
-
},
|
|
53
|
-
};
|
|
54
|
-
},
|
|
55
|
-
parseHTML() {
|
|
56
|
-
return [
|
|
57
|
-
{
|
|
58
|
-
tag: 'pre',
|
|
59
|
-
preserveWhitespace: 'full',
|
|
60
|
-
},
|
|
61
|
-
];
|
|
62
|
-
},
|
|
63
|
-
renderHTML({ node, HTMLAttributes }) {
|
|
64
|
-
return [
|
|
65
|
-
'pre',
|
|
66
|
-
core.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
|
|
67
|
-
[
|
|
68
|
-
'code',
|
|
69
|
-
{
|
|
70
|
-
class: node.attrs.language
|
|
71
|
-
? this.options.languageClassPrefix + node.attrs.language
|
|
72
|
-
: null,
|
|
73
|
-
},
|
|
74
|
-
0,
|
|
75
|
-
],
|
|
76
|
-
];
|
|
77
|
-
},
|
|
78
|
-
addCommands() {
|
|
79
|
-
return {
|
|
80
|
-
setCodeBlock: attributes => ({ commands }) => {
|
|
81
|
-
return commands.setNode(this.name, attributes);
|
|
82
|
-
},
|
|
83
|
-
toggleCodeBlock: attributes => ({ commands }) => {
|
|
84
|
-
return commands.toggleNode(this.name, 'paragraph', attributes);
|
|
85
|
-
},
|
|
86
|
-
};
|
|
87
|
-
},
|
|
88
|
-
addKeyboardShortcuts() {
|
|
89
|
-
return {
|
|
90
|
-
'Mod-Alt-c': () => this.editor.commands.toggleCodeBlock(),
|
|
91
|
-
// remove code block when at start of document or code block is empty
|
|
92
|
-
Backspace: () => {
|
|
93
|
-
const { empty, $anchor } = this.editor.state.selection;
|
|
94
|
-
const isAtStart = $anchor.pos === 1;
|
|
95
|
-
if (!empty || $anchor.parent.type.name !== this.name) {
|
|
96
|
-
return false;
|
|
97
|
-
}
|
|
98
|
-
if (isAtStart || !$anchor.parent.textContent.length) {
|
|
99
|
-
return this.editor.commands.clearNodes();
|
|
100
|
-
}
|
|
101
|
-
return false;
|
|
102
|
-
},
|
|
103
|
-
// exit node on triple enter
|
|
104
|
-
Enter: ({ editor }) => {
|
|
105
|
-
if (!this.options.exitOnTripleEnter) {
|
|
106
|
-
return false;
|
|
107
|
-
}
|
|
108
|
-
const { state } = editor;
|
|
109
|
-
const { selection } = state;
|
|
110
|
-
const { $from, empty } = selection;
|
|
111
|
-
if (!empty || $from.parent.type !== this.type) {
|
|
112
|
-
return false;
|
|
113
|
-
}
|
|
114
|
-
const isAtEnd = $from.parentOffset === $from.parent.nodeSize - 2;
|
|
115
|
-
const endsWithDoubleNewline = $from.parent.textContent.endsWith('\n\n');
|
|
116
|
-
if (!isAtEnd || !endsWithDoubleNewline) {
|
|
117
|
-
return false;
|
|
118
|
-
}
|
|
119
|
-
return editor
|
|
120
|
-
.chain()
|
|
121
|
-
.command(({ tr }) => {
|
|
122
|
-
tr.delete($from.pos - 2, $from.pos);
|
|
123
|
-
return true;
|
|
124
|
-
})
|
|
125
|
-
.exitCode()
|
|
126
|
-
.run();
|
|
127
|
-
},
|
|
128
|
-
// exit node on arrow down
|
|
129
|
-
ArrowDown: ({ editor }) => {
|
|
130
|
-
if (!this.options.exitOnArrowDown) {
|
|
131
|
-
return false;
|
|
132
|
-
}
|
|
133
|
-
const { state } = editor;
|
|
134
|
-
const { selection, doc } = state;
|
|
135
|
-
const { $from, empty } = selection;
|
|
136
|
-
if (!empty || $from.parent.type !== this.type) {
|
|
137
|
-
return false;
|
|
138
|
-
}
|
|
139
|
-
const isAtEnd = $from.parentOffset === $from.parent.nodeSize - 2;
|
|
140
|
-
if (!isAtEnd) {
|
|
141
|
-
return false;
|
|
142
|
-
}
|
|
143
|
-
const after = $from.after();
|
|
144
|
-
if (after === undefined) {
|
|
145
|
-
return false;
|
|
146
|
-
}
|
|
147
|
-
const nodeAfter = doc.nodeAt(after);
|
|
148
|
-
if (nodeAfter) {
|
|
149
|
-
return false;
|
|
150
|
-
}
|
|
151
|
-
return editor.commands.exitCode();
|
|
152
|
-
},
|
|
153
|
-
};
|
|
154
|
-
},
|
|
155
|
-
addInputRules() {
|
|
156
|
-
return [
|
|
157
|
-
core.textblockTypeInputRule({
|
|
158
|
-
find: backtickInputRegex,
|
|
159
|
-
type: this.type,
|
|
160
|
-
getAttributes: match => ({
|
|
161
|
-
language: match[1],
|
|
162
|
-
}),
|
|
163
|
-
}),
|
|
164
|
-
core.textblockTypeInputRule({
|
|
165
|
-
find: tildeInputRegex,
|
|
166
|
-
type: this.type,
|
|
167
|
-
getAttributes: match => ({
|
|
168
|
-
language: match[1],
|
|
169
|
-
}),
|
|
170
|
-
}),
|
|
171
|
-
];
|
|
172
|
-
},
|
|
173
|
-
addProseMirrorPlugins() {
|
|
174
|
-
return [
|
|
175
|
-
// this plugin creates a code block for pasted content from VS Code
|
|
176
|
-
// we can also detect the copied code language
|
|
177
|
-
new state.Plugin({
|
|
178
|
-
key: new state.PluginKey('codeBlockVSCodeHandler'),
|
|
179
|
-
props: {
|
|
180
|
-
handlePaste: (view, event) => {
|
|
181
|
-
if (!event.clipboardData) {
|
|
182
|
-
return false;
|
|
183
|
-
}
|
|
184
|
-
// don’t create a new code block within code blocks
|
|
185
|
-
if (this.editor.isActive(this.type.name)) {
|
|
186
|
-
return false;
|
|
187
|
-
}
|
|
188
|
-
const text = event.clipboardData.getData('text/plain');
|
|
189
|
-
const vscode = event.clipboardData.getData('vscode-editor-data');
|
|
190
|
-
const vscodeData = vscode ? JSON.parse(vscode) : undefined;
|
|
191
|
-
const language = vscodeData === null || vscodeData === void 0 ? void 0 : vscodeData.mode;
|
|
192
|
-
if (!text || !language) {
|
|
193
|
-
return false;
|
|
194
|
-
}
|
|
195
|
-
const { tr, schema } = view.state;
|
|
196
|
-
// prepare a text node
|
|
197
|
-
// strip carriage return chars from text pasted as code
|
|
198
|
-
// see: https://github.com/ProseMirror/prosemirror-view/commit/a50a6bcceb4ce52ac8fcc6162488d8875613aacd
|
|
199
|
-
const textNode = schema.text(text.replace(/\r\n?/g, '\n'));
|
|
200
|
-
// create a code block with the text node
|
|
201
|
-
// replace selection with the code block
|
|
202
|
-
tr.replaceSelectionWith(this.type.create({ language }, textNode));
|
|
203
|
-
if (tr.selection.$from.parent.type !== this.type) {
|
|
204
|
-
// put cursor inside the newly created code block
|
|
205
|
-
tr.setSelection(state.TextSelection.near(tr.doc.resolve(Math.max(0, tr.selection.from - 2))));
|
|
206
|
-
}
|
|
207
|
-
// store meta information
|
|
208
|
-
// this is useful for other plugins that depends on the paste event
|
|
209
|
-
// like the paste rule plugin
|
|
210
|
-
tr.setMeta('paste', true);
|
|
211
|
-
view.dispatch(tr);
|
|
212
|
-
return true;
|
|
213
|
-
},
|
|
214
|
-
},
|
|
215
|
-
}),
|
|
216
|
-
];
|
|
217
|
-
},
|
|
218
|
-
});
|
|
219
|
-
|
|
220
|
-
exports.CodeBlock = CodeBlock;
|
|
221
|
-
exports.backtickInputRegex = backtickInputRegex;
|
|
222
|
-
exports.default = CodeBlock;
|
|
223
|
-
exports.tildeInputRegex = tildeInputRegex;
|
|
224
|
-
|
|
225
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
226
|
-
|
|
227
|
-
}));
|
|
228
|
-
//# sourceMappingURL=index.umd.js.map
|
package/dist/index.umd.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.umd.js","sources":["../src/code-block.ts"],"sourcesContent":["import { mergeAttributes, Node, textblockTypeInputRule } from '@tiptap/core'\nimport { Plugin, PluginKey, TextSelection } from '@tiptap/pm/state'\n\nexport interface CodeBlockOptions {\n /**\n * Adds a prefix to language classes that are applied to code tags.\n * @default 'language-'\n */\n languageClassPrefix: string\n /**\n * Define whether the node should be exited on triple enter.\n * @default true\n */\n exitOnTripleEnter: boolean\n /**\n * Define whether the node should be exited on arrow down if there is no node after it.\n * @default true\n */\n exitOnArrowDown: boolean\n /**\n * Custom HTML attributes that should be added to the rendered HTML tag.\n * @default {}\n * @example { class: 'foo' }\n */\n HTMLAttributes: Record<string, any>\n}\n\ndeclare module '@tiptap/core' {\n interface Commands<ReturnType> {\n codeBlock: {\n /**\n * Set a code block\n * @param attributes Code block attributes\n * @example editor.commands.setCodeBlock({ language: 'javascript' })\n */\n setCodeBlock: (attributes?: { language: string }) => ReturnType\n /**\n * Toggle a code block\n * @param attributes Code block attributes\n * @example editor.commands.toggleCodeBlock({ language: 'javascript' })\n */\n toggleCodeBlock: (attributes?: { language: string }) => ReturnType\n }\n }\n}\n\n/**\n * Matches a code block with backticks.\n */\nexport const backtickInputRegex = /^```([a-z]+)?[\\s\\n]$/\n\n/**\n * Matches a code block with tildes.\n */\nexport const tildeInputRegex = /^~~~([a-z]+)?[\\s\\n]$/\n\n/**\n * This extension allows you to create code blocks.\n * @see https://tiptap.dev/api/nodes/code-block\n */\nexport const CodeBlock = Node.create<CodeBlockOptions>({\n name: 'codeBlock',\n\n addOptions() {\n return {\n languageClassPrefix: 'language-',\n exitOnTripleEnter: true,\n exitOnArrowDown: true,\n HTMLAttributes: {},\n }\n },\n\n content: 'text*',\n\n marks: '',\n\n group: 'block',\n\n code: true,\n\n defining: true,\n\n addAttributes() {\n return {\n language: {\n default: null,\n parseHTML: element => {\n const { languageClassPrefix } = this.options\n const classNames = [...(element.firstElementChild?.classList || [])]\n const languages = classNames\n .filter(className => className.startsWith(languageClassPrefix))\n .map(className => className.replace(languageClassPrefix, ''))\n const language = languages[0]\n\n if (!language) {\n return null\n }\n\n return language\n },\n rendered: false,\n },\n }\n },\n\n parseHTML() {\n return [\n {\n tag: 'pre',\n preserveWhitespace: 'full',\n },\n ]\n },\n\n renderHTML({ node, HTMLAttributes }) {\n return [\n 'pre',\n mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),\n [\n 'code',\n {\n class: node.attrs.language\n ? this.options.languageClassPrefix + node.attrs.language\n : null,\n },\n 0,\n ],\n ]\n },\n\n addCommands() {\n return {\n setCodeBlock:\n attributes => ({ commands }) => {\n return commands.setNode(this.name, attributes)\n },\n toggleCodeBlock:\n attributes => ({ commands }) => {\n return commands.toggleNode(this.name, 'paragraph', attributes)\n },\n }\n },\n\n addKeyboardShortcuts() {\n return {\n 'Mod-Alt-c': () => this.editor.commands.toggleCodeBlock(),\n\n // remove code block when at start of document or code block is empty\n Backspace: () => {\n const { empty, $anchor } = this.editor.state.selection\n const isAtStart = $anchor.pos === 1\n\n if (!empty || $anchor.parent.type.name !== this.name) {\n return false\n }\n\n if (isAtStart || !$anchor.parent.textContent.length) {\n return this.editor.commands.clearNodes()\n }\n\n return false\n },\n\n // exit node on triple enter\n Enter: ({ editor }) => {\n if (!this.options.exitOnTripleEnter) {\n return false\n }\n\n const { state } = editor\n const { selection } = state\n const { $from, empty } = selection\n\n if (!empty || $from.parent.type !== this.type) {\n return false\n }\n\n const isAtEnd = $from.parentOffset === $from.parent.nodeSize - 2\n const endsWithDoubleNewline = $from.parent.textContent.endsWith('\\n\\n')\n\n if (!isAtEnd || !endsWithDoubleNewline) {\n return false\n }\n\n return editor\n .chain()\n .command(({ tr }) => {\n tr.delete($from.pos - 2, $from.pos)\n\n return true\n })\n .exitCode()\n .run()\n },\n\n // exit node on arrow down\n ArrowDown: ({ editor }) => {\n if (!this.options.exitOnArrowDown) {\n return false\n }\n\n const { state } = editor\n const { selection, doc } = state\n const { $from, empty } = selection\n\n if (!empty || $from.parent.type !== this.type) {\n return false\n }\n\n const isAtEnd = $from.parentOffset === $from.parent.nodeSize - 2\n\n if (!isAtEnd) {\n return false\n }\n\n const after = $from.after()\n\n if (after === undefined) {\n return false\n }\n\n const nodeAfter = doc.nodeAt(after)\n\n if (nodeAfter) {\n return false\n }\n\n return editor.commands.exitCode()\n },\n }\n },\n\n addInputRules() {\n return [\n textblockTypeInputRule({\n find: backtickInputRegex,\n type: this.type,\n getAttributes: match => ({\n language: match[1],\n }),\n }),\n textblockTypeInputRule({\n find: tildeInputRegex,\n type: this.type,\n getAttributes: match => ({\n language: match[1],\n }),\n }),\n ]\n },\n\n addProseMirrorPlugins() {\n return [\n // this plugin creates a code block for pasted content from VS Code\n // we can also detect the copied code language\n new Plugin({\n key: new PluginKey('codeBlockVSCodeHandler'),\n props: {\n handlePaste: (view, event) => {\n if (!event.clipboardData) {\n return false\n }\n\n // don’t create a new code block within code blocks\n if (this.editor.isActive(this.type.name)) {\n return false\n }\n\n const text = event.clipboardData.getData('text/plain')\n const vscode = event.clipboardData.getData('vscode-editor-data')\n const vscodeData = vscode ? JSON.parse(vscode) : undefined\n const language = vscodeData?.mode\n\n if (!text || !language) {\n return false\n }\n\n const { tr, schema } = view.state\n\n // prepare a text node\n // strip carriage return chars from text pasted as code\n // see: https://github.com/ProseMirror/prosemirror-view/commit/a50a6bcceb4ce52ac8fcc6162488d8875613aacd\n const textNode = schema.text(text.replace(/\\r\\n?/g, '\\n'))\n\n // create a code block with the text node\n // replace selection with the code block\n tr.replaceSelectionWith(this.type.create({ language }, textNode))\n\n if (tr.selection.$from.parent.type !== this.type) {\n // put cursor inside the newly created code block\n tr.setSelection(TextSelection.near(tr.doc.resolve(Math.max(0, tr.selection.from - 2))))\n }\n\n // store meta information\n // this is useful for other plugins that depends on the paste event\n // like the paste rule plugin\n tr.setMeta('paste', true)\n\n view.dispatch(tr)\n\n return true\n },\n },\n }),\n ]\n },\n})\n"],"names":["Node","mergeAttributes","textblockTypeInputRule","Plugin","PluginKey","TextSelection"],"mappings":";;;;;;EA8CA;;EAEG;AACI,QAAM,kBAAkB,GAAG,uBAAsB;EAExD;;EAEG;AACI,QAAM,eAAe,GAAG,uBAAsB;EAErD;;;EAGG;AACU,QAAA,SAAS,GAAGA,SAAI,CAAC,MAAM,CAAmB;EACrD,IAAA,IAAI,EAAE,WAAW;MAEjB,UAAU,GAAA;UACR,OAAO;EACL,YAAA,mBAAmB,EAAE,WAAW;EAChC,YAAA,iBAAiB,EAAE,IAAI;EACvB,YAAA,eAAe,EAAE,IAAI;EACrB,YAAA,cAAc,EAAE,EAAE;WACnB,CAAA;OACF;EAED,IAAA,OAAO,EAAE,OAAO;EAEhB,IAAA,KAAK,EAAE,EAAE;EAET,IAAA,KAAK,EAAE,OAAO;EAEd,IAAA,IAAI,EAAE,IAAI;EAEV,IAAA,QAAQ,EAAE,IAAI;MAEd,aAAa,GAAA;UACX,OAAO;EACL,YAAA,QAAQ,EAAE;EACR,gBAAA,OAAO,EAAE,IAAI;kBACb,SAAS,EAAE,OAAO,IAAG;;EACnB,oBAAA,MAAM,EAAE,mBAAmB,EAAE,GAAG,IAAI,CAAC,OAAO,CAAA;EAC5C,oBAAA,MAAM,UAAU,GAAG,CAAC,IAAI,CAAA,CAAA,EAAA,GAAA,OAAO,CAAC,iBAAiB,0CAAE,SAAS,KAAI,EAAE,EAAE,CAAA;sBACpE,MAAM,SAAS,GAAG,UAAU;2BACzB,MAAM,CAAC,SAAS,IAAI,SAAS,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC;EAC9D,yBAAA,GAAG,CAAC,SAAS,IAAI,SAAS,CAAC,OAAO,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAAC,CAAA;EAC/D,oBAAA,MAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAC,CAAA;sBAE7B,IAAI,CAAC,QAAQ,EAAE;EACb,wBAAA,OAAO,IAAI,CAAA;uBACZ;EAED,oBAAA,OAAO,QAAQ,CAAA;mBAChB;EACD,gBAAA,QAAQ,EAAE,KAAK;EAChB,aAAA;WACF,CAAA;OACF;MAED,SAAS,GAAA;UACP,OAAO;EACL,YAAA;EACE,gBAAA,GAAG,EAAE,KAAK;EACV,gBAAA,kBAAkB,EAAE,MAAM;EAC3B,aAAA;WACF,CAAA;OACF;EAED,IAAA,UAAU,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,EAAA;UACjC,OAAO;cACL,KAAK;cACLC,oBAAe,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,EAAE,cAAc,CAAC;EAC5D,YAAA;kBACE,MAAM;EACN,gBAAA;EACE,oBAAA,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ;4BACtB,IAAI,CAAC,OAAO,CAAC,mBAAmB,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ;EACxD,0BAAE,IAAI;EACT,iBAAA;kBACD,CAAC;EACF,aAAA;WACF,CAAA;OACF;MAED,WAAW,GAAA;UACT,OAAO;cACL,YAAY,EACV,UAAU,IAAI,CAAC,EAAE,QAAQ,EAAE,KAAI;kBAC7B,OAAO,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,UAAU,CAAC,CAAA;eAC/C;cACH,eAAe,EACb,UAAU,IAAI,CAAC,EAAE,QAAQ,EAAE,KAAI;EAC7B,gBAAA,OAAO,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,UAAU,CAAC,CAAA;eAC/D;WACJ,CAAA;OACF;MAED,oBAAoB,GAAA;UAClB,OAAO;cACL,WAAW,EAAE,MAAM,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,EAAE;;cAGzD,SAAS,EAAE,MAAK;EACd,gBAAA,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAA;EACtD,gBAAA,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,KAAK,CAAC,CAAA;EAEnC,gBAAA,IAAI,CAAC,KAAK,IAAI,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE;EACpD,oBAAA,OAAO,KAAK,CAAA;mBACb;kBAED,IAAI,SAAS,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,EAAE;sBACnD,OAAO,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAA;mBACzC;EAED,gBAAA,OAAO,KAAK,CAAA;eACb;;EAGD,YAAA,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,KAAI;EACpB,gBAAA,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,iBAAiB,EAAE;EACnC,oBAAA,OAAO,KAAK,CAAA;mBACb;EAED,gBAAA,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;EACxB,gBAAA,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAA;EAC3B,gBAAA,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,SAAS,CAAA;EAElC,gBAAA,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE;EAC7C,oBAAA,OAAO,KAAK,CAAA;mBACb;EAED,gBAAA,MAAM,OAAO,GAAG,KAAK,CAAC,YAAY,KAAK,KAAK,CAAC,MAAM,CAAC,QAAQ,GAAG,CAAC,CAAA;EAChE,gBAAA,MAAM,qBAAqB,GAAG,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;EAEvE,gBAAA,IAAI,CAAC,OAAO,IAAI,CAAC,qBAAqB,EAAE;EACtC,oBAAA,OAAO,KAAK,CAAA;mBACb;EAED,gBAAA,OAAO,MAAM;EACV,qBAAA,KAAK,EAAE;EACP,qBAAA,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,KAAI;EAClB,oBAAA,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAA;EAEnC,oBAAA,OAAO,IAAI,CAAA;EACb,iBAAC,CAAC;EACD,qBAAA,QAAQ,EAAE;EACV,qBAAA,GAAG,EAAE,CAAA;eACT;;EAGD,YAAA,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,KAAI;EACxB,gBAAA,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,eAAe,EAAE;EACjC,oBAAA,OAAO,KAAK,CAAA;mBACb;EAED,gBAAA,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;EACxB,gBAAA,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,CAAA;EAChC,gBAAA,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,SAAS,CAAA;EAElC,gBAAA,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE;EAC7C,oBAAA,OAAO,KAAK,CAAA;mBACb;EAED,gBAAA,MAAM,OAAO,GAAG,KAAK,CAAC,YAAY,KAAK,KAAK,CAAC,MAAM,CAAC,QAAQ,GAAG,CAAC,CAAA;kBAEhE,IAAI,CAAC,OAAO,EAAE;EACZ,oBAAA,OAAO,KAAK,CAAA;mBACb;EAED,gBAAA,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,EAAE,CAAA;EAE3B,gBAAA,IAAI,KAAK,KAAK,SAAS,EAAE;EACvB,oBAAA,OAAO,KAAK,CAAA;mBACb;kBAED,MAAM,SAAS,GAAG,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;kBAEnC,IAAI,SAAS,EAAE;EACb,oBAAA,OAAO,KAAK,CAAA;mBACb;EAED,gBAAA,OAAO,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAA;eAClC;WACF,CAAA;OACF;MAED,aAAa,GAAA;UACX,OAAO;EACL,YAAAC,2BAAsB,CAAC;EACrB,gBAAA,IAAI,EAAE,kBAAkB;kBACxB,IAAI,EAAE,IAAI,CAAC,IAAI;EACf,gBAAA,aAAa,EAAE,KAAK,KAAK;EACvB,oBAAA,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;mBACnB,CAAC;eACH,CAAC;EACF,YAAAA,2BAAsB,CAAC;EACrB,gBAAA,IAAI,EAAE,eAAe;kBACrB,IAAI,EAAE,IAAI,CAAC,IAAI;EACf,gBAAA,aAAa,EAAE,KAAK,KAAK;EACvB,oBAAA,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;mBACnB,CAAC;eACH,CAAC;WACH,CAAA;OACF;MAED,qBAAqB,GAAA;UACnB,OAAO;;;EAGL,YAAA,IAAIC,YAAM,CAAC;EACT,gBAAA,GAAG,EAAE,IAAIC,eAAS,CAAC,wBAAwB,CAAC;EAC5C,gBAAA,KAAK,EAAE;EACL,oBAAA,WAAW,EAAE,CAAC,IAAI,EAAE,KAAK,KAAI;EAC3B,wBAAA,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE;EACxB,4BAAA,OAAO,KAAK,CAAA;2BACb;;EAGD,wBAAA,IAAI,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;EACxC,4BAAA,OAAO,KAAK,CAAA;2BACb;0BAED,MAAM,IAAI,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,YAAY,CAAC,CAAA;0BACtD,MAAM,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAA;EAChE,wBAAA,MAAM,UAAU,GAAG,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,SAAS,CAAA;0BAC1D,MAAM,QAAQ,GAAG,UAAU,KAAA,IAAA,IAAV,UAAU,KAAV,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,UAAU,CAAE,IAAI,CAAA;EAEjC,wBAAA,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE;EACtB,4BAAA,OAAO,KAAK,CAAA;2BACb;0BAED,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;;;;EAKjC,wBAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAA;;;EAI1D,wBAAA,EAAE,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,QAAQ,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAA;EAEjE,wBAAA,IAAI,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE;;EAEhD,4BAAA,EAAE,CAAC,YAAY,CAACC,mBAAa,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;2BACxF;;;;EAKD,wBAAA,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,CAAA;EAEzB,wBAAA,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;EAEjB,wBAAA,OAAO,IAAI,CAAA;uBACZ;EACF,iBAAA;eACF,CAAC;WACH,CAAA;OACF;EACF,CAAA;;;;;;;;;;;;;"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { EditorState, Transaction } from '@tiptap/pm/state';
|
|
2
|
-
import { Editor } from './Editor.js';
|
|
3
|
-
import { AnyCommands, CanCommands, ChainedCommands, CommandProps, SingleCommands } from './types.js';
|
|
4
|
-
export declare class CommandManager {
|
|
5
|
-
editor: Editor;
|
|
6
|
-
rawCommands: AnyCommands;
|
|
7
|
-
customState?: EditorState;
|
|
8
|
-
constructor(props: {
|
|
9
|
-
editor: Editor;
|
|
10
|
-
state?: EditorState;
|
|
11
|
-
});
|
|
12
|
-
get hasCustomState(): boolean;
|
|
13
|
-
get state(): EditorState;
|
|
14
|
-
get commands(): SingleCommands;
|
|
15
|
-
get chain(): () => ChainedCommands;
|
|
16
|
-
get can(): () => CanCommands;
|
|
17
|
-
createChain(startTr?: Transaction, shouldDispatch?: boolean): ChainedCommands;
|
|
18
|
-
createCan(startTr?: Transaction): CanCommands;
|
|
19
|
-
buildProps(tr: Transaction, shouldDispatch?: boolean): CommandProps;
|
|
20
|
-
}
|
|
@@ -1,161 +0,0 @@
|
|
|
1
|
-
import { MarkType, NodeType, Schema } from '@tiptap/pm/model';
|
|
2
|
-
import { EditorState, Plugin, PluginKey, Transaction } from '@tiptap/pm/state';
|
|
3
|
-
import { EditorView } from '@tiptap/pm/view';
|
|
4
|
-
import { EventEmitter } from './EventEmitter.js';
|
|
5
|
-
import { ExtensionManager } from './ExtensionManager.js';
|
|
6
|
-
import { NodePos } from './NodePos.js';
|
|
7
|
-
import { CanCommands, ChainedCommands, EditorEvents, EditorOptions, JSONContent, SingleCommands, TextSerializer } from './types.js';
|
|
8
|
-
export * as extensions from './extensions/index.js';
|
|
9
|
-
declare global {
|
|
10
|
-
interface HTMLElement {
|
|
11
|
-
editor?: Editor;
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
export declare class Editor extends EventEmitter<EditorEvents> {
|
|
15
|
-
private commandManager;
|
|
16
|
-
extensionManager: ExtensionManager;
|
|
17
|
-
private css;
|
|
18
|
-
schema: Schema;
|
|
19
|
-
view: EditorView;
|
|
20
|
-
isFocused: boolean;
|
|
21
|
-
extensionStorage: Record<string, any>;
|
|
22
|
-
options: EditorOptions;
|
|
23
|
-
constructor(options?: Partial<EditorOptions>);
|
|
24
|
-
/**
|
|
25
|
-
* Returns the editor storage.
|
|
26
|
-
*/
|
|
27
|
-
get storage(): Record<string, any>;
|
|
28
|
-
/**
|
|
29
|
-
* An object of all registered commands.
|
|
30
|
-
*/
|
|
31
|
-
get commands(): SingleCommands;
|
|
32
|
-
/**
|
|
33
|
-
* Create a command chain to call multiple commands at once.
|
|
34
|
-
*/
|
|
35
|
-
chain(): ChainedCommands;
|
|
36
|
-
/**
|
|
37
|
-
* Check if a command or a command chain can be executed. Without executing it.
|
|
38
|
-
*/
|
|
39
|
-
can(): CanCommands;
|
|
40
|
-
/**
|
|
41
|
-
* Inject CSS styles.
|
|
42
|
-
*/
|
|
43
|
-
private injectCSS;
|
|
44
|
-
/**
|
|
45
|
-
* Update editor options.
|
|
46
|
-
*
|
|
47
|
-
* @param options A list of options
|
|
48
|
-
*/
|
|
49
|
-
setOptions(options?: Partial<EditorOptions>): void;
|
|
50
|
-
/**
|
|
51
|
-
* Update editable state of the editor.
|
|
52
|
-
*/
|
|
53
|
-
setEditable(editable: boolean, emitUpdate?: boolean): void;
|
|
54
|
-
/**
|
|
55
|
-
* Returns whether the editor is editable.
|
|
56
|
-
*/
|
|
57
|
-
get isEditable(): boolean;
|
|
58
|
-
/**
|
|
59
|
-
* Returns the editor state.
|
|
60
|
-
*/
|
|
61
|
-
get state(): EditorState;
|
|
62
|
-
/**
|
|
63
|
-
* Register a ProseMirror plugin.
|
|
64
|
-
*
|
|
65
|
-
* @param plugin A ProseMirror plugin
|
|
66
|
-
* @param handlePlugins Control how to merge the plugin into the existing plugins.
|
|
67
|
-
*/
|
|
68
|
-
registerPlugin(plugin: Plugin, handlePlugins?: (newPlugin: Plugin, plugins: Plugin[]) => Plugin[]): void;
|
|
69
|
-
/**
|
|
70
|
-
* Unregister a ProseMirror plugin.
|
|
71
|
-
*
|
|
72
|
-
* @param nameOrPluginKey The plugins name
|
|
73
|
-
*/
|
|
74
|
-
unregisterPlugin(nameOrPluginKey: string | PluginKey): void;
|
|
75
|
-
/**
|
|
76
|
-
* Creates an extension manager.
|
|
77
|
-
*/
|
|
78
|
-
private createExtensionManager;
|
|
79
|
-
/**
|
|
80
|
-
* Creates an command manager.
|
|
81
|
-
*/
|
|
82
|
-
private createCommandManager;
|
|
83
|
-
/**
|
|
84
|
-
* Creates a ProseMirror schema.
|
|
85
|
-
*/
|
|
86
|
-
private createSchema;
|
|
87
|
-
/**
|
|
88
|
-
* Creates a ProseMirror view.
|
|
89
|
-
*/
|
|
90
|
-
private createView;
|
|
91
|
-
/**
|
|
92
|
-
* Creates all node views.
|
|
93
|
-
*/
|
|
94
|
-
createNodeViews(): void;
|
|
95
|
-
/**
|
|
96
|
-
* Prepend class name to element.
|
|
97
|
-
*/
|
|
98
|
-
prependClass(): void;
|
|
99
|
-
isCapturingTransaction: boolean;
|
|
100
|
-
private capturedTransaction;
|
|
101
|
-
captureTransaction(fn: Function): Transaction | null;
|
|
102
|
-
/**
|
|
103
|
-
* The callback over which to send transactions (state updates) produced by the view.
|
|
104
|
-
*
|
|
105
|
-
* @param transaction An editor state transaction
|
|
106
|
-
*/
|
|
107
|
-
private dispatchTransaction;
|
|
108
|
-
/**
|
|
109
|
-
* Get attributes of the currently selected node or mark.
|
|
110
|
-
*/
|
|
111
|
-
getAttributes(nameOrType: string | NodeType | MarkType): Record<string, any>;
|
|
112
|
-
/**
|
|
113
|
-
* Returns if the currently selected node or mark is active.
|
|
114
|
-
*
|
|
115
|
-
* @param name Name of the node or mark
|
|
116
|
-
* @param attributes Attributes of the node or mark
|
|
117
|
-
*/
|
|
118
|
-
isActive(name: string, attributes?: {}): boolean;
|
|
119
|
-
isActive(attributes: {}): boolean;
|
|
120
|
-
/**
|
|
121
|
-
* Get the document as JSON.
|
|
122
|
-
*/
|
|
123
|
-
getJSON(): JSONContent;
|
|
124
|
-
/**
|
|
125
|
-
* Get the document as HTML.
|
|
126
|
-
*/
|
|
127
|
-
getHTML(): string;
|
|
128
|
-
/**
|
|
129
|
-
* Get the document as text.
|
|
130
|
-
*/
|
|
131
|
-
getText(options?: {
|
|
132
|
-
blockSeparator?: string;
|
|
133
|
-
textSerializers?: Record<string, TextSerializer>;
|
|
134
|
-
}): string;
|
|
135
|
-
/**
|
|
136
|
-
* Check if there is no content.
|
|
137
|
-
*/
|
|
138
|
-
get isEmpty(): boolean;
|
|
139
|
-
/**
|
|
140
|
-
* Get the number of characters for the current document.
|
|
141
|
-
*
|
|
142
|
-
* @deprecated
|
|
143
|
-
*/
|
|
144
|
-
getCharacterCount(): number;
|
|
145
|
-
/**
|
|
146
|
-
* Destroy the editor.
|
|
147
|
-
*/
|
|
148
|
-
destroy(): void;
|
|
149
|
-
/**
|
|
150
|
-
* Check if the editor is already destroyed.
|
|
151
|
-
*/
|
|
152
|
-
get isDestroyed(): boolean;
|
|
153
|
-
$node(selector: string, attributes?: {
|
|
154
|
-
[key: string]: any;
|
|
155
|
-
}): NodePos | null;
|
|
156
|
-
$nodes(selector: string, attributes?: {
|
|
157
|
-
[key: string]: any;
|
|
158
|
-
}): NodePos[] | null;
|
|
159
|
-
$pos(pos: number): NodePos;
|
|
160
|
-
get $doc(): NodePos;
|
|
161
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
type StringKeyOf<T> = Extract<keyof T, string>;
|
|
2
|
-
type CallbackType<T extends Record<string, any>, EventName extends StringKeyOf<T>> = T[EventName] extends any[] ? T[EventName] : [T[EventName]];
|
|
3
|
-
type CallbackFunction<T extends Record<string, any>, EventName extends StringKeyOf<T>> = (...props: CallbackType<T, EventName>) => any;
|
|
4
|
-
export declare class EventEmitter<T extends Record<string, any>> {
|
|
5
|
-
private callbacks;
|
|
6
|
-
on<EventName extends StringKeyOf<T>>(event: EventName, fn: CallbackFunction<T, EventName>): this;
|
|
7
|
-
emit<EventName extends StringKeyOf<T>>(event: EventName, ...args: CallbackType<T, EventName>): this;
|
|
8
|
-
off<EventName extends StringKeyOf<T>>(event: EventName, fn?: CallbackFunction<T, EventName>): this;
|
|
9
|
-
removeAllListeners(): void;
|
|
10
|
-
}
|
|
11
|
-
export {};
|