@teambit/react 0.0.677 → 0.0.680

package/dist/react.docs.mdx

@@ -1,5 +1,5 @@
 ---
-description: A Bit development environment for React Components
+description: A development environment for React Components
 labels: ['react', 'environment', 'env', 'aspect', 'extension']
 ---
 

package/dist/templates/react-app/files/app.js

@@ -9,14 +9,12 @@ function appFile({
   namePascalCase: Name
 }) {
   return `import React from 'react';
-import { BrowserRouter, Routes, Route } from 'react-router-dom';
+import { Routes, Route } from 'react-router-dom';
 
 export function ${Name}App() {
   return (
-    <BrowserRouter>
-
+    <>
        {/* header component */}
-
         <Routes>
           <Route path="/" element={<div>Hello World!!</div>}>
              {/* home page component */}
@@ -27,10 +25,8 @@ export function ${Name}App() {
           </Route>
 
         </Routes>
-
         {/* footer component */}
-
-    </BrowserRouter>
+    </>
   );
 }
 `;

package/dist/templates/react-app/files/app.js.map

@@ -1 +1 @@
-{"version":3,"sources":["app.ts"],"names":["appFile","namePascalCase","Name"],"mappings":";;;;;;;AAEO,SAASA,OAAT,CAAiB;AAAEC,EAAAA,cAAc,EAAEC;AAAlB,CAAjB,EAA6D;AAClE,SAAQ;AACV;AACA;AACA,kBAAkBA,IAAK;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAzBE;AA0BD","sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport function appFile({ namePascalCase: Name }: ComponentContext) {\n  return `import React from 'react';\nimport { BrowserRouter, Routes, Route } from 'react-router-dom';\n\nexport function ${Name}App() {\n  return (\n    <BrowserRouter>\n\n       {/* header component */}\n\n        <Routes>\n          <Route path=\"/\" element={<div>Hello World!!</div>}>\n             {/* home page component */}\n          </Route>\n\n          <Route path=\"/about\">\n             {/* about page component */}\n          </Route>\n\n        </Routes>\n\n        {/* footer component */}\n\n    </BrowserRouter>\n  );\n}\n`;\n}\n"]}
+{"version":3,"sources":["app.ts"],"names":["appFile","namePascalCase","Name"],"mappings":";;;;;;;AAEO,SAASA,OAAT,CAAiB;AAAEC,EAAAA,cAAc,EAAEC;AAAlB,CAAjB,EAA6D;AAClE,SAAQ;AACV;AACA;AACA,kBAAkBA,IAAK;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CArBE;AAsBD","sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport function appFile({ namePascalCase: Name }: ComponentContext) {\n  return `import React from 'react';\nimport { Routes, Route } from 'react-router-dom';\n\nexport function ${Name}App() {\n  return (\n    <>\n       {/* header component */}\n        <Routes>\n          <Route path=\"/\" element={<div>Hello World!!</div>}>\n             {/* home page component */}\n          </Route>\n\n          <Route path=\"/about\">\n             {/* about page component */}\n          </Route>\n\n        </Routes>\n        {/* footer component */}\n    </>\n  );\n}\n`;\n}\n"]}

package/dist/templates/react-app/files/compositions.js

@@ -9,10 +9,15 @@ function compositionsFile({
   namePascalCase: Name
 }) {
   return `import React from 'react';
+import { MemoryRouter } from 'react-router-dom';
 import { ${Name}App } from './app';
 
 export const ${Name}Basic = () => {
-  return <${Name}App />;
+  return (
+    <MemoryRouter>
+      <${Name}App />
+    </MemoryRouter>
+  );
 };
 `;
 }

package/dist/templates/react-app/files/compositions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["compositions.ts"],"names":["compositionsFile","namePascalCase","Name"],"mappings":";;;;;;;AAEO,SAASA,gBAAT,CAA0B;AAAEC,EAAAA,cAAc,EAAEC;AAAlB,CAA1B,EAAsE;AAC3E,SAAQ;AACV,WAAWA,IAAK;AAChB;AACA,eAAeA,IAAK;AACpB,YAAYA,IAAK;AACjB;AACA,CANE;AAOD","sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport function compositionsFile({ namePascalCase: Name }: ComponentContext) {\n  return `import React from 'react';\nimport { ${Name}App } from './app';\n\nexport const ${Name}Basic = () => {\n  return <${Name}App />;\n};\n`;\n}\n"]}
+{"version":3,"sources":["compositions.ts"],"names":["compositionsFile","namePascalCase","Name"],"mappings":";;;;;;;AAEO,SAASA,gBAAT,CAA0B;AAAEC,EAAAA,cAAc,EAAEC;AAAlB,CAA1B,EAAsE;AAC3E,SAAQ;AACV;AACA,WAAWA,IAAK;AAChB;AACA,eAAeA,IAAK;AACpB;AACA;AACA,SAASA,IAAK;AACd;AACA;AACA;AACA,CAXE;AAYD","sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport function compositionsFile({ namePascalCase: Name }: ComponentContext) {\n  return `import React from 'react';\nimport { MemoryRouter } from 'react-router-dom';\nimport { ${Name}App } from './app';\n\nexport const ${Name}Basic = () => {\n  return (\n    <MemoryRouter>\n      <${Name}App />\n    </MemoryRouter>\n  );\n};\n`;\n}\n"]}

package/dist/templates/react-workspace/index.js

@@ -24,27 +24,20 @@ const reactWorkspaceTemplate = {
     return (0, _workspaceCommon().generateFiles)(context);
   },
   importComponents: () => {
-    return [{
-      id: 'teambit.react/templates/envs/my-react',
-      targetName: 'envs/my-react',
-      path: 'demo/envs/my-react'
-    }, {
-      id: 'teambit.react/templates/ui/text',
-      targetName: 'ui/text',
-      path: 'demo/ui/text'
-    }, {
-      id: 'teambit.react/templates/ui/heading',
-      targetName: 'ui/heading',
-      path: 'demo/ui/heading'
-    }, {
-      id: 'teambit.react/templates/ui/card',
-      targetName: 'ui/card',
-      path: 'demo/ui/card'
-    }, {
-      id: 'teambit.react/templates/pages/welcome',
-      targetName: 'pages/welcome',
-      path: 'demo/pages/welcome'
-    }];
+    return [// {
+      //   id: 'teambit.react/templates/envs/my-react',
+      //   targetName: 'envs/my-react',
+      //   path: 'demo/envs/my-react',
+      // },
+      // { id: 'teambit.react/templates/ui/text', targetName: 'ui/text', path: 'demo/ui/text' },
+      // { id: 'teambit.react/templates/ui/heading', targetName: 'ui/heading', path: 'demo/ui/heading' },
+      // { id: 'teambit.react/templates/ui/card', targetName: 'ui/card', path: 'demo/ui/card' },
+      // {
+      //   id: 'teambit.react/templates/pages/welcome',
+      //   targetName: 'pages/welcome',
+      //   path: 'demo/pages/welcome',
+      // },
+    ];
   }
 };
 exports.reactWorkspaceTemplate = reactWorkspaceTemplate;

package/dist/templates/react-workspace/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["reactWorkspaceTemplate","name","description","generateFiles","context","importComponents","id","targetName","path"],"mappings":";;;;;;;;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,MAAMA,sBAAyC,GAAG;AACvDC,EAAAA,IAAI,EAAE,OADiD;AAEvDC,EAAAA,WAAW,EAAE,sCAF0C;AAGvDC,EAAAA,aAAa,EAAE,MAAOC,OAAP,IAAqC;AAClD,WAAO,sCAAoBA,OAApB,CAAP;AACD,GALsD;AAMvDC,EAAAA,gBAAgB,EAAE,MAAM;AACtB,WAAO,CACL;AACEC,MAAAA,EAAE,EAAE,uCADN;AAEEC,MAAAA,UAAU,EAAE,eAFd;AAGEC,MAAAA,IAAI,EAAE;AAHR,KADK,EAML;AAAEF,MAAAA,EAAE,EAAE,iCAAN;AAAyCC,MAAAA,UAAU,EAAE,SAArD;AAAgEC,MAAAA,IAAI,EAAE;AAAtE,KANK,EAOL;AAAEF,MAAAA,EAAE,EAAE,oCAAN;AAA4CC,MAAAA,UAAU,EAAE,YAAxD;AAAsEC,MAAAA,IAAI,EAAE;AAA5E,KAPK,EAQL;AAAEF,MAAAA,EAAE,EAAE,iCAAN;AAAyCC,MAAAA,UAAU,EAAE,SAArD;AAAgEC,MAAAA,IAAI,EAAE;AAAtE,KARK,EASL;AACEF,MAAAA,EAAE,EAAE,uCADN;AAEEC,MAAAA,UAAU,EAAE,eAFd;AAGEC,MAAAA,IAAI,EAAE;AAHR,KATK,CAAP;AAeD;AAtBsD,CAAlD","sourcesContent":["import { WorkspaceContext, WorkspaceTemplate } from '@teambit/generator';\nimport { generateFiles as generateCommonFiles } from '../workspace-common';\n\nexport const reactWorkspaceTemplate: WorkspaceTemplate = {\n  name: 'react',\n  description: 'React workspace with demo components',\n  generateFiles: async (context: WorkspaceContext) => {\n    return generateCommonFiles(context);\n  },\n  importComponents: () => {\n    return [\n      {\n        id: 'teambit.react/templates/envs/my-react',\n        targetName: 'envs/my-react',\n        path: 'demo/envs/my-react',\n      },\n      { id: 'teambit.react/templates/ui/text', targetName: 'ui/text', path: 'demo/ui/text' },\n      { id: 'teambit.react/templates/ui/heading', targetName: 'ui/heading', path: 'demo/ui/heading' },\n      { id: 'teambit.react/templates/ui/card', targetName: 'ui/card', path: 'demo/ui/card' },\n      {\n        id: 'teambit.react/templates/pages/welcome',\n        targetName: 'pages/welcome',\n        path: 'demo/pages/welcome',\n      },\n    ];\n  },\n};\n"]}
+{"version":3,"sources":["index.ts"],"names":["reactWorkspaceTemplate","name","description","generateFiles","context","importComponents"],"mappings":";;;;;;;;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,MAAMA,sBAAyC,GAAG;AACvDC,EAAAA,IAAI,EAAE,OADiD;AAEvDC,EAAAA,WAAW,EAAE,sCAF0C;AAGvDC,EAAAA,aAAa,EAAE,MAAOC,OAAP,IAAqC;AAClD,WAAO,sCAAoBA,OAApB,CAAP;AACD,GALsD;AAMvDC,EAAAA,gBAAgB,EAAE,MAAM;AACtB,WAAO,CACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAbK,KAAP;AAeD;AAtBsD,CAAlD","sourcesContent":["import { WorkspaceContext, WorkspaceTemplate } from '@teambit/generator';\nimport { generateFiles as generateCommonFiles } from '../workspace-common';\n\nexport const reactWorkspaceTemplate: WorkspaceTemplate = {\n  name: 'react',\n  description: 'React workspace with demo components',\n  generateFiles: async (context: WorkspaceContext) => {\n    return generateCommonFiles(context);\n  },\n  importComponents: () => {\n    return [\n      // {\n      //   id: 'teambit.react/templates/envs/my-react',\n      //   targetName: 'envs/my-react',\n      //   path: 'demo/envs/my-react',\n      // },\n      // { id: 'teambit.react/templates/ui/text', targetName: 'ui/text', path: 'demo/ui/text' },\n      // { id: 'teambit.react/templates/ui/heading', targetName: 'ui/heading', path: 'demo/ui/heading' },\n      // { id: 'teambit.react/templates/ui/card', targetName: 'ui/card', path: 'demo/ui/card' },\n      // {\n      //   id: 'teambit.react/templates/pages/welcome',\n      //   targetName: 'pages/welcome',\n      //   path: 'demo/pages/welcome',\n      // },\n    ];\n  },\n};\n"]}

package/dist/templates/workspace-common/files/workspace-config.js

@@ -31,7 +31,7 @@ async function workspaceConfig({
   name,
   defaultScope
 }) {
-  const scope = defaultScope || 'company.scope';
+  const scope = defaultScope || 'my-org.my-scope';
   const configParsed = await (0, _config().getWorkspaceConfigTemplateParsed)();
   configParsed['teambit.workspace/workspace'].name = name;
   configParsed['teambit.workspace/workspace'].defaultScope = scope;
@@ -54,37 +54,7 @@ async function workspaceConfig({
     }
   };
   const variants = {
-    'teambit.workspace/variants': (0, _commentJson().parse)(`{
-      /**
-       * configures all components with namespaces 'ui', 'blocks', 'pages' and 'themes'
-       * to use the default React development environment.
-       *
-      */
-      "{ui/**}, {blocks/**}, {pages/**}, {themes/**}": {
-        "teambit.react/react": {}
-      },
-  
-      /**
-       * configures components with namespaces 'entities', 'modules' and 'functions' to use the 
-       * default NodeJS dev environment.
-      */
-      "{entities/**}, {modules/**}, {functions/**}": {
-        "teambit.harmony/node": {}
-      },
-      /**
-       * configures components with namespace 'content' to use the MDX dev environment.
-      */
-      "{content/**}": {
-        "teambit.mdx/mdx": {}
-      },
-  
-      /**
-       * configures components with namespaces 'envs' and 'aspects' to use the default Aspect development environment.
-      */
-      "{envs/**}, {aspects/**}, {apps/**}": {
-        "teambit.harmony/aspect": {}
-      }
-    }`)
+    'teambit.workspace/variants': (0, _commentJson().parse)(`{}`)
   };
   const configMerged = (0, _commentJson().assign)(configParsed, variants);
   return (0, _config().stringifyWorkspaceConfig)(configMerged);

package/dist/templates/workspace-common/files/workspace-config.js.map

@@ -1 +1 @@
-{"version":3,"sources":["workspace-config.ts"],"names":["workspaceConfig","name","defaultScope","scope","configParsed","packageManager","policy","dependencies","peerDependencies","react","variants","configMerged"],"mappings":";;;;;;;;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,eAAeA,eAAf,CAA+B;AAAEC,EAAAA,IAAF;AAAQC,EAAAA;AAAR,CAA/B,EAAyE;AAC9E,QAAMC,KAAK,GAAGD,YAAY,IAAI,eAA9B;AACA,QAAME,YAAY,GAAG,MAAM,iDAA3B;AACAA,EAAAA,YAAY,CAAC,6BAAD,CAAZ,CAA4CH,IAA5C,GAAmDA,IAAnD;AACAG,EAAAA,YAAY,CAAC,6BAAD,CAAZ,CAA4CF,YAA5C,GAA2DC,KAA3D;AACAC,EAAAA,YAAY,CAAC,0CAAD,CAAZ,CAAyDC,cAAzD,GAA0E,2BAA1E;AACAD,EAAAA,YAAY,CAAC,0CAAD,CAAZ,CAAyDE,MAAzD,GAAkE;AAChEC,IAAAA,YAAY,EAAE;AACZ,0CAAoC,UADxB;AAEZ,0CAAoC,QAFxB;AAGZ,qCAA+B,OAHnB;AAIZ,8BAAwB,QAJZ;AAKZ,4BAAsB,QALV;AAMZ,gCAA0B,OANd;AAOZ,2BAAqB,QAPT;AAQZ,6BAAuB;AARX,KADkD;AAWhEC,IAAAA,gBAAgB,EAAE;AAChB,gCAA0B,QADV;AAEhBC,MAAAA,KAAK,EAAE,QAFS;AAGhB,mBAAa;AAHG;AAX8C,GAAlE;AAkBA,QAAMC,QAAQ,GAAG;AACf,kCAA8B,0BAAO;AACzC;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,MA9BkC;AADf,GAAjB;AAkCA,QAAMC,YAAY,GAAG,2BAAOP,YAAP,EAAqBM,QAArB,CAArB;AAEA,SAAO,wCAAyBC,YAAzB,CAAP;AACD","sourcesContent":["import { WorkspaceContext } from '@teambit/generator';\nimport { getWorkspaceConfigTemplateParsed, stringifyWorkspaceConfig } from '@teambit/config';\nimport { parse, assign } from 'comment-json';\n\nexport async function workspaceConfig({ name, defaultScope }: WorkspaceContext) {\n  const scope = defaultScope || 'company.scope';\n  const configParsed = await getWorkspaceConfigTemplateParsed();\n  configParsed['teambit.workspace/workspace'].name = name;\n  configParsed['teambit.workspace/workspace'].defaultScope = scope;\n  configParsed['teambit.dependencies/dependency-resolver'].packageManager = 'teambit.dependencies/pnpm';\n  configParsed['teambit.dependencies/dependency-resolver'].policy = {\n    dependencies: {\n      '@teambit/eslint-config-bit-react': '~0.0.367',\n      '@typescript-eslint/eslint-plugin': '4.29.3',\n      'eslint-import-resolver-node': '0.3.6',\n      'eslint-plugin-import': '2.22.1',\n      'eslint-plugin-jest': '24.4.0',\n      'eslint-plugin-jsx-a11y': '6.4.1',\n      'eslint-plugin-mdx': '1.15.0',\n      'eslint-plugin-react': '7.25.1',\n    },\n    peerDependencies: {\n      '@testing-library/react': '12.0.0',\n      react: '17.0.2',\n      'react-dom': '17.0.2',\n    },\n  };\n\n  const variants = {\n    'teambit.workspace/variants': parse(`{\n      /**\n       * configures all components with namespaces 'ui', 'blocks', 'pages' and 'themes'\n       * to use the default React development environment.\n       *\n      */\n      \"{ui/**}, {blocks/**}, {pages/**}, {themes/**}\": {\n        \"teambit.react/react\": {}\n      },\n  \n      /**\n       * configures components with namespaces 'entities', 'modules' and 'functions' to use the \n       * default NodeJS dev environment.\n      */\n      \"{entities/**}, {modules/**}, {functions/**}\": {\n        \"teambit.harmony/node\": {}\n      },\n      /**\n       * configures components with namespace 'content' to use the MDX dev environment.\n      */\n      \"{content/**}\": {\n        \"teambit.mdx/mdx\": {}\n      },\n  \n      /**\n       * configures components with namespaces 'envs' and 'aspects' to use the default Aspect development environment.\n      */\n      \"{envs/**}, {aspects/**}, {apps/**}\": {\n        \"teambit.harmony/aspect\": {}\n      }\n    }`),\n  };\n\n  const configMerged = assign(configParsed, variants);\n\n  return stringifyWorkspaceConfig(configMerged);\n}\n"]}
+{"version":3,"sources":["workspace-config.ts"],"names":["workspaceConfig","name","defaultScope","scope","configParsed","packageManager","policy","dependencies","peerDependencies","react","variants","configMerged"],"mappings":";;;;;;;;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,eAAeA,eAAf,CAA+B;AAAEC,EAAAA,IAAF;AAAQC,EAAAA;AAAR,CAA/B,EAAyE;AAC9E,QAAMC,KAAK,GAAGD,YAAY,IAAI,iBAA9B;AACA,QAAME,YAAY,GAAG,MAAM,iDAA3B;AACAA,EAAAA,YAAY,CAAC,6BAAD,CAAZ,CAA4CH,IAA5C,GAAmDA,IAAnD;AACAG,EAAAA,YAAY,CAAC,6BAAD,CAAZ,CAA4CF,YAA5C,GAA2DC,KAA3D;AACAC,EAAAA,YAAY,CAAC,0CAAD,CAAZ,CAAyDC,cAAzD,GAA0E,2BAA1E;AACAD,EAAAA,YAAY,CAAC,0CAAD,CAAZ,CAAyDE,MAAzD,GAAkE;AAChEC,IAAAA,YAAY,EAAE;AACZ,0CAAoC,UADxB;AAEZ,0CAAoC,QAFxB;AAGZ,qCAA+B,OAHnB;AAIZ,8BAAwB,QAJZ;AAKZ,4BAAsB,QALV;AAMZ,gCAA0B,OANd;AAOZ,2BAAqB,QAPT;AAQZ,6BAAuB;AARX,KADkD;AAWhEC,IAAAA,gBAAgB,EAAE;AAChB,gCAA0B,QADV;AAEhBC,MAAAA,KAAK,EAAE,QAFS;AAGhB,mBAAa;AAHG;AAX8C,GAAlE;AAkBA,QAAMC,QAAQ,GAAG;AACf,kCAA8B,0BAAO,IAAP;AADf,GAAjB;AAIA,QAAMC,YAAY,GAAG,2BAAOP,YAAP,EAAqBM,QAArB,CAArB;AAEA,SAAO,wCAAyBC,YAAzB,CAAP;AACD","sourcesContent":["import { WorkspaceContext } from '@teambit/generator';\nimport { getWorkspaceConfigTemplateParsed, stringifyWorkspaceConfig } from '@teambit/config';\nimport { parse, assign } from 'comment-json';\n\nexport async function workspaceConfig({ name, defaultScope }: WorkspaceContext) {\n  const scope = defaultScope || 'my-org.my-scope';\n  const configParsed = await getWorkspaceConfigTemplateParsed();\n  configParsed['teambit.workspace/workspace'].name = name;\n  configParsed['teambit.workspace/workspace'].defaultScope = scope;\n  configParsed['teambit.dependencies/dependency-resolver'].packageManager = 'teambit.dependencies/pnpm';\n  configParsed['teambit.dependencies/dependency-resolver'].policy = {\n    dependencies: {\n      '@teambit/eslint-config-bit-react': '~0.0.367',\n      '@typescript-eslint/eslint-plugin': '4.29.3',\n      'eslint-import-resolver-node': '0.3.6',\n      'eslint-plugin-import': '2.22.1',\n      'eslint-plugin-jest': '24.4.0',\n      'eslint-plugin-jsx-a11y': '6.4.1',\n      'eslint-plugin-mdx': '1.15.0',\n      'eslint-plugin-react': '7.25.1',\n    },\n    peerDependencies: {\n      '@testing-library/react': '12.0.0',\n      react: '17.0.2',\n      'react-dom': '17.0.2',\n    },\n  };\n\n  const variants = {\n    'teambit.workspace/variants': parse(`{}`),\n  };\n\n  const configMerged = assign(configParsed, variants);\n\n  return stringifyWorkspaceConfig(configMerged);\n}\n"]}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/react",
-  "version": "0.0.677",
+  "version": "0.0.680",
   "homepage": "https://bit.dev/teambit/react/react",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.react",
     "name": "react",
-    "version": "0.0.677"
+    "version": "0.0.680"
   },
   "dependencies": {
     "react-error-boundary": "^3.0.0",
@@ -78,50 +78,50 @@
     "@teambit/base-ui.utils.composer": "1.0.0",
     "@teambit/react.instructions.react.adding-compositions": "0.0.6",
     "@teambit/react.instructions.react.adding-tests": "0.0.6",
-    "@teambit/design.ui.pages.standalone-not-found-page": "0.0.355",
-    "@teambit/preview": "0.0.677",
+    "@teambit/design.ui.pages.standalone-not-found-page": "0.0.356",
+    "@teambit/preview": "0.0.680",
     "@teambit/react.ui.error-fallback": "0.0.110",
     "@teambit/react.ui.loader-fallback": "0.0.89",
     "@teambit/compositions.ui.hooks.use-composition": "0.0.163",
     "@teambit/design.ui.input.option-button": "0.0.26",
     "@teambit/design.ui.tooltip": "0.0.352",
-    "@teambit/builder": "0.0.677",
-    "@teambit/bundler": "0.0.677",
-    "@teambit/compiler": "0.0.677",
-    "@teambit/component.modules.component-url": "0.0.123",
-    "@teambit/component": "0.0.677",
-    "@teambit/envs": "0.0.677",
-    "@teambit/eslint": "0.0.677",
-    "@teambit/formatter": "0.0.228",
-    "@teambit/jest": "0.0.677",
-    "@teambit/linter": "0.0.677",
-    "@teambit/pkg": "0.0.677",
-    "@teambit/prettier": "0.0.228",
+    "@teambit/builder": "0.0.680",
+    "@teambit/bundler": "0.0.680",
+    "@teambit/compiler": "0.0.680",
+    "@teambit/component.modules.component-url": "0.0.124",
+    "@teambit/component": "0.0.680",
+    "@teambit/envs": "0.0.680",
+    "@teambit/eslint": "0.0.680",
+    "@teambit/formatter": "0.0.231",
+    "@teambit/jest": "0.0.680",
+    "@teambit/linter": "0.0.680",
+    "@teambit/pkg": "0.0.680",
+    "@teambit/prettier": "0.0.231",
     "@teambit/react.ui.highlighter.component-metadata.bit-component-meta": "0.0.21",
-    "@teambit/schema": "0.0.677",
-    "@teambit/tester": "0.0.677",
-    "@teambit/typescript": "0.0.677",
-    "@teambit/webpack": "0.0.677",
-    "@teambit/workspace": "0.0.677",
-    "@teambit/application": "0.0.319",
-    "@teambit/cli": "0.0.453",
-    "@teambit/dependency-resolver": "0.0.677",
-    "@teambit/generator": "0.0.677",
-    "@teambit/graphql": "0.0.677",
-    "@teambit/react.ui.highlighter-provider": "0.0.184",
-    "@teambit/compositions": "0.0.677",
-    "@teambit/ui": "0.0.677",
-    "@teambit/react.eslint-config-bit-react": "0.0.530",
+    "@teambit/schema": "0.0.680",
+    "@teambit/tester": "0.0.680",
+    "@teambit/typescript": "0.0.680",
+    "@teambit/webpack": "0.0.680",
+    "@teambit/workspace": "0.0.680",
+    "@teambit/application": "0.0.322",
+    "@teambit/cli": "0.0.455",
+    "@teambit/dependency-resolver": "0.0.680",
+    "@teambit/generator": "0.0.680",
+    "@teambit/graphql": "0.0.680",
+    "@teambit/react.ui.highlighter-provider": "0.0.185",
+    "@teambit/compositions": "0.0.680",
+    "@teambit/ui": "0.0.680",
+    "@teambit/react.eslint-config-bit-react": "0.0.532",
     "@teambit/webpack.modules.generate-expose-loaders": "0.0.3",
     "@teambit/webpack.modules.generate-externals": "0.0.3",
     "@teambit/webpack.modules.config-mutator": "0.0.137",
     "@teambit/mdx.modules.mdx-loader": "0.0.489",
-    "@teambit/react.babel.bit-react-transformer": "0.0.500",
+    "@teambit/react.babel.bit-react-transformer": "0.0.501",
     "@teambit/webpack.modules.generate-style-loaders": "0.0.103",
     "@teambit/webpack.modules.style-regexps": "0.0.132",
-    "@teambit/component-id": "0.0.401",
+    "@teambit/component-id": "0.0.402",
     "@teambit/toolbox.network.get-port": "0.0.113",
-    "@teambit/config": "0.0.466"
+    "@teambit/config": "0.0.468"
   },
   "devDependencies": {
     "@types/react": "^17.0.8",
@@ -140,7 +140,7 @@
     "@teambit/react.content.react-overview": "1.95.0"
   },
   "peerDependencies": {
-    "@teambit/legacy": "1.0.232",
+    "@teambit/legacy": "1.0.234",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react": "^16.8.0 || ^17.0.0"
   },
@@ -202,7 +202,7 @@
         "@types/jest": "^26.0.0"
       },
       "peerDependencies": {
-        "@teambit/legacy": "1.0.232",
+        "@teambit/legacy": "1.0.234",
         "react-dom": "^16.8.0 || ^17.0.0",
         "react": "^16.8.0 || ^17.0.0"
       }

package/{preview-1647401023351.js → preview-1647573899025.js}

@@ -1,2 +1,2 @@
-export const compositions = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.react_react@0.0.677/dist/react.composition.js')]
-export const overview = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.react_react@0.0.677/dist/react.docs.mdx')]
+export const compositions = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.react_react@0.0.680/dist/react.composition.js')]
+export const overview = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.react_react@0.0.680/dist/react.docs.mdx')]

package/react.composition.tsx

@@ -2,6 +2,6 @@ import React from 'react';
 
 export const Logo = () => (
   <div style={{ height: '100%', display: 'flex', justifyContent: 'center' }}>
-    <img style={{ width: 70 }} src="https://static.bit.dev/brands/logo-react.svg" />
+    <img style={{ width: 70 }} src="https://static.bit.dev/extensions-icons/react.svg" />
   </div>
 );

package/react.docs.mdx

@@ -1,5 +1,5 @@
 ---
-description: A Bit development environment for React Components
+description: A development environment for React Components
 labels: ['react', 'environment', 'env', 'aspect', 'extension']
 ---
 

package/templates/react-app/files/app.ts

@@ -2,14 +2,12 @@ import { ComponentContext } from '@teambit/generator';
 
 export function appFile({ namePascalCase: Name }: ComponentContext) {
   return `import React from 'react';
-import { BrowserRouter, Routes, Route } from 'react-router-dom';
+import { Routes, Route } from 'react-router-dom';
 
 export function ${Name}App() {
   return (
-    <BrowserRouter>
-
+    <>
        {/* header component */}
-
         <Routes>
           <Route path="/" element={<div>Hello World!!</div>}>
              {/* home page component */}
@@ -20,10 +18,8 @@ export function ${Name}App() {
           </Route>
 
         </Routes>
-
         {/* footer component */}
-
-    </BrowserRouter>
+    </>
   );
 }
 `;

package/templates/react-app/files/compositions.ts

@@ -2,10 +2,15 @@ import { ComponentContext } from '@teambit/generator';
 
 export function compositionsFile({ namePascalCase: Name }: ComponentContext) {
   return `import React from 'react';
+import { MemoryRouter } from 'react-router-dom';
 import { ${Name}App } from './app';
 
 export const ${Name}Basic = () => {
-  return <${Name}App />;
+  return (
+    <MemoryRouter>
+      <${Name}App />
+    </MemoryRouter>
+  );
 };
 `;
 }

package/templates/react-workspace/index.ts

@@ -9,19 +9,19 @@ export const reactWorkspaceTemplate: WorkspaceTemplate = {
   },
   importComponents: () => {
     return [
-      {
-        id: 'teambit.react/templates/envs/my-react',
-        targetName: 'envs/my-react',
-        path: 'demo/envs/my-react',
-      },
-      { id: 'teambit.react/templates/ui/text', targetName: 'ui/text', path: 'demo/ui/text' },
-      { id: 'teambit.react/templates/ui/heading', targetName: 'ui/heading', path: 'demo/ui/heading' },
-      { id: 'teambit.react/templates/ui/card', targetName: 'ui/card', path: 'demo/ui/card' },
-      {
-        id: 'teambit.react/templates/pages/welcome',
-        targetName: 'pages/welcome',
-        path: 'demo/pages/welcome',
-      },
+      // {
+      //   id: 'teambit.react/templates/envs/my-react',
+      //   targetName: 'envs/my-react',
+      //   path: 'demo/envs/my-react',
+      // },
+      // { id: 'teambit.react/templates/ui/text', targetName: 'ui/text', path: 'demo/ui/text' },
+      // { id: 'teambit.react/templates/ui/heading', targetName: 'ui/heading', path: 'demo/ui/heading' },
+      // { id: 'teambit.react/templates/ui/card', targetName: 'ui/card', path: 'demo/ui/card' },
+      // {
+      //   id: 'teambit.react/templates/pages/welcome',
+      //   targetName: 'pages/welcome',
+      //   path: 'demo/pages/welcome',
+      // },
     ];
   },
 };

package/templates/workspace-common/files/workspace-config.ts

@@ -3,7 +3,7 @@ import { getWorkspaceConfigTemplateParsed, stringifyWorkspaceConfig } from '@tea
 import { parse, assign } from 'comment-json';
 
 export async function workspaceConfig({ name, defaultScope }: WorkspaceContext) {
-  const scope = defaultScope || 'company.scope';
+  const scope = defaultScope || 'my-org.my-scope';
   const configParsed = await getWorkspaceConfigTemplateParsed();
   configParsed['teambit.workspace/workspace'].name = name;
   configParsed['teambit.workspace/workspace'].defaultScope = scope;
@@ -27,37 +27,7 @@ export async function workspaceConfig({ name, defaultScope }: WorkspaceContext)
   };
 
   const variants = {
-    'teambit.workspace/variants': parse(`{
-      /**
-       * configures all components with namespaces 'ui', 'blocks', 'pages' and 'themes'
-       * to use the default React development environment.
-       *
-      */
-      "{ui/**}, {blocks/**}, {pages/**}, {themes/**}": {
-        "teambit.react/react": {}
-      },
-  
-      /**
-       * configures components with namespaces 'entities', 'modules' and 'functions' to use the 
-       * default NodeJS dev environment.
-      */
-      "{entities/**}, {modules/**}, {functions/**}": {
-        "teambit.harmony/node": {}
-      },
-      /**
-       * configures components with namespace 'content' to use the MDX dev environment.
-      */
-      "{content/**}": {
-        "teambit.mdx/mdx": {}
-      },
-  
-      /**
-       * configures components with namespaces 'envs' and 'aspects' to use the default Aspect development environment.
-      */
-      "{envs/**}, {aspects/**}, {apps/**}": {
-        "teambit.harmony/aspect": {}
-      }
-    }`),
+    'teambit.workspace/variants': parse(`{}`),
   };
 
   const configMerged = assign(configParsed, variants);