Spaces:
Configuration error
Configuration error
File size: 3,174 Bytes
a053984 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 |
'use strict';
var core = require('@babel/core');
const elementToComponent = {
svg: "Svg",
circle: "Circle",
clipPath: "ClipPath",
ellipse: "Ellipse",
g: "G",
linearGradient: "LinearGradient",
radialGradient: "RadialGradient",
line: "Line",
path: "Path",
pattern: "Pattern",
polygon: "Polygon",
polyline: "Polyline",
rect: "Rect",
symbol: "Symbol",
text: "Text",
textPath: "TextPath",
tspan: "TSpan",
use: "Use",
defs: "Defs",
stop: "Stop",
mask: "Mask",
image: "Image",
foreignObject: "ForeignObject"
};
const plugin = () => {
function replaceElement(path, state) {
const namePath = path.get("openingElement").get("name");
if (!namePath.isJSXIdentifier())
return;
const { name } = namePath.node;
const component = elementToComponent[name];
if (component) {
namePath.replaceWith(core.types.jsxIdentifier(component));
if (path.has("closingElement")) {
const closingNamePath = path.get("closingElement").get("name");
closingNamePath.replaceWith(core.types.jsxIdentifier(component));
}
state.replacedComponents.add(component);
return;
}
state.unsupportedComponents.add(name);
path.remove();
}
const svgElementVisitor = {
JSXElement(path, state) {
if (!path.get("openingElement").get("name").isJSXIdentifier({ name: "svg" })) {
return;
}
replaceElement(path, state);
path.traverse(jsxElementVisitor, state);
}
};
const jsxElementVisitor = {
JSXElement(path, state) {
replaceElement(path, state);
}
};
const importDeclarationVisitor = {
ImportDeclaration(path, state) {
if (path.get("source").isStringLiteral({ value: "react-native-svg" }) && !path.get("importKind").hasNode()) {
state.replacedComponents.forEach((component) => {
if (path.get("specifiers").some(
(specifier) => specifier.get("local").isIdentifier({ name: component })
)) {
return;
}
path.pushContainer(
"specifiers",
core.types.importSpecifier(core.types.identifier(component), core.types.identifier(component))
);
});
} else if (path.get("source").isStringLiteral({ value: "expo" })) {
path.pushContainer(
"specifiers",
core.types.importSpecifier(core.types.identifier("Svg"), core.types.identifier("Svg"))
);
} else {
return;
}
if (state.unsupportedComponents.size && !path.has("trailingComments")) {
const componentList = [...state.unsupportedComponents].join(", ");
path.addComment(
"trailing",
` SVGR has dropped some elements not supported by react-native-svg: ${componentList} `
);
}
}
};
return {
visitor: {
Program(path, state) {
state.replacedComponents = /* @__PURE__ */ new Set();
state.unsupportedComponents = /* @__PURE__ */ new Set();
path.traverse(svgElementVisitor, state);
path.traverse(importDeclarationVisitor, state);
}
}
};
};
module.exports = plugin;
//# sourceMappingURL=index.js.map
|