https://github.com/grimmer0125/slatejs-exp

An experimental repo to use socket.io to sync & show other people's cursors (carets) when collaborating to edit the same content by slatejs editor. A part of the code is modified from https://github.com/ianstormtaylor/slate/tree/master/examples. The cursor indicator shows every client's socket.io sessionID. Some candidates: prosemirror, yjs
https://github.com/grimmer0125/slatejs-exp

create-react-app css-in-js yarn

Last synced: 20 days ago
JSON representation

An experimental repo to use socket.io to sync & show other people's cursors (carets) when collaborating to edit the same content by slatejs editor. A part of the code is modified from https://github.com/ianstormtaylor/slate/tree/master/examples. The cursor indicator shows every client's socket.io sessionID. Some candidates: prosemirror, yjs

• Host: GitHub
• URL: https://github.com/grimmer0125/slatejs-exp
• Owner: grimmer0125
• License: mit
• Created: 2018-07-15T16:15:11.000Z (over 6 years ago)
• Default Branch: develop
• Last Pushed: 2018-07-25T15:51:12.000Z (over 6 years ago)
• Last Synced: 2024-11-11T15:46:12.294Z (about 2 months ago)
• Topics: create-react-app, css-in-js, yarn
• Language: JavaScript
• Homepage:
• Size: 224 KB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
This project was bootstrapped with [Create React App](https://github.com/facebookincubator/create-react-app).

You can find the most recent version of this guide [here](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md).

## Install dependencies

1. `yarn install`

## Development

1. `node server.js` to start socket.io server on http://localhost:3001/

2. `yarn start`

3. `yarn open` (to open http://localhost:3000/)

**test**

1. open two tabs

2. move cursor and click somewhere in the content in the 1st tab

3. 2nd tab will show the cursor information of 1st tab (user)

## Production

1.`yarn build`

## Referecne & Similar projects about Collaborative editing

1. https://github.com/pedrosanta/quill-sharedb-cursors

2. https://en.wikipedia.org/wiki/Operational_transformation

3. https://github.com/ianstormtaylor/slate/issues/259