@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.
Files changed (39) hide show
  1. package/dist/bullet-list/index.cjs +19 -0
  2. package/dist/bullet-list/index.cjs.map +1 -1
  3. package/dist/bullet-list/index.js +19 -0
  4. package/dist/bullet-list/index.js.map +1 -1
  5. package/dist/index.cjs +412 -4
  6. package/dist/index.cjs.map +1 -1
  7. package/dist/index.d.cts +2 -2
  8. package/dist/index.d.ts +2 -2
  9. package/dist/index.js +421 -7
  10. package/dist/index.js.map +1 -1
  11. package/dist/item/index.cjs +61 -0
  12. package/dist/item/index.cjs.map +1 -1
  13. package/dist/item/index.js +62 -1
  14. package/dist/item/index.js.map +1 -1
  15. package/dist/keymap/index.d.cts +2 -2
  16. package/dist/keymap/index.d.ts +2 -2
  17. package/dist/kit/index.cjs +412 -4
  18. package/dist/kit/index.cjs.map +1 -1
  19. package/dist/kit/index.js +421 -7
  20. package/dist/kit/index.js.map +1 -1
  21. package/dist/ordered-list/index.cjs +189 -0
  22. package/dist/ordered-list/index.cjs.map +1 -1
  23. package/dist/ordered-list/index.js +189 -0
  24. package/dist/ordered-list/index.js.map +1 -1
  25. package/dist/task-item/index.cjs +52 -4
  26. package/dist/task-item/index.cjs.map +1 -1
  27. package/dist/task-item/index.js +59 -5
  28. package/dist/task-item/index.js.map +1 -1
  29. package/dist/task-list/index.cjs +91 -0
  30. package/dist/task-list/index.cjs.map +1 -1
  31. package/dist/task-list/index.js +92 -1
  32. package/dist/task-list/index.js.map +1 -1
  33. package/package.json +5 -5
  34. package/src/bullet-list/bullet-list.ts +25 -0
  35. package/src/item/list-item.ts +82 -1
  36. package/src/ordered-list/ordered-list.ts +72 -0
  37. package/src/ordered-list/utils.ts +234 -0
  38. package/src/task-item/task-item.ts +85 -6
  39. package/src/task-list/task-list.ts +105 -1
@@ -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,kBAAsC;AAkC/B,IAAM,WAAW,iBAAK,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,UAAM,6BAAgB,KAAK,QAAQ,gBAAgB,gBAAgB,EAAE,aAAa,KAAK,KAAK,CAAC,GAAG,CAAC;AAAA,EAC3G;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":[]}
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":[]}
@@ -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,YAAY;AAkC/B,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,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":[]}
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":"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","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.8",
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.7",
91
- "@tiptap/pm": "^3.0.7"
90
+ "@tiptap/core": "^3.18.0",
91
+ "@tiptap/pm": "^3.18.0"
92
92
  },
93
93
  "peerDependencies": {
94
- "@tiptap/core": "^3.0.7",
95
- "@tiptap/pm": "^3.0.7"
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:
@@ -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: