spotlight icon indicating copy to clipboard operation
spotlight copied to clipboard

Add syntax highlighting

Open BYK opened this issue 1 year ago • 3 comments

Would be great to have syntax highlighting for error code frames and DB queries.

Can use https://www.npmjs.com/package/react-syntax-highlighter or https://www.npmjs.com/package/sql-highlight (only for DB queries)

BYK avatar Nov 19 '24 17:11 BYK

Okay, we need to use this for SQL highlighting: https://sentry.engineering/blog/formatting-sql-on-the-frontend

That means we need to extract that code into its own package and I got the go from @gggritso for us to do that (he'll integrate that package back into Sentry code, replacing the inlined module)

BYK avatar Apr 17 '25 18:04 BYK

/cc @betegon

BYK avatar Apr 17 '25 18:04 BYK

WIP here. I will update this issue once I get a working version of it.

betegon avatar May 26 '25 20:05 betegon

I think @MathurAditya724 made this happen in #999

BYK avatar Oct 24 '25 18:10 BYK