Hey everyone! ![]()
Since our migration from Connect to Forge, I’ve been struggling to debug the UI of our Forge apps because all Forge invocations get buried in a sea of GraphQL requests.
I came across the browser extension made by @lkimmel from Seibert Group (thanks for the inspiration!), but I needed a bit more info for Forge Remote invocations and I wanted something closer to the existing Network tab.
So I’ve developed a new browser extension for Chrome and Firefox to debug both Forge Function invocations and Forge Remote invocations.
It supports filtering Forge invocations, configuring the visible columns, importing/exporting to HAR, etc.
If you run into bugs or have feature suggestions to help improve the Forge DX, feel free to open an issue or ping me.
I already have other ideas like a way to replay/modify Forge Function and Remote invocations, a dedicated DevTools tab for Forge console logs grouped by source application, etc.
I’d love to hear your feedback! ![]()
Links:
- Source code: GitHub - JoaoBrlt/atlassian-forge-devtools: Browser extension that provides DevTools for Atlassian Forge apps · GitHub
- Download for Chrome: https://chromewebstore.google.com/detail/atlassian-forge-devtools/nofccjajldmajgiidomkffhdecihiaig
- Download for Firefox: Atlassian Forge DevTools – Get this Extension for 🦊 Firefox (en-US)
- Manual download: Releases · JoaoBrlt/atlassian-forge-devtools · GitHub
Cheers!