twoslash
starry-night
twoslash | starry-night | |
---|---|---|
5 | 2 | |
1,006 | 1,335 | |
2.2% | - | |
5.1 | 7.8 | |
2 months ago | about 2 months ago | |
TypeScript | JavaScript | |
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.
twoslash
-
Shiki Syntax Highlighter
Shiki is awesome for code samples. Itโs even better paired with a set of light/dark themes designed to be used together (and I really need to get around to open sourcing my solution for swapping inline styles with classes for that use case, itโs great for using Shiki without a client side runtime).
ALSO awesome is Shiki Twoslash[1], for displaying TypeScript editor feedback in code examples.
1: https://github.com/shikijs/twoslash
- Syntax Highlighting on the Web
-
Type Safe GroupBy In TypeScript
Major change was swapping the code rendering for https://github.com/shikijs/twoslash to get ts type info
- Add VSCode-like hovering type annotations to Markdown code samples powered by TypeScript compiler
-
Typescript hints in your code samples
Twoslash is a Shiki addon. Itโs adding TypeScript compiler hints. Same as we can see in VS Code. You can check which
starry-night
-
Astro Markdoc: Readable, Declarative MDX Alternative
See starry-night docs for more details on how it works. Some interesting points to note in the starry-night setup here are:
-
Shiki Syntax Highlighter
Related and similar, there's also starry-night: https://github.com/wooorm/starry-night
What are some alternatives?
milkdown - ๐ผ Plugin driven WYSIWYG markdown editor framework.
refractor - Lightweight, robust, elegant virtual syntax highlighting using Prism
shiki - A beautiful yet powerful syntax highlighter
TypeScript - TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
lowlight - Virtual syntax highlighting for virtual DOMs and non-HTML things
remark-unwrap-texts - ๐ Unwraps text nodes in Markdown, is useful when publishing to platforms like DEV.to, Medium, Hashnode, etc.
nginx-vhost-admin
Visual Studio Code - Visual Studio Code
Angular - Deliver web apps with confidence ๐
tree-sitter - An incremental parsing system for programming tools