@thomasjahoda-forks/tiptap-extension-list 3.0.8 → 3.18.0-1
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/dist/bullet-list/index.cjs +19 -0
- package/dist/bullet-list/index.cjs.map +1 -1
- package/dist/bullet-list/index.js +19 -0
- package/dist/bullet-list/index.js.map +1 -1
- package/dist/index.cjs +412 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.js +421 -7
- package/dist/index.js.map +1 -1
- package/dist/item/index.cjs +61 -0
- package/dist/item/index.cjs.map +1 -1
- package/dist/item/index.js +62 -1
- package/dist/item/index.js.map +1 -1
- package/dist/keymap/index.d.cts +2 -2
- package/dist/keymap/index.d.ts +2 -2
- package/dist/kit/index.cjs +412 -4
- package/dist/kit/index.cjs.map +1 -1
- package/dist/kit/index.js +421 -7
- package/dist/kit/index.js.map +1 -1
- package/dist/ordered-list/index.cjs +189 -0
- package/dist/ordered-list/index.cjs.map +1 -1
- package/dist/ordered-list/index.js +189 -0
- package/dist/ordered-list/index.js.map +1 -1
- package/dist/task-item/index.cjs +52 -4
- package/dist/task-item/index.cjs.map +1 -1
- package/dist/task-item/index.js +59 -5
- package/dist/task-item/index.js.map +1 -1
- package/dist/task-list/index.cjs +91 -0
- package/dist/task-list/index.cjs.map +1 -1
- package/dist/task-list/index.js +92 -1
- package/dist/task-list/index.js.map +1 -1
- package/package.json +5 -5
- package/src/bullet-list/bullet-list.ts +25 -0
- package/src/item/list-item.ts +82 -1
- package/src/ordered-list/ordered-list.ts +72 -0
- package/src/ordered-list/utils.ts +234 -0
- package/src/task-item/task-item.ts +85 -6
- package/src/task-list/task-list.ts +105 -1
package/dist/task-list/index.cjs
CHANGED
|
@@ -49,6 +49,97 @@ var TaskList = import_core.Node.create({
|
|
|
49
49
|
renderHTML({ HTMLAttributes }) {
|
|
50
50
|
return ["ul", (0, import_core.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes, { "data-type": this.name }), 0];
|
|
51
51
|
},
|
|
52
|
+
parseMarkdown: (token, h) => {
|
|
53
|
+
return h.createNode("taskList", {}, h.parseChildren(token.items || []));
|
|
54
|
+
},
|
|
55
|
+
renderMarkdown: (node, h) => {
|
|
56
|
+
if (!node.content) {
|
|
57
|
+
return "";
|
|
58
|
+
}
|
|
59
|
+
return h.renderChildren(node.content, "\n");
|
|
60
|
+
},
|
|
61
|
+
markdownTokenizer: {
|
|
62
|
+
name: "taskList",
|
|
63
|
+
level: "block",
|
|
64
|
+
start(src) {
|
|
65
|
+
var _a;
|
|
66
|
+
const index = (_a = src.match(/^\s*[-+*]\s+\[([ xX])\]\s+/)) == null ? void 0 : _a.index;
|
|
67
|
+
return index !== void 0 ? index : -1;
|
|
68
|
+
},
|
|
69
|
+
tokenize(src, tokens, lexer) {
|
|
70
|
+
const parseTaskListContent = (content) => {
|
|
71
|
+
const nestedResult = (0, import_core.parseIndentedBlocks)(
|
|
72
|
+
content,
|
|
73
|
+
{
|
|
74
|
+
itemPattern: /^(\s*)([-+*])\s+\[([ xX])\]\s+(.*)$/,
|
|
75
|
+
extractItemData: (match) => ({
|
|
76
|
+
indentLevel: match[1].length,
|
|
77
|
+
mainContent: match[4],
|
|
78
|
+
checked: match[3].toLowerCase() === "x"
|
|
79
|
+
}),
|
|
80
|
+
createToken: (data, nestedTokens) => ({
|
|
81
|
+
type: "taskItem",
|
|
82
|
+
raw: "",
|
|
83
|
+
mainContent: data.mainContent,
|
|
84
|
+
indentLevel: data.indentLevel,
|
|
85
|
+
checked: data.checked,
|
|
86
|
+
text: data.mainContent,
|
|
87
|
+
tokens: lexer.inlineTokens(data.mainContent),
|
|
88
|
+
nestedTokens
|
|
89
|
+
}),
|
|
90
|
+
// Allow recursive nesting
|
|
91
|
+
customNestedParser: parseTaskListContent
|
|
92
|
+
},
|
|
93
|
+
lexer
|
|
94
|
+
);
|
|
95
|
+
if (nestedResult) {
|
|
96
|
+
return [
|
|
97
|
+
{
|
|
98
|
+
type: "taskList",
|
|
99
|
+
raw: nestedResult.raw,
|
|
100
|
+
items: nestedResult.items
|
|
101
|
+
}
|
|
102
|
+
];
|
|
103
|
+
}
|
|
104
|
+
return lexer.blockTokens(content);
|
|
105
|
+
};
|
|
106
|
+
const result = (0, import_core.parseIndentedBlocks)(
|
|
107
|
+
src,
|
|
108
|
+
{
|
|
109
|
+
itemPattern: /^(\s*)([-+*])\s+\[([ xX])\]\s+(.*)$/,
|
|
110
|
+
extractItemData: (match) => ({
|
|
111
|
+
indentLevel: match[1].length,
|
|
112
|
+
mainContent: match[4],
|
|
113
|
+
checked: match[3].toLowerCase() === "x"
|
|
114
|
+
}),
|
|
115
|
+
createToken: (data, nestedTokens) => ({
|
|
116
|
+
type: "taskItem",
|
|
117
|
+
raw: "",
|
|
118
|
+
mainContent: data.mainContent,
|
|
119
|
+
indentLevel: data.indentLevel,
|
|
120
|
+
checked: data.checked,
|
|
121
|
+
text: data.mainContent,
|
|
122
|
+
tokens: lexer.inlineTokens(data.mainContent),
|
|
123
|
+
nestedTokens
|
|
124
|
+
}),
|
|
125
|
+
// Use the recursive parser for nested content
|
|
126
|
+
customNestedParser: parseTaskListContent
|
|
127
|
+
},
|
|
128
|
+
lexer
|
|
129
|
+
);
|
|
130
|
+
if (!result) {
|
|
131
|
+
return void 0;
|
|
132
|
+
}
|
|
133
|
+
return {
|
|
134
|
+
type: "taskList",
|
|
135
|
+
raw: result.raw,
|
|
136
|
+
items: result.items
|
|
137
|
+
};
|
|
138
|
+
}
|
|
139
|
+
},
|
|
140
|
+
markdownOptions: {
|
|
141
|
+
indentsContent: true
|
|
142
|
+
},
|
|
52
143
|
addCommands() {
|
|
53
144
|
return {
|
|
54
145
|
toggleTaskList: () => ({ commands }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/task-list/index.ts","../../src/task-list/task-list.ts"],"sourcesContent":["export * from './task-list.js'\n","import { mergeAttributes, Node } from '@tiptap/core'\n\nexport interface TaskListOptions {\n /**\n * The node type name for a task item.\n * @default 'taskItem'\n * @example 'myCustomTaskItem'\n */\n itemTypeName: string\n\n /**\n * The HTML attributes for a task list node.\n * @default {}\n * @example { class: 'foo' }\n */\n HTMLAttributes: Record<string, any>\n}\n\ndeclare module '@tiptap/core' {\n interface Commands<ReturnType> {\n taskList: {\n /**\n * Toggle a task list\n * @example editor.commands.toggleTaskList()\n */\n toggleTaskList: () => ReturnType\n }\n }\n}\n\n/**\n * This extension allows you to create task lists.\n * @see https://www.tiptap.dev/api/nodes/task-list\n */\nexport const TaskList = Node.create<TaskListOptions>({\n name: 'taskList',\n\n addOptions() {\n return {\n itemTypeName: 'taskItem',\n HTMLAttributes: {},\n }\n },\n\n group: 'block list',\n\n content() {\n return `${this.options.itemTypeName}+`\n },\n\n parseHTML() {\n return [\n {\n tag: `ul[data-type=\"${this.name}\"]`,\n priority: 51,\n },\n ]\n },\n\n renderHTML({ HTMLAttributes }) {\n return ['ul', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, { 'data-type': this.name }), 0]\n },\n\n addCommands() {\n return {\n toggleTaskList:\n () =>\n ({ commands }) => {\n return commands.toggleList(this.name, this.options.itemTypeName)\n },\n }\n },\n\n addKeyboardShortcuts() {\n return {\n 'Mod-Shift-9': () => this.editor.commands.toggleTaskList(),\n }\n },\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,
|
|
1
|
+
{"version":3,"sources":["../../src/task-list/index.ts","../../src/task-list/task-list.ts"],"sourcesContent":["export * from './task-list.js'\n","import { mergeAttributes, Node, parseIndentedBlocks } from '@tiptap/core'\n\nexport interface TaskListOptions {\n /**\n * The node type name for a task item.\n * @default 'taskItem'\n * @example 'myCustomTaskItem'\n */\n itemTypeName: string\n\n /**\n * The HTML attributes for a task list node.\n * @default {}\n * @example { class: 'foo' }\n */\n HTMLAttributes: Record<string, any>\n}\n\ndeclare module '@tiptap/core' {\n interface Commands<ReturnType> {\n taskList: {\n /**\n * Toggle a task list\n * @example editor.commands.toggleTaskList()\n */\n toggleTaskList: () => ReturnType\n }\n }\n}\n\n/**\n * This extension allows you to create task lists.\n * @see https://www.tiptap.dev/api/nodes/task-list\n */\nexport const TaskList = Node.create<TaskListOptions>({\n name: 'taskList',\n\n addOptions() {\n return {\n itemTypeName: 'taskItem',\n HTMLAttributes: {},\n }\n },\n\n group: 'block list',\n\n content() {\n return `${this.options.itemTypeName}+`\n },\n\n parseHTML() {\n return [\n {\n tag: `ul[data-type=\"${this.name}\"]`,\n priority: 51,\n },\n ]\n },\n\n renderHTML({ HTMLAttributes }) {\n return ['ul', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, { 'data-type': this.name }), 0]\n },\n\n parseMarkdown: (token, h) => {\n return h.createNode('taskList', {}, h.parseChildren(token.items || []))\n },\n\n renderMarkdown: (node, h) => {\n if (!node.content) {\n return ''\n }\n\n return h.renderChildren(node.content, '\\n')\n },\n\n markdownTokenizer: {\n name: 'taskList',\n level: 'block',\n start(src) {\n // Look for the start of a task list item\n const index = src.match(/^\\s*[-+*]\\s+\\[([ xX])\\]\\s+/)?.index\n return index !== undefined ? index : -1\n },\n tokenize(src, tokens, lexer) {\n // Helper function to recursively parse task lists\n const parseTaskListContent = (content: string): any[] | undefined => {\n const nestedResult = parseIndentedBlocks(\n content,\n {\n itemPattern: /^(\\s*)([-+*])\\s+\\[([ xX])\\]\\s+(.*)$/,\n extractItemData: match => ({\n indentLevel: match[1].length,\n mainContent: match[4],\n checked: match[3].toLowerCase() === 'x',\n }),\n createToken: (data, nestedTokens) => ({\n type: 'taskItem',\n raw: '',\n mainContent: data.mainContent,\n indentLevel: data.indentLevel,\n checked: data.checked,\n text: data.mainContent,\n tokens: lexer.inlineTokens(data.mainContent),\n nestedTokens,\n }),\n // Allow recursive nesting\n customNestedParser: parseTaskListContent,\n },\n lexer,\n )\n\n if (nestedResult) {\n // Return as task list token\n return [\n {\n type: 'taskList',\n raw: nestedResult.raw,\n items: nestedResult.items,\n },\n ]\n }\n\n // Fall back to regular markdown parsing if not a task list\n return lexer.blockTokens(content)\n }\n\n const result = parseIndentedBlocks(\n src,\n {\n itemPattern: /^(\\s*)([-+*])\\s+\\[([ xX])\\]\\s+(.*)$/,\n extractItemData: match => ({\n indentLevel: match[1].length,\n mainContent: match[4],\n checked: match[3].toLowerCase() === 'x',\n }),\n createToken: (data, nestedTokens) => ({\n type: 'taskItem',\n raw: '',\n mainContent: data.mainContent,\n indentLevel: data.indentLevel,\n checked: data.checked,\n text: data.mainContent,\n tokens: lexer.inlineTokens(data.mainContent),\n nestedTokens,\n }),\n // Use the recursive parser for nested content\n customNestedParser: parseTaskListContent,\n },\n lexer,\n )\n\n if (!result) {\n return undefined\n }\n\n return {\n type: 'taskList',\n raw: result.raw,\n items: result.items,\n }\n },\n },\n\n markdownOptions: {\n indentsContent: true,\n },\n\n addCommands() {\n return {\n toggleTaskList:\n () =>\n ({ commands }) => {\n return commands.toggleList(this.name, this.options.itemTypeName)\n },\n }\n },\n\n addKeyboardShortcuts() {\n return {\n 'Mod-Shift-9': () => this.editor.commands.toggleTaskList(),\n }\n },\n})\n"],"mappings":"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","names":[]}
|
package/dist/task-list/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
// src/task-list/task-list.ts
|
|
2
|
-
import { mergeAttributes, Node } from "@tiptap/core";
|
|
2
|
+
import { mergeAttributes, Node, parseIndentedBlocks } from "@tiptap/core";
|
|
3
3
|
var TaskList = Node.create({
|
|
4
4
|
name: "taskList",
|
|
5
5
|
addOptions() {
|
|
@@ -23,6 +23,97 @@ var TaskList = Node.create({
|
|
|
23
23
|
renderHTML({ HTMLAttributes }) {
|
|
24
24
|
return ["ul", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, { "data-type": this.name }), 0];
|
|
25
25
|
},
|
|
26
|
+
parseMarkdown: (token, h) => {
|
|
27
|
+
return h.createNode("taskList", {}, h.parseChildren(token.items || []));
|
|
28
|
+
},
|
|
29
|
+
renderMarkdown: (node, h) => {
|
|
30
|
+
if (!node.content) {
|
|
31
|
+
return "";
|
|
32
|
+
}
|
|
33
|
+
return h.renderChildren(node.content, "\n");
|
|
34
|
+
},
|
|
35
|
+
markdownTokenizer: {
|
|
36
|
+
name: "taskList",
|
|
37
|
+
level: "block",
|
|
38
|
+
start(src) {
|
|
39
|
+
var _a;
|
|
40
|
+
const index = (_a = src.match(/^\s*[-+*]\s+\[([ xX])\]\s+/)) == null ? void 0 : _a.index;
|
|
41
|
+
return index !== void 0 ? index : -1;
|
|
42
|
+
},
|
|
43
|
+
tokenize(src, tokens, lexer) {
|
|
44
|
+
const parseTaskListContent = (content) => {
|
|
45
|
+
const nestedResult = parseIndentedBlocks(
|
|
46
|
+
content,
|
|
47
|
+
{
|
|
48
|
+
itemPattern: /^(\s*)([-+*])\s+\[([ xX])\]\s+(.*)$/,
|
|
49
|
+
extractItemData: (match) => ({
|
|
50
|
+
indentLevel: match[1].length,
|
|
51
|
+
mainContent: match[4],
|
|
52
|
+
checked: match[3].toLowerCase() === "x"
|
|
53
|
+
}),
|
|
54
|
+
createToken: (data, nestedTokens) => ({
|
|
55
|
+
type: "taskItem",
|
|
56
|
+
raw: "",
|
|
57
|
+
mainContent: data.mainContent,
|
|
58
|
+
indentLevel: data.indentLevel,
|
|
59
|
+
checked: data.checked,
|
|
60
|
+
text: data.mainContent,
|
|
61
|
+
tokens: lexer.inlineTokens(data.mainContent),
|
|
62
|
+
nestedTokens
|
|
63
|
+
}),
|
|
64
|
+
// Allow recursive nesting
|
|
65
|
+
customNestedParser: parseTaskListContent
|
|
66
|
+
},
|
|
67
|
+
lexer
|
|
68
|
+
);
|
|
69
|
+
if (nestedResult) {
|
|
70
|
+
return [
|
|
71
|
+
{
|
|
72
|
+
type: "taskList",
|
|
73
|
+
raw: nestedResult.raw,
|
|
74
|
+
items: nestedResult.items
|
|
75
|
+
}
|
|
76
|
+
];
|
|
77
|
+
}
|
|
78
|
+
return lexer.blockTokens(content);
|
|
79
|
+
};
|
|
80
|
+
const result = parseIndentedBlocks(
|
|
81
|
+
src,
|
|
82
|
+
{
|
|
83
|
+
itemPattern: /^(\s*)([-+*])\s+\[([ xX])\]\s+(.*)$/,
|
|
84
|
+
extractItemData: (match) => ({
|
|
85
|
+
indentLevel: match[1].length,
|
|
86
|
+
mainContent: match[4],
|
|
87
|
+
checked: match[3].toLowerCase() === "x"
|
|
88
|
+
}),
|
|
89
|
+
createToken: (data, nestedTokens) => ({
|
|
90
|
+
type: "taskItem",
|
|
91
|
+
raw: "",
|
|
92
|
+
mainContent: data.mainContent,
|
|
93
|
+
indentLevel: data.indentLevel,
|
|
94
|
+
checked: data.checked,
|
|
95
|
+
text: data.mainContent,
|
|
96
|
+
tokens: lexer.inlineTokens(data.mainContent),
|
|
97
|
+
nestedTokens
|
|
98
|
+
}),
|
|
99
|
+
// Use the recursive parser for nested content
|
|
100
|
+
customNestedParser: parseTaskListContent
|
|
101
|
+
},
|
|
102
|
+
lexer
|
|
103
|
+
);
|
|
104
|
+
if (!result) {
|
|
105
|
+
return void 0;
|
|
106
|
+
}
|
|
107
|
+
return {
|
|
108
|
+
type: "taskList",
|
|
109
|
+
raw: result.raw,
|
|
110
|
+
items: result.items
|
|
111
|
+
};
|
|
112
|
+
}
|
|
113
|
+
},
|
|
114
|
+
markdownOptions: {
|
|
115
|
+
indentsContent: true
|
|
116
|
+
},
|
|
26
117
|
addCommands() {
|
|
27
118
|
return {
|
|
28
119
|
toggleTaskList: () => ({ commands }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/task-list/task-list.ts"],"sourcesContent":["import { mergeAttributes, Node } from '@tiptap/core'\n\nexport interface TaskListOptions {\n /**\n * The node type name for a task item.\n * @default 'taskItem'\n * @example 'myCustomTaskItem'\n */\n itemTypeName: string\n\n /**\n * The HTML attributes for a task list node.\n * @default {}\n * @example { class: 'foo' }\n */\n HTMLAttributes: Record<string, any>\n}\n\ndeclare module '@tiptap/core' {\n interface Commands<ReturnType> {\n taskList: {\n /**\n * Toggle a task list\n * @example editor.commands.toggleTaskList()\n */\n toggleTaskList: () => ReturnType\n }\n }\n}\n\n/**\n * This extension allows you to create task lists.\n * @see https://www.tiptap.dev/api/nodes/task-list\n */\nexport const TaskList = Node.create<TaskListOptions>({\n name: 'taskList',\n\n addOptions() {\n return {\n itemTypeName: 'taskItem',\n HTMLAttributes: {},\n }\n },\n\n group: 'block list',\n\n content() {\n return `${this.options.itemTypeName}+`\n },\n\n parseHTML() {\n return [\n {\n tag: `ul[data-type=\"${this.name}\"]`,\n priority: 51,\n },\n ]\n },\n\n renderHTML({ HTMLAttributes }) {\n return ['ul', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, { 'data-type': this.name }), 0]\n },\n\n addCommands() {\n return {\n toggleTaskList:\n () =>\n ({ commands }) => {\n return commands.toggleList(this.name, this.options.itemTypeName)\n },\n }\n },\n\n addKeyboardShortcuts() {\n return {\n 'Mod-Shift-9': () => this.editor.commands.toggleTaskList(),\n }\n },\n})\n"],"mappings":";AAAA,SAAS,iBAAiB,
|
|
1
|
+
{"version":3,"sources":["../../src/task-list/task-list.ts"],"sourcesContent":["import { mergeAttributes, Node, parseIndentedBlocks } from '@tiptap/core'\n\nexport interface TaskListOptions {\n /**\n * The node type name for a task item.\n * @default 'taskItem'\n * @example 'myCustomTaskItem'\n */\n itemTypeName: string\n\n /**\n * The HTML attributes for a task list node.\n * @default {}\n * @example { class: 'foo' }\n */\n HTMLAttributes: Record<string, any>\n}\n\ndeclare module '@tiptap/core' {\n interface Commands<ReturnType> {\n taskList: {\n /**\n * Toggle a task list\n * @example editor.commands.toggleTaskList()\n */\n toggleTaskList: () => ReturnType\n }\n }\n}\n\n/**\n * This extension allows you to create task lists.\n * @see https://www.tiptap.dev/api/nodes/task-list\n */\nexport const TaskList = Node.create<TaskListOptions>({\n name: 'taskList',\n\n addOptions() {\n return {\n itemTypeName: 'taskItem',\n HTMLAttributes: {},\n }\n },\n\n group: 'block list',\n\n content() {\n return `${this.options.itemTypeName}+`\n },\n\n parseHTML() {\n return [\n {\n tag: `ul[data-type=\"${this.name}\"]`,\n priority: 51,\n },\n ]\n },\n\n renderHTML({ HTMLAttributes }) {\n return ['ul', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, { 'data-type': this.name }), 0]\n },\n\n parseMarkdown: (token, h) => {\n return h.createNode('taskList', {}, h.parseChildren(token.items || []))\n },\n\n renderMarkdown: (node, h) => {\n if (!node.content) {\n return ''\n }\n\n return h.renderChildren(node.content, '\\n')\n },\n\n markdownTokenizer: {\n name: 'taskList',\n level: 'block',\n start(src) {\n // Look for the start of a task list item\n const index = src.match(/^\\s*[-+*]\\s+\\[([ xX])\\]\\s+/)?.index\n return index !== undefined ? index : -1\n },\n tokenize(src, tokens, lexer) {\n // Helper function to recursively parse task lists\n const parseTaskListContent = (content: string): any[] | undefined => {\n const nestedResult = parseIndentedBlocks(\n content,\n {\n itemPattern: /^(\\s*)([-+*])\\s+\\[([ xX])\\]\\s+(.*)$/,\n extractItemData: match => ({\n indentLevel: match[1].length,\n mainContent: match[4],\n checked: match[3].toLowerCase() === 'x',\n }),\n createToken: (data, nestedTokens) => ({\n type: 'taskItem',\n raw: '',\n mainContent: data.mainContent,\n indentLevel: data.indentLevel,\n checked: data.checked,\n text: data.mainContent,\n tokens: lexer.inlineTokens(data.mainContent),\n nestedTokens,\n }),\n // Allow recursive nesting\n customNestedParser: parseTaskListContent,\n },\n lexer,\n )\n\n if (nestedResult) {\n // Return as task list token\n return [\n {\n type: 'taskList',\n raw: nestedResult.raw,\n items: nestedResult.items,\n },\n ]\n }\n\n // Fall back to regular markdown parsing if not a task list\n return lexer.blockTokens(content)\n }\n\n const result = parseIndentedBlocks(\n src,\n {\n itemPattern: /^(\\s*)([-+*])\\s+\\[([ xX])\\]\\s+(.*)$/,\n extractItemData: match => ({\n indentLevel: match[1].length,\n mainContent: match[4],\n checked: match[3].toLowerCase() === 'x',\n }),\n createToken: (data, nestedTokens) => ({\n type: 'taskItem',\n raw: '',\n mainContent: data.mainContent,\n indentLevel: data.indentLevel,\n checked: data.checked,\n text: data.mainContent,\n tokens: lexer.inlineTokens(data.mainContent),\n nestedTokens,\n }),\n // Use the recursive parser for nested content\n customNestedParser: parseTaskListContent,\n },\n lexer,\n )\n\n if (!result) {\n return undefined\n }\n\n return {\n type: 'taskList',\n raw: result.raw,\n items: result.items,\n }\n },\n },\n\n markdownOptions: {\n indentsContent: true,\n },\n\n addCommands() {\n return {\n toggleTaskList:\n () =>\n ({ commands }) => {\n return commands.toggleList(this.name, this.options.itemTypeName)\n },\n }\n },\n\n addKeyboardShortcuts() {\n return {\n 'Mod-Shift-9': () => this.editor.commands.toggleTaskList(),\n }\n },\n})\n"],"mappings":";AAAA,SAAS,iBAAiB,MAAM,2BAA2B;AAkCpD,IAAM,WAAW,KAAK,OAAwB;AAAA,EACnD,MAAM;AAAA,EAEN,aAAa;AACX,WAAO;AAAA,MACL,cAAc;AAAA,MACd,gBAAgB,CAAC;AAAA,IACnB;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,EAEP,UAAU;AACR,WAAO,GAAG,KAAK,QAAQ,YAAY;AAAA,EACrC;AAAA,EAEA,YAAY;AACV,WAAO;AAAA,MACL;AAAA,QACE,KAAK,iBAAiB,KAAK,IAAI;AAAA,QAC/B,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AAAA,EAEA,WAAW,EAAE,eAAe,GAAG;AAC7B,WAAO,CAAC,MAAM,gBAAgB,KAAK,QAAQ,gBAAgB,gBAAgB,EAAE,aAAa,KAAK,KAAK,CAAC,GAAG,CAAC;AAAA,EAC3G;AAAA,EAEA,eAAe,CAAC,OAAO,MAAM;AAC3B,WAAO,EAAE,WAAW,YAAY,CAAC,GAAG,EAAE,cAAc,MAAM,SAAS,CAAC,CAAC,CAAC;AAAA,EACxE;AAAA,EAEA,gBAAgB,CAAC,MAAM,MAAM;AAC3B,QAAI,CAAC,KAAK,SAAS;AACjB,aAAO;AAAA,IACT;AAEA,WAAO,EAAE,eAAe,KAAK,SAAS,IAAI;AAAA,EAC5C;AAAA,EAEA,mBAAmB;AAAA,IACjB,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM,KAAK;AA9Ef;AAgFM,YAAM,SAAQ,SAAI,MAAM,4BAA4B,MAAtC,mBAAyC;AACvD,aAAO,UAAU,SAAY,QAAQ;AAAA,IACvC;AAAA,IACA,SAAS,KAAK,QAAQ,OAAO;AAE3B,YAAM,uBAAuB,CAAC,YAAuC;AACnE,cAAM,eAAe;AAAA,UACnB;AAAA,UACA;AAAA,YACE,aAAa;AAAA,YACb,iBAAiB,YAAU;AAAA,cACzB,aAAa,MAAM,CAAC,EAAE;AAAA,cACtB,aAAa,MAAM,CAAC;AAAA,cACpB,SAAS,MAAM,CAAC,EAAE,YAAY,MAAM;AAAA,YACtC;AAAA,YACA,aAAa,CAAC,MAAM,kBAAkB;AAAA,cACpC,MAAM;AAAA,cACN,KAAK;AAAA,cACL,aAAa,KAAK;AAAA,cAClB,aAAa,KAAK;AAAA,cAClB,SAAS,KAAK;AAAA,cACd,MAAM,KAAK;AAAA,cACX,QAAQ,MAAM,aAAa,KAAK,WAAW;AAAA,cAC3C;AAAA,YACF;AAAA;AAAA,YAEA,oBAAoB;AAAA,UACtB;AAAA,UACA;AAAA,QACF;AAEA,YAAI,cAAc;AAEhB,iBAAO;AAAA,YACL;AAAA,cACE,MAAM;AAAA,cACN,KAAK,aAAa;AAAA,cAClB,OAAO,aAAa;AAAA,YACtB;AAAA,UACF;AAAA,QACF;AAGA,eAAO,MAAM,YAAY,OAAO;AAAA,MAClC;AAEA,YAAM,SAAS;AAAA,QACb;AAAA,QACA;AAAA,UACE,aAAa;AAAA,UACb,iBAAiB,YAAU;AAAA,YACzB,aAAa,MAAM,CAAC,EAAE;AAAA,YACtB,aAAa,MAAM,CAAC;AAAA,YACpB,SAAS,MAAM,CAAC,EAAE,YAAY,MAAM;AAAA,UACtC;AAAA,UACA,aAAa,CAAC,MAAM,kBAAkB;AAAA,YACpC,MAAM;AAAA,YACN,KAAK;AAAA,YACL,aAAa,KAAK;AAAA,YAClB,aAAa,KAAK;AAAA,YAClB,SAAS,KAAK;AAAA,YACd,MAAM,KAAK;AAAA,YACX,QAAQ,MAAM,aAAa,KAAK,WAAW;AAAA,YAC3C;AAAA,UACF;AAAA;AAAA,UAEA,oBAAoB;AAAA,QACtB;AAAA,QACA;AAAA,MACF;AAEA,UAAI,CAAC,QAAQ;AACX,eAAO;AAAA,MACT;AAEA,aAAO;AAAA,QACL,MAAM;AAAA,QACN,KAAK,OAAO;AAAA,QACZ,OAAO,OAAO;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,gBAAgB;AAAA,EAClB;AAAA,EAEA,cAAc;AACZ,WAAO;AAAA,MACL,gBACE,MACA,CAAC,EAAE,SAAS,MAAM;AAChB,eAAO,SAAS,WAAW,KAAK,MAAM,KAAK,QAAQ,YAAY;AAAA,MACjE;AAAA,IACJ;AAAA,EACF;AAAA,EAEA,uBAAuB;AACrB,WAAO;AAAA,MACL,eAAe,MAAM,KAAK,OAAO,SAAS,eAAe;AAAA,IAC3D;AAAA,EACF;AACF,CAAC;","names":[]}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@thomasjahoda-forks/tiptap-extension-list",
|
|
3
3
|
"description": "List extension for tiptap",
|
|
4
|
-
"version": "3.0
|
|
4
|
+
"version": "3.18.0-1",
|
|
5
5
|
"homepage": "https://tiptap.dev",
|
|
6
6
|
"keywords": [
|
|
7
7
|
"tiptap",
|
|
@@ -87,12 +87,12 @@
|
|
|
87
87
|
"dist"
|
|
88
88
|
],
|
|
89
89
|
"devDependencies": {
|
|
90
|
-
"@tiptap/core": "^3.0
|
|
91
|
-
"@tiptap/pm": "^3.0
|
|
90
|
+
"@tiptap/core": "^3.18.0",
|
|
91
|
+
"@tiptap/pm": "^3.18.0"
|
|
92
92
|
},
|
|
93
93
|
"peerDependencies": {
|
|
94
|
-
"@tiptap/core": "^3.0
|
|
95
|
-
"@tiptap/pm": "^3.0
|
|
94
|
+
"@tiptap/core": "^3.18.0",
|
|
95
|
+
"@tiptap/pm": "^3.18.0"
|
|
96
96
|
},
|
|
97
97
|
"repository": {
|
|
98
98
|
"type": "git",
|
|
@@ -81,6 +81,31 @@ export const BulletList = Node.create<BulletListOptions>({
|
|
|
81
81
|
return ['ul', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]
|
|
82
82
|
},
|
|
83
83
|
|
|
84
|
+
markdownTokenName: 'list',
|
|
85
|
+
|
|
86
|
+
parseMarkdown: (token, helpers) => {
|
|
87
|
+
if (token.type !== 'list' || (token as any).ordered) {
|
|
88
|
+
return []
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
return {
|
|
92
|
+
type: 'bulletList',
|
|
93
|
+
content: token.items ? helpers.parseChildren(token.items) : [],
|
|
94
|
+
}
|
|
95
|
+
},
|
|
96
|
+
|
|
97
|
+
renderMarkdown: (node, h) => {
|
|
98
|
+
if (!node.content) {
|
|
99
|
+
return ''
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
return h.renderChildren(node.content, '\n')
|
|
103
|
+
},
|
|
104
|
+
|
|
105
|
+
markdownOptions: {
|
|
106
|
+
indentsContent: true,
|
|
107
|
+
},
|
|
108
|
+
|
|
84
109
|
addCommands() {
|
|
85
110
|
return {
|
|
86
111
|
toggleBulletList:
|
package/src/item/list-item.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { mergeAttributes, Node } from '@tiptap/core'
|
|
1
|
+
import { mergeAttributes, Node, renderNestedMarkdownContent } from '@tiptap/core'
|
|
2
2
|
|
|
3
3
|
export interface ListItemOptions {
|
|
4
4
|
/**
|
|
@@ -54,6 +54,87 @@ export const ListItem = Node.create<ListItemOptions>({
|
|
|
54
54
|
return ['li', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]
|
|
55
55
|
},
|
|
56
56
|
|
|
57
|
+
markdownTokenName: 'list_item',
|
|
58
|
+
|
|
59
|
+
parseMarkdown: (token, helpers) => {
|
|
60
|
+
if (token.type !== 'list_item') {
|
|
61
|
+
return []
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
let content: any[] = []
|
|
65
|
+
|
|
66
|
+
if (token.tokens && token.tokens.length > 0) {
|
|
67
|
+
// Check if we have paragraph tokens (complex list items)
|
|
68
|
+
const hasParagraphTokens = token.tokens.some(t => t.type === 'paragraph')
|
|
69
|
+
|
|
70
|
+
if (hasParagraphTokens) {
|
|
71
|
+
// If we have paragraph tokens, parse them as block elements
|
|
72
|
+
content = helpers.parseChildren(token.tokens)
|
|
73
|
+
} else {
|
|
74
|
+
// Check if the first token is a text token with nested inline tokens
|
|
75
|
+
const firstToken = token.tokens[0]
|
|
76
|
+
|
|
77
|
+
if (firstToken && firstToken.type === 'text' && firstToken.tokens && firstToken.tokens.length > 0) {
|
|
78
|
+
// Parse the inline content from the text token
|
|
79
|
+
const inlineContent = helpers.parseInline(firstToken.tokens)
|
|
80
|
+
|
|
81
|
+
// Start with the paragraph containing the inline content
|
|
82
|
+
content = [
|
|
83
|
+
{
|
|
84
|
+
type: 'paragraph',
|
|
85
|
+
content: inlineContent,
|
|
86
|
+
},
|
|
87
|
+
]
|
|
88
|
+
|
|
89
|
+
// If there are additional tokens after the first text token (like nested lists),
|
|
90
|
+
// parse them as block elements and add them
|
|
91
|
+
if (token.tokens.length > 1) {
|
|
92
|
+
const remainingTokens = token.tokens.slice(1)
|
|
93
|
+
const additionalContent = helpers.parseChildren(remainingTokens)
|
|
94
|
+
content.push(...additionalContent)
|
|
95
|
+
}
|
|
96
|
+
} else {
|
|
97
|
+
// Fallback: parse all tokens as block elements
|
|
98
|
+
content = helpers.parseChildren(token.tokens)
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
// Ensure we always have at least an empty paragraph
|
|
104
|
+
if (content.length === 0) {
|
|
105
|
+
content = [
|
|
106
|
+
{
|
|
107
|
+
type: 'paragraph',
|
|
108
|
+
content: [],
|
|
109
|
+
},
|
|
110
|
+
]
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
return {
|
|
114
|
+
type: 'listItem',
|
|
115
|
+
content,
|
|
116
|
+
}
|
|
117
|
+
},
|
|
118
|
+
|
|
119
|
+
renderMarkdown: (node, h, ctx) => {
|
|
120
|
+
return renderNestedMarkdownContent(
|
|
121
|
+
node,
|
|
122
|
+
h,
|
|
123
|
+
(context: any) => {
|
|
124
|
+
if (context.parentType === 'bulletList') {
|
|
125
|
+
return '- '
|
|
126
|
+
}
|
|
127
|
+
if (context.parentType === 'orderedList') {
|
|
128
|
+
const start = context.meta?.parentAttrs?.start || 1
|
|
129
|
+
return `${start + context.index}. `
|
|
130
|
+
}
|
|
131
|
+
// Fallback to bullet list for unknown parent types
|
|
132
|
+
return '- '
|
|
133
|
+
},
|
|
134
|
+
ctx,
|
|
135
|
+
)
|
|
136
|
+
},
|
|
137
|
+
|
|
57
138
|
addKeyboardShortcuts() {
|
|
58
139
|
return {
|
|
59
140
|
Enter: () => this.editor.commands.splitListItem(this.name),
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { mergeAttributes, Node, wrappingInputRule } from '@tiptap/core'
|
|
2
2
|
|
|
3
|
+
import { buildNestedStructure, collectOrderedListItems, parseListItems } from './utils.js'
|
|
4
|
+
|
|
3
5
|
const ListItemName = 'listItem'
|
|
4
6
|
const TextStyleName = 'textStyle'
|
|
5
7
|
|
|
@@ -105,6 +107,76 @@ export const OrderedList = Node.create<OrderedListOptions>({
|
|
|
105
107
|
: ['ol', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]
|
|
106
108
|
},
|
|
107
109
|
|
|
110
|
+
markdownTokenName: 'list',
|
|
111
|
+
|
|
112
|
+
parseMarkdown: (token, helpers) => {
|
|
113
|
+
if (token.type !== 'list' || !token.ordered) {
|
|
114
|
+
return []
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
const startValue = token.start || 1
|
|
118
|
+
const content = token.items ? parseListItems(token.items, helpers) : []
|
|
119
|
+
|
|
120
|
+
if (startValue !== 1) {
|
|
121
|
+
return {
|
|
122
|
+
type: 'orderedList',
|
|
123
|
+
attrs: { start: startValue },
|
|
124
|
+
content,
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
return {
|
|
129
|
+
type: 'orderedList',
|
|
130
|
+
content,
|
|
131
|
+
}
|
|
132
|
+
},
|
|
133
|
+
|
|
134
|
+
renderMarkdown: (node, h) => {
|
|
135
|
+
if (!node.content) {
|
|
136
|
+
return ''
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
return h.renderChildren(node.content, '\n')
|
|
140
|
+
},
|
|
141
|
+
|
|
142
|
+
markdownTokenizer: {
|
|
143
|
+
name: 'orderedList',
|
|
144
|
+
level: 'block',
|
|
145
|
+
start: (src: string) => {
|
|
146
|
+
const match = src.match(/^(\s*)(\d+)\.\s+/)
|
|
147
|
+
const index = match?.index
|
|
148
|
+
return index !== undefined ? index : -1
|
|
149
|
+
},
|
|
150
|
+
tokenize: (src: string, _tokens, lexer) => {
|
|
151
|
+
const lines = src.split('\n')
|
|
152
|
+
const [listItems, consumed] = collectOrderedListItems(lines)
|
|
153
|
+
|
|
154
|
+
if (listItems.length === 0) {
|
|
155
|
+
return undefined
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
const items = buildNestedStructure(listItems, 0, lexer)
|
|
159
|
+
|
|
160
|
+
if (items.length === 0) {
|
|
161
|
+
return undefined
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
const startValue = listItems[0]?.number || 1
|
|
165
|
+
|
|
166
|
+
return {
|
|
167
|
+
type: 'list',
|
|
168
|
+
ordered: true,
|
|
169
|
+
start: startValue,
|
|
170
|
+
items,
|
|
171
|
+
raw: lines.slice(0, consumed).join('\n'),
|
|
172
|
+
} as unknown as object
|
|
173
|
+
},
|
|
174
|
+
},
|
|
175
|
+
|
|
176
|
+
markdownOptions: {
|
|
177
|
+
indentsContent: true,
|
|
178
|
+
},
|
|
179
|
+
|
|
108
180
|
addCommands() {
|
|
109
181
|
return {
|
|
110
182
|
toggleOrderedList:
|