@milkdown/plugin-emoji 7.6.2 → 7.6.4

package/README.md

@@ -4,7 +4,7 @@ The emoji plugin of [milkdown](https://milkdown.dev/).
 
 # Official Documentation
 
-Documentation can be found on the [Milkdown website](https://milkdown.dev/docs/api/plugin-emoji).
+Documentation can be found on the [Milkdown website](https://milkdown.dev/).
 
 # License
 

package/lib/index.es.js

@@ -1,78 +1,91 @@
-import { expectDomTypeError as M } from "@milkdown/exception";
-import { InputRule as R } from "@milkdown/prose/inputrules";
-import { $nodeAttr as v, $nodeSchema as x, $remark as y, $inputRule as T } from "@milkdown/utils";
-import { get as P } from "node-emoji";
-import A from "remark-emoji";
-import I from "twemoji";
-import L from "emoji-regex";
-const b = (n) => ({ title: n });
-function w(n, t) {
-  return I.parse(n, {
-    attributes: b,
+import { expectDomTypeError } from "@milkdown/exception";
+import { InputRule } from "@milkdown/prose/inputrules";
+import { $nodeAttr, $nodeSchema, $remark, $inputRule } from "@milkdown/utils";
+import { get } from "node-emoji";
+import remarkEmoji from "remark-emoji";
+import twemoji from "twemoji";
+import emojiRegex from "emoji-regex";
+const setAttr = (text) => ({ title: text });
+function parse(emoji2, twemojiOptions) {
+  return twemoji.parse(emoji2, {
+    attributes: setAttr,
     base: "https://cdn.jsdelivr.net/gh/twitter/twemoji/assets/",
-    ...t
+    ...twemojiOptions
   });
 }
-const k = L(), C = (n) => !!n.children, H = (n) => !!n.value;
-function S(n, t) {
-  return m(n, 0, null)[0];
-  function m(e, r, i) {
-    if (C(e)) {
-      const a = [];
-      for (let o = 0, c = e.children.length; o < c; o++) {
-        const l = e.children[o];
-        if (l) {
-          const f = m(l, o, e);
-          if (f)
-            for (let h = 0, N = f.length; h < N; h++) {
-              const g = f[h];
-              g && a.push(g);
+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 nthChild = node.children[i];
+        if (nthChild) {
+          const xs = transform(nthChild, i, node);
+          if (xs) {
+            for (let j = 0, m = xs.length; j < m; j++) {
+              const item = xs[j];
+              if (item) out.push(item);
             }
+          }
         }
       }
-      e.children = a;
+      node.children = out;
     }
-    return t(e, r, i);
+    return fn(node, index, parent);
   }
 }
-const $ = (n) => {
-  function t(m) {
-    S(m, (e) => {
-      if (!H(e)) return [e];
-      if (e.type === "code") return [e];
-      const r = e.value, i = [];
-      let a, o = r;
-      for (; a = k.exec(o); ) {
-        const { index: c } = a, l = a[0];
-        l && (c > 0 && i.push({ ...e, value: o.slice(0, c) }), i.push({
-          ...e,
-          value: w(l, n),
-          type: "emoji"
-        }), o = o.slice(c + l.length)), k.lastIndex = 0;
+const twemojiPlugin = (twemojiOptions) => {
+  function transformer(tree) {
+    flatMap(tree, (node) => {
+      if (!isLiteral(node)) return [node];
+      if (node.type === "code") 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 (emoji2) {
+          if (index > 0) output.push({ ...node, value: str.slice(0, index) });
+          output.push({
+            ...node,
+            value: parse(emoji2, twemojiOptions),
+            type: "emoji"
+          });
+          str = str.slice(index + emoji2.length);
+        }
+        regex.lastIndex = 0;
       }
-      return o.length && i.push({ ...e, value: o }), i;
+      if (str.length) output.push({ ...node, value: str });
+      return output;
     });
   }
-  return t;
+  return transformer;
 };
-function s(n, t) {
-  return Object.assign(n, {
+function withMeta(plugin, meta) {
+  Object.assign(plugin, {
     meta: {
       package: "@milkdown/plugin-emoji",
-      ...t
+      ...meta
     }
-  }), n;
+  });
+  return plugin;
 }
-const j = v("emoji", () => ({
+const emojiAttr = $nodeAttr("emoji", () => ({
   span: {},
   img: {}
 }));
-s(j, {
+withMeta(emojiAttr, {
   displayName: "Attr<emoji>"
 });
-const u = x("emoji", (n) => ({
+const emojiSchema = $nodeSchema("emoji", (ctx) => ({
   group: "inline",
-  inline: !0,
+  inline: true,
   attrs: {
     html: {
       default: ""
@@ -81,86 +94,92 @@ const u = x("emoji", (n) => ({
   parseDOM: [
     {
       tag: 'span[data-type="emoji"]',
-      getAttrs: (t) => {
-        if (!(t instanceof HTMLElement)) throw M(t);
-        return { html: t.innerHTML };
+      getAttrs: (dom) => {
+        if (!(dom instanceof HTMLElement)) throw expectDomTypeError(dom);
+        return { html: dom.innerHTML };
       }
     }
   ],
-  toDOM: (t) => {
-    var i;
-    const m = n.get(j.key)(t), e = document.createElement("span");
-    e.innerHTML = t.attrs.html;
-    const r = (i = e.firstElementChild) == null ? void 0 : i.cloneNode();
-    return e.remove(), r && r instanceof HTMLElement && Object.entries(m.img).forEach(
-      ([a, o]) => r.setAttribute(a, o)
-    ), ["span", { ...m.container, "data-type": "emoji" }, r];
+  toDOM: (node) => {
+    var _a;
+    const attrs = ctx.get(emojiAttr.key)(node);
+    const tmp = document.createElement("span");
+    tmp.innerHTML = node.attrs.html;
+    const dom = (_a = tmp.firstElementChild) == null ? void 0 : _a.cloneNode();
+    tmp.remove();
+    if (dom && dom instanceof HTMLElement)
+      Object.entries(attrs.img).forEach(
+        ([key, value]) => dom.setAttribute(key, value)
+      );
+    return ["span", { ...attrs.container, "data-type": "emoji" }, dom];
   },
   parseMarkdown: {
-    match: ({ type: t }) => t === "emoji",
-    runner: (t, m, e) => {
-      t.addNode(e, { html: m.value });
+    match: ({ type }) => type === "emoji",
+    runner: (state, node, type) => {
+      state.addNode(type, { html: node.value });
     }
   },
   toMarkdown: {
-    match: (t) => t.type.name === "emoji",
-    runner: (t, m) => {
-      const e = document.createElement("span");
-      e.innerHTML = m.attrs.html;
-      const r = e.querySelector("img"), i = (r == null ? void 0 : r.title) || (r == null ? void 0 : r.alt);
-      e.remove(), t.addNode("text", void 0, i);
+    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) || (img == null ? void 0 : img.alt);
+      span.remove();
+      state.addNode("text", void 0, title);
     }
   }
 }));
-s(u.node, {
+withMeta(emojiSchema.node, {
   displayName: "NodeSchema<emoji>"
 });
-s(u.ctx, {
+withMeta(emojiSchema.ctx, {
   displayName: "NodeSchemaCtx<emoji>"
 });
-const d = y(
+const remarkEmojiPlugin = $remark(
   "remarkEmoji",
-  () => A
+  () => remarkEmoji
 );
-s(d.plugin, {
+withMeta(remarkEmojiPlugin.plugin, {
   displayName: "Remark<remarkEmojiPlugin>"
 });
-s(d.options, {
+withMeta(remarkEmojiPlugin.options, {
   displayName: "RemarkConfig<remarkEmojiPlugin>"
 });
-const p = y("remarkTwemoji", () => $);
-s(p.plugin, {
+const remarkTwemojiPlugin = $remark("remarkTwemoji", () => twemojiPlugin);
+withMeta(remarkTwemojiPlugin.plugin, {
   displayName: "Remark<remarkTwemojiPlugin>"
 });
-s(p.options, {
+withMeta(remarkTwemojiPlugin.options, {
   displayName: "RemarkConfig<remarkTwemojiPlugin>"
 });
-const E = T(
-  (n) => new R(/(:([^:\s]+):)$/, (t, m, e, r) => {
-    const i = m[0];
-    if (!i) return null;
-    const a = P(i);
-    if (!a || i.includes(a)) return null;
-    const o = w(a, n.get(p.options.key));
-    return t.tr.setMeta("emoji", !0).replaceRangeWith(e, r, u.type(n).create({ html: o })).scrollIntoView();
+const insertEmojiInputRule = $inputRule(
+  (ctx) => new InputRule(/(:([^:\s]+):)$/, (state, match, start, end) => {
+    const content = match[0];
+    if (!content) return null;
+    const got = get(content);
+    if (!got || content.includes(got)) return null;
+    const html = parse(got, ctx.get(remarkTwemojiPlugin.options.key));
+    return state.tr.setMeta("emoji", true).replaceRangeWith(start, end, emojiSchema.type(ctx).create({ html })).scrollIntoView();
   })
 );
-s(E, {
+withMeta(insertEmojiInputRule, {
   displayName: "InputRule<insertEmojiInputRule>"
 });
-const F = [
-  j,
-  d,
-  p,
-  u,
-  E
+const emoji = [
+  emojiAttr,
+  remarkEmojiPlugin,
+  remarkTwemojiPlugin,
+  emojiSchema,
+  insertEmojiInputRule
 ].flat();
 export {
-  F as emoji,
-  j as emojiAttr,
-  u as emojiSchema,
-  E as insertEmojiInputRule,
-  d as remarkEmojiPlugin,
-  p as remarkTwemojiPlugin
+  emoji,
+  emojiAttr,
+  emojiSchema,
+  insertEmojiInputRule,
+  remarkEmojiPlugin,
+  remarkTwemojiPlugin
 };
 //# sourceMappingURL=index.es.js.map

package/lib/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../src/__internal__/parse.ts","../src/__internal__/remark-twemoji.ts","../src/__internal__/with-meta.ts","../src/index.ts"],"sourcesContent":["import twemoji from 'twemoji'\n\nconst setAttr = (text: string) => ({ title: text })\n\n/// @internal\n/// This is copied from https://github.com/twitter/twemoji/blob/master/index.d.ts#L14\n/// The file is not released for some reason, so I have to copy it here.\nexport interface TwemojiOptions {\n  /**\n   * Default: Cloudflare\n   */\n  base?: string\n  /**\n   * Default: .png\n   */\n  ext?: string\n  /**\n   * Default: emoji\n   */\n  className?: string\n  /**\n   * Default: 72x72\n   */\n  size?: string | number\n  /**\n   * To render with SVG use `folder: svg, ext: .svg`\n   */\n  folder?: string\n  /**\n   * The function to invoke in order to generate image src(s).\n   */\n  callback?: (icon: string, options: object, variant: string) => string | false\n  /**\n   * The function to invoke in order to generate additional, custom attributes for the image tag.\n   * Default () => ({})\n   * @param icon the lower case HEX code point i.e. \"1f4a9\"\n   * @param variant variant the optional \\uFE0F (\"as image\") variant, in case this info is anyhow meaningful. By default this is ignored.\n   *\n   */\n  attributes?: (icon: string, variant: string) => object\n}\n\nexport function parse(emoji: string, twemojiOptions?: TwemojiOptions): string {\n  return twemoji.parse(emoji, {\n    attributes: setAttr,\n    base: 'https://cdn.jsdelivr.net/gh/twitter/twemoji/assets/',\n    ...twemojiOptions,\n  }) as unknown as string\n}\n","import type { Node, RemarkPluginRaw } from '@milkdown/transformer'\nimport emojiRegex from 'emoji-regex'\n\nimport { type TwemojiOptions, parse } from './parse'\n\nconst regex = emojiRegex()\n\nconst isParent = (node: Node): node is Node & { children: Node[] } =>\n  !!(node as Node & { children: Node[] }).children\nconst isLiteral = (node: Node): node is Node & { value: string } =>\n  !!(node as Node & { value: string }).value\n\nfunction flatMap(\n  ast: Node,\n  fn: (node: Node, index: number, parent: Node | null) => Node[]\n) {\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) 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: RemarkPluginRaw<TwemojiOptions> = (\n  twemojiOptions\n) => {\n  function transformer(tree: Node) {\n    flatMap(tree, (node) => {\n      if (!isLiteral(node)) return [node]\n\n      // Should not convert code block\n      if (node.type === 'code') return [node]\n\n      const value = node.value\n      const output: Array<Node & { value: 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 (emoji) {\n          if (index > 0) output.push({ ...node, value: str.slice(0, index) })\n\n          output.push({\n            ...node,\n            value: parse(emoji, twemojiOptions),\n            type: 'emoji',\n          })\n          str = str.slice(index + emoji.length)\n        }\n        regex.lastIndex = 0\n      }\n      if (str.length) output.push({ ...node, value: str })\n\n      return output\n    })\n  }\n  return transformer\n}\n","import type { Meta, MilkdownPlugin } from '@milkdown/ctx'\n\nexport function withMeta<T extends MilkdownPlugin>(\n  plugin: T,\n  meta: Partial<Meta> & Pick<Meta, 'displayName'>\n): T {\n  Object.assign(plugin, {\n    meta: {\n      package: '@milkdown/plugin-emoji',\n      ...meta,\n    },\n  })\n\n  return plugin\n}\n","import type { MilkdownPlugin } from '@milkdown/ctx'\nimport type { RemarkPluginRaw } from '@milkdown/transformer'\nimport { expectDomTypeError } from '@milkdown/exception'\nimport { InputRule } from '@milkdown/prose/inputrules'\nimport { $inputRule, $nodeAttr, $nodeSchema, $remark } from '@milkdown/utils'\nimport { get } from 'node-emoji'\nimport type { RemarkEmojiOptions } from 'remark-emoji'\nimport remarkEmoji from 'remark-emoji'\n\nimport { parse } from './__internal__/parse'\nimport { twemojiPlugin } from './__internal__/remark-twemoji'\nimport { withMeta } from './__internal__/with-meta'\n\n/// HTML attributes for emoji node.\nexport const emojiAttr = $nodeAttr('emoji', () => ({\n  span: {},\n  img: {},\n}))\nwithMeta(emojiAttr, {\n  displayName: 'Attr<emoji>',\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)) 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]) =>\n        dom.setAttribute(key, value)\n      )\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\nwithMeta(emojiSchema.node, {\n  displayName: 'NodeSchema<emoji>',\n})\nwithMeta(emojiSchema.ctx, {\n  displayName: 'NodeSchemaCtx<emoji>',\n})\n\n/// This plugin wraps [remark-emoji](https://github.com/rhysd/remark-emoji).\nexport const remarkEmojiPlugin = $remark(\n  'remarkEmoji',\n  () => remarkEmoji as RemarkPluginRaw<RemarkEmojiOptions>\n)\n\nwithMeta(remarkEmojiPlugin.plugin, {\n  displayName: 'Remark<remarkEmojiPlugin>',\n})\n\nwithMeta(remarkEmojiPlugin.options, {\n  displayName: 'RemarkConfig<remarkEmojiPlugin>',\n})\n\n/// This plugin is used for transforming emoji to twemoji.\nexport const remarkTwemojiPlugin = $remark('remarkTwemoji', () => twemojiPlugin)\n\nwithMeta(remarkTwemojiPlugin.plugin, {\n  displayName: 'Remark<remarkTwemojiPlugin>',\n})\n\nwithMeta(remarkTwemojiPlugin.options, {\n  displayName: 'RemarkConfig<remarkTwemojiPlugin>',\n})\n\n/// Input rule for inserting emoji.\n/// For example, `:smile:` will be replaced with `😄`.\nexport const insertEmojiInputRule = $inputRule(\n  (ctx) =>\n    new InputRule(/(:([^:\\s]+):)$/, (state, match, start, end) => {\n      const content = match[0]\n      if (!content) return null\n      const got = get(content)\n      if (!got || content.includes(got)) return null\n\n      const html = parse(got, ctx.get(remarkTwemojiPlugin.options.key))\n\n      return state.tr\n        .setMeta('emoji', true)\n        .replaceRangeWith(start, end, emojiSchema.type(ctx).create({ html }))\n        .scrollIntoView()\n    })\n)\n\nwithMeta(insertEmojiInputRule, {\n  displayName: 'InputRule<insertEmojiInputRule>',\n})\n\n/// All plugins exported by this package.\nexport const emoji: MilkdownPlugin[] = [\n  emojiAttr,\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","i","n","nthChild","xs","j","m","item","twemojiPlugin","transformer","tree","value","output","match","str","withMeta","plugin","meta","emojiAttr","$nodeAttr","emojiSchema","$nodeSchema","ctx","dom","expectDomTypeError","attrs","tmp","_a","key","type","state","span","img","title","remarkEmojiPlugin","$remark","remarkEmoji","remarkTwemojiPlugin","insertEmojiInputRule","$inputRule","InputRule","start","end","content","got","get","html"],"mappings":"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"}
+{"version":3,"file":"index.es.js","sources":["../src/__internal__/parse.ts","../src/__internal__/remark-twemoji.ts","../src/__internal__/with-meta.ts","../src/index.ts"],"sourcesContent":["import twemoji from 'twemoji'\n\nconst setAttr = (text: string) => ({ title: text })\n\n/// @internal\n/// This is copied from https://github.com/twitter/twemoji/blob/master/index.d.ts#L14\n/// The file is not released for some reason, so I have to copy it here.\nexport interface TwemojiOptions {\n  /**\n   * Default: Cloudflare\n   */\n  base?: string\n  /**\n   * Default: .png\n   */\n  ext?: string\n  /**\n   * Default: emoji\n   */\n  className?: string\n  /**\n   * Default: 72x72\n   */\n  size?: string | number\n  /**\n   * To render with SVG use `folder: svg, ext: .svg`\n   */\n  folder?: string\n  /**\n   * The function to invoke in order to generate image src(s).\n   */\n  callback?: (icon: string, options: object, variant: string) => string | false\n  /**\n   * The function to invoke in order to generate additional, custom attributes for the image tag.\n   * Default () => ({})\n   * @param icon the lower case HEX code point i.e. \"1f4a9\"\n   * @param variant variant the optional \\uFE0F (\"as image\") variant, in case this info is anyhow meaningful. By default this is ignored.\n   *\n   */\n  attributes?: (icon: string, variant: string) => object\n}\n\nexport function parse(emoji: string, twemojiOptions?: TwemojiOptions): string {\n  return twemoji.parse(emoji, {\n    attributes: setAttr,\n    base: 'https://cdn.jsdelivr.net/gh/twitter/twemoji/assets/',\n    ...twemojiOptions,\n  }) as unknown as string\n}\n","import type { Node, RemarkPluginRaw } from '@milkdown/transformer'\nimport emojiRegex from 'emoji-regex'\n\nimport { type TwemojiOptions, parse } from './parse'\n\nconst regex = emojiRegex()\n\nconst isParent = (node: Node): node is Node & { children: Node[] } =>\n  !!(node as Node & { children: Node[] }).children\nconst isLiteral = (node: Node): node is Node & { value: string } =>\n  !!(node as Node & { value: string }).value\n\nfunction flatMap(\n  ast: Node,\n  fn: (node: Node, index: number, parent: Node | null) => Node[]\n) {\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) 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: RemarkPluginRaw<TwemojiOptions> = (\n  twemojiOptions\n) => {\n  function transformer(tree: Node) {\n    flatMap(tree, (node) => {\n      if (!isLiteral(node)) return [node]\n\n      // Should not convert code block\n      if (node.type === 'code') return [node]\n\n      const value = node.value\n      const output: Array<Node & { value: 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 (emoji) {\n          if (index > 0) output.push({ ...node, value: str.slice(0, index) })\n\n          output.push({\n            ...node,\n            value: parse(emoji, twemojiOptions),\n            type: 'emoji',\n          })\n          str = str.slice(index + emoji.length)\n        }\n        regex.lastIndex = 0\n      }\n      if (str.length) output.push({ ...node, value: str })\n\n      return output\n    })\n  }\n  return transformer\n}\n","import type { Meta, MilkdownPlugin } from '@milkdown/ctx'\n\nexport function withMeta<T extends MilkdownPlugin>(\n  plugin: T,\n  meta: Partial<Meta> & Pick<Meta, 'displayName'>\n): T {\n  Object.assign(plugin, {\n    meta: {\n      package: '@milkdown/plugin-emoji',\n      ...meta,\n    },\n  })\n\n  return plugin\n}\n","import type { MilkdownPlugin } from '@milkdown/ctx'\nimport type { RemarkPluginRaw } from '@milkdown/transformer'\nimport { expectDomTypeError } from '@milkdown/exception'\nimport { InputRule } from '@milkdown/prose/inputrules'\nimport { $inputRule, $nodeAttr, $nodeSchema, $remark } from '@milkdown/utils'\nimport { get } from 'node-emoji'\nimport type { RemarkEmojiOptions } from 'remark-emoji'\nimport remarkEmoji from 'remark-emoji'\n\nimport { parse } from './__internal__/parse'\nimport { twemojiPlugin } from './__internal__/remark-twemoji'\nimport { withMeta } from './__internal__/with-meta'\n\n/// HTML attributes for emoji node.\nexport const emojiAttr = $nodeAttr('emoji', () => ({\n  span: {},\n  img: {},\n}))\nwithMeta(emojiAttr, {\n  displayName: 'Attr<emoji>',\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)) 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]) =>\n        dom.setAttribute(key, value)\n      )\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\nwithMeta(emojiSchema.node, {\n  displayName: 'NodeSchema<emoji>',\n})\nwithMeta(emojiSchema.ctx, {\n  displayName: 'NodeSchemaCtx<emoji>',\n})\n\n/// This plugin wraps [remark-emoji](https://github.com/rhysd/remark-emoji).\nexport const remarkEmojiPlugin = $remark(\n  'remarkEmoji',\n  () => remarkEmoji as RemarkPluginRaw<RemarkEmojiOptions>\n)\n\nwithMeta(remarkEmojiPlugin.plugin, {\n  displayName: 'Remark<remarkEmojiPlugin>',\n})\n\nwithMeta(remarkEmojiPlugin.options, {\n  displayName: 'RemarkConfig<remarkEmojiPlugin>',\n})\n\n/// This plugin is used for transforming emoji to twemoji.\nexport const remarkTwemojiPlugin = $remark('remarkTwemoji', () => twemojiPlugin)\n\nwithMeta(remarkTwemojiPlugin.plugin, {\n  displayName: 'Remark<remarkTwemojiPlugin>',\n})\n\nwithMeta(remarkTwemojiPlugin.options, {\n  displayName: 'RemarkConfig<remarkTwemojiPlugin>',\n})\n\n/// Input rule for inserting emoji.\n/// For example, `:smile:` will be replaced with `😄`.\nexport const insertEmojiInputRule = $inputRule(\n  (ctx) =>\n    new InputRule(/(:([^:\\s]+):)$/, (state, match, start, end) => {\n      const content = match[0]\n      if (!content) return null\n      const got = get(content)\n      if (!got || content.includes(got)) return null\n\n      const html = parse(got, ctx.get(remarkTwemojiPlugin.options.key))\n\n      return state.tr\n        .setMeta('emoji', true)\n        .replaceRangeWith(start, end, emojiSchema.type(ctx).create({ html }))\n        .scrollIntoView()\n    })\n)\n\nwithMeta(insertEmojiInputRule, {\n  displayName: 'InputRule<insertEmojiInputRule>',\n})\n\n/// All plugins exported by this package.\nexport const emoji: MilkdownPlugin[] = [\n  emojiAttr,\n  remarkEmojiPlugin,\n  remarkTwemojiPlugin,\n  emojiSchema,\n  insertEmojiInputRule,\n].flat()\n"],"names":["emoji"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@milkdown/plugin-emoji",
   "type": "module",
-  "version": "7.6.2",
+  "version": "7.6.4",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -37,14 +37,14 @@
     "tslib": "^2.8.1",
     "twemoji": "^14.0.2",
     "unist-util-visit": "^5.0.0",
-    "@milkdown/exception": "7.6.2",
-    "@milkdown/utils": "7.6.2"
+    "@milkdown/utils": "7.6.4",
+    "@milkdown/exception": "7.6.4"
   },
   "devDependencies": {
-    "@milkdown/core": "7.6.2",
-    "@milkdown/prose": "7.6.2",
-    "@milkdown/ctx": "7.6.2",
-    "@milkdown/transformer": "7.6.2"
+    "@milkdown/ctx": "7.6.4",
+    "@milkdown/transformer": "7.6.4",
+    "@milkdown/prose": "7.6.4",
+    "@milkdown/core": "7.6.4"
   },
   "nx": {
     "targets": {