shakapacker 6.6.0 → 7.0.0.rc.0

data/package/__tests__/config.js

@@ -1,15 +1,16 @@
 /* global test expect, describe */
 
-const { chdirCwd, chdirTestApp, resetEnv } = require('../utils/helpers')
+const { chdirTestApp, resetEnv } = require('../utils/helpers')
 const { resolve } = require('path')
 
+const rootPath = process.cwd()
 chdirTestApp()
 
 const config = require('../config')
 
 describe('Config', () => {
   beforeEach(() => jest.resetModules() && resetEnv())
-  afterAll(chdirCwd)
+  afterAll(() => process.chdir(rootPath))
 
   test('public path', () => {
     process.env.RAILS_ENV = 'development'
@@ -19,7 +20,7 @@ describe('Config', () => {
 
   test('public path with asset host', () => {
     process.env.RAILS_ENV = 'development'
-    process.env.WEBPACKER_ASSET_HOST = 'http://foo.com/'
+    process.env.SHAKAPACKER_ASSET_HOST = 'http://foo.com/'
     const config = require('../config')
     expect(config.publicPath).toEqual('http://foo.com/packs/')
   })
@@ -38,8 +39,8 @@ describe('Config', () => {
   })
 
   test('should allow overriding manifestPath', () => {
-    process.env.WEBPACKER_CONFIG = 'config/webpacker_manifest_path.yml'
+    process.env.SHAKAPACKER_CONFIG = 'config/shakapacker_manifest_path.yml'
     const config = require('../config')
-    expect(config.manifestPath).toEqual(resolve('app/packs/manifest.json'))
+    expect(config.manifestPath).toEqual(resolve('app/javascript/manifest.json'))
   })
 })

data/package/__tests__/dev_server-bc.js

@@ -0,0 +1,46 @@
+/* global test expect, describe */
+
+const { chdirWebpackerTestApp } = require('../utils/helpers')
+
+const rootPath = process.cwd()
+chdirWebpackerTestApp()
+
+describe('Backward Compatibility - DevServer', () => {
+  beforeEach(() => jest.resetModules())
+  afterAll(() => process.chdir(rootPath))
+
+  test('with NODE_ENV and RAILS_ENV set to development', () => {
+    process.env.NODE_ENV = 'development'
+    process.env.RAILS_ENV = 'development'
+    process.env.WEBPACKER_DEV_SERVER_HOST = '0.0.0.0'
+    process.env.WEBPACKER_DEV_SERVER_PORT = 5000
+    process.env.WEBPACKER_DEV_SERVER_DISABLE_HOST_CHECK = false
+
+    const devServer = require('../dev_server')
+    expect(devServer).toBeDefined()
+    expect(devServer.host).toEqual('0.0.0.0')
+    expect(devServer.port).toEqual('5000')
+    expect(devServer.disable_host_check).toBe(false)
+  })
+
+  test('with custom env prefix', () => {
+    const config = require('../config')
+    config.dev_server.env_prefix = 'TEST_WEBPACKER_DEV_SERVER'
+
+    process.env.NODE_ENV = 'development'
+    process.env.RAILS_ENV = 'development'
+    process.env.TEST_WEBPACKER_DEV_SERVER_HOST = '0.0.0.0'
+    process.env.TEST_WEBPACKER_DEV_SERVER_PORT = 5000
+
+    const devServer = require('../dev_server')
+    expect(devServer).toBeDefined()
+    expect(devServer.host).toEqual('0.0.0.0')
+    expect(devServer.port).toEqual('5000')
+  })
+
+  test('with NODE_ENV and RAILS_ENV set to production', () => {
+    process.env.RAILS_ENV = 'production'
+    process.env.NODE_ENV = 'production'
+    expect(require('../dev_server')).toEqual({})
+  })
+})

data/package/__tests__/dev_server.js

@@ -1,19 +1,20 @@
 /* global test expect, describe */
 
-const { chdirTestApp, chdirCwd } = require('../utils/helpers')
+const { chdirTestApp } = require('../utils/helpers')
 
+const rootPath = process.cwd()
 chdirTestApp()
 
 describe('DevServer', () => {
   beforeEach(() => jest.resetModules())
-  afterAll(chdirCwd)
+  afterAll(() => process.chdir(rootPath))
 
   test('with NODE_ENV and RAILS_ENV set to development', () => {
     process.env.NODE_ENV = 'development'
     process.env.RAILS_ENV = 'development'
-    process.env.WEBPACKER_DEV_SERVER_HOST = '0.0.0.0'
-    process.env.WEBPACKER_DEV_SERVER_PORT = 5000
-    process.env.WEBPACKER_DEV_SERVER_DISABLE_HOST_CHECK = false
+    process.env.SHAKAPACKER_DEV_SERVER_HOST = '0.0.0.0'
+    process.env.SHAKAPACKER_DEV_SERVER_PORT = 5000
+    process.env.SHAKAPACKER_DEV_SERVER_DISABLE_HOST_CHECK = false
 
     const devServer = require('../dev_server')
     expect(devServer).toBeDefined()
@@ -24,12 +25,12 @@ describe('DevServer', () => {
 
   test('with custom env prefix', () => {
     const config = require('../config')
-    config.dev_server.env_prefix = 'TEST_WEBPACKER_DEV_SERVER'
+    config.dev_server.env_prefix = 'TEST_SHAKAPACKER_DEV_SERVER'
 
     process.env.NODE_ENV = 'development'
     process.env.RAILS_ENV = 'development'
-    process.env.TEST_WEBPACKER_DEV_SERVER_HOST = '0.0.0.0'
-    process.env.TEST_WEBPACKER_DEV_SERVER_PORT = 5000
+    process.env.TEST_SHAKAPACKER_DEV_SERVER_HOST = '0.0.0.0'
+    process.env.TEST_SHAKAPACKER_DEV_SERVER_PORT = 5000
 
     const devServer = require('../dev_server')
     expect(devServer).toBeDefined()

data/package/__tests__/development-bc.js

@@ -0,0 +1,66 @@
+/* test expect, describe, afterAll, beforeEach */
+
+const { resolve } = require('path')
+const { chdirWebpackerTestApp, resetEnv } = require('../utils/helpers')
+
+const rootPath = process.cwd()
+chdirWebpackerTestApp()
+
+describe('Backward Compatibility - Development environment', () => {
+  beforeEach(() => jest.resetModules() && resetEnv())
+  afterAll(() => process.chdir(rootPath))
+
+  describe('generateWebpackConfig', () => {
+    beforeEach(() => jest.resetModules())
+
+    test('should use development config and environment including devServer if WEBPACK_SERVE', () => {
+      process.env.RAILS_ENV = 'development'
+      process.env.NODE_ENV = 'development'
+      process.env.WEBPACK_SERVE = 'true'
+      const { generateWebpackConfig } = require('../index')
+
+      const webpackConfig = generateWebpackConfig()
+
+      expect(webpackConfig.output.path).toEqual(resolve('public', 'packs'))
+      expect(webpackConfig.output.publicPath).toEqual('/packs/')
+    })
+
+    test('should use development config and environment if WEBPACK_SERVE', () => {
+      process.env.RAILS_ENV = 'development'
+      process.env.NODE_ENV = 'development'
+      process.env.WEBPACK_SERVE = undefined
+      const { generateWebpackConfig } = require('../index')
+
+      const webpackConfig = generateWebpackConfig()
+
+      expect(webpackConfig.output.path).toEqual(resolve('public', 'packs'))
+      expect(webpackConfig.output.publicPath).toEqual('/packs/')
+      expect(webpackConfig.devServer).toEqual(undefined)
+    })
+  })
+
+  describe('globalMutableWebpackConfig', () => {
+    beforeEach(() => jest.resetModules())
+
+    test('should use development config and environment including devServer if WEBPACK_SERVE', () => {
+      process.env.RAILS_ENV = 'development'
+      process.env.NODE_ENV = 'development'
+      process.env.WEBPACK_SERVE = 'true'
+      const { globalMutableWebpackConfig: webpackConfig } = require('../index')
+
+      expect(webpackConfig.output.path).toEqual(resolve('public', 'packs'))
+      expect(webpackConfig.output.publicPath).toEqual('/packs/')
+    })
+
+    test('should use development config and environment if WEBPACK_SERVE', () => {
+      process.env.RAILS_ENV = 'development'
+      process.env.NODE_ENV = 'development'
+      process.env.WEBPACK_SERVE = undefined
+      const { globalMutableWebpackConfig: webpackConfig } = require('../index')
+
+      expect(webpackConfig.output.path).toEqual(resolve('public', 'packs'))
+      expect(webpackConfig.output.publicPath).toEqual('/packs/')
+      expect(webpackConfig.devServer).toEqual(undefined)
+    })
+  })
+})

data/package/__tests__/development.js

@@ -1,21 +1,52 @@
 /* test expect, describe, afterAll, beforeEach */
 
 const { resolve } = require('path')
-const { chdirTestApp, chdirCwd } = require('../utils/helpers')
+const { chdirTestApp, resetEnv } = require('../utils/helpers')
 
+const rootPath = process.cwd()
 chdirTestApp()
 
 describe('Development environment', () => {
-  afterAll(chdirCwd)
+  beforeEach(() => jest.resetModules() && resetEnv())
+  afterAll(() => process.chdir(rootPath))
 
-  describe('webpackConfig', () => {
+  describe('generateWebpackConfig', () => {
     beforeEach(() => jest.resetModules())
 
     test('should use development config and environment including devServer if WEBPACK_SERVE', () => {
       process.env.RAILS_ENV = 'development'
       process.env.NODE_ENV = 'development'
       process.env.WEBPACK_SERVE = 'true'
-      const { webpackConfig } = require('../index')
+      const { generateWebpackConfig } = require('../index')
+
+      const webpackConfig = generateWebpackConfig()
+
+      expect(webpackConfig.output.path).toEqual(resolve('public', 'packs'))
+      expect(webpackConfig.output.publicPath).toEqual('/packs/')
+    })
+
+    test('should use development config and environment if WEBPACK_SERVE', () => {
+      process.env.RAILS_ENV = 'development'
+      process.env.NODE_ENV = 'development'
+      process.env.WEBPACK_SERVE = undefined
+      const { generateWebpackConfig } = require('../index')
+
+      const webpackConfig = generateWebpackConfig()
+
+      expect(webpackConfig.output.path).toEqual(resolve('public', 'packs'))
+      expect(webpackConfig.output.publicPath).toEqual('/packs/')
+      expect(webpackConfig.devServer).toEqual(undefined)
+    })
+  })
+
+  describe('globalMutableWebpackConfig', () => {
+    beforeEach(() => jest.resetModules())
+
+    test('should use development config and environment including devServer if WEBPACK_SERVE', () => {
+      process.env.RAILS_ENV = 'development'
+      process.env.NODE_ENV = 'development'
+      process.env.WEBPACK_SERVE = 'true'
+      const { globalMutableWebpackConfig: webpackConfig } = require('../index')
 
       expect(webpackConfig.output.path).toEqual(resolve('public', 'packs'))
       expect(webpackConfig.output.publicPath).toEqual('/packs/')
@@ -25,7 +56,7 @@ describe('Development environment', () => {
       process.env.RAILS_ENV = 'development'
       process.env.NODE_ENV = 'development'
       process.env.WEBPACK_SERVE = undefined
-      const { webpackConfig } = require('../index')
+      const { globalMutableWebpackConfig: webpackConfig } = require('../index')
 
       expect(webpackConfig.output.path).toEqual(resolve('public', 'packs'))
       expect(webpackConfig.output.publicPath).toEqual('/packs/')

data/package/__tests__/env-bc.js

@@ -0,0 +1,59 @@
+/* global test expect, describe */
+
+const { chdirWebpackerTestApp, resetEnv } = require('../utils/helpers')
+
+const rootPath = process.cwd()
+chdirWebpackerTestApp()
+
+describe('Backward Compatibility - Env', () => {
+  beforeEach(() => jest.resetModules() && resetEnv())
+  afterAll(() => process.chdir(rootPath))
+
+  test('with NODE_ENV and RAILS_ENV set to development', () => {
+    process.env.RAILS_ENV = 'development'
+    process.env.NODE_ENV = 'development'
+    expect(require('../env')).toEqual({
+      railsEnv: 'development',
+      nodeEnv: 'development',
+      isProduction: false,
+      isDevelopment: true,
+      runningWebpackDevServer: false
+    })
+  })
+
+  test('with undefined NODE_ENV and RAILS_ENV set to development', () => {
+    process.env.RAILS_ENV = 'development'
+    delete process.env.NODE_ENV
+    expect(require('../env')).toEqual({
+      railsEnv: 'development',
+      nodeEnv: 'production',
+      isProduction: true,
+      isDevelopment: false,
+      runningWebpackDevServer: false
+    })
+  })
+
+  test('with undefined NODE_ENV and RAILS_ENV', () => {
+    delete process.env.NODE_ENV
+    delete process.env.RAILS_ENV
+    expect(require('../env')).toEqual({
+      railsEnv: 'production',
+      nodeEnv: 'production',
+      isProduction: true,
+      isDevelopment: false,
+      runningWebpackDevServer: false
+    })
+  })
+
+  test('with a non-standard environment', () => {
+    process.env.RAILS_ENV = 'staging'
+    process.env.NODE_ENV = 'staging'
+    expect(require('../env')).toEqual({
+      railsEnv: 'staging',
+      nodeEnv: 'production',
+      isProduction: true,
+      isDevelopment: false,
+      runningWebpackDevServer: false
+    })
+  })
+})

data/package/__tests__/env.js

@@ -1,12 +1,13 @@
 /* global test expect, describe */
 
-const { chdirTestApp, chdirCwd } = require('../utils/helpers')
+const { chdirTestApp } = require('../utils/helpers')
 
+const rootPath = process.cwd()
 chdirTestApp()
 
 describe('Env', () => {
   beforeEach(() => jest.resetModules())
-  afterAll(chdirCwd)
+  afterAll(() => process.chdir(rootPath))
 
   test('with NODE_ENV and RAILS_ENV set to development', () => {
     process.env.RAILS_ENV = 'development'

data/package/__tests__/index.js

@@ -6,4 +6,17 @@ describe('index', () => {
     expect(index.mergeWithRules).toBeInstanceOf(Function)
     expect(index.mergeWithCustomize).toBeInstanceOf(Function)
   })
+
+  test('webpackConfig returns an immutable object', () => {
+    const { generateWebpackConfig } = require('../index')
+
+    const webpackConfig1 = generateWebpackConfig()
+    const webpackConfig2 = generateWebpackConfig()
+
+    webpackConfig1.newKey = 'new value'
+    webpackConfig1.output.path = 'new path'
+
+    expect(webpackConfig2).not.toHaveProperty('newKey')
+    expect(webpackConfig2.output.path).not.toEqual('new value')
+  })
 })

data/package/__tests__/production-bc.js

@@ -0,0 +1,51 @@
+/* test expect, describe, afterAll, beforeEach */
+
+const { resolve } = require('path')
+const { chdirWebpackerTestApp } = require('../utils/helpers')
+
+const rootPath = process.cwd()
+chdirWebpackerTestApp()
+
+describe('Backward Compatibility - Production environment', () => {
+  afterAll(() => process.chdir(rootPath))
+
+  describe('generateWebpackConfig', () => {
+    beforeEach(() => jest.resetModules())
+
+    test('should use production config and environment', () => {
+      process.env.RAILS_ENV = 'production'
+      process.env.NODE_ENV = 'production'
+
+      const { generateWebpackConfig } = require('../index')
+
+      const webpackConfig = generateWebpackConfig()
+
+      expect(webpackConfig.output.path).toEqual(resolve('public', 'packs'))
+      expect(webpackConfig.output.publicPath).toEqual('/packs/')
+
+      expect(webpackConfig).toMatchObject({
+        devtool: 'source-map',
+        stats: 'normal'
+      })
+    })
+  })
+
+  describe('globalMutableWebpackConfig', () => {
+    beforeEach(() => jest.resetModules())
+
+    test('should use production config and environment', () => {
+      process.env.RAILS_ENV = 'production'
+      process.env.NODE_ENV = 'production'
+
+      const { globalMutableWebpackConfig: webpackConfig } = require('../index')
+
+      expect(webpackConfig.output.path).toEqual(resolve('public', 'packs'))
+      expect(webpackConfig.output.publicPath).toEqual('/packs/')
+
+      expect(webpackConfig).toMatchObject({
+        devtool: 'source-map',
+        stats: 'normal'
+      })
+    })
+  })
+})

data/package/__tests__/production.js

@@ -3,19 +3,41 @@
 const { resolve } = require('path')
 const { chdirTestApp, chdirCwd } = require('../utils/helpers')
 
+const rootPath = process.cwd()
 chdirTestApp()
 
 describe('Production environment', () => {
-  afterAll(chdirCwd)
+  afterAll(() => process.chdir(rootPath))
 
-  describe('webpackConfig', () => {
+  describe('generateWebpackConfig', () => {
     beforeEach(() => jest.resetModules())
 
     test('should use production config and environment', () => {
       process.env.RAILS_ENV = 'production'
       process.env.NODE_ENV = 'production'
 
-      const { webpackConfig } = require('../index')
+      const { generateWebpackConfig } = require('../index')
+
+      const webpackConfig = generateWebpackConfig()
+
+      expect(webpackConfig.output.path).toEqual(resolve('public', 'packs'))
+      expect(webpackConfig.output.publicPath).toEqual('/packs/')
+
+      expect(webpackConfig).toMatchObject({
+        devtool: 'source-map',
+        stats: 'normal'
+      })
+    })
+  })
+
+  describe('globalMutableWebpackConfig', () => {
+    beforeEach(() => jest.resetModules())
+
+    test('should use production config and environment', () => {
+      process.env.RAILS_ENV = 'production'
+      process.env.NODE_ENV = 'production'
+
+      const { globalMutableWebpackConfig: webpackConfig } = require('../index')
 
       expect(webpackConfig.output.path).toEqual(resolve('public', 'packs'))
       expect(webpackConfig.output.publicPath).toEqual('/packs/')

data/package/__tests__/staging-bc.js

@@ -0,0 +1,53 @@
+/* test expect, describe, afterAll, beforeEach */
+
+const { resolve } = require('path')
+const { chdirWebpackerTestApp } = require('../utils/helpers')
+
+const rootPath = process.cwd()
+chdirWebpackerTestApp()
+
+describe('Backward Compatibility - Custom environment', () => {
+  afterAll(() => process.chdir(rootPath))
+
+  describe('generateWebpackConfig', () => {
+    beforeEach(() => jest.resetModules())
+
+    test('should use staging config and default production environment', () => {
+      process.env.RAILS_ENV = 'staging'
+      delete process.env.NODE_ENV
+
+      const { generateWebpackConfig } = require('../index')
+
+      const webpackConfig = generateWebpackConfig()
+
+      expect(webpackConfig.output.path).toEqual(
+        resolve('public', 'packs-staging')
+      )
+      expect(webpackConfig.output.publicPath).toEqual('/packs-staging/')
+      expect(webpackConfig).toMatchObject({
+        devtool: 'source-map',
+        stats: 'normal'
+      })
+    })
+  })
+
+  describe('globalMutableWebpackConfig', () => {
+    beforeEach(() => jest.resetModules())
+
+    test('should use staging config and default production environment', () => {
+      process.env.RAILS_ENV = 'staging'
+      delete process.env.NODE_ENV
+
+      const { globalMutableWebpackConfig: webpackConfig } = require('../index')
+
+      expect(webpackConfig.output.path).toEqual(
+        resolve('public', 'packs-staging')
+      )
+      expect(webpackConfig.output.publicPath).toEqual('/packs-staging/')
+      expect(webpackConfig).toMatchObject({
+        devtool: 'source-map',
+        stats: 'normal'
+      })
+    })
+  })
+})

data/package/__tests__/staging.js

@@ -1,21 +1,44 @@
 /* test expect, describe, afterAll, beforeEach */
 
 const { resolve } = require('path')
-const { chdirTestApp, chdirCwd } = require('../utils/helpers')
+const { chdirTestApp } = require('../utils/helpers')
 
+const rootPath = process.cwd()
 chdirTestApp()
 
 describe('Custom environment', () => {
-  afterAll(chdirCwd)
+  afterAll(() => process.chdir(rootPath))
 
-  describe('webpackConfig', () => {
+  describe('generateWebpackConfig', () => {
     beforeEach(() => jest.resetModules())
 
     test('should use staging config and default production environment', () => {
       process.env.RAILS_ENV = 'staging'
       delete process.env.NODE_ENV
 
-      const { webpackConfig } = require('../index')
+      const { generateWebpackConfig } = require('../index')
+
+      const webpackConfig = generateWebpackConfig()
+
+      expect(webpackConfig.output.path).toEqual(
+        resolve('public', 'packs-staging')
+      )
+      expect(webpackConfig.output.publicPath).toEqual('/packs-staging/')
+      expect(webpackConfig).toMatchObject({
+        devtool: 'source-map',
+        stats: 'normal'
+      })
+    })
+  })
+
+  describe('globalMutableWebpackConfig', () => {
+    beforeEach(() => jest.resetModules())
+
+    test('should use staging config and default production environment', () => {
+      process.env.RAILS_ENV = 'staging'
+      delete process.env.NODE_ENV
+
+      const { globalMutableWebpackConfig: webpackConfig } = require('../index')
 
       expect(webpackConfig.output.path).toEqual(
         resolve('public', 'packs-staging')

data/package/__tests__/test-bc.js

@@ -0,0 +1,43 @@
+/* test expect, describe, afterAll, beforeEach */
+
+const { resolve } = require('path')
+const { chdirWebpackerTestApp } = require('../utils/helpers')
+
+const rootPath = process.cwd()
+chdirWebpackerTestApp()
+
+describe('Backward Compatibility - Test environment', () => {
+  afterAll(() => process.chdir(rootPath))
+
+  describe('toWebpackConfig', () => {
+    beforeEach(() => jest.resetModules())
+
+    test('should use test config and production environment', () => {
+      process.env.RAILS_ENV = 'test'
+      process.env.NODE_ENV = 'test'
+
+      const { generateWebpackConfig } = require('../index')
+
+      const webpackConfig = generateWebpackConfig()
+
+      expect(webpackConfig.output.path).toEqual(resolve('public', 'packs-test'))
+      expect(webpackConfig.output.publicPath).toEqual('/packs-test/')
+      expect(webpackConfig.devServer).toEqual(undefined)
+    })
+  })
+
+  describe('globalMutableWebpackConfig', () => {
+    beforeEach(() => jest.resetModules())
+
+    test('should use test config and production environment', () => {
+      process.env.RAILS_ENV = 'test'
+      process.env.NODE_ENV = 'test'
+
+      const { globalMutableWebpackConfig: webpackConfig } = require('../index')
+
+      expect(webpackConfig.output.path).toEqual(resolve('public', 'packs-test'))
+      expect(webpackConfig.output.publicPath).toEqual('/packs-test/')
+      expect(webpackConfig.devServer).toEqual(undefined)
+    })
+  })
+})

data/package/__tests__/test.js

@@ -1,21 +1,39 @@
 /* test expect, describe, afterAll, beforeEach */
 
 const { resolve } = require('path')
-const { chdirTestApp, chdirCwd } = require('../utils/helpers')
+const { chdirTestApp } = require('../utils/helpers')
 
+const rootPath = process.cwd()
 chdirTestApp()
 
 describe('Test environment', () => {
-  afterAll(chdirCwd)
+  afterAll(() => process.chdir(rootPath))
 
-  describe('toWebpackConfig', () => {
+  describe('generateWebpackConfig', () => {
     beforeEach(() => jest.resetModules())
 
     test('should use test config and production environment', () => {
       process.env.RAILS_ENV = 'test'
       process.env.NODE_ENV = 'test'
 
-      const { webpackConfig } = require('../index')
+      const { generateWebpackConfig } = require('../index')
+
+      const webpackConfig = generateWebpackConfig()
+
+      expect(webpackConfig.output.path).toEqual(resolve('public', 'packs-test'))
+      expect(webpackConfig.output.publicPath).toEqual('/packs-test/')
+      expect(webpackConfig.devServer).toEqual(undefined)
+    })
+  })
+
+  describe('globalMutableWebpackConfig', () => {
+    beforeEach(() => jest.resetModules())
+
+    test('should use test config and production environment', () => {
+      process.env.RAILS_ENV = 'test'
+      process.env.NODE_ENV = 'test'
+
+      const { globalMutableWebpackConfig: webpackConfig } = require('../index')
 
       expect(webpackConfig.output.path).toEqual(resolve('public', 'packs-test'))
       expect(webpackConfig.output.publicPath).toEqual('/packs-test/')

data/package/babel/preset.js

@@ -28,10 +28,7 @@ module.exports = function config(api) {
           exclude: ['transform-typeof-symbol']
         }
       ],
-      moduleExists('@babel/preset-typescript') && [
-        '@babel/preset-typescript',
-        { allExtensions: true, isTSX: true }
-      ]
+      moduleExists('@babel/preset-typescript') && '@babel/preset-typescript'
     ].filter(Boolean),
     plugins: [
       ['@babel/plugin-transform-runtime', { helpers: false }]