@tiptap/extension-code-block 2.0.0-beta.28 → 2.0.0-beta.29

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.
Files changed (9) hide show
  1. package/dist/packages/extension-code-block/src/code-block.d.ts +26 -0
  2. package/dist/packages/extension-code-block/src/index.d.ts +3 -0
  3. package/dist/tiptap-extension-code-block.cjs.js +153 -0
  4. package/dist/tiptap-extension-code-block.cjs.js.map +1 -0
  5. package/dist/tiptap-extension-code-block.esm.js +146 -0
  6. package/dist/tiptap-extension-code-block.esm.js.map +1 -0
  7. package/dist/tiptap-extension-code-block.umd.js +156 -0
  8. package/dist/tiptap-extension-code-block.umd.js.map +1 -0
  9. package/package.json +2 -2
package/dist/packages/extension-code-block/src/code-block.d.ts ADDED
@@ -0,0 +1,26 @@
1
+ import { Node } from '@tiptap/core';
2
+ export interface CodeBlockOptions {
3
+ languageClassPrefix: string;
4
+ HTMLAttributes: Record<string, any>;
5
+ }
6
+ declare module '@tiptap/core' {
7
+ interface Commands<ReturnType> {
8
+ codeBlock: {
9
+ /**
10
+ * Set a code block
11
+ */
12
+ setCodeBlock: (attributes?: {
13
+ language: string;
14
+ }) => ReturnType;
15
+ /**
16
+ * Toggle a code block
17
+ */
18
+ toggleCodeBlock: (attributes?: {
19
+ language: string;
20
+ }) => ReturnType;
21
+ };
22
+ }
23
+ }
24
+ export declare const backtickInputRegex: RegExp;
25
+ export declare const tildeInputRegex: RegExp;
26
+ export declare const CodeBlock: Node<CodeBlockOptions, any>;
package/dist/packages/extension-code-block/src/index.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { CodeBlock } from './code-block';
2
+ export * from './code-block';
3
+ export default CodeBlock;
package/dist/tiptap-extension-code-block.cjs.js ADDED
@@ -0,0 +1,153 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var core = require('@tiptap/core');
6
+ var prosemirrorState = require('prosemirror-state');
7
+
8
+ const backtickInputRegex = /^```(?<language>[a-z]*)?[\s\n]$/;
9
+ const tildeInputRegex = /^~~~(?<language>[a-z]*)?[\s\n]$/;
10
+ const CodeBlock = core.Node.create({
11
+ name: 'codeBlock',
12
+ addOptions() {
13
+ return {
14
+ languageClassPrefix: 'language-',
15
+ HTMLAttributes: {},
16
+ };
17
+ },
18
+ content: 'text*',
19
+ marks: '',
20
+ group: 'block',
21
+ code: true,
22
+ defining: true,
23
+ addAttributes() {
24
+ return {
25
+ language: {
26
+ default: null,
27
+ parseHTML: element => {
28
+ var _a;
29
+ const { languageClassPrefix } = this.options;
30
+ const classNames = [...((_a = element.firstElementChild) === null || _a === void 0 ? void 0 : _a.classList) || []];
31
+ const languages = classNames
32
+ .filter(className => className.startsWith(languageClassPrefix))
33
+ .map(className => className.replace(languageClassPrefix, ''));
34
+ const language = languages[0];
35
+ if (!language) {
36
+ return null;
37
+ }
38
+ return language;
39
+ },
40
+ renderHTML: attributes => {
41
+ if (!attributes.language) {
42
+ return null;
43
+ }
44
+ return {
45
+ class: this.options.languageClassPrefix + attributes.language,
46
+ };
47
+ },
48
+ },
49
+ };
50
+ },
51
+ parseHTML() {
52
+ return [
53
+ {
54
+ tag: 'pre',
55
+ preserveWhitespace: 'full',
56
+ },
57
+ ];
58
+ },
59
+ renderHTML({ HTMLAttributes }) {
60
+ return ['pre', this.options.HTMLAttributes, ['code', HTMLAttributes, 0]];
61
+ },
62
+ addCommands() {
63
+ return {
64
+ setCodeBlock: attributes => ({ commands }) => {
65
+ return commands.setNode('codeBlock', attributes);
66
+ },
67
+ toggleCodeBlock: attributes => ({ commands }) => {
68
+ return commands.toggleNode('codeBlock', 'paragraph', attributes);
69
+ },
70
+ };
71
+ },
72
+ addKeyboardShortcuts() {
73
+ return {
74
+ 'Mod-Alt-c': () => this.editor.commands.toggleCodeBlock(),
75
+ // remove code block when at start of document or code block is empty
76
+ Backspace: () => {
77
+ const { empty, $anchor } = this.editor.state.selection;
78
+ const isAtStart = $anchor.pos === 1;
79
+ if (!empty || $anchor.parent.type.name !== this.name) {
80
+ return false;
81
+ }
82
+ if (isAtStart || !$anchor.parent.textContent.length) {
83
+ return this.editor.commands.clearNodes();
84
+ }
85
+ return false;
86
+ },
87
+ };
88
+ },
89
+ addInputRules() {
90
+ return [
91
+ core.textblockTypeInputRule({
92
+ find: backtickInputRegex,
93
+ type: this.type,
94
+ getAttributes: ({ groups }) => groups,
95
+ }),
96
+ core.textblockTypeInputRule({
97
+ find: tildeInputRegex,
98
+ type: this.type,
99
+ getAttributes: ({ groups }) => groups,
100
+ }),
101
+ ];
102
+ },
103
+ addProseMirrorPlugins() {
104
+ return [
105
+ // this plugin creates a code block for pasted content from VS Code
106
+ // we can also detect the copied code language
107
+ new prosemirrorState.Plugin({
108
+ key: new prosemirrorState.PluginKey('codeBlockVSCodeHandler'),
109
+ props: {
110
+ handlePaste: (view, event) => {
111
+ if (!event.clipboardData) {
112
+ return false;
113
+ }
114
+ // don’t create a new code block within code blocks
115
+ if (this.editor.isActive(this.type.name)) {
116
+ return false;
117
+ }
118
+ const text = event.clipboardData.getData('text/plain');
119
+ const vscode = event.clipboardData.getData('vscode-editor-data');
120
+ const vscodeData = vscode
121
+ ? JSON.parse(vscode)
122
+ : undefined;
123
+ const language = vscodeData === null || vscodeData === void 0 ? void 0 : vscodeData.mode;
124
+ if (!text || !language) {
125
+ return false;
126
+ }
127
+ const { tr } = view.state;
128
+ // create an empty code block
129
+ tr.replaceSelectionWith(this.type.create({ language }));
130
+ // put cursor inside the newly created code block
131
+ tr.setSelection(prosemirrorState.TextSelection.near(tr.doc.resolve(Math.max(0, tr.selection.from - 2))));
132
+ // add text to code block
133
+ // strip carriage return chars from text pasted as code
134
+ // see: https://github.com/ProseMirror/prosemirror-view/commit/a50a6bcceb4ce52ac8fcc6162488d8875613aacd
135
+ tr.insertText(text.replace(/\r\n?/g, '\n'));
136
+ // store meta information
137
+ // this is useful for other plugins that depends on the paste event
138
+ // like the paste rule plugin
139
+ tr.setMeta('paste', true);
140
+ view.dispatch(tr);
141
+ return true;
142
+ },
143
+ },
144
+ }),
145
+ ];
146
+ },
147
+ });
148
+
149
+ exports.CodeBlock = CodeBlock;
150
+ exports.backtickInputRegex = backtickInputRegex;
151
+ exports["default"] = CodeBlock;
152
+ exports.tildeInputRegex = tildeInputRegex;
153
+ //# sourceMappingURL=tiptap-extension-code-block.cjs.js.map
package/dist/tiptap-extension-code-block.cjs.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tiptap-extension-code-block.cjs.js","sources":["../src/code-block.ts"],"sourcesContent":["import { Node, textblockTypeInputRule } from '@tiptap/core'\nimport { Plugin, PluginKey, TextSelection } from 'prosemirror-state'\n\nexport interface CodeBlockOptions {\n languageClassPrefix: string,\n HTMLAttributes: Record<string, any>,\n}\n\ndeclare module '@tiptap/core' {\n interface Commands<ReturnType> {\n codeBlock: {\n /**\n * Set a code block\n */\n setCodeBlock: (attributes?: { language: string }) => ReturnType,\n /**\n * Toggle a code block\n */\n toggleCodeBlock: (attributes?: { language: string }) => ReturnType,\n }\n }\n}\n\nexport const backtickInputRegex = /^```(?<language>[a-z]*)?[\\s\\n]$/\nexport const tildeInputRegex = /^~~~(?<language>[a-z]*)?[\\s\\n]$/\n\nexport const CodeBlock = Node.create<CodeBlockOptions>({\n name: 'codeBlock',\n\n addOptions() {\n return {\n languageClassPrefix: 'language-',\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 renderHTML: attributes => {\n if (!attributes.language) {\n return null\n }\n\n return {\n class: this.options.languageClassPrefix + attributes.language,\n }\n },\n },\n }\n },\n\n parseHTML() {\n return [\n {\n tag: 'pre',\n preserveWhitespace: 'full',\n },\n ]\n },\n\n renderHTML({ HTMLAttributes }) {\n return ['pre', this.options.HTMLAttributes, ['code', HTMLAttributes, 0]]\n },\n\n addCommands() {\n return {\n setCodeBlock: attributes => ({ commands }) => {\n return commands.setNode('codeBlock', attributes)\n },\n toggleCodeBlock: attributes => ({ commands }) => {\n return commands.toggleNode('codeBlock', '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 },\n\n addInputRules() {\n return [\n textblockTypeInputRule({\n find: backtickInputRegex,\n type: this.type,\n getAttributes: ({ groups }) => groups,\n }),\n textblockTypeInputRule({\n find: tildeInputRegex,\n type: this.type,\n getAttributes: ({ groups }) => groups,\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\n ? JSON.parse(vscode)\n : undefined\n const language = vscodeData?.mode\n\n if (!text || !language) {\n return false\n }\n\n const { tr } = view.state\n\n // create an empty code block\n tr.replaceSelectionWith(this.type.create({ language }))\n\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 // add text to code block\n // strip carriage return chars from text pasted as code\n // see: https://github.com/ProseMirror/prosemirror-view/commit/a50a6bcceb4ce52ac8fcc6162488d8875613aacd\n tr.insertText(text.replace(/\\r\\n?/g, '\\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","textblockTypeInputRule","Plugin","PluginKey","TextSelection"],"mappings":"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"}
package/dist/tiptap-extension-code-block.esm.js ADDED
@@ -0,0 +1,146 @@
1
+ import { Node, textblockTypeInputRule } from '@tiptap/core';
2
+ import { Plugin, PluginKey, TextSelection } from 'prosemirror-state';
3
+
4
+ const backtickInputRegex = /^```(?<language>[a-z]*)?[\s\n]$/;
5
+ const tildeInputRegex = /^~~~(?<language>[a-z]*)?[\s\n]$/;
6
+ const CodeBlock = Node.create({
7
+ name: 'codeBlock',
8
+ addOptions() {
9
+ return {
10
+ languageClassPrefix: 'language-',
11
+ HTMLAttributes: {},
12
+ };
13
+ },
14
+ content: 'text*',
15
+ marks: '',
16
+ group: 'block',
17
+ code: true,
18
+ defining: true,
19
+ addAttributes() {
20
+ return {
21
+ language: {
22
+ default: null,
23
+ parseHTML: element => {
24
+ var _a;
25
+ const { languageClassPrefix } = this.options;
26
+ const classNames = [...((_a = element.firstElementChild) === null || _a === void 0 ? void 0 : _a.classList) || []];
27
+ const languages = classNames
28
+ .filter(className => className.startsWith(languageClassPrefix))
29
+ .map(className => className.replace(languageClassPrefix, ''));
30
+ const language = languages[0];
31
+ if (!language) {
32
+ return null;
33
+ }
34
+ return language;
35
+ },
36
+ renderHTML: attributes => {
37
+ if (!attributes.language) {
38
+ return null;
39
+ }
40
+ return {
41
+ class: this.options.languageClassPrefix + attributes.language,
42
+ };
43
+ },
44
+ },
45
+ };
46
+ },
47
+ parseHTML() {
48
+ return [
49
+ {
50
+ tag: 'pre',
51
+ preserveWhitespace: 'full',
52
+ },
53
+ ];
54
+ },
55
+ renderHTML({ HTMLAttributes }) {
56
+ return ['pre', this.options.HTMLAttributes, ['code', HTMLAttributes, 0]];
57
+ },
58
+ addCommands() {
59
+ return {
60
+ setCodeBlock: attributes => ({ commands }) => {
61
+ return commands.setNode('codeBlock', attributes);
62
+ },
63
+ toggleCodeBlock: attributes => ({ commands }) => {
64
+ return commands.toggleNode('codeBlock', 'paragraph', attributes);
65
+ },
66
+ };
67
+ },
68
+ addKeyboardShortcuts() {
69
+ return {
70
+ 'Mod-Alt-c': () => this.editor.commands.toggleCodeBlock(),
71
+ // remove code block when at start of document or code block is empty
72
+ Backspace: () => {
73
+ const { empty, $anchor } = this.editor.state.selection;
74
+ const isAtStart = $anchor.pos === 1;
75
+ if (!empty || $anchor.parent.type.name !== this.name) {
76
+ return false;
77
+ }
78
+ if (isAtStart || !$anchor.parent.textContent.length) {
79
+ return this.editor.commands.clearNodes();
80
+ }
81
+ return false;
82
+ },
83
+ };
84
+ },
85
+ addInputRules() {
86
+ return [
87
+ textblockTypeInputRule({
88
+ find: backtickInputRegex,
89
+ type: this.type,
90
+ getAttributes: ({ groups }) => groups,
91
+ }),
92
+ textblockTypeInputRule({
93
+ find: tildeInputRegex,
94
+ type: this.type,
95
+ getAttributes: ({ groups }) => groups,
96
+ }),
97
+ ];
98
+ },
99
+ addProseMirrorPlugins() {
100
+ return [
101
+ // this plugin creates a code block for pasted content from VS Code
102
+ // we can also detect the copied code language
103
+ new Plugin({
104
+ key: new PluginKey('codeBlockVSCodeHandler'),
105
+ props: {
106
+ handlePaste: (view, event) => {
107
+ if (!event.clipboardData) {
108
+ return false;
109
+ }
110
+ // don’t create a new code block within code blocks
111
+ if (this.editor.isActive(this.type.name)) {
112
+ return false;
113
+ }
114
+ const text = event.clipboardData.getData('text/plain');
115
+ const vscode = event.clipboardData.getData('vscode-editor-data');
116
+ const vscodeData = vscode
117
+ ? JSON.parse(vscode)
118
+ : undefined;
119
+ const language = vscodeData === null || vscodeData === void 0 ? void 0 : vscodeData.mode;
120
+ if (!text || !language) {
121
+ return false;
122
+ }
123
+ const { tr } = view.state;
124
+ // create an empty code block
125
+ tr.replaceSelectionWith(this.type.create({ language }));
126
+ // put cursor inside the newly created code block
127
+ tr.setSelection(TextSelection.near(tr.doc.resolve(Math.max(0, tr.selection.from - 2))));
128
+ // add text to code block
129
+ // strip carriage return chars from text pasted as code
130
+ // see: https://github.com/ProseMirror/prosemirror-view/commit/a50a6bcceb4ce52ac8fcc6162488d8875613aacd
131
+ tr.insertText(text.replace(/\r\n?/g, '\n'));
132
+ // store meta information
133
+ // this is useful for other plugins that depends on the paste event
134
+ // like the paste rule plugin
135
+ tr.setMeta('paste', true);
136
+ view.dispatch(tr);
137
+ return true;
138
+ },
139
+ },
140
+ }),
141
+ ];
142
+ },
143
+ });
144
+
145
+ export { CodeBlock, backtickInputRegex, CodeBlock as default, tildeInputRegex };
146
+ //# sourceMappingURL=tiptap-extension-code-block.esm.js.map
package/dist/tiptap-extension-code-block.esm.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tiptap-extension-code-block.esm.js","sources":["../src/code-block.ts"],"sourcesContent":["import { Node, textblockTypeInputRule } from '@tiptap/core'\nimport { Plugin, PluginKey, TextSelection } from 'prosemirror-state'\n\nexport interface CodeBlockOptions {\n languageClassPrefix: string,\n HTMLAttributes: Record<string, any>,\n}\n\ndeclare module '@tiptap/core' {\n interface Commands<ReturnType> {\n codeBlock: {\n /**\n * Set a code block\n */\n setCodeBlock: (attributes?: { language: string }) => ReturnType,\n /**\n * Toggle a code block\n */\n toggleCodeBlock: (attributes?: { language: string }) => ReturnType,\n }\n }\n}\n\nexport const backtickInputRegex = /^```(?<language>[a-z]*)?[\\s\\n]$/\nexport const tildeInputRegex = /^~~~(?<language>[a-z]*)?[\\s\\n]$/\n\nexport const CodeBlock = Node.create<CodeBlockOptions>({\n name: 'codeBlock',\n\n addOptions() {\n return {\n languageClassPrefix: 'language-',\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 renderHTML: attributes => {\n if (!attributes.language) {\n return null\n }\n\n return {\n class: this.options.languageClassPrefix + attributes.language,\n }\n },\n },\n }\n },\n\n parseHTML() {\n return [\n {\n tag: 'pre',\n preserveWhitespace: 'full',\n },\n ]\n },\n\n renderHTML({ HTMLAttributes }) {\n return ['pre', this.options.HTMLAttributes, ['code', HTMLAttributes, 0]]\n },\n\n addCommands() {\n return {\n setCodeBlock: attributes => ({ commands }) => {\n return commands.setNode('codeBlock', attributes)\n },\n toggleCodeBlock: attributes => ({ commands }) => {\n return commands.toggleNode('codeBlock', '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 },\n\n addInputRules() {\n return [\n textblockTypeInputRule({\n find: backtickInputRegex,\n type: this.type,\n getAttributes: ({ groups }) => groups,\n }),\n textblockTypeInputRule({\n find: tildeInputRegex,\n type: this.type,\n getAttributes: ({ groups }) => groups,\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\n ? JSON.parse(vscode)\n : undefined\n const language = vscodeData?.mode\n\n if (!text || !language) {\n return false\n }\n\n const { tr } = view.state\n\n // create an empty code block\n tr.replaceSelectionWith(this.type.create({ language }))\n\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 // add text to code block\n // strip carriage return chars from text pasted as code\n // see: https://github.com/ProseMirror/prosemirror-view/commit/a50a6bcceb4ce52ac8fcc6162488d8875613aacd\n tr.insertText(text.replace(/\\r\\n?/g, '\\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":[],"mappings":"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"}
package/dist/tiptap-extension-code-block.umd.js ADDED
@@ -0,0 +1,156 @@
1
+ (function (global, factory) {
2
+ typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@tiptap/core'), require('prosemirror-state')) :
3
+ typeof define === 'function' && define.amd ? define(['exports', '@tiptap/core', 'prosemirror-state'], factory) :
4
+ (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@tiptap/extension-code-block"] = {}, global.core, global.prosemirrorState));
5
+ })(this, (function (exports, core, prosemirrorState) { 'use strict';
6
+
7
+ const backtickInputRegex = /^```(?<language>[a-z]*)?[\s\n]$/;
8
+ const tildeInputRegex = /^~~~(?<language>[a-z]*)?[\s\n]$/;
9
+ const CodeBlock = core.Node.create({
10
+ name: 'codeBlock',
11
+ addOptions() {
12
+ return {
13
+ languageClassPrefix: 'language-',
14
+ HTMLAttributes: {},
15
+ };
16
+ },
17
+ content: 'text*',
18
+ marks: '',
19
+ group: 'block',
20
+ code: true,
21
+ defining: true,
22
+ addAttributes() {
23
+ return {
24
+ language: {
25
+ default: null,
26
+ parseHTML: element => {
27
+ var _a;
28
+ const { languageClassPrefix } = this.options;
29
+ const classNames = [...((_a = element.firstElementChild) === null || _a === void 0 ? void 0 : _a.classList) || []];
30
+ const languages = classNames
31
+ .filter(className => className.startsWith(languageClassPrefix))
32
+ .map(className => className.replace(languageClassPrefix, ''));
33
+ const language = languages[0];
34
+ if (!language) {
35
+ return null;
36
+ }
37
+ return language;
38
+ },
39
+ renderHTML: attributes => {
40
+ if (!attributes.language) {
41
+ return null;
42
+ }
43
+ return {
44
+ class: this.options.languageClassPrefix + attributes.language,
45
+ };
46
+ },
47
+ },
48
+ };
49
+ },
50
+ parseHTML() {
51
+ return [
52
+ {
53
+ tag: 'pre',
54
+ preserveWhitespace: 'full',
55
+ },
56
+ ];
57
+ },
58
+ renderHTML({ HTMLAttributes }) {
59
+ return ['pre', this.options.HTMLAttributes, ['code', HTMLAttributes, 0]];
60
+ },
61
+ addCommands() {
62
+ return {
63
+ setCodeBlock: attributes => ({ commands }) => {
64
+ return commands.setNode('codeBlock', attributes);
65
+ },
66
+ toggleCodeBlock: attributes => ({ commands }) => {
67
+ return commands.toggleNode('codeBlock', 'paragraph', attributes);
68
+ },
69
+ };
70
+ },
71
+ addKeyboardShortcuts() {
72
+ return {
73
+ 'Mod-Alt-c': () => this.editor.commands.toggleCodeBlock(),
74
+ // remove code block when at start of document or code block is empty
75
+ Backspace: () => {
76
+ const { empty, $anchor } = this.editor.state.selection;
77
+ const isAtStart = $anchor.pos === 1;
78
+ if (!empty || $anchor.parent.type.name !== this.name) {
79
+ return false;
80
+ }
81
+ if (isAtStart || !$anchor.parent.textContent.length) {
82
+ return this.editor.commands.clearNodes();
83
+ }
84
+ return false;
85
+ },
86
+ };
87
+ },
88
+ addInputRules() {
89
+ return [
90
+ core.textblockTypeInputRule({
91
+ find: backtickInputRegex,
92
+ type: this.type,
93
+ getAttributes: ({ groups }) => groups,
94
+ }),
95
+ core.textblockTypeInputRule({
96
+ find: tildeInputRegex,
97
+ type: this.type,
98
+ getAttributes: ({ groups }) => groups,
99
+ }),
100
+ ];
101
+ },
102
+ addProseMirrorPlugins() {
103
+ return [
104
+ // this plugin creates a code block for pasted content from VS Code
105
+ // we can also detect the copied code language
106
+ new prosemirrorState.Plugin({
107
+ key: new prosemirrorState.PluginKey('codeBlockVSCodeHandler'),
108
+ props: {
109
+ handlePaste: (view, event) => {
110
+ if (!event.clipboardData) {
111
+ return false;
112
+ }
113
+ // don’t create a new code block within code blocks
114
+ if (this.editor.isActive(this.type.name)) {
115
+ return false;
116
+ }
117
+ const text = event.clipboardData.getData('text/plain');
118
+ const vscode = event.clipboardData.getData('vscode-editor-data');
119
+ const vscodeData = vscode
120
+ ? JSON.parse(vscode)
121
+ : undefined;
122
+ const language = vscodeData === null || vscodeData === void 0 ? void 0 : vscodeData.mode;
123
+ if (!text || !language) {
124
+ return false;
125
+ }
126
+ const { tr } = view.state;
127
+ // create an empty code block
128
+ tr.replaceSelectionWith(this.type.create({ language }));
129
+ // put cursor inside the newly created code block
130
+ tr.setSelection(prosemirrorState.TextSelection.near(tr.doc.resolve(Math.max(0, tr.selection.from - 2))));
131
+ // add text to code block
132
+ // strip carriage return chars from text pasted as code
133
+ // see: https://github.com/ProseMirror/prosemirror-view/commit/a50a6bcceb4ce52ac8fcc6162488d8875613aacd
134
+ tr.insertText(text.replace(/\r\n?/g, '\n'));
135
+ // store meta information
136
+ // this is useful for other plugins that depends on the paste event
137
+ // like the paste rule plugin
138
+ tr.setMeta('paste', true);
139
+ view.dispatch(tr);
140
+ return true;
141
+ },
142
+ },
143
+ }),
144
+ ];
145
+ },
146
+ });
147
+
148
+ exports.CodeBlock = CodeBlock;
149
+ exports.backtickInputRegex = backtickInputRegex;
150
+ exports["default"] = CodeBlock;
151
+ exports.tildeInputRegex = tildeInputRegex;
152
+
153
+ Object.defineProperty(exports, '__esModule', { value: true });
154
+
155
+ }));
156
+ //# sourceMappingURL=tiptap-extension-code-block.umd.js.map
package/dist/tiptap-extension-code-block.umd.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tiptap-extension-code-block.umd.js","sources":["../src/code-block.ts"],"sourcesContent":["import { Node, textblockTypeInputRule } from '@tiptap/core'\nimport { Plugin, PluginKey, TextSelection } from 'prosemirror-state'\n\nexport interface CodeBlockOptions {\n languageClassPrefix: string,\n HTMLAttributes: Record<string, any>,\n}\n\ndeclare module '@tiptap/core' {\n interface Commands<ReturnType> {\n codeBlock: {\n /**\n * Set a code block\n */\n setCodeBlock: (attributes?: { language: string }) => ReturnType,\n /**\n * Toggle a code block\n */\n toggleCodeBlock: (attributes?: { language: string }) => ReturnType,\n }\n }\n}\n\nexport const backtickInputRegex = /^```(?<language>[a-z]*)?[\\s\\n]$/\nexport const tildeInputRegex = /^~~~(?<language>[a-z]*)?[\\s\\n]$/\n\nexport const CodeBlock = Node.create<CodeBlockOptions>({\n name: 'codeBlock',\n\n addOptions() {\n return {\n languageClassPrefix: 'language-',\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 renderHTML: attributes => {\n if (!attributes.language) {\n return null\n }\n\n return {\n class: this.options.languageClassPrefix + attributes.language,\n }\n },\n },\n }\n },\n\n parseHTML() {\n return [\n {\n tag: 'pre',\n preserveWhitespace: 'full',\n },\n ]\n },\n\n renderHTML({ HTMLAttributes }) {\n return ['pre', this.options.HTMLAttributes, ['code', HTMLAttributes, 0]]\n },\n\n addCommands() {\n return {\n setCodeBlock: attributes => ({ commands }) => {\n return commands.setNode('codeBlock', attributes)\n },\n toggleCodeBlock: attributes => ({ commands }) => {\n return commands.toggleNode('codeBlock', '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 },\n\n addInputRules() {\n return [\n textblockTypeInputRule({\n find: backtickInputRegex,\n type: this.type,\n getAttributes: ({ groups }) => groups,\n }),\n textblockTypeInputRule({\n find: tildeInputRegex,\n type: this.type,\n getAttributes: ({ groups }) => groups,\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\n ? JSON.parse(vscode)\n : undefined\n const language = vscodeData?.mode\n\n if (!text || !language) {\n return false\n }\n\n const { tr } = view.state\n\n // create an empty code block\n tr.replaceSelectionWith(this.type.create({ language }))\n\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 // add text to code block\n // strip carriage return chars from text pasted as code\n // see: https://github.com/ProseMirror/prosemirror-view/commit/a50a6bcceb4ce52ac8fcc6162488d8875613aacd\n tr.insertText(text.replace(/\\r\\n?/g, '\\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","textblockTypeInputRule","Plugin","PluginKey","TextSelection"],"mappings":"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"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@tiptap/extension-code-block",
3
3
  "description": "code block extension for tiptap",
4
- "version": "2.0.0-beta.28",
4
+ "version": "2.0.0-beta.29",
5
5
  "homepage": "https://tiptap.dev",
6
6
  "keywords": [
7
7
  "tiptap",
@@ -31,5 +31,5 @@
31
31
  "url": "https://github.com/ueberdosis/tiptap",
32
32
  "directory": "packages/extension-code-block"
33
33
  },
34
- "gitHead": "fce16e805824972834d5a8ce8d60e3ff41d63c7e"
34
+ "gitHead": "621cfa2f7e98a48525fa22f9d97a92fc08368966"
35
35
  }