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.