feat: Support reading jsx option from tsconfig (#348)

package.json

@@ -27,7 +27,7 @@
     "@types/debug": "^4.1.7",
     "@types/jest": "^27.0.2",
     "@types/node": "14.14.37",
-    "esbuild": "^0.14.8",
+    "esbuild": "^0.14.51",
     "istextorbinary": "^6.0.0",
     "jest": "^27.3.1",
     "lodash": "^4.17.21",

src/index.ts

@@ -165,6 +165,8 @@ export default ({
         target: defaultOptions.target || 'es2017',
         jsxFactory: defaultOptions.jsxFactory,
         jsxFragment: defaultOptions.jsxFragment,
+        jsx: defaultOptions.jsx,
+        jsxDev: defaultOptions.jsxDev,
         sourcemap: sourceMap,
         sourcefile: id,
         ...esbuildOptions,

src/options.ts

@@ -1,6 +1,7 @@
 import fs from 'fs'
 import JoyCon from 'joycon'
 import { parse } from 'jsonc-parser'
+import { TransformOptions } from 'esbuild'
 
 const joycon = new JoyCon()
 
@@ -12,21 +13,43 @@ joycon.addLoader({
   },
 })
 
+const jsxValueMap: Record<any, Pick<TransformOptions, 'jsx' | 'jsxDev'>> = {
+  preserve: {
+    jsx: 'preserve',
+  },
+  react: {
+    jsx: 'transform',
+  },
+  'react-jsx': {
+    jsx: 'automatic',
+  },
+  'react-jsxdev': {
+    jsx: 'automatic',
+    jsxDev: true,
+  },
+}
+
 export const getOptions = async (
   cwd: string,
   tsconfig?: string
-): Promise<{ jsxFactory?: string; jsxFragment?: string; target?: string }> => {
+): Promise<
+  Pick<
+    TransformOptions,
+    'jsxFactory' | 'jsxFragment' | 'target' | 'jsx' | 'jsxDev'
+  >
+> => {
   // This call is cached
   const { data, path } = await joycon.load([tsconfig || 'tsconfig.json'], cwd)
   if (path && data) {
-    const { jsxFactory, jsxFragmentFactory, target } =
+    const { jsxFactory, jsxFragmentFactory, target, jsx } =
       data.compilerOptions || {}
     return {
       jsxFactory,
       jsxFragment: jsxFragmentFactory,
       // Lowercased value to be compatible with esbuild
       // Maybe remove in 3.0, #77
       target: target && target.toLowerCase(),
+      ...jsxValueMap[jsx],
     }
   }
   return {}