Hey Jim YT Chen, have you tried http://httptoolkit.tech/view/ruby/ as an alternative to HttpLog? It covers a very similar use case (capturing & viewing sent Ruby HTTP), but it’s got a proper UI & tools and doesn’t require any of those code changes at all. Let me know what you think :-)
Debug all HTTP(S) sent by git, npm, apt-get, or anything else
The command line is powerful, but can be hard to understand, and extremely hard to debug. Ever run a command, see it fail with a cryptic error, and have no idea why?
Better tools can help you understand what’s really going on. They can let you see inside the command you’re running to understand how it’s communicating, see what data it’s working with, and debug it in depth.
Excitingly I’ve just shipped one-click terminal interception to do exactly this with HTTP Toolkit, for HTTP and HTTPS, to show you everything your CLI is sending and ...
HTTP View is a beautiful, free & open-source HTTP inspector. This is the first release of HTTP Toolkit, and lets you intercept HTTP or HTTPS traffic with one click, explore & examine that traffic up close, and discover exactly what your code (or anybody else’s) is sending.
Want to dive right in? Download it now.
HTTP Toolkit is a project that I’ve been working on for a while, to build an open-source suite of tools for HTTP development. The goal is to intercept & examine HTTP, edit it live, analyse flows of HTTP requests to audit performance and security, and rapidly prototype HTTP cl...
One interesting note: although this isn't available in on the web, if you're using JS in Electron then you can do this.
Using the standard HTML5 file input, you'll receive an extra path property on selected files, containing the real file path.
Full docs here: https://github.com/electron/electron/blob/master/docs/api/file-object.md
In general, you want to use a mapped type here. These allow you to take one object type and change which keys are included, and transform their values. In your case, you want the same type as EventComposedData, but with every property made optional.
That looks something like this:
eventData?: { [K in keyof EventComposedData]?: EventComposedData[K] }; In fact though, there's a predefined mapped type that does this called Partial, and you can just use that directly, instead of defining it yourself:
eventData?: Partial<EventComposedData>; These are equivalent: Partial should work fine f...
When using that syntax, no, but this is possible using dynamic imports.
https://mariusschulz.com/blog/dynamic-import-expressions-in-typescript has some good TypeScript examples & explanations for dynamic imports.
In your case, this would look something like:
const config = import('config').catch((error) => { // Do something if you get an error }); Note that this makes loading asynchronous, so config will be a promise for the module value, not just the value itself, and the rest of your code won't automatically wait until that loading has been completed. You'll need to explicitly await ...