zerodevx / svelte-json-view Goto Github PK

Writen below code using this as child component. getting error as " was created with unknown prop 'app'"

<JsonView {app} />

Great package! Super easy to use.

The only thing is, there isn't any documentation on an API for the buttons you are using in your demo link. I think it would be helpful to add that. Unless those buttons are not part of the package and you're simply transforming the JSON and it's being reflected.

I am digging through the code trying to find and might submit a PR updating the docs if I do.

Would it be possible to make colors for braces and brackets separately configurable? Arrays and objects are quite different, and we have a use case where we want to make it visually clearer.

For something like this, I would expect to see the escaping correctly (as jq does it).

➜ echo '{"foo": "\""}' | jq
{
  "foo": "\""
}

However, this library shows the following

Can we have a configuration option for that?

Hey! I tried following the README and using --jsonPaddingLeft but it doesn't seem to have any affect. I got --jsonBorderLeft to work but that's not exactly what I want

<div class="myJsonWrapper">
  <JsonView json={my_data} />
</div>

<style>
  .myJsonWrapper {
    --jsonPaddingLeft: 10px;
    /* --jsonBorderLeft: 10px dotted white; */
  }
</style>

What it normally looks like (and still can't get it to work)

What it looks like if I add --jsonBorderLeft: