es6ify-jsx

v1.5.1

browserify v2 transform to compile JavaScript.next (ES6) to JavaScript.current (ES5) on the fly. For more information about how to use this package see README

Latest version published 10 years ago

License: MIT

Package Health Score

42 / 100

security
Security review needed
popularity
Limited
maintenance
Inactive
community
Sustainable

Explore Similar Packages

Security

Security review needed

All security vulnerabilities belong to production dependencies of direct and indirect packages.

Security and license risk for significant versions

Version				Vulnerabilities	License Risk
1.5.1	\|	11/2014	Popular	0 C 0 H 0 M 0 L	0 H 0 M 0 L

License

MIT

Security Policy

No

Is your project affected by vulnerabilities?

Scan your projects for vulnerabilities. Fix quickly with automated fixes. Get started with Snyk for free.

Get started free

Popularity

Limited

Weekly Downloads (2)

GitHub Stars: 595
Forks: 31
Contributors: 20

Direct Usage Popularity

The npm package es6ify-jsx receives a total of 2 downloads a week. As such, we scored es6ify-jsx popularity level to be Limited.

Based on project statistics from the GitHub repository for the npm package es6ify-jsx, we found that it has been starred 595 times.

Downloads are calculated as moving averages for a period of the last 12 months, excluding weekends and known missing data points.

Community

Sustainable

Readme.md: Yes
Contributing.md: No
Code of Conduct: No
Contributors: 20
Funding: Yes

With more than 10 contributors for the es6ify-jsx repository, this is possibly a sign for a growing and inviting community.

We found a way for you to contribute to the project! Looks like es6ify-jsx is missing a Code of Conduct.

Embed Package Health Score Badge

Maintenance

Inactive

Commit Frequency

No Recent Commits

Open Issues: 13
Open PR: 2
Last Release: 10 years ago
Last Commit: 10 years ago

Further analysis of the maintenance status of es6ify-jsx based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Inactive.

An important project maintenance signal to consider for es6ify-jsx is that it hasn't seen any new versions released to npm in the past 12 months, and could be considered as a discontinued project, or that which receives low attention from its maintainers.

In the past month we didn't find any pull request activity or change in issues status has been detected for the GitHub repository.

Keep your project healthy

Check your package.json

Ensure all the packages you're using are healthy and well-maintained

Snyk Vulnerability Scanner

Get health score & security insights directly in your IDE

Package

Node.js Compatibility: not defined

Age: 10 years
Dependencies: 4 Direct
Versions: 2
Install Size: 0 B
Dist-tags: 1
# of Files: 0
Maintainers: 1
TS Typings: No

es6ify-jsx has more than a single and default latest tag published for the npm package. This means, there may be other tags available for this package, such as next to indicate future releases, or stable to indicate stable releases.

Readme

es6ify

browserify >=v2 transform to compile JavaScript.next (ES6) to JavaScript.current (ES5) on the fly.

browserify({ debug: true })
  .add(es6ify.runtime)
  .transform(es6ify)
  .require(require.resolve('./src/main.js'), { entry: true })
  .bundle()
  .pipe(fs.createWriteStream(bundlePath));

Find the full version of this example here.

Installation

npm install es6ify

What You Get

screenshot

Table of Contents generated with DocToc

Enabling sourcemaps and related posts

In Chrome or Firefox: enabled by default
In IE: works in IE11 onward by default
browserify-sourcemaps
html5 rocks sourcemaps post

API

e6ify::runtime

The traceur runtime exposed here so it can be included in the bundle via:

browserify.add(es6ify.runtime)

The runtime is quite large and not needed for all ES6 features and therefore not added to the bundle by default. See this comment for details.

Source:

index.js , lineno 122

es6ify::traceurOverrides

Allows to override traceur compiler defaults.

In order to support async functions (async/await) do:

es6ify.traceurOverrides = { asyncFunctions: true }

Source:

index.js , lineno 139

es6ify() → {function}

The es6ify transform to be used with browserify.

Example

browserify().transform(es6ify)

Source:

index.js , lineno 99

Returns:

function that returns a TransformStream when called with a file

Type: function

es6ify::compileFile(file, src) → {string}

Compile function, exposed to be used from other libraries, not needed when using es6ify as a transform.

Parameters:

Name	Type	Description
`file`	string	name of the file that is being compiled to ES5
`src`	string	source of the file being compiled to ES5

Source:

index.js , lineno 20

Returns:

compiled source

Type: string

es6ify::configure(filePattern) → {function}

Configurable es6ify transform function that allows specifying the filePattern of files to be compiled.

Parameters:

Name	Type	Argument	Description
`filePattern`	string	<optional>	(default: `/.js$/) pattern of files that will be es6ified

Source:

index.js , lineno 112

Returns:

function that returns a TransformStream when called with a file

Type: function

generated with docme

Examples

es6ify.configure(filePattern : Regex)

The default file pattern includes all JavaScript files, but you may override it in order to only transform files coming from a certain directory, with a specific file name and/or extension, etc.

By configuring the regex to exclude ES5 files, you can optimize the performance of the transform. However transforming ES5 JavaScript will work since it is a subset of ES6.

browserify({ debug: true })
  .add(require('es6ify').runtime)
   // compile all .js files except the ones coming from node_modules
  .transform(require('es6ify').configure(/^(?!.*node_modules)+.+\.js$/))
  .require(require.resolve('./src/main.js'), { entry: true })
  .bundle()
  .pipe(fs.createWriteStream(bundlePath));

es6ify.traceurOverrides

Some features supported by traceur are still experimental: either nonstandard, proposed but not yet standardized, or just too slow to use for most code. Therefore Traceur disables them by default. They can be enabled by overriding these options.

For instance to support the async functions (async/await) feature you'd do the following.

var es6ify = require('es6ify');
es6ify.traceurOverrides = { asyncFunctions: true };
browserify({ debug: true })
  .add(es6ify.runtime)
  .require(require.resolve('./src/main.js'), { entry: true })
  .bundle()
  .pipe(fs.createWriteStream(bundlePath));

Caching

When es6ify is run on a development server to help generate the browserify bundle on the fly, it makes sense to only recompile ES6 files that changed. Therefore es6ify caches previously compiled files and just pulls them from there if no changes were made to the file.

Source Maps

es6ify instructs the traceur transpiler to generate source maps. It then inlines all original sources and adds the resulting source map base64 encoded to the bottom of the transformed content. This allows debugging the original ES6 source when using the debug flag with browserify.

If the debug flag is not set, these source maps will be removed by browserify and thus will not be contained inside your production bundle.

Supported ES6 features

arrowFunctions

var log = msg =&gt; console.log(msg);

classes

class Character {
  constructor(x, y, name) {
    this.x = x;
    this.y = y;
  }
  attack(character) {
    console.log('attacking', character);
  }
}

class Monster extends Character {
  constructor(x, y, name) {
    super(x, y);
    this.name = name;
    this.health_ = 100;
  }

  attack(character) {
    super.attack(character);
  }

  get isAlive() { return this.health &gt; 0; }
  get health() { return this.health_; }
  set health(value) {
    if (value &lt; 0) throw new Error('Health must be non-negative.');
    this.health_ = value;
  }
}

defaultParameters

function logDeveloper(name, codes = 'JavaScript', livesIn = 'USA') {
  console.log('name: %s, codes: %s, lives in: %s', name, codes, livesIn);
};

destructuring

var [a, [b], c, d] = ['hello', [', ', 'junk'], ['world']];
console.log(a + b + c); // hello, world

forOf

for (let element of [1, 2, 3]) {
  console.log('element:', element);
}

propertyMethods

var object = {
  prop: 42,
  // No need for function
  method() {
    return this.prop;
  }
};

propertyNameShorthand

var foo = 'foo';
var bar = 'bar';
var obj = { foo, bar };

templateLiterals

var x = 5, y = 10;
console.log(`${x} + ${y} = ${ x + y}`)
// 5 + 10 = 15

restParameters

function printList(listname, ...items) {
  console.log('list %s has the following items', listname);
  items.forEach(function (item) { console.log(item); });
};

spread

function add(x, y) {
  console.log('%d + %d = %d', x, y, x + y);
}
var numbers = [5, 10]
add(...numbers);
// 5 + 10 = 15
};

generators

// A binary tree class.
function Tree(left, label, right) {
  this.left = left;
  this.label = label;
  this.right = right;
}

// A recursive generator that iterates the Tree labels in-order.
function* inorder(t) {
  if (t) {
    yield* inorder(t.left);
    yield t.label;
    yield* inorder(t.right);
  }
}

// Make a tree
function make(array) {
  // Leaf node:
  if (array.length == 1) return new Tree(null, array[0], null);
  return new Tree(make(array[0]), array[1], make(array[2]));
}


let tree = make([[['a'], 'b', ['c']], 'd', [['e'], 'f', ['g']]]);
console.log('generating tree labels in order:');

// Iterate over it
for (let node of inorder(tree)) {
  console.log(node); // a, b, c, d, ...
}

block scoping

{
  let tmp = 5;
}
console.log(typeof tmp === 'undefined'); // true

NOTE: Traceur has a pretty bad bug that makes the above code not work correctly for now: google/traceur-compiler#1358.

modules

Imports and exports are converted to commonjs style require and module.exports statements to seamlessly integrate with browserify.

es6ify-jsx dependencies

source-map through traceur xtend

es6ify-jsx development dependencies

tap proxyquire convert-source-map browserify

FAQs

What is es6ify-jsx?

browserify v2 transform to compile JavaScript.next (ES6) to JavaScript.current (ES5) on the fly. Visit Snyk Advisor to see a full health score report for es6ify-jsx, including popularity, security, maintenance & community analysis.

Is es6ify-jsx popular?

The npm package es6ify-jsx receives a total of 2 weekly downloads. As such, es6ify-jsx popularity was classified as limited. Visit the popularity section on Snyk Advisor to see the full health analysis.

Is es6ify-jsx well maintained?

We found indications that es6ify-jsx is an Inactive project. See the full package health analysis to learn more about the package maintenance status.

Is es6ify-jsx safe to use?

While scanning the latest version of es6ify-jsx, we found that a security review is needed. A total of 0 vulnerabilities or license issues were detected. See the full security scan results.

Last updated on 21 December-2024, at 11:10 (UTC).

Build a secure application checklist

Select a recommended open source package

Minimize your risk by selecting secure & well maintained open source packages

DONE

Scan your app for vulnerabilities

Scan your application to find vulnerabilities in your: source code, open source dependencies, containers and configuration files

Fix identified vulnerabilities

Easily fix your code by leveraging automatically generated PRs

Monitor for new issues

New vulnerabilities are discovered every day. Get notified if your application is affected