@teambit/react 0.0.804 → 0.0.807

package/artifacts/preview/teambit_react_react-preview.js

@@ -8,4 +8,4 @@ It enables you to quickly set up a dev environment that follows best practices f
 }
 `)),(0,_react2.mdx)("h2",null,"Creating Components"),(0,_react2.mdx)("p",null,"React env provides a set of component templates that can be used to speed-up and standardize your component development:"),(0,_react2.mdx)("p",null,"To list all available templates:"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",{parentName:"pre",className:"language-bash"},`bit templates
 `)),(0,_react2.mdx)("ul",null,(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},"react")," a basic React UI component."),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},"react-context")," a react context component."),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},"react-hook")," a react hook component."),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},"mdx-component")," an MDX component."),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},"react-component-js")," a basic React component in JS."),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},"react-env")," boilerplate for a customized environment configuration.")),(0,_react2.mdx)("p",null,"Use any of these templates with the ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"bit create")," command:"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",{parentName:"pre",className:"language-bash"},`bit create react ui/my-welcome
-`)),(0,_react2.mdx)("h2",null,"Development services and configurations"),(0,_react2.mdx)("p",null,"The table below lists ",(0,_react2.mdx)("a",{parentName:"p",href:"/dev-services/dev-services-overview"},"dev services")," that are provided by the React env. Each service handles a specific component development operation. Each is implemented by the React env, using a specific set of configurations."),(0,_react2.mdx)("p",null,"To customize and extend the React env, ",(0,_react2.mdx)("a",{parentName:"p",href:"/envs/pre-configured-envs/react/extending-react#using-your-own-react-env-extension"},"create you own React env extension"),". You can replace the Aspects used by the env, or override their configurations (use the links provided in the 'customization' column)."),(0,_react2.mdx)("table",null,(0,_react2.mdx)("thead",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"thead"},(0,_react2.mdx)("th",{parentName:"tr",align:null},"Service"),(0,_react2.mdx)("th",{parentName:"tr",align:null},"Aspect"),(0,_react2.mdx)("th",{parentName:"tr",align:null},"Default config"),(0,_react2.mdx)("th",{parentName:"tr",align:null},"Customization"))),(0,_react2.mdx)("tbody",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/docs/dev-services/compiler/compiler-overview"},"Compiler")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/typescript/typescript"},"TypeScript")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/typescript/tsconfig.json"},"tsconfig.json")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"\u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/frameworks/react/config-react-tools#typescript"},"TS compilation config")," ",(0,_react2.mdx)("br",null)," \u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/docs/dev-services/compiler/configure-env-with-compiler"},"Replace compiler"))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/tester/overview"},"Tester")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/defender/jest"},"Jest")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/jest/jest.config.js"},"jest.config.js")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"\u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/frameworks/react/config-react-tools#jest"},"Jest config")," ",(0,_react2.mdx)("br",null)," \u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/dev-services/tester/configure-env-with-tester"},"Replace Tester"))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/linter/overview"},"Linting")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/defender/eslint"},"ESLint")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/eslint/eslintrc.ts"},"eslintrc.ts")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"\u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/frameworks/react/config-react-tools#eslint"},"ESLint Config")," ",(0,_react2.mdx)("br",null)," \u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/dev-services/linter/configure-env-with-linter"},"Replace Linter"))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/formatter/overview"},"Formatter")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/defender/prettier"},"Prettier")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/prettier/prettier.config.js"},"prettier.config.ts")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"\u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/frameworks/react/config-react-tools#prettier"},"Prettier config")," ",(0,_react2.mdx)("br",null)," \u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/dev-services/formatter/configure-env-with-formatter"},"Replace Formatter"))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},"DevServer"),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/webpack/webpack"},"Webpack")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/webpack/webpack.config.preview.dev.ts"},"webpack.config.preview.dev.ts")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"\u2022 Webpack config (for bundling in the workspace)")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/docs/dev-services/preview/overview"},"Preview")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"-"),(0,_react2.mdx)("td",{parentName:"tr",align:null}),(0,_react2.mdx)("td",{parentName:"tr",align:null},"\u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/dev-services/preview/register-custom-preview"},"Add preview"))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/docs/packages/packages-overview"},"Package")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"-"),(0,_react2.mdx)("td",{parentName:"tr",align:null},"See the ",(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/typescript/typescript/~code/typescript.main.runtime.ts"},"TypeScript Aspect")," config"),(0,_react2.mdx)("td",{parentName:"tr",align:null},"\u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/packages/managing-package-json#set-configuration-from-an-env"},"Add Env package config")," ",(0,_react2.mdx)("br",null)," \u2022 TypeScript's package config")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},"Bundler"),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/webpack/webpack"},"Webpack")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/webpack/webpack.config.preview.ts"},"webpack.config.preview.ts")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"\u2022 Webpack config (for bundling during build)")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/docs/dev-services/docs/docs-overview"},"Documentation")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"-"),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/docs/index.tsx"},"Docs template")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/docs/dev-services/docs/docs-templates"},"Replace docs template"))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"http://localhost:3000/docs/dev-services/builder/builder-overview"},"Builder")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"-"),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"http://localhost:3000/docs/dev-services/builder/builder-overview"},"Build pipeline")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/dev-services/builder/build-pipelines"},"Build pipelines"))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/dependencies/dependencies-overview"},"Dependencies")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"-"),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/react.env.ts"},"Env-dependencies")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/dependencies/configuring-dependencies#configuring-dependencies-from-an-env"},"Env dependencies"))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/docs/dev-services/generator/generator-overview"},"Generator")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"-"),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/templates/react-component.ts"},"React templates")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:""},"Add a component template"))))),(0,_react2.mdx)("h3",null,"Default React versions"),(0,_react2.mdx)("p",null,"By default, the React env sets the following dependency versions for components using it:"),(0,_react2.mdx)("ul",null,(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("strong",{parentName:"li"},"react")," (peer dependency): ",(0,_react2.mdx)("inlineCode",{parentName:"li"},"^16.8.0 || ^17.0.0")),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("strong",{parentName:"li"},"react-dom")," (peer dependency): ",(0,_react2.mdx)("inlineCode",{parentName:"li"},"^16.8.0 || ^17.0.0")),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("strong",{parentName:"li"},"@types/react"),": ",(0,_react2.mdx)("inlineCode",{parentName:"li"},"^17.0.8")),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("strong",{parentName:"li"},"@types/react-dom"),": ",(0,_react2.mdx)("inlineCode",{parentName:"li"},"^17.0.5")))))}MDXContent.__bit_component=__bit_component,MDXContent.isMDXComponent=!0},164:(__unused_webpack_module,exports2,__webpack_require__2)=>{"use strict";var __bit_component={id:"teambit.react/react@0.0.804",homepage:"https://bit.dev/teambit/react/react",exported:!0},_interopRequireDefault=__webpack_require__2(244);Object.defineProperty(exports2,"__esModule",{value:!0}),exports2.Logo=void 0;function _react(){const data=_interopRequireDefault(__webpack_require__2(804));return _react=function(){return data},data}_react.__bit_component=__bit_component;const Logo=()=>_react().default.createElement("div",{style:{height:"100%",display:"flex",justifyContent:"center"}},_react().default.createElement("img",{style:{width:70},src:"https://static.bit.dev/extensions-icons/react.svg"}));Logo.__bit_component=__bit_component,exports2.Logo=Logo},57:module2=>{"use strict";module2.exports=MdxJsReact},804:module2=>{"use strict";module2.exports=React},459:module2=>{"use strict";module2.exports=TeambitMdxUiMdxScopeContext}},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(cachedModule!==void 0)return cachedModule.exports;var module2=__webpack_module_cache__[moduleId]={exports:{}};return __webpack_modules__[moduleId](module2,module2.exports,__webpack_require__),module2.exports}__webpack_require__.d=(exports2,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports2,key)&&Object.defineProperty(exports2,key,{enumerable:!0,get:definition[key]})},__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),__webpack_require__.r=exports2=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(exports2,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports2,"__esModule",{value:!0})};var __webpack_exports__={};return(()=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{compositions:()=>compositions,overview:()=>overview});var react_docs_namespaceObject={};__webpack_require__.r(react_docs_namespaceObject),__webpack_require__.d(react_docs_namespaceObject,{default:()=>MDXContent});var react_composition=__webpack_require__(164),external_React_=__webpack_require__(804),external_MdxJsReact_=__webpack_require__(57),external_TeambitMdxUiMdxScopeContext_=__webpack_require__(459),dist=__webpack_require__(906),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}var layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,external_MdxJsReact_.mdx)(MDXLayout,_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,external_MdxJsReact_.mdx)(external_TeambitMdxUiMdxScopeContext_.MDXScopeProvider,{components:{ReactOverview:dist.ZP},mdxType:"MDXScopeProvider"},(0,external_MdxJsReact_.mdx)(dist.ZP,{mdxType:"ReactOverview"})))}MDXContent.isMDXComponent=!0;const compositions=[react_composition],overview=[react_docs_namespaceObject]})(),__webpack_exports__})()});
+`)),(0,_react2.mdx)("h2",null,"Development services and configurations"),(0,_react2.mdx)("p",null,"The table below lists ",(0,_react2.mdx)("a",{parentName:"p",href:"/dev-services/dev-services-overview"},"dev services")," that are provided by the React env. Each service handles a specific component development operation. Each is implemented by the React env, using a specific set of configurations."),(0,_react2.mdx)("p",null,"To customize and extend the React env, ",(0,_react2.mdx)("a",{parentName:"p",href:"/envs/pre-configured-envs/react/extending-react#using-your-own-react-env-extension"},"create you own React env extension"),". You can replace the Aspects used by the env, or override their configurations (use the links provided in the 'customization' column)."),(0,_react2.mdx)("table",null,(0,_react2.mdx)("thead",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"thead"},(0,_react2.mdx)("th",{parentName:"tr",align:null},"Service"),(0,_react2.mdx)("th",{parentName:"tr",align:null},"Aspect"),(0,_react2.mdx)("th",{parentName:"tr",align:null},"Default config"),(0,_react2.mdx)("th",{parentName:"tr",align:null},"Customization"))),(0,_react2.mdx)("tbody",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/docs/dev-services/compiler/compiler-overview"},"Compiler")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/typescript/typescript"},"TypeScript")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/typescript/tsconfig.json"},"tsconfig.json")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"\u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/frameworks/react/config-react-tools#typescript"},"TS compilation config")," ",(0,_react2.mdx)("br",null)," \u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/docs/dev-services/compiler/configure-env-with-compiler"},"Replace compiler"))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/tester/overview"},"Tester")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/defender/jest"},"Jest")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/jest/jest.config.js"},"jest.config.js")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"\u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/frameworks/react/config-react-tools#jest"},"Jest config")," ",(0,_react2.mdx)("br",null)," \u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/dev-services/tester/configure-env-with-tester"},"Replace Tester"))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/linter/overview"},"Linting")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/defender/eslint"},"ESLint")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/eslint/eslintrc.ts"},"eslintrc.ts")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"\u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/frameworks/react/config-react-tools#eslint"},"ESLint Config")," ",(0,_react2.mdx)("br",null)," \u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/dev-services/linter/configure-env-with-linter"},"Replace Linter"))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/formatter/overview"},"Formatter")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/defender/prettier"},"Prettier")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/prettier/prettier.config.js"},"prettier.config.ts")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"\u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/frameworks/react/config-react-tools#prettier"},"Prettier config")," ",(0,_react2.mdx)("br",null)," \u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/dev-services/formatter/configure-env-with-formatter"},"Replace Formatter"))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},"DevServer"),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/webpack/webpack"},"Webpack")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/webpack/webpack.config.preview.dev.ts"},"webpack.config.preview.dev.ts")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"\u2022 Webpack config (for bundling in the workspace)")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/docs/dev-services/preview/overview"},"Preview")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"-"),(0,_react2.mdx)("td",{parentName:"tr",align:null}),(0,_react2.mdx)("td",{parentName:"tr",align:null},"\u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/dev-services/preview/register-custom-preview"},"Add preview"))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/docs/packages/packages-overview"},"Package")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"-"),(0,_react2.mdx)("td",{parentName:"tr",align:null},"See the ",(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/typescript/typescript/~code/typescript.main.runtime.ts"},"TypeScript Aspect")," config"),(0,_react2.mdx)("td",{parentName:"tr",align:null},"\u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/packages/managing-package-json#set-configuration-from-an-env"},"Add Env package config")," ",(0,_react2.mdx)("br",null)," \u2022 TypeScript's package config")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},"Bundler"),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/webpack/webpack"},"Webpack")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/webpack/webpack.config.preview.ts"},"webpack.config.preview.ts")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"\u2022 Webpack config (for bundling during build)")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/docs/dev-services/docs/docs-overview"},"Documentation")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"-"),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/docs/index.tsx"},"Docs template")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/docs/dev-services/docs/docs-templates"},"Replace docs template"))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"http://localhost:3000/docs/dev-services/builder/builder-overview"},"Builder")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"-"),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"http://localhost:3000/docs/dev-services/builder/builder-overview"},"Build pipeline")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/dev-services/builder/build-pipelines"},"Build pipelines"))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/dependencies/dependencies-overview"},"Dependencies")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"-"),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/react.env.ts"},"Env-dependencies")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/dependencies/configuring-dependencies#configuring-dependencies-from-an-env"},"Env dependencies"))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/docs/dev-services/generator/generator-overview"},"Generator")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"-"),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/templates/react-component.ts"},"React templates")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:""},"Add a component template"))))),(0,_react2.mdx)("h3",null,"Default React versions"),(0,_react2.mdx)("p",null,"By default, the React env sets the following dependency versions for components using it:"),(0,_react2.mdx)("ul",null,(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("strong",{parentName:"li"},"react")," (peer dependency): ",(0,_react2.mdx)("inlineCode",{parentName:"li"},"^16.8.0 || ^17.0.0")),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("strong",{parentName:"li"},"react-dom")," (peer dependency): ",(0,_react2.mdx)("inlineCode",{parentName:"li"},"^16.8.0 || ^17.0.0")),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("strong",{parentName:"li"},"@types/react"),": ",(0,_react2.mdx)("inlineCode",{parentName:"li"},"^17.0.8")),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("strong",{parentName:"li"},"@types/react-dom"),": ",(0,_react2.mdx)("inlineCode",{parentName:"li"},"^17.0.5")))))}MDXContent.__bit_component=__bit_component,MDXContent.isMDXComponent=!0},950:(__unused_webpack_module,exports2,__webpack_require__2)=>{"use strict";var __bit_component={id:"teambit.react/react@0.0.807",homepage:"https://bit.dev/teambit/react/react",exported:!0},_interopRequireDefault=__webpack_require__2(244);Object.defineProperty(exports2,"__esModule",{value:!0}),exports2.Logo=void 0;function _react(){const data=_interopRequireDefault(__webpack_require__2(804));return _react=function(){return data},data}_react.__bit_component=__bit_component;const Logo=()=>_react().default.createElement("div",{style:{height:"100%",display:"flex",justifyContent:"center"}},_react().default.createElement("img",{style:{width:70},src:"https://static.bit.dev/extensions-icons/react.svg"}));Logo.__bit_component=__bit_component,exports2.Logo=Logo},57:module2=>{"use strict";module2.exports=MdxJsReact},804:module2=>{"use strict";module2.exports=React},459:module2=>{"use strict";module2.exports=TeambitMdxUiMdxScopeContext}},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(cachedModule!==void 0)return cachedModule.exports;var module2=__webpack_module_cache__[moduleId]={exports:{}};return __webpack_modules__[moduleId](module2,module2.exports,__webpack_require__),module2.exports}__webpack_require__.d=(exports2,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports2,key)&&Object.defineProperty(exports2,key,{enumerable:!0,get:definition[key]})},__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),__webpack_require__.r=exports2=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(exports2,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports2,"__esModule",{value:!0})};var __webpack_exports__={};return(()=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{compositions:()=>compositions,overview:()=>overview});var react_docs_namespaceObject={};__webpack_require__.r(react_docs_namespaceObject),__webpack_require__.d(react_docs_namespaceObject,{default:()=>MDXContent});var react_composition=__webpack_require__(950),external_React_=__webpack_require__(804),external_MdxJsReact_=__webpack_require__(57),external_TeambitMdxUiMdxScopeContext_=__webpack_require__(459),dist=__webpack_require__(906),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}var layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,external_MdxJsReact_.mdx)(MDXLayout,_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,external_MdxJsReact_.mdx)(external_TeambitMdxUiMdxScopeContext_.MDXScopeProvider,{components:{ReactOverview:dist.ZP},mdxType:"MDXScopeProvider"},(0,external_MdxJsReact_.mdx)(dist.ZP,{mdxType:"ReactOverview"})))}MDXContent.isMDXComponent=!0;const compositions=[react_composition],overview=[react_docs_namespaceObject]})(),__webpack_exports__})()});

package/dist/apps/web/compute-results.d.ts

@@ -2,6 +2,7 @@ import { BundlerResult } from '@teambit/bundler';
 import { ReactAppBuildResult } from './react-build-result';
 declare type resultsOptions = {
     publicDir: string;
+    ssrPublicDir?: string;
 };
-export declare function computeResults(results: BundlerResult[], { publicDir }: resultsOptions): Promise<ReactAppBuildResult>;
+export declare function computeResults(results: BundlerResult[], { publicDir, ssrPublicDir }: resultsOptions): Promise<ReactAppBuildResult>;
 export {};

package/dist/apps/web/compute-results.js

@@ -8,11 +8,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.computeResults = computeResults;
 
 async function computeResults(results, {
-  publicDir
+  publicDir,
+  ssrPublicDir
 }) {
   const result = results[0];
   return {
     publicDir,
+    ssrPublicDir,
     errors: result.errors,
     warnings: result.warnings
   };

package/dist/apps/web/compute-results.js.map

@@ -1 +1 @@
-{"version":3,"names":["computeResults","results","publicDir","result","errors","warnings"],"sources":["compute-results.ts"],"sourcesContent":["import { BundlerResult } from '@teambit/bundler';\nimport { ReactAppBuildResult } from './react-build-result';\n\ntype resultsOptions = {\n  publicDir: string;\n};\nexport async function computeResults(\n  results: BundlerResult[],\n  { publicDir }: resultsOptions\n): Promise<ReactAppBuildResult> {\n  const result = results[0];\n\n  return {\n    publicDir,\n    errors: result.errors,\n    warnings: result.warnings,\n  };\n}\n"],"mappings":";;;;;;;;;AAMO,eAAeA,cAAf,CACLC,OADK,EAEL;EAAEC;AAAF,CAFK,EAGyB;EAC9B,MAAMC,MAAM,GAAGF,OAAO,CAAC,CAAD,CAAtB;EAEA,OAAO;IACLC,SADK;IAELE,MAAM,EAAED,MAAM,CAACC,MAFV;IAGLC,QAAQ,EAAEF,MAAM,CAACE;EAHZ,CAAP;AAKD"}
+{"version":3,"names":["computeResults","results","publicDir","ssrPublicDir","result","errors","warnings"],"sources":["compute-results.ts"],"sourcesContent":["import { BundlerResult } from '@teambit/bundler';\nimport { ReactAppBuildResult } from './react-build-result';\n\ntype resultsOptions = {\n  publicDir: string;\n  ssrPublicDir?: string;\n};\nexport async function computeResults(\n  results: BundlerResult[],\n  { publicDir, ssrPublicDir }: resultsOptions\n): Promise<ReactAppBuildResult> {\n  const result = results[0];\n\n  return {\n    publicDir,\n    ssrPublicDir,\n    errors: result.errors,\n    warnings: result.warnings,\n  };\n}\n"],"mappings":";;;;;;;;;AAOO,eAAeA,cAAf,CACLC,OADK,EAEL;EAAEC,SAAF;EAAaC;AAAb,CAFK,EAGyB;EAC9B,MAAMC,MAAM,GAAGH,OAAO,CAAC,CAAD,CAAtB;EAEA,OAAO;IACLC,SADK;IAELC,YAFK;IAGLE,MAAM,EAAED,MAAM,CAACC,MAHV;IAILC,QAAQ,EAAEF,MAAM,CAACE;EAJZ,CAAP;AAMD"}

package/dist/apps/web/react-app-options.d.ts

@@ -61,7 +61,7 @@ export declare type ReactAppOptions = {
     /**
      * path to entry files of the application.
      */
-    entry: string[] | (() => Promise<string[]>);
+    entry: string[] | ((path?: string) => Promise<string[]>);
     /**
      * path to server-rendered entrypoint of the app
      */
@@ -70,6 +70,10 @@ export declare type ReactAppOptions = {
      * instance of bundler to use. default is Webpack.
      */
     bundler?: Bundler;
+    /**
+     * instance of serverside bundler to use. default is Webpack.
+     */
+    ssrBundler?: Bundler;
     /**
      * instance of dev server to use. default is Webpack.
      */

package/dist/apps/web/react-app-options.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["react-app-options.ts"],"sourcesContent":["import { Bundler, DevServer } from '@teambit/bundler';\nimport { WebpackConfigTransformer } from '@teambit/webpack';\n\nimport { ReactDeployContext } from './deploy-context';\n\ntype prerenderedRoute = {\n  /** The prerendered route, after following redirects */\n  route: string;\n  /** The original route passed, before redirects */\n  originalRoute: string;\n  /** The resulting HTML for the route */\n  html: string;\n  /**\n   * The path to write the rendered HTML to.\n   * This is null (automatically calculated after postProcess)\n   * unless explicitly set. */\n  outputPath?: string | null;\n};\n\n/** https://github.com/Tofandel/prerender-spa-plugin-next */\nexport type ReactAppPrerenderOptions = {\n  /**\n   * sub folder to output the prerender, inside the webpack output folder\n   * @default '/'\n   */\n  staticDir?: string;\n\n  /** The index file to fall back on for SPAs. */\n  indexPath?: string;\n\n  /**\n   * routes to prerender\n   */\n  routes: string[];\n\n  /**\n   * the proxy server you want the prerender headless browser to run on\n   */\n  server?: {\n    proxy: {\n      [key: string]: {\n        /** required by HPM.\n         * @default 'http://localhost:8000/' */\n        target: string;\n        pathRewrite: { [key: string]: string };\n      };\n    };\n  };\n\n  /**\n   * Post processing of the prerendered html. This is useful for adding meta tags to the html or changing the file name.\n   */\n  postProcess?: (prerenderRoute: prerenderedRoute) => prerenderedRoute;\n\n  /** The renderer you'd like to use to prerender the app.\n   * @default new require(\"@prerenderer/renderer-puppeteer\").\n   */\n  renderer?: any;\n\n  /** options to pass to the renderer class's constructor */\n  rendererOptions?: any;\n};\n\nexport type ReactAppOptions = {\n  /**\n   * name of the application.\n   */\n  name: string;\n\n  /**\n   * path to entry files of the application.\n   */\n  entry: string[] | (() => Promise<string[]>);\n\n  /**\n   * path to server-rendered entrypoint of the app\n   */\n  ssr?: string | (() => Promise<string>);\n\n  /**\n   * instance of bundler to use. default is Webpack.\n   */\n  bundler?: Bundler;\n\n  /**\n   * instance of dev server to use. default is Webpack.\n   */\n  devServer?: DevServer;\n\n  /**\n   * set webpack transformers\n   */\n  webpackTransformers?: WebpackConfigTransformer[];\n\n  /**\n   * decide whether to prerender your app. accepts an array of routes. if none, prerender would not apply.\n   *  e.g ['/plugins', '/learn', '/docs/quick-start]\n   * You can also pass a configuration for the proxy, please refer here: https://github.com/webpack/docs/wiki/webpack-dev-server#proxy\n   *\n   */\n  prerender?: ReactAppPrerenderOptions;\n\n  /**\n   * deploy function.\n   */\n  deploy?: (context: ReactDeployContext) => Promise<void>;\n\n  /**\n   * ranges of ports to use to run the app server.\n   */\n  portRange?: [start: number, end: number];\n\n  /**\n   * favicon for the app. You can pass an abs path (using require.resolve()) or a url.\n   */\n  favicon?: string;\n};\n"],"mappings":""}
+{"version":3,"names":[],"sources":["react-app-options.ts"],"sourcesContent":["import { Bundler, DevServer } from '@teambit/bundler';\nimport { WebpackConfigTransformer } from '@teambit/webpack';\n\nimport { ReactDeployContext } from './deploy-context';\n\ntype prerenderedRoute = {\n  /** The prerendered route, after following redirects */\n  route: string;\n  /** The original route passed, before redirects */\n  originalRoute: string;\n  /** The resulting HTML for the route */\n  html: string;\n  /**\n   * The path to write the rendered HTML to.\n   * This is null (automatically calculated after postProcess)\n   * unless explicitly set. */\n  outputPath?: string | null;\n};\n\n/** https://github.com/Tofandel/prerender-spa-plugin-next */\nexport type ReactAppPrerenderOptions = {\n  /**\n   * sub folder to output the prerender, inside the webpack output folder\n   * @default '/'\n   */\n  staticDir?: string;\n\n  /** The index file to fall back on for SPAs. */\n  indexPath?: string;\n\n  /**\n   * routes to prerender\n   */\n  routes: string[];\n\n  /**\n   * the proxy server you want the prerender headless browser to run on\n   */\n  server?: {\n    proxy: {\n      [key: string]: {\n        /** required by HPM.\n         * @default 'http://localhost:8000/' */\n        target: string;\n        pathRewrite: { [key: string]: string };\n      };\n    };\n  };\n\n  /**\n   * Post processing of the prerendered html. This is useful for adding meta tags to the html or changing the file name.\n   */\n  postProcess?: (prerenderRoute: prerenderedRoute) => prerenderedRoute;\n\n  /** The renderer you'd like to use to prerender the app.\n   * @default new require(\"@prerenderer/renderer-puppeteer\").\n   */\n  renderer?: any;\n\n  /** options to pass to the renderer class's constructor */\n  rendererOptions?: any;\n};\n\nexport type ReactAppOptions = {\n  /**\n   * name of the application.\n   */\n  name: string;\n\n  /**\n   * path to entry files of the application.\n   */\n  entry: string[] | ((path?: string) => Promise<string[]>);\n\n  /**\n   * path to server-rendered entrypoint of the app\n   */\n  ssr?: string | (() => Promise<string>);\n\n  /**\n   * instance of bundler to use. default is Webpack.\n   */\n  bundler?: Bundler;\n\n  /**\n   * instance of serverside bundler to use. default is Webpack.\n   */\n  ssrBundler?: Bundler;\n\n  /**\n   * instance of dev server to use. default is Webpack.\n   */\n  devServer?: DevServer;\n\n  /**\n   * set webpack transformers\n   */\n  webpackTransformers?: WebpackConfigTransformer[];\n\n  /**\n   * decide whether to prerender your app. accepts an array of routes. if none, prerender would not apply.\n   *  e.g ['/plugins', '/learn', '/docs/quick-start]\n   * You can also pass a configuration for the proxy, please refer here: https://github.com/webpack/docs/wiki/webpack-dev-server#proxy\n   *\n   */\n  prerender?: ReactAppPrerenderOptions;\n\n  /**\n   * deploy function.\n   */\n  deploy?: (context: ReactDeployContext) => Promise<void>;\n\n  /**\n   * ranges of ports to use to run the app server.\n   */\n  portRange?: [start: number, end: number];\n\n  /**\n   * favicon for the app. You can pass an abs path (using require.resolve()) or a url.\n   */\n  favicon?: string;\n};\n"],"mappings":""}

package/dist/apps/web/react-build-result.d.ts

@@ -5,4 +5,5 @@ export declare type ReactAppBuildResult = {
      * when using ssr, public dir is undefined.
      */
     publicDir?: string;
+    ssrPublicDir?: string;
 } & AppBuildResult;

package/dist/apps/web/react-build-result.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["react-build-result.ts"],"sourcesContent":["import { AppBuildResult } from '@teambit/application';\n\nexport type ReactAppBuildResult = {\n  /**\n   * the directory which includes the built application public assets.\n   * when using ssr, public dir is undefined.\n   */\n  publicDir?: string;\n} & AppBuildResult;\n"],"mappings":""}
+{"version":3,"names":[],"sources":["react-build-result.ts"],"sourcesContent":["import { AppBuildResult } from '@teambit/application';\n\nexport type ReactAppBuildResult = {\n  /**\n   * the directory which includes the built application public assets.\n   * when using ssr, public dir is undefined.\n   */\n  publicDir?: string;\n  ssrPublicDir?: string;\n} & AppBuildResult;\n"],"mappings":""}

package/dist/apps/web/react.app-type.js

@@ -23,7 +23,7 @@ class ReactAppType {
   }
 
   createApp(options) {
-    return new (_react().ReactApp)(options.name, options.entry, options.ssr, options.portRange || [3000, 4000], this.reactEnv, options.prerender, options.bundler, options.devServer, options.webpackTransformers, options.deploy, options.favicon, this.logger);
+    return new (_react().ReactApp)(options.name, options.entry, options.ssr, options.portRange || [3000, 4000], this.reactEnv, options.prerender, options.bundler, options.ssrBundler, options.devServer, options.webpackTransformers, options.deploy, options.favicon, this.logger);
   }
 
 }

package/dist/apps/web/react.app-type.js.map

@@ -1 +1 @@
-{"version":3,"names":["ReactAppType","constructor","name","reactEnv","logger","createApp","options","ReactApp","entry","ssr","portRange","prerender","bundler","devServer","webpackTransformers","deploy","favicon"],"sources":["react.app-type.ts"],"sourcesContent":["import { ApplicationType } from '@teambit/application';\nimport type { Logger } from '@teambit/logger';\nimport { ReactAppOptions } from './react-app-options';\nimport { ReactApp } from './react.application';\nimport { ReactEnv } from '../../react.env';\n\nexport class ReactAppType implements ApplicationType<ReactAppOptions> {\n  constructor(readonly name: string, private reactEnv: ReactEnv, private logger?: Logger) {}\n\n  createApp(options: ReactAppOptions) {\n    return new ReactApp(\n      options.name,\n      options.entry,\n      options.ssr,\n      options.portRange || [3000, 4000],\n      this.reactEnv,\n      options.prerender,\n      options.bundler,\n      options.devServer,\n      options.webpackTransformers,\n      options.deploy,\n      options.favicon,\n      this.logger\n    );\n  }\n}\n"],"mappings":";;;;;;;AAGA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAGO,MAAMA,YAAN,CAA+D;EACpEC,WAAW,CAAUC,IAAV,EAAgCC,QAAhC,EAA4DC,MAA5D,EAA6E;IAAA,KAAnEF,IAAmE,GAAnEA,IAAmE;IAAA,KAA7CC,QAA6C,GAA7CA,QAA6C;IAAA,KAAjBC,MAAiB,GAAjBA,MAAiB;EAAE;;EAE1FC,SAAS,CAACC,OAAD,EAA2B;IAClC,OAAO,KAAIC,iBAAJ,EACLD,OAAO,CAACJ,IADH,EAELI,OAAO,CAACE,KAFH,EAGLF,OAAO,CAACG,GAHH,EAILH,OAAO,CAACI,SAAR,IAAqB,CAAC,IAAD,EAAO,IAAP,CAJhB,EAKL,KAAKP,QALA,EAMLG,OAAO,CAACK,SANH,EAOLL,OAAO,CAACM,OAPH,EAQLN,OAAO,CAACO,SARH,EASLP,OAAO,CAACQ,mBATH,EAULR,OAAO,CAACS,MAVH,EAWLT,OAAO,CAACU,OAXH,EAYL,KAAKZ,MAZA,CAAP;EAcD;;AAlBmE"}
+{"version":3,"names":["ReactAppType","constructor","name","reactEnv","logger","createApp","options","ReactApp","entry","ssr","portRange","prerender","bundler","ssrBundler","devServer","webpackTransformers","deploy","favicon"],"sources":["react.app-type.ts"],"sourcesContent":["import { ApplicationType } from '@teambit/application';\nimport type { Logger } from '@teambit/logger';\nimport { ReactAppOptions } from './react-app-options';\nimport { ReactApp } from './react.application';\nimport { ReactEnv } from '../../react.env';\n\nexport class ReactAppType implements ApplicationType<ReactAppOptions> {\n  constructor(readonly name: string, private reactEnv: ReactEnv, private logger?: Logger) {}\n\n  createApp(options: ReactAppOptions) {\n    return new ReactApp(\n      options.name,\n      options.entry,\n      options.ssr,\n      options.portRange || [3000, 4000],\n      this.reactEnv,\n      options.prerender,\n      options.bundler,\n      options.ssrBundler,\n      options.devServer,\n      options.webpackTransformers,\n      options.deploy,\n      options.favicon,\n      this.logger\n    );\n  }\n}\n"],"mappings":";;;;;;;AAGA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAGO,MAAMA,YAAN,CAA+D;EACpEC,WAAW,CAAUC,IAAV,EAAgCC,QAAhC,EAA4DC,MAA5D,EAA6E;IAAA,KAAnEF,IAAmE,GAAnEA,IAAmE;IAAA,KAA7CC,QAA6C,GAA7CA,QAA6C;IAAA,KAAjBC,MAAiB,GAAjBA,MAAiB;EAAE;;EAE1FC,SAAS,CAACC,OAAD,EAA2B;IAClC,OAAO,KAAIC,iBAAJ,EACLD,OAAO,CAACJ,IADH,EAELI,OAAO,CAACE,KAFH,EAGLF,OAAO,CAACG,GAHH,EAILH,OAAO,CAACI,SAAR,IAAqB,CAAC,IAAD,EAAO,IAAP,CAJhB,EAKL,KAAKP,QALA,EAMLG,OAAO,CAACK,SANH,EAOLL,OAAO,CAACM,OAPH,EAQLN,OAAO,CAACO,UARH,EASLP,OAAO,CAACQ,SATH,EAULR,OAAO,CAACS,mBAVH,EAWLT,OAAO,CAACU,MAXH,EAYLV,OAAO,CAACW,OAZH,EAaL,KAAKb,MAbA,CAAP;EAeD;;AAnBmE"}

package/dist/apps/web/react.application.d.ts

@@ -8,30 +8,34 @@ import { ReactAppPrerenderOptions } from './react-app-options';
 import { ReactDeployContext } from '.';
 export declare class ReactApp implements Application {
     readonly name: string;
-    readonly entry: string[] | (() => Promise<string[]>);
+    readonly entry: string[] | ((path?: string) => Promise<string[]>);
     readonly ssr: string | (() => Promise<string>) | undefined;
     readonly portRange: [number, number];
     private reactEnv;
     readonly prerender?: ReactAppPrerenderOptions | undefined;
     readonly bundler?: Bundler | undefined;
+    readonly ssrBundler?: Bundler | undefined;
     readonly devServer?: DevServer | undefined;
     readonly transformers: WebpackConfigTransformer[];
     readonly deploy?: ((context: ReactDeployContext) => Promise<void>) | undefined;
     readonly favicon?: string | undefined;
     private logger?;
-    constructor(name: string, entry: string[] | (() => Promise<string[]>), ssr: string | (() => Promise<string>) | undefined, portRange: [number, number], reactEnv: ReactEnv, prerender?: ReactAppPrerenderOptions | undefined, bundler?: Bundler | undefined, devServer?: DevServer | undefined, transformers?: WebpackConfigTransformer[], deploy?: ((context: ReactDeployContext) => Promise<void>) | undefined, favicon?: string | undefined, logger?: Logger | undefined);
+    constructor(name: string, entry: string[] | ((path?: string) => Promise<string[]>), ssr: string | (() => Promise<string>) | undefined, portRange: [number, number], reactEnv: ReactEnv, prerender?: ReactAppPrerenderOptions | undefined, bundler?: Bundler | undefined, ssrBundler?: Bundler | undefined, devServer?: DevServer | undefined, transformers?: WebpackConfigTransformer[], deploy?: ((context: ReactDeployContext) => Promise<void>) | undefined, favicon?: string | undefined, logger?: Logger | undefined);
     readonly applicationType = "react-common-js";
     readonly dir = "public";
+    readonly ssrDir = "ssr";
     run(context: AppContext): Promise<number>;
     runSsr(context: AppContext): Promise<AppResult>;
     private buildClient;
     private buildSsr;
     build(context: AppBuildContext): Promise<ReactAppBuildResult>;
     private getBundler;
+    private getSsrBundler;
     private getDefaultBundler;
-    private getESBuildConfig;
+    private getDefaultSsrBundler;
+    private getBuildContext;
     private getPublicDir;
-    getEntries(): Promise<string[]>;
+    getEntries(path?: string): Promise<string[]>;
     getSsrEntries(): Promise<string[]>;
     private getDevServerContext;
     private getPeers;

package/dist/apps/web/react.application.js

@@ -42,7 +42,7 @@ function _toolboxNetwork() {
 }
 
 function _lodash() {
-  const data = require("lodash");
+  const data = _interopRequireDefault(require("lodash.compact"));
 
   _lodash = function () {
     return data;
@@ -51,16 +51,6 @@ function _lodash() {
   return data;
 }
 
-function _terserWebpackPlugin() {
-  const data = _interopRequireDefault(require("terser-webpack-plugin"));
-
-  _terserWebpackPlugin = function () {
-    return data;
-  };
-
-  return data;
-}
-
 function _bitError() {
   const data = require("@teambit/bit-error");
 
@@ -136,7 +126,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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 ReactApp {
-  constructor(name, entry, ssr, portRange, reactEnv, prerender, bundler, devServer, transformers = [], deploy, favicon, logger) {
+  constructor(name, entry, ssr, portRange, reactEnv, prerender, bundler, ssrBundler, devServer, transformers = [], deploy, favicon, logger) {
     this.name = name;
     this.entry = entry;
     this.ssr = ssr;
@@ -144,6 +134,7 @@ class ReactApp {
     this.reactEnv = reactEnv;
     this.prerender = prerender;
     this.bundler = bundler;
+    this.ssrBundler = ssrBundler;
     this.devServer = devServer;
     this.transformers = transformers;
     this.deploy = deploy;
@@ -151,58 +142,7 @@ class ReactApp {
     this.logger = logger;
     (0, _defineProperty2().default)(this, "applicationType", 'react-common-js');
     (0, _defineProperty2().default)(this, "dir", 'public');
-    (0, _defineProperty2().default)(this, "getESBuildConfig", (isPrerendering = this.prerender) => {
-      // We don't want to use esbuild in case of prerendering since the headless browser puppeteer doesn't support
-      // the output of esbuild
-      if (isPrerendering) {
-        return new (_terserWebpackPlugin().default)({
-          extractComments: false,
-          terserOptions: {
-            parse: {
-              // We want terser to parse ecma 8 code. However, we don't want it
-              // to apply any minification steps that turns valid ecma 5 code
-              // into invalid ecma 5 code. This is why the 'compress' and 'output'
-              // sections only apply transformations that are ecma 5 safe
-              // https://github.com/facebook/create-react-app/pull/4234
-              ecma: 8
-            },
-            compress: {
-              ecma: 5,
-              warnings: false,
-              // Disabled because of an issue with Uglify breaking seemingly valid code:
-              // https://github.com/facebook/create-react-app/issues/2376
-              // Pending further investigation:
-              // https://github.com/mishoo/UglifyJS2/issues/2011
-              comparisons: false,
-              // Disabled because of an issue with Terser breaking valid code:
-              // https://github.com/facebook/create-react-app/issues/5250
-              // Pending further investigation:
-              // https://github.com/terser-js/terser/issues/120
-              inline: 2
-            },
-            mangle: {
-              safari10: true
-            },
-            output: {
-              ecma: 5,
-              comments: false,
-              // Turned on because emoji and regex is not minified properly using default
-              // https://github.com/facebook/create-react-app/issues/2488
-              ascii_only: true
-            }
-          }
-        });
-      }
-
-      return new (_terserWebpackPlugin().default)({
-        minify: _terserWebpackPlugin().default.esbuildMinify,
-        // `terserOptions` options will be passed to `esbuild`
-        // Link to options - https://esbuild.github.io/api/#minify
-        terserOptions: {
-          minify: true
-        }
-      });
-    });
+    (0, _defineProperty2().default)(this, "ssrDir", 'ssr');
   }
 
   async run(context) {
@@ -312,8 +252,15 @@ class ReactApp {
     });
     const bundler = await this.getBundler(context);
     const bundleResult = await bundler.run();
+
+    if (this.ssr) {
+      const bunlder = await this.getSsrBundler(context);
+      await bunlder.run();
+    }
+
     return (0, _computeResults().computeResults)(bundleResult, {
-      publicDir: `${this.getPublicDir(context.artifactsDir)}/${this.dir}`
+      publicDir: `${this.getPublicDir(context.artifactsDir)}/${this.dir}`,
+      ssrPublicDir: this.ssr ? `${this.getPublicDir(context.artifactsDir)}/${this.ssrDir}` : undefined
     });
   }
 
@@ -322,19 +269,64 @@ class ReactApp {
     return this.getDefaultBundler(context);
   }
 
+  getSsrBundler(context) {
+    if (this.ssrBundler) return this.ssrBundler;
+    return this.getDefaultSsrBundler(context);
+  }
+
   async getDefaultBundler(context) {
     const {
       capsule
     } = context;
+    const publicDir = this.getPublicDir(context.artifactsDir);
+    const outputPath = (0, _path().join)(capsule.path, publicDir);
+    const bundlerContext = await this.getBuildContext(context, {
+      outputPath
+    });
+    const transformers = (0, _lodash().default)([configMutator => configMutator.merge((0, _webpackAppSsr().buildConfig)({
+      outputPath: (0, _path().join)(outputPath, this.dir)
+    })), config => {
+      if (this.prerender) config.addPlugin((0, _plugins().prerenderPlugin)(this.prerender));
+      return config;
+    }, (0, _mutators().replaceTerserPlugin)({
+      prerender: !!this.prerender
+    }), ...this.transformers]);
     const reactEnv = context.env;
+    const bundler = await reactEnv.getBundler(bundlerContext, transformers);
+    return bundler;
+  }
+
+  async getDefaultSsrBundler(context) {
+    const {
+      capsule
+    } = context;
     const publicDir = this.getPublicDir(context.artifactsDir);
     const outputPath = (0, _path().join)(capsule.path, publicDir);
+    const bundlerContext = await this.getBuildContext(context, {
+      outputPath
+    });
+    const transformers = (0, _lodash().default)([configMutator => configMutator.merge((0, _webpackAppSsr().ssrBuildConfig)({
+      outputPath: (0, _path().join)(outputPath, this.ssrDir)
+    })), (0, _mutators().replaceTerserPlugin)({
+      prerender: !!this.prerender
+    }), ...this.transformers]);
+    const reactEnv = context.env;
+    const bundler = await reactEnv.getBundler(bundlerContext, transformers);
+    return bundler;
+  }
+
+  async getBuildContext(context, {
+    outputPath
+  }) {
+    const {
+      capsule
+    } = context;
+    const reactEnv = context.env;
     const {
       distDir
     } = reactEnv.getCompiler();
-    const targetEntries = Array.isArray(this.entry) ? this.entry : await this.entry();
+    const targetEntries = await this.getEntries(`${capsule.path}/${distDir}`);
     const entries = targetEntries.map(entry => require.resolve(`${capsule.path}/${distDir}/${(0, _path().basename)(entry)}`));
-    const staticDir = (0, _path().join)(outputPath, this.dir);
     const bundlerContext = Object.assign(context, {
       targets: [{
         components: [capsule === null || capsule === void 0 ? void 0 : capsule.component],
@@ -351,41 +343,16 @@ class ReactApp {
         envId: context.id
       }
     });
-
-    const defaultTransformer = configMutator => {
-      var _config$raw$optimizat;
-
-      const config = configMutator.addTopLevel('output', {
-        path: staticDir,
-        publicPath: `/`,
-        filename: '[name].[chunkhash].js'
-      });
-      if (this.prerender) config.addPlugin((0, _plugins().prerenderPlugin)(this.prerender));
-
-      if ((_config$raw$optimizat = config.raw.optimization) !== null && _config$raw$optimizat !== void 0 && _config$raw$optimizat.minimizer) {
-        var _config$raw$optimizat2, _config$raw$optimizat3;
-
-        (0, _lodash().remove)((_config$raw$optimizat2 = config.raw.optimization) === null || _config$raw$optimizat2 === void 0 ? void 0 : _config$raw$optimizat2.minimizer, minimizer => {
-          return minimizer.constructor.name === 'TerserPlugin';
-        });
-        (_config$raw$optimizat3 = config.raw.optimization) === null || _config$raw$optimizat3 === void 0 ? void 0 : _config$raw$optimizat3.minimizer.push(this.getESBuildConfig());
-      }
-
-      return config;
-    };
-
-    const transformers = [defaultTransformer, ...this.transformers];
-    const bundler = await reactEnv.getBundler(bundlerContext, transformers);
-    return bundler;
+    return bundlerContext;
   }
 
   getPublicDir(artifactsDir) {
     return (0, _path().join)(artifactsDir, this.applicationType, this.name);
   }
 
-  async getEntries() {
+  async getEntries(path) {
     if (Array.isArray(this.entry)) return this.entry;
-    return this.entry();
+    return this.entry(path);
   }
 
   async getSsrEntries() {

package/dist/apps/web/react.application.js.map

@@ -1 +1 @@
-{"version":3,"names":["ReactApp","constructor","name","entry","ssr","portRange","reactEnv","prerender","bundler","devServer","transformers","deploy","favicon","logger","isPrerendering","TerserPlugin","extractComments","terserOptions","parse","ecma","compress","warnings","comparisons","inline","mangle","safari10","output","comments","ascii_only","minify","esbuildMinify","run","context","from","to","port","Port","getPort","listen","devServerContext","getDevServerContext","getDevServer","addDevServer","setOutput","runSsr","clientBundle","buildClient","errors","length","info","serverBundle","buildSsr","app","loadSsrApp","workdir","appName","expressApp","createExpressSsr","assets","parseAssets","htmlConfig","title","templateContent","html","ctx","Object","assign","create","targets","entries","getEntries","components","appComponent","outputPath","resolve","calcOutputPath","hostDependencies","getPeers","aliasHostDependencies","capsuleNetwork","undefined","previousTasksResults","getBundler","config","merge","clientConfig","bundleResult","getSsrEntries","ssrConfig","build","computeResults","publicDir","getPublicDir","artifactsDir","dir","getDefaultBundler","capsule","env","join","path","distDir","getCompiler","targetEntries","Array","isArray","map","require","basename","staticDir","bundlerContext","component","hostRootDir","rootPath","metaData","initiator","envId","id","defaultTransformer","configMutator","addTopLevel","publicPath","filename","addPlugin","prerenderPlugin","raw","optimization","minimizer","remove","push","getESBuildConfig","applicationType","BitError","getPeerDependenciesList"],"sources":["react.application.ts"],"sourcesContent":["import { join, resolve, basename } from 'path';\nimport { Application, AppContext, AppBuildContext, AppResult } from '@teambit/application';\nimport type { Bundler, DevServer, BundlerContext, DevServerContext, BundlerHtmlConfig } from '@teambit/bundler';\nimport { Port } from '@teambit/toolbox.network.get-port';\nimport type { Logger } from '@teambit/logger';\nimport { remove } from 'lodash';\nimport TerserPlugin from 'terser-webpack-plugin';\nimport { WebpackConfigTransformer } from '@teambit/webpack';\nimport { BitError } from '@teambit/bit-error';\nimport { ReactEnv } from '../../react.env';\nimport { prerenderPlugin } from './plugins';\nimport { ReactAppBuildResult } from './react-build-result';\nimport { ReactAppPrerenderOptions } from './react-app-options';\nimport { html } from '../../webpack';\nimport { ReactDeployContext } from '.';\nimport { computeResults } from './compute-results';\nimport { clientConfig, ssrConfig, calcOutputPath } from './webpack/webpack.app.ssr.config';\nimport { addDevServer, setOutput } from './webpack/mutators';\nimport { createExpressSsr, loadSsrApp, parseAssets } from './ssr/ssr-express';\n\nexport class ReactApp implements Application {\n  constructor(\n    readonly name: string,\n    readonly entry: string[] | (() => Promise<string[]>),\n    readonly ssr: string | (() => Promise<string>) | undefined,\n    readonly portRange: [number, number],\n    private reactEnv: ReactEnv,\n    readonly prerender?: ReactAppPrerenderOptions,\n    readonly bundler?: Bundler,\n    readonly devServer?: DevServer,\n    readonly transformers: WebpackConfigTransformer[] = [],\n    readonly deploy?: (context: ReactDeployContext) => Promise<void>,\n    readonly favicon?: string,\n    private logger?: Logger\n  ) {}\n  readonly applicationType = 'react-common-js';\n  readonly dir = 'public';\n\n  async run(context: AppContext): Promise<number> {\n    const [from, to] = this.portRange;\n    const port = await Port.getPort(from, to);\n\n    if (this.devServer) {\n      await this.devServer.listen(port);\n      return port;\n    }\n\n    const devServerContext = await this.getDevServerContext(context);\n    const devServer = this.reactEnv.getDevServer(devServerContext, [addDevServer, setOutput, ...this.transformers]);\n    await devServer.listen(port);\n    return port;\n  }\n\n  async runSsr(context: AppContext): Promise<AppResult> {\n    const [from, to] = this.portRange;\n    const port = await Port.getPort(from, to);\n\n    // bundle client\n    const clientBundle = await this.buildClient(context);\n    if (clientBundle.errors.length > 0) return { errors: clientBundle.errors };\n    this.logger?.info('[react.application] [ssr] client bundle - complete');\n\n    // bundle server\n    const serverBundle = await this.buildSsr(context);\n    if (serverBundle.errors.length > 0) return { errors: serverBundle.errors };\n    this.logger?.info('[react.application] [ssr] server bundle - complete');\n\n    // load server-side runtime\n    const app = await loadSsrApp(context.workdir, context.appName);\n    this.logger?.info('[react.application] [ssr] bundle code - loaded');\n\n    const expressApp = createExpressSsr({\n      name: context.appName,\n      workdir: context.workdir,\n      port,\n      app,\n      assets: parseAssets(clientBundle.assets),\n      logger: this.logger,\n    });\n\n    expressApp.listen(port);\n    return { port };\n  }\n\n  private async buildClient(context: AppContext) {\n    const htmlConfig: BundlerHtmlConfig[] = [\n      {\n        title: context.appName,\n        templateContent: html(context.appName),\n        minify: false,\n        favicon: this.favicon,\n      },\n    ];\n\n    // extend, including prototype methods\n    const ctx: BundlerContext = Object.assign(Object.create(context), {\n      html: htmlConfig,\n      targets: [\n        {\n          entries: await this.getEntries(),\n          components: [context.appComponent],\n          outputPath: resolve(context.workdir, calcOutputPath(context.appName, 'browser')),\n          hostDependencies: await this.getPeers(),\n          aliasHostDependencies: true,\n        },\n      ],\n\n      // @ts-ignore\n      capsuleNetwork: undefined,\n      previousTasksResults: [],\n    });\n\n    const bundler = await this.reactEnv.getBundler(ctx, [\n      (config) => config.merge([clientConfig()]),\n      ...this.transformers,\n    ]);\n\n    const bundleResult = await bundler.run();\n    return bundleResult[0];\n  }\n\n  private async buildSsr(context: AppContext) {\n    // extend, including prototype methods\n    const ctx: BundlerContext = Object.assign(Object.create(context), {\n      ...context,\n      targets: [\n        {\n          entries: await this.getSsrEntries(),\n          components: [context.appComponent],\n          outputPath: resolve(context.workdir, calcOutputPath(context.appName, 'ssr')),\n          hostDependencies: await this.getPeers(),\n          aliasHostDependencies: true,\n        },\n      ],\n\n      // @ts-ignore\n      capsuleNetwork: undefined,\n      previousTasksResults: [],\n    });\n\n    const bundler = await this.reactEnv.getBundler(ctx, [\n      (config) => config.merge([ssrConfig()]),\n      ...this.transformers,\n    ]);\n\n    const bundleResult = await bundler.run();\n    return bundleResult[0];\n  }\n\n  async build(context: AppBuildContext): Promise<ReactAppBuildResult> {\n    const htmlConfig: BundlerHtmlConfig[] = [\n      {\n        title: context.name,\n        templateContent: html(context.name),\n        minify: false,\n        favicon: this.favicon,\n        // filename: ''.html`,\n      },\n    ];\n    Object.assign(context, {\n      html: htmlConfig,\n    });\n    const bundler = await this.getBundler(context);\n    const bundleResult = await bundler.run();\n\n    return computeResults(bundleResult, { publicDir: `${this.getPublicDir(context.artifactsDir)}/${this.dir}` });\n  }\n\n  private getBundler(context: AppBuildContext) {\n    if (this.bundler) return this.bundler;\n    return this.getDefaultBundler(context);\n  }\n  private async getDefaultBundler(context: AppBuildContext) {\n    const { capsule } = context;\n    const reactEnv: ReactEnv = context.env as ReactEnv;\n    const publicDir = this.getPublicDir(context.artifactsDir);\n    const outputPath = join(capsule.path, publicDir);\n    const { distDir } = reactEnv.getCompiler();\n    const targetEntries = Array.isArray(this.entry) ? this.entry : await this.entry();\n    const entries = targetEntries.map((entry) => require.resolve(`${capsule.path}/${distDir}/${basename(entry)}`));\n    const staticDir = join(outputPath, this.dir);\n\n    const bundlerContext: BundlerContext = Object.assign(context, {\n      targets: [\n        {\n          components: [capsule?.component],\n          entries,\n          outputPath,\n          hostRootDir: capsule?.path,\n          hostDependencies: await this.getPeers(),\n          aliasHostDependencies: true,\n        },\n      ],\n      entry: [],\n      rootPath: '/',\n      metaData: {\n        initiator: `building app: ${context.name}`,\n        envId: context.id,\n      },\n    });\n\n    const defaultTransformer: WebpackConfigTransformer = (configMutator) => {\n      const config = configMutator.addTopLevel('output', {\n        path: staticDir,\n        publicPath: `/`,\n        filename: '[name].[chunkhash].js',\n      });\n      if (this.prerender) config.addPlugin(prerenderPlugin(this.prerender));\n      if (config.raw.optimization?.minimizer) {\n        remove(config.raw.optimization?.minimizer, (minimizer) => {\n          return minimizer.constructor.name === 'TerserPlugin';\n        });\n\n        config.raw.optimization?.minimizer.push(this.getESBuildConfig());\n      }\n\n      return config;\n    };\n    const transformers = [defaultTransformer, ...this.transformers];\n    const bundler: Bundler = await reactEnv.getBundler(bundlerContext, transformers);\n    return bundler;\n  }\n  private getESBuildConfig = (isPrerendering = this.prerender) => {\n    // We don't want to use esbuild in case of prerendering since the headless browser puppeteer doesn't support\n    // the output of esbuild\n\n    if (isPrerendering) {\n      return new TerserPlugin({\n        extractComments: false,\n        terserOptions: {\n          parse: {\n            // We want terser to parse ecma 8 code. However, we don't want it\n            // to apply any minification steps that turns valid ecma 5 code\n            // into invalid ecma 5 code. This is why the 'compress' and 'output'\n            // sections only apply transformations that are ecma 5 safe\n            // https://github.com/facebook/create-react-app/pull/4234\n            ecma: 8,\n          },\n          compress: {\n            ecma: 5,\n            warnings: false,\n            // Disabled because of an issue with Uglify breaking seemingly valid code:\n            // https://github.com/facebook/create-react-app/issues/2376\n            // Pending further investigation:\n            // https://github.com/mishoo/UglifyJS2/issues/2011\n            comparisons: false,\n            // Disabled because of an issue with Terser breaking valid code:\n            // https://github.com/facebook/create-react-app/issues/5250\n            // Pending further investigation:\n            // https://github.com/terser-js/terser/issues/120\n            inline: 2,\n          },\n          mangle: {\n            safari10: true,\n          },\n          output: {\n            ecma: 5,\n            comments: false,\n            // Turned on because emoji and regex is not minified properly using default\n            // https://github.com/facebook/create-react-app/issues/2488\n            ascii_only: true,\n          },\n        },\n      });\n    }\n    return new TerserPlugin({\n      minify: TerserPlugin.esbuildMinify,\n      // `terserOptions` options will be passed to `esbuild`\n      // Link to options - https://esbuild.github.io/api/#minify\n      terserOptions: {\n        minify: true,\n      },\n    });\n  };\n\n  private getPublicDir(artifactsDir: string) {\n    return join(artifactsDir, this.applicationType, this.name);\n  }\n\n  async getEntries(): Promise<string[]> {\n    if (Array.isArray(this.entry)) return this.entry;\n    return this.entry();\n  }\n\n  async getSsrEntries(): Promise<string[]> {\n    if (!this.ssr) throw new BitError('tried to build ssr without ssr entries');\n    if (typeof this.ssr === 'string') return [this.ssr];\n    return [await this.ssr()];\n  }\n\n  private async getDevServerContext(context: AppContext): Promise<DevServerContext> {\n    const entries = await this.getEntries();\n    return Object.assign(context, {\n      entry: entries,\n      rootPath: '',\n      publicPath: `public/${this.name}`,\n      title: this.name,\n      favicon: this.favicon,\n      hostDependencies: await this.getPeers(),\n      aliasHostDependencies: true,\n    });\n  }\n\n  private getPeers(): Promise<string[]> {\n    return this.reactEnv.getPeerDependenciesList();\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["ReactApp","constructor","name","entry","ssr","portRange","reactEnv","prerender","bundler","ssrBundler","devServer","transformers","deploy","favicon","logger","run","context","from","to","port","Port","getPort","listen","devServerContext","getDevServerContext","getDevServer","addDevServer","setOutput","runSsr","clientBundle","buildClient","errors","length","info","serverBundle","buildSsr","app","loadSsrApp","workdir","appName","expressApp","createExpressSsr","assets","parseAssets","htmlConfig","title","templateContent","html","minify","ctx","Object","assign","create","targets","entries","getEntries","components","appComponent","outputPath","resolve","calcOutputPath","hostDependencies","getPeers","aliasHostDependencies","capsuleNetwork","undefined","previousTasksResults","getBundler","config","merge","clientConfig","bundleResult","getSsrEntries","ssrConfig","build","bunlder","getSsrBundler","computeResults","publicDir","getPublicDir","artifactsDir","dir","ssrPublicDir","ssrDir","getDefaultBundler","getDefaultSsrBundler","capsule","join","path","bundlerContext","getBuildContext","compact","configMutator","buildConfig","addPlugin","prerenderPlugin","replaceTerserPlugin","env","ssrBuildConfig","distDir","getCompiler","targetEntries","map","require","basename","component","hostRootDir","rootPath","metaData","initiator","envId","id","applicationType","Array","isArray","BitError","publicPath","getPeerDependenciesList"],"sources":["react.application.ts"],"sourcesContent":["import { join, resolve, basename } from 'path';\nimport { Application, AppContext, AppBuildContext, AppResult } from '@teambit/application';\nimport type { Bundler, DevServer, BundlerContext, DevServerContext, BundlerHtmlConfig } from '@teambit/bundler';\nimport { Port } from '@teambit/toolbox.network.get-port';\nimport type { Logger } from '@teambit/logger';\nimport compact from 'lodash.compact';\nimport { WebpackConfigTransformer } from '@teambit/webpack';\nimport { BitError } from '@teambit/bit-error';\nimport { ReactEnv } from '../../react.env';\nimport { prerenderPlugin } from './plugins';\nimport { ReactAppBuildResult } from './react-build-result';\nimport { ReactAppPrerenderOptions } from './react-app-options';\nimport { html } from '../../webpack';\nimport { ReactDeployContext } from '.';\nimport { computeResults } from './compute-results';\nimport { clientConfig, ssrConfig, calcOutputPath, ssrBuildConfig, buildConfig } from './webpack/webpack.app.ssr.config';\nimport { addDevServer, setOutput, replaceTerserPlugin } from './webpack/mutators';\nimport { createExpressSsr, loadSsrApp, parseAssets } from './ssr/ssr-express';\n\nexport class ReactApp implements Application {\n  constructor(\n    readonly name: string,\n    readonly entry: string[] | ((path?: string) => Promise<string[]>),\n    readonly ssr: string | (() => Promise<string>) | undefined,\n    readonly portRange: [number, number],\n    private reactEnv: ReactEnv,\n    readonly prerender?: ReactAppPrerenderOptions,\n    readonly bundler?: Bundler,\n    readonly ssrBundler?: Bundler,\n    readonly devServer?: DevServer,\n    readonly transformers: WebpackConfigTransformer[] = [],\n    readonly deploy?: (context: ReactDeployContext) => Promise<void>,\n    readonly favicon?: string,\n    private logger?: Logger\n  ) {}\n  readonly applicationType = 'react-common-js';\n  readonly dir = 'public';\n  readonly ssrDir = 'ssr';\n\n  async run(context: AppContext): Promise<number> {\n    const [from, to] = this.portRange;\n    const port = await Port.getPort(from, to);\n\n    if (this.devServer) {\n      await this.devServer.listen(port);\n      return port;\n    }\n\n    const devServerContext = await this.getDevServerContext(context);\n    const devServer = this.reactEnv.getDevServer(devServerContext, [addDevServer, setOutput, ...this.transformers]);\n    await devServer.listen(port);\n    return port;\n  }\n\n  async runSsr(context: AppContext): Promise<AppResult> {\n    const [from, to] = this.portRange;\n    const port = await Port.getPort(from, to);\n\n    // bundle client\n    const clientBundle = await this.buildClient(context);\n    if (clientBundle.errors.length > 0) return { errors: clientBundle.errors };\n    this.logger?.info('[react.application] [ssr] client bundle - complete');\n\n    // bundle server\n    const serverBundle = await this.buildSsr(context);\n    if (serverBundle.errors.length > 0) return { errors: serverBundle.errors };\n    this.logger?.info('[react.application] [ssr] server bundle - complete');\n\n    // load server-side runtime\n    const app = await loadSsrApp(context.workdir, context.appName);\n    this.logger?.info('[react.application] [ssr] bundle code - loaded');\n\n    const expressApp = createExpressSsr({\n      name: context.appName,\n      workdir: context.workdir,\n      port,\n      app,\n      assets: parseAssets(clientBundle.assets),\n      logger: this.logger,\n    });\n\n    expressApp.listen(port);\n    return { port };\n  }\n\n  private async buildClient(context: AppContext) {\n    const htmlConfig: BundlerHtmlConfig[] = [\n      {\n        title: context.appName,\n        templateContent: html(context.appName),\n        minify: false,\n        favicon: this.favicon,\n      },\n    ];\n\n    // extend, including prototype methods\n    const ctx: BundlerContext = Object.assign(Object.create(context), {\n      html: htmlConfig,\n      targets: [\n        {\n          entries: await this.getEntries(),\n          components: [context.appComponent],\n          outputPath: resolve(context.workdir, calcOutputPath(context.appName, 'browser')),\n          hostDependencies: await this.getPeers(),\n          aliasHostDependencies: true,\n        },\n      ],\n\n      // @ts-ignore\n      capsuleNetwork: undefined,\n      previousTasksResults: [],\n    });\n\n    const bundler = await this.reactEnv.getBundler(ctx, [\n      (config) => config.merge([clientConfig()]),\n      ...this.transformers,\n    ]);\n\n    const bundleResult = await bundler.run();\n    return bundleResult[0];\n  }\n\n  private async buildSsr(context: AppContext) {\n    // extend, including prototype methods\n    const ctx: BundlerContext = Object.assign(Object.create(context), {\n      ...context,\n      targets: [\n        {\n          entries: await this.getSsrEntries(),\n          components: [context.appComponent],\n          outputPath: resolve(context.workdir, calcOutputPath(context.appName, 'ssr')),\n          hostDependencies: await this.getPeers(),\n          aliasHostDependencies: true,\n        },\n      ],\n\n      // @ts-ignore\n      capsuleNetwork: undefined,\n      previousTasksResults: [],\n    });\n\n    const bundler = await this.reactEnv.getBundler(ctx, [\n      (config) => config.merge([ssrConfig()]),\n      ...this.transformers,\n    ]);\n\n    const bundleResult = await bundler.run();\n    return bundleResult[0];\n  }\n\n  async build(context: AppBuildContext): Promise<ReactAppBuildResult> {\n    const htmlConfig: BundlerHtmlConfig[] = [\n      {\n        title: context.name,\n        templateContent: html(context.name),\n        minify: false,\n        favicon: this.favicon,\n        // filename: ''.html`,\n      },\n    ];\n    Object.assign(context, {\n      html: htmlConfig,\n    });\n    const bundler = await this.getBundler(context);\n    const bundleResult = await bundler.run();\n\n    if (this.ssr) {\n      const bunlder = await this.getSsrBundler(context);\n      await bunlder.run();\n    }\n\n    return computeResults(bundleResult, {\n      publicDir: `${this.getPublicDir(context.artifactsDir)}/${this.dir}`,\n      ssrPublicDir: this.ssr ? `${this.getPublicDir(context.artifactsDir)}/${this.ssrDir}` : undefined,\n    });\n  }\n\n  private getBundler(context: AppBuildContext) {\n    if (this.bundler) return this.bundler;\n    return this.getDefaultBundler(context);\n  }\n\n  private getSsrBundler(context: AppBuildContext) {\n    if (this.ssrBundler) return this.ssrBundler;\n    return this.getDefaultSsrBundler(context);\n  }\n\n  private async getDefaultBundler(context: AppBuildContext) {\n    const { capsule } = context;\n    const publicDir = this.getPublicDir(context.artifactsDir);\n    const outputPath = join(capsule.path, publicDir);\n\n    const bundlerContext = await this.getBuildContext(context, { outputPath });\n    const transformers: WebpackConfigTransformer[] = compact([\n      (configMutator) => configMutator.merge(buildConfig({ outputPath: join(outputPath, this.dir) })),\n      (config) => {\n        if (this.prerender) config.addPlugin(prerenderPlugin(this.prerender));\n        return config;\n      },\n      replaceTerserPlugin({ prerender: !!this.prerender }),\n      ...this.transformers,\n    ]);\n\n    const reactEnv = context.env as ReactEnv;\n    const bundler: Bundler = await reactEnv.getBundler(bundlerContext, transformers);\n    return bundler;\n  }\n\n  private async getDefaultSsrBundler(context: AppBuildContext) {\n    const { capsule } = context;\n    const publicDir = this.getPublicDir(context.artifactsDir);\n    const outputPath = join(capsule.path, publicDir);\n\n    const bundlerContext = await this.getBuildContext(context, { outputPath });\n    const transformers: WebpackConfigTransformer[] = compact([\n      (configMutator) => configMutator.merge(ssrBuildConfig({ outputPath: join(outputPath, this.ssrDir) })),\n      replaceTerserPlugin({ prerender: !!this.prerender }),\n      ...this.transformers,\n    ]);\n\n    const reactEnv = context.env as ReactEnv;\n    const bundler: Bundler = await reactEnv.getBundler(bundlerContext, transformers);\n    return bundler;\n  }\n\n  private async getBuildContext(context: AppBuildContext, { outputPath }: { outputPath: string }) {\n    const { capsule } = context;\n    const reactEnv = context.env as ReactEnv;\n    const { distDir } = reactEnv.getCompiler();\n    const targetEntries = await this.getEntries(`${capsule.path}/${distDir}`);\n    const entries = targetEntries.map((entry) => require.resolve(`${capsule.path}/${distDir}/${basename(entry)}`));\n\n    const bundlerContext: BundlerContext = Object.assign(context, {\n      targets: [\n        {\n          components: [capsule?.component],\n          entries,\n          outputPath,\n          hostRootDir: capsule?.path,\n          hostDependencies: await this.getPeers(),\n          aliasHostDependencies: true,\n        },\n      ],\n      entry: [],\n      rootPath: '/',\n      metaData: {\n        initiator: `building app: ${context.name}`,\n        envId: context.id,\n      },\n    });\n\n    return bundlerContext;\n  }\n\n  private getPublicDir(artifactsDir: string) {\n    return join(artifactsDir, this.applicationType, this.name);\n  }\n\n  async getEntries(path?: string): Promise<string[]> {\n    if (Array.isArray(this.entry)) return this.entry;\n    return this.entry(path);\n  }\n\n  async getSsrEntries(): Promise<string[]> {\n    if (!this.ssr) throw new BitError('tried to build ssr without ssr entries');\n    if (typeof this.ssr === 'string') return [this.ssr];\n    return [await this.ssr()];\n  }\n\n  private async getDevServerContext(context: AppContext): Promise<DevServerContext> {\n    const entries = await this.getEntries();\n    return Object.assign(context, {\n      entry: entries,\n      rootPath: '',\n      publicPath: `public/${this.name}`,\n      title: this.name,\n      favicon: this.favicon,\n      hostDependencies: await this.getPeers(),\n      aliasHostDependencies: true,\n    });\n  }\n\n  private getPeers(): Promise<string[]> {\n    return this.reactEnv.getPeerDependenciesList();\n  }\n}\n"],"mappings":"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"}

package/dist/apps/web/webpack/mutators.d.ts

@@ -1,3 +1,6 @@
 import { WebpackConfigMutator } from '@teambit/webpack';
 export declare function addDevServer(configMutator: WebpackConfigMutator): WebpackConfigMutator;
 export declare function setOutput(configMutator: WebpackConfigMutator): WebpackConfigMutator;
+export declare function replaceTerserPlugin({ prerender }: {
+    prerender: boolean;
+}): (configMutator: WebpackConfigMutator) => WebpackConfigMutator;