For Hacktoberfest, I started my open source contribution journey slowly, working my way up from fixing a small issue in a README.md file to contributing to a large open source project.
For this release, I wanted to take things up a notch. For the first project, I wanted to choose a new big project to work with: . For the second project I chose to contribute to, I went back to , I was tasked with creating several unit test cases for the ChatHistoryService component in the had suggested, as an optional step for our weekly assignment, that we find out how to run a single test case using Jest, and I did! So I immediately went to the same project's repo and opened a !
I have to say though, I did not enjoy mocking with Jest. I personally think in chat input.
When I first accepted this feature, I did not realize that I would have to work with something completely new to me: parser in addition to highlight.js to create and use my code blocks. But after quite a lot of time attempting this, I realized that hand-rolling this solution would not only take a lot of time but would also require a lot of code.
I then tried something different: , which is a headless wrapper around another WYSIWYG editor called , which offers virtual syntax highlighting for virtual DOMs and non-HTML things based on highlight.js! And what do you know, lowlight already has an actual extension in tiptap -- !
Conclusion
At the end of this release, I definitely feel like I put much more into my open source contributions in these two issues than the four last issues combined! I've learned many things, such as opening an issue myself if I could see a potential improvement that was not addressed, doing extensive research before deciding on a specific implementation, and docs, docs, docs!
SOCIAL SHARE CARD GENERATOR