[];
562 | messages.push("Did not find any valid React components.");
563 | messages.push("Only class definitions in the following format are recognized: ");
564 | messages.push(" var MyClass = React.createClass({ ... });");
565 | messages.push("");
566 | callback(new Error(messages.join('\n')), null);
567 | }
568 | else {
569 | callback(null, output.join('\n'));
570 | }
571 | }
572 |
573 | module.exports.generateTypeScript = generateTypeScript;
574 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "grunt-jsxtyper",
3 | "version": "0.1.0",
4 | "description": "Generates TypeScript interfaces from React's JSX files",
5 | "main": "jsxtyper.js",
6 | "author": {
7 | "name": "Rajeev"
8 | },
9 | "dependencies": {
10 | "esprima-fb": "^15001.1.0-dev-harmony-fb",
11 | "estraverse": "^4.1.0",
12 | "estraverse-fb": "^1.3.1"
13 | }
14 | }
15 |
--------------------------------------------------------------------------------
/packages.config:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
--------------------------------------------------------------------------------
/tasks/grunt-jsxtyper.js:
--------------------------------------------------------------------------------
1 | var jsxtypercore = require('../jsxtypercore'),
2 | path = require('path');
3 |
4 | module.exports = function (grunt) {
5 | grunt.registerMultiTask('jsxtyper', 'Generate TypeScript interfaces from jsx files.', function () {
6 | this.files.forEach(function (file) {
7 |
8 | // Read and concat all source jsx files.
9 | var jsxFileNames = [];
10 | var jsxText = file.src.map(function (filepath) {
11 | jsxFileNames.push(path.basename(filepath));
12 | return grunt.file.read(filepath);
13 | }).join('\n');
14 | grunt.log.writeln("Read " + jsxFileNames.join(", "));
15 |
16 | // Generate TypeScript.
17 | jsxtypercore.generateTypeScript(jsxText, function (err, tsText) {
18 | if (err) {
19 | grunt.fail.warn(err);
20 | }
21 | else {
22 | grunt.log.writeln("Writing " + file.dest);
23 | grunt.file.write(file.dest, tsText);
24 | }
25 | });
26 | });
27 | });
28 | };
29 |
--------------------------------------------------------------------------------
/tests/test1.jsx:
--------------------------------------------------------------------------------
1 | var AccountPage = React.createClass({
2 | render: function () {
3 | return (
4 |
5 |
{this.props.account.getName()}
6 |
Your balance is {this.props.account.getBalance()}
7 |
8 |
9 |
10 |
11 |
12 |
14 |
15 |
16 |
17 | );
18 | }
19 | }
20 | return (
21 |
22 |
Member Maintenance
23 |
24 |
25 |
26 |
27 |
28 |
29 | {memberRows}
30 |
31 |
7 |
{this.props.message}
8 |
9 |
10 | {cancelButton}
11 |
12 |
8 |
{this.props.accountName} - {this.props.labels.transactionType}
9 |
Your balance is {this.state.balance}
10 |
11 |
12 |
{this.props.labels.prompt}
13 |
$
14 |
15 |
16 |
17 |
18 |
19 |
20 |
42 |
Lending
43 |
44 |
45 |
{borrowingMemberName}
46 |
47 |
48 |
49 |
50 |
51 |
52 |
60 |
Book Details
61 |
62 | Title:
63 | {this.props.initialBookDetails.Title}
64 |
65 |
66 | Author:
67 | {this.props.initialBookDetails.AuthorName}
68 |
69 |
70 | Status:
71 | {status}
72 |
73 | {checkedOutToMemberRow}
74 | {lendingPanel}
75 |
5 |
10 |
11 |
12 |
13 |
14 |
{this.props.items[i]}
);
6 | }
7 | return (
8 | {items}
9 | );
10 | }
11 | });
12 |
--------------------------------------------------------------------------------
/tests/test5.jsx:
--------------------------------------------------------------------------------
1 | var EditMemberPanel = React.createClass({
2 | render: function () {
3 | return (
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
12 |
13 |
14 |
15 | );
16 | }
17 | }
18 | return (
19 |
20 |
21 |
Type a few characters of the member's name:
22 |
23 |
24 |
25 |
26 |
27 |
28 | {memberResults}
29 |
30 |
31 |
32 |
33 |
34 |
6 | | {this.props.books[i].Title} |
7 | {this.props.books[i].CheckedOutTo ? "Checked out" : "Available"} |
8 |
);
9 | }
10 | return (
11 |
12 |
All Books
13 |
14 |
15 |
16 | | Title |
17 | Status |
18 |
19 |
20 | {rows}
21 |
22 |
5 |
6 |
Lending Library
7 |
8 |
11 |
12 |
16 |
17 |
18 |
No books borrowed
15 | }
16 | borrowedBooksDisplay =
17 |
18 |
Books borrowed
19 | {bookList}
20 | ;
21 | }
22 | else {
23 | borrowedBooksDisplay = ;
24 | }
25 | return (
26 |
27 |
Member Details
28 |
29 | First name:
30 | {this.props.member.FirstName}
31 |
32 |
33 | Last name:
34 | {this.props.member.LastName}
35 |
36 | {borrowedBooksDisplay}
37 |