@milkdown/preset-commonmark 6.1.3 → 6.2.0

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

@@ -1 +1 @@
-{"version":3,"file":"code-fence.d.ts","sourceRoot":"","sources":["../../src/node/code-fence.ts"],"names":[],"mappings":"AA8BA,eAAO,MAAM,kBAAkB,QAAoC,CAAC;AACpE,eAAO,MAAM,eAAe,QAAoC,CAAC;AAEjE,eAAO,MAAM,iBAAiB,4CAAoC,CAAC;AAGnE,eAAO,MAAM,SAAS;;;;;;EAoMpB,CAAC"}
+{"version":3,"file":"code-fence.d.ts","sourceRoot":"","sources":["../../src/node/code-fence.ts"],"names":[],"mappings":"AA+BA,eAAO,MAAM,kBAAkB,QAAoC,CAAC;AACpE,eAAO,MAAM,eAAe,QAAoC,CAAC;AAEjE,eAAO,MAAM,iBAAiB,4CAAoC,CAAC;AAGnE,eAAO,MAAM,SAAS;;EAmMpB,CAAC"}

package/lib/node/doc.d.ts

@@ -1,6 +1,2 @@
-export declare const doc: import("@milkdown/utils/lib/types").WithExtend<string, import("@milkdown/utils").UnknownRecord, import("@milkdown/prose/model").NodeType<any>, {
-    id: string;
-    schema: (ctx: import("@milkdown/core").Ctx) => import("@milkdown/core").NodeSchema;
-    view?: ((ctx: import("@milkdown/core").Ctx) => import("@milkdown/prose").NodeViewFactory) | undefined;
-}>;
+export declare const doc: import("@milkdown/utils").NodeCreator<string, import("@milkdown/utils").UnknownRecord>;
 //# sourceMappingURL=doc.d.ts.map

package/lib/node/doc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"doc.d.ts","sourceRoot":"","sources":["../../src/node/doc.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,GAAG;;;;EAoBd,CAAC"}
+{"version":3,"file":"doc.d.ts","sourceRoot":"","sources":["../../src/node/doc.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,GAAG,wFAoBd,CAAC"}

package/lib/node/hardbreak.d.ts

@@ -1,7 +1,3 @@
 export declare const InsertHardbreak: import("@milkdown/core").CmdKey<undefined>;
-export declare const hardbreak: import("@milkdown/utils/lib/types").WithExtend<"HardBreak", import("@milkdown/utils").UnknownRecord, import("@milkdown/prose/model").NodeType<any>, {
-    id: string;
-    schema: (ctx: import("@milkdown/core").Ctx) => import("@milkdown/core").NodeSchema;
-    view?: ((ctx: import("@milkdown/core").Ctx) => import("@milkdown/prose").NodeViewFactory) | undefined;
-}>;
+export declare const hardbreak: import("@milkdown/utils").NodeCreator<"HardBreak", import("@milkdown/utils").UnknownRecord>;
 //# sourceMappingURL=hardbreak.d.ts.map

package/lib/node/hardbreak.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hardbreak.d.ts","sourceRoot":"","sources":["../../src/node/hardbreak.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,eAAe,4CAAkC,CAAC;AAE/D,eAAO,MAAM,SAAS;;;;EAoEpB,CAAC"}
+{"version":3,"file":"hardbreak.d.ts","sourceRoot":"","sources":["../../src/node/hardbreak.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,eAAe,4CAAkC,CAAC;AAE/D,eAAO,MAAM,SAAS,6FAkFpB,CAAC"}

package/lib/node/heading.d.ts

@@ -1,12 +1,11 @@
+import { Node } from '@milkdown/prose/model';
 import { PluginKey } from '@milkdown/prose/state';
 import { SupportedKeys } from '../supported-keys';
 declare type Keys = SupportedKeys['H1'] | SupportedKeys['H2'] | SupportedKeys['H3'] | SupportedKeys['H4'] | SupportedKeys['H5'] | SupportedKeys['H6'];
 export declare const TurnIntoHeading: import("@milkdown/core").CmdKey<number>;
-export declare const headingPluginKey: PluginKey<any, any>;
-export declare const heading: import("@milkdown/utils/lib/types").WithExtend<Keys, import("@milkdown/utils").UnknownRecord, import("@milkdown/prose/model").NodeType<any>, {
-    id: string;
-    schema: (ctx: import("@milkdown/core").Ctx) => import("@milkdown/core").NodeSchema;
-    view?: ((ctx: import("@milkdown/core").Ctx) => import("@milkdown/prose").NodeViewFactory) | undefined;
+export declare const headingPluginKey: PluginKey<any>;
+export declare const heading: import("@milkdown/utils").NodeCreator<Keys, {
+    getId: (node: Node) => string;
 }>;
 export {};
 //# sourceMappingURL=heading.d.ts.map

package/lib/node/heading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../src/node/heading.ts"],"names":[],"mappings":"AAKA,OAAO,EAAuB,SAAS,EAAe,MAAM,uBAAuB,CAAC;AAGpF,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAMlD,aAAK,IAAI,GACH,aAAa,CAAC,IAAI,CAAC,GACnB,aAAa,CAAC,IAAI,CAAC,GACnB,aAAa,CAAC,IAAI,CAAC,GACnB,aAAa,CAAC,IAAI,CAAC,GACnB,aAAa,CAAC,IAAI,CAAC,GACnB,aAAa,CAAC,IAAI,CAAC,CAAC;AAE1B,eAAO,MAAM,eAAe,yCAA0C,CAAC;AAEvE,eAAO,MAAM,gBAAgB,qBAA+B,CAAC;AAE7D,eAAO,MAAM,OAAO;;;;EAsIlB,CAAC"}
+{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../src/node/heading.ts"],"names":[],"mappings":"AAIA,OAAO,EAAY,IAAI,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAuB,SAAS,EAAe,MAAM,uBAAuB,CAAC;AAGpF,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAMlD,aAAK,IAAI,GACH,aAAa,CAAC,IAAI,CAAC,GACnB,aAAa,CAAC,IAAI,CAAC,GACnB,aAAa,CAAC,IAAI,CAAC,GACnB,aAAa,CAAC,IAAI,CAAC,GACnB,aAAa,CAAC,IAAI,CAAC,GACnB,aAAa,CAAC,IAAI,CAAC,CAAC;AAE1B,eAAO,MAAM,eAAe,yCAA0C,CAAC;AAEvE,eAAO,MAAM,gBAAgB,gBAA+B,CAAC;AAS7D,eAAO,MAAM,OAAO;kBAAoC,IAAI,KAAK,MAAM;EA8JrE,CAAC"}

package/lib/node/hr.d.ts

@@ -1,7 +1,3 @@
 export declare const InsertHr: import("@milkdown/core").CmdKey<string>;
-export declare const hr: import("@milkdown/utils/lib/types").WithExtend<string, import("@milkdown/utils").UnknownRecord, import("@milkdown/prose/model").NodeType<any>, {
-    id: string;
-    schema: (ctx: import("@milkdown/core").Ctx) => import("@milkdown/core").NodeSchema;
-    view?: ((ctx: import("@milkdown/core").Ctx) => import("@milkdown/prose").NodeViewFactory) | undefined;
-}>;
+export declare const hr: import("@milkdown/utils").NodeCreator<string, import("@milkdown/utils").UnknownRecord>;
 //# sourceMappingURL=hr.d.ts.map

package/lib/node/hr.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hr.d.ts","sourceRoot":"","sources":["../../src/node/hr.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,QAAQ,yCAAmC,CAAC;AACzD,eAAO,MAAM,EAAE;;;;EAkDb,CAAC"}
+{"version":3,"file":"hr.d.ts","sourceRoot":"","sources":["../../src/node/hr.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,QAAQ,yCAAmC,CAAC;AACzD,eAAO,MAAM,EAAE,wFAoDb,CAAC"}

package/lib/node/image.d.ts

@@ -8,9 +8,5 @@ export declare type ImageOptions = {
         buttonText?: string;
     };
 };
-export declare const image: import("@milkdown/utils/lib/types").WithExtend<string, ImageOptions, import("@milkdown/prose/model").NodeType<any>, {
-    id: string;
-    schema: (ctx: import("@milkdown/core").Ctx) => import("@milkdown/core").NodeSchema;
-    view?: ((ctx: import("@milkdown/core").Ctx) => import("@milkdown/prose").NodeViewFactory) | undefined;
-}>;
+export declare const image: import("@milkdown/utils").NodeCreator<string, ImageOptions>;
 //# sourceMappingURL=image.d.ts.map

package/lib/node/image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../src/node/image.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,WAAW,yCAAsC,CAAC;AAC/D,eAAO,MAAM,WAAW,yCAAsC,CAAC;AAE/D,oBAAY,YAAY,GAAG;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE;QACH,WAAW,EAAE,MAAM,CAAC;QACpB,UAAU,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;CACL,CAAC;AAGF,eAAO,MAAM,KAAK;;;;EAoMhB,CAAC"}
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../src/node/image.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,WAAW,yCAAsC,CAAC;AAC/D,eAAO,MAAM,WAAW,yCAAsC,CAAC;AAE/D,oBAAY,YAAY,GAAG;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE;QACH,WAAW,EAAE,MAAM,CAAC;QACpB,UAAU,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;CACL,CAAC;AAGF,eAAO,MAAM,KAAK,6DAoMhB,CAAC"}

package/lib/node/index.d.ts

@@ -1,6 +1,5 @@
-export declare const nodes: ((import("@milkdown/utils/lib/types").Metadata<import("@milkdown/utils/lib/types").GetPlugin<"CodeFence", {
-    languageList?: string[] | undefined;
-}>> & import("@milkdown/core").MilkdownPlugin) | (import("@milkdown/utils/lib/types").Metadata<import("@milkdown/utils/lib/types").GetPlugin<string, import("./image").ImageOptions>> & import("@milkdown/core").MilkdownPlugin))[];
+import { AtomPlugin } from '@milkdown/utils';
+export declare const nodes: AtomPlugin[];
 export * from './blockquote';
 export * from './bullet-list';
 export * from './code-fence';

package/lib/node/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/node/index.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,KAAK;;mOAajB,CAAC;AAEF,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,MAAM,CAAC;AACrB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/node/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAe7C,eAAO,MAAM,KAAK,EAAE,UAAU,EAa7B,CAAC;AAEF,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,MAAM,CAAC;AACrB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC"}

package/lib/node/list-item.d.ts

@@ -3,10 +3,6 @@ declare type Keys = SupportedKeys['SinkListItem'] | SupportedKeys['LiftListItem'
 export declare const SplitListItem: import("@milkdown/core").CmdKey<undefined>;
 export declare const SinkListItem: import("@milkdown/core").CmdKey<undefined>;
 export declare const LiftListItem: import("@milkdown/core").CmdKey<undefined>;
-export declare const listItem: import("@milkdown/utils/lib/types").WithExtend<Keys, import("@milkdown/utils").UnknownRecord, import("@milkdown/prose/model").NodeType<any>, {
-    id: string;
-    schema: (ctx: import("@milkdown/core").Ctx) => import("@milkdown/core").NodeSchema;
-    view?: ((ctx: import("@milkdown/core").Ctx) => import("@milkdown/prose").NodeViewFactory) | undefined;
-}>;
+export declare const listItem: import("@milkdown/utils").NodeCreator<Keys, import("@milkdown/utils").UnknownRecord>;
 export {};
 //# sourceMappingURL=list-item.d.ts.map

package/lib/node/list-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list-item.d.ts","sourceRoot":"","sources":["../../src/node/list-item.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,aAAK,IAAI,GAAG,aAAa,CAAC,cAAc,CAAC,GAAG,aAAa,CAAC,cAAc,CAAC,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC;AAI1G,eAAO,MAAM,aAAa,4CAAgC,CAAC;AAC3D,eAAO,MAAM,YAAY,4CAA+B,CAAC;AACzD,eAAO,MAAM,YAAY,4CAA+B,CAAC;AAEzD,eAAO,MAAM,QAAQ;;;;EAoClB,CAAC"}
+{"version":3,"file":"list-item.d.ts","sourceRoot":"","sources":["../../src/node/list-item.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,aAAK,IAAI,GAAG,aAAa,CAAC,cAAc,CAAC,GAAG,aAAa,CAAC,cAAc,CAAC,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC;AAI1G,eAAO,MAAM,aAAa,4CAAgC,CAAC;AAC3D,eAAO,MAAM,YAAY,4CAA+B,CAAC;AACzD,eAAO,MAAM,YAAY,4CAA+B,CAAC;AAEzD,eAAO,MAAM,QAAQ,sFAoClB,CAAC"}

package/lib/node/ordered-list.d.ts

@@ -1,7 +1,3 @@
 export declare const WrapInOrderedList: import("@milkdown/core").CmdKey<undefined>;
-export declare const orderedList: import("@milkdown/utils/lib/types").WithExtend<"OrderedList", import("@milkdown/utils").UnknownRecord, import("@milkdown/prose/model").NodeType<any>, {
-    id: string;
-    schema: (ctx: import("@milkdown/core").Ctx) => import("@milkdown/core").NodeSchema;
-    view?: ((ctx: import("@milkdown/core").Ctx) => import("@milkdown/prose").NodeViewFactory) | undefined;
-}>;
+export declare const orderedList: import("@milkdown/utils").NodeCreator<"OrderedList", import("@milkdown/utils").UnknownRecord>;
 //# sourceMappingURL=ordered-list.d.ts.map

package/lib/node/ordered-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ordered-list.d.ts","sourceRoot":"","sources":["../../src/node/ordered-list.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,iBAAiB,4CAAoC,CAAC;AAGnE,eAAO,MAAM,WAAW;;;;EAwDrB,CAAC"}
+{"version":3,"file":"ordered-list.d.ts","sourceRoot":"","sources":["../../src/node/ordered-list.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,iBAAiB,4CAAoC,CAAC;AAGnE,eAAO,MAAM,WAAW,+FAwDrB,CAAC"}

package/lib/node/paragraph.d.ts

@@ -1,7 +1,3 @@
 export declare const TurnIntoText: import("@milkdown/core").CmdKey<undefined>;
-export declare const paragraph: import("@milkdown/utils/lib/types").WithExtend<"Text", import("@milkdown/utils").UnknownRecord, import("@milkdown/prose/model").NodeType<any>, {
-    id: string;
-    schema: (ctx: import("@milkdown/core").Ctx) => import("@milkdown/core").NodeSchema;
-    view?: ((ctx: import("@milkdown/core").Ctx) => import("@milkdown/prose").NodeViewFactory) | undefined;
-}>;
+export declare const paragraph: import("@milkdown/utils").NodeCreator<"Text", import("@milkdown/utils").UnknownRecord>;
 //# sourceMappingURL=paragraph.d.ts.map

package/lib/node/paragraph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paragraph.d.ts","sourceRoot":"","sources":["../../src/node/paragraph.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,YAAY,4CAA+B,CAAC;AAGzD,eAAO,MAAM,SAAS;;;;EAqCpB,CAAC"}
+{"version":3,"file":"paragraph.d.ts","sourceRoot":"","sources":["../../src/node/paragraph.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,YAAY,4CAA+B,CAAC;AAGzD,eAAO,MAAM,SAAS,wFA8CpB,CAAC"}

package/lib/node/text.d.ts

@@ -1,6 +1,2 @@
-export declare const text: import("@milkdown/utils/lib/types").WithExtend<string, import("@milkdown/utils").UnknownRecord, import("@milkdown/prose/model").NodeType<any>, {
-    id: string;
-    schema: (ctx: import("@milkdown/core").Ctx) => import("@milkdown/core").NodeSchema;
-    view?: ((ctx: import("@milkdown/core").Ctx) => import("@milkdown/prose").NodeViewFactory) | undefined;
-}>;
+export declare const text: import("@milkdown/utils").NodeCreator<string, import("@milkdown/utils").UnknownRecord>;
 //# sourceMappingURL=text.d.ts.map

package/lib/node/text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/node/text.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI;;;;EAiBd,CAAC"}
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/node/text.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,wFAiBd,CAAC"}

package/lib/plugin/index.d.ts

@@ -1,2 +1,2 @@
-export declare const commonmarkPlugins: (import("@milkdown/utils/lib/types").Metadata<import("@milkdown/utils/lib/types").GetPlugin<string, import("@milkdown/utils").UnknownRecord>> & import("@milkdown/core").MilkdownPlugin)[];
+export declare const commonmarkPlugins: (import("@milkdown/utils").Metadata<import("@milkdown/utils").GetPlugin<string, import("@milkdown/utils").UnknownRecord>> & import("@milkdown/core").MilkdownPlugin)[];
 //# sourceMappingURL=index.d.ts.map

package/lib/plugin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/plugin/index.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,iBAAiB,4LAK7B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/plugin/index.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,iBAAiB,wKAK7B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@milkdown/preset-commonmark",
-  "version": "6.1.3",
+  "version": "6.2.0",
   "type": "module",
   "main": "./lib/index.es.js",
   "types": "./lib/index.d.ts",
@@ -17,8 +17,8 @@
     "commonmark"
   ],
   "devDependencies": {
-    "@milkdown/core": "6.1.3",
-    "@milkdown/prose": "6.1.3",
+    "@milkdown/core": "6.2.0",
+    "@milkdown/prose": "6.2.0",
     "@types/unist": "^2.0.6"
   },
   "peerDependencies": {
@@ -26,7 +26,7 @@
     "@milkdown/prose": "^6.0.1"
   },
   "dependencies": {
-    "@milkdown/utils": "6.1.3",
+    "@milkdown/utils": "6.2.0",
     "remark-inline-links": "^6.0.0",
     "tslib": "^2.3.1"
   },

package/src/mark/link.ts

@@ -1,9 +1,10 @@
 /* Copyright 2021, Milkdown by Mirone. */
 import { commandsCtx, createCmd, createCmdKey, schemaCtx, ThemeInputChipType } from '@milkdown/core';
+import { calculateTextPosition } from '@milkdown/prose';
 import { toggleMark } from '@milkdown/prose/commands';
 import { InputRule } from '@milkdown/prose/inputrules';
 import { Node as ProseNode } from '@milkdown/prose/model';
-import { Plugin, PluginKey, TextSelection } from '@milkdown/prose/state';
+import { NodeSelection, Plugin, PluginKey, TextSelection } from '@milkdown/prose/state';
 import { EditorView } from '@milkdown/prose/view';
 import { createMark } from '@milkdown/utils';
 
@@ -69,8 +70,9 @@ export const link = createMark<string, LinkOptions>((utils, options) => {
                 let node: ProseNode | undefined;
                 let pos = -1;
                 const { selection } = state;
-                state.doc.nodesBetween(selection.from, selection.to, (n, p) => {
-                    if (marks.link.isInSet(n.marks)) {
+                const { from, to } = selection;
+                state.doc.nodesBetween(from, from === to ? to + 1 : to, (n, p) => {
+                    if (marks['link']?.isInSet(n.marks)) {
                         node = n;
                         pos = p;
                         return false;
@@ -85,7 +87,8 @@ export const link = createMark<string, LinkOptions>((utils, options) => {
                 const start = pos;
                 const end = pos + node.nodeSize;
                 const { tr } = state;
-                const linkMark = marks.link.create({ ...mark.attrs, href });
+                const linkMark = marks['link']?.create({ ...mark.attrs, href });
+                if (!linkMark) return false;
                 dispatch(
                     tr
                         .removeMark(start, end, mark)
@@ -114,6 +117,7 @@ export const link = createMark<string, LinkOptions>((utils, options) => {
             }),
         ],
         prosePlugins: (type, ctx) => {
+            let renderOnTop = false;
             return [
                 new Plugin({
                     key,
@@ -124,20 +128,59 @@ export const link = createMark<string, LinkOptions>((utils, options) => {
                             onUpdate: (value) => {
                                 ctx.get(commandsCtx).call(ModifyLink, value);
                             },
+                            calculatePosition: (view, input) => {
+                                calculateTextPosition(view, input, (start, end, target, parent) => {
+                                    const $editor = view.dom.parentElement;
+                                    if (!$editor) {
+                                        throw new Error();
+                                    }
+
+                                    const selectionWidth = end.left - start.left;
+                                    let left = start.left - parent.left - (target.width - selectionWidth) / 2;
+                                    let top = start.bottom - parent.top + 14 + $editor.scrollTop;
+
+                                    if (renderOnTop) {
+                                        top = start.top - parent.top - target.height - 14 + $editor.scrollTop;
+                                    }
+
+                                    if (left < 0) left = 0;
+
+                                    return [top, left];
+                                });
+                            },
                         });
                         if (!inputChipRenderer) return {};
                         const shouldDisplay = (view: EditorView) => {
                             const { selection, doc } = view.state;
                             const { from, to } = selection;
 
-                            return (
-                                view.hasFocus() &&
+                            if (!view.hasFocus()) {
+                                return false;
+                            }
+
+                            if (
                                 selection.empty &&
                                 selection instanceof TextSelection &&
                                 to < doc.content.size &&
                                 from < doc.content.size &&
                                 doc.rangeHasMark(from, from === to ? to + 1 : to, type)
-                            );
+                            ) {
+                                renderOnTop = false;
+                                return true;
+                            }
+
+                            if (selection instanceof NodeSelection) {
+                                const { node } = selection;
+                                if (
+                                    node.type.name === 'image' &&
+                                    node.marks.findIndex((mark) => mark.type.name === id) > -1
+                                ) {
+                                    renderOnTop = true;
+                                    return true;
+                                }
+                            }
+
+                            return false;
                         };
                         const getCurrentLink = (view: EditorView) => {
                             const { selection } = view.state;
@@ -179,7 +222,9 @@ export const link = createMark<string, LinkOptions>((utils, options) => {
                                     prevState?.doc.eq(view.state.doc) && prevState.selection.eq(view.state.selection);
                                 if (isEqualSelection) return;
 
-                                renderByView(view);
+                                requestAnimationFrame(() => {
+                                    renderByView(view);
+                                });
                             },
                             destroy: () => {
                                 inputChipRenderer.destroy();

package/src/node/code-fence.ts

@@ -3,6 +3,7 @@ import { createCmd, createCmdKey, editorViewCtx, ThemeCodeFenceType } from '@mil
 import { setBlockType } from '@milkdown/prose/commands';
 import { textblockTypeInputRule } from '@milkdown/prose/inputrules';
 import { Fragment } from '@milkdown/prose/model';
+import { NodeView } from '@milkdown/prose/view';
 import { createNode, createShortcut } from '@milkdown/utils';
 
 import { SupportedKeys } from '../supported-keys';
@@ -68,8 +69,7 @@ export const codeFence = createNode<Keys, { languageList?: string[] }>((utils, o
                             throw new Error('Parse DOM error.');
                         }
                         const textNode = schema.text(dom.querySelector('pre')?.textContent ?? '');
-                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                        return Fragment.from<any>(textNode);
+                        return Fragment.from(textNode);
                     },
                 },
                 {
@@ -211,7 +211,7 @@ export const codeFence = createNode<Keys, { languageList?: string[] }>((utils, o
                 editable: () => view.editable,
                 languageList,
             });
-            if (!renderer) return {};
+            if (!renderer) return {} as NodeView;
 
             const { dom, contentDOM, onUpdate, onDestroy } = renderer;
             onUpdate(currNode);

package/src/node/hardbreak.ts

@@ -1,6 +1,6 @@
 /* Copyright 2021, Milkdown by Mirone. */
 import { createCmd, createCmdKey } from '@milkdown/core';
-import { Plugin, PluginKey } from '@milkdown/prose/state';
+import { Plugin, PluginKey, Selection } from '@milkdown/prose/state';
 import { AddMarkStep, ReplaceStep } from '@milkdown/prose/transform';
 import { createNode, createShortcut } from '@milkdown/utils';
 
@@ -34,7 +34,21 @@ export const hardbreak = createNode<Keys>((utils) => {
         }),
         commands: (type) => [
             createCmd(InsertHardbreak, () => (state, dispatch) => {
-                dispatch?.(state.tr.setMeta('hardbreak', true).replaceSelectionWith(type.create()).scrollIntoView());
+                const { selection, tr } = state;
+                if (selection.empty) {
+                    // Transform two successive hardbreak into a new line
+                    const node = selection.$from.node();
+                    if (node.childCount > 0 && node.lastChild?.type.name === 'hardbreak') {
+                        dispatch?.(
+                            tr
+                                .replaceRangeWith(selection.to - 1, selection.to, state.schema.node('paragraph'))
+                                .setSelection(Selection.near(tr.doc.resolve(selection.to)))
+                                .scrollIntoView(),
+                        );
+                        return true;
+                    }
+                }
+                dispatch?.(tr.setMeta('hardbreak', true).replaceSelectionWith(type.create()).scrollIntoView());
                 return true;
             }),
         ],

package/src/node/heading.ts

@@ -2,7 +2,7 @@
 import { createCmd, createCmdKey, editorViewCtx } from '@milkdown/core';
 import { setBlockType } from '@milkdown/prose/commands';
 import { textblockTypeInputRule } from '@milkdown/prose/inputrules';
-import { Node } from '@milkdown/prose/model';
+import { Fragment, Node } from '@milkdown/prose/model';
 import { EditorState, Plugin, PluginKey, Transaction } from '@milkdown/prose/state';
 import { createNode, createShortcut } from '@milkdown/utils';
 
@@ -24,9 +24,18 @@ export const TurnIntoHeading = createCmdKey<number>('TurnIntoHeading');
 
 export const headingPluginKey = new PluginKey('MILKDOWN_ID');
 
-export const heading = createNode<Keys>((utils) => {
+const createId = (node: Node) =>
+    node.textContent
+        .replace(/[\p{P}\p{S}]/gu, '')
+        .replace(/\s/g, '-')
+        .toLowerCase()
+        .trim();
+
+export const heading = createNode<Keys, { getId: (node: Node) => string }>((utils, options) => {
     const id = 'heading';
 
+    const getId = options?.getId ?? createId;
+
     return {
         id,
         schema: () => ({
@@ -54,7 +63,7 @@ export const heading = createNode<Keys>((utils) => {
                 return [
                     `h${node.attrs['level']}`,
                     {
-                        id: node.attrs['id'] || node.textContent.split(' ').join('-').toLocaleLowerCase(),
+                        id: node.attrs['id'] || getId(node),
                         class: utils.getClassName(node.attrs, `heading h${node.attrs['level']}`),
                     },
                     0,
@@ -73,7 +82,19 @@ export const heading = createNode<Keys>((utils) => {
                 match: (node) => node.type.name === id,
                 runner: (state, node) => {
                     state.openNode('heading', undefined, { depth: node.attrs['level'] });
-                    state.next(node.content);
+                    const lastIsHardbreak = node.childCount >= 1 && node.lastChild?.type.name === 'hardbreak';
+                    if (lastIsHardbreak) {
+                        const contentArr: Node[] = [];
+                        node.content.forEach((n, _, i) => {
+                            if (i === node.childCount - 1) {
+                                return;
+                            }
+                            contentArr.push(n);
+                        });
+                        state.next(Fragment.fromArray(contentArr));
+                    } else {
+                        state.next(node.content);
+                    }
                     state.closeNode();
                 },
             },
@@ -95,12 +116,6 @@ export const heading = createNode<Keys>((utils) => {
         },
         prosePlugins: (type, ctx) => {
             let lock = false;
-            const createId = (node: Node) => {
-                return node.textContent
-                    .replace(/[\p{P}\p{S}]/gu, '')
-                    .replace(/\s/g, '')
-                    .trim();
-            };
             const walkThrough = (state: EditorState, callback: (tr: Transaction) => void) => {
                 const tr = state.tr;
                 state.doc.descendants((node, pos) => {
@@ -109,7 +124,7 @@ export const heading = createNode<Keys>((utils) => {
                             return;
                         }
                         const attrs = node.attrs;
-                        const id = createId(node);
+                        const id = getId(node);
 
                         if (attrs['id'] !== id) {
                             tr.setMeta(headingPluginKey, true).setNodeMarkup(pos, undefined, {
@@ -154,6 +169,22 @@ export const heading = createNode<Keys>((utils) => {
 
                         return tr;
                     },
+                    view: (view) => {
+                        const doc = view.state.doc;
+                        let tr = view.state.tr;
+                        doc.descendants((node, pos) => {
+                            if (node.type.name === 'heading' && node.attrs['level']) {
+                                if (!node.attrs['id']) {
+                                    tr = tr.setNodeMarkup(pos, undefined, {
+                                        ...node.attrs,
+                                        id: getId(node),
+                                    });
+                                }
+                            }
+                        });
+                        view.dispatch(tr);
+                        return {};
+                    },
                 }),
             ];
         },

package/src/node/hr.ts

@@ -40,13 +40,15 @@ export const hr = createNode((utils) => {
         commands: (type, ctx) => [
             createCmd(InsertHr, () => (state, dispatch) => {
                 if (!dispatch) return true;
+
+                const paragraph = ctx.get(schemaCtx).node('paragraph');
                 const { tr, selection } = state;
-                const from = selection.from;
+                const { from } = selection;
                 const node = type.create();
                 if (!node) {
                     return true;
                 }
-                const _tr = tr.replaceSelectionWith(node).insert(from, ctx.get(schemaCtx).node('paragraph'));
+                const _tr = tr.replaceSelectionWith(node).insert(from, paragraph);
                 const sel = Selection.findFrom(_tr.doc.resolve(from), 1, true);
                 if (!sel) {
                     return true;

package/src/node/image.ts

@@ -3,7 +3,7 @@ import { commandsCtx, createCmd, createCmdKey, ThemeImageType, ThemeInputChipTyp
 import { findSelectedNodeOfType } from '@milkdown/prose';
 import { InputRule } from '@milkdown/prose/inputrules';
 import { Plugin, PluginKey } from '@milkdown/prose/state';
-import { EditorView } from '@milkdown/prose/view';
+import { EditorView, NodeView } from '@milkdown/prose/view';
 import { createNode } from '@milkdown/utils';
 
 export const ModifyImage = createCmdKey<string>('ModifyImage');
@@ -134,7 +134,7 @@ export const image = createNode<string, ImageOptions>((utils, options) => {
             });
 
             if (!renderer) {
-                return {};
+                return {} as NodeView;
             }
 
             const { dom, onUpdate } = renderer;

package/src/node/index.ts

@@ -1,4 +1,6 @@
 /* Copyright 2021, Milkdown by Mirone. */
+import { AtomPlugin } from '@milkdown/utils';
+
 import { blockquote } from './blockquote';
 import { bulletList } from './bullet-list';
 import { codeFence } from './code-fence';
@@ -12,7 +14,7 @@ import { orderedList } from './ordered-list';
 import { paragraph } from './paragraph';
 import { text } from './text';
 
-export const nodes = [
+export const nodes: AtomPlugin[] = [
     doc(),
     paragraph(),
     hardbreak(),

package/src/node/paragraph.ts

@@ -1,6 +1,7 @@
 /* Copyright 2021, Milkdown by Mirone. */
 import { createCmd, createCmdKey } from '@milkdown/core';
 import { setBlockType } from '@milkdown/prose/commands';
+import { Fragment, Node } from '@milkdown/prose/model';
 import { createNode, createShortcut } from '@milkdown/utils';
 
 import { SupportedKeys } from '../supported-keys';
@@ -34,8 +35,17 @@ export const paragraph = createNode<Keys>((utils) => {
                 match: (node) => node.type.name === 'paragraph',
                 runner: (state, node) => {
                     state.openNode('paragraph');
-                    const onlyHardbreak = node.childCount === 1 && node.firstChild?.type.name === 'hardbreak';
-                    if (!onlyHardbreak) {
+                    const lastIsHardbreak = node.childCount >= 1 && node.lastChild?.type.name === 'hardbreak';
+                    if (lastIsHardbreak) {
+                        const contentArr: Node[] = [];
+                        node.content.forEach((n, _, i) => {
+                            if (i === node.childCount - 1) {
+                                return;
+                            }
+                            contentArr.push(n);
+                        });
+                        state.next(Fragment.fromArray(contentArr));
+                    } else {
                         state.next(node.content);
                     }
                     state.closeNode();

package/src/plugin/inline-nodes-cursor.ts

@@ -32,7 +32,7 @@ export const inlineNodesCursorPlugin: Plugin = new Plugin({
         handleDOMEvents: {
             beforeinput: (view, e) => {
                 const active = inlineNodesCursorPlugin.getState(view.state);
-                if (active) {
+                if (active && e instanceof InputEvent) {
                     const from = view.state.selection.from;
                     e.preventDefault();
                     view.dispatch(view.state.tr.insertText(e.data || '', from));