![Introducing Enhanced Alert Actions and Triage Functionality](https://cdn.sanity.io/images/cgdhsj6q/production/fe71306d515f85de6139b46745ea7180362324f0-2530x946.png?w=800&fit=max&auto=format)
Product
Introducing Enhanced Alert Actions and Triage Functionality
Socket now supports four distinct alert actions instead of the previous two, and alert triaging allows users to override the actions taken for all individual alerts.
acorn-jsx
Advanced tools
Package description
The acorn-jsx npm package is a plugin for the Acorn JavaScript parser that allows it to parse JSX syntax. JSX is a syntax extension for JavaScript commonly used with React to describe what the UI should look like. By using acorn-jsx, developers can extend the Acorn parser to handle JSX elements as part of the JavaScript code, enabling the development of tools like linters, code formatters, and compilers that work with JSX.
JSX Parsing
This feature allows the parsing of JSX syntax by extending the Acorn parser. The code sample demonstrates how to create a new parser instance that can parse a string containing JSX code and output the abstract syntax tree (AST).
const acorn = require('acorn');
const jsx = require('acorn-jsx');
const JSXParser = acorn.Parser.extend(jsx());
const code = `<div>Hello, world!</div>`;
const ast = JSXParser.parse(code, {ecmaVersion: 2020});
console.log(ast);
babel-parser (formerly known as @babel/parser) is a JavaScript parser used by Babel. It supports the latest JavaScript features, including JSX, and provides a rich set of options for plugins and presets. Compared to acorn-jsx, babel-parser is part of the larger Babel ecosystem and is often used in the context of transforming code with Babel plugins.
Espree is an actively maintained ECMAScript parser built on top of Acorn by the ESLint team. It is designed to be compatible with Esprima and is used primarily for the ESLint project. Espree supports JSX out of the box and is a good alternative to acorn-jsx for projects that require compatibility with ESLint's use cases.
Esprima is a high performance, standard-compliant ECMAScript parser that also supports JSX. It is often used for static analysis tools and source code transformation. While Esprima and acorn-jsx both support JSX, Esprima is a standalone parser, whereas acorn-jsx is a plugin that extends Acorn.
Readme
This is plugin for Acorn - a tiny, fast JavaScript parser, written completely in JavaScript.
It was created as an experimental alternative, faster React.js JSX parser.
According to benchmarks, Acorn-JSX is 2x faster than official Esprima-based parser when location tracking is turned on in both (call it "source maps enabled mode"). At the same time, it consumes all the ES6+JSX syntax that can be consumed by Esprima-FB (this is proved by official tests).
UPDATE [14-Apr-2015]: Facebook implementation started deprecation process in favor of Acorn + Acorn-JSX + Babel for parsing and transpiling JSX syntax.
Please note that this tool only parses source code to JSX AST, which is useful for various language tools and services. If you want to transpile your code to regular ES5-compliant JavaScript with source map, check out the babel transpiler which uses acorn-jsx
under the hood.
You can use module directly in order to get Acorn instance with plugin installed:
var acorn = require('acorn-jsx');
Or you can use inject.js
for injecting plugin into your own version of Acorn like following:
var acorn = require('acorn-jsx/inject')(require('./custom-acorn'));
Then, use plugins
option whenever you need to support JSX while parsing:
var ast = acorn.parse(code, {
plugins: { jsx: true }
});
Note that official spec doesn't support mix of XML namespaces and object-style access in tag names (#27) like in <namespace:Object.Property />
, so it was deprecated in acorn-jsx@3.0
. If you still want to opt-in to support of such constructions, you can pass the following option:
var ast = acorn.parse(code, {
plugins: {
jsx: { allowNamespacedObjects: true }
}
});
Also, since most apps use pure React transformer, a new option was introduced that allows to prohibit namespaces completely:
var ast = acorn.parse(code, {
plugins: {
jsx: { allowNamespaces: false }
}
});
Note that by default allowNamespaces
is enabled for spec compliancy.
This plugin is issued under the MIT license.
FAQs
Modern, fast React.js JSX parser
The npm package acorn-jsx receives a total of 26,570,222 weekly downloads. As such, acorn-jsx popularity was classified as popular.
We found that acorn-jsx demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 3 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.
Product
Socket now supports four distinct alert actions instead of the previous two, and alert triaging allows users to override the actions taken for all individual alerts.
Security News
Polyfill.io has been serving malware for months via its CDN, after the project's open source maintainer sold the service to a company based in China.
Security News
OpenSSF is warning open source maintainers to stay vigilant against reputation farming on GitHub, where users artificially inflate their status by manipulating interactions on closed issues and PRs.