ngx-json-explorer (workspace)

Angular CLI workspace hosting the ngx-json-explorer library — a fully-configurable JSON tree explorer for Angular — plus a testing-app that showcases every option live.

• Library: projects/ngx-json-explorer — see that README for the full features list, options/outputs reference, theming, editing, and accessibility docs.
• Showcase app: projects/testing-app — a configuration panel + live preview + event log + code preview for every library option. Live demo

Development

npm install

# Run the interactive showcase app at http://localhost:4200
ng serve testing-app

# Build the publishable library to dist/ngx-json-explorer
ng build ngx-json-explorer

# Run the library's unit tests (Vitest)
ng test ngx-json-explorer

The showcase app imports the library via the ngx-json-explorer path mapping in tsconfig.json, which points at the built output in dist/ngx-json-explorer — build the library at least once before serving testing-app.

Publishing the library

ng build ngx-json-explorer
cd dist/ngx-json-explorer
npm publish

Pushing a GitHub Release also triggers .github/workflows/publish.yml to publish automatically, given an NPM_TOKEN repo secret.

Community

• Contributing guide
• Code of Conduct
• Security policy
• Changelog
• Issue tracker

License

MIT