Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Idea: Animated differences in code snippets #1346

Closed
kolibril13 opened this issue Mar 7, 2022 · 1 comment
Closed

Idea: Animated differences in code snippets #1346

kolibril13 opened this issue Mar 7, 2022 · 1 comment

Comments

@kolibril13
Copy link

Describe the change
My idea is to generate animations that visualize differences of two code snippets on a website similar to carbon.now.sh.
Videoexample

Code_Dog_to_Cat_zoomed_normal.mp4

This video was created with a video editor, but my intention is to create it automatically.

Info:
The code diff logic could be calculated with a javascript package jsdiff, the animation can be made with CSS keyframes and the video mp4 download could be created with Remotion. Code styling could be made with the already existing tools of carbon.

I know this would be a huge project, but I still want to mention this idea, as this might be a very useful for many people.

Additional Content
This is how the non-animated diff of the above video looks like:
image

@mfix22
Copy link
Contributor

mfix22 commented Mar 13, 2022

Hey @kolibril13, this is a super fantastic idea, and I think you should build it, but it is outside of Carbon's current scope, so I am going to close this issue. We do have a similar issue (#547), which I am keeping open. That issue accomplishes something similar to what you are proposing here.

Thanks for sharing 🙂

@mfix22 mfix22 closed this as completed Mar 13, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants