Skip to content

Commit 049e538

Browse files
taiontaion
committed
[changed] Update for React v0.14
1 parent b8448f5 commit 049e538

File tree

181 files changed

+814
-693
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

181 files changed

+814
-693
lines changed

‎docs/build.js

Lines changed: 19 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,20 @@
11
/* eslint no-console: 0 */
22

3-
import React from 'react';
3+
import fsp from 'fs-promise';
44
import path from 'path';
5+
import React from 'react';
6+
import ReactDOMServer from 'react-dom/server';
57
import Router from 'react-router';
6-
import routes from './src/Routes';
8+
import Location from 'react-router/lib/Location';
9+
710
import Root from './src/Root';
8-
import fsp from 'fs-promise';
9-
import { copy } from '../tools/fs-utils';
10-
import { exec } from '../tools/exec';
11+
import routes from './src/Routes';
12+
1113
import metadata from './generate-metadata';
1214

15+
import {copy} from '../tools/fs-utils';
16+
import {exec} from '../tools/exec';
17+
1318
const repoRoot = path.resolve(__dirname, '../');
1419
const docsBuilt = path.join(repoRoot, 'docs-built');
1520

@@ -24,12 +29,14 @@ const readmeDest = path.join(docsBuilt, 'README.md');
2429
* @return {Promise} promise
2530
* @internal
2631
*/
27-
function generateHTML(fileName, propData) {
28-
return new Promise((resolve, reject) => {
32+
function generateHTML(fileName) {
33+
return new Promise((resolve) => {
2934
const urlSlug = fileName === 'index.html' ? '/' : `/${fileName}`;
3035

31-
Router.run(routes, urlSlug, Handler => {
32-
let html = React.renderToString(React.createElement(Handler, { propData }));
36+
Router.run(routes, new Location(urlSlug), (error, initialState) => {
37+
let html = ReactDOMServer.renderToString(
38+
<Router {...initialState} />
39+
);
3340
html = '<!doctype html>' + html;
3441
let write = fsp.writeFile(path.join(docsBuilt, fileName), html);
3542
resolve(write);
@@ -46,8 +53,10 @@ export default function BuildDocs({dev}) {
4653
.then(() => fsp.mkdir(docsBuilt))
4754
.then(metadata)
4855
.then(propData => {
56+
Root.assetBaseUrl = '';
57+
Root.propData = propData;
4958

50-
let pagesGenerators = Root.getPages().map( page => generateHTML(page, propData));
59+
const pagesGenerators = Root.getPages().map(generateHTML);
5160

5261
return Promise.all(pagesGenerators.concat([
5362
exec(`webpack --config webpack.docs.js --bail ${devOption}`),

‎docs/client.js

Lines changed: 24 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,36 @@
1+
import CodeMirror from 'codemirror';
2+
import 'codemirror/addon/runmode/runmode';
3+
import 'codemirror/mode/htmlmixed/htmlmixed';
4+
import 'codemirror/mode/javascript/javascript';
5+
import React from 'react';
6+
import ReactDOM from 'react-dom';
7+
import {Router} from 'react-router';
8+
import {history} from 'react-router/lib/BrowserHistory';
9+
10+
import Root from './src/Root';
11+
import routes from './src/Routes';
12+
113
import 'bootstrap/less/bootstrap.less';
14+
215
import './assets/docs.css';
316
import './assets/style.css';
417

18+
import 'codemirror/lib/codemirror.css';
19+
import 'codemirror/theme/solarized.css';
20+
import './assets/CodeMirror.css';
21+
522
import './assets/carousel.png';
623
import './assets/logo.png';
724
import './assets/favicon.ico';
825
import './assets/thumbnail.png';
926
import './assets/thumbnaildiv.png';
1027

11-
import 'codemirror/mode/htmlmixed/htmlmixed';
12-
import 'codemirror/mode/javascript/javascript';
13-
import 'codemirror/theme/solarized.css';
14-
import 'codemirror/lib/codemirror.css';
15-
import './assets/CodeMirror.css';
16-
17-
import React from 'react';
18-
import CodeMirror from 'codemirror';
19-
import 'codemirror/addon/runmode/runmode';
20-
import Router from 'react-router';
21-
import routes from './src/Routes';
22-
2328
global.CodeMirror = CodeMirror;
2429

25-
Router.run(routes, Router.RefreshLocation, Handler => {
26-
React.render(
27-
React.createElement(Handler, window.INITIAL_PROPS), document);
28-
});
30+
Root.assetBaseUrl = window.ASSET_BASE_URL;
31+
Root.propData = window.PROP_DATA;
32+
33+
ReactDOM.render(
34+
<Router history={history} children={routes} />,
35+
document
36+
);

‎docs/examples/.eslintrc

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@
66
"globals": {
77
"mountNode",
88
"React",
9+
"ReactDOM",
910
"classNames",
1011
"Accordion",
1112
"Alert",

‎docs/examples/AlertAutoDismissable.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,4 +29,4 @@ const AlertAutoDismissable = React.createClass({
2929
}
3030
});
3131

32-
React.render(<AlertAutoDismissable />, mountNode);
32+
ReactDOM.render(<AlertAutoDismissable />, mountNode);

‎docs/examples/AlertBasic.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,4 +4,4 @@ const alertInstance = (
44
</Alert>
55
);
66

7-
React.render(alertInstance, mountNode);
7+
ReactDOM.render(alertInstance, mountNode);

‎docs/examples/AlertDismissable.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,4 +34,4 @@ const AlertDismissable = React.createClass({
3434
}
3535
});
3636

37-
React.render(<AlertDismissable />, mountNode);
37+
ReactDOM.render(<AlertDismissable />, mountNode);

‎docs/examples/Badge.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,4 +2,4 @@ const badgeInstance = (
22
<p>Badges <Badge>42</Badge></p>
33
);
44

5-
React.render(badgeInstance, mountNode);
5+
ReactDOM.render(badgeInstance, mountNode);

‎docs/examples/ButtonActive.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,4 +5,4 @@ const buttonsInstance = (
55
</ButtonToolbar>
66
);
77

8-
React.render(buttonsInstance, mountNode);
8+
ReactDOM.render(buttonsInstance, mountNode);

‎docs/examples/ButtonBlock.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,4 +7,4 @@ const buttonsInstance = (
77
</div>
88
);
99

10-
React.render(buttonsInstance, mountNode);
10+
ReactDOM.render(buttonsInstance, mountNode);

‎docs/examples/ButtonDisabled.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,4 +5,4 @@ const buttonsInstance = (
55
</ButtonToolbar>
66
);
77

8-
React.render(buttonsInstance, mountNode);
8+
ReactDOM.render(buttonsInstance, mountNode);

0 commit comments

Comments
 (0)