Installations

npm install @stoplight/json-schema-viewer

Pull Requests

Open

12

Total

223

Closed

31

Merged

180

Issues

Open

19

Total

57

Closed

38

Releases

154

v4.16.3

Published on 22 Nov 2024

v4.16.2

Published on 06 Nov 2024

v4.16.1

Published on 10 May 2024

v4.16.0

Published on 11 Mar 2024

v4.15.1

Published on 25 Jan 2024

v4.15.0

Published on 24 Jan 2024

View all 154 releases

Developer

stoplightio

Developer Guide

BETA

Module System

CommonJS, ESM

Min. Node Version

>=16

Typescript Support

No

Node Version

18.20.5

NPM Version

10.8.1 Statistics

182 Stars

325 Commits

37 Forks

18 Watching

26 Branches

78 Contributors

Updated on 27 Nov 2024

Languages

TypeScript (98.64%)

JavaScript (1.16%)

HTML (0.19%)

Total Downloads

Cumulative downloads

Total Downloads

2,795,743

Last day

66.6%

6,890

Compared to previous day

Last week

48.3%

42,817

Compared to previous week

Last month

1.5%

148,575

Compared to previous month

Last year

111.3%

1,545,733

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

8

@stoplight/json @stoplight/json-schema-tree @stoplight/react-error-boundary @types/json-schema classnames fnv-plus jotai lodash

Peer Dependencies

5

@stoplight/markdown-viewer @stoplight/mosaic @stoplight/mosaic-code-viewer react react-dom

Versions

@stoplight/json-schema-viewer

A JSON Schema viewer React component

Explore the components: Storybook
View the changelog: Releases

Features

Full JSON Schema Draft 4 support, including oneOf and anyOf combiner properties
Renders complicated nested objects to any depth
Renders validation properties and markdown descriptions
Capable of linking resolved $refs
Theme-able
Collapsible

Installation

Supported in modern browsers and node.

1# latest stable
2yarn add @stoplight/json-schema-viewer

Usage

1// index.jsx
2import { JsonSchemaViewer } from "@stoplight/json-schema-viewer";
3
4<JsonSchemaViewer
5  name="Todos Model"
6  schema={schema}
7  expanded={true}
8  hideTopBar={false}
9  emptyText="No schema defined"
10  defaultExpandedDepth={0}
11/>;

More examples can be find in the Storybook stories.

Contributing

Clone repo.
Create / checkout feature/{name}, chore/{name}, or fix/{name} branch.
Install deps: yarn.
Make your changes.
Run tests: yarn test.prod.
Stage relevant files to git.
Commit: yarn commit. NOTE: Commits that don't follow the conventional format will be rejected. yarn commit creates this format for you, or you can put it together manually and then do a regular git commit.
Push: git push.
Open PR targeting the develop branch.

No vulnerabilities found.

10

Dangerous-Workflow

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

10

Code-Review

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

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.

9

Maintained

Determines if the project is "actively maintained".

0

Token-Permissions

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

0

CII-Best-Practices

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

0

Fuzzing

Determines if the project uses fuzzing.

0

Security-Policy

Determines if the project has published a security policy.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

5.1

/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