@teambit/react 0.0.880 → 0.0.882

package/dist/react.main.runtime.js

@@ -1,272 +1,190 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 require("core-js/modules/es.symbol.description.js");
-
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.promise.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ReactMain = void 0;
-
 function _defineProperty2() {
   const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
   _defineProperty2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _mergeDeepLeft() {
   const data = _interopRequireDefault(require("ramda/src/mergeDeepLeft"));
-
   _mergeDeepLeft = function () {
     return data;
   };
-
   return data;
 }
-
 function _lodash() {
   const data = require("lodash");
-
   _lodash = function () {
     return data;
   };
-
   return data;
 }
-
 function _cli() {
   const data = require("@teambit/cli");
-
   _cli = function () {
     return data;
   };
-
   return data;
 }
-
 function _compiler() {
   const data = require("@teambit/compiler");
-
   _compiler = function () {
     return data;
   };
-
   return data;
 }
-
 function _envs() {
   const data = require("@teambit/envs");
-
   _envs = function () {
     return data;
   };
-
   return data;
 }
-
 function _graphql() {
   const data = require("@teambit/graphql");
-
   _graphql = function () {
     return data;
   };
-
   return data;
 }
-
 function _jest() {
   const data = require("@teambit/jest");
-
   _jest = function () {
     return data;
   };
-
   return data;
 }
-
 function _pkg() {
   const data = require("@teambit/pkg");
-
   _pkg = function () {
     return data;
   };
-
   return data;
 }
-
 function _tester() {
   const data = require("@teambit/tester");
-
   _tester = function () {
     return data;
   };
-
   return data;
 }
-
 function _typescript() {
   const data = require("@teambit/typescript");
-
   _typescript = function () {
     return data;
   };
-
   return data;
 }
-
 function _webpack() {
   const data = require("@teambit/webpack");
-
   _webpack = function () {
     return data;
   };
-
   return data;
 }
-
 function _generator() {
   const data = require("@teambit/generator");
-
   _generator = function () {
     return data;
   };
-
   return data;
 }
-
 function _workspace() {
   const data = require("@teambit/workspace");
-
   _workspace = function () {
     return data;
   };
-
   return data;
 }
-
 function _dependencyResolver() {
   const data = require("@teambit/dependency-resolver");
-
   _dependencyResolver = function () {
     return data;
   };
-
   return data;
 }
-
 function _typescript2() {
   const data = _interopRequireDefault(require("typescript"));
-
   _typescript2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _application() {
   const data = require("@teambit/application");
-
   _application = function () {
     return data;
   };
-
   return data;
 }
-
 function _logger() {
   const data = require("@teambit/logger");
-
   _logger = function () {
     return data;
   };
-
   return data;
 }
-
 function _eslint() {
   const data = require("@teambit/eslint");
-
   _eslint = function () {
     return data;
   };
-
   return data;
 }
-
 function _prettier() {
   const data = require("@teambit/prettier");
-
   _prettier = function () {
     return data;
   };
-
   return data;
 }
-
 function _react() {
   const data = require("./react.aspect");
-
   _react = function () {
     return data;
   };
-
   return data;
 }
-
 function _react2() {
   const data = require("./react.env");
-
   _react2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _web() {
   const data = require("./apps/web");
-
   _web = function () {
     return data;
   };
-
   return data;
 }
-
 function _react3() {
   const data = require("./react.graphql");
-
   _react3 = function () {
     return data;
   };
-
   return data;
 }
-
 function _react4() {
   const data = require("./react.templates");
-
   _react4 = function () {
     return data;
   };
-
   return data;
 }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2().default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 class ReactMain {
   constructor(
   /**
@@ -281,34 +199,28 @@ class ReactMain {
     this.logger = logger;
     (0, _defineProperty2().default)(this, "env", this.reactEnv);
   }
-
   getReactAppType(name) {
     return new (_web().ReactAppType)(name, this.reactEnv, this.logger, this.dependencyResolver);
   }
+
   /**
    * use this to register apps programmatically.
    */
-
-
   async registerApp(reactApp) {
     return this.application.registerApp(this.reactAppType.createApp(reactApp));
   }
+
   /**
    * override the env's typescript config for both dev and build time.
    * Replaces both overrideTsConfig (devConfig) and overrideBuildTsConfig (buildConfig)
    */
-
-
   useTypescript(modifiers, tsModule = _typescript2().default) {
     const overrides = {};
     const devTransformers = modifiers === null || modifiers === void 0 ? void 0 : modifiers.devConfig;
-
     if (devTransformers) {
       overrides.getCompiler = () => this.reactEnv.getCompiler(devTransformers, tsModule);
     }
-
     const buildTransformers = modifiers === null || modifiers === void 0 ? void 0 : modifiers.buildConfig;
-
     if (buildTransformers) {
       const buildPipeModifiers = {
         tsModifier: {
@@ -316,166 +228,140 @@ class ReactMain {
           module: tsModule
         }
       };
-
       overrides.getBuildPipe = () => this.reactEnv.getBuildPipe(buildPipeModifiers);
     }
-
     return this.envs.override(overrides);
   }
+
   /**
    * @deprecated use useTypescript()
    * override the TS config of the React environment.
    * @param tsModule typeof `ts` module instance.
    */
-
-
   overrideTsConfig(tsconfig = {}, compilerOptions = {}, tsModule = _typescript2().default) {
     const transformer = configMutator => {
       var _compilerOptions$comp, _compilerOptions$comp2;
-
       configMutator.mergeTsConfig(tsconfig);
       configMutator.raw.compileJs = (_compilerOptions$comp = compilerOptions.compileJs) !== null && _compilerOptions$comp !== void 0 ? _compilerOptions$comp : configMutator.raw.compileJs;
       configMutator.raw.compileJsx = (_compilerOptions$comp2 = compilerOptions.compileJsx) !== null && _compilerOptions$comp2 !== void 0 ? _compilerOptions$comp2 : configMutator.raw.compileJsx;
-
       if (compilerOptions.types) {
         configMutator.addTypes(compilerOptions.types);
       }
-
       const genericCompilerOptions = (0, _lodash().omit)(compilerOptions, ['types', 'compileJs', 'compileJsx']);
       configMutator.raw = Object.assign(configMutator.raw, genericCompilerOptions);
       return configMutator;
-    }; // return this.envs.override({
+    };
+    // return this.envs.override({
     //   getCompiler: () => this.reactEnv.getCompiler([transformer], tsModule),
     // });
-
-
     return this.useTypescript({
       devConfig: [transformer]
     }, tsModule);
   }
+
   /**
    * Override the Bit documentation link. See docs: https://bit.dev/docs/docs/doc-templates
    */
-
-
   overrideDocsTemplate(templatePath) {
     return this.envs.override({
       getDevEnvId: context => this.reactEnv.getDevEnvId(context.envDefinition.id),
       getDocsTemplate: () => templatePath
     });
   }
+
   /**
    * @deprecated use useTypescript()
    * override the build tsconfig.
    */
-
-
   overrideBuildTsConfig(tsconfig = {}, compilerOptions = {}, tsModule = _typescript2().default) {
     const transformer = configMutator => {
       var _compilerOptions$comp3, _compilerOptions$comp4;
-
       configMutator.mergeTsConfig(tsconfig);
       configMutator.raw.compileJs = (_compilerOptions$comp3 = compilerOptions.compileJs) !== null && _compilerOptions$comp3 !== void 0 ? _compilerOptions$comp3 : configMutator.raw.compileJs;
       configMutator.raw.compileJsx = (_compilerOptions$comp4 = compilerOptions.compileJsx) !== null && _compilerOptions$comp4 !== void 0 ? _compilerOptions$comp4 : configMutator.raw.compileJsx;
-
       if (compilerOptions.types) {
         configMutator.addTypes(compilerOptions.types);
       }
-
       const genericCompilerOptions = (0, _lodash().omit)(compilerOptions, ['types', 'compileJs', 'compileJsx']);
       configMutator.raw = Object.assign(configMutator.raw, genericCompilerOptions);
       return configMutator;
-    }; // return this.envs.override({
+    };
+    // return this.envs.override({
     //   getBuildPipe: () => this.reactEnv.getBuildPipe([transformer], tsModule),
     // });
-
-
     return this.useTypescript({
       buildConfig: [transformer]
     }, tsModule);
   }
+
   /**
    * override the env's dev server and preview webpack configurations.
    * Replaces both overrideDevServerConfig and overridePreviewConfig
    */
-
-
   useWebpack(modifiers) {
     const overrides = {};
     const devServerTransformers = modifiers === null || modifiers === void 0 ? void 0 : modifiers.devServerConfig;
-
     if (devServerTransformers) {
       overrides.getDevServer = context => this.reactEnv.getDevServer(context, devServerTransformers);
-
       overrides.getDevEnvId = context => this.reactEnv.getDevEnvId(context.envDefinition.id);
     }
-
     const previewTransformers = modifiers === null || modifiers === void 0 ? void 0 : modifiers.previewConfig;
-
     if (previewTransformers) {
       overrides.getBundler = context => this.reactEnv.getBundler(context, previewTransformers);
     }
-
     return this.envs.override(overrides);
   }
+
   /**
    * An API to mutate the prettier config
    * @param modifiers
    * @returns
    */
-
-
   useEslint(modifiers) {
     const transformers = (modifiers === null || modifiers === void 0 ? void 0 : modifiers.transformers) || [];
     return this.envs.override({
       getLinter: context => this.reactEnv.getLinter(context, transformers)
     });
   }
+
   /**
    * An API to mutate the prettier config
    * @param modifiers
    * @returns
    */
-
-
   usePrettier(modifiers) {
     const transformers = (modifiers === null || modifiers === void 0 ? void 0 : modifiers.transformers) || [];
     return this.envs.override({
       getFormatter: context => this.reactEnv.getFormatter(context, transformers)
     });
   }
+
   /**
    * @deprecated use useWebpack()
    * override the dev server webpack config.
    */
-
-
   overrideDevServerConfig(config) {
     const transformer = configMutator => {
       return configMutator.merge([config]);
     };
-
     return this.envs.override({
       getDevServer: context => this.reactEnv.getDevServer(context, [transformer]),
       getDevEnvId: context => this.reactEnv.getDevEnvId(context.envDefinition.id)
     });
   }
+
   /**
    * @deprecated use useWebpack()
    * override the preview webpack config.
    */
-
-
   overridePreviewConfig(config) {
     const transformer = configMutator => {
       return configMutator.merge([config]);
     };
-
     return this.envs.override({
       getBundler: context => this.reactEnv.getBundler(context, [transformer])
     });
   }
-
   overrideMounter(mounterPath) {
     return this.envs.override({
       getMounter: () => {
@@ -483,52 +369,47 @@ class ReactMain {
       }
     });
   }
+
   /**
    * create a new composition of the react environment.
    */
-
-
   compose(transformers, targetEnv = {}) {
     return this.envs.compose(this.envs.merge(targetEnv, this.reactEnv), transformers);
   }
+
   /**
    * override the jest configuration.
    * @param jestConfigPath {typeof jest} absolute path to jest.config.json.
    * @param jestModulePath absolute path to jest
    */
-
-
   overrideJestConfig(jestConfigPath, jestModulePath) {
     return this.envs.override({
       getTester: () => this.reactEnv.getTester(jestConfigPath, jestModulePath)
     });
   }
+
   /**
    * override the build pipeline of the component environment.
    */
-
-
   overrideBuildPipe(tasks) {
     return this.envs.override({
       getBuildPipe: () => tasks
     });
   }
+
   /**
    * override the compiler tasks inside the build pipeline of the component environment.
    */
-
-
   overrideCompilerTasks(tasks) {
     const pipeWithoutCompiler = this.reactEnv.getBuildPipeWithoutCompiler();
     return this.envs.override({
       getBuildPipe: () => [...tasks, ...pipeWithoutCompiler]
     });
   }
+
   /**
    * override the dependency configuration of the component environment.
    */
-
-
   overrideDependencies(dependencyPolicy) {
     return this.envs.override({
       getDependencies: async () => {
@@ -537,11 +418,10 @@ class ReactMain {
       }
     });
   }
+
   /**
    * override the workspace compiler.
    */
-
-
   overrideCompiler(compiler) {
     return this.envs.override({
       getCompiler: () => {
@@ -549,17 +429,15 @@ class ReactMain {
       }
     });
   }
+
   /**
    * TODO: @gilad we need to implement this.
    */
-
-
   overrideEslintConfig() {}
+
   /**
    * override the package json props of the component environment.
    */
-
-
   overridePackageJsonProps(props) {
     return this.envs.override({
       getPackageJsonProps: () => {
@@ -567,18 +445,15 @@ class ReactMain {
       }
     });
   }
+
   /**
    * returns doc adjusted specifically for react components.
    */
-
-
   getDocs(component) {
     const docsArray = component.state._consumer.docs;
-
     if (!docsArray || !docsArray[0]) {
       return null;
     }
-
     const docs = docsArray[0];
     return {
       abstract: docs.description,
@@ -586,7 +461,6 @@ class ReactMain {
       properties: docs.properties
     };
   }
-
   static async provider([envs, jestAspect, tsAspect, compiler, webpack, workspace, graphql, pkg, tester, eslint, prettier, application, generator, dependencyResolver, loggerMain], config) {
     const logger = loggerMain.createLogger(_react().ReactAspect.id);
     const reactEnv = new (_react2().ReactEnv)(jestAspect, tsAspect, compiler, webpack, workspace, pkg, tester, config, eslint, prettier, dependencyResolver, logger, _compiler().CompilerAspect.id);
@@ -599,13 +473,10 @@ class ReactMain {
     application.registerAppType(appType);
     return react;
   }
-
 }
-
 exports.ReactMain = ReactMain;
 (0, _defineProperty2().default)(ReactMain, "runtime", _cli().MainRuntime);
 (0, _defineProperty2().default)(ReactMain, "dependencies", [_envs().EnvsAspect, _jest().JestAspect, _typescript().TypescriptAspect, _compiler().CompilerAspect, _webpack().WebpackAspect, _workspace().WorkspaceAspect, _graphql().GraphqlAspect, _pkg().PkgAspect, _tester().TesterAspect, _eslint().ESLintAspect, _prettier().PrettierAspect, _application().ApplicationAspect, _generator().GeneratorAspect, _dependencyResolver().DependencyResolverAspect, _logger().LoggerAspect]);
-
 _react().ReactAspect.addRuntime(ReactMain);
 
 //# sourceMappingURL=react.main.runtime.js.map