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.
85 lines
3.1 KiB
85 lines
3.1 KiB
2 years ago
|
"use strict";
|
||
|
|
||
|
exports.__esModule = true;
|
||
|
exports.default = void 0;
|
||
|
const elements = ['svg', 'Svg'];
|
||
|
|
||
|
const plugin = ({
|
||
|
types: t
|
||
|
}) => ({
|
||
|
visitor: {
|
||
|
JSXElement(path) {
|
||
|
if (!elements.some(element => path.get('openingElement.name').isJSXIdentifier({
|
||
|
name: element
|
||
|
}))) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
function createTitle(children = [], attributes = []) {
|
||
|
return t.jsxElement(t.jsxOpeningElement(t.jsxIdentifier('title'), attributes), t.jsxClosingElement(t.jsxIdentifier('title')), children);
|
||
|
}
|
||
|
|
||
|
function createTitleIdAttribute() {
|
||
|
return t.jsxAttribute(t.jsxIdentifier('id'), t.jsxExpressionContainer(t.identifier('titleId')));
|
||
|
}
|
||
|
|
||
|
function enhanceAttributes(attributes) {
|
||
|
const existingId = attributes.find(attribute => attribute.name.name === 'id');
|
||
|
|
||
|
if (!existingId) {
|
||
|
return [...attributes, createTitleIdAttribute()];
|
||
|
}
|
||
|
|
||
|
existingId.value = t.jsxExpressionContainer(t.logicalExpression('||', t.identifier('titleId'), existingId.value));
|
||
|
return attributes;
|
||
|
}
|
||
|
|
||
|
function getTitleElement(existingTitle) {
|
||
|
const titleExpression = t.identifier('title');
|
||
|
|
||
|
if (existingTitle) {
|
||
|
existingTitle.openingElement.attributes = enhanceAttributes(existingTitle.openingElement.attributes);
|
||
|
}
|
||
|
|
||
|
let titleElement = t.conditionalExpression(titleExpression, createTitle([t.jsxExpressionContainer(titleExpression)], existingTitle ? existingTitle.openingElement.attributes : [t.jsxAttribute(t.jsxIdentifier('id'), t.jsxExpressionContainer(t.identifier('titleId')))]), t.nullLiteral());
|
||
|
|
||
|
if (existingTitle && existingTitle.children && existingTitle.children.length) {
|
||
|
// if title already exists
|
||
|
// render as follows
|
||
|
const fallbackTitleElement = existingTitle; // {title === undefined ? fallbackTitleElement : titleElement}
|
||
|
|
||
|
const conditionalExpressionForTitle = t.conditionalExpression(t.binaryExpression('===', titleExpression, t.identifier('undefined')), fallbackTitleElement, titleElement);
|
||
|
titleElement = t.jsxExpressionContainer(conditionalExpressionForTitle);
|
||
|
} else {
|
||
|
titleElement = t.jsxExpressionContainer(titleElement);
|
||
|
}
|
||
|
|
||
|
return titleElement;
|
||
|
} // store the title element
|
||
|
|
||
|
|
||
|
let titleElement;
|
||
|
const hasTitle = path.get('children').some(childPath => {
|
||
|
if (!childPath.isJSXElement()) return false;
|
||
|
if (childPath.node === titleElement) return false;
|
||
|
if (childPath.node.openingElement.name.name !== 'title') return false;
|
||
|
titleElement = getTitleElement(childPath.node);
|
||
|
childPath.replaceWith(titleElement);
|
||
|
return true;
|
||
|
}); // create a title element if not already create
|
||
|
|
||
|
titleElement = titleElement || getTitleElement();
|
||
|
|
||
|
if (!hasTitle) {
|
||
|
// path.unshiftContainer is not working well :(
|
||
|
// path.unshiftContainer('children', titleElement)
|
||
|
path.node.children.unshift(titleElement);
|
||
|
path.replaceWith(path.node);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
}
|
||
|
});
|
||
|
|
||
|
var _default = plugin;
|
||
|
exports.default = _default;
|