feat: Support extends within tsconfig files. (#24)

Co-authored-by: EGOIST <[email protected]>

package.json

@@ -27,8 +27,7 @@
     "defu": "^6.0.0",
     "esbuild": "0.14.9",
     "esbuild-register": "^3.1.2",
-    "joycon": "^3.0.1",
-    "jsonc-parser": "^3.0.0",
+    "load-tsconfig": "^0.2.3",
     "path-exists": "^5.0.0",
     "prettier": "2.5.1",
     "rollup": "^2.60.0",

src/index.ts

@@ -1,10 +1,11 @@
+import path from 'path'
 import defu from 'defu'
 import { createUnplugin } from 'unplugin'
 import { createFilter, FilterPattern } from '@rollup/pluginutils'
+import { loadTsConfig } from 'load-tsconfig'
 
 import { transform, JscConfig, Options as SwcOptions } from '@swc/core'
 import { resolveId } from './resolve'
-import { getCompilerOptions } from './tsconfig'
 
 export type Options = SwcOptions & {
   include?: FilterPattern
@@ -30,10 +31,10 @@ export default createUnplugin(
         const compilerOptions =
           tsconfigFile === false
             ? {}
-            : await getCompilerOptions(
-                id,
+            : loadTsConfig(
+                path.dirname(id),
                 tsconfigFile === true ? undefined : tsconfigFile,
-              )
+              )?.data?.compilerOptions || {}
 
         const isTs = /\.tsx?$/.test(id)
 

test/fixtures/read-tsconfig/tsconfig.base.json

@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "target": "es2020",
+    "module": "esnext",
+    "strict": true,
+    "jsx": "preserve",
+    "jsxFactory": "customJsxFactory",
+    "esModuleInterop": true,
+    "moduleResolution": "node",
+    "skipLibCheck": true,
+    "noUnusedLocals": true,
+    "noImplicitAny": true,
+    "allowJs": true,
+    "resolveJsonModule": true,
+    "experimentalDecorators": false
+  }
+}

test/fixtures/read-tsconfig/tsconfig.json

@@ -1,17 +1,6 @@
 {
+  "extends": "./tsconfig.base.json",
   "compilerOptions": {
-    "target": "es2020",
-    "module": "esnext",
-    "strict": true,
-    "jsx": "preserve",
-    "jsxFactory": "customJsxFactory",
-    "esModuleInterop": true,
-    "moduleResolution": "node",
-    "skipLibCheck": true,
-    "noUnusedLocals": true,
-    "noImplicitAny": true,
-    "allowJs": true,
-    "resolveJsonModule": true,
     "experimentalDecorators": true
   }
-}
+}

test/index.test.ts

@@ -46,7 +46,13 @@ test("read tsconfig", async () => {
   })
 
   const code = output[0].code
-  assert.match(code, "customJsxFactory")
+  assert.match(code, 'customJsxFactory')
+
+  // NOTE: use tsconfig.base.json which experimentalDecorators turned off will throw
+  await rollup({
+    input: fixture('read-tsconfig/index.tsx'),
+    plugins: [swc.rollup({ tsconfigFile: 'tsconfig.base.json' })],
+  }).catch(e => assert.match(e.toString(), 'Unexpected token `@`.'))
 })
 
 test("custom swcrc", async () => {

tsconfig.json

@@ -10,5 +10,6 @@
     "noImplicitAny": true,
     "allowJs": true,
     "resolveJsonModule": true
-  }
+  },
+  "exclude": ["dist"]
 }