Security News
Cloudflare Adds Security.txt Setup Wizard
Cloudflare has launched a setup wizard allowing users to easily create and manage a security.txt file for vulnerability disclosure on their websites.
@anolilab/babel-preset
Advanced tools
A babel preset for transforming your JavaScript for Anolilab.
A babel preset for transforming your JavaScript for Anolilab.
Currently, contains transforms for all stage 4 (ES2018) and stage 3 syntax. Additionally, stage 4 syntax that is excluded is as follows:
fast-async is used to compile async function without generators.
$ npm install --save-dev @babel/core @babel/runtime @anolilab/babel-preset
.babelrc
(Recommended).babelrc
{
"presets": ["@anolilab/babel-preset"]
}
$ babel script.js --presets @anolilab/babel-preset
require("@babel/core").transform("code", {
presets: ["@anolilab/babel-preset"],
});
This module uses @babel/preset-env to target specific environments.
Please refer to @babel/preset-env#targets for a list of available options.
For a list of browsers please see browserlist.
You may override our default list of targets by providing your own targets
key.
List of our supported browsers
The following transpiles only for Node v6.
{
"presets": [
[
"@anolilab/babel-preset",
{
"targets": {
"node": 6
}
}
]
]
}
If you wish, you can also inherit our default list of browsers and extend them.
module.exports = {
presets: [
[
"@anolilab/babel-preset",
{
targets: Object.assign({}, require("browserslist-config-anolilab"), {
chrome: 42,
explorer: 8,
}),
},
],
],
};
You may override our default debug option by providing your own debug
key.
{
"presets": [
[
"@anolilab/babel-preset",
{
"debug": true
}
]
]
}
To use this preset please install
$ npm install --save-dev @babel/preset-typescript @babel/plugin-syntax-jsx
This preset can be configured to support typescript
, using "typescript": true
in our preset.
{
"presets": [
[
"@anolilab/babel-preset",
{
"typescript": true
}
]
]
}
To use this preset please install
$ npm install --save-dev @babel/preset-react
This preset can be configured to support react
, using "react": true
in our preset.
{
"presets": [
[
"@anolilab/babel-preset",
{
"react": true
}
]
]
}
When process.env.NODE_ENV
is 'development'
, the development
mode will be set for @babel/preset-react
.
You may override our default development option by providing your own boolean development
key.
{
"presets": [
[
"@anolilab/babel-preset",
{
"react": true,
"development": false
}
]
]
}
This preset can be configured to remove propTypes using babel-plugin-transform-react-remove-prop-types with the following default options:
To enable this transformation with the default options, set the removePropTypes
option to true
:
{
"presets": [
[
"@anolilab/babel-preset",
{
"react": true,
"removePropTypes": true
}
]
]
}
The default options that will be used are:
{
"mode": "wrap",
"ignoreFilenames": ["node_modules"]
}
Default options can be overridden using the removePropTypes
option. These options will be shallow-merged with the defaults:
{
"presets": [
[
"@anolilab/babel-preset",
{
"removePropTypes": {
"mode": "remove"
}
}
]
]
}
For example, if you are using this plugin in a deployable app, you might want to use the remove mode for your production build (and disable this transform entirely in development for optimal build speeds).
By default, this preset will compile everything in normal mode. This is safer, but comes with bundle size and runtime overhead. We have some options to selectively opt in to loose mode for some features. These options are:
looseClasses
looseComputedProperties
looseParameters
looseTemplateLiterals
Example:
{
"presets": [
[
"@anolilab/babel-preset",
{
"looseClasses": true,
"looseComputedProperties": true,
"looseParameters": true,
"looseTemplateLiterals": true
}
]
]
}
The risks of enabling loose classes are outlined in the Babel docs.
By default @babel/plugin-transform-runtime will assume the oldest version of the runtime to avoid importing helpers that don't exist which would fail at runtime. This can result in newer helpers being inlined into modules (ex. objectSpread2) which increases bundle size.
To avoid this you can configure the preset to use the same version of the runtime that's installed in your package.json.
ex. If package.json has "@babel/runtime": "^7.5.5"
then you can use:
{
"presets": [
[
"@anolilab/babel-preset",
{
"runtimeVersion": "7.5.5"
}
]
]
}
Note that this will result in a runtime breakage if the version passed into the anolilab preset is newer than the version of the babel runtime actually being used at build time.
plugin-transform-runtime
You can use the transformRuntime
option to disable @babel/plugin-transform-runtime
. Specifying false
will disable the plugin. This option defaults to true
.
You can use the modules
option to enable transformation of modules given to this preset:
{
"presets": [
[
"@anolilab/babel-preset",
{
"modules": "auto"
}
]
]
}
Both true
and the option default auto
will not transform modules if ES6 module syntax is already supported by the environment, or "commonjs"
otherwise. false
will not transform modules.
You can use the runtimeHelpersUseESModules
option to prevent transformation of runtime helpers to CommonJS modules.
{
"presets": [
[
"@anolilab/babel-preset",
{
"runtimeHelpersUseESModules": true
}
]
]
}
true
will not transform runtime helpers to CommonJS modules. false
will transform runtime helpers to CommonJS modules. The option defaults to true
if modules
is set to false
, and false
otherwise.
FAQs
A babel preset for transforming your JavaScript for Anolilab.
The npm package @anolilab/babel-preset receives a total of 16 weekly downloads. As such, @anolilab/babel-preset popularity was classified as not popular.
We found that @anolilab/babel-preset demonstrated a healthy version release cadence and project activity because the last version was released less than 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
Cloudflare has launched a setup wizard allowing users to easily create and manage a security.txt file for vulnerability disclosure on their websites.
Security News
The Socket Research team breaks down a malicious npm package targeting the legitimate DOMPurify library. It uses obfuscated code to hide that it is exfiltrating browser and crypto wallet data.
Security News
ENISA’s 2024 report highlights the EU’s top cybersecurity threats, including rising DDoS attacks, ransomware, supply chain vulnerabilities, and weaponized AI.