@milkdown/plugin-emoji 6.5.4 → 7.0.0-next.1

package/lib/index.d.ts

@@ -1,4 +1,15 @@
-import { AtomList } from '@milkdown/utils';
-export * from './node';
-export declare const emoji: AtomList<import("@milkdown/utils").Metadata<import("@milkdown/utils").GetPlugin<string, import("./node").EmojiOptions>> & import("@milkdown/core").MilkdownPlugin>;
+import type { MilkdownPlugin } from '@milkdown/ctx';
+import type Twemoji from 'twemoji';
+type TwemojiOptions = Exclude<Parameters<typeof Twemoji.parse>[1], Function | undefined>;
+export interface EmojiConfig {
+    twemojiOptions?: TwemojiOptions;
+}
+export declare const emojiConfig: import("@milkdown/utils").$Ctx<EmojiConfig, "emojiConfig">;
+export declare const emojiAttr: import("@milkdown/utils").$NodeAttr;
+export declare const emojiSchema: import("@milkdown/utils").$NodeSchema<"emoji">;
+export declare const insertEmojiInputRule: import("@milkdown/utils").$InputRule;
+export declare const remarkEmojiPlugin: import("@milkdown/utils").$Remark;
+export declare const remarkTwemojiPlugin: import("@milkdown/utils").$Remark;
+export declare const emoji: MilkdownPlugin[];
+export {};
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAG1C,cAAc,QAAQ,CAAA;AAEtB,eAAO,MAAM,KAAK,oKAAiC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAOnD,OAAO,KAAK,OAAO,MAAM,SAAS,CAAA;AAKlC,KAAK,cAAc,GAAG,OAAO,CAAC,UAAU,CAAC,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC,CAAA;AAGxF,MAAM,WAAW,WAAW;IAC1B,cAAc,CAAC,EAAE,cAAc,CAAA;CAChC;AAGD,eAAO,MAAM,WAAW,4DAAsD,CAAA;AAG9E,eAAO,MAAM,SAAS,qCAGnB,CAAA;AAGH,eAAO,MAAM,WAAW,gDA+CrB,CAAA;AAIH,eAAO,MAAM,oBAAoB,sCAc9B,CAAA;AAGH,eAAO,MAAM,iBAAiB,mCAA6C,CAAA;AAG3E,eAAO,MAAM,mBAAmB,mCAAyE,CAAA;AAGzG,eAAO,MAAM,KAAK,EAAE,cAAc,EAO1B,CAAA"}

package/lib/index.es.js

@@ -1,289 +1,114 @@
-import { createNode as _, AtomList as O } from "@milkdown/utils";
-import { missingRootElement as N, expectDomTypeError as H } from "@milkdown/exception";
-import { InputRule as F } from "@milkdown/prose/inputrules";
-import A from "node-emoji";
-import I from "remark-emoji";
-import { calculateNodePosition as $ } from "@milkdown/prose";
-import { PluginKey as R, Plugin as B } from "@milkdown/prose/state";
-import K from "twemoji";
-import { ThemeBorder as W, ThemeShadow as z, ThemeScrollbar as U, ThemeSize as q, ThemeFont as J, ThemeColor as G } from "@milkdown/core";
-import Q from "emoji-regex";
-const X = /:\+1|:-1|:[\w-]+/, Y = /:\+1:|:-1:|:[\w-]+:/, Z = /(:([^:\s]+):)$/, V = (n) => ({ title: n }), C = (n, s) => K.parse(n, { attributes: V, ...s }), ee = (n, s, d, e, l, o) => {
-  if (n.composing)
-    return !1;
-  const { state: r } = n, i = r.doc.resolve(s);
-  if (i.parent.type.spec.code)
-    return !1;
-  const a = (i.parent.textBetween(Math.max(0, i.parentOffset - 10), i.parentOffset, void 0, "\uFFFC") + e).toLowerCase();
-  if (Y.test(a))
-    return !1;
-  const t = X.exec(a);
-  if (t && t[0] && a.endsWith(t[0])) {
-    const m = t[0];
-    return l(s - (m.length - e.length), d), o(m), !0;
-  }
-  return !1;
-}, te = (n, s, d, e, l) => {
-  for (; s.firstChild; )
-    s.firstChild.remove();
-  n.forEach(({ emoji: o, key: r }, i) => {
-    const a = document.createElement("div");
-    a.className = "milkdown-emoji-filter_item";
-    const t = document.createElement("span");
-    t.innerHTML = C(o, l), t.className = "milkdown-emoji-filter_item-emoji";
-    const m = document.createElement("span");
-    m.textContent = `:${r}:`, m.className = "milkdown-emoji-filter_item-key", a.appendChild(t), a.appendChild(m), s.appendChild(a), i === 0 && e(a);
-    const c = (u) => {
-      const { target: j } = u;
-      j instanceof HTMLElement && e(j);
-    }, w = (u) => {
-      u.preventDefault(), d();
-    };
-    a.addEventListener("mouseenter", c), a.addEventListener("mousedown", w);
-  });
-}, ne = (n, { css: s, cx: d }) => {
-  const e = n.get(W, void 0), l = n.get(z, void 0), o = n.get(U, void 0), r = n.get(q, "radius"), i = n.get(J, "typography"), a = (m, c = 1) => n.get(G, [m, c]), t = s`
-        min-height: 36px;
-        max-height: 320px;
-        overflow-y: auto;
-        border-radius: ${r};
-        position: absolute;
-        background: ${a("surface")};
-
-        &.hide {
-            display: none;
-        }
-
-        .milkdown-emoji-filter_item {
-            display: flex;
-            gap: 8px;
-            height: 36px;
-            padding: 0 14px;
-            align-items: center;
-            justify-content: flex-start;
-            cursor: pointer;
-            line-height: 2;
-            font-family: ${i};
-            font-size: 14px;
-            &.active {
-                background: ${a("secondary", 0.12)};
-                color: ${a("primary")};
-            }
-        }
-
-        .emoji {
-            height: 14px;
-            width: 14px;
-            margin: 0 1px 0 1.5px;
-            vertical-align: -1.5px;
-        }
-    `;
-  return d(e, l, o, t);
-}, oe = new R("MILKDOWN_EMOJI_FILTER"), re = (n, s, d) => {
-  let e = !1, l = 0, o = "", r = null;
-  const i = () => {
-    e = !1, l = 0, o = "", r = null;
-  }, a = (t) => {
-    r && r.classList.remove("active"), t && t.classList.add("active"), r = t;
-  };
-  return new B({
-    key: oe,
-    props: {
-      handleKeyDown(t, m) {
-        return ["Delete", "Backspace"].includes(m.key) ? (o = o.slice(0, -1), o.length <= 1 && i(), !1) : !(!e || !["ArrowUp", "ArrowDown", "Enter"].includes(m.key));
-      },
-      handleTextInput(t, m, c, w) {
-        return e = ee(
-          t,
-          m,
-          c,
-          w,
-          (u) => {
-            l = u;
-          },
-          (u) => {
-            o = u;
-          }
-        ), e || i(), !1;
-      }
-    },
-    view: (t) => {
-      const { parentNode: m } = t.dom;
-      if (!m)
-        throw N();
-      const c = document.createElement("div");
-      c.classList.add("milkdown-emoji-filter", "hide"), n.themeManager.onFlush(() => {
-        const h = c.className.split(" ").filter((f) => ["hide", "milkdown-emoji-filter"].includes(f));
-        c.className = h.join(" ");
-        const p = n.getStyle((f) => ne(n.themeManager, f));
-        p && p.split(" ").forEach((f) => c.classList.add(f));
-      });
-      const w = () => {
-        var f;
-        if (!r)
-          return;
-        const { tr: h } = t.state, p = t.state.schema.node("emoji", { html: (f = r.firstElementChild) == null ? void 0 : f.innerHTML });
-        t.dispatch(h.delete(l, l + o.length).insert(l, p)), i(), c.classList.add("hide");
-      };
-      m.appendChild(c);
-      const u = (h) => {
-        if (!e || !(h instanceof KeyboardEvent))
-          return;
-        const { key: p } = h;
-        if (p === "Enter") {
-          w();
-          return;
-        }
-        if (["ArrowDown", "ArrowUp"].includes(p)) {
-          const f = p === "ArrowDown" ? (r == null ? void 0 : r.nextElementSibling) || c.firstElementChild : (r == null ? void 0 : r.previousElementSibling) || c.lastElementChild;
-          if (!f)
-            return;
-          a(f);
-        }
-      }, j = (h) => {
-        !e || (h.stopPropagation(), i(), c.classList.add("hide"));
-      };
-      return m.addEventListener("keydown", u), m.addEventListener("mousedown", j), {
-        update: (h) => {
-          const { selection: p } = h.state;
-          if (p.from - p.to !== 0 || !e)
-            return i(), c.classList.add("hide"), null;
-          const f = A.search(o).slice(0, s), { node: D } = h.domAtPos(l);
-          return f.length === 0 || !D ? (c.classList.add("hide"), null) : (c.style.maxHeight = "", c.classList.remove("hide"), te(f, c, w, a, d), $(h, c, (me, v, y) => {
-            const k = c.parentElement;
-            if (!k)
-              throw N();
-            const x = h.coordsAtPos(l);
-            let E = x.left - y.left;
-            E < 0 && (E = 0);
-            let L, g;
-            const T = x.top - y.top, b = y.height + y.top - x.bottom;
-            b >= v.height + 28 ? L = "bottom" : T >= v.height + 28 ? L = "top" : b >= T ? (L = "bottom", g = b - 28) : (L = "top", g = T - 28), (T < 0 || b < 0) && (g = y.height - (x.bottom - x.top) - 28, g > v.height && (g = void 0));
-            const P = L === "top" ? x.top - y.top - (g != null ? g : v.height) - 14 + k.scrollTop : x.bottom - y.top + 14 + k.scrollTop;
-            c.style.maxHeight = g !== void 0 && g > 0 ? `${g}px` : "";
-            const M = k.clientWidth - (c.offsetWidth + 4);
-            return E > M && (E = M), [P, E];
-          }), null);
-        },
-        destroy: () => {
-          m.removeEventListener("keydown", u), m.removeEventListener("mousedown", j), c.remove();
-        }
-      };
-    }
-  });
-}, S = Q(), ie = (n) => !!n.children, se = (n) => !!n.value;
-function le(n, s) {
-  return d(n, 0, null)[0];
-  function d(e, l, o) {
-    if (ie(e)) {
-      const r = [];
-      for (let i = 0, a = e.children.length; i < a; i++) {
-        const t = e.children[i];
-        if (t) {
-          const m = d(t, i, e);
-          if (m)
-            for (let c = 0, w = m.length; c < w; c++) {
-              const u = m[c];
-              u && r.push(u);
+import { expectDomTypeError as E } from "@milkdown/exception";
+import { InputRule as M } from "@milkdown/prose/inputrules";
+import { $ctx as x, $nodeAttr as y, $nodeSchema as k, $inputRule as T, $remark as j } from "@milkdown/utils";
+import L from "node-emoji";
+import $ from "remark-emoji";
+import A from "twemoji";
+import H from "emoji-regex";
+const O = (n) => ({ title: n }), g = (n, e) => A.parse(n, { attributes: O, base: "https://cdn.jsdelivr.net/gh/twitter/twemoji/assets/", ...e }), h = H(), R = (n) => !!n.children, b = (n) => !!n.value;
+function C(n, e) {
+  return s(n, 0, null)[0];
+  function s(t, r, o) {
+    if (R(t)) {
+      const m = [];
+      for (let i = 0, c = t.children.length; i < c; i++) {
+        const l = t.children[i];
+        if (l) {
+          const a = s(l, i, t);
+          if (a)
+            for (let u = 0, v = a.length; u < v; u++) {
+              const f = a[u];
+              f && m.push(f);
             }
         }
       }
-      e.children = r;
+      t.children = m;
     }
-    return s(e, l, o);
+    return e(t, r, o);
   }
 }
-const ce = (n) => () => {
-  function s(d) {
-    le(d, (e) => {
-      if (!se(e))
-        return [e];
-      const l = e.value, o = [];
-      let r, i = l;
-      for (; r = S.exec(i); ) {
-        const { index: a } = r, t = r[0];
-        t && (a > 0 && o.push({ ...e, value: i.slice(0, a) }), o.push({ ...e, value: C(t, n), type: "emoji" }), i = i.slice(a + t.length)), S.lastIndex = 0;
+const I = (n) => () => {
+  function e(s) {
+    C(s, (t) => {
+      if (!b(t))
+        return [t];
+      const r = t.value, o = [];
+      let m, i = r;
+      for (; m = h.exec(i); ) {
+        const { index: c } = m, l = m[0];
+        l && (c > 0 && o.push({ ...t, value: i.slice(0, c) }), o.push({ ...t, value: g(l, n), type: "emoji" }), i = i.slice(c + l.length)), h.lastIndex = 0;
       }
-      return i.length && o.push({ ...e, value: i }), o;
+      return i.length && o.push({ ...t, value: i }), o;
     });
   }
-  return s;
-}, ae = _((n, s) => {
-  const d = () => n.getStyle(
-    ({ css: e }) => e`
-                .emoji {
-                    height: 1em;
-                    width: 1em;
-                    margin: 0 1px 0 1.5px;
-                    vertical-align: -1.5px;
-                }
-            `
-  );
-  return {
-    id: "emoji",
-    schema: () => ({
-      group: "inline",
-      inline: !0,
-      atom: !0,
-      attrs: {
-        html: {
-          default: ""
-        }
-      },
-      parseDOM: [
-        {
-          tag: 'span[data-type="emoji"]',
-          getAttrs: (e) => {
-            if (!(e instanceof HTMLElement))
-              throw H(e);
-            return { html: e.innerHTML };
-          }
-        }
-      ],
-      toDOM: (e) => {
-        const l = document.createElement("span");
-        return l.classList.add("emoji-wrapper"), l.dataset.type = "emoji", n.themeManager.onFlush(() => {
-          const o = d();
-          o && l.classList.add(o);
-        }), l.innerHTML = e.attrs.html, { dom: l };
-      },
-      parseMarkdown: {
-        match: ({ type: e }) => e === "emoji",
-        runner: (e, l, o) => {
-          e.addNode(o, { html: l.value });
-        }
-      },
-      toMarkdown: {
-        match: (e) => e.type.name === "emoji",
-        runner: (e, l) => {
-          const o = document.createElement("span");
-          o.innerHTML = l.attrs.html;
-          const r = o.querySelector("img"), i = r == null ? void 0 : r.title;
-          o.remove(), e.addNode("text", void 0, i);
-        }
+  return e;
+}, p = x({}, "emojiConfig"), d = y("emoji", () => ({
+  span: {},
+  img: {}
+})), w = k("emoji", (n) => ({
+  group: "inline",
+  inline: !0,
+  attrs: {
+    html: {
+      default: ""
+    }
+  },
+  parseDOM: [
+    {
+      tag: 'span[data-type="emoji"]',
+      getAttrs: (e) => {
+        if (!(e instanceof HTMLElement))
+          throw E(e);
+        return { html: e.innerHTML };
       }
-    }),
-    inputRules: (e) => [
-      new F(Z, (l, o, r, i) => {
-        const a = o[0];
-        if (!a)
-          return null;
-        const t = A.get(a);
-        if (!t || a.includes(t))
-          return null;
-        const m = C(t, s == null ? void 0 : s.twemojiOptions);
-        return l.tr.setMeta("emoji", !0).replaceRangeWith(r, i, e.create({ html: m })).scrollIntoView();
-      })
-    ],
-    remarkPlugins: () => [I, ce(s == null ? void 0 : s.twemojiOptions)],
-    prosePlugins: () => {
-      var e;
-      return [re(n, (e = s == null ? void 0 : s.maxListSize) != null ? e : 6, s == null ? void 0 : s.twemojiOptions)];
     }
-  };
-}), Ee = O.create([ae()]);
+  ],
+  toDOM: (e) => {
+    var o;
+    const s = n.get(d.key)(e), t = document.createElement("span");
+    t.innerHTML = e.attrs.html;
+    const r = (o = t.firstElementChild) == null ? void 0 : o.cloneNode();
+    return t.remove(), r && r instanceof HTMLElement && Object.entries(s.img).forEach(([m, i]) => r.setAttribute(m, i)), ["span", { ...s.container, "data-type": "emoji" }, r];
+  },
+  parseMarkdown: {
+    match: ({ type: e }) => e === "emoji",
+    runner: (e, s, t) => {
+      e.addNode(t, { html: s.value });
+    }
+  },
+  toMarkdown: {
+    match: (e) => e.type.name === "emoji",
+    runner: (e, s) => {
+      const t = document.createElement("span");
+      t.innerHTML = s.attrs.html;
+      const r = t.querySelector("img"), o = (r == null ? void 0 : r.title) || (r == null ? void 0 : r.alt);
+      t.remove(), e.addNode("text", void 0, o);
+    }
+  }
+})), P = T((n) => new M(/(:([^:\s]+):)$/, (e, s, t, r) => {
+  const o = s[0];
+  if (!o)
+    return null;
+  const m = L.get(o);
+  if (!m || o.includes(m))
+    return null;
+  const i = g(m, n.get(p.key).twemojiOptions);
+  return e.tr.setMeta("emoji", !0).replaceRangeWith(t, r, w.type().create({ html: i })).scrollIntoView();
+})), D = j(() => $), N = j((n) => I(n.get(p.key).twemojiOptions)), G = [
+  d,
+  p,
+  D,
+  N,
+  w,
+  P
+].flat();
 export {
-  Ee as emoji,
-  ae as emojiNode
+  G as emoji,
+  d as emojiAttr,
+  p as emojiConfig,
+  w as emojiSchema,
+  P as insertEmojiInputRule,
+  D as remarkEmojiPlugin,
+  N as remarkTwemojiPlugin
 };
 //# sourceMappingURL=index.es.js.map

package/lib/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../src/constant.ts","../src/parse.ts","../src/filter/helper.ts","../src/filter/style.ts","../src/filter/index.ts","../src/remark-twemoji.ts","../src/node.ts","../src/index.ts"],"sourcesContent":["/* Copyright 2021, Milkdown by Mirone. */\nexport const part = /:\\+1|:-1|:[\\w-]+/\nexport const full = /:\\+1:|:-1:|:[\\w-]+:/\nexport const input = /(:([^:\\s]+):)$/\n","/* Copyright 2021, Milkdown by Mirone. */\nimport twemoji from 'twemoji'\n\nconst setAttr = (text: string) => ({ title: text })\n\nexport const parse = (emoji: string, twemojiOptions?: TwemojiOptions): string =>\n  twemoji.parse(emoji, { attributes: setAttr, ...twemojiOptions }) as unknown as string\n","/* Copyright 2021, Milkdown by Mirone. */\n\nimport type { EditorView } from '@milkdown/prose/view'\nimport type { Emoji } from 'node-emoji'\n\nimport { full, part } from '../constant'\nimport { parse } from '../parse'\n\nexport const checkTrigger = (\n  view: EditorView,\n  from: number,\n  to: number,\n  text: string,\n  setRange: (from: number, to: number) => void,\n  setSearch: (words: string) => void,\n) => {\n  if (view.composing)\n    return false\n  const { state } = view\n  const $from = state.doc.resolve(from)\n  if ($from.parent.type.spec.code)\n    return false\n  const textBefore = (\n    $from.parent.textBetween(Math.max(0, $from.parentOffset - 10), $from.parentOffset, undefined, '\\uFFFC') + text\n  ).toLowerCase()\n  if (full.test(textBefore))\n    return false\n\n  const regex = part.exec(textBefore)\n  if (regex && regex[0] && textBefore.endsWith(regex[0])) {\n    const match = regex[0]\n    setRange(from - (match.length - text.length), to)\n    setSearch(match)\n    return true\n  }\n  return false\n}\n\nexport const renderDropdownList = (\n  list: Emoji[],\n  dropDown: HTMLElement,\n  onConfirm: () => void,\n  setActive: (active: HTMLElement | null) => void,\n  twemojiOptions?: TwemojiOptions,\n) => {\n  while (dropDown.firstChild)\n    dropDown.firstChild.remove()\n\n  list.forEach(({ emoji, key }, i) => {\n    const container = document.createElement('div')\n    container.className = 'milkdown-emoji-filter_item'\n\n    const emojiSpan = document.createElement('span')\n    emojiSpan.innerHTML = parse(emoji, twemojiOptions)\n\n    emojiSpan.className = 'milkdown-emoji-filter_item-emoji'\n    const keySpan = document.createElement('span')\n    keySpan.textContent = `:${key}:`\n    keySpan.className = 'milkdown-emoji-filter_item-key'\n\n    container.appendChild(emojiSpan)\n    container.appendChild(keySpan)\n    dropDown.appendChild(container)\n\n    if (i === 0)\n      setActive(container)\n\n    const onEnter = (e: MouseEvent) => {\n      const { target } = e\n      if (!(target instanceof HTMLElement))\n        return\n      setActive(target)\n    }\n\n    const onClick = (e: MouseEvent) => {\n      e.preventDefault()\n      onConfirm()\n    }\n\n    container.addEventListener('mouseenter', onEnter)\n    container.addEventListener('mousedown', onClick)\n  })\n}\n","/* Copyright 2021, Milkdown by Mirone. */\nimport type {\n  Color,\n  Emotion,\n  ThemeManager,\n} from '@milkdown/core'\nimport {\n  ThemeBorder,\n  ThemeColor,\n  ThemeFont,\n  ThemeScrollbar,\n  ThemeShadow,\n  ThemeSize,\n} from '@milkdown/core'\n\nexport const injectStyle = (themeManager: ThemeManager, { css, cx }: Emotion) => {\n  const border = themeManager.get(ThemeBorder, undefined)\n  const shadow = themeManager.get(ThemeShadow, undefined)\n  const scrollbar = themeManager.get(ThemeScrollbar, undefined)\n  const radius = themeManager.get(ThemeSize, 'radius')\n  const typography = themeManager.get(ThemeFont, 'typography')\n  const palette = (color: Color, opacity = 1) => themeManager.get(ThemeColor, [color, opacity])\n\n  const style = css`\n        min-height: 36px;\n        max-height: 320px;\n        overflow-y: auto;\n        border-radius: ${radius};\n        position: absolute;\n        background: ${palette('surface')};\n\n        &.hide {\n            display: none;\n        }\n\n        .milkdown-emoji-filter_item {\n            display: flex;\n            gap: 8px;\n            height: 36px;\n            padding: 0 14px;\n            align-items: center;\n            justify-content: flex-start;\n            cursor: pointer;\n            line-height: 2;\n            font-family: ${typography};\n            font-size: 14px;\n            &.active {\n                background: ${palette('secondary', 0.12)};\n                color: ${palette('primary')};\n            }\n        }\n\n        .emoji {\n            height: 14px;\n            width: 14px;\n            margin: 0 1px 0 1.5px;\n            vertical-align: -1.5px;\n        }\n    `\n  return cx(border, shadow, scrollbar, style)\n}\n","/* Copyright 2021, Milkdown by Mirone. */\n\nimport { missingRootElement } from '@milkdown/exception'\nimport { calculateNodePosition } from '@milkdown/prose'\nimport { Plugin, PluginKey } from '@milkdown/prose/state'\nimport type { ThemeUtils } from '@milkdown/utils'\nimport nodeEmoji from 'node-emoji'\n\nimport { checkTrigger, renderDropdownList } from './helper'\nimport { injectStyle } from './style'\n\nexport const key = new PluginKey('MILKDOWN_EMOJI_FILTER')\n\nexport const filter = (utils: ThemeUtils, maxListSize: number, twemojiOptions?: TwemojiOptions) => {\n  let trigger = false\n  let _from = 0\n  let _search = ''\n  let $active: null | HTMLElement = null\n\n  const off = () => {\n    trigger = false\n    _from = 0\n    _search = ''\n    $active = null\n  }\n\n  const setActive = (active: HTMLElement | null) => {\n    if ($active)\n      $active.classList.remove('active')\n\n    if (active)\n      active.classList.add('active')\n\n    $active = active\n  }\n\n  return new Plugin({\n    key,\n    props: {\n      handleKeyDown(_, event) {\n        if (['Delete', 'Backspace'].includes(event.key)) {\n          _search = _search.slice(0, -1)\n          if (_search.length <= 1)\n            off()\n\n          return false\n        }\n        if (!trigger)\n          return false\n        if (!['ArrowUp', 'ArrowDown', 'Enter'].includes(event.key))\n          return false\n\n        return true\n      },\n      handleTextInput(view, from, to, text) {\n        trigger = checkTrigger(\n          view,\n          from,\n          to,\n          text,\n          (from) => {\n            _from = from\n          },\n          (search) => {\n            _search = search\n          },\n        )\n        if (!trigger)\n          off()\n\n        return false\n      },\n    },\n    view: (editorView) => {\n      const { parentNode } = editorView.dom\n      if (!parentNode)\n        throw missingRootElement()\n\n      const dropDown = document.createElement('div')\n\n      dropDown.classList.add('milkdown-emoji-filter', 'hide')\n\n      utils.themeManager.onFlush(() => {\n        const className = dropDown.className\n          .split(' ')\n          .filter(x => ['hide', 'milkdown-emoji-filter'].includes(x))\n        dropDown.className = className.join(' ')\n        const style = utils.getStyle(emotion => injectStyle(utils.themeManager, emotion))\n        if (style)\n          style.split(' ').forEach(x => dropDown.classList.add(x))\n      })\n\n      const replace = () => {\n        if (!$active)\n          return\n\n        const { tr } = editorView.state\n        const node = editorView.state.schema.node('emoji', { html: $active.firstElementChild?.innerHTML })\n\n        editorView.dispatch(tr.delete(_from, _from + _search.length).insert(_from, node))\n        off()\n        dropDown.classList.add('hide')\n      }\n\n      parentNode.appendChild(dropDown)\n      const onKeydown = (e: Event) => {\n        if (!trigger || !(e instanceof KeyboardEvent))\n          return\n\n        const { key } = e\n\n        if (key === 'Enter') {\n          replace()\n          return\n        }\n\n        if (['ArrowDown', 'ArrowUp'].includes(key)) {\n          const next\n            = key === 'ArrowDown'\n              ? $active?.nextElementSibling || dropDown.firstElementChild\n              : $active?.previousElementSibling || dropDown.lastElementChild\n          if (!next)\n            return\n          setActive(next as HTMLElement)\n        }\n      }\n      const onClick = (e: Event) => {\n        if (!trigger)\n          return\n\n        e.stopPropagation()\n        off()\n        dropDown.classList.add('hide')\n      }\n      parentNode.addEventListener('keydown', onKeydown)\n      parentNode.addEventListener('mousedown', onClick)\n\n      return {\n        update: (view) => {\n          const { selection } = view.state\n\n          if (selection.from - selection.to !== 0 || !trigger) {\n            off()\n            dropDown.classList.add('hide')\n            return null\n          }\n          const result = nodeEmoji.search(_search).slice(0, maxListSize)\n          const { node } = view.domAtPos(_from)\n          if (result.length === 0 || !node) {\n            dropDown.classList.add('hide')\n            return null\n          }\n\n          dropDown.style.maxHeight = ''\n          dropDown.classList.remove('hide')\n          renderDropdownList(result, dropDown, replace, setActive, twemojiOptions)\n          calculateNodePosition(view, dropDown, (_selected, target, parent) => {\n            const $editor = dropDown.parentElement\n            if (!$editor)\n              throw missingRootElement()\n\n            const start = view.coordsAtPos(_from)\n            let left = start.left - parent.left\n\n            if (left < 0)\n              left = 0\n\n            let direction: 'top' | 'bottom'\n            let maxHeight: number | undefined\n            const startToTop = start.top - parent.top\n            const startToBottom = parent.height + parent.top - start.bottom\n            if (startToBottom >= target.height + 28) {\n              direction = 'bottom'\n            }\n            else if (startToTop >= target.height + 28) {\n              direction = 'top'\n            }\n            else if (startToBottom >= startToTop) {\n              direction = 'bottom'\n              maxHeight = startToBottom - 28\n            }\n            else {\n              direction = 'top'\n              maxHeight = startToTop - 28\n            }\n            if (startToTop < 0 || startToBottom < 0) {\n              maxHeight = parent.height - (start.bottom - start.top) - 28\n              if (maxHeight > target.height)\n                maxHeight = undefined\n            }\n\n            const top\n                            = direction === 'top'\n                              ? start.top - parent.top - (maxHeight ?? target.height) - 14 + $editor.scrollTop\n                              : start.bottom - parent.top + 14 + $editor.scrollTop\n\n            dropDown.style.maxHeight = maxHeight !== undefined && maxHeight > 0 ? `${maxHeight}px` : ''\n\n            const maxLeft = $editor.clientWidth - (dropDown.offsetWidth + 4)\n            if (left > maxLeft)\n              left = maxLeft\n\n            return [top, left]\n          })\n\n          return null\n        },\n\n        destroy: () => {\n          parentNode.removeEventListener('keydown', onKeydown)\n          parentNode.removeEventListener('mousedown', onClick)\n          dropDown.remove()\n        },\n      }\n    },\n  })\n}\n","/* Copyright 2021, Milkdown by Mirone. */\nimport type { RemarkPlugin } from '@milkdown/core'\nimport emojiRegex from 'emoji-regex'\nimport type { Literal, Node, Parent } from 'unist'\n\nimport { parse } from './parse'\n\nconst regex = emojiRegex()\n\nconst isParent = (node: Node): node is Parent => !!(node as Parent).children\nconst isLiteral = (node: Node): node is Literal => !!(node as Literal).value\n\nfunction flatMap(ast: Node, fn: (node: Node, index: number, parent: Node | null) => Node[]) {\n  return transform(ast, 0, null)[0]\n\n  function transform(node: Node, index: number, parent: Node | null) {\n    if (isParent(node)) {\n      const out = []\n      for (let i = 0, n = node.children.length; i < n; i++) {\n        const nthChild = node.children[i]\n        if (nthChild) {\n          const xs = transform(nthChild, i, node)\n          if (xs) {\n            for (let j = 0, m = xs.length; j < m; j++) {\n              const item = xs[j]\n              if (item)\n                out.push(item)\n            }\n          }\n        }\n      }\n      node.children = out\n    }\n\n    return fn(node, index, parent)\n  }\n}\n\nexport const twemojiPlugin: (twemojiOptions?: TwemojiOptions) => RemarkPlugin = twemojiOptions => () => {\n  function transformer(tree: Node) {\n    flatMap(tree, (node) => {\n      if (!isLiteral(node))\n        return [node]\n\n      const value = node.value as string\n      const output: Literal<string>[] = []\n      let match\n      let str = value\n      // eslint-disable-next-line no-cond-assign\n      while ((match = regex.exec(str))) {\n        const { index } = match\n        const emoji = match[0]\n        if (emoji) {\n          if (index > 0)\n            output.push({ ...node, value: str.slice(0, index) })\n\n          output.push({ ...node, value: parse(emoji, twemojiOptions), type: 'emoji' })\n          str = str.slice(index + emoji.length)\n        }\n        regex.lastIndex = 0\n      }\n      if (str.length)\n        output.push({ ...node, value: str })\n\n      return output\n    })\n  }\n  return transformer\n}\n","/* Copyright 2021, Milkdown by Mirone. */\nimport type { RemarkPlugin } from '@milkdown/core'\nimport { expectDomTypeError } from '@milkdown/exception'\nimport { InputRule } from '@milkdown/prose/inputrules'\nimport { createNode } from '@milkdown/utils'\nimport nodeEmoji from 'node-emoji'\nimport remarkEmoji from 'remark-emoji'\n\nimport { input } from './constant'\nimport { filter } from './filter'\nimport { parse } from './parse'\nimport { twemojiPlugin } from './remark-twemoji'\n\nexport interface EmojiOptions {\n  maxListSize: number\n  twemojiOptions: TwemojiOptions\n}\n\nexport const emojiNode = createNode<string, EmojiOptions>((utils, options) => {\n  const getStyle = () =>\n    utils.getStyle(\n      ({ css }) => css`\n                .emoji {\n                    height: 1em;\n                    width: 1em;\n                    margin: 0 1px 0 1.5px;\n                    vertical-align: -1.5px;\n                }\n            `,\n    )\n  return {\n    id: 'emoji',\n    schema: () => ({\n      group: 'inline',\n      inline: true,\n      atom: true,\n      attrs: {\n        html: {\n          default: '',\n        },\n      },\n      parseDOM: [\n        {\n          tag: 'span[data-type=\"emoji\"]',\n          getAttrs: (dom) => {\n            if (!(dom instanceof HTMLElement))\n              throw expectDomTypeError(dom)\n\n            return { html: dom.innerHTML }\n          },\n        },\n      ],\n      toDOM: (node) => {\n        const span = document.createElement('span')\n        span.classList.add('emoji-wrapper')\n        span.dataset.type = 'emoji'\n        utils.themeManager.onFlush(() => {\n          const style = getStyle()\n          if (style)\n            span.classList.add(style)\n        })\n        span.innerHTML = node.attrs.html\n        return { dom: span }\n      },\n      parseMarkdown: {\n        match: ({ type }) => type === 'emoji',\n        runner: (state, node, type) => {\n          state.addNode(type, { html: node.value as string })\n        },\n      },\n      toMarkdown: {\n        match: node => node.type.name === 'emoji',\n        runner: (state, node) => {\n          const span = document.createElement('span')\n          span.innerHTML = node.attrs.html\n          const img = span.querySelector('img')\n          const title = img?.title\n          span.remove()\n          state.addNode('text', undefined, title)\n        },\n      },\n    }),\n    inputRules: nodeType => [\n      new InputRule(input, (state, match, start, end) => {\n        const content = match[0]\n        if (!content)\n          return null\n        const got = nodeEmoji.get(content)\n        if (!got || content.includes(got))\n          return null\n\n        const html = parse(got, options?.twemojiOptions)\n\n        return state.tr\n          .setMeta('emoji', true)\n          .replaceRangeWith(start, end, nodeType.create({ html }))\n          .scrollIntoView()\n      }),\n    ],\n    remarkPlugins: () => [remarkEmoji as RemarkPlugin, twemojiPlugin(options?.twemojiOptions)],\n    prosePlugins: () => [filter(utils, options?.maxListSize ?? 6, options?.twemojiOptions)],\n  }\n})\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { AtomList } from '@milkdown/utils'\n\nimport { emojiNode } from './node'\nexport * from './node'\n\nexport const emoji = AtomList.create([emojiNode()])\n"],"names":["part","full","input","setAttr","text","parse","emoji","twemojiOptions","twemoji","checkTrigger","view","from","to","setRange","setSearch","state","$from","textBefore","regex","match","renderDropdownList","list","dropDown","onConfirm","setActive","key","container","emojiSpan","keySpan","onEnter","e","target","onClick","injectStyle","themeManager","css","cx","border","ThemeBorder","shadow","ThemeShadow","scrollbar","ThemeScrollbar","radius","ThemeSize","typography","ThemeFont","palette","color","opacity","ThemeColor","style","PluginKey","filter","utils","maxListSize","trigger","_from","_search","$active","off","active","Plugin","_","event","search","editorView","parentNode","missingRootElement","className","x","emotion","replace","tr","node","_a","onKeydown","next","selection","result","nodeEmoji","calculateNodePosition","_selected","parent","$editor","start","left","direction","maxHeight","startToTop","startToBottom","top","maxLeft","emojiRegex","isParent","isLiteral","flatMap","ast","fn","transform","index","out","n","nthChild","xs","j","m","item","twemojiPlugin","transformer","tree","value","output","str","emojiNode","createNode","options","getStyle","dom","expectDomTypeError","span","type","img","title","nodeType","InputRule","end","content","got","html","remarkEmoji","AtomList"],"mappings":"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"}
+{"version":3,"file":"index.es.js","sources":["../src/parse.ts","../src/remark-twemoji.ts","../src/index.ts"],"sourcesContent":["/* Copyright 2021, Milkdown by Mirone. */\nimport twemoji from 'twemoji'\n\nconst setAttr = (text: string) => ({ title: text })\n\nexport const parse = (emoji: string, twemojiOptions?: TwemojiOptions): string =>\n  twemoji.parse(emoji, { attributes: setAttr, base: 'https://cdn.jsdelivr.net/gh/twitter/twemoji/assets/', ...twemojiOptions }) as unknown as string\n","/* Copyright 2021, Milkdown by Mirone. */\nimport type { RemarkPlugin } from '@milkdown/transformer'\nimport emojiRegex from 'emoji-regex'\nimport type { Literal, Node, Parent } from 'unist'\n\nimport { parse } from './parse'\n\nconst regex = emojiRegex()\n\nconst isParent = (node: Node): node is Parent => !!(node as Parent).children\nconst isLiteral = (node: Node): node is Literal => !!(node as Literal).value\n\nfunction flatMap(ast: Node, fn: (node: Node, index: number, parent: Node | null) => Node[]) {\n  return transform(ast, 0, null)[0]\n\n  function transform(node: Node, index: number, parent: Node | null) {\n    if (isParent(node)) {\n      const out = []\n      for (let i = 0, n = node.children.length; i < n; i++) {\n        const nthChild = node.children[i]\n        if (nthChild) {\n          const xs = transform(nthChild, i, node)\n          if (xs) {\n            for (let j = 0, m = xs.length; j < m; j++) {\n              const item = xs[j]\n              if (item)\n                out.push(item)\n            }\n          }\n        }\n      }\n      node.children = out\n    }\n\n    return fn(node, index, parent)\n  }\n}\n\nexport const twemojiPlugin: (twemojiOptions?: TwemojiOptions) => RemarkPlugin = twemojiOptions => () => {\n  function transformer(tree: Node) {\n    flatMap(tree, (node) => {\n      if (!isLiteral(node))\n        return [node]\n\n      const value = node.value as string\n      const output: Literal<string>[] = []\n      let match\n      let str = value\n      // eslint-disable-next-line no-cond-assign\n      while ((match = regex.exec(str))) {\n        const { index } = match\n        const emoji = match[0]\n        if (emoji) {\n          if (index > 0)\n            output.push({ ...node, value: str.slice(0, index) })\n\n          output.push({ ...node, value: parse(emoji, twemojiOptions), type: 'emoji' })\n          str = str.slice(index + emoji.length)\n        }\n        regex.lastIndex = 0\n      }\n      if (str.length)\n        output.push({ ...node, value: str })\n\n      return output\n    })\n  }\n  return transformer\n}\n","/* Copyright 2021, Milkdown by Mirone. */\nimport type { MilkdownPlugin } from '@milkdown/ctx'\nimport type { RemarkPlugin } from '@milkdown/transformer'\nimport { expectDomTypeError } from '@milkdown/exception'\nimport { InputRule } from '@milkdown/prose/inputrules'\nimport { $ctx, $inputRule, $nodeAttr, $nodeSchema, $remark } from '@milkdown/utils'\nimport nodeEmoji from 'node-emoji'\nimport remarkEmoji from 'remark-emoji'\nimport type Twemoji from 'twemoji'\n\nimport { parse } from './parse'\nimport { twemojiPlugin } from './remark-twemoji'\n\ntype TwemojiOptions = Exclude<Parameters<typeof Twemoji.parse>[1], Function | undefined>\n\n/// @internal\nexport interface EmojiConfig {\n  twemojiOptions?: TwemojiOptions\n}\n\n/// A slice that contains [options for twemoji](https://github.com/twitter/twemoji#object-as-parameter).\nexport const emojiConfig = $ctx<EmojiConfig, 'emojiConfig'>({}, 'emojiConfig')\n\n/// HTML attributes for emoji node.\nexport const emojiAttr = $nodeAttr('emoji', () => ({\n  span: {},\n  img: {},\n}))\n\n/// Schema for emoji node.\nexport const emojiSchema = $nodeSchema('emoji', ctx => ({\n  group: 'inline',\n  inline: true,\n  attrs: {\n    html: {\n      default: '',\n    },\n  },\n  parseDOM: [\n    {\n      tag: 'span[data-type=\"emoji\"]',\n      getAttrs: (dom) => {\n        if (!(dom instanceof HTMLElement))\n          throw expectDomTypeError(dom)\n\n        return { html: dom.innerHTML }\n      },\n    },\n  ],\n  toDOM: (node) => {\n    const attrs = ctx.get(emojiAttr.key)(node)\n    const tmp = document.createElement('span')\n    tmp.innerHTML = node.attrs.html\n    const dom = tmp.firstElementChild?.cloneNode()\n    tmp.remove()\n    if (dom && dom instanceof HTMLElement)\n      Object.entries<string>(attrs.img).forEach(([key, value]) => dom.setAttribute(key, value))\n\n    return ['span', { ...attrs.container, 'data-type': 'emoji' }, dom]\n  },\n  parseMarkdown: {\n    match: ({ type }) => type === 'emoji',\n    runner: (state, node, type) => {\n      state.addNode(type, { html: node.value as string })\n    },\n  },\n  toMarkdown: {\n    match: node => node.type.name === 'emoji',\n    runner: (state, node) => {\n      const span = document.createElement('span')\n      span.innerHTML = node.attrs.html\n      const img = span.querySelector('img')\n      const title = img?.title || img?.alt\n      span.remove()\n      state.addNode('text', undefined, title)\n    },\n  },\n}))\n\n/// Input rule for inserting emoji.\n/// For example, `:smile:` will be replaced with `😄`.\nexport const insertEmojiInputRule = $inputRule(ctx => new InputRule(/(:([^:\\s]+):)$/, (state, match, start, end) => {\n  const content = match[0]\n  if (!content)\n    return null\n  const got = nodeEmoji.get(content)\n  if (!got || content.includes(got))\n    return null\n\n  const html = parse(got, ctx.get(emojiConfig.key).twemojiOptions)\n\n  return state.tr\n    .setMeta('emoji', true)\n    .replaceRangeWith(start, end, emojiSchema.type().create({ html }))\n    .scrollIntoView()\n}))\n\n/// This plugin wraps [remark-emoji](https://github.com/rhysd/remark-emoji).\nexport const remarkEmojiPlugin = $remark(() => remarkEmoji as RemarkPlugin)\n\n/// This plugin is used for transforming emoji to twemoji.\nexport const remarkTwemojiPlugin = $remark(ctx => twemojiPlugin(ctx.get(emojiConfig.key).twemojiOptions))\n\n/// All plugins exported by this package.\nexport const emoji: MilkdownPlugin[] = [\n  emojiAttr,\n  emojiConfig,\n  remarkEmojiPlugin,\n  remarkTwemojiPlugin,\n  emojiSchema,\n  insertEmojiInputRule,\n].flat()\n"],"names":["setAttr","text","parse","emoji","twemojiOptions","twemoji","regex","emojiRegex","isParent","node","isLiteral","flatMap","ast","fn","transform","index","parent","out","n","nthChild","xs","j","m","item","twemojiPlugin","transformer","tree","value","output","match","str","emojiConfig","$ctx","emojiAttr","$nodeAttr","emojiSchema","$nodeSchema","ctx","dom","expectDomTypeError","attrs","tmp","_a","key","type","state","span","img","title","insertEmojiInputRule","$inputRule","InputRule","start","end","content","got","nodeEmoji","html","remarkEmojiPlugin","$remark","remarkEmoji","remarkTwemojiPlugin"],"mappings":"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"}

package/lib/parse.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"parse.d.ts","sourceRoot":"","sources":["../src/parse.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,KAAK,UAAW,MAAM,mBAAmB,cAAc,KAAG,MACgB,CAAA"}
+{"version":3,"file":"parse.d.ts","sourceRoot":"","sources":["../src/parse.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,KAAK,UAAW,MAAM,mBAAmB,cAAc,KAAG,MAC6E,CAAA"}

package/lib/remark-twemoji.d.ts

@@ -1,3 +1,3 @@
-import type { RemarkPlugin } from '@milkdown/core';
+import type { RemarkPlugin } from '@milkdown/transformer';
 export declare const twemojiPlugin: (twemojiOptions?: TwemojiOptions) => RemarkPlugin;
 //# sourceMappingURL=remark-twemoji.d.ts.map

package/lib/remark-twemoji.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"remark-twemoji.d.ts","sourceRoot":"","sources":["../src/remark-twemoji.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAqClD,eAAO,MAAM,aAAa,EAAE,CAAC,cAAc,CAAC,EAAE,cAAc,KAAK,YA8BhE,CAAA"}
+{"version":3,"file":"remark-twemoji.d.ts","sourceRoot":"","sources":["../src/remark-twemoji.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAqCzD,eAAO,MAAM,aAAa,EAAE,CAAC,cAAc,CAAC,EAAE,cAAc,KAAK,YA8BhE,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@milkdown/plugin-emoji",
   "type": "module",
-  "version": "6.5.4",
+  "version": "7.0.0-next.1",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -20,8 +20,10 @@
     "src"
   ],
   "peerDependencies": {
-    "@milkdown/core": "^6.0.1",
-    "@milkdown/prose": "^6.0.1"
+    "@milkdown/core": "^7.0.0-next.0",
+    "@milkdown/ctx": "^7.0.0-next.0",
+    "@milkdown/prose": "^7.0.0-next.0",
+    "@milkdown/transformer": "^7.0.0-next.0"
   },
   "dependencies": {
     "@types/node-emoji": "^1.8.1",
@@ -31,13 +33,15 @@
     "tslib": "^2.4.0",
     "twemoji": "^14.0.1",
     "unist-util-visit": "^4.0.0",
-    "@milkdown/exception": "6.5.4",
-    "@milkdown/utils": "6.5.4"
+    "@milkdown/exception": "7.0.0-next.1",
+    "@milkdown/utils": "7.0.0-next.1"
   },
   "devDependencies": {
     "@types/unist": "^2.0.6",
-    "@milkdown/core": "6.5.4",
-    "@milkdown/prose": "6.5.4"
+    "@milkdown/core": "7.0.0-next.1",
+    "@milkdown/ctx": "7.0.0-next.1",
+    "@milkdown/prose": "7.0.0-next.1",
+    "@milkdown/transformer": "7.0.0-next.1"
   },
   "nx": {
     "targets": {

package/src/index.ts

@@ -1,7 +1,112 @@
 /* Copyright 2021, Milkdown by Mirone. */
-import { AtomList } from '@milkdown/utils'
+import type { MilkdownPlugin } from '@milkdown/ctx'
+import type { RemarkPlugin } from '@milkdown/transformer'
+import { expectDomTypeError } from '@milkdown/exception'
+import { InputRule } from '@milkdown/prose/inputrules'
+import { $ctx, $inputRule, $nodeAttr, $nodeSchema, $remark } from '@milkdown/utils'
+import nodeEmoji from 'node-emoji'
+import remarkEmoji from 'remark-emoji'
+import type Twemoji from 'twemoji'
 
-import { emojiNode } from './node'
-export * from './node'
+import { parse } from './parse'
+import { twemojiPlugin } from './remark-twemoji'
 
-export const emoji = AtomList.create([emojiNode()])
+type TwemojiOptions = Exclude<Parameters<typeof Twemoji.parse>[1], Function | undefined>
+
+/// @internal
+export interface EmojiConfig {
+  twemojiOptions?: TwemojiOptions
+}
+
+/// A slice that contains [options for twemoji](https://github.com/twitter/twemoji#object-as-parameter).
+export const emojiConfig = $ctx<EmojiConfig, 'emojiConfig'>({}, 'emojiConfig')
+
+/// HTML attributes for emoji node.
+export const emojiAttr = $nodeAttr('emoji', () => ({
+  span: {},
+  img: {},
+}))
+
+/// Schema for emoji node.
+export const emojiSchema = $nodeSchema('emoji', ctx => ({
+  group: 'inline',
+  inline: true,
+  attrs: {
+    html: {
+      default: '',
+    },
+  },
+  parseDOM: [
+    {
+      tag: 'span[data-type="emoji"]',
+      getAttrs: (dom) => {
+        if (!(dom instanceof HTMLElement))
+          throw expectDomTypeError(dom)
+
+        return { html: dom.innerHTML }
+      },
+    },
+  ],
+  toDOM: (node) => {
+    const attrs = ctx.get(emojiAttr.key)(node)
+    const tmp = document.createElement('span')
+    tmp.innerHTML = node.attrs.html
+    const dom = tmp.firstElementChild?.cloneNode()
+    tmp.remove()
+    if (dom && dom instanceof HTMLElement)
+      Object.entries<string>(attrs.img).forEach(([key, value]) => dom.setAttribute(key, value))
+
+    return ['span', { ...attrs.container, 'data-type': 'emoji' }, dom]
+  },
+  parseMarkdown: {
+    match: ({ type }) => type === 'emoji',
+    runner: (state, node, type) => {
+      state.addNode(type, { html: node.value as string })
+    },
+  },
+  toMarkdown: {
+    match: node => node.type.name === 'emoji',
+    runner: (state, node) => {
+      const span = document.createElement('span')
+      span.innerHTML = node.attrs.html
+      const img = span.querySelector('img')
+      const title = img?.title || img?.alt
+      span.remove()
+      state.addNode('text', undefined, title)
+    },
+  },
+}))
+
+/// Input rule for inserting emoji.
+/// For example, `:smile:` will be replaced with `😄`.
+export const insertEmojiInputRule = $inputRule(ctx => new InputRule(/(:([^:\s]+):)$/, (state, match, start, end) => {
+  const content = match[0]
+  if (!content)
+    return null
+  const got = nodeEmoji.get(content)
+  if (!got || content.includes(got))
+    return null
+
+  const html = parse(got, ctx.get(emojiConfig.key).twemojiOptions)
+
+  return state.tr
+    .setMeta('emoji', true)
+    .replaceRangeWith(start, end, emojiSchema.type().create({ html }))
+    .scrollIntoView()
+}))
+
+/// This plugin wraps [remark-emoji](https://github.com/rhysd/remark-emoji).
+export const remarkEmojiPlugin = $remark(() => remarkEmoji as RemarkPlugin)
+
+/// This plugin is used for transforming emoji to twemoji.
+export const remarkTwemojiPlugin = $remark(ctx => twemojiPlugin(ctx.get(emojiConfig.key).twemojiOptions))
+
+/// All plugins exported by this package.
+export const emoji: MilkdownPlugin[] = [
+  emojiAttr,
+  emojiConfig,
+  remarkEmojiPlugin,
+  remarkTwemojiPlugin,
+  emojiSchema,
+  insertEmojiInputRule,
+].flat()

package/src/parse.ts

@@ -4,4 +4,4 @@ import twemoji from 'twemoji'
 const setAttr = (text: string) => ({ title: text })
 
 export const parse = (emoji: string, twemojiOptions?: TwemojiOptions): string =>
-  twemoji.parse(emoji, { attributes: setAttr, ...twemojiOptions }) as unknown as string
+  twemoji.parse(emoji, { attributes: setAttr, base: 'https://cdn.jsdelivr.net/gh/twitter/twemoji/assets/', ...twemojiOptions }) as unknown as string

package/src/remark-twemoji.ts

@@ -1,5 +1,5 @@
 /* Copyright 2021, Milkdown by Mirone. */
-import type { RemarkPlugin } from '@milkdown/core'
+import type { RemarkPlugin } from '@milkdown/transformer'
 import emojiRegex from 'emoji-regex'
 import type { Literal, Node, Parent } from 'unist'
 

package/lib/constant.d.ts

@@ -1,4 +0,0 @@
-export declare const part: RegExp;
-export declare const full: RegExp;
-export declare const input: RegExp;
-//# sourceMappingURL=constant.d.ts.map

package/lib/constant.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"constant.d.ts","sourceRoot":"","sources":["../src/constant.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,IAAI,QAAqB,CAAA;AACtC,eAAO,MAAM,IAAI,QAAwB,CAAA;AACzC,eAAO,MAAM,KAAK,QAAmB,CAAA"}

package/lib/filter/helper.d.ts

@@ -1,5 +0,0 @@
-import type { EditorView } from '@milkdown/prose/view';
-import type { Emoji } from 'node-emoji';
-export declare const checkTrigger: (view: EditorView, from: number, to: number, text: string, setRange: (from: number, to: number) => void, setSearch: (words: string) => void) => boolean;
-export declare const renderDropdownList: (list: Emoji[], dropDown: HTMLElement, onConfirm: () => void, setActive: (active: HTMLElement | null) => void, twemojiOptions?: TwemojiOptions) => void;
-//# sourceMappingURL=helper.d.ts.map

package/lib/filter/helper.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../src/filter/helper.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAKvC,eAAO,MAAM,YAAY,SACjB,UAAU,QACV,MAAM,MACR,MAAM,QACJ,MAAM,mBACK,MAAM,MAAM,MAAM,KAAK,IAAI,qBACzB,MAAM,KAAK,IAAI,YAsBnC,CAAA;AAED,eAAO,MAAM,kBAAkB,SACvB,KAAK,EAAE,YACH,WAAW,aACV,MAAM,IAAI,sBACD,WAAW,GAAG,IAAI,KAAK,IAAI,mBAC9B,cAAc,SAuChC,CAAA"}

package/lib/filter/index.d.ts

@@ -1,5 +0,0 @@
-import { Plugin, PluginKey } from '@milkdown/prose/state';
-import type { ThemeUtils } from '@milkdown/utils';
-export declare const key: PluginKey<any>;
-export declare const filter: (utils: ThemeUtils, maxListSize: number, twemojiOptions?: TwemojiOptions) => Plugin<any>;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/filter/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAMjD,eAAO,MAAM,GAAG,gBAAyC,CAAA;AAEzD,eAAO,MAAM,MAAM,UAAW,UAAU,eAAe,MAAM,mBAAmB,cAAc,gBA2M7F,CAAA"}

package/lib/filter/style.d.ts

@@ -1,3 +0,0 @@
-import type { Emotion, ThemeManager } from '@milkdown/core';
-export declare const injectStyle: (themeManager: ThemeManager, { css, cx }: Emotion) => string;
-//# sourceMappingURL=style.d.ts.map

package/lib/filter/style.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../src/filter/style.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEV,OAAO,EACP,YAAY,EACb,MAAM,gBAAgB,CAAA;AAUvB,eAAO,MAAM,WAAW,iBAAkB,YAAY,eAAe,OAAO,WA6C3E,CAAA"}

package/lib/node.d.ts

@@ -1,6 +0,0 @@
-export interface EmojiOptions {
-    maxListSize: number;
-    twemojiOptions: TwemojiOptions;
-}
-export declare const emojiNode: import("@milkdown/utils").NodeCreator<string, EmojiOptions>;
-//# sourceMappingURL=node.d.ts.map

package/lib/node.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"node.d.ts","sourceRoot":"","sources":["../src/node.ts"],"names":[],"mappings":"AAaA,MAAM,WAAW,YAAY;IAC3B,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,EAAE,cAAc,CAAA;CAC/B;AAED,eAAO,MAAM,SAAS,6DAoFpB,CAAA"}

package/src/constant.ts

@@ -1,4 +0,0 @@
-/* Copyright 2021, Milkdown by Mirone. */
-export const part = /:\+1|:-1|:[\w-]+/
-export const full = /:\+1:|:-1:|:[\w-]+:/
-export const input = /(:([^:\s]+):)$/

package/src/filter/helper.ts

@@ -1,83 +0,0 @@
-/* Copyright 2021, Milkdown by Mirone. */
-
-import type { EditorView } from '@milkdown/prose/view'
-import type { Emoji } from 'node-emoji'
-
-import { full, part } from '../constant'
-import { parse } from '../parse'
-
-export const checkTrigger = (
-  view: EditorView,
-  from: number,
-  to: number,
-  text: string,
-  setRange: (from: number, to: number) => void,
-  setSearch: (words: string) => void,
-) => {
-  if (view.composing)
-    return false
-  const { state } = view
-  const $from = state.doc.resolve(from)
-  if ($from.parent.type.spec.code)
-    return false
-  const textBefore = (
-    $from.parent.textBetween(Math.max(0, $from.parentOffset - 10), $from.parentOffset, undefined, '\uFFFC') + text
-  ).toLowerCase()
-  if (full.test(textBefore))
-    return false
-
-  const regex = part.exec(textBefore)
-  if (regex && regex[0] && textBefore.endsWith(regex[0])) {
-    const match = regex[0]
-    setRange(from - (match.length - text.length), to)
-    setSearch(match)
-    return true
-  }
-  return false
-}
-
-export const renderDropdownList = (
-  list: Emoji[],
-  dropDown: HTMLElement,
-  onConfirm: () => void,
-  setActive: (active: HTMLElement | null) => void,
-  twemojiOptions?: TwemojiOptions,
-) => {
-  while (dropDown.firstChild)
-    dropDown.firstChild.remove()
-
-  list.forEach(({ emoji, key }, i) => {
-    const container = document.createElement('div')
-    container.className = 'milkdown-emoji-filter_item'
-
-    const emojiSpan = document.createElement('span')
-    emojiSpan.innerHTML = parse(emoji, twemojiOptions)
-
-    emojiSpan.className = 'milkdown-emoji-filter_item-emoji'
-    const keySpan = document.createElement('span')
-    keySpan.textContent = `:${key}:`
-    keySpan.className = 'milkdown-emoji-filter_item-key'
-
-    container.appendChild(emojiSpan)
-    container.appendChild(keySpan)
-    dropDown.appendChild(container)
-
-    if (i === 0)
-      setActive(container)
-
-    const onEnter = (e: MouseEvent) => {
-      const { target } = e
-      if (!(target instanceof HTMLElement))
-        return
-      setActive(target)
-    }
-
-    const onClick = (e: MouseEvent) => {
-      e.preventDefault()
-      onConfirm()
-    }
-
-    container.addEventListener('mouseenter', onEnter)
-    container.addEventListener('mousedown', onClick)
-  })
-}

package/src/filter/index.ts

@@ -1,217 +0,0 @@
-/* Copyright 2021, Milkdown by Mirone. */
-
-import { missingRootElement } from '@milkdown/exception'
-import { calculateNodePosition } from '@milkdown/prose'
-import { Plugin, PluginKey } from '@milkdown/prose/state'
-import type { ThemeUtils } from '@milkdown/utils'
-import nodeEmoji from 'node-emoji'
-
-import { checkTrigger, renderDropdownList } from './helper'
-import { injectStyle } from './style'
-
-export const key = new PluginKey('MILKDOWN_EMOJI_FILTER')
-
-export const filter = (utils: ThemeUtils, maxListSize: number, twemojiOptions?: TwemojiOptions) => {
-  let trigger = false
-  let _from = 0
-  let _search = ''
-  let $active: null | HTMLElement = null
-
-  const off = () => {
-    trigger = false
-    _from = 0
-    _search = ''
-    $active = null
-  }
-
-  const setActive = (active: HTMLElement | null) => {
-    if ($active)
-      $active.classList.remove('active')
-
-    if (active)
-      active.classList.add('active')
-
-    $active = active
-  }
-
-  return new Plugin({
-    key,
-    props: {
-      handleKeyDown(_, event) {
-        if (['Delete', 'Backspace'].includes(event.key)) {
-          _search = _search.slice(0, -1)
-          if (_search.length <= 1)
-            off()
-
-          return false
-        }
-        if (!trigger)
-          return false
-        if (!['ArrowUp', 'ArrowDown', 'Enter'].includes(event.key))
-          return false
-
-        return true
-      },
-      handleTextInput(view, from, to, text) {
-        trigger = checkTrigger(
-          view,
-          from,
-          to,
-          text,
-          (from) => {
-            _from = from
-          },
-          (search) => {
-            _search = search
-          },
-        )
-        if (!trigger)
-          off()
-
-        return false
-      },
-    },
-    view: (editorView) => {
-      const { parentNode } = editorView.dom
-      if (!parentNode)
-        throw missingRootElement()
-
-      const dropDown = document.createElement('div')
-
-      dropDown.classList.add('milkdown-emoji-filter', 'hide')
-
-      utils.themeManager.onFlush(() => {
-        const className = dropDown.className
-          .split(' ')
-          .filter(x => ['hide', 'milkdown-emoji-filter'].includes(x))
-        dropDown.className = className.join(' ')
-        const style = utils.getStyle(emotion => injectStyle(utils.themeManager, emotion))
-        if (style)
-          style.split(' ').forEach(x => dropDown.classList.add(x))
-      })
-
-      const replace = () => {
-        if (!$active)
-          return
-
-        const { tr } = editorView.state
-        const node = editorView.state.schema.node('emoji', { html: $active.firstElementChild?.innerHTML })
-
-        editorView.dispatch(tr.delete(_from, _from + _search.length).insert(_from, node))
-        off()
-        dropDown.classList.add('hide')
-      }
-
-      parentNode.appendChild(dropDown)
-      const onKeydown = (e: Event) => {
-        if (!trigger || !(e instanceof KeyboardEvent))
-          return
-
-        const { key } = e
-
-        if (key === 'Enter') {
-          replace()
-          return
-        }
-
-        if (['ArrowDown', 'ArrowUp'].includes(key)) {
-          const next
-            = key === 'ArrowDown'
-              ? $active?.nextElementSibling || dropDown.firstElementChild
-              : $active?.previousElementSibling || dropDown.lastElementChild
-          if (!next)
-            return
-          setActive(next as HTMLElement)
-        }
-      }
-      const onClick = (e: Event) => {
-        if (!trigger)
-          return
-
-        e.stopPropagation()
-        off()
-        dropDown.classList.add('hide')
-      }
-      parentNode.addEventListener('keydown', onKeydown)
-      parentNode.addEventListener('mousedown', onClick)
-
-      return {
-        update: (view) => {
-          const { selection } = view.state
-
-          if (selection.from - selection.to !== 0 || !trigger) {
-            off()
-            dropDown.classList.add('hide')
-            return null
-          }
-          const result = nodeEmoji.search(_search).slice(0, maxListSize)
-          const { node } = view.domAtPos(_from)
-          if (result.length === 0 || !node) {
-            dropDown.classList.add('hide')
-            return null
-          }
-
-          dropDown.style.maxHeight = ''
-          dropDown.classList.remove('hide')
-          renderDropdownList(result, dropDown, replace, setActive, twemojiOptions)
-          calculateNodePosition(view, dropDown, (_selected, target, parent) => {
-            const $editor = dropDown.parentElement
-            if (!$editor)
-              throw missingRootElement()
-
-            const start = view.coordsAtPos(_from)
-            let left = start.left - parent.left
-
-            if (left < 0)
-              left = 0
-
-            let direction: 'top' | 'bottom'
-            let maxHeight: number | undefined
-            const startToTop = start.top - parent.top
-            const startToBottom = parent.height + parent.top - start.bottom
-            if (startToBottom >= target.height + 28) {
-              direction = 'bottom'
-            }
-            else if (startToTop >= target.height + 28) {
-              direction = 'top'
-            }
-            else if (startToBottom >= startToTop) {
-              direction = 'bottom'
-              maxHeight = startToBottom - 28
-            }
-            else {
-              direction = 'top'
-              maxHeight = startToTop - 28
-            }
-            if (startToTop < 0 || startToBottom < 0) {
-              maxHeight = parent.height - (start.bottom - start.top) - 28
-              if (maxHeight > target.height)
-                maxHeight = undefined
-            }
-
-            const top
-                            = direction === 'top'
-                              ? start.top - parent.top - (maxHeight ?? target.height) - 14 + $editor.scrollTop
-                              : start.bottom - parent.top + 14 + $editor.scrollTop
-
-            dropDown.style.maxHeight = maxHeight !== undefined && maxHeight > 0 ? `${maxHeight}px` : ''
-
-            const maxLeft = $editor.clientWidth - (dropDown.offsetWidth + 4)
-            if (left > maxLeft)
-              left = maxLeft
-
-            return [top, left]
-          })
-
-          return null
-        },
-
-        destroy: () => {
-          parentNode.removeEventListener('keydown', onKeydown)
-          parentNode.removeEventListener('mousedown', onClick)
-          dropDown.remove()
-        },
-      }
-    },
-  })
-}

package/src/filter/style.ts

@@ -1,61 +0,0 @@
-/* Copyright 2021, Milkdown by Mirone. */
-import type {
-  Color,
-  Emotion,
-  ThemeManager,
-} from '@milkdown/core'
-import {
-  ThemeBorder,
-  ThemeColor,
-  ThemeFont,
-  ThemeScrollbar,
-  ThemeShadow,
-  ThemeSize,
-} from '@milkdown/core'
-
-export const injectStyle = (themeManager: ThemeManager, { css, cx }: Emotion) => {
-  const border = themeManager.get(ThemeBorder, undefined)
-  const shadow = themeManager.get(ThemeShadow, undefined)
-  const scrollbar = themeManager.get(ThemeScrollbar, undefined)
-  const radius = themeManager.get(ThemeSize, 'radius')
-  const typography = themeManager.get(ThemeFont, 'typography')
-  const palette = (color: Color, opacity = 1) => themeManager.get(ThemeColor, [color, opacity])
-
-  const style = css`
-        min-height: 36px;
-        max-height: 320px;
-        overflow-y: auto;
-        border-radius: ${radius};
-        position: absolute;
-        background: ${palette('surface')};
-
-        &.hide {
-            display: none;
-        }
-
-        .milkdown-emoji-filter_item {
-            display: flex;
-            gap: 8px;
-            height: 36px;
-            padding: 0 14px;
-            align-items: center;
-            justify-content: flex-start;
-            cursor: pointer;
-            line-height: 2;
-            font-family: ${typography};
-            font-size: 14px;
-            &.active {
-                background: ${palette('secondary', 0.12)};
-                color: ${palette('primary')};
-            }
-        }
-
-        .emoji {
-            height: 14px;
-            width: 14px;
-            margin: 0 1px 0 1.5px;
-            vertical-align: -1.5px;
-        }
-    `
-  return cx(border, shadow, scrollbar, style)
-}

package/src/node.ts

@@ -1,103 +0,0 @@
-/* Copyright 2021, Milkdown by Mirone. */
-import type { RemarkPlugin } from '@milkdown/core'
-import { expectDomTypeError } from '@milkdown/exception'
-import { InputRule } from '@milkdown/prose/inputrules'
-import { createNode } from '@milkdown/utils'
-import nodeEmoji from 'node-emoji'
-import remarkEmoji from 'remark-emoji'
-
-import { input } from './constant'
-import { filter } from './filter'
-import { parse } from './parse'
-import { twemojiPlugin } from './remark-twemoji'
-
-export interface EmojiOptions {
-  maxListSize: number
-  twemojiOptions: TwemojiOptions
-}
-
-export const emojiNode = createNode<string, EmojiOptions>((utils, options) => {
-  const getStyle = () =>
-    utils.getStyle(
-      ({ css }) => css`
-                .emoji {
-                    height: 1em;
-                    width: 1em;
-                    margin: 0 1px 0 1.5px;
-                    vertical-align: -1.5px;
-                }
-            `,
-    )
-  return {
-    id: 'emoji',
-    schema: () => ({
-      group: 'inline',
-      inline: true,
-      atom: true,
-      attrs: {
-        html: {
-          default: '',
-        },
-      },
-      parseDOM: [
-        {
-          tag: 'span[data-type="emoji"]',
-          getAttrs: (dom) => {
-            if (!(dom instanceof HTMLElement))
-              throw expectDomTypeError(dom)
-
-            return { html: dom.innerHTML }
-          },
-        },
-      ],
-      toDOM: (node) => {
-        const span = document.createElement('span')
-        span.classList.add('emoji-wrapper')
-        span.dataset.type = 'emoji'
-        utils.themeManager.onFlush(() => {
-          const style = getStyle()
-          if (style)
-            span.classList.add(style)
-        })
-        span.innerHTML = node.attrs.html
-        return { dom: span }
-      },
-      parseMarkdown: {
-        match: ({ type }) => type === 'emoji',
-        runner: (state, node, type) => {
-          state.addNode(type, { html: node.value as string })
-        },
-      },
-      toMarkdown: {
-        match: node => node.type.name === 'emoji',
-        runner: (state, node) => {
-          const span = document.createElement('span')
-          span.innerHTML = node.attrs.html
-          const img = span.querySelector('img')
-          const title = img?.title
-          span.remove()
-          state.addNode('text', undefined, title)
-        },
-      },
-    }),
-    inputRules: nodeType => [
-      new InputRule(input, (state, match, start, end) => {
-        const content = match[0]
-        if (!content)
-          return null
-        const got = nodeEmoji.get(content)
-        if (!got || content.includes(got))
-          return null
-
-        const html = parse(got, options?.twemojiOptions)
-
-        return state.tr
-          .setMeta('emoji', true)
-          .replaceRangeWith(start, end, nodeType.create({ html }))
-          .scrollIntoView()
-      }),
-    ],
-    remarkPlugins: () => [remarkEmoji as RemarkPlugin, twemojiPlugin(options?.twemojiOptions)],
-    prosePlugins: () => [filter(utils, options?.maxListSize ?? 6, options?.twemojiOptions)],
-  }
-})