mirror of
https://github.com/zebrajr/react.git
synced 2026-01-15 12:15:22 +00:00
64 lines
2.0 KiB
JavaScript
64 lines
2.0 KiB
JavaScript
/**
|
|
* Copyright 2013 Facebook, Inc.
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
/*global exports:true*/
|
|
"use strict";
|
|
|
|
var Syntax = require('esprima-fb').Syntax;
|
|
var catchup = require('jstransform/src/utils').catchup;
|
|
var append = require('jstransform/src/utils').append;
|
|
var getDocblock = require('jstransform/src/utils').getDocblock;
|
|
|
|
/**
|
|
* Transforms the following:
|
|
*
|
|
* var MyComponent = React.createClass({
|
|
* render: ...
|
|
* });
|
|
*
|
|
* into:
|
|
*
|
|
* var MyComponent = React.createClass({
|
|
* displayName: 'MyComponent',
|
|
* render: ...
|
|
* });
|
|
*/
|
|
function visitReactDisplayName(traverse, object, path, state) {
|
|
if (object.id.type === Syntax.Identifier &&
|
|
object.init &&
|
|
object.init.type === Syntax.CallExpression &&
|
|
object.init.callee.type === Syntax.MemberExpression &&
|
|
object.init.callee.object.type === Syntax.Identifier &&
|
|
object.init.callee.object.name === 'React' &&
|
|
object.init.callee.property.type === Syntax.Identifier &&
|
|
object.init.callee.property.name === 'createClass' &&
|
|
object.init['arguments'].length === 1 &&
|
|
object.init['arguments'][0].type === Syntax.ObjectExpression) {
|
|
|
|
var displayName = object.id.name;
|
|
catchup(object.init['arguments'][0].range[0] + 1, state);
|
|
append("displayName: '" + displayName + "',", state);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Will only run on @jsx files for now.
|
|
*/
|
|
visitReactDisplayName.test = function(object, path, state) {
|
|
return object.type === Syntax.VariableDeclarator && !!getDocblock(state).jsx;
|
|
};
|
|
|
|
exports.visitReactDisplayName = visitReactDisplayName;
|