chore: fix ci errors

.babelrc

@@ -3,6 +3,7 @@
   "plugins": [
     "@babel/proposal-class-properties",
     "@babel/proposal-object-rest-spread",
-    "@babel/plugin-proposal-optional-chaining"
+    "@babel/plugin-proposal-optional-chaining",
+    "@babel/plugin-transform-runtime"
   ]
 }

package.json

@@ -30,6 +30,7 @@
     "@babel/plugin-proposal-class-properties": "^7.5.5",
     "@babel/plugin-proposal-object-rest-spread": "^7.5.5",
     "@babel/plugin-proposal-optional-chaining": "^7.9.0",
+    "@babel/plugin-transform-runtime": "^7.17.0",
     "@babel/preset-env": "^7.6.0",
     "@babel/preset-typescript": "^7.6.0",
     "@commitlint/cli": "^9.0.1",
@@ -37,6 +38,7 @@
     "@types/jest": "^24.9.0",
     "@types/lodash": "^4.14.178",
     "@types/socket.io": "^2.1.4",
+    "@types/socket.io-client": "1.4.32",
     "auto-changelog": "^2.1.0",
     "husky": "^3.0.5",
     "jest": "^24.9.0",
@@ -46,17 +48,25 @@
     "typescript": "^4.5.5"
   },
   "dependencies": {
+    "@types/debug": "^4.1.7",
     "automerge": "0.14.0",
+    "debug": "^4.3.3",
     "lodash": "4.17.21",
+    "react": "^17.0.2",
     "slate": "0.72.8",
     "slate-history": "0.66.0",
     "socket.io": "^2.3.0"
   },
   "jest": {
     "preset": "ts-jest",
+    "moduleDirectories": [
+      "node_modules",
+      "src"
+    ],
     "globals": {
       "ts-jest": {
-        "babelConfig": ".babelrc"
+        "babelConfig": ".babelrc",
+        "tsConfig": "tsconfig.json"
       }
     },
     "roots": [

src/backend/AutomergeBackend.ts

@@ -2,7 +2,7 @@ import * as Automerge from 'automerge'
 
 import { Node } from 'slate'
 
-import { toCollabAction, toSync, SyncDoc, CollabAction } from 'bridge/index'
+import { toCollabAction, toSync, SyncDoc, CollabAction } from 'bridge'
 import { debugCollabBackend } from './utils/debug'
 
 /**

src/backend/AutomergeCollaboration.ts

@@ -4,7 +4,7 @@ import { Node } from 'slate'
 import { Server } from 'http'
 import throttle from 'lodash/throttle'
 import flatten from 'lodash/flatten'
-import { SyncDoc, CollabAction, toJS } from 'bridge/index'
+import { SyncDoc, CollabAction, toJS } from 'bridge'
 import { debugCollabBackend } from './utils/debug'
 import AutomergeBackend from './AutomergeBackend'
 import getActiveConnections from './utils/getActiveConnections'

src/client/automerge-connector.ts

@@ -12,7 +12,7 @@ import {
   setCursor,
   toSlateOp,
   CursorData
-} from 'src/bridge/index'
+} from 'bridge'
 import { AutomergeEditor } from './interfaces'
 
 /**

src/client/client.spec.ts

@@ -4,7 +4,7 @@ import fs from 'fs'
 import isEqual from 'lodash/isEqual'
 import { createEditor, Editor, Element, Node, Transforms } from 'slate'
 
-import { createDoc, SyncDoc, toJS, toSlateOp, getTarget } from '../bridge/index'
+import { createDoc, SyncDoc, toJS, toSlateOp, getTarget } from 'bridge'
 import {
   AutomergeCollaboration,
   IAutomergeMetaData,

src/client/useCursor.ts

@@ -2,7 +2,7 @@ import { useState, useCallback, useEffect, useMemo } from 'react'
 
 import { Text, Range, Path, NodeEntry } from 'slate'
 
-import { toJS, Cursor, Cursors } from 'bridge/index'
+import { toJS, Cursor, Cursors } from 'bridge'
 
 import useMounted from './useMounted'
 import { AutomergeEditor } from './interfaces'