add ordered list extension

packages/extension-ordered-list/index.ts

@@ -0,0 +1,51 @@
+import { Command, Node } from '@tiptap/core'
+import { wrappingInputRule } from 'prosemirror-inputrules'
+
+export type OrderedListCommand = () => Command
+
+declare module '@tiptap/core/src/Editor' {
+  interface Commands {
+    orderedList: OrderedListCommand,
+  }
+}
+
+export default new Node()
+  .name('ordered_list')
+  .schema(() => ({
+    attrs: {
+      order: {
+        default: 1,
+      },
+    },
+    content: 'list_item+',
+    group: 'block',
+    parseDOM: [{
+      tag: 'ol',
+      getAttrs: node => ({
+        order: (node as HTMLElement).hasAttribute('start')
+          ? +(node as HTMLElement).getAttribute('start')
+          : 1,
+      }),
+    }],
+    toDOM: node => (node.attrs.order === 1
+      ? ['ol', 0]
+      : ['ol', { start: node.attrs.order }, 0]
+    ),
+  }))
+  .commands(({ name }) => ({
+    orderedList: () => ({ commands }) => {
+      return commands.toggleList(name, 'list_item')
+    },
+  }))
+  .keys(({ editor }) => ({
+    'Shift-Ctrl-9': () => editor.orderedList(),
+  }))
+  .inputRules(({ type }) => [
+    wrappingInputRule(
+      /^(\d+)\.\s$/,
+      type,
+      match => ({ order: +match[1] }),
+      (match, node) => node.childCount + node.attrs.order === +match[1],
+    ),
+  ])
+  .create()