twoslash
JRMurr
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
JRMurr
-
Type Safe GroupBy In TypeScript
I have the code here https://github.com/JRMurr/JRMurr.github.io
This works by only letting you pass in functions that return PropertyKey, but typescript does not seem to narrow the types. In this case test should be Record since TS should infer the return type of the grouping function. If you know how to improve this function to make the return type narrow properly feel free to leave an issue/pr on my blog's GitHub!/JRMurr.github.io)!
What are some alternatives?
milkdown - πΌ Plugin driven WYSIWYG markdown editor framework.
ts-array-sql - Typescript library help you manipulate array with SQL-like syntax (completely type support)
shiki - A beautiful yet powerful syntax highlighter
TypeScript - TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
remark-unwrap-texts - π Unwraps text nodes in Markdown, is useful when publishing to platforms like DEV.to, Medium, Hashnode, etc.
Visual Studio Code - Visual Studio Code
Angular - Deliver web apps with confidence π
starry-night - Syntax highlighting, like GitHub
tailwind-nextjs-starter-blog - This is a Next.js, Tailwind CSS blogging starter template. Comes out of the box configured with the latest technologies to make technical writing a breeze. Easily configurable and customizable. Perfect as a replacement to existing Jekyll and Hugo individual blogs.
remark-parse-frontmatter - π Parses and validates Markdown frontmatter (YAML) to data object.
core - π Remark plugin to convert URLs to embed code in markdown.
tree-sitter - An incremental parsing system for programming tools