112 lines
3.8 KiB
JavaScript
112 lines
3.8 KiB
JavaScript
// At the time of writing this is a copy of react-jsx transformer plugin..
|
|
|
|
import { declare } from "@babel/helper-plugin-utils";
|
|
import jsx from "@babel/plugin-syntax-jsx";
|
|
import { types as t } from "@babel/core";
|
|
import helper from "./helper";
|
|
|
|
export default declare((api, options) => {
|
|
api.assertVersion(7);
|
|
|
|
const THROW_IF_NAMESPACE =
|
|
options.throwIfNamespace === undefined ? true : !!options.throwIfNamespace;
|
|
|
|
const PRAGMA_DEFAULT = options.pragma;
|
|
const PRAGMA_FRAG_DEFAULT = options.pragmaFrag;
|
|
|
|
const JSX_ANNOTATION_REGEX = /\*?\s*@jsx\s+([^\s]+)/;
|
|
const JSX_FRAG_ANNOTATION_REGEX = /\*?\s*@jsxFrag\s+([^\s]+)/;
|
|
|
|
// returns a closure that returns an identifier or memberExpression node
|
|
// based on the given id
|
|
const createIdentifierParser = (id) => () => {
|
|
return id
|
|
.split(".")
|
|
.map(name => t.identifier(name))
|
|
.reduce((object, property) => t.memberExpression(object, property));
|
|
};
|
|
|
|
// Was testing with this but it made more sense ot keep in in helper.js for now
|
|
// const createVNodeExpr = ({type, props, children})=>{
|
|
// return t.objectExpression([
|
|
// t.objectProperty(t.identifier('type'), type),
|
|
// t.objectProperty(t.identifier('props'), props),
|
|
// t.objectProperty(t.identifier('children'), children),
|
|
// ]);
|
|
// }
|
|
|
|
const visitor = helper({
|
|
pre(state) {
|
|
const tagName = state.tagName;
|
|
const args = state.args;
|
|
if (t.react.isCompatTag(tagName)) {
|
|
args.push(t.stringLiteral(tagName));
|
|
} else {
|
|
args.push(state.tagExpr);
|
|
}
|
|
},
|
|
|
|
post(state, pass) {
|
|
let jsxIdent = pass.get("jsxIdentifier");
|
|
state.callee = jsxIdent? jsxIdent() : null;
|
|
},
|
|
|
|
throwIfNamespace: THROW_IF_NAMESPACE,
|
|
});
|
|
|
|
visitor.Program = {
|
|
enter(path, state) {
|
|
const { file } = state;
|
|
|
|
let pragma = PRAGMA_DEFAULT;
|
|
let pragmaFrag = PRAGMA_FRAG_DEFAULT;
|
|
let pragmaSet = !!options.pragma;
|
|
let pragmaFragSet = !!options.pragmaFrag;
|
|
|
|
if (file.ast.comments) {
|
|
for (const comment of (file.ast.comments)) {
|
|
const jsxMatches = JSX_ANNOTATION_REGEX.exec(comment.value);
|
|
if (jsxMatches) {
|
|
pragma = jsxMatches[1];
|
|
pragmaSet = true;
|
|
}
|
|
const jsxFragMatches = JSX_FRAG_ANNOTATION_REGEX.exec(comment.value);
|
|
if (jsxFragMatches) {
|
|
pragmaFrag = jsxFragMatches[1];
|
|
pragmaFragSet = true;
|
|
}
|
|
}
|
|
}
|
|
|
|
if(pragma) state.set("jsxIdentifier", createIdentifierParser(pragma));
|
|
if(pragmaFrag) state.set("jsxFragIdentifier", createIdentifierParser(pragmaFrag));
|
|
state.set("usedFragment", false);
|
|
state.set("pragmaSet", pragmaSet);
|
|
state.set("pragmaFragSet", pragmaFragSet);
|
|
},
|
|
exit(path, state) {
|
|
if (
|
|
state.get("pragmaSet") &&
|
|
state.get("usedFragment") &&
|
|
!state.get("pragmaFragSet")
|
|
) {
|
|
throw new Error(
|
|
"transform-react-jsx: pragma has been set but " +
|
|
"pragmafrag has not been set",
|
|
);
|
|
}
|
|
},
|
|
};
|
|
|
|
visitor.JSXAttribute = function(path) {
|
|
if (t.isJSXElement(path.node.value)) {
|
|
path.node.value = t.jsxExpressionContainer(path.node.value);
|
|
}
|
|
};
|
|
|
|
return {
|
|
name: "transform-react-jsx",
|
|
inherits: jsx,
|
|
visitor,
|
|
};
|
|
}); |