fix snapshots

Author: wardpeet

.gitignore

@@ -12,3 +12,4 @@ yarn.lock
 .vscode
 .idea
 .rts2*
+sizes.csv

src/index.js

@@ -528,7 +528,8 @@ function createConfig(options, entry, format, writeMeta) {
 								compilerOptions: {
 									sourceMap: options.sourcemap,
 									declaration: true,
-									jsx: options.jsx || 'h',
+									jsx: 'react',
+									jsxFactory: options.jsx || 'h',
 								},
 							},
 							tsconfigOverride: {
@@ -571,6 +572,7 @@ function createConfig(options, entry, format, writeMeta) {
 								require.resolve('@babel/plugin-transform-react-jsx'),
 								{
 									pragma: options.jsx || 'h',
+									pragmaFrag: options.jsxFragment || 'Fragment',
 								},
 							],
 							[

test/__snapshots__/index.test.js.snap

@@ -914,30 +914,30 @@ jsx
 
 
 Build \\"jsx\\" to dist:
-235 B: jsx.js.gz
-188 B: jsx.js.br
-239 B: jsx.mjs.gz
-191 B: jsx.mjs.br
-309 B: jsx.umd.js.gz
-260 B: jsx.umd.js.br"
+262 B: jsx.js.gz
+209 B: jsx.js.br
+261 B: jsx.mjs.gz
+208 B: jsx.mjs.br
+335 B: jsx.umd.js.gz
+278 B: jsx.umd.js.br"
 `;
 
 exports[`fixtures build jsx with microbundle 2`] = `6`;
 
 exports[`fixtures build jsx with microbundle 3`] = `
-"var r=function(r,n){for(var e=arguments.length,o=new Array(e>2?e-2:0),t=2;t<e;t++)o[t-2]=arguments[t];return{tag:r,props:n,children:o}};module.exports=function(){function n(){}return n.prototype.render=function(){return r(\\"div\\",{id:\\"app\\"},r(\\"h1\\",null,\\"Hello, World!\\"),r(\\"p\\",null,\\"A JSX demo.\\"))},n}();
+"var n=function(n,r){for(var e=arguments.length,t=new Array(e>2?e-2:0),l=2;l<e;l++)t[l-2]=arguments[l];return{tag:n,props:r,children:t}},r=function(n){return n.children};module.exports=function(){function e(){}return e.prototype.render=function(){return n(\\"div\\",{id:\\"app\\"},n(\\"h1\\",null,\\"Hello, World!\\"),n(\\"p\\",null,\\"A JSX demo.\\"),n(r,null,n(\\"p\\",null,\\"Test fragment\\")))},e}();
 //# sourceMappingURL=jsx.js.map
 "
 `;
 
 exports[`fixtures build jsx with microbundle 4`] = `
-"var r=function(r,n){for(var e=arguments.length,t=new Array(e>2?e-2:0),o=2;o<e;o++)t[o-2]=arguments[o];return{tag:r,props:n,children:t}};export default(function(){function n(){}return n.prototype.render=function(){return r(\\"div\\",{id:\\"app\\"},r(\\"h1\\",null,\\"Hello, World!\\"),r(\\"p\\",null,\\"A JSX demo.\\"))},n}());
+"var n=function(n,r){for(var e=arguments.length,t=new Array(e>2?e-2:0),l=2;l<e;l++)t[l-2]=arguments[l];return{tag:n,props:r,children:t}},r=function(n){return n.children};export default(function(){function e(){}return e.prototype.render=function(){return n(\\"div\\",{id:\\"app\\"},n(\\"h1\\",null,\\"Hello, World!\\"),n(\\"p\\",null,\\"A JSX demo.\\"),n(r,null,n(\\"p\\",null,\\"Test fragment\\")))},e}());
 //# sourceMappingURL=jsx.mjs.map
 "
 `;
 
 exports[`fixtures build jsx with microbundle 5`] = `
-"!function(e,n){\\"object\\"==typeof exports&&\\"undefined\\"!=typeof module?module.exports=n():\\"function\\"==typeof define&&define.amd?define(n):(e=e||self).jsx=n()}(this,function(){var e=function(e,n){for(var o=arguments.length,t=new Array(o>2?o-2:0),r=2;r<o;r++)t[r-2]=arguments[r];return{tag:e,props:n,children:t}};return function(){function n(){}return n.prototype.render=function(){return e(\\"div\\",{id:\\"app\\"},e(\\"h1\\",null,\\"Hello, World!\\"),e(\\"p\\",null,\\"A JSX demo.\\"))},n}()});
+"!function(n,e){\\"object\\"==typeof exports&&\\"undefined\\"!=typeof module?module.exports=e():\\"function\\"==typeof define&&define.amd?define(e):(n=n||self).jsx=e()}(this,function(){var n=function(n,e){for(var t=arguments.length,r=new Array(t>2?t-2:0),o=2;o<t;o++)r[o-2]=arguments[o];return{tag:n,props:e,children:r}},e=function(n){return n.children};return function(){function t(){}return t.prototype.render=function(){return n(\\"div\\",{id:\\"app\\"},n(\\"h1\\",null,\\"Hello, World!\\"),n(\\"p\\",null,\\"A JSX demo.\\"),n(e,null,n(\\"p\\",null,\\"Test fragment\\")))},t}()});
 //# sourceMappingURL=jsx.umd.js.map
 "
 `;

test/fixtures/jsx/index.js

@@ -1,11 +1,15 @@
 const h = (tag, props, ...children) => ({ tag, props, children });
+const Fragment = ({ children }) => children;
 
 export default class Foo {
 	render() {
 		return (
 			<div id="app">
 				<h1>Hello, World!</h1>
 				<p>A JSX demo.</p>
+				<Fragment>
+					<p>Test fragment</p>
+				</Fragment>
 			</div>
 		);
 	}

tools/generate-filesize.js

@@ -46,5 +46,5 @@ const dirs = fs
 
 	csv.unshift('file,size');
 
-	console.log(csv.join('\n'));
+	fs.writeFile(resolve(__dirname, '../sizes.csv'), csv.join('\n'));
 })();