Svelte Universal Highlighter 💅

⚡️ Working demo: https://svelte-universal-highlighter.vercel.app/

✍️ Description

A syntax highlighter built with Svelte😘 It's "universal" because you can switch between highlighter implementations according to supported languages or preferred themes etc. Furthermore, you can even highlight codes in unknown languages, thanks to GPT!

✅ Supported highlighters

• Prism (12 languages[^1])
• highlight.js (192 languages)
• GPT (∞ languages!)
  • OpenAI's API key required.

[^1]: Prism itself supports more languages, but we only support languages that are initially available due to technical reason.

🏋️ Usage

1. Go to demo page.
2. Copy and paste the code you want to highlight in [code].
3. Select implementation from [highlighter].
4. If you select [GPT], fill your key in [OpenAI API key].
5. Select language of the code from [langage].
6. Select preferred theme from [theme].
7. You will get a beautiful output in [preview] :)

Enjoy! 😆

🧑‍💻 Developers

• @tnzk
• @notozeki
• @kei-nishikawa48