feat(@formatjs/cli): add more debugging info to extraction, fix #2044

.prettierignore

@@ -9,6 +9,7 @@ packages/intl-getcanonicallocales/src/data/
 packages/intl-messageformat-parser/src/parser.ts
 packages/intl-numberformat/src/data/
 packages/ecma402-abstract/src/NumberFormat/digit-mapping.json
+packages/cli/tests/extract/typescript/err.tsx
 test262*
 test262/
 website/.docusaurus

packages/cli/src/extract.ts

@@ -116,17 +116,33 @@ function processFile(
     };
   }
 
-  ts.transpileModule(source, {
+  const output = ts.transpileModule(source, {
     compilerOptions: {
       allowJs: true,
       target: ts.ScriptTarget.ESNext,
       noEmit: true,
+      experimentalDecorators: true,
     },
+    reportDiagnostics: true,
     fileName: fn,
     transformers: {
       before: [transform(opts)],
     },
   });
+  if (output.diagnostics) {
+    const errs = output.diagnostics.filter(
+      d => d.category === ts.DiagnosticCategory.Error
+    );
+    if (errs.length) {
+      throw new Error(
+        ts.formatDiagnosticsWithColorAndContext(errs, {
+          getCanonicalFileName: fileName => fileName,
+          getCurrentDirectory: () => process.cwd(),
+          getNewLine: () => ts.sys.newLine,
+        })
+      );
+    }
+  }
   return {messages, meta};
 }
 

packages/cli/tests/extract/integration.test.ts

@@ -169,3 +169,11 @@ test('duplicated descriptor ids throws', async () => {
     );
   }).rejects.toThrowError('Duplicate message id: "foo"');
 }, 20000);
+
+test('invalid syntax should throw', async () => {
+  expect(async () => {
+    await exec(
+      `${BIN_PATH} extract --throws '${join(__dirname, 'typescript/err.tsx')}'`
+    );
+  }).rejects.toThrowError('TS1005');
+}, 20000);

packages/cli/tests/extract/typescript/err.tsx

@@ -0,0 +1 @@
+import from 'foo'