Live data from Hacker News

Show HN: JSON Browse – Fetch, filter and manipulate your JSON inside the browser

jsonbrowse.com

11–20 of 28 posts

Re: Show HN: JSON Browse – Fetch, filter and manipulate your JSON inside the browser

#11
Chrome devtools? I feel the collapsed tree visualization of parsed JSON is already sufficient.

I'll just access the API I need within the authentication context of my app. Anything I would want to do with the JSON data is directly available in the devtools console. It has the added benefit of copying/pasting rough code I write in the console into my IDE to continue the work.

Re: Show HN: JSON Browse – Fetch, filter and manipulate your JSON inside the browser

#12
post #6

Earlier quoted context omitted.

That's fair. CORS is a bitch.

YEs, CORS is the reason for this and the code for this proxy is open source and very simple[0]. I didn't want to add disclaimers to clutter the UI nor did I wanted to build a browser extension as it would suffer from same trust issues (you still need to trust the extension developer). For full transparency, the proxy is hosted on Zeit's `now` service and I don't even have access to logs so accidental leaks should be…

[deleted]

Re: Show HN: JSON Browse – Fetch, filter and manipulate your JSON inside the browser

#13
post #6

Earlier quoted context omitted.

That's fair. CORS is a bitch.

YEs, CORS is the reason for this and the code for this proxy is open source and very simple[0]. I didn't want to add disclaimers to clutter the UI nor did I wanted to build a browser extension as it would suffer from same trust issues (you still need to trust the extension developer). For full transparency, the proxy is hosted on Zeit's `now` service and I don't even have access to logs so accidental leaks should be…

By the looks of it, I could just throw at it some response that is massive and it would still attempt to grab it?

If this is really being just run as a proxy setup, the jsonbrowse-proxy might not need the isomorphic-fetch lib, in which case you can just use the embedded node-fetch instead, which has max response size and timeout options available.

Re: Show HN: JSON Browse – Fetch, filter and manipulate your JSON inside the browser

#15

Chrome devtools? I feel the collapsed tree visualization of parsed JSON is already sufficient. I'll just access the API I need within the authentication context of my app. Anything I would want to do with the JSON data is directly available in the devtools console. It has the added benefit of copying/pasting rough code I write in the console into my IDE to continue the work.

That gets you decently far, especially with small JSON responses. You can't filter with any tree display though, which is what I normally reach to jq for. Being able to filter an array of objects down to only one property in each object is invaluable to me.

For example, in a JSON payload that has an array of 15 objects, I would like to see all IDs of those objects. The output would be something like [1230, 134, 65, 99]. I like looking at that vs scrolling and collapsing a bunch of objects.

Re: Show HN: JSON Browse – Fetch, filter and manipulate your JSON inside the browser

#17
post #16

I think the most useful feature here is JSON -> JS conversion. Relatively often I find myself copying and pasting some JSON into a JS file then manually deleting / regexing away the unnecessary quote marks around key names.

Other than being idiomatic, is there any advantage to quoting or not quoting key names in JS?

Re: Show HN: JSON Browse – Fetch, filter and manipulate your JSON inside the browser

#18
post #16

I think the most useful feature here is JSON -> JS conversion. Relatively often I find myself copying and pasting some JSON into a JS file then manually deleting / regexing away the unnecessary quote marks around key names.

Other than being idiomatic, is there any advantage to quoting or not quoting key names in JS?

Quoted keys allows more variety in the keys (e.g. "Content-Type") but is more annoying to use if all your JS code is written in camelCase (headers["Content-Type"] vs headers.contentType).

Re: Show HN: JSON Browse – Fetch, filter and manipulate your JSON inside the browser

#19
post #16

I think the most useful feature here is JSON -> JS conversion. Relatively often I find myself copying and pasting some JSON into a JS file then manually deleting / regexing away the unnecessary quote marks around key names.

strange, I always put quote marks, as I see them as totally necessary. Not in the browser, obviously, but in my mind. It helps me recording those are strings, not variables. I made too many mistakes in the likes of

    var foo = "bar";
    var baz = {
        foo: "qux"
    };

Re: Show HN: JSON Browse – Fetch, filter and manipulate your JSON inside the browser

#20
post #16

I think the most useful feature here is JSON -> JS conversion. Relatively often I find myself copying and pasting some JSON into a JS file then manually deleting / regexing away the unnecessary quote marks around key names.

Looks like a nice toy to play with for vim users. I already want to write a macro for it
Post reply on HN