@milkdown/plugin-emoji 5.1.2 → 5.3.1

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

@@ -1 +1 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../src/filter/style.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEhD,eAAO,MAAM,WAAW,mCAAoC,SAAS,WAoCpE,CAAC"}
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../src/filter/style.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEhD,eAAO,MAAM,WAAW,mCAAoC,SAAS,WAsCpE,CAAC"}

package/lib/index.es.js

@@ -0,0 +1,489 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { createNode, AtomList } from "@milkdown/utils";
+import { css, cx, injectGlobal } from "@emotion/css";
+import { Plugin, calculateNodePosition, DecorationSet, Decoration, InputRule } from "@milkdown/prose";
+import nodeEmoji, { search } from "node-emoji";
+import remarkEmoji from "remark-emoji";
+import twemoji from "twemoji";
+import { EmojiButton } from "@joeattardi/emoji-button";
+import emojiRegex from "emoji-regex";
+const part = /:\+1|:-1|:[\w-]+/;
+const full = /:\+1:|:-1:|:[\w-]+:/;
+const input = /(:([^:\s]+):)$/;
+const parse = (emoji2) => twemoji.parse(emoji2, { attributes: (text) => ({ title: text }) });
+const checkTrigger$1 = (view, from, to, text, setRange, setSearch) => {
+  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, void 0, "\uFFFC") + text;
+  if (full.test(textBefore)) {
+    return false;
+  }
+  const regex2 = part.exec(textBefore);
+  if (regex2 && textBefore.endsWith(regex2[0])) {
+    const match = regex2[0];
+    setRange(from - (match.length - text.length), to);
+    setSearch(match);
+    return true;
+  }
+  return false;
+};
+const renderDropdownList = (list, dropDown, $active, onConfirm, setActive) => {
+  dropDown.innerHTML = "";
+  list.forEach(({ emoji: emoji2, key }, i) => {
+    const container = document.createElement("div");
+    container.className = "milkdown-emoji-filter_item";
+    const emojiSpan = document.createElement("span");
+    emojiSpan.innerHTML = parse(emoji2);
+    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) {
+      container.classList.add("active");
+      setActive(container);
+    }
+    container.addEventListener("mouseenter", (e) => {
+      if ($active) {
+        $active.classList.remove("active");
+      }
+      const { target } = e;
+      if (!(target instanceof HTMLElement))
+        return;
+      target.classList.add("active");
+      setActive(target);
+    });
+    container.addEventListener("mouseleave", (e) => {
+      const { target } = e;
+      if (!(target instanceof HTMLElement))
+        return;
+      target.classList.remove("active");
+    });
+    container.addEventListener("mousedown", (e) => {
+      onConfirm();
+      e.preventDefault();
+    });
+  });
+};
+const injectStyle = ({ size, mixin, palette, font }) => {
+  var _a, _b;
+  const border = (_a = mixin.border) == null ? void 0 : _a.call(mixin);
+  const shadow = (_b = mixin.shadow) == null ? void 0 : _b.call(mixin);
+  const style = css`
+        position: absolute;
+        &.hide {
+            display: none;
+        }
+
+        border-radius: ${size.radius};
+        background: ${palette("surface")};
+
+        .milkdown-emoji-filter_item {
+            display: flex;
+            gap: 0.5rem;
+            height: 2.25rem;
+            padding: 0 1rem;
+            align-items: center;
+            justify-content: flex-start;
+            cursor: pointer;
+            line-height: 2;
+            font-family: ${font.typography};
+            font-size: 0.875rem;
+            &.active {
+                background: ${palette("secondary", 0.12)};
+                color: ${palette("primary")};
+            }
+        }
+
+        .emoji {
+            height: 1em;
+            width: 1em;
+            margin: 0 0.05em 0 0.1em;
+            vertical-align: -0.1em;
+        }
+    `;
+  return cx(border, shadow, style);
+};
+const filter = (utils) => {
+  let trigger = false;
+  let _from = 0;
+  let _search = "";
+  let $active = null;
+  const off = () => {
+    trigger = false;
+    _from = 0;
+    _search = "";
+    $active = null;
+  };
+  return new Plugin({
+    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$1(view, from, to, text, (from2) => {
+          _from = from2;
+        }, (search2) => {
+          _search = search2;
+        });
+        if (!trigger) {
+          off();
+        }
+        return false;
+      }
+    },
+    view: (editorView) => {
+      const { parentNode } = editorView.dom;
+      if (!parentNode) {
+        throw new Error();
+      }
+      const dropDown = document.createElement("div");
+      const style = utils.getStyle(injectStyle);
+      if (style) {
+        style.split(" ").forEach((x) => dropDown.classList.add(x));
+      }
+      dropDown.classList.add("milkdown-emoji-filter", "hide");
+      const replace = () => {
+        var _a;
+        if (!$active)
+          return;
+        const { tr } = editorView.state;
+        const node = editorView.state.schema.node("emoji", { html: (_a = $active.firstElementChild) == null ? void 0 : _a.innerHTML });
+        editorView.dispatch(tr.delete(_from, _from + _search.length).insert(_from, node));
+        off();
+        dropDown.classList.add("hide");
+      };
+      parentNode.appendChild(dropDown);
+      parentNode.addEventListener("keydown", (e) => {
+        if (!trigger || !(e instanceof KeyboardEvent))
+          return;
+        const { key } = e;
+        if (key === "Enter") {
+          replace();
+          return;
+        }
+        if (["ArrowDown", "ArrowUp"].includes(key)) {
+          const next = key === "ArrowDown" ? ($active == null ? void 0 : $active.nextElementSibling) || dropDown.firstElementChild : ($active == null ? void 0 : $active.previousElementSibling) || dropDown.lastElementChild;
+          if ($active) {
+            $active.classList.remove("active");
+          }
+          if (!next)
+            return;
+          next.classList.add("active");
+          $active = next;
+          return;
+        }
+      });
+      parentNode.addEventListener("mousedown", (e) => {
+        if (!trigger)
+          return;
+        e.stopPropagation();
+        off();
+        dropDown.classList.add("hide");
+      });
+      return {
+        update: (view) => {
+          if (!trigger) {
+            dropDown.classList.add("hide");
+            return null;
+          }
+          const result = search(_search).slice(0, 5);
+          const { node } = view.domAtPos(_from);
+          if (result.length === 0 || !node) {
+            dropDown.classList.add("hide");
+            return null;
+          }
+          dropDown.classList.remove("hide");
+          renderDropdownList(result, dropDown, $active, replace, (a) => {
+            $active = a;
+          });
+          calculateNodePosition(view, dropDown, (selected, target, parent) => {
+            const start = view.coordsAtPos(_from);
+            let left = start.left - parent.left;
+            let top = selected.bottom - parent.top + 14;
+            if (left < 0) {
+              left = 0;
+            }
+            if (window.innerHeight - start.bottom < target.height) {
+              top = selected.top - parent.top - target.height - 14;
+            }
+            return [top, left];
+          });
+          return null;
+        }
+      };
+    }
+  });
+};
+const keyword = ":emoji:";
+const checkTrigger = (view, from, to, text, setRange) => {
+  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($from.parentOffset - keyword.length + 1, $from.parentOffset, void 0, "\uFFFC") + text;
+  if (textBefore === keyword) {
+    setRange(from - keyword.length + 1, to + 1);
+    return true;
+  }
+  return false;
+};
+const picker = (utils) => {
+  let trigger = false;
+  const holder = document.createElement("span");
+  let _from = 0;
+  let _to = 0;
+  const off = () => {
+    trigger = false;
+    _from = 0;
+    _to = 0;
+  };
+  const plugin = new Plugin({
+    props: {
+      handleKeyDown() {
+        off();
+        return false;
+      },
+      handleClick() {
+        off();
+        return false;
+      },
+      handleTextInput(view, from, to, text) {
+        trigger = checkTrigger(view, from, to, text, (from2, to2) => {
+          _from = from2;
+          _to = to2;
+        });
+        if (!trigger) {
+          off();
+        }
+        return false;
+      },
+      decorations(state) {
+        if (!trigger)
+          return null;
+        return DecorationSet.create(state.doc, [Decoration.widget(state.selection.to, holder)]);
+      }
+    },
+    view: (editorView) => {
+      const { parentNode } = editorView.dom;
+      if (!parentNode) {
+        throw new Error();
+      }
+      utils.getStyle(({ palette, font }) => {
+        const css2 = injectGlobal;
+        css2`
+                    .emoji-picker {
+                        --dark-search-background-color: ${palette("surface")} !important;
+                        --dark-text-color: ${palette("neutral", 0.87)} !important;
+                        --dark-background-color: ${palette("background")} !important;
+                        --dark-border-color: ${palette("shadow")} !important;
+                        --dark-hover-color: ${palette("secondary", 0.12)} !important;
+                        --dark-blue-color: ${palette("primary")} !important;
+                        --dark-search-icon-color: ${palette("primary")} !important;
+                        --dark-category-button-color: ${palette("secondary", 0.4)} !important;
+                        --font: ${font.typography} !important;
+                        --font-size: 1rem !important;
+                    }
+                `;
+      });
+      const emojiPicker = new EmojiButton({
+        rootElement: parentNode,
+        autoFocusSearch: false,
+        style: "twemoji",
+        theme: "dark",
+        zIndex: 99
+      });
+      emojiPicker.on("emoji", (selection) => {
+        const start = _from;
+        const end = _to;
+        off();
+        const html = parse(selection.emoji);
+        const node = editorView.state.schema.node("emoji", { html });
+        const { tr } = editorView.state;
+        editorView.dispatch(tr.replaceRangeWith(start, end, node));
+      });
+      return {
+        update: () => {
+          if (!trigger) {
+            emojiPicker.hidePicker();
+            return null;
+          }
+          emojiPicker.showPicker(holder);
+          return null;
+        },
+        destroy: () => {
+          emojiPicker.destroyPicker();
+        }
+      };
+    }
+  });
+  return plugin;
+};
+const regex = emojiRegex();
+const isParent = (node) => !!node.children;
+const isLiteral = (node) => !!node.value;
+function flatMap(ast, fn) {
+  return transform(ast, 0, null)[0];
+  function transform(node, index, parent) {
+    if (isParent(node)) {
+      const out = [];
+      for (let i = 0, n = node.children.length; i < n; i++) {
+        const xs = transform(node.children[i], i, node);
+        if (xs) {
+          for (let j = 0, m = xs.length; j < m; j++) {
+            out.push(xs[j]);
+          }
+        }
+      }
+      node.children = out;
+    }
+    return fn(node, index, parent);
+  }
+}
+const twemojiPlugin = () => {
+  function transformer(tree) {
+    flatMap(tree, (node) => {
+      if (!isLiteral(node)) {
+        return [node];
+      }
+      const value = node.value;
+      const output = [];
+      let match;
+      let str = value;
+      while (match = regex.exec(str)) {
+        const { index } = match;
+        const emoji2 = match[0];
+        if (index > 0) {
+          output.push(__spreadProps(__spreadValues({}, node), { value: str.slice(0, index) }));
+        }
+        output.push(__spreadProps(__spreadValues({}, node), { value: parse(emoji2), type: "emoji" }));
+        str = str.slice(index + emoji2.length);
+      }
+      if (str.length) {
+        output.push(__spreadProps(__spreadValues({}, node), { value: str }));
+      }
+      return output;
+    });
+  }
+  return transformer;
+};
+const emojiNode = createNode((utils) => {
+  const style = utils.getStyle(() => css`
+            display: inline-flex;
+            justify-content: center;
+            align-items: center;
+
+            .emoji {
+                height: 1em;
+                width: 1em;
+                margin: 0 0.05em 0 0.1em;
+                vertical-align: -0.1em;
+            }
+        `);
+  return {
+    id: "emoji",
+    schema: () => ({
+      group: "inline",
+      inline: true,
+      selectable: false,
+      attrs: {
+        html: {
+          default: ""
+        }
+      },
+      parseDOM: [
+        {
+          tag: 'span[data-type="emoji"]',
+          getAttrs: (dom) => {
+            if (!(dom instanceof HTMLElement)) {
+              throw new Error();
+            }
+            return { html: dom.innerHTML };
+          }
+        }
+      ],
+      toDOM: (node) => {
+        const span = document.createElement("span");
+        span.dataset.type = "emoji";
+        if (style) {
+          span.classList.add(style);
+        }
+        span.classList.add("emoji-wrapper");
+        span.innerHTML = node.attrs.html;
+        return { dom: span };
+      },
+      parseMarkdown: {
+        match: ({ type }) => type === "emoji",
+        runner: (state, node, type) => {
+          state.addNode(type, { html: node.value });
+        }
+      },
+      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 == null ? void 0 : img.title;
+          span.remove();
+          state.addNode("text", void 0, 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);
+        return state.tr.setMeta("emoji", true).replaceRangeWith(start, end, nodeType.create({ html })).scrollIntoView();
+      })
+    ],
+    remarkPlugins: () => [remarkEmoji, twemojiPlugin],
+    prosePlugins: () => [picker(utils), filter(utils)]
+  };
+});
+const emoji = AtomList.create([emojiNode()]);
+export { emoji, emojiNode };
+//# sourceMappingURL=index.es.js.map

package/lib/index.es.js.map

@@ -0,0 +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/picker.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]+):)$/;\nexport const keyword = ':emoji:';\n","/* Copyright 2021, Milkdown by Mirone. */\nimport twemoji from 'twemoji';\n\nexport const parse = (emoji: string) => twemoji.parse(emoji, { attributes: (text) => ({ title: text }) });\n","/* Copyright 2021, Milkdown by Mirone. */\n\nimport { EditorView } from '@milkdown/prose';\nimport { 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) return false;\n    const { state } = view;\n    const $from = state.doc.resolve(from);\n    if ($from.parent.type.spec.code) return false;\n    const textBefore =\n        $from.parent.textBetween(Math.max(0, $from.parentOffset - 10), $from.parentOffset, undefined, '\\ufffc') + text;\n    if (full.test(textBefore)) {\n        return false;\n    }\n    const regex = part.exec(textBefore);\n    if (regex && 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    $active: HTMLElement | null,\n    onConfirm: () => void,\n    setActive: (active: HTMLElement | null) => void,\n) => {\n    dropDown.innerHTML = '';\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);\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            container.classList.add('active');\n            setActive(container);\n        }\n\n        container.addEventListener('mouseenter', (e) => {\n            if ($active) {\n                $active.classList.remove('active');\n            }\n            const { target } = e;\n            if (!(target instanceof HTMLElement)) return;\n            target.classList.add('active');\n            setActive(target);\n        });\n        container.addEventListener('mouseleave', (e) => {\n            const { target } = e;\n            if (!(target instanceof HTMLElement)) return;\n            target.classList.remove('active');\n        });\n        container.addEventListener('mousedown', (e) => {\n            onConfirm();\n            e.preventDefault();\n        });\n    });\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { css, cx } from '@emotion/css';\nimport type { ThemeTool } from '@milkdown/core';\n\nexport const injectStyle = ({ size, mixin, palette, font }: ThemeTool) => {\n    const border = mixin.border?.();\n    const shadow = mixin.shadow?.();\n\n    const style = css`\n        position: absolute;\n        &.hide {\n            display: none;\n        }\n\n        border-radius: ${size.radius};\n        background: ${palette('surface')};\n\n        .milkdown-emoji-filter_item {\n            display: flex;\n            gap: 0.5rem;\n            height: 2.25rem;\n            padding: 0 1rem;\n            align-items: center;\n            justify-content: flex-start;\n            cursor: pointer;\n            line-height: 2;\n            font-family: ${font.typography};\n            font-size: 0.875rem;\n            &.active {\n                background: ${palette('secondary', 0.12)};\n                color: ${palette('primary')};\n            }\n        }\n\n        .emoji {\n            height: 1em;\n            width: 1em;\n            margin: 0 0.05em 0 0.1em;\n            vertical-align: -0.1em;\n        }\n    `;\n    return cx(border, shadow, style);\n};\n","/* Copyright 2021, Milkdown by Mirone. */\n\nimport { calculateNodePosition, Plugin } from '@milkdown/prose';\nimport { Utils } from '@milkdown/utils';\nimport { search } from 'node-emoji';\n\nimport { checkTrigger, renderDropdownList } from './helper';\nimport { injectStyle } from './style';\n\nexport const filter = (utils: Utils) => {\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    return new Plugin({\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) 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 new Error();\n            }\n\n            const dropDown = document.createElement('div');\n            const style = utils.getStyle(injectStyle);\n\n            if (style) {\n                style.split(' ').forEach((x) => dropDown.classList.add(x));\n            }\n\n            dropDown.classList.add('milkdown-emoji-filter', 'hide');\n\n            const replace = () => {\n                if (!$active) 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            parentNode.addEventListener('keydown', (e) => {\n                if (!trigger || !(e instanceof KeyboardEvent)) 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 ($active) {\n                        $active.classList.remove('active');\n                    }\n                    if (!next) return;\n                    next.classList.add('active');\n                    $active = next as HTMLElement;\n\n                    return;\n                }\n            });\n            parentNode.addEventListener('mousedown', (e) => {\n                if (!trigger) return;\n\n                e.stopPropagation();\n                off();\n                dropDown.classList.add('hide');\n            });\n\n            return {\n                update: (view) => {\n                    if (!trigger) {\n                        dropDown.classList.add('hide');\n                        return null;\n                    }\n                    const result = search(_search).slice(0, 5);\n                    const { node } = view.domAtPos(_from);\n                    if (result.length === 0 || !node) {\n                        dropDown.classList.add('hide');\n                        return null;\n                    }\n\n                    dropDown.classList.remove('hide');\n                    renderDropdownList(result, dropDown, $active, replace, (a) => {\n                        $active = a;\n                    });\n                    calculateNodePosition(view, dropDown, (selected, target, parent) => {\n                        const start = view.coordsAtPos(_from);\n                        let left = start.left - parent.left;\n                        let top = selected.bottom - parent.top + 14;\n\n                        if (left < 0) {\n                            left = 0;\n                        }\n\n                        if (window.innerHeight - start.bottom < target.height) {\n                            top = selected.top - parent.top - target.height - 14;\n                        }\n                        return [top, left];\n                    });\n\n                    return null;\n                },\n            };\n        },\n    });\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { injectGlobal } from '@emotion/css';\nimport { EmojiButton } from '@joeattardi/emoji-button';\nimport { Decoration, DecorationSet, EditorView, Plugin } from '@milkdown/prose';\nimport { Utils } from '@milkdown/utils';\n\nimport { parse } from './parse';\n\nconst keyword = ':emoji:';\n\nconst checkTrigger = (\n    view: EditorView,\n    from: number,\n    to: number,\n    text: string,\n    setRange: (from: number, to: number) => void,\n) => {\n    if (view.composing) return false;\n    const { state } = view;\n    const $from = state.doc.resolve(from);\n    if ($from.parent.type.spec.code) return false;\n    const textBefore =\n        $from.parent.textBetween($from.parentOffset - keyword.length + 1, $from.parentOffset, undefined, '\\ufffc') +\n        text;\n    if (textBefore === keyword) {\n        setRange(from - keyword.length + 1, to + 1);\n        return true;\n    }\n    return false;\n};\n\nexport const picker = (utils: Utils) => {\n    let trigger = false;\n    const holder = document.createElement('span');\n    let _from = 0;\n    let _to = 0;\n    const off = () => {\n        trigger = false;\n        _from = 0;\n        _to = 0;\n    };\n\n    const plugin = new Plugin({\n        props: {\n            handleKeyDown() {\n                off();\n                return false;\n            },\n            handleClick() {\n                off();\n                return false;\n            },\n            handleTextInput(view, from, to, text) {\n                trigger = checkTrigger(view, from, to, text, (from, to) => {\n                    _from = from;\n                    _to = to;\n                });\n\n                if (!trigger) {\n                    off();\n                }\n                return false;\n            },\n            decorations(state) {\n                if (!trigger) return null;\n\n                return DecorationSet.create(state.doc, [Decoration.widget(state.selection.to, holder)]);\n            },\n        },\n        view: (editorView) => {\n            const { parentNode } = editorView.dom;\n            if (!parentNode) {\n                throw new Error();\n            }\n            utils.getStyle(({ palette, font }) => {\n                const css = injectGlobal;\n                css`\n                    .emoji-picker {\n                        --dark-search-background-color: ${palette('surface')} !important;\n                        --dark-text-color: ${palette('neutral', 0.87)} !important;\n                        --dark-background-color: ${palette('background')} !important;\n                        --dark-border-color: ${palette('shadow')} !important;\n                        --dark-hover-color: ${palette('secondary', 0.12)} !important;\n                        --dark-blue-color: ${palette('primary')} !important;\n                        --dark-search-icon-color: ${palette('primary')} !important;\n                        --dark-category-button-color: ${palette('secondary', 0.4)} !important;\n                        --font: ${font.typography} !important;\n                        --font-size: 1rem !important;\n                    }\n                `;\n            });\n            const emojiPicker = new EmojiButton({\n                rootElement: parentNode as HTMLElement,\n                autoFocusSearch: false,\n                style: 'twemoji',\n                theme: 'dark',\n                zIndex: 99,\n            });\n            emojiPicker.on('emoji', (selection) => {\n                const start = _from;\n                const end = _to;\n                off();\n                const html = parse(selection.emoji);\n                const node = editorView.state.schema.node('emoji', { html });\n                const { tr } = editorView.state;\n\n                editorView.dispatch(tr.replaceRangeWith(start, end, node));\n            });\n            return {\n                update: () => {\n                    if (!trigger) {\n                        emojiPicker.hidePicker();\n                        return null;\n                    }\n                    emojiPicker.showPicker(holder);\n                    return null;\n                },\n                destroy: () => {\n                    emojiPicker.destroyPicker();\n                },\n            };\n        },\n    });\n\n    return plugin;\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport emojiRegex from 'emoji-regex';\nimport { 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 xs = transform(node.children[i], i, node);\n                if (xs) {\n                    for (let j = 0, m = xs.length; j < m; j++) {\n                        out.push(xs[j]);\n                    }\n                }\n            }\n            node.children = out;\n        }\n\n        return fn(node, index, parent);\n    }\n}\n\nexport const twemojiPlugin = () => {\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            while ((match = regex.exec(str))) {\n                const { index } = match;\n                const emoji = match[0];\n                if (index > 0) {\n                    output.push({ ...node, value: str.slice(0, index) });\n                }\n                output.push({ ...node, value: parse(emoji), type: 'emoji' });\n                str = str.slice(index + emoji.length);\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 { css } from '@emotion/css';\nimport { RemarkPlugin } from '@milkdown/core';\nimport { InputRule } from '@milkdown/prose';\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 { picker } from './picker';\nimport { twemojiPlugin } from './remark-twemoji';\n\nexport const emojiNode = createNode((utils) => {\n    const style = utils.getStyle(\n        () => css`\n            display: inline-flex;\n            justify-content: center;\n            align-items: center;\n\n            .emoji {\n                height: 1em;\n                width: 1em;\n                margin: 0 0.05em 0 0.1em;\n                vertical-align: -0.1em;\n            }\n        `,\n    );\n    return {\n        id: 'emoji',\n        schema: () => ({\n            group: 'inline',\n            inline: true,\n            selectable: false,\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 new Error();\n                        }\n                        return { html: dom.innerHTML };\n                    },\n                },\n            ],\n            toDOM: (node) => {\n                const span = document.createElement('span');\n                span.dataset.type = 'emoji';\n                if (style) {\n                    span.classList.add(style);\n                }\n                span.classList.add('emoji-wrapper');\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) return null;\n                const got = nodeEmoji.get(content);\n                if (!got || content.includes(got)) return null;\n\n                const html = parse(got);\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],\n        prosePlugins: () => [picker(utils), filter(utils)],\n    };\n});\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { AtomList } from '@milkdown/utils';\n\nimport { emojiNode } from './node';\n\nexport const emoji = AtomList.create([emojiNode()]);\n\nexport { emojiNode } from './node';\n"],"names":["checkTrigger"],"mappings":"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"}

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@milkdown/plugin-emoji",
-  "version": "5.1.2",
-  "main": "lib/index.js",
-  "module": "lib/index.js",
-  "types": "lib/index.d.ts",
+  "version": "5.3.1",
+  "type": "module",
+  "main": "./lib/index.es.js",
+  "types": "./lib/index.d.ts",
   "sideEffects": false,
   "license": "MIT",
   "files": [
@@ -20,21 +20,27 @@
   "dependencies": {
     "@emotion/css": "^11.1.3",
     "@joeattardi/emoji-button": "^4.6.0",
-    "@milkdown/utils": "5.1.2",
+    "@milkdown/utils": "5.3.1",
     "@types/node-emoji": "^1.8.1",
     "@types/twemoji": "^12.1.2",
-    "emoji-regex": "^9.2.2",
+    "emoji-regex": "^10.0.0",
     "node-emoji": "^1.10.0",
     "remark-emoji": "^3.0.1",
     "tslib": "^2.3.1",
     "twemoji": "^13.1.0",
     "unist-util-visit": "^4.0.0"
   },
+  "devDependencies": {
+    "@milkdown/core": "5.3.1",
+    "@milkdown/prose": "5.3.1",
+    "@milkdown/utils": "5.3.1"
+  },
   "scripts": {
     "start": "vite",
-    "watch": "tsc -w",
-    "test": "jest",
+    "watch": "vite build --watch",
+    "test": "vitest",
     "tsc": "tsc --noEmit",
-    "build": "tsc"
-  }
+    "build": "vite build && tsc --emitDeclarationOnly"
+  },
+  "readme": "# @milkdown/plugin-emoji\n\nEmoji plugin for [milkdown](https://saul-mirone.github.io/milkdown/).\nAdd support for emoji through [shortcuts](https://www.webfx.com/tools/emoji-cheat-sheet/).\nRendered by [twemoji](https://github.com/twitter/twemoji).\n\n# Example Usage\n\n```typescript\nimport { Editor } from '@milkdown/core';\nimport { commonmark } from '@milkdown/preset-commonmark';\nimport { nord } from '@milkdown/theme-nord';\n\nimport { emoji } from '@milkdown/plugin-emoji';\n\nEditor.make().use(nord).use(commonmark).use(emoji).create();\n```\n\n# License\n\nMilkdown is open sourced software licensed under [MIT license](https://github.com/Saul-Mirone/milkdown/blob/main/LICENSE).\n"
 }

package/src/filter/index.ts

@@ -65,7 +65,7 @@ export const filter = (utils: Utils) => {
             const style = utils.getStyle(injectStyle);
 
             if (style) {
-                dropDown.classList.add(style);
+                style.split(' ').forEach((x) => dropDown.classList.add(x));
             }
 
             dropDown.classList.add('milkdown-emoji-filter', 'hide');

package/src/filter/style.ts

@@ -1,18 +1,19 @@
 /* Copyright 2021, Milkdown by Mirone. */
-import { css } from '@emotion/css';
+import { css, cx } from '@emotion/css';
 import type { ThemeTool } from '@milkdown/core';
 
 export const injectStyle = ({ size, mixin, palette, font }: ThemeTool) => {
-    return css`
+    const border = mixin.border?.();
+    const shadow = mixin.shadow?.();
+
+    const style = css`
         position: absolute;
         &.hide {
             display: none;
         }
 
-        ${mixin.border?.()};
         border-radius: ${size.radius};
         background: ${palette('surface')};
-        ${mixin.shadow?.()};
 
         .milkdown-emoji-filter_item {
             display: flex;
@@ -38,4 +39,5 @@ export const injectStyle = ({ size, mixin, palette, font }: ThemeTool) => {
             vertical-align: -0.1em;
         }
     `;
+    return cx(border, shadow, style);
 };

package/lib/constant.js

@@ -1,6 +0,0 @@
-/* Copyright 2021, Milkdown by Mirone. */
-export const part = /:\+1|:-1|:[\w-]+/;
-export const full = /:\+1:|:-1:|:[\w-]+:/;
-export const input = /(:([^:\s]+):)$/;
-export const keyword = ':emoji:';
-//# sourceMappingURL=constant.js.map

package/lib/constant.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constant.js","sourceRoot":"","sources":["../src/constant.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,MAAM,CAAC,MAAM,IAAI,GAAG,kBAAkB,CAAC;AACvC,MAAM,CAAC,MAAM,IAAI,GAAG,qBAAqB,CAAC;AAC1C,MAAM,CAAC,MAAM,KAAK,GAAG,gBAAgB,CAAC;AACtC,MAAM,CAAC,MAAM,OAAO,GAAG,SAAS,CAAC"}

package/lib/filter/helper.js

@@ -1,64 +0,0 @@
-/* Copyright 2021, Milkdown by Mirone. */
-import { full, part } from '../constant';
-import { parse } from '../parse';
-export const checkTrigger = (view, from, to, text, setRange, setSearch) => {
-    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;
-    if (full.test(textBefore)) {
-        return false;
-    }
-    const regex = part.exec(textBefore);
-    if (regex && 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, dropDown, $active, onConfirm, setActive) => {
-    dropDown.innerHTML = '';
-    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);
-        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) {
-            container.classList.add('active');
-            setActive(container);
-        }
-        container.addEventListener('mouseenter', (e) => {
-            if ($active) {
-                $active.classList.remove('active');
-            }
-            const { target } = e;
-            if (!(target instanceof HTMLElement))
-                return;
-            target.classList.add('active');
-            setActive(target);
-        });
-        container.addEventListener('mouseleave', (e) => {
-            const { target } = e;
-            if (!(target instanceof HTMLElement))
-                return;
-            target.classList.remove('active');
-        });
-        container.addEventListener('mousedown', (e) => {
-            onConfirm();
-            e.preventDefault();
-        });
-    });
-};
-//# sourceMappingURL=helper.js.map

package/lib/filter/helper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helper.js","sourceRoot":"","sources":["../../src/filter/helper.ts"],"names":[],"mappings":"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"}

package/lib/filter/index.js

@@ -1,131 +0,0 @@
-/* Copyright 2021, Milkdown by Mirone. */
-import { calculateNodePosition, Plugin } from '@milkdown/prose';
-import { search } from 'node-emoji';
-import { checkTrigger, renderDropdownList } from './helper';
-import { injectStyle } from './style';
-export const filter = (utils) => {
-    let trigger = false;
-    let _from = 0;
-    let _search = '';
-    let $active = null;
-    const off = () => {
-        trigger = false;
-        _from = 0;
-        _search = '';
-        $active = null;
-    };
-    return new Plugin({
-        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 new Error();
-            }
-            const dropDown = document.createElement('div');
-            const style = utils.getStyle(injectStyle);
-            if (style) {
-                dropDown.classList.add(style);
-            }
-            dropDown.classList.add('milkdown-emoji-filter', 'hide');
-            const replace = () => {
-                var _a;
-                if (!$active)
-                    return;
-                const { tr } = editorView.state;
-                const node = editorView.state.schema.node('emoji', { html: (_a = $active.firstElementChild) === null || _a === void 0 ? void 0 : _a.innerHTML });
-                editorView.dispatch(tr.delete(_from, _from + _search.length).insert(_from, node));
-                off();
-                dropDown.classList.add('hide');
-            };
-            parentNode.appendChild(dropDown);
-            parentNode.addEventListener('keydown', (e) => {
-                if (!trigger || !(e instanceof KeyboardEvent))
-                    return;
-                const { key } = e;
-                if (key === 'Enter') {
-                    replace();
-                    return;
-                }
-                if (['ArrowDown', 'ArrowUp'].includes(key)) {
-                    const next = key === 'ArrowDown'
-                        ? ($active === null || $active === void 0 ? void 0 : $active.nextElementSibling) || dropDown.firstElementChild
-                        : ($active === null || $active === void 0 ? void 0 : $active.previousElementSibling) || dropDown.lastElementChild;
-                    if ($active) {
-                        $active.classList.remove('active');
-                    }
-                    if (!next)
-                        return;
-                    next.classList.add('active');
-                    $active = next;
-                    return;
-                }
-            });
-            parentNode.addEventListener('mousedown', (e) => {
-                if (!trigger)
-                    return;
-                e.stopPropagation();
-                off();
-                dropDown.classList.add('hide');
-            });
-            return {
-                update: (view) => {
-                    if (!trigger) {
-                        dropDown.classList.add('hide');
-                        return null;
-                    }
-                    const result = search(_search).slice(0, 5);
-                    const { node } = view.domAtPos(_from);
-                    if (result.length === 0 || !node) {
-                        dropDown.classList.add('hide');
-                        return null;
-                    }
-                    dropDown.classList.remove('hide');
-                    renderDropdownList(result, dropDown, $active, replace, (a) => {
-                        $active = a;
-                    });
-                    calculateNodePosition(view, dropDown, (selected, target, parent) => {
-                        const start = view.coordsAtPos(_from);
-                        let left = start.left - parent.left;
-                        let top = selected.bottom - parent.top + 14;
-                        if (left < 0) {
-                            left = 0;
-                        }
-                        if (window.innerHeight - start.bottom < target.height) {
-                            top = selected.top - parent.top - target.height - 14;
-                        }
-                        return [top, left];
-                    });
-                    return null;
-                },
-            };
-        },
-    });
-};
-//# sourceMappingURL=index.js.map

package/lib/filter/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/filter/index.ts"],"names":[],"mappings":"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"}

package/lib/filter/style.js

@@ -1,41 +0,0 @@
-/* Copyright 2021, Milkdown by Mirone. */
-import { css } from '@emotion/css';
-export const injectStyle = ({ size, mixin, palette, font }) => {
-    var _a, _b;
-    return css `
-        position: absolute;
-        &.hide {
-            display: none;
-        }
-
-        ${(_a = mixin.border) === null || _a === void 0 ? void 0 : _a.call(mixin)};
-        border-radius: ${size.radius};
-        background: ${palette('surface')};
-        ${(_b = mixin.shadow) === null || _b === void 0 ? void 0 : _b.call(mixin)};
-
-        .milkdown-emoji-filter_item {
-            display: flex;
-            gap: 0.5rem;
-            height: 2.25rem;
-            padding: 0 1rem;
-            align-items: center;
-            justify-content: flex-start;
-            cursor: pointer;
-            line-height: 2;
-            font-family: ${font.typography};
-            font-size: 0.875rem;
-            &.active {
-                background: ${palette('secondary', 0.12)};
-                color: ${palette('primary')};
-            }
-        }
-
-        .emoji {
-            height: 1em;
-            width: 1em;
-            margin: 0 0.05em 0 0.1em;
-            vertical-align: -0.1em;
-        }
-    `;
-};
-//# sourceMappingURL=style.js.map

package/lib/filter/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sourceRoot":"","sources":["../../src/filter/style.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAGnC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAa,EAAE,EAAE;;IACrE,OAAO,GAAG,CAAA;;;;;;UAMJ,MAAA,KAAK,CAAC,MAAM,+CAAZ,KAAK,CAAW;yBACD,IAAI,CAAC,MAAM;sBACd,OAAO,CAAC,SAAS,CAAC;UAC9B,MAAA,KAAK,CAAC,MAAM,+CAAZ,KAAK,CAAW;;;;;;;;;;;2BAWC,IAAI,CAAC,UAAU;;;8BAGZ,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC;yBAC/B,OAAO,CAAC,SAAS,CAAC;;;;;;;;;;KAUtC,CAAC;AACN,CAAC,CAAC"}

package/lib/index.js

@@ -1,6 +0,0 @@
-/* Copyright 2021, Milkdown by Mirone. */
-import { AtomList } from '@milkdown/utils';
-import { emojiNode } from './node';
-export const emoji = AtomList.create([emojiNode()]);
-export { emojiNode } from './node';
-//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;AAEpD,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC"}

package/lib/node.js

@@ -1,94 +0,0 @@
-/* Copyright 2021, Milkdown by Mirone. */
-import { css } from '@emotion/css';
-import { InputRule } from '@milkdown/prose';
-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 { picker } from './picker';
-import { twemojiPlugin } from './remark-twemoji';
-export const emojiNode = createNode((utils) => {
-    const style = utils.getStyle(() => css `
-            display: inline-flex;
-            justify-content: center;
-            align-items: center;
-
-            .emoji {
-                height: 1em;
-                width: 1em;
-                margin: 0 0.05em 0 0.1em;
-                vertical-align: -0.1em;
-            }
-        `);
-    return {
-        id: 'emoji',
-        schema: () => ({
-            group: 'inline',
-            inline: true,
-            selectable: false,
-            attrs: {
-                html: {
-                    default: '',
-                },
-            },
-            parseDOM: [
-                {
-                    tag: 'span[data-type="emoji"]',
-                    getAttrs: (dom) => {
-                        if (!(dom instanceof HTMLElement)) {
-                            throw new Error();
-                        }
-                        return { html: dom.innerHTML };
-                    },
-                },
-            ],
-            toDOM: (node) => {
-                const span = document.createElement('span');
-                span.dataset.type = 'emoji';
-                if (style) {
-                    span.classList.add(style);
-                }
-                span.classList.add('emoji-wrapper');
-                span.innerHTML = node.attrs.html;
-                return { dom: span };
-            },
-            parseMarkdown: {
-                match: ({ type }) => type === 'emoji',
-                runner: (state, node, type) => {
-                    state.addNode(type, { html: node.value });
-                },
-            },
-            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 === null || img === void 0 ? void 0 : 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);
-                return state.tr
-                    .setMeta('emoji', true)
-                    .replaceRangeWith(start, end, nodeType.create({ html }))
-                    .scrollIntoView();
-            }),
-        ],
-        remarkPlugins: () => [remarkEmoji, twemojiPlugin],
-        prosePlugins: () => [picker(utils), filter(utils)],
-    };
-});
-//# sourceMappingURL=node.js.map

package/lib/node.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"node.js","sourceRoot":"","sources":["../src/node.ts"],"names":[],"mappings":"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"}

package/lib/parse.js

@@ -1,4 +0,0 @@
-/* Copyright 2021, Milkdown by Mirone. */
-import twemoji from 'twemoji';
-export const parse = (emoji) => twemoji.parse(emoji, { attributes: (text) => ({ title: text }) });
-//# sourceMappingURL=parse.js.map

package/lib/parse.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"parse.js","sourceRoot":"","sources":["../src/parse.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,OAAO,MAAM,SAAS,CAAC;AAE9B,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,EAAE,UAAU,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC"}

package/lib/picker.js

@@ -1,113 +0,0 @@
-/* Copyright 2021, Milkdown by Mirone. */
-import { injectGlobal } from '@emotion/css';
-import { EmojiButton } from '@joeattardi/emoji-button';
-import { Decoration, DecorationSet, Plugin } from '@milkdown/prose';
-import { parse } from './parse';
-const keyword = ':emoji:';
-const checkTrigger = (view, from, to, text, setRange) => {
-    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($from.parentOffset - keyword.length + 1, $from.parentOffset, undefined, '\ufffc') +
-        text;
-    if (textBefore === keyword) {
-        setRange(from - keyword.length + 1, to + 1);
-        return true;
-    }
-    return false;
-};
-export const picker = (utils) => {
-    let trigger = false;
-    const holder = document.createElement('span');
-    let _from = 0;
-    let _to = 0;
-    const off = () => {
-        trigger = false;
-        _from = 0;
-        _to = 0;
-    };
-    const plugin = new Plugin({
-        props: {
-            handleKeyDown() {
-                off();
-                return false;
-            },
-            handleClick() {
-                off();
-                return false;
-            },
-            handleTextInput(view, from, to, text) {
-                trigger = checkTrigger(view, from, to, text, (from, to) => {
-                    _from = from;
-                    _to = to;
-                });
-                if (!trigger) {
-                    off();
-                }
-                return false;
-            },
-            decorations(state) {
-                if (!trigger)
-                    return null;
-                return DecorationSet.create(state.doc, [Decoration.widget(state.selection.to, holder)]);
-            },
-        },
-        view: (editorView) => {
-            const { parentNode } = editorView.dom;
-            if (!parentNode) {
-                throw new Error();
-            }
-            utils.getStyle(({ palette, font }) => {
-                const css = injectGlobal;
-                css `
-                    .emoji-picker {
-                        --dark-search-background-color: ${palette('surface')} !important;
-                        --dark-text-color: ${palette('neutral', 0.87)} !important;
-                        --dark-background-color: ${palette('background')} !important;
-                        --dark-border-color: ${palette('shadow')} !important;
-                        --dark-hover-color: ${palette('secondary', 0.12)} !important;
-                        --dark-blue-color: ${palette('primary')} !important;
-                        --dark-search-icon-color: ${palette('primary')} !important;
-                        --dark-category-button-color: ${palette('secondary', 0.4)} !important;
-                        --font: ${font.typography} !important;
-                        --font-size: 1rem !important;
-                    }
-                `;
-            });
-            const emojiPicker = new EmojiButton({
-                rootElement: parentNode,
-                autoFocusSearch: false,
-                style: 'twemoji',
-                theme: 'dark',
-                zIndex: 99,
-            });
-            emojiPicker.on('emoji', (selection) => {
-                const start = _from;
-                const end = _to;
-                off();
-                const html = parse(selection.emoji);
-                const node = editorView.state.schema.node('emoji', { html });
-                const { tr } = editorView.state;
-                editorView.dispatch(tr.replaceRangeWith(start, end, node));
-            });
-            return {
-                update: () => {
-                    if (!trigger) {
-                        emojiPicker.hidePicker();
-                        return null;
-                    }
-                    emojiPicker.showPicker(holder);
-                    return null;
-                },
-                destroy: () => {
-                    emojiPicker.destroyPicker();
-                },
-            };
-        },
-    });
-    return plugin;
-};
-//# sourceMappingURL=picker.js.map

package/lib/picker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"picker.js","sourceRoot":"","sources":["../src/picker.ts"],"names":[],"mappings":"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"}

package/lib/remark-twemoji.js

@@ -1,52 +0,0 @@
-/* Copyright 2021, Milkdown by Mirone. */
-import emojiRegex from 'emoji-regex';
-import { parse } from './parse';
-const regex = emojiRegex();
-const isParent = (node) => !!node.children;
-const isLiteral = (node) => !!node.value;
-function flatMap(ast, fn) {
-    return transform(ast, 0, null)[0];
-    function transform(node, index, parent) {
-        if (isParent(node)) {
-            const out = [];
-            for (let i = 0, n = node.children.length; i < n; i++) {
-                const xs = transform(node.children[i], i, node);
-                if (xs) {
-                    for (let j = 0, m = xs.length; j < m; j++) {
-                        out.push(xs[j]);
-                    }
-                }
-            }
-            node.children = out;
-        }
-        return fn(node, index, parent);
-    }
-}
-export const twemojiPlugin = () => {
-    function transformer(tree) {
-        flatMap(tree, (node) => {
-            if (!isLiteral(node)) {
-                return [node];
-            }
-            const value = node.value;
-            const output = [];
-            let match;
-            let str = value;
-            while ((match = regex.exec(str))) {
-                const { index } = match;
-                const emoji = match[0];
-                if (index > 0) {
-                    output.push(Object.assign(Object.assign({}, node), { value: str.slice(0, index) }));
-                }
-                output.push(Object.assign(Object.assign({}, node), { value: parse(emoji), type: 'emoji' }));
-                str = str.slice(index + emoji.length);
-            }
-            if (str.length) {
-                output.push(Object.assign(Object.assign({}, node), { value: str }));
-            }
-            return output;
-        });
-    }
-    return transformer;
-};
-//# sourceMappingURL=remark-twemoji.js.map

package/lib/remark-twemoji.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"remark-twemoji.js","sourceRoot":"","sources":["../src/remark-twemoji.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,UAAU,MAAM,aAAa,CAAC;AAGrC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,MAAM,KAAK,GAAG,UAAU,EAAE,CAAC;AAE3B,MAAM,QAAQ,GAAG,CAAC,IAAU,EAAkB,EAAE,CAAC,CAAC,CAAE,IAAe,CAAC,QAAQ,CAAC;AAC7E,MAAM,SAAS,GAAG,CAAC,IAAU,EAAmB,EAAE,CAAC,CAAC,CAAE,IAAgB,CAAC,KAAK,CAAC;AAE7E,SAAS,OAAO,CAAC,GAAS,EAAE,EAA8D;IACtF,OAAO,SAAS,CAAC,GAAG,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IAElC,SAAS,SAAS,CAAC,IAAU,EAAE,KAAa,EAAE,MAAmB;QAC7D,IAAI,QAAQ,CAAC,IAAI,CAAC,EAAE;YAChB,MAAM,GAAG,GAAG,EAAE,CAAC;YACf,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;gBAClD,MAAM,EAAE,GAAG,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC;gBAChD,IAAI,EAAE,EAAE;oBACJ,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;wBACvC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;qBACnB;iBACJ;aACJ;YACD,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC;SACvB;QAED,OAAO,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;IACnC,CAAC;AACL,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAC9B,SAAS,WAAW,CAAC,IAAU;QAC3B,OAAO,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE;YACnB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE;gBAClB,OAAO,CAAC,IAAI,CAAC,CAAC;aACjB;YACD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAe,CAAC;YACnC,MAAM,MAAM,GAAsB,EAAE,CAAC;YACrC,IAAI,KAAK,CAAC;YACV,IAAI,GAAG,GAAG,KAAK,CAAC;YAChB,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE;gBAC9B,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;gBACxB,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;gBACvB,IAAI,KAAK,GAAG,CAAC,EAAE;oBACX,MAAM,CAAC,IAAI,iCAAM,IAAI,KAAE,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,IAAG,CAAC;iBACxD;gBACD,MAAM,CAAC,IAAI,iCAAM,IAAI,KAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,OAAO,IAAG,CAAC;gBAC7D,GAAG,GAAG,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;aACzC;YACD,IAAI,GAAG,CAAC,MAAM,EAAE;gBACZ,MAAM,CAAC,IAAI,iCAAM,IAAI,KAAE,KAAK,EAAE,GAAG,IAAG,CAAC;aACxC;YACD,OAAO,MAAM,CAAC;QAClB,CAAC,CAAC,CAAC;IACP,CAAC;IACD,OAAO,WAAW,CAAC;AACvB,CAAC,CAAC"}