elastic/kibana

[APM] JSON formatting for database spans

Open

#107 751 ouverte le 5 août 2021

Voir sur GitHub
 (10 commentaires) (0 réactions) (0 assignés)TypeScript (19 065 stars) (8 021 forks)batch import
Team:obs-ux-infra_services - DEPRECATEDenhancementgood first issuestale

Description

Related https://github.com/elastic/apm-agent-nodejs/issues/2019

We show queries for spans with type db, but if it's not SQL it just renders this text field:

image

Figure out if we can determine if the query language is JSON, and give it pretty formatting and highlighting in these cases.

Guide contributeur

Stack technique
typescriptreact
Domaine
frontendobservability
Type d'issue
feature
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
half day
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
fresh
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
mostly clear
Prérequis
basic frontend knowledgeunderstanding of JSON
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
60
Direction de recherche
Examine the related issue https://github.com/elastic/apm agent nodejs/issues/2019 for context on how database spans are currently handled. Locate the frontend code in the Kibana repository that renders database span details, likely in the APM plugin. The goal is to detect if the query content is JSON and apply pretty formatting with syntax highlighting. Look for existing components that handle SQL formatting to reuse patterns. Check comments in the issue for any proposed approaches or blockers.