Lottie-web: Is there a tool for viewing docs/json?

[minimalviking]

I'm trying to understand bodymovin json format and I've noticed that docs/json seem to be in a format suitable for viewing in some kind of json documentation tool, but I wasn't able to find any mention of that anywhere

[bodymovin]

I haven't found any suitable tool for now. And I think the documentation format is not respecting all the requirements.
If anyone can help on this, in would be great.

[DaanDirk]

When you view a json in firefox you can open and close brackets with a click.
Or do you mean something like this:
https://transform.now.sh/js-object-to-json/

[felippenardi]

@bodymovin Is there a way from After Effects to get the path to a specific property?

[felippenardi]

I'm finding it difficult to understand the json output referencing the docs without a preview tool. Do you have a better workflow?

[akshay-nm]

Please don't take this the wrong way, I am new to this. I am having a hard time grasping the issue itself. What are we trying to do here? What are we looking for?

[felippenardi]

I don't understand your question. Are you having some problem or just trying to get in the thread?

[akshay-nm]

I am just trying to understand the issue. It says "is there a tool for viewing docs/json".
Just looking for a high level overview.
If trying to get in the thread means I get to help then yeah. 😅😁

[felippenardi]

Sure! Let me give you some context. The output of converting an After Effects animation into lottie is a json file. This JSON file is filled with two-letter properties describes the vector and the animation.

If you modify the right properties in this JSON, you can modify an animation at runtime—which is very powerful. But parsing this JSON is difficult because it contains one to two letter properties. You have o instead of opacity, and so on so forth.

What we are asking here is a tool to visualize this JSON in a way we can understand what the properties are. That is what we mean with "a tool for viewing docs/json".

[akshay-nm]

Have you tried "tree viewer" in JSON viewer on code beautify?
https://codebeautify.org/jsonviewer/

[guiccbr]

@minimalviking , I tried to use @adobe/jsonschema2md to auto-generate the markdown documentation for the json schemas, and had partial success. Some of the json schemas fail during the validation step, so I had to ignore those (maybe related to #1167).

Parsing only the shapes directory will work, for instance

./node_modules/.bin/jsonschema2md -d docs/json/shapes -o dist/docs -e json -v 04