https://github.com/convergencelabs/code-editor-demo
A mock up of a code editor built using React, Ace, Flux, and Convergence
https://github.com/convergencelabs/code-editor-demo
code-editor convergence react realtime
Last synced: 6 months ago
JSON representation
A mock up of a code editor built using React, Ace, Flux, and Convergence
- Host: GitHub
- URL: https://github.com/convergencelabs/code-editor-demo
- Owner: convergencelabs
- License: mit
- Created: 2019-03-16T18:02:16.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2023-04-30T16:30:26.000Z (about 3 years ago)
- Last Synced: 2024-08-07T23:49:03.886Z (almost 2 years ago)
- Topics: code-editor, convergence, react, realtime
- Language: JavaScript
- Homepage: https://demos.convergence.io/code-editor/
- Size: 7.83 MB
- Stars: 16
- Watchers: 6
- Forks: 10
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Convergence Code Editor Demo
This project provides a mock up of collaborative code editor using the [React](https://reactjs.org/), the [Ace Editor](https://ace.c9.io) and Convergence for persistence and realtime collaboration.
*Note: This is merely a demonstration, and not intended to be a full fledged / real code editor.*
## Getting started
1. Clone this repository
1. `npm install`
1. Updated the `CONVERGENCE_URL` in the `public/code-editor-config.js` to point to your Convergence server.
1. `npm start` to launch a lightweight web server for running the editor locally.
## Features
1. Proper conflict resolution (try editing the same code with two users simultaneously)
1. User presence (see which users are currently connected)
1. Activity tracking (cursor positions and highlights color-coded per remote user)