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.
@babel/plugin-proposal-numeric-separator
Advanced tools
Remove numeric separators from Decimal, Binary, Hex and Octal literals
The @babel/plugin-proposal-numeric-separator package is a Babel plugin that allows developers to use the numeric separator feature proposed for JavaScript. This feature enables developers to make their numeric literals more readable by creating a visual separation between groups of digits, similar to how commas or periods are used in some cultures to separate thousands or denote decimals.
Readable large numbers
Improves the readability of large numbers by allowing underscores as separators.
1000000 // Without numeric separator
1_000_000 // With numeric separator
Readable binary numbers
Enhances the readability of binary numbers by permitting underscores between bits.
0b1010101010101010 // Without numeric separator
0b1010_1010_1010_1010 // With numeric separator
Readable hexadecimal numbers
Improves the readability of hexadecimal numbers by allowing underscores between bytes.
0xDEADBEEF // Without numeric separator
0xDEAD_BEEF // With numeric separator
Readable BigInt literals
Enhances the readability of BigInt literals by permitting underscores as separators.
100000000000000000000n // Without numeric separator
100_000_000_000_000_000_000n // With numeric separator
TypeScript, a superset of JavaScript, includes support for numeric separators as part of its language features. It provides similar readability improvements for numeric literals. However, TypeScript is a full-fledged language with a compiler, whereas @babel/plugin-proposal-numeric-separator is a plugin for Babel that transpiles this specific feature.
The ESLint plugin 'eslint-plugin-unicorn' includes a rule called 'numeric-separators-style' which enforces the consistent use of numeric separators in literals. While it doesn't transpile code like Babel, it helps maintain code quality and readability by linting the numeric separator usage.
This plugin allows Babel to transform Decimal, Binary, Hex and Octal literals containing Numeric Literal Separator to their non-separated form.
let budget = 1_000_000_000_000;
// What is the value of `budget`? It's 1 trillion!
//
// Let's confirm:
console.log(budget === 10 ** 12); // true
let nibbles = 0b1010_0001_1000_0101;
// Is bit 7 on? It sure is!
// 0b1010_0001_1000_0101
// ^
//
// We can double check:
console.log(!!(nibbles & (1 << 7))); // true
// Messages are sent as 24 bit values, but should be
// treated as 3 distinct bytes:
let message = 0xA0_B0_C0;
// What's the value of the upper most byte? It's A0, or 160.
// We can confirm that:
let a = (message >> 16) & 0xFF;
console.log(a.toString(16), a); // a0, 160
// What's the value of the middle byte? It's B0, or 176.
// Let's just make sure...
let b = (message >> 8) & 0xFF;
console.log(b.toString(16), b); // b0, 176
// What's the value of the lower most byte? It's C0, or 192.
// Again, let's prove that:
let c = message & 0xFF;
console.log(c.toString(16), b); // c0, 192
hand wave emoji
Octals are great for permissions, but also look better when represented in 0o0000
form. No real benefit with separators here.
npm install --save-dev @babel/plugin-proposal-numeric-separator
.babelrc
(Recommended).babelrc
{
"plugins": ["@babel/plugin-proposal-numeric-separator"]
}
babel --plugins @babel/plugin-proposal-numeric-separator script.js
require("@babel/core").transform("code", {
plugins: ["@babel/plugin-proposal-numeric-separator"]
});
If you need to further compile ES2015 Decimal, Binary, Hex and Octal number representations to their pre-ES2015 numeric literal form, add the "@babel/plugin-transform-literals"
plugin:
@babel/plugin-transform-literals
is already included in @babel/preset-env and @babel/preset-es2015.
.babelrc
(Recommended).babelrc
{
"presets": ["@babel/preset-env"],
"plugins": ["@babel/plugin-proposal-numeric-separator"]
}
{
"plugins": ["@babel/plugin-proposal-numeric-separator", "@babel/plugin-transform-literals"]
}
FAQs
Remove numeric separators from Decimal, Binary, Hex and Octal literals
The npm package @babel/plugin-proposal-numeric-separator receives a total of 8,292,197 weekly downloads. As such, @babel/plugin-proposal-numeric-separator popularity was classified as popular.
We found that @babel/plugin-proposal-numeric-separator demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 4 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.
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.