[HN Gopher] Show HN: Object-visualizer - Chrome-console-like JSO... ___________________________________________________________________ Show HN: Object-visualizer - Chrome-console-like JSON object visualizer in DOM Author : iendeavor Score : 35 points Date : 2020-07-16 16:25 UTC (6 hours ago) (HTM) web link (github.com) (TXT) w3m dump (github.com) | wiradikusuma wrote: | "Meta + Click to Expand Recursively" -- what is Meta? | kanobo wrote: | It's used as a generic term in keyboard events to refer to [?] | on Mac and CTRL on PC, it's rare to see that word used outside | of code though. | esprehn wrote: | It's a key on your keyboard. The Modifier + Click combo action | to recursive expand is a feature from Mac OS that they've | replicated here. Though I think Mac OS uses Option + Click not | Meta. | | https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEve... | | https://www.google.com/search?q=meta+key | psadri wrote: | There is also react-inspector npm package. | tobr wrote: | Nice! I made something very much like this last year using | Svelte[1], which was a nice choice because of the automatic | reactivity it provides. | | 1: https://github.com/trbrc/svelte-inspect | prepend wrote: | This looks a lot like Chrome's console viewer for json (and all | other javascript objects). | | Is the enhancement just making it easier to cut paste a json than | having to craft a page and dump to console? | spankalee wrote: | This is a great use-case for a vanilla web component, which would | work in any framework, rather than needing react-inspector, | svelte-inspect, object-visualizer (Vue), etc. | | There's a 0 dependency web component implementation of this here: | https://github.com/vanillawc/wc-json Could probably use a bit of | polish and some screenshots to show it off. though. | felixrieseberg wrote: | Fun fact: The Chromium dev tools are "just another web app": | https://github.com/ChromeDevTools/devtools-frontend | ReD_CoDE wrote: | Does it completely open source? Can we use it as a platform? a | solution that uses its backend and frontend? | charrondev wrote: | This is nice! I was looking for something like this for a custom | debug panel a few months ago, but the only one I found was a bit | dated and had a jquery dependency. | | I'll have to give this a look. ___________________________________________________________________ (page generated 2020-07-16 23:01 UTC)