cerxes/babel
3
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fix moduleAttributesVersion errors with stage-0 preset in babel standalone (#11631)

Browse Source 
* Fix moduleAttributesVersion errors with stage-0 preset in babel standalone

* Add regression test for stage-0 not erroring on missing moduleattributes version

* Remove moduleAttributesVersion from preset config
This commit is contained in:
Matt Hamlin
2020-05-28 14:35:06 -04:00
committed by GitHub
parent ddfdf00167
commit 8e41f26e12
4 changed files with 49 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
packages/babel-standalone/examples/example.htm
View File

@@ -1,38 +1,48 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>babel-standalone example</title>
</head>
<body>
Input:
<textarea id="input" style="width: 100%" rows="10">
<head>
<meta charset="utf-8" />
<title>babel-standalone example</title>
</head>
<body>
Input:
<textarea id="input" style="width: 100%" rows="10">
const getMessage = () => 'Hello World';
const someDiv = <div>{getMessage()}</div>;
</textarea>
</textarea
>
Transformed code using Babel <strong id="version"></strong>:
<pre id="output">Loading...</pre>
Transformed code using Babel <strong id="version"></strong>:
<pre id="output">Loading...</pre>
<script src="../babel.js"></script>
<script>
console.log('Babel =', Babel);
document.getElementById('version').innerHTML = Babel.version;
var inputEl = document.getElementById('input');
var outputEl = document.getElementById('output');
<script src="../babel.js"></script>
<script>
console.log("Babel =", Babel);
document.getElementById("version").innerHTML = Babel.version;
var inputEl = document.getElementById("input");
var outputEl = document.getElementById("output");
function transform() {
try {
outputEl.innerHTML = Babel.transform(inputEl.value, {
presets: ['es2015', 'react', 'stage-0']
}).code;
} catch (ex) {
outputEl.innerHTML = 'ERROR: ' + ex.message;
function transform() {
try {
outputEl.innerHTML = Babel.transform(inputEl.value, {
presets: [
"es2015",
"react",
[
"stage-0",
{
decoratorsBeforeExport: false,
},
],
],
}).code;
} catch (ex) {
outputEl.innerHTML = "ERROR: " + ex.message;
}
}
}
inputEl.addEventListener('keyup', transform, false);
transform();
</script>
</body>
inputEl.addEventListener("keyup", transform, false);
transform();
</script>
</body>
</html>