Tabs for opened requests

[NickRimmer]

Hey there!

First off, I just want to say that Insomnia is such an amazing tool! It's a refreshing alternative to Postman, packed with its own unique and cool features - kudos to the team behind it! 🎉

However, as a user, I found myself missing tabs for 'opened' requests. Sure, there's a handy quick switch via hotkeys, but in my workflow, I tend to be more of a mouse-clicker, jumping around in the UI between requests. So, I thought - why not bring tabs to the party?

I've brewed up a plugin to do just this! Meet "Tabs: Requests Navigator". It's all set to make your Insomnia experience even more seamless. Install it directly by its name insomnia-plugin-request-navigator or grab it from the plugin page.
https://insomnia.rest/plugins/insomnia-plugin-request-navigator

I hope it adds a sprinkle of convenience and fun to your Insomnia journey. Cheers! 🚀

[smiller0924]

I cannot get the tabs to work. I have the following version of Insomnia:

Insomnia 2023.5.8
Build date: 9/7/2023
OS: Windows_NT x64 10.0.19045
Electron: 25.2.0
Node: 18.15.0
Node ABI: 116
V8: 11.4.183.23-electron.0
Architecture: x64

Is there a hotkey I have to click to enable this? Thank you.

[tarciomota]

no longer working

Error: Cannot find module 'nedb'
Require stack:
- C:\Users\<USER>\AppData\Local\insomnia\app-8.6.1\resources\app.asar\index.html
    at Module._resolveFilename (node:internal/modules/cjs/loader:1084:15)
    at o._resolveFilename (node:electron/js2c/renderer_init:2:3225)
    at Module._load (node:internal/modules/cjs/loader:929:27)
    at l._load (node:electron/js2c/asar_bundle:2:13642)
    at o._load (node:electron/js2c/renderer_init:2:2455)
    at Module.require (node:internal/modules/cjs/loader:1150:19)
    at require (node:internal/modules/cjs/helpers:119:18)
    at Object.<anonymous> (C:\Users\<USER>\AppData\Roaming\Insomnia\plugins\insomnia-plugin-request-navigator\index.js:3202:19)
    at Object.<anonymous> (C:\Users\<USER>\AppData\Roaming\Insomnia\plugins\insomnia-plugin-request-navigator\index.js:3774:3)
    at Module._compile (node:internal/modules/cjs/loader:1271:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1326:10)
    at Module.load (node:internal/modules/cjs/loader:1126:32)
    at Module._load (node:internal/modules/cjs/loader:967:12)
    at l._load (node:electron/js2c/asar_bundle:2:13642)
    at o._load (node:electron/js2c/renderer_init:2:2455)
    at Module.require (node:internal/modules/cjs/loader:1150:19)
    at require (node:internal/modules/cjs/helpers:119:18)
    at cG (file:///C:/Users/<USER>/AppData/Local/insomnia/app-8.6.1/resources/app.asar/index-db9674c5.js:81:7484)
    at kk (file:///C:/Users/<USER>/AppData/Local/insomnia/app-8.6.1/resources/app.asar/index-db9674c5.js:81:8221)
    at async u (file:///C:/Users/<USER>/AppData/Local/insomnia/app-8.6.1/resources/app.asar/index-db9674c5.js:1512:17437)

[Deep-Adhikary]

@tarciomota
You need to change the nedb import as insomania is using nedb fork

1. Go to plugin folder
2. Open index.js.
3. Then change: "var NeDb = window.require("nedb"); " to "var NeDb = window.require("@seald-io/nedb");"

Please refer to #7019 for more details.
It would be good if Insomania adopt this. as @NickRimmer no longer maintaining the plugin.

[NickRimmer]

Yeah, sorry for this. I simply cannot test changes anymore, as I do not have latest insomnia installed -_-

[venkateshgopalakrishnan]

@Deep-Adhikary can't thank you enough for posting this fix. I should have come across this answer long back.

[subnetmarco]

We will start work to officially support tabs within the next 3 months, maybe sooner.

[subnetmarco]

Yes! We prioritized the scripting capabilities (pre-request scripting in 9.0 and after-response scripting in the upcoming 9.3). We are also now working on implementing globals environments, and after we will like to add tabs soon.

It will look like this:

[smiller0924]

I think that looks pretty cool!

Will you also be adding a Visualizer feature in the future? This way we can take relies and display the information in an custom HTML window. That would be next level.

Keep up the good work!

[subnetmarco]

Will you also be adding a Visualizer feature in the future?

That's the plan. What visualizations types do you like to display?

[smiller0924]

Sorry I didn't get back to you. Typically I just build very simple HTML pages to display elements of my REST API Replies. Here is an example:

let vizTemp =

<style type="text/css"> table { font-size:12px; color: gray; width:85%; border-width: 1px; border-color: "black"; border-collapse: separate; } table.center { margin-left: auto; margin-right: auto; } td { padding: 20px } </style>

<div class="header">
<h1>Volume Quote</h1>
{{#each response.statusList}}
    <p>{{description}}</p>
{{/each}}
<p>Quote ID: {{response.quoteId}}</p>
<p>Effective Date: {{response.effectiveDate}}</p>
<p>Expiration Date: {{response.expirationDate}}</p>
</div>   

<table border="1">
<table class="center">
<tr>
    <th style="background-color: blue">Service</th>
    <th style="background-color: blue">Delivery</th>
    <th style="background-color: blue">Rate (USD)</th>       
</tr>

{{#each response.options}}
    <tr>
        <td>{{optionType}}</td>
        <td>{{serviceLevel}}</td>
        <td>{{rate}}</td>
    </tr>
{{/each}}

`

pm.visualizer.set(vizTemp, {
    response: pm.response.json()
});

`

Here is another example:

`var jsonData = JSON.parse(responseBody);

pm.environment.set("serviceType", jsonData.output.rateReplyDetails[0].serviceType);
pm.environment.set("packageType", jsonData.output.rateReplyDetails[0].packagingType);

let vizTemp = `

<style type="text/css"> table { font-size:12px; color: gray; width:85%; border-width: 1px; border-color: "black"; border-collapse: separate; } table.center { margin-left: auto; margin-right: auto; } td { padding: 20px } </style>

<table border="1">
<table class="center">
<tr>
    <th style="background-color: blue">Service</th>
    <th style="background-color: blue">Delivery</th>
    <th style="background-color: blue">List (USD)</th>
    <th style="background-color: blue">Net (USD)</th>
    <th style="background-color: blue">List (OTHER)</th>
    <th style="background-color: blue">Net (OTHER)</th>        
</tr>

{{#each response.output.rateReplyDetails}}
    <tr>
        <td>{{serviceName}}</td>
        <td>{{commit.dateDetail.dayFormat}}</td>
        {{#each ratedShipmentDetails}}
            <td>{{totalNetFedExCharge}}</td>
        {{/each}}
    </tr>
{{/each}}

`

pm.visualizer.set(vizTemp, {
response: pm.response.json()
});`

I hope that this is helpful.

[smiller0924]

Hi there! I just wanted to check in with you in the Vizualization feature I asked about. Is there a feature in Insomnia similar to the one in Postman? Were my examples helpful? Please let me know your thoughts. Thank you.

[CurryYangxx]

Hi there! The officially support "Multi-tabs" feature has been finished development, you can download the artifact here and try it out. We’d appreciate your suggestions and feedback to help improve it further.
We plan to ship it in v11 and hope this feature can help you enhance your efficiency. Thanks!

PR: #8151

Screen.Recording.2024-11-25.at.16.29.35.mov

[CurryYangxx]

@lmorganl Do you have any problems with Windows?

[lmorganl]

@lmorganl Do you have any problems with Windows?

There's an error installing the version 10.2.1-8f87589.pr-8151.0.exe. That's all ;)

[Deep-Adhikary]

This is indeed a great usability improvement. Excieted to see it in main brunch.

I feel pinned tab(s) will be a good scope fore future improvement(if this is too complex to be implemented)

I did not used insomania around 6+ months. It indeed comes long way and the app looks great. I have seen scripting is also implemented(Thanks to this, I could ditch postman :D)

[lmorganl]

Do you have an idea of when tabs will be release ?

[subnetmarco]

It will ship in January/February in Insomnia v11.