@teambit/react 0.0.676 → 0.0.679

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/react",
-  "version": "0.0.676",
+  "version": "0.0.679",
   "homepage": "https://bit.dev/teambit/react/react",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.react",
     "name": "react",
-    "version": "0.0.676"
+    "version": "0.0.679"
   },
   "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.676",
+    "@teambit/design.ui.pages.standalone-not-found-page": "0.0.356",
+    "@teambit/preview": "0.0.679",
     "@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.676",
-    "@teambit/bundler": "0.0.676",
-    "@teambit/compiler": "0.0.676",
-    "@teambit/component.modules.component-url": "0.0.123",
-    "@teambit/component": "0.0.676",
-    "@teambit/envs": "0.0.676",
-    "@teambit/eslint": "0.0.676",
-    "@teambit/formatter": "0.0.227",
-    "@teambit/jest": "0.0.676",
-    "@teambit/linter": "0.0.676",
-    "@teambit/pkg": "0.0.676",
-    "@teambit/prettier": "0.0.227",
+    "@teambit/builder": "0.0.679",
+    "@teambit/bundler": "0.0.679",
+    "@teambit/compiler": "0.0.679",
+    "@teambit/component.modules.component-url": "0.0.124",
+    "@teambit/component": "0.0.679",
+    "@teambit/envs": "0.0.679",
+    "@teambit/eslint": "0.0.679",
+    "@teambit/formatter": "0.0.230",
+    "@teambit/jest": "0.0.679",
+    "@teambit/linter": "0.0.679",
+    "@teambit/pkg": "0.0.679",
+    "@teambit/prettier": "0.0.230",
     "@teambit/react.ui.highlighter.component-metadata.bit-component-meta": "0.0.21",
-    "@teambit/schema": "0.0.676",
-    "@teambit/tester": "0.0.676",
-    "@teambit/typescript": "0.0.676",
-    "@teambit/webpack": "0.0.676",
-    "@teambit/workspace": "0.0.676",
-    "@teambit/application": "0.0.318",
-    "@teambit/cli": "0.0.453",
-    "@teambit/dependency-resolver": "0.0.676",
-    "@teambit/generator": "0.0.676",
-    "@teambit/graphql": "0.0.676",
-    "@teambit/react.ui.highlighter-provider": "0.0.184",
-    "@teambit/compositions": "0.0.676",
-    "@teambit/ui": "0.0.676",
-    "@teambit/react.eslint-config-bit-react": "0.0.530",
+    "@teambit/schema": "0.0.679",
+    "@teambit/tester": "0.0.679",
+    "@teambit/typescript": "0.0.679",
+    "@teambit/webpack": "0.0.679",
+    "@teambit/workspace": "0.0.679",
+    "@teambit/application": "0.0.321",
+    "@teambit/cli": "0.0.454",
+    "@teambit/dependency-resolver": "0.0.679",
+    "@teambit/generator": "0.0.679",
+    "@teambit/graphql": "0.0.679",
+    "@teambit/react.ui.highlighter-provider": "0.0.185",
+    "@teambit/compositions": "0.0.679",
+    "@teambit/ui": "0.0.679",
+    "@teambit/react.eslint-config-bit-react": "0.0.531",
     "@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.467"
   },
   "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.233",
     "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.233",
         "react-dom": "^16.8.0 || ^17.0.0",
         "react": "^16.8.0 || ^17.0.0"
       }

package/{preview-1647314610121.js → preview-1647509820722.js}

@@ -1,2 +1,2 @@
-export const compositions = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.react_react@0.0.676/dist/react.composition.js')]
-export const overview = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.react_react@0.0.676/dist/react.docs.mdx')]
+export const compositions = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.react_react@0.0.679/dist/react.composition.js')]
+export const overview = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.react_react@0.0.679/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-component/index.ts

@@ -11,11 +11,12 @@ export const reactComponent: ComponentTemplate = {
   generateFiles: (context: ComponentContext) => {
     return [indexFile(context), componentFile(context), compositionFile(context), docsFile(context), testFile(context)];
   },
-  // config: {
-  //   'teambit.envs/envs': {
-  //     env: 'teambit.react/react',
-  //   },
-  // }
+  config: {
+    'teambit.react/react': {},
+    'teambit.envs/envs': {
+      env: 'teambit.react/react',
+    },
+  },
 };
 
 export const deprecatedReactComponent: ComponentTemplate = {

package/templates/react-component-js/index.ts

@@ -17,11 +17,12 @@ export const reactComponentJS: ComponentTemplate = {
     };
     return [indexFile, componentFile(context), compositionFile(context), docsFile(context), testFile(context)];
   },
-  // config: {
-  //   'teambit.envs/envs': {
-  //     env: 'teambit.react/react',
-  //   },
-  // }
+  config: {
+    'teambit.react/react': {},
+    'teambit.envs/envs': {
+      env: 'teambit.react/react',
+    },
+  },
 };
 
 export const deprecatedReactComponentJS: ComponentTemplate = {

package/templates/react-context/index.ts

@@ -20,9 +20,10 @@ export const reactContext: ComponentTemplate = {
       testFile(context),
     ];
   },
-  // config: {
-  //   'teambit.envs/envs': {
-  //     env: 'teambit.react/react',
-  //   },
-  // }
+  config: {
+    'teambit.react/react': {},
+    'teambit.envs/envs': {
+      env: 'teambit.react/react',
+    },
+  },
 };

package/templates/react-env/index.ts

@@ -49,7 +49,7 @@ export const reactEnvTemplate: ComponentTemplate = {
     ];
   },
   config: {
-    'teambit.envs/env': {},
+    'teambit.react/react': {},
     'teambit.envs/envs': {
       env: 'teambit.envs/env',
     },

package/templates/react-hook/index.ts

@@ -12,9 +12,10 @@ export const reactHook: ComponentTemplate = {
   generateFiles: (context: ComponentContext) => {
     return [indexFile(context), componentFile(context), compositionFile(context), docsFile(context), testFile(context)];
   },
-  // config: {
-  //   'teambit.envs/envs': {
-  //     env: 'teambit.react/react',
-  //   },
-  // }
+  config: {
+    'teambit.react/react': {},
+    'teambit.envs/envs': {
+      env: 'teambit.react/react',
+    },
+  },
 };

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);