@milkdown/preset-commonmark 6.4.0 → 6.4.2

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":"AAUA,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;AAkDzD,eAAO,MAAM,QAAQ,sFA+ElB,CAAC"}
+{"version":3,"file":"list-item.d.ts","sourceRoot":"","sources":["../../src/node/list-item.ts"],"names":[],"mappings":"AAUA,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;AAkDzD,eAAO,MAAM,QAAQ,sFAyFlB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugin/inline-sync/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAiB,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAM1D,cAAc,UAAU,CAAC;AAEzB,eAAO,MAAM,mBAAmB,gBAAwC,CAAC;AACzE,eAAO,MAAM,mBAAmB,QAAS,GAAG,iBAoC3C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugin/inline-sync/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAiB,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAM1D,cAAc,UAAU,CAAC;AAEzB,eAAO,MAAM,mBAAmB,gBAAwC,CAAC;AACzE,eAAO,MAAM,mBAAmB,QAAS,GAAG,iBA+C3C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@milkdown/preset-commonmark",
-  "version": "6.4.0",
+  "version": "6.4.2",
   "type": "module",
   "main": "./lib/index.es.js",
   "types": "./lib/index.d.ts",
@@ -17,8 +17,8 @@
     "commonmark"
   ],
   "devDependencies": {
-    "@milkdown/core": "6.4.0",
-    "@milkdown/prose": "6.4.0",
+    "@milkdown/core": "6.4.1",
+    "@milkdown/prose": "6.4.1",
     "@types/unist": "^2.0.6"
   },
   "peerDependencies": {
@@ -26,8 +26,8 @@
     "@milkdown/prose": "^6.0.1"
   },
   "dependencies": {
-    "@milkdown/utils": "6.4.0",
-    "@milkdown/exception": "6.4.0",
+    "@milkdown/utils": "6.4.1",
+    "@milkdown/exception": "6.4.1",
     "unist-util-visit": "^4.0.0",
     "remark-inline-links": "^6.0.0",
     "tslib": "^2.4.0"

package/src/node/list-item.ts

@@ -96,7 +96,17 @@ export const listItem = createNode<Keys>((utils) => ({
                         spread: dom.dataset['spread'],
                     };
                 },
-                contentElement: 'div.list-item_body',
+                contentElement: (dom) => {
+                    if (!(dom instanceof HTMLElement)) {
+                        throw expectDomTypeError(dom);
+                    }
+
+                    const body = dom.querySelector<HTMLElement>('.list-item_body');
+                    if (!body) {
+                        return dom;
+                    }
+                    return body;
+                },
             },
             { tag: 'li' },
         ],

package/src/plugin/inline-sync/index.ts

@@ -10,6 +10,7 @@ export * from './config';
 
 export const inlineSyncPluginKey = new PluginKey('MILKDOWN_INLINE_SYNC');
 export const getInlineSyncPlugin = (ctx: Ctx) => {
+    let requestId: number | null = null;
     const inlineSyncPlugin = new Plugin<null>({
         key: inlineSyncPluginKey,
         state: {
@@ -17,6 +18,9 @@ export const getInlineSyncPlugin = (ctx: Ctx) => {
                 return null;
             },
             apply: (tr, _value, _oldState, newState) => {
+                const view = ctx.get(editorViewCtx);
+                if (!view.hasFocus?.() || !view.editable) return null;
+
                 if (!tr.docChanged) return null;
 
                 const meta = tr.getMeta(inlineSyncPluginKey);
@@ -27,13 +31,20 @@ export const getInlineSyncPlugin = (ctx: Ctx) => {
                 const context = getContextByState(ctx, newState);
                 if (!context) return null;
 
+                if (requestId) {
+                    cancelAnimationFrame(requestId);
+                    requestId = null;
+                }
+
                 const { prevNode, nextNode, text } = context;
 
                 const { shouldSyncNode } = ctx.get(inlineSyncConfigCtx);
 
                 if (!shouldSyncNode({ prevNode, nextNode, ctx, tr, text })) return null;
 
-                requestAnimationFrame(() => {
+                requestId = requestAnimationFrame(() => {
+                    requestId = null;
+
                     const { dispatch, state } = ctx.get(editorViewCtx);
 
                     runReplacer(ctx, inlineSyncPluginKey, state, dispatch, prevNode.attrs);