[Breakpoint] Breakpoint for Response

[8bitzz]

Request Tab

• Users are able to select Request tab, swipe for navigation
• Display URL, Method, Headers, Queries, Body in ReadOnly mode
• Users are unable to edit these fields

Response Tab

• Looks similar to Breakpoint for Request
• Allow users to modify: Status Code, Headers, Body

Status Code

• Tap on Header cell should show StatusCodeEditorView
• Reuse the HeaderEditorViewController, logic similar to MapLocalTool

Header

• Tap on Header cell should show HeaderEditorView
• Reuse the HeaderEditorViewController, logic similar to MapLocalTool
• Display custom keyboard for auto completion/ suggestion
• Change query params should update URL automatically and vice versa

Body

• Tap on Body cell should show BodyEditorView
• Reuse the BodyEditorViewController, logic similar to MapLocalTool
• Display custom keyboard for auto completion/ suggestion

Breakpoint Action Menu

• Set menu action on right bar button on navigation bar
• Display 3 options: Execute, Abort, Continue for users to select

[NghiaTranUIT]

Requirement Update 1

Header / Query Editor

• After editing the Header Editor -> Save -> Back to the Request/Response Breakpoint Editor -> The number of headers must be updated.
• The same with Query Editor too.

Body

• Body doesn't have (0 items) -> Use the size:

HumanFormatter.shared.format(data: .byte(body.count)