Add support for spread props.

Author: developit

packages/babel-plugin-transform-jsx-to-tagged-templates/src/index.mjs

@@ -66,8 +66,14 @@ export default function jsxToTaggedTemplatesBabelPlugin({ types: t }, options =
 
 		if (open.attributes) {
 			for (let i = 0; i < open.attributes.length; i++) {
-				const { name, value } = open.attributes[i];
+				const attr = open.attributes[i];
 				raw(' ');
+				if (t.isJSXSpreadAttribute(attr)) {
+					raw('...');
+					expr(attr.argument);
+					continue;
+				}
+				const { name, value } = attr;
 				raw(name.name);
 				if (value) {
 					raw('=');

packages/babel-plugin-transform-jsx-to-tagged-templates/test/index.test.js

@@ -62,6 +62,20 @@ describe('babel-plugin-transform-jsx-to-tagged-templates', () => {
 				compile('const Foo = (props, a) => <div a={a} b={"b"} c={{}} d={props.d} e />;')
 			).toBe('const Foo = (props, a) => html`<div a=${a} b=${"b"} c=${{}} d=${props.d} e/>`;');
 		});
+
+		test('spread', () => {
+			expect(
+				compile('const Foo = props => <div {...props} />;')
+			).toBe('const Foo = props => html`<div ...${props}/>`;');
+
+			expect(
+				compile('(<div {...{}} />);')
+			).toBe('html`<div ...${{}}/>`;');
+
+			expect(
+				compile('(<div a {...b} c />);')
+			).toBe('html`<div a ...${b} c/>`;');
+		});
 	});
 
 	describe('nesting', () => {