npmpackage.info

Gathering detailed insights and metrics for ngx-json-viewer

Other packages similar to ngx-json-viewer

ngx-extended-pdf-viewer

22.0.0-alpha.11

Embedding PDF files in your Angular application. Highly configurable viewer including the toolbar, sidebar, and all the features you're used to.

ngx-doc-viewer

15.0.1

Angular document viewer.

ngx-json-viewer-scrolling

2.3.1

JSON formatter / viewer for Angular 2/4/5/6+

@ngx-translate/http-loader

16.0.0

http loader for dynamically loading translation files for @ngx-translate/core

Gathering detailed insights and metrics for ngx-json-viewer

ngx-json-viewer

JSON formatter and viewer in HTML for Angular

3.2.1

174

MIT

TypeScript

2.19 kB

9,401,539 3

Installations

npm install ngx-json-viewer

Pull Requests

Open

23

Total

101

Closed

57

Merged

21

Issues

Open

35

Total

56

Closed

21

Releases

v3.2.1

Published on 21 Nov 2022

v3.2.0

Published on 25 Oct 2022

Angular 13+ and Ivy Distribution

v3.1.0

Published on 18 Jun 2022

Support Angular 11

v3.0.2

Published on 08 Jan 2021

Support Angular 7 and Misc Improvements

2.4.0

Published on 28 Oct 2018

Support Angular 6

2.3.1

Published on 12 Jun 2018

View all 10 releases

Developer

hivivo

Developer Guide

BETA

Module System

ESM

Min. Node Version

Typescript Support

No

Node Version

NPM Version

Statistics

174 Stars

54 Commits

72 Forks

5 Watching

11 Branches

8 Contributors

Updated on 04 Oct 2024

Bundle Size

10.29 kB

Minified

2.19 kB

Minified + Gzipped

Bundlephobia

Languages

TypeScript (68.16%)

SCSS (13.34%)

HTML (9.05%)

JavaScript (8.95%)

CSS (0.5%)

Total Downloads

Cumulative downloads

Total Downloads

9,401,539

Last day

-3.7%

10,524

Compared to previous day

Last week

4.8%

56,805

Compared to previous week

Last month

6.6%

234,551

Compared to previous month

Last year

12.1%

2,645,129

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

tslib

Versions

ngx-json-viewer

JSON formatter and viewer for Angular

Live demo:

Angular 14: https://stackblitz.com/edit/angular-14-ngx-json-viewer
Angular 5: https://stackblitz.com/edit/ngx-json-viewer

Install

1npm install ngx-json-viewer

1yarn add ngx-json-viewer

For older Angular:

1# For Angular 4/5/6/7+:
2npm install ngx-json-viewer@2
3
4# For Angular 2:
5npm install ngx-json-viewer@1

NPM Package: https://www.npmjs.com/package/ngx-json-viewer

Usage

In your app.module.ts import NgxJsonViewerModule like

1import { NgxJsonViewerModule } from 'ngx-json-viewer';
2
3@NgModule({
4  ...,
5  imports: [
6    ...,
7    NgxJsonViewerModule,
8    ...
9  ],
10  ...
11})
12export class AppModule { }

In your component:

1<ngx-json-viewer [json]="someObject"></ngx-json-viewer>

To collapse all nodes at first:

1<ngx-json-viewer [json]="someObject" [expanded]="false"></ngx-json-viewer>

To only expand 3 levels:

1<ngx-json-viewer [json]="someObject" [depth]="3"></ngx-json-viewer>

Theming

Theming can be done with CSS variables

--ngx-json-string : color of string values
--ngx-json-number : color of number values
--ngx-json-boolean : color of boolean values
--ngx-json-date : color of date values
--ngx-json-array : color of array values
--ngx-json-object : color of object values
--ngx-json-function : color of function values
--ngx-json-null : color of null values
--ngx-json-null-bg : background color of null values
--ngx-json-undefined : color of undefined values
--ngx-json-toggler : color of toggler
--ngx-json-key : color of keys
--ngx-json-separator : color of separators
--ngx-json-value : color of values
--ngx-json-undefined-key : color for key of undefined values
--ngx-json-font-family : font-family
--ngx-json-font-size : font-size

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

2

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Maintained

Determines if the project is "actively maintained".

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

3

/10

Last Scanned on 2024-11-18

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More