Security News
New axobject-query Maintainer Faces Backlash Over Controversial Decision to Support Legacy Node.js Versions
A JavaScript library maintainer is under fire after merging a controversial PR to support legacy versions of Node.js.
@web-comp/json-viewer
Advanced tools
Readme
Collapsible JSON viewer in tree format with console like UI.
npm install @web-comp/core
npm install @web-comp/json-viewer
json viewer depends on @web-comp/core to work.
import '@web-comp/core';
import '@web-comp/json-viewer';
template:
<div> // container div
<wc-json-viewer id="myjson"></wc-json-viewer>
</div>
JS -
const element = document.getElementById("myjson");
const jsonData = {name: 'sudobird', ........}; // json array or object
element.setConfig({data: jsonData});
const jsonData = {
name: "sudobird",
age: 99,
cities: ['abc', 'def', 'ghi'],
gender: 'M',
car: null,
pan: 'BBGHGJ8485',
isActive: false,
jobs: [
{title: 'Software Engineer', city: 'abc'},
{title: 'Consultant', city: 'def'},
]
}
npm install @web-comp/core @web-comp/json-viewer
schemas: [CUSTOM_ELEMENTS_SCHEMA]
in the module.import '@web-comp/core';
import '@web-comp/json-viewer';
<wc-json-viewer #jsonview></wc-json-viewer>
@ViewChild('jsonview') jsonview;
....
const jsonData = {....} // your json
this.jsonview.nativeElement.setConfig({data: jsonData});
Install and import modules (core and json viewer)
import '@web-comp/core';
import '@web-comp/json-viewer';
<wc-json-viewer ref="jsonRef"></wc-json-viewer>
// in JS
componentDidMount() {
this.jsonRef.current.setConfig({data: <jsonObj>});
}
FAQs
Console like JSON Viewer template.
The npm package @web-comp/json-viewer receives a total of 202 weekly downloads. As such, @web-comp/json-viewer popularity was classified as not popular.
We found that @web-comp/json-viewer demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
A JavaScript library maintainer is under fire after merging a controversial PR to support legacy versions of Node.js.
Security News
Results from the 2023 State of JavaScript Survey highlight key trends, including Vite's dominance, rising TypeScript adoption, and the enduring popularity of React. Discover more insights on developer preferences and technology usage.
Security News
The US Justice Department has penalized two consulting firms $11.3 million for failing to meet cybersecurity requirements on federally funded projects, emphasizing strict enforcement to protect sensitive government data.