fix support for TSX in Dojo template (codesandbox#1260)

- Add /tsconfig.json as a configuration to the Dojo template
- Add a default tsconfig option for Dojo template

Author: nicknisi

packages/common/templates/configuration/tsconfig/index.js

@@ -117,6 +117,37 @@ const config: ConfigurationFile = {
       );
     }
 
+    if (template === '@dojo/cli-create-app') {
+      return JSON.stringify(
+        {
+          compilerOptions: {
+            declaration: false,
+            experimentalDecorators: true,
+            jsx: 'react',
+            jsxFactory: 'tsx',
+            lib: [
+              'dom',
+              'es5',
+              'es2015.promise',
+              'es2015.iterable',
+              'es2015.symbol',
+              'es2015.symbol.wellknown'
+            ],
+            module: 'commonjs',
+            moduleResolution: 'node',
+            noUnusedLocals: true,
+            outDir: '_build/',
+            removeComments: false,
+            importHelpers: true,
+            downLevelIteration: true,
+            sourceMap: true,
+            strict: true,
+            target: 'es5'
+          }
+        }
+      );
+    }
+
     return JSON.stringify(
       {
         compilerOptions: {

packages/common/templates/dojo.js

@@ -2,6 +2,7 @@
 
 import Template from './template';
 import { decorateSelector } from '../theme';
+import configurations from './configuration';
 
 export class DojoTemplate extends Template {
   // eslint-disable-next-line no-unused-vars
@@ -28,5 +29,8 @@ export default new DojoTemplate(
     showOnHomePage: true,
     showCube: false,
     isTypescript: true,
+    extraConfigurations: {
+      '/tsconfig.json': configurations.tsconfig
+    },
   }
 );