mirror of
https://github.com/facebook/react.git
synced 2026-02-24 12:43:00 +00:00
106 lines
3.0 KiB
JavaScript
106 lines
3.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 utils = require('jstransform/src/utils');
|
|
|
|
function addDisplayName(displayName, object, state) {
|
|
if (object &&
|
|
object.type === Syntax.CallExpression &&
|
|
object.callee.type === Syntax.MemberExpression &&
|
|
object.callee.object.type === Syntax.Identifier &&
|
|
object.callee.object.name === 'React' &&
|
|
object.callee.property.type === Syntax.Identifier &&
|
|
object.callee.property.name === 'createClass' &&
|
|
object['arguments'].length === 1 &&
|
|
object['arguments'][0].type === Syntax.ObjectExpression) {
|
|
// Verify that the displayName property isn't already set
|
|
var properties = object['arguments'][0].properties;
|
|
var safe = properties.every(function(property) {
|
|
var value = property.key.type === Syntax.Identifier ?
|
|
property.key.name :
|
|
property.key.value;
|
|
return value !== 'displayName';
|
|
});
|
|
|
|
if (safe) {
|
|
utils.catchup(object['arguments'][0].range[0] + 1, state);
|
|
utils.append("displayName: '" + displayName + "',", state);
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Transforms the following:
|
|
*
|
|
* var MyComponent = React.createClass({
|
|
* render: ...
|
|
* });
|
|
*
|
|
* into:
|
|
*
|
|
* var MyComponent = React.createClass({
|
|
* displayName: 'MyComponent',
|
|
* render: ...
|
|
* });
|
|
*
|
|
* Also catches:
|
|
*
|
|
* MyComponent = React.createClass(...);
|
|
* exports.MyComponent = React.createClass(...);
|
|
* module.exports = {MyComponent: React.createClass(...)};
|
|
*/
|
|
function visitReactDisplayName(traverse, object, path, state) {
|
|
var left, right;
|
|
|
|
if (object.type === Syntax.AssignmentExpression) {
|
|
left = object.left;
|
|
right = object.right;
|
|
} else if (object.type === Syntax.Property) {
|
|
left = object.key;
|
|
right = object.value;
|
|
} else if (object.type === Syntax.VariableDeclarator) {
|
|
left = object.id;
|
|
right = object.init;
|
|
}
|
|
|
|
if (left && left.type === Syntax.MemberExpression) {
|
|
left = left.property;
|
|
}
|
|
if (left && left.type === Syntax.Identifier) {
|
|
addDisplayName(left.name, right, state);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Will only run on @jsx files for now.
|
|
*/
|
|
visitReactDisplayName.test = function(object, path, state) {
|
|
if (utils.getDocblock(state).jsx) {
|
|
return (
|
|
object.type === Syntax.AssignmentExpression ||
|
|
object.type === Syntax.Property ||
|
|
object.type === Syntax.VariableDeclarator
|
|
);
|
|
} else {
|
|
return false;
|
|
}
|
|
};
|
|
|
|
exports.visitReactDisplayName = visitReactDisplayName;
|