@getguru/slate-yjs-core 1.0.3

package/test/collaboration/moveNode/upward/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/upward/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/removeMark/inTheMiddleOfText.tsx

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

package/test/collaboration/removeMark/withAddMark.tsx

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

package/test/collaboration/removeMark/withOtherMarks.tsx

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

package/test/collaboration/removeNode/atBeginningOfDocument.tsx

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

package/test/collaboration/removeNode/atEndOfDocument.tsx

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

package/test/collaboration/removeNode/nestedBlock.tsx

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

package/test/collaboration/removeNode/wrapperBlock.tsx

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

package/test/collaboration/removeText/atBeginningOfDocument.tsx

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

package/test/collaboration/removeText/atEndOfDocument.tsx

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

package/test/collaboration/removeText/withUnicode.tsx

@@ -0,0 +1,29 @@
+/** @jsx jsx */
+import { Editor, Transforms } from 'slate';
+import { jsx } from '../../../../../support/jsx';
+
+export const input = (
+  <editor>
+    <unstyled>
+      {'Iñtërnâtiônàlizætiøn☃💩\uFEFF'}
+      <anchor />
+      {'Iñtërnâtiônàlizætiøn☃💩\uFEFF'}
+      <focus />
+      {'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'}
+      <cursor />
+      {'Iñtërnâtiônàlizætiøn☃💩\uFEFF'}
+    </unstyled>
+  </editor>
+);
+
+export function run(editor: Editor) {
+  Transforms.delete(editor);
+}

package/test/collaboration/setNode/atBeginningOfDocument.tsx

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

package/test/collaboration/setNode/atEndOfDocument.tsx

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

package/test/collaboration/setNode/onDataChange.tsx

@@ -0,0 +1,35 @@
+/** @jsx jsx */
+import { Editor, Transforms } from 'slate';
+import { jsx } from '../../../../../support/jsx';
+
+export const input = (
+  <editor>
+    <ul>
+      <ul-li id="block1">
+        <cursor />
+        Hello World!
+      </ul-li>
+    </ul>
+  </editor>
+);
+
+export const expected = (
+  <editor>
+    <ul>
+      <ul-li id="block1" checked>
+        <cursor />
+        Hello World!
+      </ul-li>
+    </ul>
+  </editor>
+);
+
+export function run(editor: Editor) {
+  Transforms.setNodes(
+    editor,
+    { checked: true },
+    {
+      mode: 'lowest',
+    }
+  );
+}

package/test/collaboration/setNode/onDataChangeOnInline.tsx

@@ -0,0 +1,35 @@
+/** @jsx jsx */
+import { Editor, Transforms } from 'slate';
+import { jsx } from '../../../../../support/jsx';
+
+export const input = (
+  <editor>
+    <unstyled>
+      <note-link noteId="note1">
+        Meeting notes
+        <cursor />
+      </note-link>
+    </unstyled>
+  </editor>
+);
+
+export const expected = (
+  <editor>
+    <unstyled>
+      <note-link noteId="note2">
+        Meeting notes
+        <cursor />
+      </note-link>
+    </unstyled>
+  </editor>
+);
+
+export function run(editor: Editor) {
+  Transforms.setNodes(
+    editor,
+    { noteId: 'note2' },
+    {
+      match: (node) => Editor.isInline(editor, node),
+    }
+  );
+}

package/test/collaboration/setNode/onResetBlock.tsx

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

package/test/collaboration/setNode/withAChangeOfType.tsx

@@ -0,0 +1,26 @@
+/** @jsx jsx */
+import { Editor, Transforms } from 'slate';
+import { jsx } from '../../../../../support/jsx';
+
+export const input = (
+  <editor>
+    <unstyled id="block1">
+      Hello world!
+      <cursor />
+    </unstyled>
+  </editor>
+);
+
+export const expected = (
+  <editor>
+    <unstyled id="block1">Hello world!</unstyled>
+    <h1>
+      <cursor />
+    </h1>
+  </editor>
+);
+
+export function run(editor: Editor) {
+  editor.insertNode({ type: 'unstyled', children: [{ text: '' }] });
+  Transforms.setNodes(editor, { type: 'header-one' });
+}

package/test/collaboration/splitNode/atBeginningOfDocument.tsx

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

package/test/collaboration/splitNode/atEndOfBlock.tsx

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

package/test/collaboration/splitNode/atEndOfDocument.tsx

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