187 lines
5.8 KiB
JavaScript
187 lines
5.8 KiB
JavaScript
|
"use strict";
|
||
|
|
||
|
Object.defineProperty(exports, "__esModule", {
|
||
|
value: true
|
||
|
});
|
||
|
exports.default = void 0;
|
||
|
var _helperPluginUtils = require("@babel/helper-plugin-utils");
|
||
|
var _core = require("@babel/core");
|
||
|
var _default = exports.default = (0, _helperPluginUtils.declare)((api, options) => {
|
||
|
api.assertVersion(7);
|
||
|
const {
|
||
|
allowMutablePropsOnTags
|
||
|
} = options;
|
||
|
if (allowMutablePropsOnTags != null && !Array.isArray(allowMutablePropsOnTags)) {
|
||
|
throw new Error(".allowMutablePropsOnTags must be an array, null, or undefined.");
|
||
|
}
|
||
|
const HOISTED = new WeakMap();
|
||
|
function declares(node, scope) {
|
||
|
if (_core.types.isJSXIdentifier(node, {
|
||
|
name: "this"
|
||
|
}) || _core.types.isJSXIdentifier(node, {
|
||
|
name: "arguments"
|
||
|
}) || _core.types.isJSXIdentifier(node, {
|
||
|
name: "super"
|
||
|
}) || _core.types.isJSXIdentifier(node, {
|
||
|
name: "new"
|
||
|
})) {
|
||
|
const {
|
||
|
path
|
||
|
} = scope;
|
||
|
return path.isFunctionParent() && !path.isArrowFunctionExpression();
|
||
|
}
|
||
|
return scope.hasOwnBinding(node.name);
|
||
|
}
|
||
|
function isHoistingScope({
|
||
|
path
|
||
|
}) {
|
||
|
return path.isFunctionParent() || path.isLoop() || path.isProgram();
|
||
|
}
|
||
|
function getHoistingScope(scope) {
|
||
|
while (!isHoistingScope(scope)) scope = scope.parent;
|
||
|
return scope;
|
||
|
}
|
||
|
const targetScopeVisitor = {
|
||
|
ReferencedIdentifier(path, state) {
|
||
|
const {
|
||
|
node
|
||
|
} = path;
|
||
|
let {
|
||
|
scope
|
||
|
} = path;
|
||
|
while (scope !== state.jsxScope) {
|
||
|
if (declares(node, scope)) return;
|
||
|
scope = scope.parent;
|
||
|
}
|
||
|
while (scope) {
|
||
|
if (scope === state.targetScope) return;
|
||
|
if (declares(node, scope)) break;
|
||
|
scope = scope.parent;
|
||
|
}
|
||
|
state.targetScope = getHoistingScope(scope);
|
||
|
}
|
||
|
};
|
||
|
const immutabilityVisitor = {
|
||
|
enter(path, state) {
|
||
|
var _expressionResult$deo;
|
||
|
const stop = () => {
|
||
|
state.isImmutable = false;
|
||
|
path.stop();
|
||
|
};
|
||
|
const skip = () => {
|
||
|
path.skip();
|
||
|
};
|
||
|
if (path.isJSXClosingElement()) {
|
||
|
skip();
|
||
|
return;
|
||
|
}
|
||
|
if (path.isJSXIdentifier({
|
||
|
name: "ref"
|
||
|
}) && path.parentPath.isJSXAttribute({
|
||
|
name: path.node
|
||
|
})) {
|
||
|
stop();
|
||
|
return;
|
||
|
}
|
||
|
if (path.isJSXIdentifier() || path.isJSXMemberExpression() || path.isJSXNamespacedName() || path.isImmutable()) {
|
||
|
return;
|
||
|
}
|
||
|
if (path.isIdentifier()) {
|
||
|
const binding = path.scope.getBinding(path.node.name);
|
||
|
if (binding != null && binding.constant) return;
|
||
|
}
|
||
|
const {
|
||
|
mutablePropsAllowed
|
||
|
} = state;
|
||
|
if (mutablePropsAllowed && path.isFunction()) {
|
||
|
path.traverse(targetScopeVisitor, state);
|
||
|
skip();
|
||
|
return;
|
||
|
}
|
||
|
if (!path.isPure()) {
|
||
|
stop();
|
||
|
return;
|
||
|
}
|
||
|
const expressionResult = path.evaluate();
|
||
|
if (expressionResult.confident) {
|
||
|
const {
|
||
|
value
|
||
|
} = expressionResult;
|
||
|
if (mutablePropsAllowed || value === null || typeof value !== "object" && typeof value !== "function") {
|
||
|
skip();
|
||
|
return;
|
||
|
}
|
||
|
} else if ((_expressionResult$deo = expressionResult.deopt) != null && _expressionResult$deo.isIdentifier()) {
|
||
|
return;
|
||
|
}
|
||
|
stop();
|
||
|
}
|
||
|
};
|
||
|
const hoistingVisitor = Object.assign({}, immutabilityVisitor, targetScopeVisitor);
|
||
|
return {
|
||
|
name: "transform-react-constant-elements",
|
||
|
visitor: {
|
||
|
"JSXElement|JSXFragment"(path) {
|
||
|
var _jsxScope;
|
||
|
if (HOISTED.has(path.node)) return;
|
||
|
let mutablePropsAllowed = false;
|
||
|
let name;
|
||
|
if (path.isJSXElement()) {
|
||
|
name = path.node.openingElement.name;
|
||
|
if (allowMutablePropsOnTags != null) {
|
||
|
let lastSegment = name;
|
||
|
while (_core.types.isJSXMemberExpression(lastSegment)) {
|
||
|
lastSegment = lastSegment.property;
|
||
|
}
|
||
|
const elementName = lastSegment.name;
|
||
|
mutablePropsAllowed = allowMutablePropsOnTags.includes(elementName);
|
||
|
}
|
||
|
} else {
|
||
|
name = path.node;
|
||
|
}
|
||
|
let jsxScope;
|
||
|
let current = path;
|
||
|
while (!jsxScope && current.parentPath.isJSX()) {
|
||
|
current = current.parentPath;
|
||
|
jsxScope = HOISTED.get(current.node);
|
||
|
}
|
||
|
(_jsxScope = jsxScope) != null ? _jsxScope : jsxScope = path.scope;
|
||
|
HOISTED.set(path.node, jsxScope);
|
||
|
const visitorState = {
|
||
|
isImmutable: true,
|
||
|
mutablePropsAllowed,
|
||
|
jsxScope,
|
||
|
targetScope: path.scope.getProgramParent()
|
||
|
};
|
||
|
path.traverse(hoistingVisitor, visitorState);
|
||
|
if (!visitorState.isImmutable) return;
|
||
|
const {
|
||
|
targetScope
|
||
|
} = visitorState;
|
||
|
for (let currentScope = jsxScope;;) {
|
||
|
if (targetScope === currentScope) return;
|
||
|
if (isHoistingScope(currentScope)) break;
|
||
|
currentScope = currentScope.parent;
|
||
|
if (!currentScope) {
|
||
|
throw new Error("Internal @babel/plugin-transform-react-constant-elements error: " + "targetScope must be an ancestor of jsxScope. " + "This is a Babel bug, please report it.");
|
||
|
}
|
||
|
}
|
||
|
const id = path.scope.generateUidBasedOnNode(name);
|
||
|
targetScope.push({
|
||
|
id: _core.types.identifier(id)
|
||
|
});
|
||
|
HOISTED.set(path.node, targetScope);
|
||
|
let replacement = _core.template.expression.ast`
|
||
|
${_core.types.identifier(id)} || (${_core.types.identifier(id)} = ${path.node})
|
||
|
`;
|
||
|
if (path.parentPath.isJSXElement() || path.parentPath.isJSXAttribute() || path.parentPath.isJSXFragment()) {
|
||
|
replacement = _core.types.jsxExpressionContainer(replacement);
|
||
|
}
|
||
|
path.replaceWith(replacement);
|
||
|
}
|
||
|
}
|
||
|
};
|
||
|
});
|
||
|
|
||
|
//# sourceMappingURL=index.js.map
|