1a7194a22f
* Add JSX Fragments to babel-types * Support JSX fragments in the transform-react-jsx plugin * Add tests JSX fragments * Update helper-builder and transform plugin documentations for jsx fragment * Add generator for jsx fragments * Add test for jsx fragment generator * Split jsx transform example into normal and fragment examples * Remove unnecessary fields from ElementState in babel-helper-builder-react-jsx * inline [skip ci]
117 lines
2.3 KiB
JavaScript
117 lines
2.3 KiB
JavaScript
export function JSXAttribute(node: Object) {
|
|
this.print(node.name, node);
|
|
if (node.value) {
|
|
this.token("=");
|
|
this.print(node.value, node);
|
|
}
|
|
}
|
|
|
|
export function JSXIdentifier(node: Object) {
|
|
this.word(node.name);
|
|
}
|
|
|
|
export function JSXNamespacedName(node: Object) {
|
|
this.print(node.namespace, node);
|
|
this.token(":");
|
|
this.print(node.name, node);
|
|
}
|
|
|
|
export function JSXMemberExpression(node: Object) {
|
|
this.print(node.object, node);
|
|
this.token(".");
|
|
this.print(node.property, node);
|
|
}
|
|
|
|
export function JSXSpreadAttribute(node: Object) {
|
|
this.token("{");
|
|
this.token("...");
|
|
this.print(node.argument, node);
|
|
this.token("}");
|
|
}
|
|
|
|
export function JSXExpressionContainer(node: Object) {
|
|
this.token("{");
|
|
this.print(node.expression, node);
|
|
this.token("}");
|
|
}
|
|
|
|
export function JSXSpreadChild(node: Object) {
|
|
this.token("{");
|
|
this.token("...");
|
|
this.print(node.expression, node);
|
|
this.token("}");
|
|
}
|
|
|
|
export function JSXText(node: Object) {
|
|
const raw = this.getPossibleRaw(node);
|
|
|
|
if (raw != null) {
|
|
this.token(raw);
|
|
} else {
|
|
this.token(node.value);
|
|
}
|
|
}
|
|
|
|
export function JSXElement(node: Object) {
|
|
const open = node.openingElement;
|
|
this.print(open, node);
|
|
if (open.selfClosing) return;
|
|
|
|
this.indent();
|
|
for (const child of (node.children: Array<Object>)) {
|
|
this.print(child, node);
|
|
}
|
|
this.dedent();
|
|
|
|
this.print(node.closingElement, node);
|
|
}
|
|
|
|
function spaceSeparator() {
|
|
this.space();
|
|
}
|
|
|
|
export function JSXOpeningElement(node: Object) {
|
|
this.token("<");
|
|
this.print(node.name, node);
|
|
if (node.attributes.length > 0) {
|
|
this.space();
|
|
this.printJoin(node.attributes, node, { separator: spaceSeparator });
|
|
}
|
|
if (node.selfClosing) {
|
|
this.space();
|
|
this.token("/>");
|
|
} else {
|
|
this.token(">");
|
|
}
|
|
}
|
|
|
|
export function JSXClosingElement(node: Object) {
|
|
this.token("</");
|
|
this.print(node.name, node);
|
|
this.token(">");
|
|
}
|
|
|
|
export function JSXEmptyExpression() {}
|
|
|
|
export function JSXFragment(node: Object) {
|
|
this.print(node.openingFragment, node);
|
|
|
|
this.indent();
|
|
for (const child of (node.children: Array<Object>)) {
|
|
this.print(child, node);
|
|
}
|
|
this.dedent();
|
|
|
|
this.print(node.closingFragment, node);
|
|
}
|
|
|
|
export function JSXOpeningFragment() {
|
|
this.token("<");
|
|
this.token(">");
|
|
}
|
|
|
|
export function JSXClosingFragment() {
|
|
this.token("</");
|
|
this.token(">");
|
|
}
|