pretty-ts-errors

• Purpose: Makes TypeScript errors more readable and human-friendly in VSCode by enhancing error messages with syntax highlighting and additional navigation features.
• Key Features:
  • Syntax highlighting for types in error messages (supports light/dark themes).
  • Buttons to navigate to relevant type declarations, typescript.tv (for detailed explanations), and ts-error-translator (for plain English translations).
• Supported Environments:
  • Node, Deno (.ts files), JSDoc (.js, .jsx files).
  • React, Solid, Qwik (.tsx, .mdx files).
  • Svelte, Astro, Vue (.astro, .svelte, .vue files with TypeScript enabled).
  • Ember/Glimmer (.hbs, .gjs, .gts files).
• Target Audience: TypeScript developers working in VSCode who want clearer error messages, especially in complex type scenarios.
• Notable Mentions:
  • Won the "Productivity Booster" category at JSNation 2023.
  • Endorsed by prominent developers like Kent C. Dodds, Matt Pocock, and Theo Browne.
• Challenges Overcome:
  • Handles invalid TypeScript syntax in errors (e.g., ... more ...).
  • Custom TextMate grammar for syntax highlighting without type X = ... context.
  • Workarounds for VSCode markdown styling limitations.