Add unicode sequences support

.changeset/lucky-schools-bake.md

@@ -0,0 +1,5 @@
+---
+'slate': minor
+---
+
+Add support for [flag](https://emojipedia.org/emoji-flag-sequence/), [keycap](https://emojipedia.org/emoji-keycap-sequence/) and [tag](https://emojipedia.org/emoji-tag-sequence/) unicode sequences.

config/rollup/rollup.config.js

@@ -58,7 +58,6 @@ function configure(pkg, env, target) {
       // we have to manually specify named exports here for them to work.
       // https://github.com/rollup/rollup-plugin-commonjs#custom-named-exports
       namedExports: {
-        esrever: ['reverse'],
         'react-dom': ['findDOMNode'],
         'react-dom/server': ['renderToStaticMarkup'],
       },

package.json

@@ -27,7 +27,7 @@
     "internal:release:next": "yarn prerelease && yarn changeset publish --tag next",
     "serve": "cd ./site && next",
     "start": "npm-run-all --parallel --print-label watch serve",
-    "test": "mocha --require ./config/babel/register.cjs ./packages/*/test/index.js",
+    "test": "mocha --require ./config/babel/register.cjs ./packages/*/test/**/*.{js,ts}",
     "test:custom": "mocha --require ./config/babel/register.cjs ./packages/slate/test/index.js",
     "test:inspect": "yarn test --inspect-brk",
     "test:integration": "run-p -r serve cypress:run",

packages/slate/package.json

@@ -14,8 +14,6 @@
     "dist/"
   ],
   "dependencies": {
-    "@types/esrever": "^0.2.0",
-    "esrever": "^0.2.0",
     "fast-deep-equal": "^3.1.3",
     "immer": "^8.0.1",
     "is-plain-object": "^3.0.0",

packages/slate/src/interfaces/editor.ts

@@ -1,5 +1,4 @@
 import isPlainObject from 'is-plain-object'
-import { reverse as reverseText } from 'esrever'
 
 import {
   Ancestor,
@@ -25,7 +24,7 @@ import {
   POINT_REFS,
   RANGE_REFS,
 } from '../utils/weak-maps'
-import { getWordDistance, getCharacterDistance } from '../utils/string'
+import { getWordDistance, getCharacterDistance, split } from '../utils/string'
 import { Descendant } from './node'
 import { Element } from './element'
 
@@ -1338,7 +1337,6 @@ export const Editor: EditorInterface = {
             : Editor.start(editor, path)
 
           blockText = Editor.string(editor, { anchor: s, focus: e }, { voids })
-          blockText = reverse ? reverseText(blockText) : blockText
           isNewBlock = true
         }
       }
@@ -1379,8 +1377,8 @@ export const Editor: EditorInterface = {
           // otherwise advance blockText forward by the new `distance`.
           if (distance === 0) {
             if (blockText === '') break
-            distance = calcDistance(blockText, unit)
-            blockText = blockText.slice(distance)
+            distance = calcDistance(blockText, unit, reverse)
+            blockText = split(blockText, distance, reverse)[1]
           }
 
           // Advance `leafText` by the current `distance`.
@@ -1411,11 +1409,11 @@ export const Editor: EditorInterface = {
 
     // Helper:
     // Return the distance in offsets for a step of size `unit` on given string.
-    function calcDistance(text: string, unit: string) {
+    function calcDistance(text: string, unit: string, reverse: boolean) {
       if (unit === 'character') {
-        return getCharacterDistance(text)
+        return getCharacterDistance(text, reverse)
       } else if (unit === 'word') {
-        return getWordDistance(text)
+        return getWordDistance(text, reverse)
       } else if (unit === 'line' || unit === 'block') {
         return text.length
       }