@teambit/react 0.0.719 → 0.0.722
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/apps/web/react.application.ts +7 -5
- package/artifacts/env-template/public/101.js +1 -1
- package/artifacts/env-template/public/{296.js → 365.js} +2 -2
- package/artifacts/env-template/public/793.js +4 -0
- package/artifacts/env-template/public/assets-manifest.json +10 -10
- package/artifacts/env-template/public/{compositions.23f140464f680eb4aa94.js → compositions.81e1e6e4442a4eb56325.js} +1 -1
- package/artifacts/env-template/public/compositions.html +1 -1
- package/artifacts/env-template/public/{overview.e465b7883e851b5d8a7a.js → overview.84fe8f61752faa965509.js} +1 -1
- package/artifacts/env-template/public/overview.html +1 -1
- package/artifacts/env-template/public/{preview-root.39699fa8d8a6d320497f.js → preview-root.639bb6c933946c03b93a.js} +1 -1
- package/artifacts/env-template/public/service-worker.js +1 -1
- package/artifacts/env-template/public/static/css/793.d675d781.css +1 -0
- package/artifacts/preview/teambit_react_react-preview.js +2 -2
- package/{compositions-1651029886240.js → compositions-1651289072753.js} +0 -0
- package/dist/apps/web/react.application.d.ts +2 -2
- package/dist/apps/web/react.application.js +9 -12
- package/dist/apps/web/react.application.js.map +1 -1
- package/dist/react.templates.js +41 -1
- package/dist/react.templates.js.map +1 -1
- package/dist/templates/react-env/files/main.runtime.js +1 -1
- package/dist/templates/react-env/files/main.runtime.js.map +1 -1
- package/dist/templates/react-workspace-analytics/index.d.ts +2 -0
- package/dist/templates/react-workspace-analytics/index.js +52 -0
- package/dist/templates/react-workspace-analytics/index.js.map +1 -0
- package/dist/templates/react-workspace-data-fetching/index.d.ts +2 -0
- package/dist/templates/react-workspace-data-fetching/index.js +52 -0
- package/dist/templates/react-workspace-data-fetching/index.js.map +1 -0
- package/dist/templates/react-workspace-design-system/index.d.ts +2 -0
- package/dist/templates/react-workspace-design-system/index.js +60 -0
- package/dist/templates/react-workspace-design-system/index.js.map +1 -0
- package/dist/templates/react-workspace-wiki/index.d.ts +2 -0
- package/dist/templates/react-workspace-wiki/index.js +53 -0
- package/dist/templates/react-workspace-wiki/index.js.map +1 -0
- package/{overview-1651029886240.js → overview-1651289072753.js} +0 -0
- package/package-tar/teambit-react-0.0.722.tgz +0 -0
- package/package.json +30 -30
- package/{preview-1651029886240.js → preview-1651289072753.js} +2 -2
- package/templates/react-env/files/main.runtime.ts +1 -1
- package/templates/react-workspace-analytics/index.ts +31 -0
- package/templates/react-workspace-data-fetching/index.ts +35 -0
- package/templates/react-workspace-design-system/index.ts +37 -0
- package/templates/react-workspace-wiki/index.ts +28 -0
- package/artifacts/env-template/public/static/css/793.45d86d0b.css +0 -1
- package/package-tar/teambit-react-0.0.719.tgz +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(root,factory){typeof exports=="object"&&typeof module=="object"?module.exports=factory():typeof define=="function"&&define.amd?define([],factory):typeof exports=="object"?exports["teambit.react/react-preview"]=factory():root["teambit.react/react-preview"]=factory()})(self,function(){return(()=>{var __webpack_modules__={88244:module2=>{function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}module2.exports=_interopRequireDefault},
|
|
1
|
+
(function(root,factory){typeof exports=="object"&&typeof module=="object"?module.exports=factory():typeof define=="function"&&define.amd?define([],factory):typeof exports=="object"?exports["teambit.react/react-preview"]=factory():root["teambit.react/react-preview"]=factory()})(self,function(){return(()=>{var __webpack_modules__={88244:module2=>{function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}module2.exports=_interopRequireDefault},75200:(__unused_webpack_module,__webpack_exports__2,__webpack_require__2)=>{"use strict";__webpack_require__2.r(__webpack_exports__2),__webpack_require__2.d(__webpack_exports__2,{default:()=>MDXContent});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__2(63804),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__2.n(react__WEBPACK_IMPORTED_MODULE_0__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__2(85057),_mdx_js_react__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__2.n(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__),_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__2(58459),_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__2.n(_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_2__),_teambit_react_content_react_overview__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__2(55906),_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,_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)(MDXLayout,_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)(_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_2__.MDXScopeProvider,{components:{ReactOverview:_teambit_react_content_react_overview__WEBPACK_IMPORTED_MODULE_3__.ZP},mdxType:"MDXScopeProvider"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)(_teambit_react_content_react_overview__WEBPACK_IMPORTED_MODULE_3__.ZP,{mdxType:"ReactOverview"})))}MDXContent.isMDXComponent=!0},55906:(__unused_webpack_module,exports2,__webpack_require__2)=>{"use strict";var __webpack_unused_export__,__bit_component={id:"teambit.react/content/react-overview@1.95.0",homepage:"https://bit.dev/teambit/react/content/react-overview",exported:!0};__webpack_unused_export__={value:!0},__webpack_unused_export__={enumerable:!0,get:function(){return _reactOverview.default}},Object.defineProperty(exports2,"ZP",{enumerable:!0,get:function(){return _reactOverview.default}});var _reactOverview=_interopRequireDefault(__webpack_require__2(2664));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}_interopRequireDefault.__bit_component=__bit_component},2664:(__unused_webpack_module,exports2,__webpack_require__2)=>{"use strict";var __bit_component={id:"teambit.react/content/react-overview@1.95.0",homepage:"https://bit.dev/teambit/react/content/react-overview",exported:!0};Object.defineProperty(exports2,"__esModule",{value:!0}),exports2.default=MDXContent;var _react=_interopRequireDefault(__webpack_require__2(63804)),_react2=__webpack_require__2(85057),_mdxUi=__webpack_require__2(58459),_excluded=["components"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}_interopRequireDefault.__bit_component=__bit_component;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)}_extends.__bit_component=__bit_component;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}_objectWithoutProperties.__bit_component=__bit_component;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}_objectWithoutPropertiesLoose.__bit_component=__bit_component;var layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_react2.mdx)(MDXLayout,_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_mdxUi.MDXScopeProvider,{components:{},mdxType:"MDXScopeProvider"},(0,_react2.mdx)("h1",null,"React Overview"),(0,_react2.mdx)("p",null,`React is teambit's Component Development Environment (Env) for React.
|
|
2
2
|
It enables you to quickly set up a dev environment that follows best practices for React component development.`),(0,_react2.mdx)("p",null,"React can also be used as a good starting point for your own customized Env as it provides a comprehensive API that makes it easy to extend."),(0,_react2.mdx)("h2",null,"Using the React env"),(0,_react2.mdx)("p",null,"To use React Env, apply it on the relevant ",(0,_react2.mdx)("a",{parentName:"p",href:"/docs/workspace/variants"},"variants")," (component selections) in your ",(0,_react2.mdx)("a",{parentName:"p",href:"/docs/workspace/workspace-configuration"},"Workspace config"),":"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",{parentName:"pre",className:"language-json",metastring:'title="workspace.jsonc"',title:'"workspace.jsonc"'},`{
|
|
3
3
|
"teambit.workspace/variants": {
|
|
4
4
|
"{ui/**}": {
|
|
@@ -8,4 +8,4 @@ It enables you to quickly set up a dev environment that follows best practices f
|
|
|
8
8
|
}
|
|
9
9
|
`)),(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
|
|
10
10
|
`)),(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
|
|
11
|
-
`)),(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},72479:(__unused_webpack_module,exports2,__webpack_require__2)=>{"use strict";var __bit_component={id:"teambit.react/react@0.0.719",homepage:"https://bit.dev/teambit/react/react",exported:!0},_interopRequireDefault=__webpack_require__2(88244);Object.defineProperty(exports2,"__esModule",{value:!0}),exports2.Logo=void 0;function _react(){const data=_interopRequireDefault(__webpack_require__2(63804));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},85057:module2=>{"use strict";module2.exports=MdxJsReact},63804:module2=>{"use strict";module2.exports=React},58459: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__.n=module2=>{var getter=module2&&module2.__esModule?()=>module2.default:()=>module2;return __webpack_require__.d(getter,{a:getter}),getter},__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});const compositions=[__webpack_require__(72479)],overview=[__webpack_require__(76903)]})(),__webpack_exports__})()});
|
|
11
|
+
`)),(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},13487:(__unused_webpack_module,exports2,__webpack_require__2)=>{"use strict";var __bit_component={id:"teambit.react/react@0.0.722",homepage:"https://bit.dev/teambit/react/react",exported:!0},_interopRequireDefault=__webpack_require__2(88244);Object.defineProperty(exports2,"__esModule",{value:!0}),exports2.Logo=void 0;function _react(){const data=_interopRequireDefault(__webpack_require__2(63804));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},85057:module2=>{"use strict";module2.exports=MdxJsReact},63804:module2=>{"use strict";module2.exports=React},58459: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__.n=module2=>{var getter=module2&&module2.__esModule?()=>module2.default:()=>module2;return __webpack_require__.d(getter,{a:getter}),getter},__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});const compositions=[__webpack_require__(13487)],overview=[__webpack_require__(75200)]})(),__webpack_exports__})()});
|
|
File without changes
|
|
@@ -13,10 +13,10 @@ export declare class ReactApp implements Application {
|
|
|
13
13
|
readonly prerender?: ReactAppPrerenderOptions | undefined;
|
|
14
14
|
readonly bundler?: Bundler | undefined;
|
|
15
15
|
readonly devServer?: DevServer | undefined;
|
|
16
|
-
readonly transformers
|
|
16
|
+
readonly transformers: WebpackConfigTransformer[];
|
|
17
17
|
readonly deploy?: ((context: ReactDeployContext) => Promise<void>) | undefined;
|
|
18
18
|
readonly favicon?: string | undefined;
|
|
19
|
-
constructor(name: string, entry: string[], portRange: number[], reactEnv: ReactEnv, prerender?: ReactAppPrerenderOptions | undefined, bundler?: Bundler | undefined, devServer?: DevServer | undefined, transformers?: WebpackConfigTransformer[]
|
|
19
|
+
constructor(name: string, entry: string[], portRange: number[], reactEnv: ReactEnv, prerender?: ReactAppPrerenderOptions | undefined, bundler?: Bundler | undefined, devServer?: DevServer | undefined, transformers?: WebpackConfigTransformer[], deploy?: ((context: ReactDeployContext) => Promise<void>) | undefined, favicon?: string | undefined);
|
|
20
20
|
readonly applicationType = "react-common-js";
|
|
21
21
|
readonly dir = "public";
|
|
22
22
|
run(context: AppContext): Promise<number>;
|
|
@@ -82,7 +82,7 @@ function _webpack() {
|
|
|
82
82
|
}
|
|
83
83
|
|
|
84
84
|
class ReactApp {
|
|
85
|
-
constructor(name, entry, portRange, reactEnv, prerender, bundler, devServer, transformers, deploy, favicon) {
|
|
85
|
+
constructor(name, entry, portRange, reactEnv, prerender, bundler, devServer, transformers = [], deploy, favicon) {
|
|
86
86
|
this.name = name;
|
|
87
87
|
this.entry = entry;
|
|
88
88
|
this.portRange = portRange;
|
|
@@ -159,17 +159,16 @@ class ReactApp {
|
|
|
159
159
|
}
|
|
160
160
|
|
|
161
161
|
const devServerContext = this.getDevServerContext(context);
|
|
162
|
-
const devServer = this.reactEnv.getDevServer(devServerContext, [configMutator => {
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
});
|
|
162
|
+
const devServer = this.reactEnv.getDevServer(devServerContext, [configMutator => configMutator.addTopLevel('devServer', {
|
|
163
|
+
historyApiFallback: {
|
|
164
|
+
index: '/index.html',
|
|
165
|
+
disableDotRule: true
|
|
166
|
+
}
|
|
167
|
+
}), configMutator => {
|
|
169
168
|
if (!configMutator.raw.output) configMutator.raw.output = {};
|
|
170
169
|
configMutator.raw.output.publicPath = '/';
|
|
171
170
|
return configMutator;
|
|
172
|
-
}]);
|
|
171
|
+
}, ...this.transformers]);
|
|
173
172
|
await devServer.listen(port);
|
|
174
173
|
return port;
|
|
175
174
|
}
|
|
@@ -198,8 +197,6 @@ class ReactApp {
|
|
|
198
197
|
}
|
|
199
198
|
|
|
200
199
|
async getDefaultBundler(context) {
|
|
201
|
-
var _this$transformers;
|
|
202
|
-
|
|
203
200
|
const {
|
|
204
201
|
capsule
|
|
205
202
|
} = context;
|
|
@@ -246,7 +243,7 @@ class ReactApp {
|
|
|
246
243
|
return config;
|
|
247
244
|
};
|
|
248
245
|
|
|
249
|
-
const transformers = [defaultTransformer, ...
|
|
246
|
+
const transformers = [defaultTransformer, ...this.transformers];
|
|
250
247
|
const bundler = await reactEnv.getBundler(bundlerContext, transformers);
|
|
251
248
|
return bundler;
|
|
252
249
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["react.application.ts"],"names":["ReactApp","constructor","name","entry","portRange","reactEnv","prerender","bundler","devServer","transformers","deploy","favicon","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","configMutator","addTopLevel","historyApiFallback","index","disableDotRule","raw","publicPath","build","htmlConfig","title","templateContent","Object","assign","html","getBundler","publicDir","getPublicDir","dir","getDefaultBundler","capsule","env","outputPath","path","distDir","getCompiler","entries","map","require","resolve","staticDir","bundlerContext","targets","components","component","rootPath","metaData","initiator","envId","id","defaultTransformer","config","addPlugin","optimization","minimizer","push","getESBuildConfig","applicationType"],"mappings":"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","sourcesContent":["import { join, basename } from 'path';\nimport { Application, AppContext, AppBuildContext } from '@teambit/application';\nimport { Bundler, DevServer, BundlerContext, DevServerContext, BundlerHtmlConfig } from '@teambit/bundler';\nimport { Port } from '@teambit/toolbox.network.get-port';\nimport { remove } from 'lodash';\nimport TerserPlugin from 'terser-webpack-plugin';\nimport { WebpackConfigTransformer } from '@teambit/webpack';\nimport { ReactEnv } from '../../react.env';\nimport { prerenderSPAPlugin } from './plugins';\nimport { ReactAppBuildResult } from './react-build-result';\nimport { ReactAppPrerenderOptions } from './react-app-options';\nimport { html } from '../../webpack';\nimport { ReactDeployContext } from '.';\n\nexport class ReactApp implements Application {\n constructor(\n readonly name: string,\n readonly entry: string[],\n readonly portRange: 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 ) {}\n readonly applicationType = 'react-common-js';\n readonly dir = 'public';\n async run(context: AppContext): Promise<number> {\n const [from, to] = this.portRange;\n const port = await Port.getPort(from, to);\n if (this.devServer) {\n await this.devServer.listen(port);\n return port;\n }\n const devServerContext = this.getDevServerContext(context);\n const devServer = this.reactEnv.getDevServer(devServerContext, [\n (configMutator) => {\n configMutator.addTopLevel('devServer', {\n historyApiFallback: {\n index: '/index.html',\n disableDotRule: true,\n },\n });\n\n if (!configMutator.raw.output) configMutator.raw.output = {};\n configMutator.raw.output.publicPath = '/';\n\n return configMutator;\n },\n ]);\n await devServer.listen(port);\n return port;\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 await bundler.run();\n return { publicDir: `${this.getPublicDir()}/${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;\n const publicDir = this.getPublicDir();\n const outputPath = join(capsule.path, publicDir);\n const { distDir } = reactEnv.getCompiler();\n const entries = this.entry.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 },\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', { path: staticDir, publicPath: `/` });\n if (this.prerender) config.addPlugin(prerenderSPAPlugin(this.prerender, staticDir));\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() {\n return join(this.applicationType, this.name);\n }\n\n private getDevServerContext(context: AppContext): DevServerContext {\n return Object.assign(context, {\n entry: this.entry,\n rootPath: '',\n publicPath: `public/${this.name}`,\n title: this.name,\n favicon: this.favicon,\n });\n }\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["react.application.ts"],"names":["ReactApp","constructor","name","entry","portRange","reactEnv","prerender","bundler","devServer","transformers","deploy","favicon","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","configMutator","addTopLevel","historyApiFallback","index","disableDotRule","raw","publicPath","build","htmlConfig","title","templateContent","Object","assign","html","getBundler","publicDir","getPublicDir","dir","getDefaultBundler","capsule","env","outputPath","path","distDir","getCompiler","entries","map","require","resolve","staticDir","bundlerContext","targets","components","component","rootPath","metaData","initiator","envId","id","defaultTransformer","config","addPlugin","optimization","minimizer","push","getESBuildConfig","applicationType"],"mappings":"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","sourcesContent":["import { join, basename } from 'path';\nimport { Application, AppContext, AppBuildContext } from '@teambit/application';\nimport { Bundler, DevServer, BundlerContext, DevServerContext, BundlerHtmlConfig } from '@teambit/bundler';\nimport { Port } from '@teambit/toolbox.network.get-port';\nimport { remove } from 'lodash';\nimport TerserPlugin from 'terser-webpack-plugin';\nimport { WebpackConfigTransformer } from '@teambit/webpack';\nimport { ReactEnv } from '../../react.env';\nimport { prerenderSPAPlugin } from './plugins';\nimport { ReactAppBuildResult } from './react-build-result';\nimport { ReactAppPrerenderOptions } from './react-app-options';\nimport { html } from '../../webpack';\nimport { ReactDeployContext } from '.';\n\nexport class ReactApp implements Application {\n constructor(\n readonly name: string,\n readonly entry: string[],\n readonly portRange: 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 ) {}\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 if (this.devServer) {\n await this.devServer.listen(port);\n return port;\n }\n const devServerContext = this.getDevServerContext(context);\n const devServer = this.reactEnv.getDevServer(devServerContext, [\n (configMutator) =>\n configMutator.addTopLevel('devServer', {\n historyApiFallback: {\n index: '/index.html',\n disableDotRule: true,\n },\n }),\n (configMutator) => {\n if (!configMutator.raw.output) configMutator.raw.output = {};\n configMutator.raw.output.publicPath = '/';\n\n return configMutator;\n },\n ...this.transformers,\n ]);\n await devServer.listen(port);\n return port;\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 await bundler.run();\n return { publicDir: `${this.getPublicDir()}/${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;\n const publicDir = this.getPublicDir();\n const outputPath = join(capsule.path, publicDir);\n const { distDir } = reactEnv.getCompiler();\n const entries = this.entry.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 },\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', { path: staticDir, publicPath: `/` });\n if (this.prerender) config.addPlugin(prerenderSPAPlugin(this.prerender, staticDir));\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() {\n return join(this.applicationType, this.name);\n }\n\n private getDevServerContext(context: AppContext): DevServerContext {\n return Object.assign(context, {\n entry: this.entry,\n rootPath: '',\n publicPath: `public/${this.name}`,\n title: this.name,\n favicon: this.favicon,\n });\n }\n}\n"]}
|
package/dist/react.templates.js
CHANGED
|
@@ -85,6 +85,46 @@ function _reactWorkspace() {
|
|
|
85
85
|
return data;
|
|
86
86
|
}
|
|
87
87
|
|
|
88
|
+
function _reactWorkspaceDesignSystem() {
|
|
89
|
+
const data = require("./templates/react-workspace-design-system");
|
|
90
|
+
|
|
91
|
+
_reactWorkspaceDesignSystem = function () {
|
|
92
|
+
return data;
|
|
93
|
+
};
|
|
94
|
+
|
|
95
|
+
return data;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
function _reactWorkspaceWiki() {
|
|
99
|
+
const data = require("./templates/react-workspace-wiki");
|
|
100
|
+
|
|
101
|
+
_reactWorkspaceWiki = function () {
|
|
102
|
+
return data;
|
|
103
|
+
};
|
|
104
|
+
|
|
105
|
+
return data;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
function _reactWorkspaceAnalytics() {
|
|
109
|
+
const data = require("./templates/react-workspace-analytics");
|
|
110
|
+
|
|
111
|
+
_reactWorkspaceAnalytics = function () {
|
|
112
|
+
return data;
|
|
113
|
+
};
|
|
114
|
+
|
|
115
|
+
return data;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
function _reactWorkspaceDataFetching() {
|
|
119
|
+
const data = require("./templates/react-workspace-data-fetching");
|
|
120
|
+
|
|
121
|
+
_reactWorkspaceDataFetching = function () {
|
|
122
|
+
return data;
|
|
123
|
+
};
|
|
124
|
+
|
|
125
|
+
return data;
|
|
126
|
+
}
|
|
127
|
+
|
|
88
128
|
function _reactWorkspaceApp() {
|
|
89
129
|
const data = require("./templates/react-workspace-app");
|
|
90
130
|
|
|
@@ -107,7 +147,7 @@ function _reactWorkspaceLib() {
|
|
|
107
147
|
|
|
108
148
|
const componentTemplates = [_reactComponent().reactComponent, _reactContext().reactContext, _reactHook().reactHook, _reactComponentJs().reactComponentJS, _reactEnv().reactEnvTemplate, _reactApp().reactAppTemplate, _reactComponent().deprecatedReactComponent, _reactComponentJs().deprecatedReactComponentJS];
|
|
109
149
|
exports.componentTemplates = componentTemplates;
|
|
110
|
-
const workspaceTemplates = [_reactWorkspace().reactWorkspaceTemplate, _reactWorkspaceApp().reactWorkspaceAppTemplate, _reactWorkspaceLib().reactWorkspaceLibTemplate, _reactWorkspaceDeprecated().deprecatedReactWorkspaceTemplate];
|
|
150
|
+
const workspaceTemplates = [_reactWorkspace().reactWorkspaceTemplate, _reactWorkspaceApp().reactWorkspaceAppTemplate, _reactWorkspaceLib().reactWorkspaceLibTemplate, _reactWorkspaceDeprecated().deprecatedReactWorkspaceTemplate, _reactWorkspaceDesignSystem().reactWorkspaceDesignSystemTemplate, _reactWorkspaceWiki().reactWorkspaceWikiTemplate, _reactWorkspaceAnalytics().reactWorkspaceAnalyticsTemplate, _reactWorkspaceDataFetching().reactWorkspaceDataFetchingTemplate];
|
|
111
151
|
exports.workspaceTemplates = workspaceTemplates;
|
|
112
152
|
|
|
113
153
|
//# sourceMappingURL=react.templates.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["react.templates.ts"],"names":["componentTemplates","reactComponent","reactContext","reactHook","reactComponentJS","reactEnvTemplate","reactAppTemplate","deprecatedReactComponent","deprecatedReactComponentJS","workspaceTemplates","reactWorkspaceTemplate","reactWorkspaceAppTemplate","reactWorkspaceLibTemplate","deprecatedReactWorkspaceTemplate"],"mappings":";;;;;;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,MAAMA,kBAAuC,GAAG,CACrDC,gCADqD,EAErDC,4BAFqD,EAGrDC,sBAHqD,EAIrDC,oCAJqD,EAKrDC,4BALqD,EAMrDC,4BANqD,EAOrDC,0CAPqD,EAQrDC,8CARqD,CAAhD;;AAWA,MAAMC,kBAAuC,GAAG,CACrDC,wCADqD,EAErDC,8CAFqD,EAGrDC,8CAHqD,EAIrDC,4DAJqD,CAAhD","sourcesContent":["import { ComponentTemplate, WorkspaceTemplate } from '@teambit/generator';\nimport { reactComponent, deprecatedReactComponent } from './templates/react-component';\nimport { reactComponentJS, deprecatedReactComponentJS } from './templates/react-component-js';\nimport { reactEnvTemplate } from './templates/react-env';\nimport { deprecatedReactWorkspaceTemplate } from './templates/react-workspace-deprecated';\nimport { reactHook } from './templates/react-hook';\nimport { reactContext } from './templates/react-context';\nimport { reactAppTemplate } from './templates/react-app';\nimport { reactWorkspaceTemplate } from './templates/react-workspace';\nimport { reactWorkspaceAppTemplate } from './templates/react-workspace-app';\nimport { reactWorkspaceLibTemplate } from './templates/react-workspace-lib';\n\nexport const componentTemplates: ComponentTemplate[] = [\n reactComponent,\n reactContext,\n reactHook,\n reactComponentJS,\n reactEnvTemplate,\n reactAppTemplate,\n deprecatedReactComponent,\n deprecatedReactComponentJS,\n];\n\nexport const workspaceTemplates: WorkspaceTemplate[] = [\n reactWorkspaceTemplate,\n reactWorkspaceAppTemplate,\n reactWorkspaceLibTemplate,\n deprecatedReactWorkspaceTemplate,\n];\n"]}
|
|
1
|
+
{"version":3,"sources":["react.templates.ts"],"names":["componentTemplates","reactComponent","reactContext","reactHook","reactComponentJS","reactEnvTemplate","reactAppTemplate","deprecatedReactComponent","deprecatedReactComponentJS","workspaceTemplates","reactWorkspaceTemplate","reactWorkspaceAppTemplate","reactWorkspaceLibTemplate","deprecatedReactWorkspaceTemplate","reactWorkspaceDesignSystemTemplate","reactWorkspaceWikiTemplate","reactWorkspaceAnalyticsTemplate","reactWorkspaceDataFetchingTemplate"],"mappings":";;;;;;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,MAAMA,kBAAuC,GAAG,CACrDC,gCADqD,EAErDC,4BAFqD,EAGrDC,sBAHqD,EAIrDC,oCAJqD,EAKrDC,4BALqD,EAMrDC,4BANqD,EAOrDC,0CAPqD,EAQrDC,8CARqD,CAAhD;;AAWA,MAAMC,kBAAuC,GAAG,CACrDC,wCADqD,EAErDC,8CAFqD,EAGrDC,8CAHqD,EAIrDC,4DAJqD,EAKrDC,gEALqD,EAMrDC,gDANqD,EAOrDC,0DAPqD,EAQrDC,gEARqD,CAAhD","sourcesContent":["import { ComponentTemplate, WorkspaceTemplate } from '@teambit/generator';\nimport { reactComponent, deprecatedReactComponent } from './templates/react-component';\nimport { reactComponentJS, deprecatedReactComponentJS } from './templates/react-component-js';\nimport { reactEnvTemplate } from './templates/react-env';\nimport { deprecatedReactWorkspaceTemplate } from './templates/react-workspace-deprecated';\nimport { reactHook } from './templates/react-hook';\nimport { reactContext } from './templates/react-context';\nimport { reactAppTemplate } from './templates/react-app';\nimport { reactWorkspaceTemplate } from './templates/react-workspace';\nimport { reactWorkspaceDesignSystemTemplate } from './templates/react-workspace-design-system';\nimport { reactWorkspaceWikiTemplate } from './templates/react-workspace-wiki';\nimport { reactWorkspaceAnalyticsTemplate } from './templates/react-workspace-analytics';\nimport { reactWorkspaceDataFetchingTemplate } from './templates/react-workspace-data-fetching';\nimport { reactWorkspaceAppTemplate } from './templates/react-workspace-app';\nimport { reactWorkspaceLibTemplate } from './templates/react-workspace-lib';\n\nexport const componentTemplates: ComponentTemplate[] = [\n reactComponent,\n reactContext,\n reactHook,\n reactComponentJS,\n reactEnvTemplate,\n reactAppTemplate,\n deprecatedReactComponent,\n deprecatedReactComponentJS,\n];\n\nexport const workspaceTemplates: WorkspaceTemplate[] = [\n reactWorkspaceTemplate,\n reactWorkspaceAppTemplate,\n reactWorkspaceLibTemplate,\n deprecatedReactWorkspaceTemplate,\n reactWorkspaceDesignSystemTemplate,\n reactWorkspaceWikiTemplate,\n reactWorkspaceAnalyticsTemplate,\n reactWorkspaceDataFetchingTemplate,\n];\n"]}
|
|
@@ -20,7 +20,7 @@ import { ${Name}Aspect } from './${name}.aspect';
|
|
|
20
20
|
//import {
|
|
21
21
|
// devConfigTransformer,
|
|
22
22
|
// buildConfigTransformer,
|
|
23
|
-
//} from "./typescript/ts-
|
|
23
|
+
//} from "./typescript/ts-transformer";
|
|
24
24
|
|
|
25
25
|
export class ${Name}Main {
|
|
26
26
|
static slots = [];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["main.runtime.ts"],"names":["mainRuntimeFile","namePascalCase","Name","name"],"mappings":";;;;;;;AAEO,SAASA,eAAT,CAAyB;AAAEC,EAAAA,cAAc,EAAEC,IAAlB;AAAwBC,EAAAA;AAAxB,CAAzB,EAA2E;AAChF,SAAQ;AACV;AACA;AACA,WAAWD,IAAK,oBAAmBC,IAAK;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAeD,IAAK;AACpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,YAAYA,IAAK;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuBA,IAAK;AAC5B,iBAAiBA,IAAK;AACtB;AACA;AACA;AACA,EAAEA,IAAK,qBAAoBA,IAAK;AAChC,CAxFE;AAyFD","sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport function mainRuntimeFile({ namePascalCase: Name, name }: ComponentContext) {\n return `import { MainRuntime } from '@teambit/cli';\nimport { ReactAspect, ReactMain } from '@teambit/react';\nimport { EnvsAspect, EnvsMain } from '@teambit/envs';\nimport { ${Name}Aspect } from './${name}.aspect';\n//import {\n// previewConfigTransformer,\n// devServerConfigTransformer\n//} from './webpack/webpack-transformers';\n//import {\n// devConfigTransformer,\n// buildConfigTransformer,\n//} from \"./typescript/ts-
|
|
1
|
+
{"version":3,"sources":["main.runtime.ts"],"names":["mainRuntimeFile","namePascalCase","Name","name"],"mappings":";;;;;;;AAEO,SAASA,eAAT,CAAyB;AAAEC,EAAAA,cAAc,EAAEC,IAAlB;AAAwBC,EAAAA;AAAxB,CAAzB,EAA2E;AAChF,SAAQ;AACV;AACA;AACA,WAAWD,IAAK,oBAAmBC,IAAK;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAeD,IAAK;AACpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,YAAYA,IAAK;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuBA,IAAK;AAC5B,iBAAiBA,IAAK;AACtB;AACA;AACA;AACA,EAAEA,IAAK,qBAAoBA,IAAK;AAChC,CAxFE;AAyFD","sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport function mainRuntimeFile({ namePascalCase: Name, name }: ComponentContext) {\n return `import { MainRuntime } from '@teambit/cli';\nimport { ReactAspect, ReactMain } from '@teambit/react';\nimport { EnvsAspect, EnvsMain } from '@teambit/envs';\nimport { ${Name}Aspect } from './${name}.aspect';\n//import {\n// previewConfigTransformer,\n// devServerConfigTransformer\n//} from './webpack/webpack-transformers';\n//import {\n// devConfigTransformer,\n// buildConfigTransformer,\n//} from \"./typescript/ts-transformer\";\n\nexport class ${Name}Main {\n static slots = [];\n\n static dependencies = [ReactAspect, EnvsAspect];\n\n static runtime = MainRuntime;\n\n //const webpackModifiers: UseWebpackModifiers = {\n // previewConfig: [previewConfigTransformer],\n // devServerConfig: [devServerConfigTransformer],\n //};\n\n //const tsModifiers: UseTypescriptModifiers = {\n // devConfig: [devConfigTransformer],\n // buildConfig: [buildConfigTransformer],\n //};\n\n static async provider([react, envs]: [ReactMain, EnvsMain]) {\n const ${Name}Env = react.compose([\n /**\n * Uncomment to override the config files for TypeScript, Webpack or Jest\n * Your config gets merged with the defaults\n */\n\n // react.useTypescript(tsModifiers), // note: this cannot be used in conjunction with react.overrideCompiler\n // react.useWebpack(webpackModifiers),\n // react.overrideJestConfig(require.resolve('./jest/jest.config')),\n\n /**\n * override the ESLint default config here then check your files for lint errors\n * @example\n * bit lint\n * bit lint --fix\n */\n //react.useEslint({\n // transformers: [\n // (config) => {\n // config.setRule('no-console', ['error']);\n // return config;\n // }\n // ]\n //}),\n\n /**\n * override the Prettier default config here the check your formatting\n * @example\n * bit format --check\n * bit format\n */\n //react.usePrettier({\n // transformers: [\n // (config) => {\n // config.setKey('tabWidth', 2);\n // return config;\n // }\n // ]\n //}),\n\n /**\n * override dependencies here\n * @example\n * Uncomment types to include version 17.0.3 of the types package\n */\n react.overrideDependencies({\n devDependencies: {\n // '@types/react': '17.0.3'\n }\n })\n ]);\n envs.registerEnv(${Name}Env);\n return new ${Name}Main();\n }\n}\n\n${Name}Aspect.addRuntime(${Name}Main);\n`;\n}\n"]}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.promise.js");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.reactWorkspaceAnalyticsTemplate = void 0;
|
|
9
|
+
|
|
10
|
+
function _workspaceCommon() {
|
|
11
|
+
const data = require("../workspace-common");
|
|
12
|
+
|
|
13
|
+
_workspaceCommon = function () {
|
|
14
|
+
return data;
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
return data;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
const reactWorkspaceAnalyticsTemplate = {
|
|
21
|
+
name: 'react-analytics',
|
|
22
|
+
description: 'React workspace with components for an Analytics Application',
|
|
23
|
+
generateFiles: async context => {
|
|
24
|
+
return (0, _workspaceCommon().generateFiles)(context);
|
|
25
|
+
},
|
|
26
|
+
fork: () => {
|
|
27
|
+
return [{
|
|
28
|
+
id: 'teambit.analytics/examples/dashboard',
|
|
29
|
+
targetName: 'examples/dashboard',
|
|
30
|
+
path: 'examples/dashboard'
|
|
31
|
+
}, {
|
|
32
|
+
id: 'teambit.analytics/examples/new-users',
|
|
33
|
+
targetName: 'examples/new-users',
|
|
34
|
+
path: 'examples/new-users'
|
|
35
|
+
}, {
|
|
36
|
+
id: 'teambit.analytics/examples/revenues',
|
|
37
|
+
targetName: 'examples/revenues',
|
|
38
|
+
path: 'examples/revenues'
|
|
39
|
+
}, {
|
|
40
|
+
id: 'teambit.analytics/examples/top-frameworks',
|
|
41
|
+
targetName: 'examples/top-frameworks',
|
|
42
|
+
path: 'examples/top-frameworks'
|
|
43
|
+
}, {
|
|
44
|
+
id: 'teambit.analytics/examples/top-members',
|
|
45
|
+
targetName: 'examples/top-members',
|
|
46
|
+
path: 'examples/top-members'
|
|
47
|
+
}];
|
|
48
|
+
}
|
|
49
|
+
};
|
|
50
|
+
exports.reactWorkspaceAnalyticsTemplate = reactWorkspaceAnalyticsTemplate;
|
|
51
|
+
|
|
52
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["index.ts"],"names":["reactWorkspaceAnalyticsTemplate","name","description","generateFiles","context","fork","id","targetName","path"],"mappings":";;;;;;;;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,MAAMA,+BAAkD,GAAG;AAChEC,EAAAA,IAAI,EAAE,iBAD0D;AAEhEC,EAAAA,WAAW,EAAE,8DAFmD;AAGhEC,EAAAA,aAAa,EAAE,MAAOC,OAAP,IAAqC;AAClD,WAAO,sCAAoBA,OAApB,CAAP;AACD,GAL+D;AAMhEC,EAAAA,IAAI,EAAE,MAAM;AACV,WAAO,CACL;AACEC,MAAAA,EAAE,EAAE,sCADN;AAEEC,MAAAA,UAAU,EAAE,oBAFd;AAGEC,MAAAA,IAAI,EAAE;AAHR,KADK,EAML;AAAEF,MAAAA,EAAE,EAAE,sCAAN;AAA8CC,MAAAA,UAAU,EAAE,oBAA1D;AAAgFC,MAAAA,IAAI,EAAE;AAAtF,KANK,EAOL;AAAEF,MAAAA,EAAE,EAAE,qCAAN;AAA6CC,MAAAA,UAAU,EAAE,mBAAzD;AAA8EC,MAAAA,IAAI,EAAE;AAApF,KAPK,EAQL;AACEF,MAAAA,EAAE,EAAE,2CADN;AAEEC,MAAAA,UAAU,EAAE,yBAFd;AAGEC,MAAAA,IAAI,EAAE;AAHR,KARK,EAaL;AACEF,MAAAA,EAAE,EAAE,wCADN;AAEEC,MAAAA,UAAU,EAAE,sBAFd;AAGEC,MAAAA,IAAI,EAAE;AAHR,KAbK,CAAP;AAmBD;AA1B+D,CAA3D","sourcesContent":["import { WorkspaceContext, WorkspaceTemplate } from '@teambit/generator';\nimport { generateFiles as generateCommonFiles } from '../workspace-common';\n\nexport const reactWorkspaceAnalyticsTemplate: WorkspaceTemplate = {\n name: 'react-analytics',\n description: 'React workspace with components for an Analytics Application',\n generateFiles: async (context: WorkspaceContext) => {\n return generateCommonFiles(context);\n },\n fork: () => {\n return [\n {\n id: 'teambit.analytics/examples/dashboard',\n targetName: 'examples/dashboard',\n path: 'examples/dashboard',\n },\n { id: 'teambit.analytics/examples/new-users', targetName: 'examples/new-users', path: 'examples/new-users' },\n { id: 'teambit.analytics/examples/revenues', targetName: 'examples/revenues', path: 'examples/revenues' },\n {\n id: 'teambit.analytics/examples/top-frameworks',\n targetName: 'examples/top-frameworks',\n path: 'examples/top-frameworks',\n },\n {\n id: 'teambit.analytics/examples/top-members',\n targetName: 'examples/top-members',\n path: 'examples/top-members',\n },\n ];\n },\n};\n"]}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.promise.js");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.reactWorkspaceDataFetchingTemplate = void 0;
|
|
9
|
+
|
|
10
|
+
function _workspaceCommon() {
|
|
11
|
+
const data = require("../workspace-common");
|
|
12
|
+
|
|
13
|
+
_workspaceCommon = function () {
|
|
14
|
+
return data;
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
return data;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
const reactWorkspaceDataFetchingTemplate = {
|
|
21
|
+
name: 'react-data-fetching',
|
|
22
|
+
description: 'React workspace with components to show data fetching',
|
|
23
|
+
generateFiles: async context => {
|
|
24
|
+
return (0, _workspaceCommon().generateFiles)(context);
|
|
25
|
+
},
|
|
26
|
+
fork: () => {
|
|
27
|
+
return [{
|
|
28
|
+
id: 'learn-bit-react.data-fetching/pages/books-page',
|
|
29
|
+
targetName: 'pages/books-page',
|
|
30
|
+
path: 'pages/books-page'
|
|
31
|
+
}, {
|
|
32
|
+
id: 'learn-bit-react.data-fetching/ui/hooks/use-books',
|
|
33
|
+
targetName: 'ui/hooks/use-books',
|
|
34
|
+
path: 'ui/hooks/use-books'
|
|
35
|
+
}, {
|
|
36
|
+
id: 'learn-bit-react.data-fetching/ui/book',
|
|
37
|
+
targetName: 'ui/book',
|
|
38
|
+
path: 'ui/book'
|
|
39
|
+
}, {
|
|
40
|
+
id: 'learn-bit-react.data-fetching/ui/book-list',
|
|
41
|
+
targetName: 'ui/book-list',
|
|
42
|
+
path: 'ui/book-list'
|
|
43
|
+
}, {
|
|
44
|
+
id: 'learn-bit-react.data-fetching/models/book',
|
|
45
|
+
targetName: 'models/book',
|
|
46
|
+
path: 'models/book'
|
|
47
|
+
}];
|
|
48
|
+
}
|
|
49
|
+
};
|
|
50
|
+
exports.reactWorkspaceDataFetchingTemplate = reactWorkspaceDataFetchingTemplate;
|
|
51
|
+
|
|
52
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["index.ts"],"names":["reactWorkspaceDataFetchingTemplate","name","description","generateFiles","context","fork","id","targetName","path"],"mappings":";;;;;;;;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,MAAMA,kCAAqD,GAAG;AACnEC,EAAAA,IAAI,EAAE,qBAD6D;AAEnEC,EAAAA,WAAW,EAAE,uDAFsD;AAGnEC,EAAAA,aAAa,EAAE,MAAOC,OAAP,IAAqC;AAClD,WAAO,sCAAoBA,OAApB,CAAP;AACD,GALkE;AAMnEC,EAAAA,IAAI,EAAE,MAAM;AACV,WAAO,CACL;AACEC,MAAAA,EAAE,EAAE,gDADN;AAEEC,MAAAA,UAAU,EAAE,kBAFd;AAGEC,MAAAA,IAAI,EAAE;AAHR,KADK,EAML;AACEF,MAAAA,EAAE,EAAE,kDADN;AAEEC,MAAAA,UAAU,EAAE,oBAFd;AAGEC,MAAAA,IAAI,EAAE;AAHR,KANK,EAWL;AAAEF,MAAAA,EAAE,EAAE,uCAAN;AAA+CC,MAAAA,UAAU,EAAE,SAA3D;AAAsEC,MAAAA,IAAI,EAAE;AAA5E,KAXK,EAYL;AACEF,MAAAA,EAAE,EAAE,4CADN;AAEEC,MAAAA,UAAU,EAAE,cAFd;AAGEC,MAAAA,IAAI,EAAE;AAHR,KAZK,EAiBL;AACEF,MAAAA,EAAE,EAAE,2CADN;AAEEC,MAAAA,UAAU,EAAE,aAFd;AAGEC,MAAAA,IAAI,EAAE;AAHR,KAjBK,CAAP;AAuBD;AA9BkE,CAA9D","sourcesContent":["import { WorkspaceContext, WorkspaceTemplate } from '@teambit/generator';\nimport { generateFiles as generateCommonFiles } from '../workspace-common';\n\nexport const reactWorkspaceDataFetchingTemplate: WorkspaceTemplate = {\n name: 'react-data-fetching',\n description: 'React workspace with components to show data fetching',\n generateFiles: async (context: WorkspaceContext) => {\n return generateCommonFiles(context);\n },\n fork: () => {\n return [\n {\n id: 'learn-bit-react.data-fetching/pages/books-page',\n targetName: 'pages/books-page',\n path: 'pages/books-page',\n },\n {\n id: 'learn-bit-react.data-fetching/ui/hooks/use-books',\n targetName: 'ui/hooks/use-books',\n path: 'ui/hooks/use-books',\n },\n { id: 'learn-bit-react.data-fetching/ui/book', targetName: 'ui/book', path: 'ui/book' },\n {\n id: 'learn-bit-react.data-fetching/ui/book-list',\n targetName: 'ui/book-list',\n path: 'ui/book-list',\n },\n {\n id: 'learn-bit-react.data-fetching/models/book',\n targetName: 'models/book',\n path: 'models/book',\n },\n ];\n },\n};\n"]}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.promise.js");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.reactWorkspaceDesignSystemTemplate = void 0;
|
|
9
|
+
|
|
10
|
+
function _workspaceCommon() {
|
|
11
|
+
const data = require("../workspace-common");
|
|
12
|
+
|
|
13
|
+
_workspaceCommon = function () {
|
|
14
|
+
return data;
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
return data;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
const reactWorkspaceDesignSystemTemplate = {
|
|
21
|
+
name: 'react-design-system',
|
|
22
|
+
description: 'React workspace with components for a Design System',
|
|
23
|
+
generateFiles: async context => {
|
|
24
|
+
return (0, _workspaceCommon().generateFiles)(context);
|
|
25
|
+
},
|
|
26
|
+
fork: () => {
|
|
27
|
+
return [{
|
|
28
|
+
id: 'teambit.design/examples/sample-app',
|
|
29
|
+
targetName: 'app/sample-app',
|
|
30
|
+
path: 'app/sample-app'
|
|
31
|
+
}, {
|
|
32
|
+
id: 'teambit.design/ui/cards/card',
|
|
33
|
+
targetName: 'ui/cards/card',
|
|
34
|
+
path: 'ui/cards/card'
|
|
35
|
+
}, {
|
|
36
|
+
id: 'teambit.design/ui/heading',
|
|
37
|
+
targetName: 'ui/heading',
|
|
38
|
+
path: 'ui/heading'
|
|
39
|
+
}, {
|
|
40
|
+
id: 'teambit.design/themes/theme-toggler',
|
|
41
|
+
targetName: 'themes/theme-toggler',
|
|
42
|
+
path: 'themes/theme-toggler'
|
|
43
|
+
}, {
|
|
44
|
+
id: 'teambit.design/themes/base-theme',
|
|
45
|
+
targetName: 'themes/base-theme',
|
|
46
|
+
path: 'themes/base-theme'
|
|
47
|
+
}, {
|
|
48
|
+
id: 'teambit.design/themes/light-theme',
|
|
49
|
+
targetName: 'themes/light-theme',
|
|
50
|
+
path: 'themes/light-theme'
|
|
51
|
+
}, {
|
|
52
|
+
id: 'teambit.design/themes/dark-theme',
|
|
53
|
+
targetName: 'themes/dark-theme',
|
|
54
|
+
path: 'themes/dark-theme'
|
|
55
|
+
}];
|
|
56
|
+
}
|
|
57
|
+
};
|
|
58
|
+
exports.reactWorkspaceDesignSystemTemplate = reactWorkspaceDesignSystemTemplate;
|
|
59
|
+
|
|
60
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["index.ts"],"names":["reactWorkspaceDesignSystemTemplate","name","description","generateFiles","context","fork","id","targetName","path"],"mappings":";;;;;;;;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,MAAMA,kCAAqD,GAAG;AACnEC,EAAAA,IAAI,EAAE,qBAD6D;AAEnEC,EAAAA,WAAW,EAAE,qDAFsD;AAGnEC,EAAAA,aAAa,EAAE,MAAOC,OAAP,IAAqC;AAClD,WAAO,sCAAoBA,OAApB,CAAP;AACD,GALkE;AAMnEC,EAAAA,IAAI,EAAE,MAAM;AACV,WAAO,CACL;AACEC,MAAAA,EAAE,EAAE,oCADN;AAEEC,MAAAA,UAAU,EAAE,gBAFd;AAGEC,MAAAA,IAAI,EAAE;AAHR,KADK,EAML;AAAEF,MAAAA,EAAE,EAAE,8BAAN;AAAsCC,MAAAA,UAAU,EAAE,eAAlD;AAAmEC,MAAAA,IAAI,EAAE;AAAzE,KANK,EAOL;AAAEF,MAAAA,EAAE,EAAE,2BAAN;AAAmCC,MAAAA,UAAU,EAAE,YAA/C;AAA6DC,MAAAA,IAAI,EAAE;AAAnE,KAPK,EAQL;AAAEF,MAAAA,EAAE,EAAE,qCAAN;AAA6CC,MAAAA,UAAU,EAAE,sBAAzD;AAAiFC,MAAAA,IAAI,EAAE;AAAvF,KARK,EASL;AACEF,MAAAA,EAAE,EAAE,kCADN;AAEEC,MAAAA,UAAU,EAAE,mBAFd;AAGEC,MAAAA,IAAI,EAAE;AAHR,KATK,EAcL;AACEF,MAAAA,EAAE,EAAE,mCADN;AAEEC,MAAAA,UAAU,EAAE,oBAFd;AAGEC,MAAAA,IAAI,EAAE;AAHR,KAdK,EAmBL;AACEF,MAAAA,EAAE,EAAE,kCADN;AAEEC,MAAAA,UAAU,EAAE,mBAFd;AAGEC,MAAAA,IAAI,EAAE;AAHR,KAnBK,CAAP;AAyBD;AAhCkE,CAA9D","sourcesContent":["import { WorkspaceContext, WorkspaceTemplate } from '@teambit/generator';\nimport { generateFiles as generateCommonFiles } from '../workspace-common';\n\nexport const reactWorkspaceDesignSystemTemplate: WorkspaceTemplate = {\n name: 'react-design-system',\n description: 'React workspace with components for a Design System',\n generateFiles: async (context: WorkspaceContext) => {\n return generateCommonFiles(context);\n },\n fork: () => {\n return [\n {\n id: 'teambit.design/examples/sample-app',\n targetName: 'app/sample-app',\n path: 'app/sample-app',\n },\n { id: 'teambit.design/ui/cards/card', targetName: 'ui/cards/card', path: 'ui/cards/card' },\n { id: 'teambit.design/ui/heading', targetName: 'ui/heading', path: 'ui/heading' },\n { id: 'teambit.design/themes/theme-toggler', targetName: 'themes/theme-toggler', path: 'themes/theme-toggler' },\n {\n id: 'teambit.design/themes/base-theme',\n targetName: 'themes/base-theme',\n path: 'themes/base-theme',\n },\n {\n id: 'teambit.design/themes/light-theme',\n targetName: 'themes/light-theme',\n path: 'themes/light-theme',\n },\n {\n id: 'teambit.design/themes/dark-theme',\n targetName: 'themes/dark-theme',\n path: 'themes/dark-theme',\n },\n ];\n },\n};\n"]}
|