[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)