@getguru/slate-yjs-core 1.0.3

package/test/collaboration/insertText/atBeginningOfDocument.tsx

@@ -0,0 +1,26 @@
+/** @jsx jsx */
+import { Editor } from 'slate';
+import { jsx } from '../../../../../support/jsx';
+
+export const input = (
+  <editor>
+    <unstyled>
+      <cursor />
+    </unstyled>
+    <unstyled>Welcome to slate-yjs!</unstyled>
+  </editor>
+);
+
+export const expected = (
+  <editor>
+    <unstyled>
+      Hello world!
+      <cursor />
+    </unstyled>
+    <unstyled>Welcome to slate-yjs!</unstyled>
+  </editor>
+);
+
+export function run(editor: Editor) {
+  editor.insertText('Hello world!');
+}

package/test/collaboration/insertText/atEndOfBlock.tsx

@@ -0,0 +1,26 @@
+/** @jsx jsx */
+import { Editor } from 'slate';
+import { jsx } from '../../../../../support/jsx';
+
+export const input = (
+  <editor>
+    <unstyled>
+      Hello <cursor />
+    </unstyled>
+    <unstyled>Welcome to slate-yjs!</unstyled>
+  </editor>
+);
+
+export const expected = (
+  <editor>
+    <unstyled>
+      Hello world!
+      <cursor />
+    </unstyled>
+    <unstyled>Welcome to slate-yjs!</unstyled>
+  </editor>
+);
+
+export function run(editor: Editor) {
+  editor.insertText('world!');
+}

package/test/collaboration/insertText/atEndOfDocument.tsx

@@ -0,0 +1,26 @@
+/** @jsx jsx */
+import { Editor } from 'slate';
+import { jsx } from '../../../../../support/jsx';
+
+export const input = (
+  <editor>
+    <unstyled>Hello world!</unstyled>
+    <unstyled>
+      Welcome to <cursor />
+    </unstyled>
+  </editor>
+);
+
+export const expected = (
+  <editor>
+    <unstyled>Hello world!</unstyled>
+    <unstyled>
+      Welcome to slate-yjs!
+      <cursor />
+    </unstyled>
+  </editor>
+);
+
+export function run(editor: Editor) {
+  editor.insertText('slate-yjs!');
+}

package/test/collaboration/insertText/inTheMiddle.tsx

@@ -0,0 +1,32 @@
+/** @jsx jsx */
+import { Editor } from 'slate';
+import { jsx } from '../../../../../support/jsx';
+
+export const input = (
+  <editor>
+    <unstyled>
+      Hello <cursor />!
+    </unstyled>
+  </editor>
+);
+
+export const expected = (
+  <editor>
+    <unstyled>
+      Hello world
+      <cursor />!
+    </unstyled>
+  </editor>
+);
+
+export const inputRemoteEditor = (
+  <editor>
+    <unstyled>
+      Hello !<cursor />
+    </unstyled>
+  </editor>
+);
+
+export function run(editor: Editor) {
+  editor.insertText('world');
+}

package/test/collaboration/insertText/inTheMiddleOfNestedBlock.tsx

@@ -0,0 +1,30 @@
+/** @jsx jsx */
+import { Editor } from 'slate';
+import { jsx } from '../../../../../support/jsx';
+
+export const input = (
+  <editor>
+    <ul>
+      <ul-li>Hello world!</ul-li>
+      <ul-li>
+        Welcome to <cursor />
+      </ul-li>
+    </ul>
+  </editor>
+);
+
+export const expected = (
+  <editor>
+    <ul>
+      <ul-li>Hello world!</ul-li>
+      <ul-li>
+        Welcome to slate-yjs!
+        <cursor />
+      </ul-li>
+    </ul>
+  </editor>
+);
+
+export function run(editor: Editor) {
+  editor.insertText('slate-yjs!');
+}

package/test/collaboration/insertText/insideMarks.tsx

@@ -0,0 +1,28 @@
+/** @jsx jsx */
+import { Editor } from 'slate';
+import { jsx } from '../../../../../support/jsx';
+
+export const input = (
+  <editor>
+    <unstyled>
+      <text bold>
+        Hello <cursor />!
+      </text>
+    </unstyled>
+  </editor>
+);
+
+export const expected = (
+  <editor>
+    <unstyled>
+      <text bold>
+        Hello world
+        <cursor />!
+      </text>
+    </unstyled>
+  </editor>
+);
+
+export function run(editor: Editor) {
+  editor.insertText('world');
+}

package/test/collaboration/insertText/withEmptyString.tsx

@@ -0,0 +1,25 @@
+/** @jsx jsx */
+import { Editor } from 'slate';
+import { jsx } from '../../../../../support/jsx';
+
+export const input = (
+  <editor>
+    <unstyled>
+      Hello world!
+      <cursor />
+    </unstyled>
+  </editor>
+);
+
+export const expected = (
+  <editor>
+    <unstyled>
+      Hello world!
+      <cursor />
+    </unstyled>
+  </editor>
+);
+
+export function run(editor: Editor) {
+  editor.insertText('');
+}

package/test/collaboration/insertText/withEntities.tsx

@@ -0,0 +1,28 @@
+/** @jsx jsx */
+import { Editor } from 'slate';
+import { jsx } from '../../../../../support/jsx';
+
+export const input = (
+  <editor>
+    <unstyled>
+      <note-link entityId="myEntity">
+        Hello <cursor />!
+      </note-link>
+    </unstyled>
+  </editor>
+);
+
+export const expected = (
+  <editor>
+    <unstyled>
+      <note-link entityId="myEntity">
+        Hello world
+        <cursor />!
+      </note-link>
+    </unstyled>
+  </editor>
+);
+
+export function run(editor: Editor) {
+  editor.insertText('world');
+}

package/test/collaboration/insertText/withMarks.tsx

@@ -0,0 +1,25 @@
+/** @jsx jsx */
+import { Editor } from 'slate';
+import { jsx } from '../../../../../support/jsx';
+
+export const input = (
+  <editor>
+    <unstyled>
+      Hello <cursor />!
+    </unstyled>
+  </editor>
+);
+
+export const expected = (
+  <editor>
+    <unstyled>
+      Hello <text bold>world</text>
+      <cursor />!
+    </unstyled>
+  </editor>
+);
+
+export function run(editor: Editor) {
+  editor.addMark('bold', true);
+  editor.insertText('world');
+}

package/test/collaboration/insertText/withUnicode.tsx

@@ -0,0 +1,28 @@
+/** @jsx jsx */
+import { Editor } from 'slate';
+import { jsx } from '../../../../../support/jsx';
+
+export const input = (
+  <editor>
+    <unstyled>
+      {'Iñtërnâtiônàlizætiøn☃💩\uFEFF'}
+      <cursor />
+      {'Iñtërnâtiônàlizætiøn☃💩\uFEFF'}
+    </unstyled>
+  </editor>
+);
+
+export const expected = (
+  <editor>
+    <unstyled>
+      {'Iñtërnâtiônàlizætiøn☃💩\uFEFF'}
+      {'Iñtërnâtiônàlizætiøn☃💩\uFEFF'}
+      <cursor />
+      {'Iñtërnâtiônàlizætiøn☃💩\uFEFF'}
+    </unstyled>
+  </editor>
+);
+
+export function run(editor: Editor) {
+  editor.insertText('Iñtërnâtiônàlizætiøn☃💩\uFEFF');
+}

package/test/collaboration/mergeNode/afterADeleteBackward.tsx

@@ -0,0 +1,27 @@
+/** @jsx jsx */
+import { Editor } from 'slate';
+import { jsx } from '../../../../../support/jsx';
+
+export const input = (
+  <editor>
+    <unstyled>Hello world!</unstyled>
+    <unstyled>
+      <cursor />
+      Welcome to slate-yjs!
+    </unstyled>
+  </editor>
+);
+
+export const expected = (
+  <editor>
+    <unstyled>
+      Hello world!
+      <cursor />
+      Welcome to slate-yjs!
+    </unstyled>
+  </editor>
+);
+
+export function run(editor: Editor) {
+  editor.deleteBackward('character');
+}

package/test/collaboration/mergeNode/inSameParent.tsx

@@ -0,0 +1,34 @@
+/** @jsx jsx */
+import { Editor } from 'slate';
+import { jsx } from '../../../../../support/jsx';
+
+export const input = (
+  <editor>
+    <unstyled>
+      <text>Welcome </text>
+      <text italic>to Slate</text>
+      <text bold>YJS!</text>
+    </unstyled>
+  </editor>
+);
+
+export const expected = (
+  <editor>
+    <unstyled>Welcome to SlateYJS!</unstyled>
+  </editor>
+);
+
+export function run(editor: Editor) {
+  editor.apply({
+    type: 'merge_node',
+    path: [0, 2],
+    position: 0,
+    properties: {},
+  });
+  editor.apply({
+    type: 'merge_node',
+    path: [0, 1],
+    position: 0,
+    properties: {},
+  });
+}

package/test/collaboration/mergeNode/onMixedNestedNodes.tsx

@@ -0,0 +1,29 @@
+/** @jsx jsx */
+import { Editor } from 'slate';
+import { jsx } from '../../../../../support/jsx';
+
+export const input = (
+  <editor>
+    <unstyled id="block1">Hello world!</unstyled>
+    <ul>
+      <ul-li>
+        <cursor />
+        Welcome to slate-yjs!
+      </ul-li>
+    </ul>
+  </editor>
+);
+
+export const expected = (
+  <editor>
+    <unstyled id="block1">
+      Hello world!
+      <cursor />
+      Welcome to slate-yjs!
+    </unstyled>
+  </editor>
+);
+
+export function run(editor: Editor) {
+  editor.deleteBackward('character');
+}

package/test/collaboration/mergeNode/onMixedTypeNodes.tsx

@@ -0,0 +1,27 @@
+/** @jsx jsx */
+import { Editor } from 'slate';
+import { jsx } from '../../../../../support/jsx';
+
+export const input = (
+  <editor>
+    <unstyled id="block1">Hello world!</unstyled>
+    <h1>
+      <cursor />
+      Welcome to slate-yjs!
+    </h1>
+  </editor>
+);
+
+export const expected = (
+  <editor>
+    <unstyled id="block1">
+      Hello world!
+      <cursor />
+      Welcome to slate-yjs!
+    </unstyled>
+  </editor>
+);
+
+export function run(editor: Editor) {
+  editor.deleteBackward('character');
+}

package/test/collaboration/mergeNode/withUnicode.tsx

@@ -0,0 +1,25 @@
+/** @jsx jsx */
+import { Editor } from 'slate';
+import { jsx } from '../../../../../support/jsx';
+
+export const input = (
+  <editor>
+    <unstyled id="block1">{'Iñtërnâtiônàlizætiøn☃💩\uFEFF'}</unstyled>
+    <unstyled id="block2">
+      <cursor />H{'Iñtërnâtiônàlizætiøn☃💩\uFEFF'}
+    </unstyled>
+  </editor>
+);
+
+export const expected = (
+  <editor>
+    <unstyled id="block1">
+      {'Iñtërnâtiônàlizætiøn☃💩\uFEFF'}
+      <cursor />H{'Iñtërnâtiônàlizætiøn☃💩\uFEFF'}
+    </unstyled>
+  </editor>
+);
+
+export function run(editor: Editor) {
+  editor.deleteBackward('character');
+}

package/test/collaboration/moveNode/downward/whenBlockBecomesNested.tsx

@@ -0,0 +1,43 @@
+/** @jsx jsx */
+import { Editor, Transforms } from 'slate';
+import { jsx } from '../../../../../../support/jsx';
+
+export const input = (
+  <editor>
+    <unstyled id="block1">
+      Hello world!
+      <cursor />
+    </unstyled>
+    <ul>
+      <ul-li id="block2">Welcome to slate-yjs!</ul-li>
+    </ul>
+  </editor>
+);
+
+export const expected = (
+  <editor>
+    <ul>
+      <ul-li id="block2">Welcome to slate-yjs!</ul-li>
+      <ul-li id="block1">
+        Hello world!
+        <cursor />
+      </ul-li>
+    </ul>
+  </editor>
+);
+
+export function run(editor: Editor) {
+  Editor.withoutNormalizing(editor, () => {
+    Transforms.setNodes(
+      editor,
+      { type: 'unordered-list-item' },
+      {
+        at: [0],
+      }
+    );
+    Transforms.moveNodes(editor, {
+      at: [0],
+      to: [1, 1],
+    });
+  });
+}

package/test/collaboration/moveNode/downward/whenBlockBecomesNonNested.tsx

@@ -0,0 +1,41 @@
+/** @jsx jsx */
+import { Editor, Transforms } from 'slate';
+import { jsx } from '../../../../../../support/jsx';
+
+export const input = (
+  <editor>
+    <ul>
+      <ul-li id="block1">
+        Hello world!
+        <cursor />
+      </ul-li>
+    </ul>
+    <unstyled id="block2">Welcome to slate-yjs!</unstyled>
+  </editor>
+);
+
+export const expected = (
+  <editor>
+    <unstyled id="block2">Welcome to slate-yjs!</unstyled>
+    <unstyled id="block1">
+      Hello world!
+      <cursor />
+    </unstyled>
+  </editor>
+);
+
+export function run(editor: Editor) {
+  Editor.withoutNormalizing(editor, () => {
+    Transforms.setNodes(
+      editor,
+      { type: 'unstyled' },
+      {
+        at: [0, 0],
+      }
+    );
+    Transforms.moveNodes(editor, {
+      at: [0, 0],
+      to: [2],
+    });
+  });
+}

package/test/collaboration/moveNode/downward/whenBlockStaysNested.tsx

@@ -0,0 +1,38 @@
+/** @jsx jsx */
+import { Editor, Transforms } from 'slate';
+import { jsx } from '../../../../../../support/jsx';
+
+export const input = (
+  <editor>
+    <ul>
+      <ul-li id="block1">
+        Hello world!
+        <cursor />
+      </ul-li>
+    </ul>
+    <unstyled />
+    <ul>
+      <ul-li id="block2">Welcome to slate-yjs!</ul-li>
+    </ul>
+  </editor>
+);
+
+export const expected = (
+  <editor>
+    <unstyled />
+    <ul>
+      <ul-li id="block2">Welcome to slate-yjs!</ul-li>
+      <ul-li id="block1">
+        Hello world!
+        <cursor />
+      </ul-li>
+    </ul>
+  </editor>
+);
+
+export function run(editor: Editor) {
+  Transforms.moveNodes(editor, {
+    at: [0, 0],
+    to: [2, 1],
+  });
+}

package/test/collaboration/moveNode/downward/whenBlockStaysNonNested.tsx

@@ -0,0 +1,30 @@
+/** @jsx jsx */
+import { Editor, Transforms } from 'slate';
+import { jsx } from '../../../../../../support/jsx';
+
+export const input = (
+  <editor>
+    <unstyled id="block1">
+      Hello world!
+      <cursor />
+    </unstyled>
+    <unstyled id="block2">Welcome to slate-yjs!</unstyled>
+  </editor>
+);
+
+export const expected = (
+  <editor>
+    <unstyled id="block2">Welcome to slate-yjs!</unstyled>
+    <unstyled id="block1">
+      Hello world!
+      <cursor />
+    </unstyled>
+  </editor>
+);
+
+export function run(editor: Editor) {
+  Transforms.moveNodes(editor, {
+    at: [0],
+    to: [1],
+  });
+}

package/test/collaboration/moveNode/upward/whenBlockBecomesNested.tsx

@@ -0,0 +1,43 @@
+/** @jsx jsx */
+import { Editor, Transforms } from 'slate';
+import { jsx } from '../../../../../../support/jsx';
+
+export const input = (
+  <editor>
+    <ul>
+      <ul-li id="block1">
+        Hello world!
+        <cursor />
+      </ul-li>
+    </ul>
+    <unstyled id="block2">Welcome to slate-yjs!</unstyled>
+  </editor>
+);
+
+export const expected = (
+  <editor>
+    <ul>
+      <ul-li id="block2">Welcome to slate-yjs!</ul-li>
+      <ul-li id="block1">
+        Hello world!
+        <cursor />
+      </ul-li>
+    </ul>
+  </editor>
+);
+
+export function run(editor: Editor) {
+  Editor.withoutNormalizing(editor, () => {
+    Transforms.setNodes(
+      editor,
+      { type: 'unordered-list-item' },
+      {
+        at: [1],
+      }
+    );
+    Transforms.moveNodes(editor, {
+      at: [1],
+      to: [0, 0],
+    });
+  });
+}

package/test/collaboration/moveNode/upward/whenBlockBecomesNonNested.tsx

@@ -0,0 +1,41 @@
+/** @jsx jsx */
+import { Editor, Transforms } from 'slate';
+import { jsx } from '../../../../../../support/jsx';
+
+export const input = (
+  <editor>
+    <unstyled id="block1">
+      Hello world!
+      <cursor />
+    </unstyled>
+    <ul>
+      <ul-li id="block2">Welcome to slate-yjs!</ul-li>
+    </ul>
+  </editor>
+);
+
+export const expected = (
+  <editor>
+    <unstyled id="block2">Welcome to slate-yjs!</unstyled>
+    <unstyled id="block1">
+      Hello world!
+      <cursor />
+    </unstyled>
+  </editor>
+);
+
+export function run(editor: Editor) {
+  Editor.withoutNormalizing(editor, () => {
+    Transforms.setNodes(
+      editor,
+      { type: 'unstyled' },
+      {
+        at: [1, 0],
+      }
+    );
+    Transforms.moveNodes(editor, {
+      at: [1, 0],
+      to: [0],
+    });
+  });
+}