Shiki Syntax Highlighter

This page summarizes the projects mentioned and recommended in the original post on news.ycombinator.com

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured
  • shiki

    A beautiful yet powerful syntax highlighter

  • Coincidentally, I recently looked into the slow startup time for shiki and it was mostly from parsing JSONC, not WASM: https://github.com/shikijs/shiki/issues/439.

  • tree-sitter

    An incremental parsing system for programming tools

  • Is tree-sitter really slower than TextMate grammars? Some benchmarks indicate that this isn't really the case [1]. On the other hand, breaking parse trees is a real issue, because the error-recovery in tree-sitter is pretty rudimentary [2][3], but as you said, it's not an issue for Shiki.

    Several TextMate grammars suffer from inaccuracy bugs, and issues of maintainability. Perhaps the biggest hindrance in the adoption of tree-sitter, is that the most popular editor, VSCode, still doesn't support it.

    [1]: https://github.com/microsoft/vscode/pull/161479

    [2]: https://github.com/tree-sitter/tree-sitter/issues/1870

    [3]: https://github.com/tree-sitter/tree-sitter/issues/224

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • starry-night

    Syntax highlighting, like GitHub

  • Related and similar, there's also starry-night: https://github.com/wooorm/starry-night

  • twoslash

    You take some Shiki, add a hint of TypeScript compiler, and 🎉 incredible static code samples

  • 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

  • Visual Studio Code

    Visual Studio Code

  • Is tree-sitter really slower than TextMate grammars? Some benchmarks indicate that this isn't really the case [1]. On the other hand, breaking parse trees is a real issue, because the error-recovery in tree-sitter is pretty rudimentary [2][3], but as you said, it's not an issue for Shiki.

    Several TextMate grammars suffer from inaccuracy bugs, and issues of maintainability. Perhaps the biggest hindrance in the adoption of tree-sitter, is that the most popular editor, VSCode, still doesn't support it.

    [1]: https://github.com/microsoft/vscode/pull/161479

    [2]: https://github.com/tree-sitter/tree-sitter/issues/1870

    [3]: https://github.com/tree-sitter/tree-sitter/issues/224

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Typescript hints in your code samples

    3 projects | dev.to | 7 Jul 2021
  • How to Handle File Uploads with ASP.NET Core

    2 projects | dev.to | 7 May 2024
  • How to Scrape Google Finance

    1 project | dev.to | 6 May 2024
  • How to make ESLint and Prettier work together? 🛠️

    4 projects | dev.to | 5 May 2024
  • Create a simple Server using Express.js.

    1 project | dev.to | 4 May 2024