scouter-contrib / scouter-paper

scouter-paper is a web client software for scouter
Other
196 stars 44 forks source link

error stack trace render 개선 요청 #270

Open codingstore opened 3 years ago

codingstore commented 3 years ago

안녕하세요 스카우터 페이퍼 2.6.3버전을 사용중입니다

현재 버전에서 stackTrace를 출력하는경우 span태그에서 \n가 인식이 되지 않아서 가독성이 매우 떨어집니다. image

아래는 제가 임시로 FrameProfile에서 아무것도 걸리지 않는 경우 pre로 감싸서 출력을 하도록 수정을 해 본 예시입니다. image

return <div key={i}>
  <span className="label">{meta.name}</span>
  <span className={"data " + (meta.name.toLowerCase() === "error" ? "error" : "")}>
    {meta.type === "datetime" && d3.timeFormat(this.fullTimeFormat)(new Date(Number(this.props.profile[meta.key])))}
    {meta.type === "ms" && `${numeral(this.props.profile[meta.key]).format(this.props.config.numberFormat)} ms`}
    {meta.type === "bytes" && `${numeral(this.props.profile[meta.key]).format(this.props.config.numberFormat)} b`}
    {meta.type === "number" && numeral(this.props.profile[meta.key]).format(this.props.config.numberFormat)}
    {meta.type === "boolean" && this.boolTostr(this.props.profile[meta.key]) }
    {
      (
        meta.type !== "datetime" && 
        meta.type !== "ms" && 
        meta.type !== "bytes" && 
        meta.type !== "number" && 
        meta.type !== "boolean"
      ) && 
      //스택트레이스는 <pre></pre> 로 감싸서 공백과 \t \n 를 보존
      <pre>
        {
          this.props.profile[meta.key]
        }
      </pre>
    }
  </span>
</div>

stackTrace를 정상적으로 출력하도록 개선이 가능할지 문의드립니다

감사합니다

kranian commented 2 years ago

답변이 늦었네요 stackTrace를 정상적으로 출력하도록 개선 한지 체크 해보도록 하겠습니다.