@milkdown/preset-commonmark 6.5.4 → 7.0.0-next.1

package/src/plugin/remark-line-break.ts

@@ -0,0 +1,44 @@
+/* Copyright 2021, Milkdown by Mirone. */
+import { $remark } from '@milkdown/utils'
+import type { Literal, Node, Parent } from 'unist'
+import { visit } from 'unist-util-visit'
+
+/// This plugin is used to add inline line break for remark AST.
+/// The inline line break should be treated as a `space`.
+/// And the normal line break should be treated as a `LF`.
+export const remarkLineBreak = $remark(() => () => (tree: Node) => {
+  const find = /[\t ]*(?:\r?\n|\r)/g
+  visit(tree, 'text', (node: Literal, index: number, parent: Parent) => {
+    if (!node.value || typeof node.value !== 'string')
+      return
+
+    const result = []
+    let start = 0
+
+    find.lastIndex = 0
+
+    let match = find.exec(node.value)
+
+    while (match) {
+      const position = match.index
+
+      if (start !== position)
+        result.push({ type: 'text', value: node.value.slice(start, position) })
+
+      result.push({ type: 'break', data: { isInline: true } })
+      start = position + match[0].length
+      match = find.exec(node.value)
+    }
+
+    const hasResultAndIndex = result.length > 0 && parent && typeof index === 'number'
+
+    if (!hasResultAndIndex)
+      return
+
+    if (start < node.value.length)
+      result.push({ type: 'text', value: node.value.slice(start) })
+
+    parent.children.splice(index, 1, ...result)
+    return index + result.length
+  })
+})

package/src/plugin/sync-heading-id-plugin.ts

@@ -0,0 +1,55 @@
+/* Copyright 2021, Milkdown by Mirone. */
+import { Plugin, PluginKey } from '@milkdown/prose/state'
+import type { EditorView } from '@milkdown/prose/view'
+import { $prose } from '@milkdown/utils'
+import { headingIdGenerator, headingSchema } from '../node/heading'
+
+/// This plugin is used to sync the heading id when the heading content changes.
+/// It will use the `headingIdGenerator` to generate the id.
+export const syncHeadingIdPlugin = $prose((ctx) => {
+  const headingIdPluginKey = new PluginKey('MILKDOWN_HEADING_ID')
+
+  const updateId = (view: EditorView) => {
+    if (view.composing || !view.editable)
+      return
+
+    const getId = ctx.get(headingIdGenerator.key)
+    const tr = view.state.tr.setMeta('addToHistory', false)
+
+    let found = false
+
+    view.state.doc.descendants((node, pos) => {
+      if (node.type === headingSchema.type()) {
+        if (node.textContent.trim().length === 0)
+          return
+
+        const attrs = node.attrs
+        const id = getId(node)
+
+        if (attrs.id !== id) {
+          found = true
+          tr.setMeta(headingIdPluginKey, true).setNodeMarkup(pos, undefined, {
+            ...attrs,
+            id,
+          })
+        }
+      }
+    })
+
+    if (found)
+      view.dispatch(tr)
+  }
+
+  return new Plugin({
+    key: headingIdPluginKey,
+    view: (view) => {
+      updateId(view)
+
+      return {
+        update: (view) => {
+          updateId(view)
+        },
+      }
+    },
+  })
+})

package/src/plugin/sync-list-order-plugin.ts

@@ -0,0 +1,57 @@
+/* Copyright 2021, Milkdown by Mirone. */
+import type { EditorState, Transaction } from '@milkdown/prose/state'
+import { Plugin, PluginKey } from '@milkdown/prose/state'
+import { $prose } from '@milkdown/utils'
+import { listItemSchema } from '../node/list-item'
+
+import { orderedListSchema } from '../node/ordered-list'
+
+/// This plugin is used to keep the label of list item up to date in ordered list.
+export const syncListOrderPlugin = $prose(() => {
+  const walkThrough = (state: EditorState, callback: (tr: Transaction) => void) => {
+    const orderedListType = orderedListSchema.type()
+    const listItemType = listItemSchema.type()
+    let tr = state.tr
+    state.doc.descendants((node, pos, parent, index) => {
+      if (node.type === listItemType && parent?.type === orderedListType) {
+        let changed = false
+        const attrs = { ...node.attrs }
+        if (node.attrs.listType !== 'ordered') {
+          attrs.listType = 'ordered'
+          changed = true
+        }
+
+        const base = parent?.maybeChild(0)
+        if (base === node) {
+          attrs.label = '1.'
+          changed = true
+        }
+        else if (base?.type === listItemType && base.attrs.listType === 'ordered') {
+          attrs.label = `${index + 1}.`
+          changed = true
+        }
+        else if (node.attrs.label === '•') {
+          attrs.label = `${index + 1}.`
+          changed = true
+        }
+
+        if (changed)
+          tr = tr.setNodeMarkup(pos, undefined, attrs)
+      }
+    })
+    callback(tr)
+  }
+  return new Plugin({
+    key: new PluginKey('MILKDOWN_KEEP_LIST_ORDER'),
+    appendTransaction: (transactions, _oldState, nextState) => {
+      let tr: Transaction | null = null
+      if (transactions.some(transaction => transaction.docChanged)) {
+        walkThrough(nextState, (t) => {
+          tr = t
+        })
+      }
+
+      return tr
+    },
+  })
+})

package/lib/mark/code-inline.d.ts

@@ -1,3 +0,0 @@
-export declare const ToggleInlineCode: import("@milkdown/core").CmdKey<undefined>;
-export declare const codeInline: import("@milkdown/utils").MarkCreator<string, {}>;
-//# sourceMappingURL=code-inline.d.ts.map

package/lib/mark/code-inline.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"code-inline.d.ts","sourceRoot":"","sources":["../../src/mark/code-inline.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,gBAAgB,4CAAmC,CAAA;AAEhE,eAAO,MAAM,UAAU,mDAqDrB,CAAA"}

package/lib/mark/em.d.ts

@@ -1,3 +0,0 @@
-export declare const ToggleItalic: import("@milkdown/core").CmdKey<undefined>;
-export declare const em: import("@milkdown/utils").MarkCreator<string, {}>;
-//# sourceMappingURL=em.d.ts.map

package/lib/mark/em.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"em.d.ts","sourceRoot":"","sources":["../../src/mark/em.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,YAAY,4CAA+B,CAAA;AACxD,eAAO,MAAM,EAAE,mDA6BZ,CAAA"}

package/lib/node/code-fence.d.ts

@@ -1,7 +0,0 @@
-export declare const backtickInputRegex: RegExp;
-export declare const tildeInputRegex: RegExp;
-export declare const TurnIntoCodeFence: import("@milkdown/core").CmdKey<undefined>;
-export declare const codeFence: import("@milkdown/utils").NodeCreator<"CodeFence", {
-    languageList?: string[] | undefined;
-}>;
-//# sourceMappingURL=code-fence.d.ts.map

package/lib/node/code-fence.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"code-fence.d.ts","sourceRoot":"","sources":["../../src/node/code-fence.ts"],"names":[],"mappings":"AAiCA,eAAO,MAAM,kBAAkB,QAAoC,CAAA;AACnE,eAAO,MAAM,eAAe,QAAoC,CAAA;AAEhE,eAAO,MAAM,iBAAiB,4CAAoC,CAAA;AAGlE,eAAO,MAAM,SAAS;;EA6MpB,CAAA"}

package/lib/plugin/add-order-in-list.d.ts

@@ -1,3 +0,0 @@
-import type { Node } from 'unist';
-export declare const addOrderInList: () => (ast: Node) => void;
-//# sourceMappingURL=add-order-in-list.d.ts.map

package/lib/plugin/add-order-in-list.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"add-order-in-list.d.ts","sourceRoot":"","sources":["../../src/plugin/add-order-in-list.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAIjC,eAAO,MAAM,cAAc,cACC,IAAI,SAY/B,CAAA"}

package/lib/plugin/filter-html.d.ts

@@ -1,3 +0,0 @@
-import type { Node } from 'unist';
-export declare const filterHTMLPlugin: () => (tree: Node) => void;
-//# sourceMappingURL=filter-html.d.ts.map

package/lib/plugin/filter-html.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"filter-html.d.ts","sourceRoot":"","sources":["../../src/plugin/filter-html.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAW,IAAI,EAAU,MAAM,OAAO,CAAA;AA+BlD,eAAO,MAAM,gBAAgB,eACA,IAAI,SAShC,CAAA"}

package/lib/plugin/inline-nodes-cursor.d.ts

@@ -1,7 +0,0 @@
-import { Plugin } from '@milkdown/prose/state';
-/**
- * This plugin is to solve the chrome 98 bug:
- * https://discuss.prosemirror.net/t/cursor-jumps-at-the-end-of-line-when-it-betweens-two-inline-nodes/4641
- */
-export declare const getInlineNodesCursorPlugin: () => Plugin;
-//# sourceMappingURL=inline-nodes-cursor.d.ts.map

package/lib/plugin/inline-nodes-cursor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"inline-nodes-cursor.d.ts","sourceRoot":"","sources":["../../src/plugin/inline-nodes-cursor.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAa,MAAM,uBAAuB,CAAA;AAKzD;;;GAGG;AACH,eAAO,MAAM,0BAA0B,QAAO,MAkF7C,CAAA"}

package/lib/plugin/inline-sync/config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../src/plugin/inline-sync/config.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAEzC,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAIxD,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,EAAE;IACrC,QAAQ,EAAE,IAAI,CAAA;IACd,QAAQ,EAAE,IAAI,CAAA;IACd,GAAG,EAAE,GAAG,CAAA;IACR,EAAE,EAAE,WAAW,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;CACb,KAAK,OAAO,CAAA;AAEb,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,gBAAgB;IAC/B,iBAAiB,EAAE,mBAAmB,CAAA;IACtC,cAAc,EAAE,cAAc,CAAA;IAC9B,WAAW,EAAE,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC,CAAA;IACrC,eAAe,EAAE,CAAC,iBAAiB,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;CACrE;AAED,eAAO,MAAM,aAAa,EAAE,gBAyB3B,CAAA;AAED,eAAO,MAAM,mBAAmB,sEAAuF,CAAA"}

package/lib/plugin/inline-sync/context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/plugin/inline-sync/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAEzC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AACjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAMxD,cAAc,UAAU,CAAA;AAExB,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,IAAI,CAAA;IACd,QAAQ,EAAE,IAAI,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;CACpB;AAmED,eAAO,MAAM,iBAAiB,QAAS,GAAG,SAAS,WAAW,KAAG,iBAAiB,GAAG,IAmCpF,CAAA"}

package/lib/plugin/inline-sync/index.d.ts

@@ -1,6 +0,0 @@
-import type { Ctx } from '@milkdown/core';
-import { Plugin, PluginKey } from '@milkdown/prose/state';
-export * from './config';
-export declare const inlineSyncPluginKey: PluginKey<any>;
-export declare const getInlineSyncPlugin: (ctx: Ctx) => Plugin<null>;
-//# sourceMappingURL=index.d.ts.map

package/lib/plugin/inline-sync/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugin/inline-sync/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAEzC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAMzD,cAAc,UAAU,CAAA;AAExB,eAAO,MAAM,mBAAmB,gBAAwC,CAAA;AACxE,eAAO,MAAM,mBAAmB,QAAS,GAAG,iBAkD3C,CAAA"}

package/lib/plugin/inline-sync/regexp.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"regexp.d.ts","sourceRoot":"","sources":["../../../src/plugin/inline-sync/regexp.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,QAAyE,CAAA;AAEhG,eAAO,MAAM,iBAAiB,oBAAqB,MAAM,WACK,CAAA"}

package/lib/plugin/inline-sync/replacer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"replacer.d.ts","sourceRoot":"","sources":["../../../src/plugin/inline-sync/replacer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAOhF,eAAO,MAAM,WAAW,QACjB,GAAG,OACH,SAAS,SACP,WAAW,iBACH,WAAW,KAAK,IAAI,SAC5B,KAAK,SA6Bb,CAAA"}

package/lib/plugin/inline-sync/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/plugin/inline-sync/utils.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AAEjD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAGnD,eAAO,MAAM,QAAQ,QAAS,MAAM,WAUnC,CAAA;AAED,eAAO,MAAM,IAAI,SAAU,MAAM,SAAS,MAAM,QAAQ,MAAM,WAQ7D,CAAA;AAED,eAAO,MAAM,kBAAkB,oBAAqB,MAAM,YAAY,MAAM,WACtB,CAAA;AAEtD,eAAO,MAAM,oBAAoB,gBAAiB,mBAAmB,YAAY,MAAM,WAkBtF,CAAA;AAED,eAAO,MAAM,UAAU,SAAU,IAAI,QAAQ,MAAM,eAAe,MAAM,WAkBvE,CAAA"}

package/lib/supported-keys.d.ts

@@ -1,23 +0,0 @@
-export declare const SupportedKeys: {
-    readonly HardBreak: "HardBreak";
-    readonly Blockquote: "Blockquote";
-    readonly BulletList: "BulletList";
-    readonly OrderedList: "OrderedList";
-    readonly CodeFence: "CodeFence";
-    readonly H1: "H1";
-    readonly H2: "H2";
-    readonly H3: "H3";
-    readonly H4: "H4";
-    readonly H5: "H5";
-    readonly H6: "H6";
-    readonly DowngradeHeading: "DowngradeHeading";
-    readonly Text: "Text";
-    readonly CodeInline: "CodeInline";
-    readonly Em: "Em";
-    readonly Bold: "Bold";
-    readonly NextListItem: "NextListItem";
-    readonly SinkListItem: "SinkListItem";
-    readonly LiftListItem: "LiftListItem";
-};
-export type SupportedKeys = typeof SupportedKeys;
-//# sourceMappingURL=supported-keys.d.ts.map

package/lib/supported-keys.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"supported-keys.d.ts","sourceRoot":"","sources":["../src/supported-keys.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;CAoBhB,CAAA;AAGV,MAAM,MAAM,aAAa,GAAG,OAAO,aAAa,CAAA"}

package/src/mark/code-inline.ts

@@ -1,66 +0,0 @@
-/* Copyright 2021, Milkdown by Mirone. */
-import { createCmd, createCmdKey } from '@milkdown/core'
-import type { MarkType } from '@milkdown/prose/model'
-import { createMark, createShortcut } from '@milkdown/utils'
-
-import { SupportedKeys } from '../supported-keys'
-
-type Keys = SupportedKeys['CodeInline']
-const id = 'code_inline'
-
-export const ToggleInlineCode = createCmdKey('ToggleInlineCode')
-
-export const codeInline = createMark<Keys>((utils) => {
-  return {
-    id,
-    schema: () => ({
-      priority: 100,
-      code: true,
-      inclusive: false,
-      parseDOM: [{ tag: 'code' }],
-      toDOM: mark => ['code', { class: utils.getClassName(mark.attrs, 'code-inline') }],
-      parseMarkdown: {
-        match: node => node.type === 'inlineCode',
-        runner: (state, node, markType) => {
-          state.openMark(markType)
-          state.addText(node.value as string)
-          state.closeMark(markType)
-        },
-      },
-      toMarkdown: {
-        match: mark => mark.type.name === id,
-        runner: (state, mark, node) => {
-          state.withMark(mark, 'inlineCode', node.text || '')
-        },
-      },
-    }),
-    commands: markType => [
-      createCmd(ToggleInlineCode, () => (state, dispatch) => {
-        const { selection, tr } = state
-        if (selection.empty)
-          return false
-        const { from, to } = selection
-
-        const has = state.doc.rangeHasMark(from, to, markType)
-        if (has) {
-          dispatch?.(tr.removeMark(from, to, markType))
-          return true
-        }
-
-        const restMarksName = Object.keys(state.schema.marks).filter(x => x !== markType.name)
-
-        restMarksName
-          .map(name => state.schema.marks[name] as MarkType)
-          .forEach((t) => {
-            tr.removeMark(from, to, t)
-          })
-
-        dispatch?.(tr.addMark(from, to, markType.create()))
-        return true
-      }),
-    ],
-    shortcuts: {
-      [SupportedKeys.CodeInline]: createShortcut(ToggleInlineCode, 'Mod-e'),
-    },
-  }
-})

package/src/mark/em.ts

@@ -1,42 +0,0 @@
-/* Copyright 2021, Milkdown by Mirone. */
-import { createCmd, createCmdKey } from '@milkdown/core'
-import { toggleMark } from '@milkdown/prose/commands'
-import { createMark, createShortcut } from '@milkdown/utils'
-
-import { SupportedKeys } from '../supported-keys'
-
-type Keys = SupportedKeys['Em']
-
-const id = 'em'
-
-export const ToggleItalic = createCmdKey('ToggleItalic')
-export const em = createMark<Keys>(utils => ({
-  id,
-  schema: () => ({
-    inclusive: false,
-    parseDOM: [
-      { tag: 'i' },
-      { tag: 'em' },
-      { style: 'font-style', getAttrs: value => (value === 'italic') as false },
-    ],
-    toDOM: mark => ['em', { class: utils.getClassName(mark.attrs, id) }],
-    parseMarkdown: {
-      match: node => node.type === 'emphasis',
-      runner: (state, node, markType) => {
-        state.openMark(markType)
-        state.next(node.children)
-        state.closeMark(markType)
-      },
-    },
-    toMarkdown: {
-      match: mark => mark.type.name === id,
-      runner: (state, mark) => {
-        state.withMark(mark, 'emphasis')
-      },
-    },
-  }),
-  commands: markType => [createCmd(ToggleItalic, () => toggleMark(markType))],
-  shortcuts: {
-    [SupportedKeys.Em]: createShortcut(ToggleItalic, 'Mod-i'),
-  },
-}))

package/src/node/code-fence.ts

@@ -1,245 +0,0 @@
-/* Copyright 2021, Milkdown by Mirone. */
-import type { ThemeCodeFenceType } from '@milkdown/core'
-import { createCmd, createCmdKey, editorViewCtx } from '@milkdown/core'
-import { expectDomTypeError } from '@milkdown/exception'
-import { setBlockType } from '@milkdown/prose/commands'
-import { textblockTypeInputRule } from '@milkdown/prose/inputrules'
-import { Fragment } from '@milkdown/prose/model'
-import type { NodeView } from '@milkdown/prose/view'
-import { createNode, createShortcut } from '@milkdown/utils'
-
-import { SupportedKeys } from '../supported-keys'
-
-type Keys = SupportedKeys['CodeFence']
-
-const languageOptions = [
-  '',
-  'javascript',
-  'typescript',
-  'bash',
-  'sql',
-  'json',
-  'html',
-  'css',
-  'c',
-  'cpp',
-  'java',
-  'ruby',
-  'python',
-  'go',
-  'rust',
-  'markdown',
-]
-
-export const backtickInputRegex = /^```(?<language>[a-z]*)?[\s\n]$/
-export const tildeInputRegex = /^~~~(?<language>[a-z]*)?[\s\n]$/
-
-export const TurnIntoCodeFence = createCmdKey('TurnIntoCodeFence')
-
-const id = 'fence'
-export const codeFence = createNode<Keys, { languageList?: string[] }>((utils, options) => {
-  const languageList = options?.languageList || languageOptions
-
-  return {
-    id,
-    schema: ctx => ({
-      content: 'text*',
-      group: 'block',
-      marks: '',
-      defining: true,
-      code: true,
-      attrs: {
-        language: {
-          default: '',
-        },
-        fold: {
-          default: true,
-        },
-      },
-      parseDOM: [
-        {
-          tag: 'div.code-fence-container',
-          preserveWhitespace: 'full',
-          getAttrs: (dom) => {
-            if (!(dom instanceof HTMLElement))
-              throw expectDomTypeError(dom)
-
-            return { language: dom.querySelector('pre')?.dataset.language }
-          },
-          getContent: (dom, schema) => {
-            if (!(dom instanceof HTMLElement))
-              throw expectDomTypeError(dom)
-
-            const text = dom.querySelector('pre')?.textContent ?? ''
-            if (!text)
-              return Fragment.empty
-
-            const textNode = schema.text(text)
-            return Fragment.from(textNode)
-          },
-        },
-        {
-          tag: 'pre',
-          preserveWhitespace: 'full',
-          getAttrs: (dom) => {
-            if (!(dom instanceof HTMLElement))
-              throw expectDomTypeError(dom)
-
-            return { language: dom.dataset.language }
-          },
-        },
-      ],
-      toDOM: (node) => {
-        const select = document.createElement('select')
-        languageList.forEach((lang) => {
-          const option = document.createElement('option')
-          option.value = lang
-          option.innerText = !lang ? '--' : lang
-          if (lang === node.attrs.language)
-            option.selected = true
-
-          select.appendChild(option)
-        })
-        select.onchange = (e) => {
-          const target = e.target
-          if (!(target instanceof HTMLSelectElement))
-            return
-
-          const view = ctx.get(editorViewCtx)
-          if (!view.editable) {
-            target.value = node.attrs.language
-            return
-          }
-
-          const { top, left } = target.getBoundingClientRect()
-          const result = view.posAtCoords({ top, left })
-          if (!result)
-            return
-
-          const { tr } = view.state
-
-          view.dispatch(
-            tr.setNodeMarkup(result.inside, undefined, {
-              ...node.attrs,
-              language: target.value,
-            }),
-          )
-        }
-        return [
-          'div',
-          {
-            class: 'code-fence-container',
-          },
-          select,
-          [
-            'pre',
-            {
-              'data-language': node.attrs.language,
-              'class': utils.getClassName(node.attrs, 'code-fence'),
-            },
-            ['code', { spellCheck: 'false' }, 0],
-          ],
-        ]
-      },
-      parseMarkdown: {
-        match: ({ type }) => type === 'code',
-        runner: (state, node, type) => {
-          const language = node.lang as string
-          const value = node.value as string
-          state.openNode(type, { language })
-          if (value)
-            state.addText(value)
-
-          state.closeNode()
-        },
-      },
-      toMarkdown: {
-        match: node => node.type.name === id,
-        runner: (state, node) => {
-          state.addNode('code', undefined, node.content.firstChild?.text || '', {
-            lang: node.attrs.language,
-          })
-        },
-      },
-    }),
-    inputRules: nodeType => [
-      textblockTypeInputRule(backtickInputRegex, nodeType, (match) => {
-        const [ok, language] = match
-        if (!ok)
-          return
-        return { language }
-      }),
-      textblockTypeInputRule(tildeInputRegex, nodeType, (match) => {
-        const [ok, language] = match
-        if (!ok)
-          return
-        return { language }
-      }),
-    ],
-    commands: nodeType => [createCmd(TurnIntoCodeFence, () => setBlockType(nodeType))],
-    shortcuts: {
-      [SupportedKeys.CodeFence]: createShortcut(TurnIntoCodeFence, 'Mod-Alt-c'),
-    },
-    view: () => (node, view, getPos) => {
-      let currNode = node
-
-      const onSelectLanguage = (language: string) => {
-        const { tr } = view.state
-        view.dispatch(
-          tr.setNodeMarkup(getPos(), undefined, {
-            fold: true,
-            language,
-          }),
-        )
-      }
-      const onBlur = () => {
-        const { tr } = view.state
-
-        view.dispatch(
-          tr.setNodeMarkup(getPos(), undefined, {
-            ...currNode.attrs,
-            fold: true,
-          }),
-        )
-      }
-      const onFocus = () => {
-        const { tr } = view.state
-
-        view.dispatch(
-          tr.setNodeMarkup(getPos(), undefined, {
-            ...currNode.attrs,
-            fold: false,
-          }),
-        )
-      }
-
-      const renderer = utils.themeManager.get<ThemeCodeFenceType>('code-fence', {
-        view,
-        onBlur,
-        onFocus,
-        onSelectLanguage,
-        editable: () => view.editable,
-        languageList,
-      })
-      if (!renderer)
-        return {} as NodeView
-
-      const { dom, contentDOM, onUpdate, onDestroy } = renderer
-      onUpdate(currNode)
-
-      return {
-        dom,
-        contentDOM,
-        update: (updatedNode) => {
-          if (updatedNode.type.name !== id)
-            return false
-          currNode = updatedNode
-          onUpdate(currNode)
-
-          return true
-        },
-        destroy: onDestroy,
-      }
-    },
-  }
-})

package/src/plugin/add-order-in-list.ts

@@ -1,19 +0,0 @@
-/* Copyright 2021, Milkdown by Mirone. */
-import type { Node } from 'unist'
-import type { Parent } from 'unist-util-visit'
-import { visit } from 'unist-util-visit'
-
-export const addOrderInList = () => {
-  function transformer(ast: Node) {
-    visit(ast, 'list', (node: Parent & { ordered?: boolean; start?: number }) => {
-      if (node.ordered) {
-        const start = node.start ?? 1
-        node.children.forEach((child, index) => {
-          (child as Node & { label: number }).label = index + start
-        })
-      }
-    })
-  }
-
-  return transformer
-}