Skip to content

Latest commit

 

History

History
45 lines (29 loc) · 1.75 KB

README.md

File metadata and controls

45 lines (29 loc) · 1.75 KB
Raw

Git Diff Stepper

An app that allows you to animate through the git log iterations of a file.

Demo Video

It is technically a continuation of VSCode Git Diff Stepper: VSCode doesn't expose a way to create editors in insets, and that won't change in the near future. Other projects embed instances of Monaco and try to fit the style; at this point I decided I might as well create a standalone app which may make animations easier too.

Controls

  • Select a file using File -> Open. The file must be tracked by git, and should have multiple commits.
  • cmd / ctrl + alt / option + left or right arrow keys move through iterations.
  • f1 to launch the command palette.

Custom Language Support

We have support for textmate .tmLanguage files!

  • Drop a .tmLanguage file into $AppData/de.ivorius.gitdiffstepper/tmlanguages.
  • The file name should be equivalent to the file ending (e.g. css.tmLanguage for .css files).
  • Relaunch the App.

To switch the language manually, use the command palette.

Custom Theme Support

We have support for vscode themes!

  • In VSCode, run the command "Developer: Generate Color Theme From Current Settings".
  • Convert the resulting .jsonc file to regular .json (removing comments and trailing commas).
  • Drop the file into $AppData/de.ivorius.gitdiffstepper/themes.
  • Relaunch the App.

To switch the theme, use the command palette.

Dev Setup

  • Install Rust, pnpm
  • pnpm install
  • pnpm tauri dev

Tech Stack

  • Tauri as a web app host.
  • React as a frontend library.
  • Monaco as a code editor.