mirror of
https://github.com/facebook/react.git
synced 2025-11-01 09:12:30 +00:00
Move build fixtures to fixtures/build
This commit is contained in:
@@ -1 +0,0 @@
|
||||
output.js
|
||||
@@ -1,16 +0,0 @@
|
||||
<html>
|
||||
<body>
|
||||
<style>
|
||||
.example-appear {
|
||||
opacity: 0.01;
|
||||
}
|
||||
|
||||
.example-appear.example-appear-active {
|
||||
opacity: 1;
|
||||
transition: opacity .5s ease-in;
|
||||
}
|
||||
</style>
|
||||
<div id="container"></div>
|
||||
<script src="output.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,16 +0,0 @@
|
||||
var React = require('react');
|
||||
var CSSTransitionGroup = require('react-addons-css-transition-group');
|
||||
var ReactDOM = require('react-dom');
|
||||
|
||||
ReactDOM.render(
|
||||
React.createElement(CSSTransitionGroup, {
|
||||
transitionName: 'example',
|
||||
transitionAppear: true,
|
||||
transitionAppearTimeout: 500,
|
||||
transitionEnterTimeout: 0,
|
||||
transitionLeaveTimeout: 0,
|
||||
}, React.createElement('h1', null,
|
||||
'Hello World!'
|
||||
)),
|
||||
document.getElementById('container')
|
||||
);
|
||||
@@ -1,10 +0,0 @@
|
||||
{
|
||||
"name": "webpack-test",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"browserify": "^13.3.0"
|
||||
},
|
||||
"scripts": {
|
||||
"build": "rm -f output.js && NODE_PATH=../../build/packages browserify ./input.js -o output.js"
|
||||
}
|
||||
}
|
||||
@@ -1,2 +0,0 @@
|
||||
output.js
|
||||
output.js.map
|
||||
@@ -1,16 +0,0 @@
|
||||
var React = require('react');
|
||||
var CSSTransitionGroup = require('react-addons-css-transition-group');
|
||||
var ReactDOM = require('react-dom');
|
||||
|
||||
ReactDOM.render(
|
||||
React.createElement(CSSTransitionGroup, {
|
||||
transitionName: 'example',
|
||||
transitionAppear: true,
|
||||
transitionAppearTimeout: 500,
|
||||
transitionEnterTimeout: 0,
|
||||
transitionLeaveTimeout: 0,
|
||||
}, React.createElement('h1', null,
|
||||
'Hello World!'
|
||||
)),
|
||||
document.getElementById('container')
|
||||
);
|
||||
@@ -1,10 +0,0 @@
|
||||
exports.config = {
|
||||
paths: {
|
||||
public: '.',
|
||||
},
|
||||
files: {
|
||||
javascripts: {
|
||||
joinTo: 'output.js',
|
||||
},
|
||||
},
|
||||
};
|
||||
@@ -1,17 +0,0 @@
|
||||
<html>
|
||||
<body>
|
||||
<style>
|
||||
.example-appear {
|
||||
opacity: 0.01;
|
||||
}
|
||||
|
||||
.example-appear.example-appear-active {
|
||||
opacity: 1;
|
||||
transition: opacity .5s ease-in;
|
||||
}
|
||||
</style>
|
||||
<div id="container"></div>
|
||||
<script src="output.js"></script>
|
||||
<script>require('initialize');</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,16 +0,0 @@
|
||||
var React = require('react');
|
||||
var CSSTransitionGroup = require('react-addons-css-transition-group');
|
||||
var ReactDOM = require('react-dom');
|
||||
|
||||
ReactDOM.render(
|
||||
React.createElement(CSSTransitionGroup, {
|
||||
transitionName: 'example',
|
||||
transitionAppear: true,
|
||||
transitionAppearTimeout: 500,
|
||||
transitionEnterTimeout: 0,
|
||||
transitionLeaveTimeout: 0,
|
||||
}, React.createElement('h1', null,
|
||||
'Hello World!'
|
||||
)),
|
||||
document.getElementById('container')
|
||||
);
|
||||
@@ -1,10 +0,0 @@
|
||||
{
|
||||
"name": "brunch-test",
|
||||
"devDependencies": {
|
||||
"brunch": "^2.9.1",
|
||||
"javascript-brunch": "^2.0.0"
|
||||
},
|
||||
"scripts": {
|
||||
"build": "rm -rf public && ln -fs ../../../build/packages/react node_modules/react && ln -fs ../../../build/packages/react-dom node_modules/react-dom && ln -fs ../../../build/packages/react-addons-css-transition-group node_modules/react-addons-css-transition-group && brunch build"
|
||||
}
|
||||
}
|
||||
@@ -1,30 +0,0 @@
|
||||
var fs = require('fs');
|
||||
var path = require('path');
|
||||
var { spawnSync } = require('child_process');
|
||||
|
||||
var fixtureDirs = fs.readdirSync(__dirname).filter((file) => {
|
||||
return fs.statSync(path.join(__dirname, file)).isDirectory();
|
||||
});
|
||||
|
||||
var cmdArgs = [
|
||||
{cmd: 'npm', args: ['install']},
|
||||
{cmd: 'npm', args: ['run', 'build']},
|
||||
];
|
||||
|
||||
for (const dir of fixtureDirs) {
|
||||
for (const cmdArg of cmdArgs) {
|
||||
const opts = {
|
||||
cwd: path.join(__dirname, dir),
|
||||
stdio: 'inherit',
|
||||
};
|
||||
let result = spawnSync(cmdArg.cmd, cmdArg.args, opts);
|
||||
if (result.status !== 0) {
|
||||
throw new Error('Failed to build fixtures.');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
console.log('-------------------------');
|
||||
console.log('All fixtures were built!');
|
||||
console.log('Now make sure to open each HTML file in this directory and each index.html in subdirectories.');
|
||||
console.log('-------------------------');
|
||||
@@ -1,32 +0,0 @@
|
||||
<html>
|
||||
<body>
|
||||
<script src="../build/react-with-addons.js"></script>
|
||||
<script src="../build/react-dom.js"></script>
|
||||
<style>
|
||||
.example-appear {
|
||||
opacity: 0.01;
|
||||
}
|
||||
|
||||
.example-appear.example-appear-active {
|
||||
opacity: 1;
|
||||
transition: opacity .5s ease-in;
|
||||
}
|
||||
</style>
|
||||
<div id="container"></div>
|
||||
<script>
|
||||
var CSSTransitionGroup = React.addons.CSSTransitionGroup;
|
||||
ReactDOM.render(
|
||||
React.createElement(CSSTransitionGroup, {
|
||||
transitionName: 'example',
|
||||
transitionAppear: true,
|
||||
transitionAppearTimeout: 500,
|
||||
transitionEnterTimeout: 0,
|
||||
transitionLeaveTimeout: 0,
|
||||
}, React.createElement('h1', null,
|
||||
'Hello World!'
|
||||
)),
|
||||
document.getElementById('container')
|
||||
);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,40 +0,0 @@
|
||||
<html>
|
||||
<body>
|
||||
<script src="https://unpkg.com/requirejs@2.3.2/require.js"></script>
|
||||
<style>
|
||||
.example-appear {
|
||||
opacity: 0.01;
|
||||
}
|
||||
|
||||
.example-appear.example-appear-active {
|
||||
opacity: 1;
|
||||
transition: opacity .5s ease-in;
|
||||
}
|
||||
</style>
|
||||
<div id="container"></div>
|
||||
<script>
|
||||
requirejs.config({
|
||||
paths: {
|
||||
react: '../build/react-with-addons',
|
||||
'react-dom': '../build/react-dom'
|
||||
}
|
||||
});
|
||||
|
||||
require(['react', 'react-dom'], function(React, ReactDOM) {
|
||||
var CSSTransitionGroup = React.addons.CSSTransitionGroup;
|
||||
ReactDOM.render(
|
||||
React.createElement(CSSTransitionGroup, {
|
||||
transitionName: 'example',
|
||||
transitionAppear: true,
|
||||
transitionAppearTimeout: 500,
|
||||
transitionEnterTimeout: 0,
|
||||
transitionLeaveTimeout: 0,
|
||||
}, React.createElement('h1', null,
|
||||
'Hello World!'
|
||||
)),
|
||||
document.getElementById('container')
|
||||
);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1 +0,0 @@
|
||||
output.js
|
||||
@@ -1,10 +0,0 @@
|
||||
module.exports = {
|
||||
baseUrl: '.',
|
||||
name: 'input',
|
||||
out: 'output.js',
|
||||
optimize: 'none',
|
||||
paths: {
|
||||
react: '../../build/react-with-addons',
|
||||
'react-dom': '../../build/react-dom',
|
||||
},
|
||||
};
|
||||
@@ -1,17 +0,0 @@
|
||||
<html>
|
||||
<body>
|
||||
<style>
|
||||
.example-appear {
|
||||
opacity: 0.01;
|
||||
}
|
||||
|
||||
.example-appear.example-appear-active {
|
||||
opacity: 1;
|
||||
transition: opacity .5s ease-in;
|
||||
}
|
||||
</style>
|
||||
<div id="container"></div>
|
||||
<script src="https://unpkg.com/requirejs@2.3.2/require.js"></script>
|
||||
<script src="output.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,15 +0,0 @@
|
||||
require(['react', 'react-dom'], function(React, ReactDOM) {
|
||||
var CSSTransitionGroup = React.addons.CSSTransitionGroup;
|
||||
ReactDOM.render(
|
||||
React.createElement(CSSTransitionGroup, {
|
||||
transitionName: 'example',
|
||||
transitionAppear: true,
|
||||
transitionAppearTimeout: 500,
|
||||
transitionEnterTimeout: 0,
|
||||
transitionLeaveTimeout: 0,
|
||||
}, React.createElement('h1', null,
|
||||
'Hello World!'
|
||||
)),
|
||||
document.getElementById('container')
|
||||
);
|
||||
});
|
||||
@@ -1,10 +0,0 @@
|
||||
{
|
||||
"name": "rjs-test",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"requirejs": "^2.3.2"
|
||||
},
|
||||
"scripts": {
|
||||
"build": "rm -f output.js && r.js -o config.js"
|
||||
}
|
||||
}
|
||||
@@ -1 +0,0 @@
|
||||
output.js
|
||||
@@ -1,12 +0,0 @@
|
||||
var Builder = require('systemjs-builder');
|
||||
|
||||
var builder = new Builder('/', './config.js');
|
||||
builder
|
||||
.buildStatic('./input.js', './output.js')
|
||||
.then(function() {
|
||||
console.log('Build complete');
|
||||
})
|
||||
.catch(function(err) {
|
||||
console.log('Build error');
|
||||
console.log(err);
|
||||
});
|
||||
@@ -1,6 +0,0 @@
|
||||
System.config({
|
||||
paths: {
|
||||
react: '../../build/react-with-addons.js',
|
||||
'react-dom': '../../build/react-dom.js',
|
||||
},
|
||||
});
|
||||
@@ -1,16 +0,0 @@
|
||||
<html>
|
||||
<body>
|
||||
<style>
|
||||
.example-appear {
|
||||
opacity: 0.01;
|
||||
}
|
||||
|
||||
.example-appear.example-appear-active {
|
||||
opacity: 1;
|
||||
transition: opacity .5s ease-in;
|
||||
}
|
||||
</style>
|
||||
<div id="container"></div>
|
||||
<script src="output.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,16 +0,0 @@
|
||||
import React from 'react';
|
||||
import ReactDOM from 'react-dom';
|
||||
|
||||
var CSSTransitionGroup = React.addons.CSSTransitionGroup;
|
||||
ReactDOM.render(
|
||||
React.createElement(CSSTransitionGroup, {
|
||||
transitionName: 'example',
|
||||
transitionAppear: true,
|
||||
transitionAppearTimeout: 500,
|
||||
transitionEnterTimeout: 0,
|
||||
transitionLeaveTimeout: 0,
|
||||
}, React.createElement('h1', null,
|
||||
'Hello World!'
|
||||
)),
|
||||
document.getElementById('container')
|
||||
);
|
||||
@@ -1,10 +0,0 @@
|
||||
{
|
||||
"name": "systemjs-builder-test",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"systemjs-builder": "^0.15.34"
|
||||
},
|
||||
"scripts": {
|
||||
"build": "rm -f output.js && node build.js"
|
||||
}
|
||||
}
|
||||
@@ -1,46 +0,0 @@
|
||||
<html>
|
||||
<body>
|
||||
<script src="https://unpkg.com/systemjs@0.19.41/dist/system.js"></script>
|
||||
<style>
|
||||
.example-appear {
|
||||
opacity: 0.01;
|
||||
}
|
||||
|
||||
.example-appear.example-appear-active {
|
||||
opacity: 1;
|
||||
transition: opacity .5s ease-in;
|
||||
}
|
||||
</style>
|
||||
<div id="container"></div>
|
||||
<script>
|
||||
System.config({
|
||||
paths: {
|
||||
react: '../build/react-with-addons.js',
|
||||
'react-dom': '../build/react-dom.js'
|
||||
}
|
||||
});
|
||||
|
||||
Promise.all([
|
||||
System.import("react"),
|
||||
System.import("react-dom")
|
||||
]).then(function (deps) {
|
||||
var React = deps[0];
|
||||
var ReactDOM = deps[1];
|
||||
|
||||
var CSSTransitionGroup = React.addons.CSSTransitionGroup;
|
||||
ReactDOM.render(
|
||||
React.createElement(CSSTransitionGroup, {
|
||||
transitionName: 'example',
|
||||
transitionAppear: true,
|
||||
transitionAppearTimeout: 500,
|
||||
transitionEnterTimeout: 0,
|
||||
transitionLeaveTimeout: 0,
|
||||
}, React.createElement('h1', null,
|
||||
'Hello World!'
|
||||
)),
|
||||
document.getElementById('container')
|
||||
);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1 +0,0 @@
|
||||
output.js
|
||||
@@ -1,13 +0,0 @@
|
||||
module.exports = {
|
||||
entry: './input',
|
||||
output: {
|
||||
filename: 'output.js',
|
||||
},
|
||||
resolve: {
|
||||
root: '../../build/packages',
|
||||
alias: {
|
||||
'react': 'react/dist/react-with-addons',
|
||||
'react-dom': 'react-dom/dist/react-dom',
|
||||
},
|
||||
},
|
||||
};
|
||||
@@ -1,16 +0,0 @@
|
||||
<html>
|
||||
<body>
|
||||
<style>
|
||||
.example-appear {
|
||||
opacity: 0.01;
|
||||
}
|
||||
|
||||
.example-appear.example-appear-active {
|
||||
opacity: 1;
|
||||
transition: opacity .5s ease-in;
|
||||
}
|
||||
</style>
|
||||
<div id="container"></div>
|
||||
<script src="output.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,16 +0,0 @@
|
||||
var React = require('react');
|
||||
var ReactDOM = require('react-dom');
|
||||
|
||||
var CSSTransitionGroup = React.addons.CSSTransitionGroup;
|
||||
ReactDOM.render(
|
||||
React.createElement(CSSTransitionGroup, {
|
||||
transitionName: 'example',
|
||||
transitionAppear: true,
|
||||
transitionAppearTimeout: 500,
|
||||
transitionEnterTimeout: 0,
|
||||
transitionLeaveTimeout: 0,
|
||||
}, React.createElement('h1', null,
|
||||
'Hello World!'
|
||||
)),
|
||||
document.getElementById('container')
|
||||
);
|
||||
@@ -1,10 +0,0 @@
|
||||
{
|
||||
"name": "webpack-test",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"webpack": "^1.14.0"
|
||||
},
|
||||
"scripts": {
|
||||
"build": "rm -f output.js && webpack --config config.js"
|
||||
}
|
||||
}
|
||||
@@ -1 +0,0 @@
|
||||
output.js
|
||||
@@ -1,9 +0,0 @@
|
||||
module.exports = {
|
||||
entry: './input',
|
||||
output: {
|
||||
filename: 'output.js',
|
||||
},
|
||||
resolve: {
|
||||
root: '../../build/packages',
|
||||
},
|
||||
};
|
||||
@@ -1,16 +0,0 @@
|
||||
<html>
|
||||
<body>
|
||||
<style>
|
||||
.example-appear {
|
||||
opacity: 0.01;
|
||||
}
|
||||
|
||||
.example-appear.example-appear-active {
|
||||
opacity: 1;
|
||||
transition: opacity .5s ease-in;
|
||||
}
|
||||
</style>
|
||||
<div id="container"></div>
|
||||
<script src="output.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,16 +0,0 @@
|
||||
var React = require('react');
|
||||
var CSSTransitionGroup = require('react-addons-css-transition-group');
|
||||
var ReactDOM = require('react-dom');
|
||||
|
||||
ReactDOM.render(
|
||||
React.createElement(CSSTransitionGroup, {
|
||||
transitionName: 'example',
|
||||
transitionAppear: true,
|
||||
transitionAppearTimeout: 500,
|
||||
transitionEnterTimeout: 0,
|
||||
transitionLeaveTimeout: 0,
|
||||
}, React.createElement('h1', null,
|
||||
'Hello World!'
|
||||
)),
|
||||
document.getElementById('container')
|
||||
);
|
||||
@@ -1,10 +0,0 @@
|
||||
{
|
||||
"name": "webpack-test",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"webpack": "^1.14.0"
|
||||
},
|
||||
"scripts": {
|
||||
"build": "rm -f output.js && webpack --config config.js"
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user