Compare commits

...

55 Commits

Author SHA1 Message Date
Sebastian McKenzie
98f2287267 v2.7.0 2015-01-07 14:01:44 +11:00
Sebastian McKenzie
e60e0e0b0e disable timeout on test262 tests 2015-01-07 13:58:47 +11:00
Sebastian McKenzie
81fb8647b6 fixing linting errors 2015-01-07 13:58:41 +11:00
Sebastian McKenzie
e8387c7de5 add 2.7.0 changelog 2015-01-07 13:57:04 +11:00
Sebastian McKenzie
655196f3ce Merge pull request #410 from amasad/master
Add support for React pre v0.12 transform
2015-01-07 13:54:23 +11:00
Amjad Masad
eef371c3df Add support for React pre v0.12 transform
This uses an option `reactCompat` to emit code that works with React pre v0.12
2015-01-06 21:49:35 -05:00
Sebastian McKenzie
a3d21f02c6 just call mocha instead of test-simple 2015-01-07 13:44:05 +11:00
Sebastian McKenzie
ad4386c0ed make test-travis use test-simple and remove test-spec task 2015-01-07 13:33:31 +11:00
Sebastian McKenzie
3c82a61af1 better lazy error description test262 2015-01-07 13:33:19 +11:00
Sebastian McKenzie
3c154f9f6d better test262 test aliases 2015-01-07 13:19:53 +11:00
Sebastian McKenzie
22c972e85b add bootstrap to travis test 2015-01-07 13:14:45 +11:00
Sebastian McKenzie
6d7e14fb2b fix test262 loc check 2015-01-07 13:14:08 +11:00
Sebastian McKenzie
9287449372 add test-all make command 2015-01-07 13:11:25 +11:00
Sebastian McKenzie
44a35400f5 better output messages for missing vendors 2015-01-07 13:10:12 +11:00
Sebastian McKenzie
2305e2447f fix hasOwnProperty object lookup conflict 2015-01-07 13:08:20 +11:00
Sebastian McKenzie
c420d1ffc3 add test262 2015-01-07 13:08:06 +11:00
Sebastian McKenzie
fa42b076a7 remove benchmarks 2015-01-07 11:47:09 +11:00
Sebastian McKenzie
0d23c1cfdb add todo for module collisions 2015-01-07 09:56:17 +11:00
Sebastian McKenzie
0dafdd6969 better support for import collision checking - todo: check exports for collisions 2015-01-07 09:08:34 +11:00
Sebastian McKenzie
a9af8d39a2 add member expression reassign test 2015-01-07 08:00:55 +11:00
Sebastian McKenzie
1cc606d4d0 make import reassignment illegal @eventualbuddha 2015-01-07 07:58:04 +11:00
Sebastian McKenzie
2a09c0a5a5 fix import specifier and export specifier keys 2015-01-07 07:57:36 +11:00
Sebastian McKenzie
92359520cd Merge pull request #379 from webpro/amd-port-interop
Port AMD interop
2015-01-07 07:52:44 +11:00
Lars Kappert
50e5bd4680 Merge remote-tracking branch 'origin/master' into amd-port-interop
Conflicts:
	test/fixtures/transformation/es6-modules-amd/exports-default/expected.js
	test/fixtures/transformation/es6-modules-amd/overview/expected.js
	test/fixtures/transformation/es6-modules-umd/exports-default/expected.js
	test/fixtures/transformation/es6-modules-umd/overview/expected.js
2015-01-06 20:21:00 +01:00
Sebastian McKenzie
64ef26a937 v2.6.3 2015-01-07 00:33:13 +11:00
Sebastian McKenzie
bfd6ffe471 add 2.6.3 changelog 2015-01-07 00:31:37 +11:00
Sebastian McKenzie
8c1760bea2 fix faulty export default source detection - fixes #406 2015-01-07 00:30:41 +11:00
Sebastian McKenzie
bdb8f87480 move docs to 6to5.github.io repo 2015-01-06 22:43:36 +11:00
Sebastian McKenzie
7f6bc54920 capitalise faq description 2015-01-06 22:40:03 +11:00
Sebastian McKenzie
b6af2f826d es6-transpiler doesn't do sourcemaps - closes 6to5/6to5.github.io#9 2015-01-06 22:34:17 +11:00
Sebastian McKenzie
7455b6d9b9 update faq copytext 2015-01-06 22:33:23 +11:00
Sebastian McKenzie
0d2e876178 doc/faq: pretty -> quite 2015-01-06 22:29:06 +11:00
Sebastian McKenzie
57ce1b201d better faq answer 2015-01-06 22:27:41 +11:00
Sebastian McKenzie
5f56da457c remove old spec tests 2015-01-06 22:19:34 +11:00
Sebastian McKenzie
ed988dc2bb is t.isValidIdentifier instead of esutils.keyword.isKeywordES6 2015-01-06 22:17:32 +11:00
Sebastian McKenzie
2c471968ea remove specBlockHoistFunctions and specNoForInOfAssignment 2015-01-06 22:17:15 +11:00
Sebastian McKenzie
fd1a91bf9c add transformer docs 2015-01-06 22:16:48 +11:00
Sebastian McKenzie
9e7de5ad2e add faq docs 2015-01-06 22:16:43 +11:00
Sebastian McKenzie
06927288ba remove this shorthand example from playground 2015-01-06 22:15:44 +11:00
Sebastian McKenzie
9342aee6bd fix up documentation links 2015-01-06 22:15:01 +11:00
Sebastian McKenzie
4f5669f53c v2.6.2 2015-01-06 20:16:33 +11:00
Sebastian McKenzie
262fd995da add 2.6.2 changelog 2015-01-06 20:15:58 +11:00
Sebastian McKenzie
1696f77980 fix rest parameter keys when on functions with params 2015-01-06 20:15:10 +11:00
Lars Kappert
dfa51954b8 Use unaryExpression for typeof 2015-01-06 10:12:08 +01:00
Lars Kappert
216b8c2fd1 Revert "Add types.TypeOfExpression"
This reverts commit 520dd7e947.
2015-01-06 10:05:44 +01:00
Lars Kappert
abc90778e8 Test for exportIdentifier before building exportDeclaration 2015-01-05 21:17:12 +01:00
Lars Kappert
56f1683f06 Also test for "module" identifier if needed 2015-01-05 14:57:52 +01:00
Lars Kappert
520dd7e947 Add types.TypeOfExpression 2015-01-05 14:51:50 +01:00
Lars Kappert
17ce21509d Move exports identifier from UMD template to commonArgs 2015-01-04 12:59:25 +01:00
Lars Kappert
a4c8895dc3 Conditionally pass "module" arg to AMD/UMD factory 2015-01-04 12:58:52 +01:00
Lars Kappert
af4009694a Simplify AMD export declaration fn to re-use CommonJS one 2015-01-04 12:53:17 +01:00
Lars Kappert
941a8cc5ea Remove unused templates 2015-01-04 12:51:34 +01:00
Lars Kappert
359c4e8786 Use module.exports in expectations 2015-01-04 12:51:19 +01:00
Lars Kappert
7ac98c1532 Add custom export declaration fn for AMD modules 2015-01-04 11:46:28 +01:00
Lars Kappert
61c3e0a3de Modify test expectations 2015-01-04 11:45:09 +01:00
102 changed files with 454 additions and 3121 deletions

3
.gitmodules vendored
View File

@@ -4,3 +4,6 @@
[submodule "vendor/regenerator"]
path = vendor/regenerator
url = https://github.com/facebook/regenerator
[submodule "vendor/test262"]
path = vendor/test262
url = https://github.com/tc39/test262

View File

@@ -11,6 +11,23 @@
_Note: Gaps between patch versions are faulty/broken releases._
## 2.7.0
* **Spec Compliancy**
* Disallow reassignments of imports.
* **New Feature**
* `reactCompat` to enable pre-v0.12 react components.
## 2.6.3
* **Bug Fix**
* Fix 2.6.0 regression caused by faulty export default from a source handling.
## 2.6.2
* **Bug Fix**
* Fix rest parameter keys when on functions with params.
## 2.6.1
* **Bug Fix**

View File

@@ -6,7 +6,7 @@ MOCHA_CMD = node_modules/mocha/bin/_mocha
export NODE_ENV = test
.PHONY: clean test test-cov test-clean lint test-travis test-spec test-browser publish bench build bootstrap
.PHONY: clean test test-cov test-clean lint test-travis test-simple test-all test-browser publish build bootstrap
build:
mkdir -p dist
@@ -27,12 +27,8 @@ build:
clean:
rm -rf coverage templates.json test/tmp dist
bench:
npm install es6-transpiler traceur esnext es6now jstransform
node node_modules/matcha/bin/_matcha
lint:
$(JSHINT_CMD) --reporter node_modules/jshint-stylish/stylish.js lib bin benchmark/index.js
$(JSHINT_CMD) --reporter node_modules/jshint-stylish/stylish.js lib bin
test-clean:
rm -rf test/tmp
@@ -41,14 +37,23 @@ test: lint
$(MOCHA_CMD)
make test-clean
test-simple:
# excludes test262
export SIMPLE_6TO5_TESTS=1
make test
test-all:
# includes traceur, esnext, regenerator
export ALL_6TO5_TESTS=1
make test
test-cov:
export SIMPLE_6TO5_TESTS=1
rm -rf coverage
node $(ISTANBUL_CMD) $(MOCHA_CMD) --
test-spec:
node $(ISTANBUL_CMD) $(MOCHA_CMD) -- --reporter spec
test-travis: test-spec
test-travis: bootstrap
$(MOCHA_CMD)
if test -n "$$CODECLIMATE_REPO_TOKEN"; then codeclimate < coverage/lcov.info; fi
test-browser:

View File

@@ -1,99 +0,0 @@
var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
var obj = {};
var foo = "foo";
var bar = "bar";
// constants
const MULTIPLIER = 5;
// classes
class Foo {
constructor() {
this.foo = "bar";
}
}
class Bar extends Foo {
constructor() {
super();
}
// default parameters
go(foo = "bar", bar = "foo") {
}
// not supported by jstransform
//get foo() {
// return this._foo;
//}
//set foo(val) {
// this._foo = val + " foo!";
//}
}
// arrow functions
arr.map(x => x * x);
// block binding
for (let key in arr) {
let val = arr[key];
console.log(key, val);
}
// computed property names
obj = {
["foo" + bar]: "foobar"
};
// destructuring
var [a, [b], c, d] = ["hello", [", ", "junk"], ["world"]];
console.log(a + b + c);
// array comprehension
// [for (i of [1, 2, 3]) i * i]; // not supported by es6now
// for-of
for (var i of [1, 2, 3]) {
console.log(i * i);
}
// property method assignment
obj = {
foo() {
return "foobar";
},
get bar() {
return this._bar;
},
set bar(val) {
this._bar = val;
}
};
// property name shorthand
function f(x, y) {
return { x, y };
}
// rest parameters
function printList(name, ...items) {
console.log("list %s has the following items", name);
items.forEach(function (item) {
console.log(item);
});
}
// spread
function add(x, y) {
return x + y;
}
var numbers = [5, 10];
add(...numbers);
// template literals
var x = 5;
var y = 10;
console.log(`${x} + ${y} = ${x + y}`);

View File

@@ -1,168 +0,0 @@
Error.stackTraceLimit = Infinity;
var jsTrans = require("jstransform");
var traceur = require("traceur");
//var es6tr = require("es6-transpiler");
var es6now = require("es6now");
//var esnext = require("esnext");
var to5 = require("../lib/6to5");
//var uglify = require("uglify-js");
var matcha = require("matcha");
var path = require("path");
var fs = require("fs");
var _ = require("lodash");
var readResolve = function (filename) {
try {
filename = require.resolve(filename);
} catch (err) {
return null;
}
return fs.readFileSync(filename, "utf8");
};
var getVersion = function (name) {
return require(name + "/package.json").version;
};
var jsTransVisitors = [];
_.each([
"arrow-function-visitors", "class-visitors", "destructuring-visitors",
"object-concise-method-visitors", "object-short-notation-visitors",
"rest-param-visitors", "template-visitors"
], function (name) {
var mod = require("jstransform/visitors/es6-" + name);
jsTransVisitors = jsTransVisitors.concat(mod.visitorList);
});
var compilers = {
"6to5": {
version: getVersion(".."),
compile: function (code, filename) {
return to5.transform(code, { filename: filename }).code;
}
},
traceur: {
runtime: readResolve("traceur/bin/traceur-runtime.js"),
compile: function (code) {
return traceur.compile(code, {
modules: "commonjs",
experimental: true
});
}
},
/*esnext: {
runtime: readResolve("esnext/node_modules/regenerator/runtime.js") || readResolve("regenerator/runtime.js"),
compile: function (code) {
return esnext.compile(code).code;
}
},*/
es6now: {
runtime: readResolve("es6now/runtime/ES6.js"),
compile: function (code) {
return es6now.translate(code);
}
},
/*"es6-transpiler": {
compile: function (code) {
var result = es6tr.run({ src: code });
if (result.errors.length) throw new Error(result.join("; "));
return result.src;
}
},*/
jstransform: {
compile: function (code) {
return jsTrans.transform(jsTransVisitors, code).code;
}
}
};
// versions
//var uglifyTitle = "uglify v" + getVersion("uglify-js");
_.each(compilers, function (compiler, name) {
compiler.title = name + " v" + (compiler.version || getVersion(name));
});
//
var sizeBenchmark = function (code, loc, name, compiler) {
var log = function (output, title) {
title = [compiler.title].concat(title || []).join(" + ");
var text;
var color;
if (output.stack) {
text = "error";
color = "red";
} else {
var kilo = (output.length / 1024).toFixed(2);
text = kilo + "KB";
color = "cyan";
}
text = matcha.utils.color(matcha.utils.padBefore(text, 22), color);
console.log(text, matcha.utils.color("» " + title, "gray"));
if (output.stack) {
console.error(output.stack);
}
};
var go = function (getOutput, title) {
var code;
try {
code = getOutput();
} catch (err) {
log(err, title);
return;
}
log(code, title);
};
var output;
go(function () {
return output = compiler.compile(code, loc);
});
if (!output) return;
//go(function () {
// return uglify.minify(output, { fromString: true }).code;
//}, uglifyTitle);
};
//
_.each(fs.readdirSync(__dirname + "/fixtures"), function (name) {
var alias = path.basename(name, path.extname(name));
suite(alias, function () {
set("delay", 0);
var loc = __dirname + "/fixtures/" + name;
var code = fs.readFileSync(loc, "utf8");
before(function () {
_.each(compilers, function (compiler, name) {
sizeBenchmark(code, loc, name, compiler);
});
});
_.each(compilers, function (compiler) {
bench(compiler.title, function () {
compiler.compile(code, loc);
});
});
});
});

View File

@@ -1,89 +0,0 @@
---
layout: docs
title: Caveats
description: Just some things to keep in mind when using 6to5.
permalink: /docs/caveats/
redirect_from: /caveats.html
---
## Polyfills
In order for certain features to work they require certain polyfills. You can
satisfy **all** 6to5 feature requirements by using the included
[polyfill](polyfill.md).
You may alternatively selectively include what you need:
| Feature | Requirements |
| --------------------------- | ---------------------------------------------------------------------------------------------------------------------- |
| Abstract References | [experimental](experimental.md), `Symbol` |
| Array destructuring | `Array.from` |
| Async functions, Generators | [experimental](experimental.md), [regenerator runtime](https://github.com/facebook/regenerator/blob/master/runtime.js) |
| Comprehensions | [experimental](experimental.md), `Array.from` |
| For Of | `Symbol`, `prototype[Symbol.iterator]` |
| Modules | `Object.assign`* |
| Object spread/rest | [experimental](experimental.md), `Object.assign` |
| Spread | `Array.from` |
*Only required for exporting a non-function `default` with additional `export`s.
## ES5
Since 6to5 assumes that your code will be ran in an ES5 environment it uses ES5
functions. So if you're using an environment that has limited or no support for
ES5 such as lower versions of IE then using the
[es5-shim](https://github.com/es-shims/es5-shim) along with the
[6to5 polyfill](polyfill.md) will add support for these methods.
## Internet Explorer
### Classes (10 and below)
If you're inheriting from a class then static properties are inherited from it
via [\_\_proto\_\_](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/proto),
this is widely supported but you may run into problems with much older browsers.
**NOTE:** `__proto__` is not supported on IE <= 10 so static properties
**will not** be inherited.
You can use the `protoToAssign` optional transformer that will transform all
`__proto__` assignments to a method that will shallowly copy it over all
properties.
```javascript
require("6to5").transform("code", { optional: ["protoToAssign"] });
```
```sh
$ 6to5 --optional protoToAssign script.js
```
This means that the following **will** work:
```javascript
var foo = { a: 1 };
var bar = { b: 2 };
bar.__proto__ = foo;
bar.a; // 1
bar.b; // 2
```
however the following **will not**:
```javascript
var foo = { a: 1 };
var bar = { b: 2 };
bar.__proto__ = foo;
bar.a; // 1
foo.a = 2;
bar.a; // 1 - should be 2 but remember that nothing is bound and it's a straight copy
```
### Getters/setters (8 and below)
In IE8 `Object.defineProperty` can only be used on DOM objects. This is
unfortunate as it's required to set getters and setters. Due to this if
you plan on supporting IE8 or below then the user of getters and setters
isn't recommended.
**Reference**: [MDN](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty#Internet_Explorer_8_specific_notes).

View File

@@ -1,143 +0,0 @@
---
layout: docs
title: Compare
description: Differences between 6to5 and other ES6 transpilers.
permalink: /docs/compare/
redirect_from: /differences.html
---
## Differences
### Readable code
The fundamental concept behind 6to5 is that the generated code must be close as
possible to the original, retaining all the same formatting and readability.
Many other transpilers are just concerned with making the code work while 6to5
is concerned with making sure it works **and** is readable at the same time.
For example, given the following array comprehension:
```js
var seattlers = [for (c of customers) if (c.city == "Seattle") { name: c.name, age: c.age }];
```
is generated to the following with 6to5:
```js
var seattlers = Array.from(customers).filter(function (c) {
return c.city == "Seattle";
}).map(function (c) {
return {
name: c.name,
age: c.age
};
});
```
The following is what Traceur generates:
```js
var seattlers = (function() {
var c;
var $__20 = 0,
$__21 = [];
for (var $__22 = customers[$traceurRuntime.toProperty(Symbol.iterator)](),
$__23; !($__23 = $__22.next()).done; ) {
c = $__23.value;
if (c.city == "Seattle")
$traceurRuntime.setProperty($__21, $__20++, {
name: c.name,
age: c.age
});
}
return $__21;
}());
```
As you can tell, it's not very pretty. Instead of mapping directly to a runtime,
like other transpilers, 6to5 maps directly to the equivalent ES5.
Sometimes there are little inline functions that 6to5 needs. These are
placed at the top of your file much like coffee-script does. If these
bother you then you can use the [optional runtime](optional-runtime.md).
We promise that these inline functions will never be significant and will
always be used as little as possible.
### Static analysis
6to5 uses a lot of static analysis to simplify code as much as possible.
Not many other transpilers do this, and those that do don't do it nearly
as much as 6to5. This process is pretty intensive but it leads to higher
quality code.
### Spec compliancy
6to5 prides itself on
[spec compliancy](https://kangax.github.io/compat-table/es6/). We have
excellent support for edgecases, something that many other transpilers
suffer from, including Traceur. When you use 6to5 you can be confident
that when you turn it off and use your code in a full ES6 environment
**it'll just work**.
## Comparison to other transpilers
### Features
| | 6to5 | Traceur | es6-transpiler | es6now | jstransform |
| ---------------------------- | ---- | ------- | -------------- | ------ | ----------- |
| Source maps | ✓ | ✓ | ✓ | | ✓ |
| No compiler global pollution | ✓ | | ✓ | | ✓ |
| Optional runtime | ✓ | | ✓ | | ✓ |
| Browser compiler | ✓ | ✓ | | | |
### Language Support
| | 6to5 | Traceur | es6-transpiler | es6now | jstransform |
| ---------------------------- | ---- | ------- | -------------- | ------ | ----------- |
| Abstract references | ✓ | | | | |
| Array comprehension | ✓ | ✓ | ✓ | | |
| Arrow functions | ✓ | ✓ | ✓ | ✓ | ✓ |
| Async functions | ✓ | ✓ | | | |
| Async generator functions | ✓ | ✓ | | | |
| Classes | ✓ | ✓ | ✓ | ✓ | ✓ |
| Computed property names | ✓ | ✓ | ✓ | ✓ | |
| Constants | ✓ | ✓ | ✓ | | |
| Default parameters | ✓ | ✓ | ✓ | ✓ | |
| Destructuring | ✓ | ✓ | ✓ | ✓ | ✓ |
| Exponentiation operator | ✓ | ✓ | | | |
| Flow types | ✓ | | | | ✓ |
| For-of | ✓ | ✓ | ✓ | ✓ | |
| Generators | ✓ | ✓ | | | |
| Generator comprehension | ✓ | ✓ | | | |
| JSX | ✓ | | | | |
| Let scoping | ✓ | ✓ | ✓ | | |
| Modules | ✓ | ✓ | | ✓ | |
| Object rest/spread | ✓ | | | | ✓ |
| Property method assignment | ✓ | ✓ | ✓ | ✓ | ✓ |
| Property name shorthand | ✓ | ✓ | ✓ | ✓ | ✓ |
| Rest parameters | ✓ | ✓ | ✓ | ✓ | ✓ |
| React | ✓ | | | | |
| Spread | ✓ | ✓ | ✓ | ✓ | |
| Template literals | ✓ | ✓ | ✓ | ✓ | ✓ |
| Unicode regex | ✓ | ✓ | ✓ | | |
### [Traceur](https://github.com/google/traceur-compiler)
Traceur requires quite a bulky runtime (~75KB) and produces quite verbose code.
While this can be trimmed down by selectively building the runtime, it's an
unnecessary step when a large runtime can be eliminated entirely.
### [es6now](https://github.com/zenparsing/es6now)
es6now doesn't output sourcemaps. This is cited as a positive as line-to-line
mapping is the goal. This however obviously doesn't retain column mapping
resulting in the output code not being very pleasant.
### [es6-transpiler](https://github.com/termi/es6-transpiler)
The es6-transpiler compiler requires shims to operate which pollutes the global
scope resulting in possible collisions.
es6-transpiler maps line-by-line, just like es6now, this results in the same
issues such as lack of column information and unpleasant code output.

1
doc/index.md Normal file
View File

@@ -0,0 +1 @@
See [6to5.github.io/docs](https://github.com/6to5/6to5.github.io/tree/master/docs).

View File

@@ -1,708 +0,0 @@
---
layout: docs
title: Setup
description: Guides on how to setup 6to5 in whatever environment you might be working in.
permalink: /docs/setup/
redirect_from: /plugins.html
---
<blockquote class="to5-callout to5-callout-info">
<h4>Find your guide</h4>
<p>
It doesn't matter if you're using Node.js or Rails, Gulp or Grunt, there's likely a guide on
this page to help guide you. Go ahead and <span class="label label-info">&#8984; + F</span>
whatever you're looking for. If it doesn't happen to be on this page you might want to stop by
our <a href="https://gitter.im/6to5/6to5">support chat</a>.
</p>
</blockquote>
## Node.js
### CLI
**Install**
```sh
$ npm install --global 6to5
```
**Usage**
```sh
$ 6to5 script.js
```
<blockquote class="to5-callout to5-callout-info">
<p>
For full documentation on the 6to5 CLI see the
<a href="/docs/usage/cli/">usage docs</a>.
</p>
</blockquote>
### Require Hook
**Install**
```sh
$ npm install 6to5
```
**Usage**
All subsequent files required by node with the extensions `.es6` and `.js` will
be transformed by 6to5. The polyfill specified in [Polyfill](polyfill.md) is
also required.
```javascript
require('6to5/register');
```
<blockquote class="to5-callout to5-callout-info">
<p>
For full documentation on the 6to5 require hook see the
<a href="/docs/usage/require/">usage docs</a>.
</p>
</blockquote>
## Rails
### Sprockets
<blockquote class="to5-callout to5-callout-info">
<p>
See <strong>sprockets-es6</strong>'s
<a href="https://github.com/josh/sprockets-es6">repo</a> for more info. If
you find any bugs please
<a href="https://github.com/josh/sprockets-es6/issues">report them</a>.
</p>
<p>
<em>Issues with the output should be reported on the 6to5
<a href="https://github.com/6to5/6to5/issues">issue tracker</a></em>.
</p>
</blockquote>
**Install**
```sh
$ gem install sprockets-es6
```
**Usage**
```rb
# Gemfile
gem 'sprockets'
gem 'sprockets-es6'
```
```rb
require 'sprockets/es6'
```
## Build Systems
### Brocolli
<blockquote class="to5-callout to5-callout-info">
<p>
See <strong>broccoli-6to5-transpiler</strong>'s
<a href="https://github.com/6to5/broccoli-6to5-transpiler">repo</a> for more
info. If you find any bugs please
<a href="https://github.com/6to5/broccoli-6to5-transpiler/issues">report
them</a>.
</p>
<p>
<em>Issues with the output should be reported on the 6to5
<a href="https://github.com/6to5/6to5/issues">issue tracker</a></em>.
</p>
</blockquote>
**Install**
```sh
$ npm install --save-dev broccoli-6to5-transpiler
```
**Usage**
```js
var to5Transpiler = require('broccoli-6to5-transpiler');
var scriptTree = to5Transpiler(inputTree, options);
```
<blockquote class="to5-callout to5-callout-warning">
<h4>Source maps</h4>
<p>
Currently this plugin only support inline source maps. If you need separate
source map feature, we welcome you to submit a pull request.
</p>
</blockquote>
### Browserify
<blockquote class="to5-callout to5-callout-info">
<p>
See <strong>6to5ify</strong>'s
<a href="https://github.com/6to5/6to5ify">repo</a> for more info. If you
find any bugs please
<a href="https://github.com/6to5/6to5ify/issues">report them</a>.
</p>
<p>
<em>Issues with the output should be reported on the 6to5
<a href="https://github.com/6to5/6to5/issues">issue tracker</a></em>.
</p>
</blockquote>
**Install**
```sh
$ npm install --save-dev 6to5ify
```
**Usage via CLI**
```sh
$ browserify script.js -t 6to5ify --outfile bundle.js
```
**Usage via Node.js**
```js
browserify({ debug: true })
.transform(to5ify);
```
Or a more complete example:
```js
var fs = require('fs');
var browserify = require('browserify');
var to5ify = require('6to5ify');
browserify({ debug: true })
.transform(to5ify)
.require('./script.js', { entry: true })
.bundle()
.on('error', function (err) { console.log('Error: ' + err.message); })
.pipe(fs.createWriteStream("bundle.js"));
```
**Passing Options**
```sh
$ browserify -d -e script.js -t [ 6to5ify --blacklist generators ]
```
```js
browserify().transform(to5ify.configure({
blacklist: ['generators']
}))
```
<blockquote class="to5-callout to5-callout-info">
<h4>More info</h4>
<p>
For more information see the
<a href="https://github.com/6to5/6to5ify">6to5ify README</a>
</p>
</blockquote>
### Brunch
<blockquote class="to5-callout to5-callout-info">
<p>
See <strong>6to5-brunch</strong>'s
<a href="https://github.com/6to5/6to5-brunch">repo</a> for more info. If you
find any bugs please
<a href="https://github.com/6to5/6to5-brunch/issues">report them</a>.
</p>
<p>
<em>Issues with the output should be reported on the 6to5
<a href="https://github.com/6to5/6to5/issues">issue tracker</a></em>.
</p>
</blockquote>
**Install**
```sh
$ npm install --save-dev 6to5-brunch
```
**Configuring**
Set 6to5 options in your brunch config (such as `brunch-config.coffee`) except
for `filename` and `sourceMap` which are handled internally.
```coffee
plugins:
ES6to5:
whitelist: ['arrowFunctions']
format:
semicolons: false
```
### Duo
<blockquote class="to5-callout to5-callout-info">
<p>
See <strong>duo-6to5</strong>'s
<a href="https://github.com/6to5/duo-6to5">repo</a> for more info. If you
find any bugs please
<a href="https://github.com/6to5/duo-6to5/issues">report them</a>.
</p>
<p>
<em>Issues with the output should be reported on the 6to5
<a href="https://github.com/6to5/6to5/issues">issue tracker</a></em>.
</p>
</blockquote>
**Install**
```sh
$ npm install --save-dev duo-6to5
```
**Usage via CLI**
```sh
$ duo --use duo-6to5
```
**Usage via Node.js**
```js
Duo(root)
.entry(entry)
.use(to5)
.run(fn);
```
### Gobble
<blockquote class="to5-callout to5-callout-info">
<p>
See <strong>gobble-6to5</strong>'s
<a href="https://github.com/6to5/gobble-6to5">repo</a> for more info. If you
find any bugs please
<a href="https://github.com/6to5/gobble-6to5/issues">report them</a>.
</p>
<p>
<em>Issues with the output should be reported on the 6to5
<a href="https://github.com/6to5/6to5/issues">issue tracker</a></em>.
</p>
</blockquote>
**Install**
```sh
$ npm install --save-dev gobble-6to5
```
**Usage**
The `options` argument, if specified, is passed to 6to5.
```
var gobble = require('gobble');
module.exports = gobble('src').transform('6to5', options);
```
**Source maps**
Sourcemaps are created by default (all the relevant information is filled in by
Gobble, you don't need to specify `sourceMapName` options etc). If you don't
want that, pass `sourceMap: false`.
### Grunt
<blockquote class="to5-callout to5-callout-info">
<p>
See <strong>grunt-6to5</strong>'s
<a href="https://github.com/6to5/grunt-6to5">repo</a> for more info. If you
find any bugs please
<a href="https://github.com/6to5/grunt-6to5/issues">report them</a>.
</p>
<p>
<em>Issues with the output should be reported on the 6to5
<a href="https://github.com/6to5/6to5/issues">issue tracker</a></em>.
</p>
</blockquote>
**Install**
```sh
$ npm install --save-dev grunt-6to5
```
**Usage**
```js
require('load-grunt-tasks')(grunt); // npm install --save-dev load-grunt-tasks
grunt.initConfig({
'6to5': {
options: {
sourceMap: true
},
dist: {
files: {
'dist/app.js': 'src/app.js'
}
}
}
});
grunt.registerTask('default', ['6to5']);
```
### Gulp
<blockquote class="to5-callout to5-callout-info">
<p>
See <strong>gulp-6to5</strong>'s
<a href="https://github.com/6to5/gulp-6to5">repo</a> for more info. If you
find any bugs please
<a href="https://github.com/6to5/gulp-6to5/issues">report them</a>.
</p>
<p>
<em>Issues with the output should be reported on the 6to5
<a href="https://github.com/6to5/6to5/issues">issue tracker</a></em>.
</p>
</blockquote>
**Install**
```sh
$ npm install --save-dev gulp-6to5
```
**Usage**
```js
var gulp = require('gulp');
var to5 = require('gulp-6to5');
gulp.task('default', function () {
return gulp.src('src/app.js')
.pipe(to5())
.pipe(gulp.dest('dist'));
});
```
**Source maps**
Use [gulp-sourcemaps](https://github.com/floridoo/gulp-sourcemaps) like this:
```js
var gulp = require('gulp');
var sourcemaps = require('gulp-sourcemaps');
var to5 = require('gulp-6to5');
var concat = require('gulp-concat');
gulp.task('default', function () {
return gulp.src('src/**/*.js')
.pipe(sourcemaps.init())
.pipe(to5())
.pipe(concat('all.js'))
.pipe(sourcemaps.write('.'))
.pipe(gulp.dest('dist'));
});
```
### Webpack
<blockquote class="to5-callout to5-callout-info">
<p>
See <strong>6to5-loader</strong>'s
<a href="https://github.com/6to5/6to5-loader">repo</a> for more info. If you
find any bugs please
<a href="https://github.com/6to5/6to5-loader/issues">report them</a>.
</p>
<p>
<em>Issues with the output should be reported on the 6to5
<a href="https://github.com/6to5/6to5/issues">issue tracker</a></em>.
</p>
</blockquote>
**Install**
```sh
$ npm install --save-dev 6to5-loader
```
**Usage via loader**
```js
import Animal from '6to5!./Animal.js';
class Person extends Animal {
constructor(arg='default') {
this.eat = 'Happy Meal';
}
}
export default Person;
```
```js
var Person = require('6to5!./Person.js').default;
new Person();
```
**Usage via config**
```js
module: {
loaders: [
{ test: /\.js$/, exclude: /node_modules/, loader: '6to5-loader'}
]
}
```
and then import normally:
```js
import Person from './Person.js';
```
<blockquote class="to5-callout to5-callout-warning">
<h4>Troubleshooting</h4>
<p>
For additional information on how to troubleshoot **6to5-loader** please
see the
<a href="https://github.com/6to5/6to5-loader#troubleshooting">README</a>.
</p>
</blockquote>
## Misc
### Connect
<blockquote class="to5-callout to5-callout-info">
<p>
See <strong>6to5-connect</strong>'s
<a href="https://github.com/6to5/6to5-connect">repo</a> for more info. If
you find any bugs please
<a href="https://github.com/6to5/6to5-connect/issues">report them</a>.
</p>
<p>
<em>Issues with the output should be reported on the 6to5
<a href="https://github.com/6to5/6to5/issues">issue tracker</a></em>.
</p>
</blockquote>
**Install**
```js
$ npm install 6to5-connect
```
**Usage**
```js
var to5Middleware = require('6to5-connect');
app.use(to5Middleware({
options: {
// options to use when transforming files
},
src: 'assets',
dest: 'cache'
}));
app.use(connect.static('cache'));
```
### Jade
<blockquote class="to5-callout to5-callout-info">
<p>
See <strong>jade-6to5</strong>'s
<a href="https://github.com/6to5/jade-6to5">repo</a> for more info. If you
find any bugs please
<a href="https://github.com/6to5/jade-6to5/issues">report them</a>.
</p>
<p>
<em>Issues with the output should be reported on the 6to5
<a href="https://github.com/6to5/6to5/issues">issue tracker</a></em>.
</p>
</blockquote>
**Install**
```js
$ npm install jade-6to5
```
**Usage**
```js
var jade = require('jade');
var to5 = require('jade-6to5');
jade.filters.to5 = to5({});
```
OR
```js
var jade = require('jade');
var to5 = require('jade-6to5');
jade = to5({}, jade);
```
Now you can use ES6 in your jade templates as following.
```jade
script
:to5
console.log('Hello World !!!');
class Person {
constructor(name) {
this.name = name;
}
sayName(){
console.log(`Hello, my name is ${this.name}`);
}
}
var person = new Person('Apoxx');
person.sayName();
```
### Jest
<blockquote class="to5-callout to5-callout-info">
<p>
See <strong>6to5-jest</strong>'s
<a href="https://github.com/6to5/6to5-jest">repo</a> for more info. If you
find any bugs please
<a href="https://github.com/6to5/6to5-jest/issues">report them</a>.
</p>
<p>
<em>Issues with the output should be reported on the 6to5
<a href="https://github.com/6to5/6to5/issues">issue tracker</a></em>.
</p>
</blockquote>
**Install**
```sh
$ npm install --save-dev 6to5-jest
```
**Usage**
In your `package.json` file please make the following changes:
```
{
"dependencies": {
"6to5-jest": "*",
"jest": "*"
},
"scripts": {
"test": "jest"
},
"jest": {
"scriptPreprocessor": "<rootDir>/node_modules/6to5-jest",
"testFileExtensions": ["es6", "js"],
"moduleFileExtensions": ["js", "json", "es6"]
}
}
```
### Karma
<blockquote class="to5-callout to5-callout-info">
<p>
See <strong>karma-6to5-preprocessor</strong>'s
<a href="https://github.com/6to5/karma-6to5-preprocessor">repo</a> for more
info. If you find any bugs please
<a href="https://github.com/6to5/karma-6to5-preprocessor/issues">report them</a>.
</p>
<p>
<em>Issues with the output should be reported on the 6to5
<a href="https://github.com/6to5/6to5/issues">issue tracker</a></em>.
</p>
</blockquote>
**Install**
```js
npm install --save-dev karma-6to5-preprocessor
```
**Usage**
See 6to5 options for more details.
Given `options` properties are passed to 6to5 with no change except:
- `filename`
- `sourceMapName`
- `sourceFileName`
Because they should differ from file to file, corresponding configuration
functions are available.
For example, inline sourcemap configuration would look like the following.
```js
module.exports = function(config) {
config.set({
files: [
'src/**/*.js',
'test/**/*.js'
],
preprocessors: {
'src/**/*.js': ['6to5'],
'test/**/*.js': ['6to5']
},
'6to5Preprocessor': {
options: {
sourceMap: 'inline'
},
filename: function(file) {
return file.originalPath.replace(/\.js$/, '.es5.js');
},
sourceFileName: function(file) {
return file.originalPath;
}
}
});
};
```
### Mocha
<blockquote class="to5-callout to5-callout-info">
<p>
See <strong>6to5-mocha</strong>'s
<a href="https://github.com/6to5/6to5-mocha">repo</a> for more info. If you
find any bugs please
<a href="https://github.com/6to5/6to5-mocha/issues">report them</a>.
</p>
<p>
<em>Issues with the output should be reported on the 6to5
<a href="https://github.com/6to5/6to5/issues">issue tracker</a></em>.
</p>
</blockquote>
**Install**
```sh
$ npm install --save-dev 6to5
```
**Usage**
```js
{
"scripts": {
"test": "mocha --require 6to5/register"
},
"devDependencies": {
"6to5": "*",
"mocha": "*"
}
}
```

View File

@@ -1,771 +0,0 @@
---
layout: docs
title: Tour
description: A detailed overview of ECMAScript 6 features.
permalink: /docs/tour/
redirect_from: /features.html
---
<blockquote class="to5-callout to5-callout-info">
<h4>es6features</h4>
<p>
This document is taken from Luke Hoban's excellent
<a href="http://git.io/es6features">es6features</a> repo. Go give it a star
on GitHub!
</p>
</blockquote>
<blockquote class="to5-callout to5-callout-info">
<h4>REPL</h4>
<p>
Be sure to try these features out in the online
<a href="repl.html">REPL</a>.
</p>
</blockquote>
## Introduction
> ECMAScript 6 is the upcoming version of the ECMAScript standard. This
standard is targeting ratification in June 2015. ES6 is a significant update to
the language, and the first update to the language since ES5 was standardized in
2009. Implementation of these features in major JavaScript engines is
[underway now](http://kangax.github.io/es5-compat-table/es6/).
See the [draft ES6 standard](https://people.mozilla.org/~jorendorff/es6-draft.html)
for full specification of the ECMAScript 6 language.
## ECMAScript 6 Features
### Arrows
Arrows are a function shorthand using the `=>` syntax. They are syntactically
similar to the related feature in C#, Java 8 and CoffeeScript. They support
both expression and statement bodies. Unlike functions, arrows share the same
lexical `this` as their surrounding code.
```js
// Expression bodies
var odds = evens.map(v => v + 1);
var nums = evens.map((v, i) => v + i);
// Statement bodies
nums.forEach(v => {
if (v % 5 === 0)
fives.push(v);
});
// Lexical this
var bob = {
_name: "Bob",
_friends: [],
printFriends() {
this._friends.forEach(f =>
console.log(this._name + " knows " + f));
}
}
```
### Classes
ES6 classes are a simple sugar over the prototype-based OO pattern. Having a
single convenient declarative form makes class patterns easier to use, and
encourages interoperability. Classes support prototype-based inheritance, super
calls, instance and static methods and constructors.
```js
class SkinnedMesh extends THREE.Mesh {
constructor(geometry, materials) {
super(geometry, materials);
this.idMatrix = SkinnedMesh.defaultMatrix();
this.bones = [];
this.boneMatrices = [];
//...
}
update(camera) {
//...
super.update();
}
static defaultMatrix() {
return new THREE.Matrix4();
}
}
```
### Enhanced Object Literals
Object literals are extended to support setting the prototype at construction,
shorthand for `foo: foo` assignments, defining methods and making super calls.
Together, these also bring object literals and class declarations closer
together, and let object-based design benefit from some of the same
conveniences.
```js
var obj = {
// __proto__
__proto__: theProtoObj,
// Shorthand for handler: handler
handler,
// Methods
toString() {
// Super calls
return "d " + super.toString();
},
// Computed (dynamic) property names
[ 'prop_' + (() => 42)() ]: 42
};
```
<blockquote class="to5-callout to5-callout-warning">
<p>
<code>__proto__</code> support comes from the JavaScript engine running
your program. Although most support the now standard property,
<a href="http://kangax.github.io/compat-table/es6/#__proto___in_object_literals">some do not</a>.
</p>
</blockquote>
### Template Strings
Template strings provide syntactic sugar for constructing strings. This is
similar to string interpolation features in Perl, Python and more. Optionally, a
tag can be added to allow the string construction to be customized, avoiding
injection attacks or constructing higher level data structures from string
contents.
```js
// Basic literal string creation
`In JavaScript '\n' is a line-feed.`
// Multiline strings
`In JavaScript this is
not legal.`
// Construct a DOM query
var name = "Bob", time = "today";
`Hello ${name}, how are you ${time}?`
// Construct an HTTP request prefix is used to interpret the replacements and construction
GET`http://foo.org/bar?a=${a}&b=${b}
Content-Type: application/json
X-Credentials: ${credentials}
{ "foo": ${foo},
"bar": ${bar}}`(myOnReadyStateChangeHandler);
```
### Destructuring
Destructuring allows binding using pattern matching, with support for matching
arrays and objects. Destructuring is fail-soft, similar to standard object
lookup `foo["bar"]`, producing `undefined` values when not found.
```js
// list matching
var [a, , b] = [1,2,3];
// object matching
var { op: a, lhs: { op: b }, rhs: c }
= getASTNode()
// object matching shorthand
// binds `op`, `lhs` and `rhs` in scope
var {op, lhs, rhs} = getASTNode()
// Can be used in parameter position
function g({name: x}) {
console.log(x);
}
g({name: 5})
// Fail-soft destructuring
var [a] = [];
a === undefined;
// Fail-soft destructuring with defaults
var [a = 1] = [];
a === 1;
```
### Default + Rest + Spread
Callee-evaluated default parameter values. Turn an array into consecutive
arguments in a function call. Bind trailing parameters to an array. Rest
replaces the need for `arguments` and addresses common cases more directly.
```js
function f(x, y=12) {
// y is 12 if not passed (or passed as undefined)
return x + y;
}
f(3) == 15
```
```js
function f(x, ...y) {
// y is an Array
return x * y.length;
}
f(3, "hello", true) == 6
```
```js
function f(x, y, z) {
return x + y + z;
}
// Pass each elem of array as argument
f(...[1,2,3]) == 6
```
### Let + Const
Block-scoped binding constructs. `let` is the new `var`. `const` is
single-assignment. Static restrictions prevent use before assignment.
```js
function f() {
{
let x;
{
// okay, block scoped name
const x = "sneaky";
// error, const
x = "foo";
}
// error, already declared in block
let x = "inner";
}
}
```
### Iterators + For..Of
Iterator objects enable custom iteration like CLR IEnumerable or Java
Iteratable. Generalize `for..in` to custom iterator-based iteration with
`for..of`. Dont require realizing an array, enabling lazy design patterns like
LINQ.
```js
let fibonacci = {
[Symbol.iterator]() {
let pre = 0, cur = 1;
return {
next() {
[pre, cur] = [cur, pre + cur];
return { done: false, value: cur }
}
}
}
}
for (var n of fibonacci) {
// truncate the sequence at 1000
if (n > 1000)
break;
print(n);
}
```
Iteration is based on these duck-typed interfaces (using
[TypeScript](http://typescriptlang.org) type syntax for exposition only):
```ts
interface IteratorResult {
done: boolean;
value: any;
}
interface Iterator {
next(): IteratorResult;
}
interface Iterable {
[Symbol.iterator](): Iterator
}
```
### Generators
Generators simplify iterator-authoring using `function*` and `yield`. A function
declared as function* returns a Generator instance. Generators are subtypes of
iterators which include additional `next` and `throw`. These enable values to
flow back into the generator, so `yield` is an expression form which returns a
value (or throws).
Note: Can also be used to enable await-like async programming, see also ES7
`await` proposal.
```js
var fibonacci = {
[Symbol.iterator]: function*() {
var pre = 0, cur = 1;
for (;;) {
var temp = pre;
pre = cur;
cur += temp;
yield cur;
}
}
}
for (var n of fibonacci) {
// truncate the sequence at 1000
if (n > 1000)
break;
print(n);
}
```
The generator interface is (using [TypeScript](http://typescriptlang.org) type
syntax for exposition only):
```ts
interface Generator extends Iterator {
next(value?: any): IteratorResult;
throw(exception: any);
}
```
### Comprehensions
Array and generator comprehensions provide simple declarative list processing
similar as used in many functional programming patterns.
```js
// Array comprehensions
var results = [
for(c of customers)
if (c.city == "Seattle")
{ name: c.name, age: c.age }
]
// Generator comprehensions
var results = (
for(c of customers)
if (c.city == "Seattle")
{ name: c.name, age: c.age }
)
```
### Unicode
Non-breaking additions to support full Unicode, including new unicode literal
form in strings and new RegExp `u` mode to handle code points, as well as new
APIs to process strings at the 21bit code points level. These additions support
building global apps in JavaScript.
```js
// same as ES5.1
"𠮷".length == 2
// new RegExp behaviour, opt-in u
"𠮷".match(/./u)[0].length == 2
// new form
"\u{20BB7}"=="𠮷" == "\uD842\uDFB7"
// new String ops
"𠮷".codePointAt(0) == 0x20BB7
// for-of iterates code points
for(var c of "𠮷") {
console.log(c);
}
```
### Modules
Language-level support for modules for component definition. Codifies patterns
from popular JavaScript module loaders (AMD, CommonJS). Runtime behaviour
defined by a host-defined default loader. Implicitly async model no code
executes until requested modules are available and processed.
```js
// lib/math.js
export function sum(x, y) {
return x + y;
}
export var pi = 3.141593;
```
```js
// app.js
module math from "lib/math";
alert("2π = " + math.sum(math.pi, math.pi));
```
```js
// otherApp.js
import {sum, pi} from "lib/math";
alert("2π = " + sum(pi, pi));
```
Some additional features include `export default` and `export *`:
```js
// lib/mathplusplus.js
export * from "lib/math";
export var e = 2.71828182846;
export default function(x) {
return Math.exp(x);
}
```
```js
// app.js
module math from "lib/mathplusplus";
import exp from "lib/mathplusplus";
alert("2π = " + exp(math.pi, math.e));
```
<blockquote class="to5-callout to5-callout-info">
<h4>Module Formatters</h4>
<p>
6to5 can transpile ES6 Modules to several different formats including
Common.js, AMD, System, and UMD. You can even create your own. For more
details see the <a href="modules.html">modules docs</a>.
</p>
</blockquote>
### Module Loaders
Module loaders support:
- Dynamic loading
- State isolation
- Global namespace isolation
- Compilation hooks
- Nested virtualization
The default module loader can be configured, and new loaders can be constructed
to evaluated and load code in isolated or constrained contexts.
```js
// Dynamic loading System is default loader
System.import('lib/math').then(function(m) {
alert("2π = " + m.sum(m.pi, m.pi));
});
// Create execution sandboxes new Loaders
var loader = new Loader({
global: fixup(window) // replace console.log
});
loader.eval("console.log('hello world!');");
// Directly manipulate module cache
System.get('jquery');
System.set('jquery', Module({$: $})); // WARNING: not yet finalized
```
<blockquote class="to5-callout to5-callout-warning">
<h4>Additional polyfill needed</h4>
<p>
Since 6to5 defaults to using common.js modules, it does not include the
polyfill for the module loader api. Get it
<a href="https://github.com/ModuleLoader/es6-module-loader">here</a>.
</p>
</blockquote>
<blockquote class="to5-callout to5-callout-info">
<h4>Using Module Loader</h4>
<p>
In order to use this, you'll need to tell 6to5 to use the
<code>system</code> module formatter. Also be sure to check out
<a href="https://github.com/systemjs/systemjs">System.js</a>
</p>
</blockquote>
### Map + Set + WeakMap + WeakSet
Efficient data structures for common algorithms. WeakMaps provides leak-free
object-keyd side tables.
```js
// Sets
var s = new Set();
s.add("hello").add("goodbye").add("hello");
s.size === 2;
s.has("hello") === true;
// Maps
var m = new Map();
m.set("hello", 42);
m.set(s, 34);
m.get(s) == 34;
// Weak Maps
var wm = new WeakMap();
wm.set(s, { extra: 42 });
wm.size === undefined
// Weak Sets
var ws = new WeakSet();
ws.add({ data: 42 });
// Because the added object has no other references, it will not be held in the set
```
<blockquote class="to5-callout to5-callout-info">
<h4>Support via polyfill</h4>
<p>
In order to support Promises you must include the 6to5 Polyfill.
</p>
</blockquote>
### Proxies
Proxies enable creation of objects with the full range of behaviors available to
host objects. Can be used for interception, object virtualization,
logging/profiling, etc.
```js
// Proxying a normal object
var target = {};
var handler = {
get: function (receiver, name) {
return `Hello, ${name}!`;
}
};
var p = new Proxy(target, handler);
p.world === 'Hello, world!';
```
```js
// Proxying a function object
var target = function () { return 'I am the target'; };
var handler = {
apply: function (receiver, ...args) {
return 'I am the proxy';
}
};
var p = new Proxy(target, handler);
p() === 'I am the proxy';
```
There are traps available for all of the runtime-level meta-operations:
```js
var handler =
{
get:...,
set:...,
has:...,
deleteProperty:...,
apply:...,
construct:...,
getOwnPropertyDescriptor:...,
defineProperty:...,
getPrototypeOf:...,
setPrototypeOf:...,
enumerate:...,
ownKeys:...,
preventExtensions:...,
isExtensible:...
}
```
<blockquote class="to5-callout to5-callout-danger">
<h4>Unsupported feature</h4>
<p>
Due to the limitations of ES5, Proxies cannot be transpiled or polyfilled.
See support from various
<a href="http://kangax.github.io/compat-table/es6/#Proxy">JavaScript
engines</a>.
</p>
</blockquote>
### Symbols
Symbols enable access control for object state. Symbols allow properties to be
keyed by either `string` (as in ES5) or `symbol`. Symbols are a new primitive
type. Optional `name` parameter used in debugging - but is not part of identity.
Symbols are unique (like gensym), but not private since they are exposed via
reflection features like `Object.getOwnPropertySymbols`.
```js
(function() {
// module scoped symbol
var key = Symbol("key");
function MyClass(privateData) {
this[key] = privateData;
}
MyClass.prototype = {
doStuff: function() {
... this[key] ...
}
};
})();
var c = new MyClass("hello")
c["key"] === undefined
```
<blockquote class="to5-callout to5-callout-info">
<h4>Support via polyfill</h4>
<p>
In order to support Promises you must include the 6to5 Polyfill.
</p>
</blockquote>
### Subclassable Built-ins
In ES6, built-ins like `Array`, `Date` and DOM `Element`s can be subclassed.
Object construction for a function named `Ctor` now uses two-phases (both
virtually dispatched):
- Call `Ctor[@@create]` to allocate the object, installing any special behavior
- Invoke constructor on new instance to initialize
The known `@@create` symbol is available via `Symbol.create`. Built-ins now
expose their `@@create` explicitly.
```js
// Pseudo-code of Array
class Array {
constructor(...args) { /* ... */ }
static [Symbol.create]() {
// Install special [[DefineOwnProperty]]
// to magically update 'length'
}
}
// User code of Array subclass
class MyArray extends Array {
constructor(...args) { super(...args); }
}
// Two-phase 'new':
// 1) Call @@create to allocate object
// 2) Invoke constructor on new instance
var arr = new MyArray();
arr[1] = 12;
arr.length == 2
```
### Math + Number + String + Object APIs
Many new library additions, including core Math libraries, Array conversion
helpers, and Object.assign for copying.
```js
Number.EPSILON
Number.isInteger(Infinity) // false
Number.isNaN("NaN") // false
Math.acosh(3) // 1.762747174039086
Math.hypot(3, 4) // 5
Math.imul(Math.pow(2, 32) - 1, Math.pow(2, 32) - 2) // 2
"abcde".contains("cd") // true
"abc".repeat(3) // "abcabcabc"
Array.from(document.querySelectorAll('*')) // Returns a real Array
Array.of(1, 2, 3) // Similar to new Array(...), but without special one-arg behavior
[0, 0, 0].fill(7, 1) // [0,7,7]
[1,2,3].findIndex(x => x == 2) // 1
["a", "b", "c"].entries() // iterator [0, "a"], [1,"b"], [2,"c"]
["a", "b", "c"].keys() // iterator 0, 1, 2
["a", "b", "c"].values() // iterator "a", "b", "c"
Object.assign(Point, { origin: new Point(0,0) })
```
<blockquote class="to5-callout to5-callout-warning">
<h4>Limited support from polyfill</h4>
<p>
Most of these APIs are supported by the 6to5 Polyfill. However, certain
features are omitted for various reasons (ie.
<code>String.prototype.normalize</code> needs a lot of additional code to
support). You can find more polyfills
<a href="https://github.com/addyosmani/es6-tools#polyfills">here</a>.
</p>
</blockquote>
### Binary and Octal Literals
Two new numeric literal forms are added for binary (`b`) and octal (`o`).
```js
0b111110111 === 503 // true
0o767 === 503 // true
```
<blockquote class="to5-callout to5-callout-warning">
<h4>Only supports literal form</h4>
<p>
6to5 is only able to transform <code>0o767</code> and not
<code>Number('0o767')</code>.
</p>
</blockquote>
### Promises
Promises are a library for asynchronous programming. Promises are a first class
representation of a value that may be made available in the future. Promises are
used in many existing JavaScript libraries.
```js
function timeout(duration = 0) {
return new Promise((resolve, reject) => {
setTimeout(resolve, duration);
})
}
var p = timeout(1000).then(() => {
return timeout(2000);
}).then(() => {
throw new Error("hmm");
}).catch(err => {
return Promise.all([timeout(100), timeout(200)]);
})
```
<blockquote class="to5-callout to5-callout-info">
<h4>Support via polyfill</h4>
<p>
In order to support Promises you must include the 6to5 Polyfill.
</p>
</blockquote>
### Reflect API
Full reflection API exposing the runtime-level meta-operations on objects. This
is effectively the inverse of the Proxy API, and allows making calls
corresponding to the same meta-operations as the proxy traps. Especially useful
for implementing proxies.
```js
// No sample yet
```
<blockquote class="to5-callout to5-callout-danger">
<h4>Limited support from polyfill</h4>
<p>
Core.js only currently supports <code>Reflect.ownKeys</code>, if you would
like a much more complete Reflect API, include another polyfill such as
<a href="https://github.com/tvcutsem/harmony-reflect">Harmony Reflect</a>.
</p>
</blockquote>
### Tail Calls
Calls in tail-position are guaranteed to not grow the stack unboundedly. Makes
recursive algorithms safe in the face of unbounded inputs.
```js
function factorial(n, acc = 1) {
'use strict';
if (n <= 1) return acc;
return factorial(n - 1, n * acc);
}
// Stack overflow in most implementations today,
// but safe on arbitrary inputs in eS6
factorial(100000)
```
<blockquote class="to5-callout to5-callout-danger">
<h4>Unsupported feature</h4>
<p>
Due to high complexity of transpiling Tail Calls, 6to5 does not currently
have them implemented. See
<a href="https://github.com/6to5/6to5/issues/256">#256</a>.
</p>
</blockquote>

View File

@@ -1,59 +0,0 @@
---
layout: docs
title: API
description: How to use the Node.js API.
permalink: /docs/usage/api/
---
```javascript
var to5 = require('6to5');
```
## to5.transform
Transforms the passed in `code`.
```
to5.transform(code, [options])
```
**Example**
```js
var result = to5.transform('code();', options);
result.code;
result.map;
result.ast;
```
## to5.transformFile
Asynchronously transforms the entire contents of a file.
```js
to5.transformFile(filename, [options], callback)
```
**Example**
```js
to5.transformFile('filename.js', options, function (err, result) {
result.code;
});
```
## to5.transformFileSync
Synchronous version of `to5.transformFile`. Returns the transformed contents of
the `filename`.
```js
to5.transformFileSync(filename, [options])
```
**Example**
```js
to5.transformFileSync('filename.js', options).code;
```

View File

@@ -1,59 +0,0 @@
---
layout: docs
title: Browser
description: How to transpile in the browser.
permalink: /docs/usage/browser/
redirect_from: /browser.html
---
<p class="lead">
A browser version of 6to5 is available from `browser.js` inside the 6to5
directory in an npm release.
</p>
<blockquote class="to5-callout to5-callout-warning">
<h4>Not intended for serious use</h4>
<p>
Compiling in the browser has a fairly limited use case, so if you are
working on a production site you should be precompiling your scripts
server-side. See <a href="../setup/#build-systems">setup build systems</a>
for more information.
</p>
</blockquote>
## Script tags
When the `browser.js` file is included all scripts with the type
`text/ecmascript-6` and `text/6to5` are automatically compiled and ran.
```html
<script src="node_modules/6to5/browser.js"></script>
<script type="text/6to5">
class Test {
test() {
return 'test';
}
}
var test = new Test;
test.test(); // "test"
</script>
```
## API
Programmatically transpile and execute strings of ES6 code.
See [options](#options) for additional documentation.
### `to5.transform(code, [opts])`
```js
to5.transform('class Test {}').code;
```
### `to5.run(code, [opts])`
````js
to5.run('class Test {}');
````

View File

@@ -1,99 +0,0 @@
---
layout: docs
title: CLI
description: How to use the CLI tools.
permalink: /docs/usage/cli/
redirect_from: /usage.html
---
<p class="lead">
6to5 comes with a built-in CLI which can be used to compile files from the
command line.
</p>
## Install
Using [npm](https://www.npmjs.com/) you can install 6to5 globally, making it
available from the command line.
```sh
$ npm install --global 6to5
```
## 6to5
#### Compile Files
Compile the file `script.js` and **output to stdout**.
```sh
$ 6to5 script.js
# output...
```
If you would like to **output to a file** you may use `--out-file` or `-o`.
```sh
$ 6to5 script.js --out-file script-compiled.js
```
### Compile with Source Maps
If you would then like to add a **source map file** you can use
`--source-maps` or `-s`. [Learn more about source maps](http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/).
```sh
$ 6to5 script.js --out-file script-compiled.js --source-maps
```
If you would rather have **inline source maps**, you may use
`--source-maps-inline` or `-t`.
```sh
$ 6to5 script.js --out-file script-compiled.js --source-maps-inline
```
### Compile Directories
Compile the entire `src` directory and output it to the `lib` directory.
```sh
$ 6to5 src --out-dir lib
```
Compile the entire `src` directory and output it to the one concatenated file.
```sh
$ 6to5 src --out-file script-compiled.js
```
### Piping Files
Pipe a file in via stdin and output it to `script-compiled.js`
```sh
$ 6to5 --out-file script-compiled.js < script.js
```
## 6to5-node
6to5 comes with a second CLI which works exactly the same as Node.js's CLI, only
it will compile ES6 code before running it.
Launch a REPL (Read-Eval-Print-Loop).
```sh
$ 6to5-node
```
Evaluate code.
```sh
$ 6to5-node -e "class Test { }"
```
Compile and run `test.js`.
```sh
$ 6to5-node test
```

View File

@@ -1,28 +0,0 @@
---
layout: docs
title: Experimental
description: How to use experimental ES7 features.
permalink: /docs/usage/experimental/
redirect_from: /experimental.html
---
> 6to5 also has experimental support for ES7 proposals.
<blockquote class="to5-callout to5-callout-danger">
<h4>Subject to change</h4>
<p>
These proposals are subject to change so <strong><em>use with extreme
caution</em></strong>. 6to5 may update without warning in order to track spec
changes. Please do not use them in production applications.
</p>
</blockquote>
#### Usage
```js
$ 6to5 --experimental
```
```js
to5.transform('code', { experimental: true });
```

View File

@@ -1,22 +0,0 @@
---
layout: docs
title: JSX
description: How to use JSX.
permalink: /docs/usage/jsx/
---
<p class="lead">
6to5 has built-in support for React v0.12. Tags are automatically transformed
to their equivalent <code>React.createElement(...)</code> and
<code>displayName</code> is automatically inferred and added to all
<code>React.createClass</code> calls.
</p>
## Blacklist
To disable this behaviour add react to your blacklist:
````js
to5.transform("code", { blacklist: ["react"] });
$ 6to5 --blacklist react
```

View File

@@ -1,260 +0,0 @@
---
layout: docs
title: Modules
description: How to use module formatters.
permalink: /docs/usage/modules/
redirect_from: /modules.html
---
<p class="lead">
6to5 has the ability to transpile ES6 modules to the module system of your
choice. You can even easily create your own.
</p>
## Usage
```sh
$ 6to5 --modules common script.js
```
```js
to5.transform('import "foo";', { modules: "common" });
```
## Formats
### Common (Default)
**Usage**
```sh
$ 6to5 --modules common
```
**Example**
```js
export default test;
export {test};
export var test = 5;
import "foo";
import foo from "foo";
import * as foo from "foo";
import {bar} from "foo";
import {foo as bar} from "foo";
```
```js
"use strict";
var _interopRequire = function (obj) {
return obj && (obj["default"] || obj);
};
exports = module.exports = test;
exports.test = test;
var test = exports.test = 5;
require("foo");
var foo = _interopRequire(require("foo"));
var foo = require("foo");
var bar = require("foo").bar;
var bar = require("foo").foo;
```
### AMD
**Usage**
```sh
$ 6to5 --modules amd
```
**Example**
```js
import foo from "foo";
export function bar() {
return foo("foobar");
}
```
```js
define(["exports", "foo"], function (exports, _foo) {
"use strict";
var _interopRequire = function (obj) {
return obj && (obj["default"] || obj);
};
exports.bar = bar;
var foo = _interopRequire(_foo);
function bar() {
return foo("foobar");
}
});
```
You can optionally specify to include the module id (using the `--amd-module-id`
argument):
```js
define("filename", ["exports", "foo"], function (exports, _foo) {})
```
### System
**Usage**
```sh
$ 6to5 --modules system
```
**Example**
```js
import foo from "foo";
export function bar() {
return foo("foobar");
}
```
```js
System.register("bar", ["foo"], function (_export) {
"use strict";
var __moduleName = "bar";
var foo;
function bar() {
return foo("foobar");
}
return {
setters: [function (m) {
foo = m.default;
}],
execute: function () {
_export("bar", bar);
}
};
});
```
### UMD
**Usage**
```sh
$ 6to5 --modules umd
```
**Example**
```js
import foo from "foo";
export function bar() {
return foo("foobar");
}
```
```js
(function (factory) {
if (typeof define === "function" && define.amd) {
define(["exports", "foo"], factory);
} else if (typeof exports !== "undefined") {
factory(exports, require("foo"));
}
})(function (exports, _foo) {
"use strict";
var _interopRequire = function (obj) {
return obj && (obj["default"] || obj);
};
exports.bar = bar;
var foo = _interopRequire(_foo);
function bar() {
return foo("foobar");
}
});
```
### Ignore
**Usage**
```sh
$ 6to5 --modules ignore
```
**Example**
```js
import foo from "foo";
export function bar() {
return foo("foobar");
}
```
```js
function bar() {
return foo("foobar");
}
```
### Custom
You can alternatively specify module names instead of one of the built-in types.
**Usage**
```js
$ 6to5 --modules custom-module-formatter
```
**Example**
**`node_modules/custom-module-formatter/index.js`**
```js
module.exports = ModuleFormatter;
function ModuleFormatter() {}
ModuleFormatter.prototype.transform = function (ast) {
// this is ran after all transformers have had their turn at modifying the ast
// feel free to modify this however
};
ModuleFormatter.prototype.importDeclaration = function (node, nodes) {
// node is an ImportDeclaration
};
ModuleFormatter.prototype.importSpecifier = function (specifier, node, nodes) {
// specifier is an ImportSpecifier
// node is an ImportDeclaration
};
ModuleFormatter.prototype.exportDeclaration = function (node, nodes) {
// node is an ExportDeclaration
};
ModuleFormatter.prototype.exportSpecifier = function (specifier, node, nodes) {
// specifier is an ExportSpecifier
// node is an ExportDeclaration
};
```

View File

@@ -1,35 +0,0 @@
---
layout: docs
title: Options
description: Options for 6to5 transpiling.
permalink: /docs/usage/options/
---
## Usage
```js
to5.transform(code, options);
```
```sh
$ 6to5 --name=value
```
## Options
| Option | Default | Description |
| ------------------ | -------------------- | ------------------------------- |
| `filename` | `"unknown"` | Filename for use in errors etc. |
| `fileNameRelative` | `(filename)` | Filename relative to `sourceRoot`. |
| `blacklist` | `[]` | Array of transformers to **exclude**. Run `6to5 --help` to see a full list of transformers. |
| `whitelist` | `[]` | Array of transformers to **only** use. Run `6to5 --help` to see a full list of transformers. |
| `modules` | `"common"` | Which module formatter to use. Run `6to5 --help` to see a full list of module formatters. |
| `sourceMap` | `false` | If truthy, adds a `map` property to returned output. If set to `"inline"`, a comment with a sourceMappingURL directive is added to the bottom of the returned code. |
| `sourceMapName` | `(filenameRelative)` | Set `file` on returned source map. |
| `sourceFileName` | `(filenameRelative)` | Set `sources[0]` on returned source map. |
| `sourceRoot` | `(moduleRoot)` | The root from which all sources are relative. |
| `moduleRoot` | `(sourceRoot)` | Optional prefix for the AMD module formatter that will be prepend to the filename on module definitions. |
| `amdModuleIds` | `false` | If truthy, insert an explicit id for each defined AMD module. By default, AMD modules are anonymous. |
| `runtime` | `false` | Optionally replace all 6to5 helper declarations with a referenece to this variable. If set to `true` then the default namespace is used `to5Runtime`. |
| `comments` | `true` | Output comments in generated output. |
| `experimental` | `false` | Enable support for experimental ES7 features. |

View File

@@ -1,173 +0,0 @@
---
layout: docs
title: Playground
description: How to use the playground.
permalink: /docs/usage/playground/
redirect_from: /playground.html
---
> Playground is a proving ground for language ideas.
<blockquote class="to5-callout to5-callout-danger">
<h4>Unofficial</h4>
<p>
These features are in no way endorsed by Ecma International and are not a
part of any ECMAScript standard, nor are they necessarily on track to become
part of any standard. <strong><em>Use with extreme caution</em></strong>.
</p>
</blockquote>
<blockquote class="to5-callout to5-callout-info">
<h4>Proposal Authors</h4>
<p>
If you are actively working on an
<a href="https://github.com/tc39/ecma262">ECMAScript proposal</a>, this is a
good place to get your ideas implemented with so that they may be tested
with all of the latest language and API features.
</p>
<p>
Please feel free to <a href="https://github.com/6to5/6to5/issues/new">open
an issue</a> on the 6to5 repository with your WIP spec, and we can discuss
getting it implemented. Be sure to include as much information as possible.
</p>
</blockquote>
## Usage
```js
$ 6to5 --playground
```
```js
to5.transform('code', { playground: true });
```
<blockquote class="to5-callout to5-callout-info">
<h4>Enables experimental</h4>
<p>
Enabling playground also enables experimental support.
</p>
</blockquote>
## Features
### Memoization assignment operator
The memoization assignment operator allows you to lazily set an object property.
It checks whether there's a property defined on the object and if there isn't
then the right hand value is set.
This means that `obj.x` in the following `var x = { x: undefined }; obj.x ?= 2;``
will still be `undefined` because it's already been defined on the object.
**Uses**
```js
var obj = {};
obj.x ?= 2;
obj.x; // 2
obj = { x: 1 };
obj.x ?= 2;
obj.x; // 1
obj = { x: undefined }
obj.x ?= 2;
obj.x; // undefined
```
**Example**
```js
var obj = {};
obj.x ?= 2;
```
is equivalent to
```js
var obj = {};
if (!Object.prototype.hasOwnProperty.call(obj, 'x')) obj.x = 2;
```
### Method binding
```javascript
var fn = obj#method;
var fn = obj#method("foob");
```
is equivalent to
```javascript
var fn = obj.method.bind(obj);
var fn = obj.method.bind(obj, "foob");
```
### Method binding function shorthand
```javascript
["foo", "bar"].map(#toUpperCase); // ["FOO", "BAR"]
[1.1234, 23.53245, 3].map(#toFixed(2)); // ["1.12", "23.53", "3.00"]
```
equivalent to
```javascript
["foo", "bar"].map(function (val) { return val.toUpperCase(); });
[1.1234, 23.53245, 3].map(function (val) { return val.toFixed(2); });
```
### Object getter memoization
```js
var foo = {
memo bar() {
return complex();
}
};
class Foo {
memo bar() {
return complex();
}
}
```
is equivalent to
```js
var foo = {
get bar() {
return Object.defineProperty(this, "bar", {
value: complex(),
enumerable: true,
configurable: true,
writable: true
}).bar;
}
};
class Foo {
get bar() {
return Object.defineProperty(this, "bar", {
value: complex(),
enumerable: true,
configurable: true,
writable: true
}).bar;
}
}
```
### This shorthand
```js
@foo
```
is equivalent to
```
this.foo
```

View File

@@ -1,56 +0,0 @@
---
layout: docs
title: Polyfill
description: How to use the Polyfill.
permalink: /docs/usage/polyfill/
---
<p class="lead">
6to5 includes a polyfill that includes a custom
<a href="https://github.com/facebook/regenerator/blob/master/runtime.js">regenerator runtime</a>
and <a href="https://github.com/zloirock/core-js">core.js</a>.
</p>
This will emulate a full ES6 environment. This polyfill is automatically loaded
when using `6to5-node` and `6to5/register`.
## Usage in Node/Browserify
You need to include the polyfill require at the top the **entry point** to
your application.
```js
require('6to5/polyfill');
```
Fortunately, this is automatically loaded when using:
```js
require('6to5/register');
```
## Usage in Browser
Available from the `browser-polyfill.js` file within the 6to5 directory of an
npm release. This needs to be included **before** all your compiled 6to5 code.
You can either prepend it to your compiled code or include it in a `<script>`
before it.
**NOTE:** Do not `require` this via browserify etc, use `6to5/polyfill`.
<blockquote class="to5-callout to5-callout-warning">
<h4>Polyfills are not perfect</h4>
<p>
Due to limitations in various ES5 environments not every polyfill will work
in every environment.
</p>
</blockquote>
<blockquote class="to5-callout to5-callout-warning">
<h4>Certain polyfills not included</h4>
<p>
Certain polyfills are too large/complex for their implemented features to
justify including them for all builds. You may have to include additional
polyfills for a subset of ES6 features.
</p>
</blockquote>

View File

@@ -1,55 +0,0 @@
---
layout: docs
title: Require Hook
description: How to use the require hook.
permalink: /docs/usage/require/
---
## Install
```sh
$ npm install 6to5
```
## Usage
```js
require('6to5/register');
```
All subsequent files required by node with the extensions `.es6`, `.es`, and
`.js` will be transformed by 6to5. The polyfill specified in Polyfill is also
required.
**NOTE:** By default all requires to `node_modules` will be ignored. You can
override this by passing an ignore regex via:
```js
require('6to5/register')({
// This will override `node_modules` ignoring - you can alternatively pass
// a regex
ignore: false
});
```
## Register Options
```javascript
require('6to5/register')({
// Optional ignore regex - if any filenames **do** match this regex then they
// aren't compiled
ignore: /regex/,
// Optional only regex - if any filenames **don't** match this regex then they
// aren't compiled
only: /my_es6_folder/,
// See options above for usage
whitelist: [],
blacklist: [],
// This will remove the currently hooked extensions of .es6 and .js so you'll
// have to add them back if you want them to be used again.
extensions: ['.js', '.es6']
});
```

View File

@@ -1,56 +0,0 @@
---
layout: docs
title: Optional Runtime
description: How to use the optional runtime.
permalink: /docs/usage/runtime/
---
## Details
6to5 has a few helper functions that'll be placed at the top of the generated
code if needed so it's not inlined multiple times throughout that file. This may
become an issue if you have multiple files, especially when you're sending them
to the browser. gzip alleviates most of this concern but it's still not ideal.
You can tell 6to5 to not place any declarations at the top of your files and
instead just point them to a reference contained within the runtime.
## Usage
```js
$ 6to5 --runtime
```
```js
to5.transform('code', { runtime: true });
```
### Getting the runtime
```sh
$ 6to5-runtime
```
or
```js
require('6to5').runtime();
```
or from an npm release in `runtime.js` from the 6to5 directory.
### Customising namespace
You can also customise the runtime namespace by passing an optional namespace
argument:
```sh
$ 6to5-runtime myCustomNamespace
```
```js
require("6to5").runtime('myCustomNamespace');
```
See [Options - runtime](../options) for documentation on changing the reference in
generated code.

View File

@@ -9,7 +9,11 @@ function DefaultFormatter(file) {
this.file = file;
this.localExports = this.getLocalExports();
this.localImports = this.getLocalImports();
this.remapAssignments();
this.checkCollisions();
}
DefaultFormatter.prototype.getLocalExports = function () {
@@ -27,6 +31,53 @@ DefaultFormatter.prototype.getLocalExports = function () {
return localExports;
};
DefaultFormatter.prototype.getLocalImports = function () {
var localImports = {};
traverse(this.file.ast, {
enter: function (node) {
if (t.isImportDeclaration(node)) {
_.extend(localImports, t.getIds(node, true));
}
}
});
return localImports;
};
DefaultFormatter.prototype.checkCollisions = function () {
// todo: all check export collissions
var localImports = this.localImports;
var file = this.file;
var isLocalReference = function (node) {
return t.isIdentifier(node) && _.has(localImports, node.name) && localImports[node.name] !== node;
};
var check = function (node) {
if (isLocalReference(node)) {
throw file.errorWithNode(node, "Illegal assignment of module import");
}
};
traverse(file.ast, {
enter: function (node) {
if (t.isAssignmentExpression(node)) {
var left = node.left;
if (t.isMemberExpression(left)) {
while (left.object) left = left.object;
}
check(left);
} else if (t.isDeclaration(node)) {
_.each(t.getIds(node, true), check);
}
}
});
};
DefaultFormatter.prototype.remapExportAssignment = function (node) {
return t.assignmentExpression(
"=",
@@ -142,10 +193,11 @@ DefaultFormatter.prototype._exportSpecifier = function (getRef, specifier, node,
nodes.push(this._exportsWildcard(getRef(), node));
} else {
var ref;
if (t.isSpecifierDefault(specifier.id) || this.noInteropRequire) {
ref = t.memberExpression(getRef(), specifier.id);
} else {
if (t.isSpecifierDefault(specifier) && !this.noInteropRequire) {
// importing a default so we need to normalise it
ref = t.callExpression(this.file.addHelper("interop-require"), [getRef()]);
} else {
ref = t.memberExpression(getRef(), specifier.id);
}
// export { foo } from "test";

View File

@@ -1,6 +1,7 @@
module.exports = AMDFormatter;
var DefaultFormatter = require("./_default");
var CommonFormatter = require("./common");
var util = require("../../util");
var t = require("../../types");
var _ = require("lodash");
@@ -30,12 +31,15 @@ AMDFormatter.prototype.transform = function (ast) {
// build an array of module names
var names = [t.literal("exports")].concat(this.buildDependencyLiterals());
var names = [t.literal("exports")];
if (this.passModuleArg) names.push(t.literal("module"));
names = names.concat(this.buildDependencyLiterals());
names = t.arrayExpression(names);
// build up define container
var params = _.values(this.ids);
if (this.passModuleArg) params.unshift(t.identifier("module"));
params.unshift(t.identifier("exports"));
var container = t.functionExpression(null, params, t.blockStatement(body));
@@ -96,6 +100,14 @@ AMDFormatter.prototype.importSpecifier = function (specifier, node, nodes) {
]));
};
AMDFormatter.prototype.exportDeclaration = function (node) {
if (node.default) {
this.passModuleArg = true;
}
CommonFormatter.prototype.exportDeclaration.apply(this, arguments);
};
AMDFormatter.prototype.exportSpecifier = function (specifier, node, nodes) {
var self = this;
return this._exportSpecifier(function () {

View File

@@ -61,7 +61,7 @@ CommonJSFormatter.prototype.importDeclaration = function (node, nodes) {
};
CommonJSFormatter.prototype.exportDeclaration = function (node, nodes) {
if (node.default) {
if (node.default && !this.exportIdentifier) {
var declar = node.declaration;
var assign;

View File

@@ -25,22 +25,37 @@ UMDFormatter.prototype.transform = function (ast) {
// factory
var ids = _.values(this.ids);
var args = [t.identifier("exports")].concat(ids);
var args = [t.identifier("exports")];
if (this.passModuleArg) args.push(t.identifier("module"));
args = args.concat(ids);
var factory = t.functionExpression(null, args, t.blockStatement(body));
// runner
var defineArgs = [t.arrayExpression([t.literal("exports")].concat(names))];
var defineArgs = [t.literal("exports")];
if (this.passModuleArg) defineArgs.push(t.literal("module"));
defineArgs = defineArgs.concat(names);
defineArgs = [t.arrayExpression(defineArgs)];
// typeof exports !== "undefined" && typeof module !== "undefined"
var testExports = t.binaryExpression("!==", t.unaryExpression("typeof", t.identifier("exports"), true), t.literal("undefined")),
testModule = t.binaryExpression("!==", t.unaryExpression("typeof", t.identifier("module"), true), t.literal("undefined")),
commonTests = this.passModuleArg ? t.logicalExpression("&&", testExports, testModule) : testExports;
var commonArgs = [t.identifier("exports")];
if (this.passModuleArg) commonArgs.push(t.identifier("module"));
commonArgs = commonArgs.concat(names.map(function (name) {
return t.callExpression(t.identifier("require"), [name]);
}));
var moduleName = this.getModuleName();
if (moduleName) defineArgs.unshift(t.literal(moduleName));
var runner = util.template("umd-runner-body", {
AMD_ARGUMENTS: defineArgs,
COMMON_ARGUMENTS: names.map(function (name) {
return t.callExpression(t.identifier("require"), [name]);
})
COMMON_TEST: commonTests,
COMMON_ARGUMENTS: commonArgs
});
//

View File

@@ -1,3 +1,3 @@
for (var KEY = START; KEY < ARGUMENTS.length; KEY++) {
ARRAY[KEY] = ARGUMENTS[KEY];
ARRAY[ARRAY_KEY] = ARGUMENTS[KEY];
}

View File

@@ -1,7 +1,7 @@
(function (factory) {
if (typeof define === "function" && define.amd) {
define(AMD_ARGUMENTS, factory);
} else if (typeof exports !== "undefined") {
factory(exports, COMMON_ARGUMENTS);
} else if (COMMON_TEST) {
factory(COMMON_ARGUMENTS);
}
});

View File

@@ -39,10 +39,6 @@ transform.moduleFormatters = {
};
_.each({
// spec
specBlockHoistFunctions: require("./transformers/spec-block-hoist-functions"),
specNoForInOfAssignment: require("./transformers/spec-no-for-in-of-assignment"),
// playground
methodBinding: require("./transformers/playground-method-binding"),
memoizationOperator: require("./transformers/playground-memoization-operator"),

View File

@@ -12,6 +12,14 @@ exports.Function = function (node, parent, file) {
var argsId = t.identifier("arguments");
argsId._ignoreAliasFunctions = true;
var start = t.literal(node.params.length);
var key = file.generateUidIdentifier("key");
var arrKey = key;
if (node.params.length) {
arrKey = t.binaryExpression("-", arrKey, start);
}
node.body.body.unshift(
t.variableDeclaration("var", [
t.variableDeclarator(rest, t.arrayExpression([]))
@@ -19,9 +27,10 @@ exports.Function = function (node, parent, file) {
util.template("rest", {
ARGUMENTS: argsId,
START: t.literal(node.params.length),
ARRAY_KEY: arrKey,
START: start,
ARRAY: rest,
KEY: file.generateUidIdentifier("key")
KEY: key
})
);
};

View File

@@ -36,8 +36,13 @@ exports.XJSAttribute = {
}
};
var isTag = function(tagName) {
return (/^[a-z]|\-/).test(tagName);
};
exports.XJSOpeningElement = {
exit: function (node) {
exit: function (node, parent, file) {
var reactCompat = file.opts && file.opts.reactCompat;
var tagExpr = node.name;
var args = [];
@@ -48,10 +53,12 @@ exports.XJSOpeningElement = {
tagName = tagExpr.value;
}
if (tagName && (/[a-z]/.exec(tagName[0]) || tagName.indexOf("-") >= 0)) {
args.push(t.literal(tagName));
} else {
args.push(tagExpr);
if (!reactCompat) {
if (tagName && isTag(tagName)) {
args.push(t.literal(tagName));
} else {
args.push(tagExpr);
}
}
var props = node.attributes;
@@ -96,6 +103,28 @@ exports.XJSOpeningElement = {
args.push(props);
if (reactCompat) {
if (tagName && isTag(tagName)) {
return t.callExpression(
t.memberExpression(
t.memberExpression(
t.identifier('React'),
t.identifier('DOM'),
false
),
tagExpr,
t.isLiteral(tagExpr)
),
args
);
} else {
return t.callExpression(
tagExpr,
args
);
}
}
tagExpr = t.memberExpression(t.identifier("React"), t.identifier("createElement"));
return t.callExpression(tagExpr, args);
}

View File

@@ -1,18 +0,0 @@
var t = require("../../types");
exports.BlockStatement = function (node, parent) {
if (t.isFunction(parent)) return;
node.body = node.body.map(function (node) {
if (t.isFunction(node)) {
node.type = "FunctionExpression";
var declar = t.variableDeclaration("let", [
t.variableDeclarator(node.id, node)
]);
declar._blockHoist = true;
return declar;
} else {
return node;
}
});
};

View File

@@ -1,5 +1,4 @@
var esutils = require("esutils");
var t = require("../../types");
var t = require("../../types");
exports.MemberExpression = function (node) {
var prop = node.property;
@@ -7,7 +6,7 @@ exports.MemberExpression = function (node) {
// computed literal that is a valid identifier
node.property = t.identifier(prop.value);
node.computed = false;
} else if (!node.computed && t.isIdentifier(prop) && esutils.keyword.isKeywordES6(prop.name, true)) {
} else if (!node.computed && t.isIdentifier(prop) && !t.isValidIdentifier(prop.name)) {
node.property = t.literal(prop.name);
node.computed = true;
}

View File

@@ -1,10 +0,0 @@
var t = require("../../types");
exports.ForInStatement =
exports.ForOfStatement = function (node, parent, file) {
var left = node.left;
if (t.isVariableDeclaration(left)) {
var declar = left.declarations[0];
if (declar.init) throw file.errorWithNode(declar, "No assignments allowed in for-in/of head");
}
};

View File

@@ -1,5 +1,4 @@
var esutils = require("esutils");
var t = require("../../types");
var t = require("../../types");
exports.Property = function (node) {
var key = node.key;
@@ -7,7 +6,7 @@ exports.Property = function (node) {
// property key is a literal but a valid identifier
node.key = t.identifier(key.value);
node.computed = false;
} else if (!node.computed && t.isIdentifier(key) && esutils.keyword.isKeywordES6(key.name, true)) {
} else if (!node.computed && t.isIdentifier(key) && !t.isValidIdentifier(key.name)) {
// property key is a keyword
node.key = t.literal(key.name);
}

View File

@@ -355,16 +355,24 @@ t.getIds = function (node, map, ignoreTypes) {
if (!id) continue;
if (_.contains(ignoreTypes, id.type)) continue;
var nodeKey = t.getIds.nodes[id.type];
var nodeKeys = t.getIds.nodes[id.type];
var arrKeys = t.getIds.arrays[id.type];
var i, key;
if (t.isIdentifier(id)) {
ids[id.name] = id;
} else if (nodeKey) {
if (id[nodeKey]) search.push(id[nodeKey]);
} else if (nodeKeys) {
for (i in nodeKeys) {
key = nodeKeys[i];
if (id[key]) {
search.push(id[key]);
break;
}
}
} else if (arrKeys) {
for (var i in arrKeys) {
var key = arrKeys[i];
for (i in arrKeys) {
key = arrKeys[i];
search = search.concat(id[key] || []);
}
}
@@ -375,15 +383,16 @@ t.getIds = function (node, map, ignoreTypes) {
};
t.getIds.nodes = {
AssignmentExpression: "left",
ImportSpecifier: "name",
ExportSpecifier: "name",
VariableDeclarator: "id",
FunctionDeclaration: "id",
ClassDeclaration: "id",
MemeberExpression: "object",
SpreadElement: "argument",
Property: "value"
AssignmentExpression: ["left"],
ImportBatchSpecifier: ["name"],
ImportSpecifier: ["name", "id"],
ExportSpecifier: ["name", "id"],
VariableDeclarator: ["id"],
FunctionDeclaration: ["id"],
ClassDeclaration: ["id"],
MemeberExpression: ["object"],
SpreadElement: ["argument"],
Property: ["value"]
};
t.getIds.arrays = {

View File

@@ -1,7 +1,7 @@
{
"name": "6to5",
"description": "Turn ES6 code into readable vanilla ES5 with source maps",
"version": "2.6.1",
"version": "2.7.0",
"author": "Sebastian McKenzie <sebmck@gmail.com>",
"homepage": "https://github.com/6to5/6to5",
"repository": {

View File

@@ -1,17 +1,17 @@
define(["exports"], function (exports) {
define(["exports", "module"], function (exports, module) {
"use strict";
exports["default"] = foo;
exports["default"] = 42;
exports["default"] = {};
exports["default"] = [];
exports["default"] = foo;
exports["default"] = function () {};
module.exports = foo;
module.exports = 42;
module.exports = {};
module.exports = [];
module.exports = foo;
module.exports = function () {};
exports["default"] = function () {};
module.exports = function () {};
function foo() {}
var Foo = function Foo() {};
exports["default"] = Foo;
});
module.exports = Foo;
});

View File

@@ -1,10 +1,6 @@
define(["exports", "foo"], function (exports, _foo) {
"use strict";
var _interopRequire = function (obj) {
return obj && (obj["default"] || obj);
};
var _interopRequireWildcard = function (obj) {
return obj && obj.constructor === Object ? obj : {
"default": obj
@@ -21,11 +17,11 @@ define(["exports", "foo"], function (exports, _foo) {
_exportsWildcard(_interopRequireWildcard(_foo));
exports.foo = _interopRequire(_foo);
exports.foo = _interopRequire(_foo);
exports.bar = _interopRequire(_foo);
exports.bar = _interopRequire(_foo);
exports["default"] = _interopRequire(_foo);
exports["default"] = _interopRequire(_foo);
exports.bar = _interopRequire(_foo);
});
exports.foo = _foo.foo;
exports.foo = _foo.foo;
exports.bar = _foo.bar;
exports.bar = _foo.foo;
exports["default"] = _foo.foo;
exports["default"] = _foo.foo;
exports.bar = _foo.bar;
});

View File

@@ -1,2 +1,2 @@
import foo from "foo";
import {default as foo} from "foo";
import {default as foo2} from "foo";

View File

@@ -7,5 +7,5 @@ define(["exports", "foo"], function (exports, _foo) {
var foo = _interopRequire(_foo);
var foo = _interopRequire(_foo);
});
var foo2 = _interopRequire(_foo);
});

View File

@@ -1,4 +1,4 @@
import {bar} from "foo";
import {bar, baz} from "foo";
import {bar as baz} from "foo";
import {bar as baz, xyz} from "foo";
import {bar2, baz} from "foo";
import {bar as baz2} from "foo";
import {bar as baz3, xyz} from "foo";

View File

@@ -2,9 +2,9 @@ define(["exports", "foo"], function (exports, _foo) {
"use strict";
var bar = _foo.bar;
var bar = _foo.bar;
var bar2 = _foo.bar2;
var baz = _foo.baz;
var baz = _foo.bar;
var baz = _foo.bar;
var baz2 = _foo.bar;
var baz3 = _foo.bar;
var xyz = _foo.xyz;
});
});

View File

@@ -2,11 +2,11 @@ import "foo";
import "foo-bar";
import "./directory/foo-bar";
import foo from "foo";
import * as foo from "foo";
import * as foo2 from "foo";
import {bar} from "foo";
import {foo as bar} from "foo";
import {foo as bar2} from "foo";
export {test};
export var test = 5;
export var test2 = 5;
export default test;

View File

@@ -1,4 +1,4 @@
define(["exports", "foo", "foo-bar", "./directory/foo-bar"], function (exports, _foo, _fooBar, _directoryFooBar) {
define(["exports", "module", "foo", "foo-bar", "./directory/foo-bar"], function (exports, module, _foo, _fooBar, _directoryFooBar) {
"use strict";
var _interopRequire = function (obj) {
@@ -7,11 +7,11 @@ define(["exports", "foo", "foo-bar", "./directory/foo-bar"], function (exports,
var foo = _interopRequire(_foo);
var foo = _foo;
var foo2 = _foo;
var bar = _foo.bar;
var bar = _foo.foo;
var bar2 = _foo.foo;
exports.test = test;
var test = exports.test = 5;
var test2 = exports.test2 = 5;
exports["default"] = test;
});
module.exports = test;
});

View File

@@ -0,0 +1,2 @@
import { foo } from "foo";
var foo;

View File

@@ -0,0 +1,3 @@
{
"throws": "Illegal assignment of module import"
}

View File

@@ -0,0 +1,2 @@
import { foo } from "foo";
foo.bar = 1;

View File

@@ -0,0 +1,3 @@
{
"throws": "Illegal assignment of module import"
}

View File

@@ -0,0 +1,2 @@
import * as foo from "foo";
foo = 1;

View File

@@ -0,0 +1,3 @@
{
"throws": "Illegal assignment of module import"
}

View File

@@ -0,0 +1,2 @@
import * as foo from "foo";
var foo;

View File

@@ -0,0 +1,3 @@
{
"throws": "Illegal assignment of module import"
}

View File

@@ -0,0 +1,2 @@
import { foo as bar } from "foo";
var bar;

View File

@@ -0,0 +1,3 @@
{
"throws": "Illegal assignment of module import"
}

View File

@@ -0,0 +1,2 @@
import { foo as bar } from "foo";
bar = 1;

View File

@@ -0,0 +1,3 @@
{
"throws": "Illegal assignment of module import"
}

View File

@@ -0,0 +1,2 @@
import { foo } from "foo";
import { foo } from "bar";

View File

@@ -0,0 +1,3 @@
{
"throws": "Illegal assignment of module import"
}

View File

@@ -0,0 +1,2 @@
import { foo as bar } from "foo";
import { foo as bar } from "bar";

View File

@@ -0,0 +1,3 @@
{
"throws": "Illegal assignment of module import"
}

View File

@@ -0,0 +1,2 @@
import { foo } from "foo";
foo = 1;

View File

@@ -0,0 +1,3 @@
{
"throws": "Illegal assignment of module import"
}

View File

@@ -1,9 +1,5 @@
"use strict";
var _interopRequire = function (obj) {
return obj && (obj["default"] || obj);
};
var _interopRequireWildcard = function (obj) {
return obj && obj.constructor === Object ? obj : {
"default": obj
@@ -20,10 +16,10 @@ var _exportsWildcard = function (obj) {
_exportsWildcard(_interopRequireWildcard(require("foo")));
exports.foo = _interopRequire(require("foo"));
exports.foo = _interopRequire(require("foo"));
exports.bar = _interopRequire(require("foo"));
exports.bar = _interopRequire(require("foo"));
exports["default"] = _interopRequire(require("foo"));
exports["default"] = _interopRequire(require("foo"));
exports.bar = _interopRequire(require("foo"));
exports.foo = require("foo").foo;
exports.foo = require("foo").foo;
exports.bar = require("foo").bar;
exports.bar = require("foo").foo;
exports["default"] = require("foo").foo;
exports["default"] = require("foo").foo;
exports.bar = require("foo").bar;

View File

@@ -1,2 +1,2 @@
import foo from "foo";
import {default as foo} from "foo";
import {default as foo2} from "foo";

View File

@@ -6,4 +6,4 @@ var _interopRequire = function (obj) {
var foo = _interopRequire(require("foo"));
var foo = _interopRequire(require("foo"));
var foo2 = _interopRequire(require("foo"));

View File

@@ -1,4 +1,4 @@
import {bar} from "foo";
import {bar, baz} from "foo";
import {bar as baz} from "foo";
import {bar as baz, xyz} from "foo";
import {bar2, baz} from "foo";
import {bar as baz2} from "foo";
import {bar as baz3, xyz} from "foo";

View File

@@ -1,8 +1,8 @@
"use strict";
var bar = require("foo").bar;
var bar = require("foo").bar;
var bar2 = require("foo").bar2;
var baz = require("foo").baz;
var baz = require("foo").bar;
var baz = require("foo").bar;
var baz2 = require("foo").bar;
var baz3 = require("foo").bar;
var xyz = require("foo").xyz;

View File

@@ -2,9 +2,9 @@ import "foo";
import "foo-bar";
import "./directory/foo-bar";
import foo from "foo";
import * as foo from "foo";
import * as foo2 from "foo";
import {bar} from "foo";
import {foo as bar} from "foo";
import {foo as bar2} from "foo";
export {test};
export var test = 5;

View File

@@ -18,9 +18,9 @@ require("./directory/foo-bar");
var foo = _interopRequire(require("foo"));
var foo = _interopRequireWildcard(require("foo"));
var foo2 = _interopRequireWildcard(require("foo"));
var bar = require("foo").bar;
var bar = require("foo").foo;
var bar2 = require("foo").foo;
exports.test = test;
var test = exports.test = 5;

View File

@@ -1,2 +1,2 @@
import foo from "foo";
import {default as foo} from "foo";
import {default as foo2} from "foo";

View File

@@ -1,4 +1,4 @@
import {bar} from "foo";
import {bar, baz} from "foo";
import {bar as baz} from "foo";
import {bar as baz, xyz} from "foo";
import {bar2, baz} from "foo";
import {bar as baz2} from "foo";
import {bar as baz3, xyz} from "foo";

View File

@@ -2,11 +2,11 @@ import "foo";
import "foo-bar";
import "./directory/foo-bar";
import foo from "foo";
import * as foo from "foo";
import * as foo2 from "foo";
import {bar} from "foo";
import {foo as bar} from "foo";
import {foo as bar2} from "foo";
export {test};
export var test = 5;
export var test2 = 5;
export default test;

View File

@@ -1,3 +1,3 @@
"use strict";
var test = 5;
var test2 = 5;

View File

@@ -1,2 +1,2 @@
import foo from "foo";
import {default as foo} from "foo";
import {default as foo2} from "foo";

View File

@@ -1,12 +1,12 @@
System.register(["foo"], function (_export) {
"use strict";
var foo, foo;
var foo, foo2;
return {
setters: [function (_foo) {
foo = _foo["default"];
foo = _foo["default"];
foo2 = _foo["default"];
}],
execute: function () {}
};
});
});

View File

@@ -1,4 +1,4 @@
import {bar} from "foo";
import {bar, baz} from "foo";
import {bar as baz} from "foo";
import {bar as baz, xyz} from "foo";
import {bar2, baz} from "foo";
import {bar as baz2} from "foo";
import {bar as baz3, xyz} from "foo";

View File

@@ -1,16 +1,16 @@
System.register(["foo"], function (_export) {
"use strict";
var bar, bar, baz, baz, baz, xyz;
var bar, bar2, baz, baz2, baz3, xyz;
return {
setters: [function (_foo) {
bar = _foo.bar;
bar = _foo.bar;
bar2 = _foo.bar2;
baz = _foo.baz;
baz = _foo.bar;
baz = _foo.bar;
baz2 = _foo.bar;
baz3 = _foo.bar;
xyz = _foo.xyz;
}],
execute: function () {}
};
});
});

View File

@@ -2,11 +2,11 @@ import "foo";
import "foo-bar";
import "./directory/foo-bar";
import foo from "foo";
import * as foo from "foo";
import * as foo2 from "foo";
import {bar} from "foo";
import {foo as bar} from "foo";
import {foo as bar2} from "foo";
export {test};
export var test = 5;
export var test2 = 5;
export default test;

View File

@@ -1,19 +1,19 @@
System.register(["foo", "foo-bar", "./directory/foo-bar"], function (_export) {
"use strict";
var foo, foo, bar, bar, test;
var foo, foo2, bar, bar2, test2;
return {
setters: [function (_foo) {
foo = _foo["default"];
foo = _foo;
foo2 = _foo;
bar = _foo.bar;
bar = _foo.foo;
bar2 = _foo.foo;
}, function (_fooBar) {}, function (_directoryFooBar) {}],
execute: function () {
_export("test", test);
test = _export("test", 5);
test2 = _export("test2", 5);
_export("default", test);
}
};
});
});

View File

@@ -1,23 +1,23 @@
(function (factory) {
if (typeof define === "function" && define.amd) {
define(["exports"], factory);
} else if (typeof exports !== "undefined") {
factory(exports);
define(["exports", "module"], factory);
} else if (typeof exports !== "undefined" && typeof module !== "undefined") {
factory(exports, module);
}
})(function (exports) {
})(function (exports, module) {
"use strict";
exports["default"] = foo;
exports["default"] = 42;
exports["default"] = {};
exports["default"] = [];
exports["default"] = foo;
exports["default"] = function () {};
module.exports = foo;
module.exports = 42;
module.exports = {};
module.exports = [];
module.exports = foo;
module.exports = function () {};
exports["default"] = function () {};
module.exports = function () {};
function foo() {}
var Foo = function Foo() {};
exports["default"] = Foo;
});
module.exports = Foo;
});

View File

@@ -7,10 +7,6 @@
})(function (exports, _foo) {
"use strict";
var _interopRequire = function (obj) {
return obj && (obj["default"] || obj);
};
var _interopRequireWildcard = function (obj) {
return obj && obj.constructor === Object ? obj : {
"default": obj
@@ -27,11 +23,11 @@
_exportsWildcard(_interopRequireWildcard(_foo));
exports.foo = _interopRequire(_foo);
exports.foo = _interopRequire(_foo);
exports.bar = _interopRequire(_foo);
exports.bar = _interopRequire(_foo);
exports["default"] = _interopRequire(_foo);
exports["default"] = _interopRequire(_foo);
exports.bar = _interopRequire(_foo);
});
exports.foo = _foo.foo;
exports.foo = _foo.foo;
exports.bar = _foo.bar;
exports.bar = _foo.foo;
exports["default"] = _foo.foo;
exports["default"] = _foo.foo;
exports.bar = _foo.bar;
});

View File

@@ -1,2 +1,2 @@
import foo from "foo";
import {default as foo} from "foo";
import {default as foo2} from "foo";

View File

@@ -13,5 +13,5 @@
var foo = _interopRequire(_foo);
var foo = _interopRequire(_foo);
});
var foo2 = _interopRequire(_foo);
});

View File

@@ -1,4 +1,4 @@
import {bar} from "foo";
import {bar, baz} from "foo";
import {bar as baz} from "foo";
import {bar as baz, xyz} from "foo";
import {bar2, baz} from "foo";
import {bar as baz2} from "foo";
import {bar as baz3, xyz} from "foo";

View File

@@ -8,9 +8,9 @@
"use strict";
var bar = _foo.bar;
var bar = _foo.bar;
var bar2 = _foo.bar2;
var baz = _foo.baz;
var baz = _foo.bar;
var baz = _foo.bar;
var baz2 = _foo.bar;
var baz3 = _foo.bar;
var xyz = _foo.xyz;
});
});

View File

@@ -2,11 +2,11 @@ import "foo";
import "foo-bar";
import "./directory/foo-bar";
import foo from "foo";
import * as foo from "foo";
import * as foo2 from "foo";
import {bar} from "foo";
import {foo as bar} from "foo";
import {foo as bar2} from "foo";
export {test};
export var test = 5;
export var test2 = 5;
export default test;

View File

@@ -1,10 +1,10 @@
(function (factory) {
if (typeof define === "function" && define.amd) {
define(["exports", "foo", "foo-bar", "./directory/foo-bar"], factory);
} else if (typeof exports !== "undefined") {
factory(exports, require("foo"), require("foo-bar"), require("./directory/foo-bar"));
define(["exports", "module", "foo", "foo-bar", "./directory/foo-bar"], factory);
} else if (typeof exports !== "undefined" && typeof module !== "undefined") {
factory(exports, module, require("foo"), require("foo-bar"), require("./directory/foo-bar"));
}
})(function (exports, _foo, _fooBar, _directoryFooBar) {
})(function (exports, module, _foo, _fooBar, _directoryFooBar) {
"use strict";
var _interopRequire = function (obj) {
@@ -13,11 +13,11 @@
var foo = _interopRequire(_foo);
var foo = _foo;
var foo2 = _foo;
var bar = _foo.bar;
var bar = _foo.foo;
var bar2 = _foo.foo;
exports.test = test;
var test = exports.test = 5;
var test2 = exports.test2 = 5;
exports["default"] = test;
});
module.exports = test;
});

View File

@@ -4,7 +4,7 @@ var t = function (f) {
var items = [];
for (var _key = 1; _key < arguments.length; _key++) {
items[_key] = arguments[_key];
items[_key - 1] = arguments[_key];
}
};
@@ -12,6 +12,6 @@ function t(f) {
var items = [];
for (var _key2 = 1; _key2 < arguments.length; _key2++) {
items[_key2] = arguments[_key2];
items[_key2 - 1] = arguments[_key2];
}
}

View File

@@ -0,0 +1,3 @@
var x = <Component foo="bar">
<Namespace.Component />
</Component>

View File

@@ -0,0 +1,3 @@
var x = Component({
foo: "bar"
}, Namespace.Component(null));

View File

@@ -0,0 +1,3 @@
{
"reactCompat": true
}

View File

@@ -0,0 +1 @@
var x = <div foo="bar"><font-face></font-face></div>;

View File

@@ -0,0 +1,3 @@
var x = React.DOM.div({
foo: "bar"
}, React.DOM["font-face"](null));

View File

@@ -0,0 +1,3 @@
{
"reactCompat": true
}

View File

@@ -1,3 +0,0 @@
for (var i = 0 in obj) {
}

View File

@@ -1,3 +0,0 @@
for (var i = 0 of obj) {
}

View File

@@ -1,3 +0,0 @@
{
"throws": "No assignments allowed in for-in/of head"
}

View File

@@ -1,5 +0,0 @@
function f() { return 1; }
{
function f() { return 2; }
}
assert.equal(f(), 1);

View File

@@ -12,7 +12,7 @@ var _ = require("lodash");
var regeneratorLoc = __dirname + "/../vendor/regenerator";
if (!fs.existsSync(regeneratorLoc)) {
console.error("No vendor/regenerator - run `git submodule update --init && cd vendor/regenerator && npm install`");
console.error("No vendor/regenerator - run `make bootstrap`");
process.exit(1);
}

59
test/test262.js Normal file
View File

@@ -0,0 +1,59 @@
if (process.env.SIMPLE_6TO5_TESTS) return;
var transform = require("../lib/6to5/transformation/transform");
var readdir = require("fs-readdir-recursive");
var path = require("path");
var fs = require("fs");
var _ = require("lodash");
var test262Loc = __dirname + "/../vendor/test262";
if (!fs.existsSync(test262Loc)) {
console.error("No vendor/test262 - run `make bootstrap`");
process.exit(1);
}
var read = function (loc) {
return readdir(loc).map(function (filename) {
return path.join(loc, filename);
});
};
var exec = function (loc) {
try {
var file = fs.readFileSync(loc, "utf8");
// this normalises syntax and early runtime reference errors since they're
// both thrown as SyntaxErrors in acorn
// SyntaxError: var null;
// ReferenceError: 1++; (runtime)
var lazyError = /negative: (\S+)/.test(file);
var compiled = transform(file, {
filename: loc,
blacklist: ["useStrict"]
});
global.eval(compiled);
} catch (err) {
if (err && lazyError && err instanceof SyntaxError) {
return;
} else {
throw err;
}
}
};
// harness
var harness = read(test262Loc + "/harness");
_.each(harness, exec);
// tests!
var tests = read(test262Loc + "/test");
_.each(tests, function (loc) {
var alias = path.relative(test262Loc + "/test", loc);
alias = alias.replace(/\.([^\.]+)$/g, "");
test(alias, function () {
this.timeout(0);
exec(loc);
});
});

Some files were not shown because too many files have changed in this diff Show More