Skip to content
This repository has been archived by the owner on Mar 21, 2024. It is now read-only.

Collaborative editing plugin for VSCode/code-server/fulib.org Projects

Notifications You must be signed in to change notification settings

sekassel-research/vscode-collab-plugin

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Vscode-collab-plugin

This extension is designed to work with code-server and allows for real-time synchronization of work on projects. However, it's important to note that this synchronization only works when users are working on the same directory. The extension does not support synchronization between different directories or projects, so users should ensure they are working within the same context to ensure seamless collaboration.

Features

With the extension installed, users can enjoy real-time display of cursors and user selection, making it effortless to collaborate on shared files. A name tag and color are displayed behind the code for each user's cursor, allowing for easy identification. The extension supports a range of functions, including writing, deleting, cutting, copying, pasting, and replacing text. To ensure data accuracy, changes are only applied to the correct file, preventing any unintended modifications.

In addition to real-time cursor display and user selection, the tool also provides an overview of all active users in the project. When a new user joins, a small notification is displayed at the bottom, and their name is added to the list of active users. With the integrated chat feature, users can communicate with each other without having to switch to a separate window. When hovering over a chat message, users can easily see when it was sent. We've also added a new feature that allows users to jump to a specific line in the shared file by typing "line X" in their chat message. Clicking on the "line X" hyperlink will automatically take the user to that line in the active window.

Development

to work with the avaliable code:

Set up vscode-collab-plugin

To get a local copy of the current code, clone it using git:

$ git clone https://github.com/sekassel-research/vscode-collab-plugin.git
$ cd vscode-collab-plugin/plugin

To work on this extension you need to run the following commands:

$ npm install 

After that you can work on the extension.

Set up Websocket-Server

To get a local copy of the current code, clone it using git:

$ git clone https://github.com/sekassel-research/vscode-collab-plugin.git
$ cd vscode-collab-plugin/websocket-server

To work on this extension you need to run the following commands:

$ npm install 

After that you can work on the extension.

Build .vsix file

To install the extension you can generate a .vsix file. To do this, first clone this repository, then run

$ npm install vsce
$ vsce package

Once this is done you can install the extension.

Assets

Handshake Icon licensed under https://creativecommons.org/licenses/by/3.0/deed.en

Shout-out to the creator David and his website https://thenounproject.com/kaxgyatso/ .

About

Collaborative editing plugin for VSCode/code-server/fulib.org Projects

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published