carbonate
vscode-textmate
carbonate | vscode-textmate | |
---|---|---|
1 | 5 | |
237 | 543 | |
- | 2.2% | |
0.0 | 5.5 | |
over 2 years ago | 4 months ago | |
JavaScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
carbonate
-
Show HN: Ray.so – Create beautiful images of your code
I see folks wondering about the use case - so here's one: I created a Github Action for use in Github Actions. The benefits:
- Easy to view and understand the image of the code v/s the code block text when using a mobile device. Why? Easier to scroll images v/s text.
- Members will no longer have to rely on the issue reporters and commenters to format their code blocks correctly. Using the in built formatter, the code is always structured properly
- Maintainers can style the code blocks to suit their project's language and guidelines and not put the onus of this on the issue reporter / commenter
Reference: https://github.com/callmekatootie/carbonate
I used Carbon to generate the images in this case - but you get the gist of what one can use images of code for
vscode-textmate
-
Building a syntax highlighting extension for VS Code
Luckily, there is a project that has fitted my needs perfectly: vscode-grammar-test. It’s a command line tool that builds on the VS Code regex engine and grammar file parser and allows to run unit tests directly against a given grammar file.
-
Dark mode with Shiki and Code Hike
Shiki does this because the underlying library vscode-textmate or vscode-oniguruma returns black if the value is not a valid color. This explains why Code Hike uses blackish color codes instead of variables. But what if we write a variable directly into the theme instead of the color code.
-
How to get font colors but not syntax highlighting for a file in custom language?
Thank you for the response! I feared that I might have to create a vscode extension for the language. I'm assuming I can use this json file to build textmate grammar for Stks ? Do you suggest any specific resources for learning textmate grammar and regex? I'm especially unfamiliar with regex. Thanks again
-
NEW VSCode extension "Blockman" to highlight nested code blocks
I see now. Thanks for the hint!
-
Show HN: Ray.so – Create beautiful images of your code
There are lots of different approaches you could take. For sourcecodeshots, I run it through VSCode's tokenizer (https://github.com/microsoft/vscode-textmate) and then use node-canvas to generate the image one line at a time.
It's a very imperative process and fairly slow on a cpu, but the nice thing is that I can run the same code in the browser to speed up development. The Rust project, https://github.com/Aloxaf/silicon, mentioned in another part of the comments is probably faster, but I didn't find it when I was searching for a solution.
What are some alternatives?
silicon - Create beautiful image of your source code.
tree-sitter-vue - Vue grammar for tree-sitter
prettier-eslint-cli - CLI for prettier-eslint
node-imgur - Upload images to imgur.com
usfm-grammar - An elegant USFM parser.
carbon - :black_heart: Create and share beautiful images of your source code
prettier-plugin-apex - Code formatter for the Apex Programming Language
vscode-oniguruma - Oniguruma Bindings for VS Code
prettier - Prettier is an opinionated code formatter.
shiki - A beautiful yet powerful syntax highlighter