frixaco/codesync

Codesync (WIP) - VS Code extension to synchronize uncommitted code changes across devices

Codesync (WIP)

Synchronize your changes across devices. No need to commit, stash, copy-paste your changes when switching between devices (laptop, PC, tablet, etc.).

Currently, I work both on my laptop and PC and regularly switch between them (switch to laptop at University, then switch back to PC at home, switch to PC when I want to do some heavy testing/development). I couldn't find any quick and easy way to switch between devices without losing any progress (transferring edited/created/deleted files to other device) and it's pretty annoying to: stash the changes using a git command => save to file as a patch => send to other device using some service (notion) => download, move to project folder => apply the patch by running a git command.

So I deciced to make this extension which will, hopefully, solve this problem of mine.

TODO

Demo

codesync-demo-1.mp4

Local developement

• Create .env file in api/ folder. Example: .env.example
• pnpm install (or run ./clean-install.sh for clean install)
• pnpm dev to run everything in dev mode
• Press F5 to start working with the extension

Features

• Github OAuth for authorization/authentication
• Synchronize staged, unstaged, tracked and untracked file changes
• Manage multiple projects
• Manual two-way synchronization
• Auto synchronization

Requirements

• Following should be same (otherwise, git apply will fail since indexes will be different) (Working on removing this requirement, see #8):
  • git repo
  • git branch
  • git commit
• VS Code: 1.69.0 or above (TODO: Lower the version)

Extension Settings

Known Issues

Release Notes

0.0.0

codesync's Issues

Implement `server` code

• Projects and changes (diffs)
  • Add DB schemas
  • CRUD routes for projects
  • Send/Receive diffs (changes)
• Synchronization for each project (websockets)
  • Manual send/receive changes
  • Auto receive changes
• User auth
  • Github/Google auth vs email/password?

Add Github workflow to auto publish the extension

Using `patch` command to apply patches when Git indexes don't match

I just discovered that I can run patch -p1 <patch.file> to apply diffs and seems like it's less strict than git apply. Also there's diff command which generates diffs just like git diff. I suggest (to myself) to investigate both commands (diff and patch) and see how they compare to Git's diff and apply. If it's just diff to create the project and then just patch to apply it without any additional steps like with Git, I'll switch to them.

Implement `UI` and extension logic

• Basic UI elements (buttons, actions, etc.)
• Manual two-way synchronization (buttons, requests)
• Improve loading state (authing, fetching, etc.)
• Manage Projects (requests)
• User login/registration (Github/Google/etc. vs email/password)
• Auto send changes (websockets)
• Integrate @vscode/webview-ui-toolkit

Logo ideas

Keywords: "code", "synchronization", "arrows", "pc", "laptop", "cloud", "remote", "network"