Add option in fusionConfig to configure jsExtPattern (enable typescript)

build/get-webpack-config.js

@@ -60,6 +60,7 @@ const EXCLUDE_TRANSPILATION_PATTERNS = [
   /node_modules\/react\//,
   /node_modules\/core-js\//,
 ];
+
 const JS_EXT_PATTERN = /\.jsx?$/;
 
 /*::
@@ -99,6 +100,8 @@ function getWebpackConfig(opts /*: WebpackConfigOpts */) {
   const {id, dev, dir, watch, state, fusionConfig, legacyPkgConfig = {}} = opts;
   const main = 'src/main.js';
 
+  const jsExtPattern = fusionConfig.jsExtPattern || JS_EXT_PATTERN;
+
   if (!fs.existsSync(path.join(dir, main))) {
     throw new Error(`Project directory must contain a ${main} file`);
   }
@@ -269,7 +272,7 @@ function getWebpackConfig(opts /*: WebpackConfigOpts */) {
          */
         runtime === 'server' && {
           compiler: id => id === 'server',
-          test: JS_EXT_PATTERN,
+          test: jsExtPattern,
           exclude: EXCLUDE_TRANSPILATION_PATTERNS,
           use: [
             {
@@ -299,7 +302,7 @@ function getWebpackConfig(opts /*: WebpackConfigOpts */) {
          */
         (runtime === 'client' || runtime === 'sw') && {
           compiler: id => id === 'client' || id === 'sw',
-          test: JS_EXT_PATTERN,
+          test: jsExtPattern,
           exclude: EXCLUDE_TRANSPILATION_PATTERNS,
           use: [
             {
@@ -329,7 +332,7 @@ function getWebpackConfig(opts /*: WebpackConfigOpts */) {
          */
         runtime === 'client' && {
           compiler: id => id === 'client-legacy',
-          test: JS_EXT_PATTERN,
+          test: jsExtPattern,
           exclude: EXCLUDE_TRANSPILATION_PATTERNS,
           use: [
             {
@@ -401,6 +404,7 @@ function getWebpackConfig(opts /*: WebpackConfigOpts */) {
         __FUSION_ENTRY_PATH__: path.join(dir, main),
         __ENV__: env,
       },
+      extensions: fusionConfig.resolveExtensions,
     },
     resolveLoader: {
       alias: {

build/load-fusionrc.js

@@ -18,6 +18,8 @@ let loggedNotice = false;
 /*::
 export type FusionRC = {
   babel?: {plugins?: Array<any>, presets?: Array<any>},
+  jsExtPattern?: RegExp,
+  resolveExtensions?: Array<string>,
   assumeNoImportSideEffects?: boolean,
   experimentalCompile?: boolean,
   nodeBuiltins?: {[string]: any},
@@ -59,6 +61,8 @@ function isValid(config) {
     !Object.keys(config).every(key =>
       [
         'babel',
+        'jsExtPattern',
+        'resolveExtensions',
         'assumeNoImportSideEffects',
         'experimentalCompile',
         'nodeBuiltins',

docs/fusionrc.md

@@ -4,6 +4,31 @@ Fusion supports a `.fusionrc.js` in the root directory of your application. This
 
 This configuration object supports the following fields:
 
+## `jsExtPattern`
+
+By default this is `/\.jsx?$/`
+
+For example, this enables to handle typescript files with addition to Babel plugins/preset:
+
+```js
+module.exports = {
+  jsExtPattern: \[jt]sx?$\,
+  babel: {
+    presets: ["@babel/preset-typescript"],
+  }
+};
+```
+
+## `resolveExtensions`
+
+By default this is webpack default witch is: `['.wasm', '.mjs', '.js', '.json']`
+
+```js
+module.exports = {
+  resolveExtensions: ['.wasm', '.mjs', '.js', '.json', '.ts', '.tsx'],
+};
+```
+
 ## `babel`
 
 ### Adding plugins/presets