@milkdown/preset-commonmark 7.0.0-next.4 → 7.0.0-next.6

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@milkdown/preset-commonmark",
   "type": "module",
-  "version": "7.0.0-next.4",
+  "version": "7.0.0-next.6",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -30,14 +30,14 @@
     "remark-inline-links": "^6.0.0",
     "tslib": "^2.4.0",
     "unist-util-visit": "^4.0.0",
-    "@milkdown/exception": "7.0.0-next.4",
-    "@milkdown/utils": "7.0.0-next.4"
+    "@milkdown/exception": "7.0.0-next.6",
+    "@milkdown/utils": "7.0.0-next.6"
   },
   "devDependencies": {
     "@types/unist": "^2.0.6",
-    "@milkdown/core": "7.0.0-next.4",
-    "@milkdown/ctx": "7.0.0-next.4",
-    "@milkdown/prose": "7.0.0-next.4"
+    "@milkdown/core": "7.0.0-next.6",
+    "@milkdown/ctx": "7.0.0-next.6",
+    "@milkdown/prose": "7.0.0-next.6"
   },
   "nx": {
     "targets": {

package/src/composed/plugins.ts

@@ -1,7 +1,7 @@
 /* Copyright 2021, Milkdown by Mirone. */
 
 import type { MilkdownPlugin } from '@milkdown/ctx'
-import { hardbreakClearMarkPlugin, hardbreakFilterNodes, hardbreakFilterPlugin, inlineNodesCursorPlugin, inlineSyncConfig, inlineSyncPlugin, remarkAddOrderInListPlugin, remarkInlineLinkPlugin, remarkLineBreak, syncHeadingIdPlugin, syncListOrderPlugin } from '../plugin'
+import { hardbreakClearMarkPlugin, hardbreakFilterNodes, hardbreakFilterPlugin, inlineNodesCursorPlugin, inlineSyncConfig, inlineSyncPlugin, remarkAddOrderInListPlugin, remarkHTMLFilter, remarkInlineLinkPlugin, remarkLineBreak, syncHeadingIdPlugin, syncListOrderPlugin } from '../plugin'
 
 /// @internal
 export const plugins: MilkdownPlugin[] = [
@@ -17,6 +17,7 @@ export const plugins: MilkdownPlugin[] = [
   remarkAddOrderInListPlugin,
   remarkInlineLinkPlugin,
   remarkLineBreak,
+  remarkHTMLFilter,
 
   syncHeadingIdPlugin,
   syncListOrderPlugin,

package/src/plugin/index.ts

@@ -5,6 +5,7 @@ export * from './inline-sync-plugin'
 export * from './remark-add-order-in-list-plugin'
 export * from './remark-line-break'
 export * from './remark-inline-link-plugin'
+export * from './remark-html-filter'
 
 export * from './inline-nodes-cursor-plugin'
 

package/src/plugin/remark-html-filter.ts

@@ -0,0 +1,43 @@
+/* Copyright 2021, Milkdown by Mirone. */
+import { $remark } from '@milkdown/utils'
+import type { Literal, Node, Parent } from 'unist'
+
+const isParent = (node: Node): node is Parent => !!(node as Parent).children
+const isHTML = (node: Node): node is Literal<string> => node.type === 'html'
+
+function flatMapWithDepth(ast: Node, fn: (node: Node, index: number, parent: Node | null) => Node[]) {
+  return transform(ast, 0, null)[0]
+
+  function transform(node: Node, index: number, parent: Node | null) {
+    if (isParent(node)) {
+      const out = []
+      for (let i = 0, n = node.children.length; i < n; i++) {
+        const nthChild = node.children[i]
+        if (nthChild) {
+          const xs = transform(nthChild, i, node)
+          if (xs) {
+            for (let j = 0, m = xs.length; j < m; j++) {
+              const item = xs[j]
+              if (item)
+                out.push(item)
+            }
+          }
+        }
+      }
+      node.children = out
+    }
+
+    return fn(node, index, parent)
+  }
+}
+
+/// @internal
+/// This plugin should be deprecated after we support HTML.
+export const remarkHTMLFilter = $remark(() => () => (tree: Node) => {
+  flatMapWithDepth(tree, (node) => {
+    if (!isHTML(node))
+      return [node]
+
+    return []
+  })
+})