Changelog #0004 — 🖥️ Desktop app

Another week, another changelog! Check out what we shipped 👇



HTTPie for Web & Desktop

HTTPie’s mission is to make APIs simple and intuitive for all those building the tools of our time. And today we got a bit closer to that goal by becoming the first API testing platform with clients for the Web, Desktop, and Terminal.



🖥️ Desktop app released

Now we can finally say that “HTTPie for Web & Desktop” is entirely accurate: the HTTPie for Desktop app is live!

HTTPie for Desktop login

HTTPie for Desktop icon

A dedicated desktop app has been the most frequent request from our beta users. And for a good reason: without it, it’s hard to test APIs running on localhost and behind a firewall. A focused app also serves as a protection against distraction rabbit holes, which are just a bit harder to avoid when working in the browser (as one of our beta users has pointed out).

HTTPie for Desktop

If you’re a beta member, download the app today, and start working locally & without distractions.



✨ Improvements

  • Whenever you feel like making a new API request, you can now use the short & sweet req.new alias for httpie.io/app.
  • There’s a new 📣 icon in your left-bottom navigation linking to these changelogs.
  • Layout improvements: you can’t see that annoying space at the right anymore, and the scroll works much better, among others.



🪲 Fixes

  • You couldn’t send a request with an invalid header name, even if that header was disabled. Now you can.
  • The web app was adding some unnecessary headers to outgoing requests. It’s no longer the case.
  • The panels resizing feature we shipped last week had some naughty bugs. They’re gone now.



HTTPie for Terminal

Here’s a summary of this week’s improvements to the development version of HTTPie for Terminal, which will be part of the upcoming v3.0.0 release.



🌲️ Nested JSON support (#1224)

The long-waited nested JSON support just landed! You can now use a new syntax based on the JSON Form notation to rapidly build complex JSON requests.

http --offline --print=B pie.dev/post 
  result[status][type]=ok ids:=1 ids:=2

    "result": 
        "status": 
            "type": "ok"
        
    ,
    "ids": [
        1,
        2
    ]

This new syntax is very expressive, and we believe it will save a lot of keystrokes. See more examples in the unstable docs.



✨ Improvements

— Startup time is now 40% faster. (#1221)

  • Are you authenticating with a bearer token? Great news then, bearer token auth is now a built-in method. You can use -A bearer -a token to send requests with it. (#1216)
  • There are two new operators: ==@ for reading query params from a file; and :@ for reading headers from a file. (#1218)
  • If any of the response headers include Content-Type: text/event-stream, then we’ll now auto-stream the response body. (#1226)



🪲 Fixes

  • An XML declaration was auto-added to the beginning of each formatted XML response, but not anymore. Now you’ll only see it if it’s already present in the raw response. (#1183)



Happy testing, and see you next week!

Originally published on HTTPie blog.




Source link

Changelog #0003 — 📦 HTTPie command generation

Friday! It’s the time to let you know what have we been up to. Check out what’s new this week 👇



HTTPie for Web & Desktop

Our mission to provide the best experience to anyone working with APIs continues at full speed. We’ve reached feature parity with the terminal version, launched in a private beta, added light theme, tabs, persistency, and more.

Now we are focusing on a couple of Big Things™. In the meantime, here’s a few goodies across the platform:



📦 Export requests to HTTPie for Terminal

HTTPie for Terminal is still our most beloved child, and we want it to go hand in hand with Web & Desktop. This is the first step in that direction: you can now generate HTTPie commands in the app.

Open the preview and select the HTTPie option. Check the generated command and copy it to your terminal or share it with a CLI-first colleague. Easy!



↔️ Resize panels

HTTPie aims to be perfectly tailored to your API requests & responses. We try our best, but you’ll always know better. The ultimate power is now yours: you can resize panels.

Choose your preferred panel’s width by clicking and dragging the panel dividers to make them wider or narrower.



🔀 Re-order tabs

If you use tabs for organization, you’ll probably find this a great addition to our last tabs update. Now you can drag and drop each tab and place them in your preferred order.



✨ Improvements

  • Need to recall when you sent that request? Now you don’t need to remember. Check out the timestamp near the time and size info, at the bottom of the response panel.
  • Speaking of that area: when you hover the response size info, you now get more granular time & size stats.
  • Introduced orange color for recoverable errors (e.g., invalid JSON in the editor). Red is now used exclusively for blocking issues, and orange is for all others.
  • Tab names now omit common URL prefixes like http:// and www..



🪲 Fixes

  • Response headers were a bit mixed up with proxy headers, autch! We fixed it.



HTTPie for Terminal

There are improvements in the development version of HTTPie for Terminal as well:



🔌 Plugins management command

HTTPie for Terminal offers extensibility through plugins, and there are over 100+ of them available to try!

They add things like new authentication methods (akamai/httpie-edgegrid), transport mechanisms (httpie/httpie-unixsocket), message convertors (banteg/httpie-image), or simply change how a response is formatted.

We’ve added a new command, httpie plugins, to help you manage (install/uninstall/list) plugins. It also solves a long-standing plugins-related issue with non-pip installations (e.g., via Homebrew) and it’s a potential place for many new features to come. (#1200)



Happy testing, and see you next week!

Originally published on HTTPie blog.




Source link

What's New In DevTools (Chrome 95)



1. New CSS length authoring tools

DevTools added a simpler yet flexible way of refreshing lengths in CSS!

In the Styles pane, look for any CSS property with length (e.g. height, padding).



2. Hide issues in the Issues tab

You would now be able to conceal explicit issues in the Issues tab to zero in just on those issues that make a difference to you.

In the Issues tab, hover over on an issue you would like to hide. Click on More options More > Hide issues like this.

Issue tab.png

All hidden issues will be added under the Hidden issues pane. Expand the pane. You can unhide all hidden issues or a selected one.

dnPfPGkxpkcSZRIHqGDA.png



3. Improved the display of properties

DevTools improve the display of properties by:

  • Always bold and sort owns properties first in the Console, Sources panel, and **Properties **pane.
  • Flatten the properties display in the Properties pane.

For example, the snippet below creates an URL object link with 2 own properties: user and access, and updates the value of an inherited property search.

/* example.js */

const link = new URL('https://goo.gle/devtools-blog');

link.user =  id: 1, name: 'Jane Doe' ;
link.access="admin";
link.search = `?access=$link.access`;

Try logging the link into the Console. Own properties are now bold and sorted first. These changes make it easier to spot custom properties, especially for Web APIs (e.g. URL) with many inherited properties.

Ngjx6YRQsH3Fhl6DUZYl.png

Apart from these changes, the properties in the Properties pane are also flattened now for better DOM properties debugging experience, especially for Web components.

hIQGKlYkWKJzljHZaaM9.png



4. Lighthouse 8.4 in the Lighthouse panel

The Lighthouse panel is now running Lighthouse 8.4. Lighthouse will now detect if the Largest Containful Paint (LCP) element was a lazy-loaded image and recommend removing the loading attribute from it.

u9nepJj3wgpMgoNxSaDZ.png



5. Sort snippets in the Sources panel

The snippets in the Snippets pane under the Sources panel are now sorted alphabetically. Previously, it’s not sorted.

Utilize the snippets feature to run commands quicker.

knb78RG6NCETitMbNoyV.png



6. Report a translation bug and New links to translated release notes

You can now click to read the DevTools release notes in 6 other languages **- **Russian, Chinese, Spanish, Japanese, Portuguese, and **Korean **via the What’s new tab.

Since Chrome 94, you can set your preferred language in DevTools. If you found any issues with the translations, help us improve it by reporting a translation issue via More options > Help > Report a translation bug.

Qrg4Ahf4sYseL2NQZwIl.png



7. Improved UI for DevTools command menu

Did you find it hard to search for a file in the Command Menu? Good news for you, the Command Menu user interface is now enhanced!

Open the Command Menu to search for a file with keyboard shortcut Control+P in Windows and Linux, or Command+P in MacOS.

The UI improvements of the Command Menu are still ongoing, stay tuned for more updates!

TJT2ry3vmUW1KoFgSKQP.png

Thanks for reading this!


Source link