Research
Security News
Quasar RAT Disguised as an npm Package for Detecting Vulnerabilities in Ethereum Smart Contracts
Socket researchers uncover a malicious npm package posing as a tool for detecting vulnerabilities in Etherium smart contracts.
@condenast/xml-to-react
Advanced tools
Converts an XML document into a React tree.
Proudly built by:
This library may only be used in projects using React version 0.13.x or greater.
npm install --save xml-to-react
This assumes you are using npm as your package manager.
import XMLToReact from 'xml-to-react';
const xmlToReact = new XMLToReact({/* converters */});
const reactTree = xmlToReact.convert(/* XML string */);
Convert XML nodes into DOM elements with any provided attributes
import ReactDOM from 'react-dom';
import XMLToReact from 'xml-to-react';
import MyListItem from './MyListItem';
const xmlToReact = new XMLToReact({
Example: (attrs) => ({ type: 'ul', props: attrs }),
Item: (attrs) => ({ type: MyListItem, props: attrs })
});
const reactTree = xmlToReact.convert(`
<Example name="simple">
<Item i="1">one</Item>
<Item>two</Item>
<Item>three</Item>
</Example>
`);
ReactDOM.render('app-container', reactTree);
export default function MyListItem({ children, i }) {
return <li data-i={i}>{children}</li>;
}
This example would render the following:
<div id="app-container">
<ul name="simple">
<li data-i="1">one</li>
<li>two</li>
<li>three</li>
</ul>
</div>
Converters are required mapping functions that define how an XML node should be converted to React. A converter must return an object in the format { type, [props] }
, which is intended to be passed to React.createElement
.
type
- required tagName, React component, or React fragmentprops
- (optional) props objectfunction myConverter(attributes) {
return {
type: 'div',
props: {
className: 'test'
}
}
}
XMLToReact
constructorThe XMLToReact
class is instantiated with a map of converters.
{
nodeName: converterFunction
}
convert( xml, data )
xml
{string}
- xml node or documentdata
{Object}
- (optional) any data to be passed to all convertersSee the list of contributors who participated in writing this library.
1.0.0 - 2018-03-01
FAQs
Converts an XML document into a React tree
The npm package @condenast/xml-to-react receives a total of 103 weekly downloads. As such, @condenast/xml-to-react popularity was classified as not popular.
We found that @condenast/xml-to-react demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 263 open source maintainers 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.
Research
Security News
Socket researchers uncover a malicious npm package posing as a tool for detecting vulnerabilities in Etherium smart contracts.
Security News
Research
A supply chain attack on Rspack's npm packages injected cryptomining malware, potentially impacting thousands of developers.
Research
Security News
Socket researchers discovered a malware campaign on npm delivering the Skuld infostealer via typosquatted packages, exposing sensitive data.