chore: Adding flag & docs for jsxFragment (#930)

.changeset/odd-mayflies-clap.md

@@ -0,0 +1,5 @@
+---
+'microbundle': patch
+---
+
+Documenting --jsxFragment flag

README.md

@@ -335,6 +335,7 @@ Options
 	--sourcemap        Generate source map  (default true)
 	--raw              Show raw byte size  (default false)
 	--jsx              A custom JSX pragma like React.createElement (default: h)
+	--jsxFragment      A custom JSX fragment pragma like React.Fragment (default: Fragment)
 	--jsxImportSource  Declares the module specifier to be used for importing jsx factory functions
 	--tsconfig         Specify the path to a custom tsconfig.json
 	--generateTypes    Whether or not to generate types, if `types` or `typings` is set in `package.json` then it will default to be `true`

src/index.js

@@ -536,12 +536,8 @@ function createConfig(options, entry, format, writeMeta) {
 										declarationDir: getDeclarationDir({ options, pkg }),
 									}),
 									jsx: 'preserve',
-									jsxFactory:
-										// TypeScript fails to resolve Fragments when jsxFactory
-										// is set, even when it's the same as the default value.
-										options.jsx === 'React.createElement'
-											? undefined
-											: options.jsx || 'h',
+									jsxFactory: options.jsx,
+									jsxFragmentFactory: options.jsxFragment,
 								},
 								files: options.entries,
 							},
@@ -578,8 +574,8 @@ function createConfig(options, entry, format, writeMeta) {
 							modern,
 							compress: options.compress !== false,
 							targets: options.target === 'node' ? { node: '8' } : undefined,
-							pragma: options.jsx || 'h',
-							pragmaFrag: options.jsxFragment || 'Fragment',
+							pragma: options.jsx,
+							pragmaFrag: options.jsxFragment,
 							typescript: !!useTypescript,
 							jsxImportSource: options.jsxImportSource || false,
 						},

src/prog.js

@@ -59,6 +59,11 @@ export default handler => {
 		.example("watch --no-sourcemap # don't generate sourcemaps")
 		.option('--raw', 'Show raw byte size', false)
 		.option('--jsx', 'A custom JSX pragma like React.createElement', 'h')
+		.option(
+			'--jsxFragment',
+			'A custom JSX fragment pragma like React.Fragment',
+			'Fragment',
+		)
 		.option(
 			'--jsxImportSource',
 			'Declares the module specifier to be used for importing jsx factory functions',