@zohodesk/react-cli 1.1.19-exp.1 → 1.1.19-exp.11

package/bin/cli.js

@@ -300,6 +300,8 @@ switch (option) {
         'src',
         '-d',
         'lib',
+        '--extensions',
+        '.js,.ts,.tsx',
         `--presets=${require.resolve('../lib/babel/cmjs-plugins-presets.js')}`,
         '--copy-files'
       ].concat(args),
@@ -316,6 +318,8 @@ switch (option) {
         'src',
         '--out-dir',
         'es',
+        '--extensions',
+        '.js,.ts,.tsx',
         `--presets=${require.resolve('../lib/babel/es-plugins-presets.js')}`,
         '--copy-files'
       ].concat(args),

package/lib/babel/cmjs-plugins-presets.js

@@ -11,20 +11,25 @@ var _babelPresetReactOption = _interopRequireDefault(require("./babel-option-uti
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-let {
+const {
   module: {
     mode
+  },
+  babelCustomizationForLibrary: {
+    babelPlugins
   }
 } = (0, _utils.getOptions)();
-let isProd = mode.toLowerCase() === 'prod';
+const isProd = mode.toLowerCase() === 'prod';
+const defaultPlugins = [[require.resolve('babel-plugin-transform-define'), isProd ? {
+  __DOCS__: false
+} : {}], require.resolve('@babel/plugin-syntax-dynamic-import'), require.resolve('@babel/plugin-proposal-optional-chaining'), require.resolve('@babel/plugin-proposal-class-properties')];
+const plugins = [...babelPlugins, ...defaultPlugins];
 
 var _default = () => ({
   presets: [require.resolve('@babel/preset-env'), (0, _babelPresetReactOption.default)({
     disableES5Transpile: false
-  })],
-  plugins: [[require.resolve('babel-plugin-transform-define'), isProd ? {
-    __DOCS__: false
-  } : {}]]
+  }), require.resolve('@babel/preset-typescript')],
+  plugins: plugins
 });
 
 exports.default = _default;

package/lib/babel/es-plugins-presets.js

@@ -11,13 +11,21 @@ var _babelPresetReactOption = _interopRequireDefault(require("./babel-option-uti
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-let {
+const {
   module: {
     mode,
     disableES5Transpile
+  },
+  babelCustomizationForLibrary: {
+    babelPlugins
   }
 } = (0, _utils.getOptions)();
-let isProd = mode.toLowerCase() === 'prod';
+const isProd = mode.toLowerCase() === 'prod';
+const defaultPlugins = [[require.resolve('babel-plugin-transform-define'), isProd ? {
+  __DOCS__: false
+} : {}], require.resolve('@babel/plugin-syntax-dynamic-import'), require.resolve('@babel/plugin-proposal-optional-chaining'), require.resolve('@babel/plugin-proposal-class-properties')];
+const plugins = [...babelPlugins, ...defaultPlugins];
+console.log(disableES5Transpile);
 
 var _default = () => ({
   presets: [[require.resolve('@babel/preset-env'), disableES5Transpile ? {
@@ -31,10 +39,8 @@ var _default = () => ({
     modules: false
   }], (0, _babelPresetReactOption.default)({
     disableES5Transpile
-  })],
-  plugins: [[require.resolve('babel-plugin-transform-define'), isProd ? {
-    __DOCS__: false
-  } : {}], require.resolve('@babel/plugin-syntax-dynamic-import')]
+  }), require.resolve('@babel/preset-typescript')],
+  plugins: plugins
 });
 
 exports.default = _default;

package/lib/configs/jest.config.js

@@ -17,7 +17,7 @@ const commonConfig = {
   collectCoverage: true,
   moduleDirectories: [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules'],
   transform: {
-    '^.+\\.(js|jsx)$': _path.default.resolve(__dirname, '..', 'jest', 'preProcessors', 'jsPreprocessor.js'),
+    '^.+\\.(js|jsx|ts|tsx)$': _path.default.resolve(__dirname, '..', 'jest', 'preProcessors', 'jsPreprocessor.js'),
     '^.+\\.css$': _path.default.resolve(__dirname, '..', 'jest', 'preProcessors', 'cssPreprocessor.js'),
     '^(?!.*\\.(js|jsx|css|json)$)': _path.default.resolve(__dirname, '..', 'jest', 'preProcessors', 'otherFilesPreprocessor.js')
   },
@@ -28,7 +28,7 @@ const commonConfig = {
   // },
   transformIgnorePatterns: ['/node_modules/(?!(@zohodesk)/)'],
   // transformIgnorePatterns: ['/node_modules.*?.js$'],
-  moduleFileExtensions: ['js'],
+  moduleFileExtensions: ['js', 'ts', 'tsx'],
   setupFiles: [(0, _fs.existsSync)(appGlobals) && appGlobals, _path.default.resolve(__dirname, '..', 'jest', 'setup.js')].filter(Boolean),
   globals: {
     __DEVELOPMENT__: true,
@@ -52,7 +52,7 @@ module.exports = (...args) => {
     testPathIgnorePatterns: ['/node_modules/', 'docs'],
     unmockedModulePathPatterns: ['__tests__', 'node_modules', '.*'],
     roots: [`<rootDir>/${appFolder}/`],
-    testRegex: '(/__tests__/.*|\\.(test|spec))\\.(jsx|js|json|node)$',
+    testRegex: '(/__tests__/.*|\\.(test|spec))\\.(jsx|js|json|node|ts|tsx)$',
     testResultsProcessor: _path.default.resolve(__dirname, '..', 'jest', 'result.js')
   });
 };

package/lib/configs/webpack.dev.config.js

@@ -146,6 +146,10 @@ module.exports = {
           minimize: true
         }
       }]
+    }, {
+      test: /\.ts$/,
+      use: 'ts-loader',
+      include: _path.default.join(appPath, folder)
     }, {
       test: /\.worker.js$/,
       use: {

package/lib/configs/webpack.prod.config.js

@@ -131,7 +131,7 @@ module.exports = {
             modules: false
           }], (0, _babelPresetReactOption.default)({
             disableES5Transpile
-          })],
+          }), require.resolve('@babel/preset-typescript')],
           plugins: disableES5Transpile ? [removeAttribute ? require.resolve('../utils/removeAttributes') : false, require.resolve('@babel/plugin-syntax-dynamic-import'), require.resolve('babel-plugin-lodash'), // require.resolve(
           //   '@babel/plugin-proposal-object-rest-spread'
           // ), REMOVING IT, BECAUSE WE ALREADY SUPPORT SPREAD SYNTAX FROM LIBRARIES.
@@ -237,6 +237,10 @@ module.exports = {
           minimize: false
         }
       }]
+    }, {
+      test: /\.ts$/,
+      use: 'ts-loader',
+      include: _path.default.join(appPath, folder)
     }, {
       test: /\.worker.js$/,
       use: {

package/lib/jest/preProcessors/jsPreprocessor.js

@@ -5,6 +5,6 @@ var _babelJest = _interopRequireDefault(require("babel-jest"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 module.exports = _babelJest.default.createTransformer({
-  presets: [require.resolve('@babel/preset-env'), require.resolve('@babel/preset-react')],
+  presets: [require.resolve('@babel/preset-env'), require.resolve('@babel/preset-react'), require.resolve('@babel/preset-typescript')],
   plugins: [require.resolve('babel-plugin-transform-dynamic-import')]
 });

package/lib/loaderUtils/getDevJsLoaders.js

@@ -44,7 +44,7 @@ let getDevJsLoaders = options => {
         modules: false
       }], (0, _babelPresetReactOption.default)({
         disableES5Transpile
-      })],
+      }), require.resolve('@babel/preset-typescript')],
       plugins: disableES5Transpile ? [require.resolve('@babel/plugin-syntax-dynamic-import'), require.resolve('babel-plugin-lodash'), // require.resolve('@babel/plugin-proposal-object-rest-spread'),
       devConsoleExculde ? [require.resolve('babel-plugin-transform-remove-console'), {
         exclude: ['error', 'log']

package/lib/loaders/workerLoader.js

@@ -19,32 +19,32 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 /* import WebWorkerTemplatePlugin from 'webpack/lib/webworker/WebWorkerTemplatePlugin';
 import ExternalsPlugin from 'webpack/lib/ExternalsPlugin'; */
 const schema = {
-  type: 'object',
-  properties: {
-    publicPath: {
-      anyOf: [{
-        type: 'string'
+  'type': 'object',
+  'properties': {
+    'publicPath': {
+      'anyOf': [{
+        'type': 'string'
       }, {
-        instanceof: 'Function'
+        'instanceof': 'Function'
       }]
     },
-    filename: {
-      anyOf: [{
-        type: 'string',
-        minLength: 1
+    'filename': {
+      'anyOf': [{
+        'type': 'string',
+        'minLength': 1
       }, {
-        instanceof: 'Function'
+        'instanceof': 'Function'
       }]
     },
-    chunkFilename: {
-      type: 'string',
-      minLength: 1
+    'chunkFilename': {
+      'type': 'string',
+      'minLength': 1
     },
-    esModule: {
-      type: 'boolean'
+    'esModule': {
+      'type': 'boolean'
     }
   },
-  additionalProperties: false
+  'additionalProperties': false
 }; // eslint-disable-next-line
 
 function loader() {}
@@ -112,40 +112,25 @@ function pitch(request) {
     }
 
     function workerCode() {
-      if (this.workerInstance) {
-        return this.workerInstance;
-      }
-
       let blob;
 
       try {
         blob = new Blob([`importScripts('${this.workerUrl}');`], {
-          type: 'application/javascript'
+          'type': 'application/javascript'
         });
       } catch (e1) {
         throw new Error(e1);
       }
 
-      const url = window.URL || window.webkitURL;
-      const blobUrl = url.createObjectURL(blob);
-      this.workerInstance = new Worker(blobUrl);
-      return this.workerInstance;
+      let url = window.URL || window.webkitURL;
+      let blobUrl = url.createObjectURL(blob);
+      let worker = new Worker(blobUrl);
+      return worker;
     }
 
-    return cb(null, `const workerObj ={\n
-      workerInstance: null, \n
+    return cb(null, `${options.esModule ? 'export default' : 'module.exports ='} {\n
 			workerUrl: __webpack_public_path__ + ${JSON.stringify(entry)}, \n
 			getInstance: ${workerCode} \n
-		};\n
-    workerObj.getInstance();
-    ${options.esModule ? 'export default' : 'module.exports ='} workerObj;
-    `); // return cb(
-    //   null,
-    //   `${options.esModule ? 'export default' : 'module.exports ='} {\n
-    //   workerInstance: null, \n
-    // 	workerUrl: __webpack_public_path__ + ${JSON.stringify(entry)}, \n
-    // 	getInstance: ${workerCode} \n
-    // }`
-    // );
+		}`);
   });
 }

package/lib/schemas/index.js

@@ -738,6 +738,9 @@ var _default = {
     fileName: null,
     options: null,
     excludeKeys: null
+  },
+  babelCustomizationForLibrary: {
+    babelPlugins: []
   }
 };
 exports.default = _default;