You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
115 lines
3.4 KiB
115 lines
3.4 KiB
1 month ago
|
"use strict";
|
||
|
|
||
|
exports.__esModule = true;
|
||
|
exports.default = void 0;
|
||
|
|
||
|
var _esutils = _interopRequireDefault(require("esutils"));
|
||
|
|
||
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||
|
|
||
|
/**
|
||
|
* Converts JSX Spread arguments into Object Spread, avoiding Babel's helper or Object.assign injection.
|
||
|
* Input:
|
||
|
* <div a="1" {...b} />
|
||
|
* Output:
|
||
|
* <div {...{ a: "1", ...b }} />
|
||
|
* ...which Babel converts to:
|
||
|
* h("div", { a: "1", ...b })
|
||
|
*/
|
||
|
var _default = ({
|
||
|
types: t
|
||
|
}) => {
|
||
|
// converts a set of JSXAttributes to an Object.assign() call
|
||
|
function convertAttributesAssign(attributes) {
|
||
|
const args = [];
|
||
|
|
||
|
for (let i = 0, current; i < attributes.length; i++) {
|
||
|
const node = attributes[i];
|
||
|
|
||
|
if (t.isJSXSpreadAttribute(node)) {
|
||
|
// the first attribute is a spread, avoid copying all other attributes onto it
|
||
|
if (i === 0) {
|
||
|
args.push(t.objectExpression([]));
|
||
|
}
|
||
|
|
||
|
current = null;
|
||
|
args.push(node.argument);
|
||
|
} else {
|
||
|
const name = getAttributeName(node);
|
||
|
const value = getAttributeValue(node);
|
||
|
|
||
|
if (!current) {
|
||
|
current = t.objectExpression([]);
|
||
|
args.push(current);
|
||
|
}
|
||
|
|
||
|
current.properties.push(t.objectProperty(name, value));
|
||
|
}
|
||
|
}
|
||
|
|
||
|
return t.callExpression(t.memberExpression(t.identifier("Object"), t.identifier("assign")), args);
|
||
|
} // Converts a JSXAttribute to the equivalent ObjectExpression property
|
||
|
|
||
|
|
||
|
function convertAttributeSpread(node) {
|
||
|
if (t.isJSXSpreadAttribute(node)) {
|
||
|
return t.spreadElement(node.argument);
|
||
|
}
|
||
|
|
||
|
const name = getAttributeName(node);
|
||
|
const value = getAttributeValue(node);
|
||
|
return t.inherits(t.objectProperty(name, value), node);
|
||
|
} // Convert a JSX attribute name to an Object expression property name
|
||
|
|
||
|
|
||
|
function getAttributeName(node) {
|
||
|
if (t.isJSXNamespacedName(node.name)) {
|
||
|
return t.stringLiteral(node.name.namespace.name + ":" + node.name.name.name);
|
||
|
}
|
||
|
|
||
|
if (_esutils.default.keyword.isIdentifierNameES6(node.name.name)) {
|
||
|
return t.identifier(node.name.name);
|
||
|
}
|
||
|
|
||
|
return t.stringLiteral(node.name.name);
|
||
|
} // Convert a JSX attribute value to a JavaScript expression value
|
||
|
|
||
|
|
||
|
function getAttributeValue(node) {
|
||
|
let value = node.value || t.booleanLiteral(true);
|
||
|
|
||
|
if (t.isJSXExpressionContainer(value)) {
|
||
|
value = value.expression;
|
||
|
} else if (t.isStringLiteral(value)) {
|
||
|
value.value = value.value.replace(/\n\s+/g, " "); // "raw" JSXText should not be used from a StringLiteral because it needs to be escaped.
|
||
|
|
||
|
if (value.extra && value.extra.raw) {
|
||
|
delete value.extra.raw;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
return value;
|
||
|
}
|
||
|
|
||
|
return {
|
||
|
name: "transform-jsx-spread",
|
||
|
visitor: {
|
||
|
JSXOpeningElement(path, state) {
|
||
|
const useSpread = state.opts.useSpread === true;
|
||
|
const hasSpread = path.node.attributes.some(attr => t.isJSXSpreadAttribute(attr)); // ignore JSX Elements without spread or with lone spread:
|
||
|
|
||
|
if (!hasSpread || path.node.attributes.length === 1) return;
|
||
|
|
||
|
if (useSpread) {
|
||
|
path.node.attributes = [t.jsxSpreadAttribute(t.objectExpression(path.node.attributes.map(convertAttributeSpread)))];
|
||
|
} else {
|
||
|
path.node.attributes = [t.jsxSpreadAttribute(convertAttributesAssign(path.node.attributes))];
|
||
|
}
|
||
|
}
|
||
|
|
||
|
}
|
||
|
};
|
||
|
};
|
||
|
|
||
|
exports.default = _default;
|
||
|
module.exports = exports.default;
|