@milkdown/plugin-emoji 7.2.2 → 7.2.3

package/lib/index.es.js

@@ -1,7 +1,7 @@
 import { expectDomTypeError as N } from "@milkdown/exception";
 import { InputRule as v } from "@milkdown/prose/inputrules";
 import { $ctx as R, $nodeAttr as T, $nodeSchema as C, $inputRule as A, $remark as y } from "@milkdown/utils";
-import I from "node-emoji";
+import { get as I } from "node-emoji";
 import L from "remark-emoji";
 import O from "twemoji";
 import P from "emoji-regex";
@@ -14,10 +14,10 @@ function S(n, e) {
       for (let o = 0, c = t.children.length; o < c; o++) {
         const l = t.children[o];
         if (l) {
-          const j = m(l, o, t);
-          if (j)
-            for (let f = 0, M = j.length; f < M; f++) {
-              const d = j[f];
+          const f = m(l, o, t);
+          if (f)
+            for (let j = 0, M = f.length; j < M; j++) {
+              const d = f[j];
               d && s.push(d);
             }
         }
@@ -109,7 +109,7 @@ const k = A((n) => new v(/(:([^:\s]+):)$/, (e, m, t, i) => {
   const r = m[0];
   if (!r)
     return null;
-  const s = I.get(r);
+  const s = I(r);
   if (!s || r.includes(s))
     return null;
   const o = w(s, n.get(u.key).twemojiOptions);

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":["/* 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 { Meta, MilkdownPlugin } from '@milkdown/ctx'\n\nexport const 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","/* 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 './__internal__/parse'\nimport { twemojiPlugin } from './__internal__/remark-twemoji'\nimport { withMeta } from './__internal__/with-meta'\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')\nwithMeta(emojiConfig, {\n  displayName: 'Ctx<emojiConfig>',\n})\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))\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\nwithMeta(emojiSchema.node, {\n  displayName: 'NodeSchema<emoji>',\n})\nwithMeta(emojiSchema.ctx, {\n  displayName: 'NodeSchemaCtx<emoji>',\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\nwithMeta(insertEmojiInputRule, {\n  displayName: 'InputRule<insertEmojiInputRule>',\n})\n\n/// This plugin wraps [remark-emoji](https://github.com/rhysd/remark-emoji).\nexport const remarkEmojiPlugin = $remark(() => remarkEmoji as RemarkPlugin)\n\nwithMeta(remarkEmojiPlugin, {\n  displayName: 'Remark<remarkEmojiPlugin>',\n})\n\n/// This plugin is used for transforming emoji to twemoji.\nexport const remarkTwemojiPlugin = $remark(ctx => twemojiPlugin(ctx.get(emojiConfig.key).twemojiOptions))\n\nwithMeta(remarkTwemojiPlugin, {\n  displayName: 'Remark<remarkTwemojiPlugin>',\n})\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","i","n","nthChild","xs","j","m","item","twemojiPlugin","transformer","tree","value","output","match","str","withMeta","plugin","meta","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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"}
+{"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":["/* 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 { Meta, MilkdownPlugin } from '@milkdown/ctx'\n\nexport const 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","/* 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 { get } from 'node-emoji'\nimport remarkEmoji from 'remark-emoji'\nimport type Twemoji from 'twemoji'\n\nimport { parse } from './__internal__/parse'\nimport { twemojiPlugin } from './__internal__/remark-twemoji'\nimport { withMeta } from './__internal__/with-meta'\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')\nwithMeta(emojiConfig, {\n  displayName: 'Ctx<emojiConfig>',\n})\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))\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\nwithMeta(emojiSchema.node, {\n  displayName: 'NodeSchema<emoji>',\n})\nwithMeta(emojiSchema.ctx, {\n  displayName: 'NodeSchemaCtx<emoji>',\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 = 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\nwithMeta(insertEmojiInputRule, {\n  displayName: 'InputRule<insertEmojiInputRule>',\n})\n\n/// This plugin wraps [remark-emoji](https://github.com/rhysd/remark-emoji).\nexport const remarkEmojiPlugin = $remark(() => remarkEmoji as RemarkPlugin)\n\nwithMeta(remarkEmojiPlugin, {\n  displayName: 'Remark<remarkEmojiPlugin>',\n})\n\n/// This plugin is used for transforming emoji to twemoji.\nexport const remarkTwemojiPlugin = $remark(ctx => twemojiPlugin(ctx.get(emojiConfig.key).twemojiOptions))\n\nwithMeta(remarkTwemojiPlugin, {\n  displayName: 'Remark<remarkTwemojiPlugin>',\n})\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","i","n","nthChild","xs","m","item","twemojiPlugin","transformer","tree","value","output","match","str","withMeta","plugin","meta","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","get","html","remarkEmojiPlugin","$remark","remarkEmoji","remarkTwemojiPlugin"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@milkdown/plugin-emoji",
   "type": "module",
-  "version": "7.2.2",
+  "version": "7.2.3",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -33,15 +33,15 @@
     "tslib": "^2.5.0",
     "twemoji": "^14.0.1",
     "unist-util-visit": "^4.0.0",
-    "@milkdown/exception": "7.2.2",
-    "@milkdown/utils": "7.2.2"
+    "@milkdown/exception": "7.2.3",
+    "@milkdown/utils": "7.2.3"
   },
   "devDependencies": {
     "@types/unist": "^2.0.6",
-    "@milkdown/core": "7.2.2",
-    "@milkdown/ctx": "7.2.2",
-    "@milkdown/prose": "7.2.2",
-    "@milkdown/transformer": "7.2.2"
+    "@milkdown/core": "7.2.3",
+    "@milkdown/ctx": "7.2.3",
+    "@milkdown/prose": "7.2.3",
+    "@milkdown/transformer": "7.2.3"
   },
   "nx": {
     "targets": {

package/src/index.ts

@@ -4,7 +4,7 @@ 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 { get } from 'node-emoji'
 import remarkEmoji from 'remark-emoji'
 import type Twemoji from 'twemoji'
 
@@ -97,7 +97,7 @@ export const insertEmojiInputRule = $inputRule(ctx => new InputRule(/(:([^:\s]+)
   const content = match[0]
   if (!content)
     return null
-  const got = nodeEmoji.get(content)
+  const got = get(content)
   if (!got || content.includes(got))
     return null