fix(typescript): extended config file path (#157)

* fix(typescript) extended config file path

* fix(plugin/typescript) fix bug when tsconfig path given

* fix(typescript) add tests

* fix(typescript) change join with resolve

packages/typescript/src/options.ts

@@ -1,4 +1,5 @@
 import { readFileSync } from 'fs';
+import { resolve } from 'path';
 
 export function getDefaultOptions() {
   return {
@@ -17,9 +18,16 @@ export function readTsConfig(ts: typeof import('typescript'), tsconfigPath: stri
   if (!existingTsConfig) {
     return {};
   }
+
   const tsconfig = ts.readConfigFile(existingTsConfig, (path) => readFileSync(path, 'utf8'));
 
   if (!tsconfig.config || !tsconfig.config.compilerOptions) return { compilerOptions: {} };
+
+  const extendedTsConfig: string = tsconfig.config.extends;
+  if (tsconfigPath && extendedTsConfig) {
+    tsconfig.config.extends = resolve(process.cwd(), existingTsConfig, '..', extendedTsConfig);
+  }
+
   return tsconfig.config;
 }
 

packages/typescript/test/fixtures/tsconfig-extends/ts-config-extends-child/main.tsx

@@ -0,0 +1 @@
+export default <span {...props}>Yo!</span>

packages/typescript/test/fixtures/tsconfig-extends/ts-config-extends-child/tsconfig.json

@@ -0,0 +1,6 @@
+{
+  "extends": "../tsconfig.base",
+  "compilerOptions": {
+    "allowJs": true
+  }
+}

packages/typescript/test/test.js

@@ -250,6 +250,21 @@ test.serial('should support extends property in tsconfig', async (t) => {
   t.not(usage, -1, 'should contain usage');
 });
 
+test.serial('should support extends property with given tsconfig', async (t) => {
+  process.chdir('fixtures/tsconfig-extends/ts-config-extends-child');
+
+  const bundle = await rollup({
+    input: 'main.tsx',
+    plugins: [typescript({
+      tsconfig: './tsconfig.json',
+    })]
+  });
+  const code = await getCode(bundle, outputOptions);
+
+  const usage = code.indexOf('React.createElement("span", __assign({}, props), "Yo!")');
+  t.not(usage, -1, 'should contain usage');
+});
+
 test('allows specifying a path for tsconfig.json', async (t) => {
   const bundle = await rollup({
     input: 'fixtures/tsconfig-jsx/main.tsx',