scouter-paper icon indicating copy to clipboard operation
scouter-paper copied to clipboard

error stack trace render 개선 요청

Open codingstore opened this issue 3 years ago • 1 comments

안녕하세요 스카우터 페이퍼 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를 정상적으로 출력하도록 개선이 가능할지 문의드립니다

감사합니다

codingstore avatar Oct 05 '21 09:10 codingstore

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

kranian avatar Dec 28 '21 02:12 kranian