bruno icon indicating copy to clipboard operation
bruno copied to clipboard

feature: response panel split horizontal

Open end3rbyte opened this issue 9 months ago • 12 comments

Description

Resolves: #1041

With this change:

  • it is now possible to split the request/response panels vertically or horizontally
  • vertical overflows have been adjusted in all screens in both horizontal and vertical layouts
  • the split direction is persisted as a user preference
  • it is now more comfortable to work with Bruno and an IDE open at the same time on the same screen

Here is the demo:

https://github.com/usebruno/bruno/assets/139650490/86b6c4db-84f7-46c0-8f50-388054e9a537

And more screenshots:

image

electron_U8PIxmHYom electron_YTFmzaYsHH electron_cOgYuTtQCI electron_YOffgENlxT electron_f5VDlymJQc electron_u8mcHJ51zw electron_jkmnd8Zser electron_2qc7UtuoZC electron_kxt7gTU7dM electron_ZQQX7NEcb4 electron_C89wxtWqQB electron_x1yFSWnCvf electron_BfG0s59HkF electron_Kcf44IA8Pc electron_UmydaeGYrB electron_k2F3JkxjPb electron_OEs0egUkL2 electron_qk5S9XxK2Q

Contribution Checklist:

  • [X] The pull request only addresses one issue or adds one feature.
  • [X] The pull request does not introduce any breaking changes
  • [X] I have added screenshots or gifs to help explain the change if applicable.
  • [X] I have read the contribution guidelines.
  • [X] Create an issue and link to the pull request.

Note: Keeping the PR small and focused helps make it easier to review and merge. If you have multiple changes you want to make, please consider submitting them as separate pull requests.

Publishing to New Package Managers

Please see here for more information.

end3rbyte avatar Apr 28 '24 19:04 end3rbyte

Hey small thing, instead of opening a new PR every time you squash your commits, you can just rebase your branch and then force push. This way you don't have to open & close your PR's.

Its-treason avatar Apr 28 '24 20:04 Its-treason

Hey small thing, instead of opening a new PR every time you squash your commits, you can just rebase your branch and then force push. This way you don't have to open & close your PR's.

Ok sorry about that, I will do like you suggest next times

end3rbyte avatar Apr 28 '24 21:04 end3rbyte

Sorry for making more changes to my PR recently, but I am now happy with my changes, I am confident it works because I went through all screens to verify the display. So I am done, I am not making anymore changes.

end3rbyte avatar Apr 29 '24 15:04 end3rbyte

looking forward to seeing this one merged

reorx avatar Apr 30 '24 13:04 reorx

looking forward to seeing this one merged

Same!!

daniel9x avatar Apr 30 '24 15:04 daniel9x

Hi @sanjai0py, would you be able by any chance to assign the PR to someone for review ? Cheers

end3rbyte avatar May 01 '24 11:05 end3rbyte

Hi @Its-treason Would you have the chance to review this PR, currently it's not assigned to anyone

end3rbyte avatar May 06 '24 07:05 end3rbyte

I can review your PR in the next few days. But your PR is quite big, so it will take some time to review.

But before I start reviewing this, I would like for @helloanoop to confirm that: We want this, and it gets merged soon after reviewing.

Its-treason avatar May 06 '24 09:05 Its-treason

Just to explain why this change is pretty important for me and certainly others.

If you put side by side your ide and bruno, you have very narrow columns for request and response in bruno, see below my screen

image

And lucky me, I have a pretty wide screen...

end3rbyte avatar May 06 '24 09:05 end3rbyte

@busy-panda This is something that we definetely want to get merged.

One of the concerns I have merging a large PR like this is that it would also need extensive testing before we ship the build as we do not want to break the interface for the current vertical split (like the code editor heights)

Also, there is a large number of other PR's that rank higher in priority. I will come back to this in about 1-2 weeks. Thanks for your patience.

helloanoop avatar May 07 '24 09:05 helloanoop

Hi @helloanoop I fixed the conflicts and retested. Could we please have this PR merged ?

end3rbyte avatar Jul 01 '24 14:07 end3rbyte

Hi @helloanoop I fixed the conflicts and retested. Could we please have this PR merged ?

I second this being merged in, this is a great feature.

BatmanPriddy avatar Aug 19 '24 22:08 BatmanPriddy

Thanks for taking the time to work on this @end3rbyte !

The PR is quite huge, and the code has also undergone significant changes. We have also removed a lot of hardcoding the heights of the code editors (codemirror), than should make the implementation of this a lot more easier.

I feel this functionality is better implemented by someone here internally at Bruno Core Team. We'll keep this PR open as a reference PR. In terms of an ETA, we are looking at end of Sep to have this feature released.

helloanoop avatar Aug 27 '24 11:08 helloanoop

Hi @helloanoop This is a bit a shame because this is a pretty basic feature and I doubt your team will be able to implement it with less changes. I've sync and fixed the conflicts, I had to revert what was implemented recently on query params (https://github.com/usebruno/bruno/pull/2641) because what was implemented with absolute position is not compatible with a horizontal screen split. Demo recorded today with latest code:

https://github.com/user-attachments/assets/32f4b5d2-ee5f-4a52-b302-75aaacdf9f21

end3rbyte avatar Sep 10 '24 09:09 end3rbyte

I really hope for this feature to be implemented as well. Just came to look if it's already in the tracker.

It's not just for people having two windows side by side - I have my "documentation" screen in portrait mode, so the Response panel I'm looking at is really small.

CCRDude avatar Sep 20 '24 07:09 CCRDude