GIF exports

Expected Behavior

An option to make GIF. Example : For any repo that can show their work effectively in their README file such as installation instructions.

Actual Behavior

Browser:

Code Snippet (If Applicable)

[JessicaSachs]

I did a poor-mans approach to this on a fork carbon#feat/record-terminal-sesh using gif.js

There’s a record button next to the settings. Press that and then all the keystrokes will be recorded and then “replayed” once you stop recording.

It’s not polished. There are bugs and it is slow. It worked for my situation and lets me make pretty README gifs and twitter gifs, so I’m pretty stoked.

If this were to get polished, the next steps would be:

1. Improve speed (reevaluate approach of using setState)
2. Fix mixed-dimensions problem
3. Support highlighted lines
4. Add preview/save step separate from recording step
5. Add menu for gif options

The example below has been compressed. It was 11MB originally and then I went to ezgif.com and resized it so GH would lemme embed it.

[merpheus-dev]

I’d like to add another perspective to GIF support. I make tutorial videos and I want them to be pretty. So, I’m thinking about using carbon when I show a piece of code.

Although, having a window popping up animation would be great on that background which will produce either a GIF or a video file. I think that can be a pretty good and needed enhancement.