Would it be possible to host json-human on npm? npm is also for clientside libraries and would make installing easier. You would also support node users.

Could you please update the jsdom version? I can't install with npm because it throws an error. Newer jsdom versions don't require contextify anymore.

Option to hide Array Index (Issue #5)

Pass showArrayIndex: true / false to hide or show array indices in the output If not set, it is assumed to be true

Option to output hyperlinks in the HTML output (Issue #4)

Create "hyperlinks" key in the options to enable this in output

hyperlinks : { enable : true, keys: ['url'], // Keys which will be output as links target : '_blank' // 'target' attribute of a }

Code changes

JS

_format will get two more params - the options object and also parentKey to set the context. This is useful when we are parsing arrays and need to know what the parent-key was. For now, useful to identify if we are parsing list of hyperlinks. Could be useful for other things in future.

validateOptions methods will be used to validate the options object passed-in. Any new validations can be inside this (ex validateHyperlinkOptions and validateArrayIndexOption)

linkNode functions is like scn. Creates a a-node(hyperlink) and appends child node to that.

CSS

New classes for hyperlinks

Hi @marianoguerra,

I tried to get json.human.js working with rails-assets but it fails with the following message.

json-human has no versions defined. Please create an issue in component's repository.

The problem is the lack of version tag. Could you please create a tag with current revision of the package using semver format? It could be 0.0.1, or anything you suggest.

Here is the component import page to check it working: https://rails-assets.org/components/new

Json.human.js does not support Bower, with this pull requests everyone will be able to add it to their projects just by doing bower install json-human.

Once this is merged, the following needs to be ran :

bower register json-human https://github.com/marianoguerra/json.human.js.git

Add support for Date objects and "empty objects" that are not objects. Uses obj.toString() to display the object.

Also convert "CONSTANTS" to be bitmask-compatible and replace switch statement with if statement in order to be able to use bitmasks.

Just making you all aware of prettyprint.js which basically does the same thing as this library albeit a bit more colorful. I love that there are now more options for formatting JSON into a more human readable format. Keep up the good work!

prettyprint.js: https://github.com/padolsey/prettyPrint.js

Since the readme states that the goal is to display JSON:

without losing information about the underlying JSON object

I think it should be considered a bug that there is no way at all to distinguish an empty array ( [ ] ) from an empty object ( { } ).

This is exactly what I have been looking for and it works great but sadly I would like to send the table via email and external styles aren't really supported. Would it be possible to have a config parameter like styles: { th: 'border: 1px solid black', td: 'some css' } and then embed that into the table as inline style tags? Is json.human.js appropriate for emails?

Fix for Issue #3

Users can display bool as text, image or both They can customize the text display for true & false as well

Things changed

Added default icons for true false Modified CSS a bit, users can customize true & false font color Used google font to prettify the output Updated demo page Users can play with options in demo page as well

TODO

Please update the demo page [http://marianoguerra.github.io/json.human.js/]

Hello, I was charmed by your json to table demo. I wanted to get it to work in nodejs with npm instead of bower.

It seems I got it to work with just this much (see changes). I've managed to write away your table output to an html file, using outerHTML.

So I created a package.json file for you, so anyone can use this in nodejs.

You could publish it on npm. 'json-human' is still available.

Also, the demo page still works, so I guess this merge should not break anything.

It would be nice to have like a HOC Component that Renders the JSON under sub components using modern framework/ui libraries such as vue, react, ember etc...

Do you think that I can be a feature of this library, or a sort of wrapper would be required to make this feasible?

Consider adding icons to represent type more semantically? This will solve confusion about which type something is, without causing too much confusion for users.

Here are some ideas from the Bootstrap Glyphicons (which was on hand as some examples):

• string: icon-comment
• number: icon-calculator
• object: icon-folder-open
• array: icon-list
• true/false: icon-check
• null: icon-asterisk

Sometimes I need to copy the json to move it to another place. I would like to see the formatted json by default but be able to change to a view that shows me the original json.

Would you be interested in creating a Chrome Extension with this functionality?

For example, when you visit http://graph.facebook.com/facebook, it would parse it with this library.

I am currently using the JSON Formatter (https://github.com/callumlocke/json-formatter) and it is great. JSON Formatter could be used as a model to incorporate this library into it's own extension.