search

riccardoperra / codeimage

A tool to beautify your code screenshots. Built with SolidJS and Fastify.
https://codeimage.dev
MIT License
1.35k stars 74 forks source link

🚀 - Jupyter Notebook Frame/Style #537

Closed HAShihab closed 1 year ago

HAShihab commented 1 year ago

Which @codeimage/* package(s) are relevant/releated to the feature request?

No response

Description

Thank you for such a great tool!

I was wondering if there were any way/plans to create code images within a Jupyter Notebook frame/style similar to the one in the below image.

Any advice would be greatly appreciated.

image

riccardoperra commented 1 year ago

Hi, at the moment there is no way to use different frame in the current editor. Also, I've never used jupyter notebook so I need more information to understand which way the frame should be. From the screenshot it looks like a text editor

HAShihab commented 1 year ago

Thank you for your response @riccardoperra. Yeah, a notebook is an interactive web-based “IDE” popular in the Data Science community.

I was thinking we could somehow use the window control portion of the image to our advantage and replace it with a notebook style “banner” to give the same look-and-feel.

I note that there is also some work on custom themes going on so I’m not sure if this could also be used when ready?

riccardoperra commented 1 year ago

What's would be the change in the custom theme?

Anyway, currently there is already a "MacOS terminal" and "Windows terminal" style. If u want you can open a PR for a POC to try to add a new style for notebook jupiter

https://github.com/riccardoperra/codeimage/tree/main/apps/codeimage/src/components/Terminal

stale[bot] commented 1 year ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.