Quick View

[NghiaTranUIT]

Description

• See the demo: https://github.com/ProxymanApp/proxyman-windows-linux/assets/5878421/25e2769e-9a96-44fe-a7ef-4e2f2498d6e2

Acceptance Criteria

• Add to Monaco Editor 4 actions

• Add to the right menu context when selecting text anywhere in the app: See the below video: In the Header Tab -> I can select the Value -> Right Click -> Select JSON or Base64 Decode

https://github.com/ProxymanApp/proxyman-windows-linux/assets/5878421/1de8b0b1-49c5-4638-be32-9aada430eaef

Logic

Prettify JSON

• Get the selected Text from Monaco Editor or Selected Text from any view (For example Header Value text field)
• Prettify JSON and show on Monaco Editor Popover. Make sure the Popover Anchor is the Parent View.
• Show Error View if it's not a JSON

Decode Base64

• Similar logic as Prettify JSON, but it's time for Decoding Base64 String

Display Table

• Similar logic as Prettify JSON, but it's time for displaying the selected text as Key & Value Table. Separated by & char

JWT

• Use https://www.npmjs.com/package/jwt-decode to decode JWT and show it as a table view as macOS version does.