@teambit/workspace 0.0.653 → 0.0.656

package/component-tree.widget.tsx

@@ -1,16 +1,28 @@
 import { ComponentTreeNode, ComponentTreeNodeProps } from '@teambit/component-tree';
 import { ComponentStatusResolver } from '@teambit/component.ui.component-status-resolver';
-import React, { useContext } from 'react';
+import React, { useContext, useMemo } from 'react';
 
+import { useLanesContext } from '@teambit/lanes.ui.lanes';
 import { WorkspaceContext } from './ui/workspace/workspace-context';
 
 export class ComponentTreeWidget implements ComponentTreeNode {
   widget = ({ component }: ComponentTreeNodeProps) => {
     const workspace = useContext(WorkspaceContext);
-
     const workspaceComponent = workspace.getComponent(component.id);
+    const lanes = useLanesContext();
+
+    const isInCurrentLane = useMemo(() => {
+      return workspaceComponent?.id && lanes?.isInCurrentLane(workspaceComponent.id);
+    }, [lanes?.currentLane, workspaceComponent?.id]);
+
     if (!workspaceComponent) return null;
 
-    return <ComponentStatusResolver status={workspaceComponent.status} issuesCount={workspaceComponent.issuesCount} />;
+    return (
+      <ComponentStatusResolver
+        status={workspaceComponent.status}
+        issuesCount={workspaceComponent.issuesCount}
+        isInCurrentLane={isInCurrentLane}
+      />
+    );
   };
 }

package/dist/component-tree.widget.js

@@ -37,6 +37,16 @@ function _react() {
   return data;
 }
 
+function _lanesUi() {
+  const data = require("@teambit/lanes.ui.lanes");
+
+  _lanesUi = function () {
+    return data;
+  };
+
+  return data;
+}
+
 function _workspaceContext() {
   const data = require("./ui/workspace/workspace-context");
 
@@ -58,10 +68,15 @@ class ComponentTreeWidget {
     }) => {
       const workspace = (0, _react().useContext)(_workspaceContext().WorkspaceContext);
       const workspaceComponent = workspace.getComponent(component.id);
+      const lanes = (0, _lanesUi().useLanesContext)();
+      const isInCurrentLane = (0, _react().useMemo)(() => {
+        return (workspaceComponent === null || workspaceComponent === void 0 ? void 0 : workspaceComponent.id) && (lanes === null || lanes === void 0 ? void 0 : lanes.isInCurrentLane(workspaceComponent.id));
+      }, [lanes === null || lanes === void 0 ? void 0 : lanes.currentLane, workspaceComponent === null || workspaceComponent === void 0 ? void 0 : workspaceComponent.id]);
       if (!workspaceComponent) return null;
       return /*#__PURE__*/_react().default.createElement(_componentUi().ComponentStatusResolver, {
         status: workspaceComponent.status,
-        issuesCount: workspaceComponent.issuesCount
+        issuesCount: workspaceComponent.issuesCount,
+        isInCurrentLane: isInCurrentLane
       });
     });
   }

package/dist/component-tree.widget.js.map

@@ -1 +1 @@
-{"version":3,"sources":["component-tree.widget.tsx"],"names":["ComponentTreeWidget","component","workspace","WorkspaceContext","workspaceComponent","getComponent","id","status","issuesCount"],"mappings":";;;;;;;;;;;;;;;;;;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;;;;;AAEO,MAAMA,mBAAN,CAAuD;AAAA;AAAA,oDACnD,CAAC;AAAEC,MAAAA;AAAF,KAAD,KAA2C;AAClD,YAAMC,SAAS,GAAG,yBAAWC,oCAAX,CAAlB;AAEA,YAAMC,kBAAkB,GAAGF,SAAS,CAACG,YAAV,CAAuBJ,SAAS,CAACK,EAAjC,CAA3B;AACA,UAAI,CAACF,kBAAL,EAAyB,OAAO,IAAP;AAEzB,0BAAO,+BAAC,sCAAD;AAAyB,QAAA,MAAM,EAAEA,kBAAkB,CAACG,MAApD;AAA4D,QAAA,WAAW,EAAEH,kBAAkB,CAACI;AAA5F,QAAP;AACD,KAR2D;AAAA;;AAAA","sourcesContent":["import { ComponentTreeNode, ComponentTreeNodeProps } from '@teambit/component-tree';\nimport { ComponentStatusResolver } from '@teambit/component.ui.component-status-resolver';\nimport React, { useContext } from 'react';\n\nimport { WorkspaceContext } from './ui/workspace/workspace-context';\n\nexport class ComponentTreeWidget implements ComponentTreeNode {\n  widget = ({ component }: ComponentTreeNodeProps) => {\n    const workspace = useContext(WorkspaceContext);\n\n    const workspaceComponent = workspace.getComponent(component.id);\n    if (!workspaceComponent) return null;\n\n    return <ComponentStatusResolver status={workspaceComponent.status} issuesCount={workspaceComponent.issuesCount} />;\n  };\n}\n"]}
+{"version":3,"sources":["component-tree.widget.tsx"],"names":["ComponentTreeWidget","component","workspace","WorkspaceContext","workspaceComponent","getComponent","id","lanes","isInCurrentLane","currentLane","status","issuesCount"],"mappings":";;;;;;;;;;;;;;;;;;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;;;;;AAEO,MAAMA,mBAAN,CAAuD;AAAA;AAAA,oDACnD,CAAC;AAAEC,MAAAA;AAAF,KAAD,KAA2C;AAClD,YAAMC,SAAS,GAAG,yBAAWC,oCAAX,CAAlB;AACA,YAAMC,kBAAkB,GAAGF,SAAS,CAACG,YAAV,CAAuBJ,SAAS,CAACK,EAAjC,CAA3B;AACA,YAAMC,KAAK,GAAG,iCAAd;AAEA,YAAMC,eAAe,GAAG,sBAAQ,MAAM;AACpC,eAAO,CAAAJ,kBAAkB,SAAlB,IAAAA,kBAAkB,WAAlB,YAAAA,kBAAkB,CAAEE,EAApB,MAA0BC,KAA1B,aAA0BA,KAA1B,uBAA0BA,KAAK,CAAEC,eAAP,CAAuBJ,kBAAkB,CAACE,EAA1C,CAA1B,CAAP;AACD,OAFuB,EAErB,CAACC,KAAD,aAACA,KAAD,uBAACA,KAAK,CAAEE,WAAR,EAAqBL,kBAArB,aAAqBA,kBAArB,uBAAqBA,kBAAkB,CAAEE,EAAzC,CAFqB,CAAxB;AAIA,UAAI,CAACF,kBAAL,EAAyB,OAAO,IAAP;AAEzB,0BACE,+BAAC,sCAAD;AACE,QAAA,MAAM,EAAEA,kBAAkB,CAACM,MAD7B;AAEE,QAAA,WAAW,EAAEN,kBAAkB,CAACO,WAFlC;AAGE,QAAA,eAAe,EAAEH;AAHnB,QADF;AAOD,KAnB2D;AAAA;;AAAA","sourcesContent":["import { ComponentTreeNode, ComponentTreeNodeProps } from '@teambit/component-tree';\nimport { ComponentStatusResolver } from '@teambit/component.ui.component-status-resolver';\nimport React, { useContext, useMemo } from 'react';\n\nimport { useLanesContext } from '@teambit/lanes.ui.lanes';\nimport { WorkspaceContext } from './ui/workspace/workspace-context';\n\nexport class ComponentTreeWidget implements ComponentTreeNode {\n  widget = ({ component }: ComponentTreeNodeProps) => {\n    const workspace = useContext(WorkspaceContext);\n    const workspaceComponent = workspace.getComponent(component.id);\n    const lanes = useLanesContext();\n\n    const isInCurrentLane = useMemo(() => {\n      return workspaceComponent?.id && lanes?.isInCurrentLane(workspaceComponent.id);\n    }, [lanes?.currentLane, workspaceComponent?.id]);\n\n    if (!workspaceComponent) return null;\n\n    return (\n      <ComponentStatusResolver\n        status={workspaceComponent.status}\n        issuesCount={workspaceComponent.issuesCount}\n        isInCurrentLane={isInCurrentLane}\n      />\n    );\n  };\n}\n"]}

package/dist/eject-conf.cmd.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Command, CommandOptions } from '@teambit/cli';
 import { EjectConfResult, Workspace } from './workspace';
 declare type EjectConfArgs = [string];
@@ -10,13 +9,12 @@ export default class EjectConfCmd implements Command {
     private workspace;
     name: string;
     description: string;
+    extendedDescription: string;
     alias: string;
     group: string;
-    shortDescription: string;
     options: CommandOptions;
     constructor(workspace: Workspace);
-    render(args: EjectConfArgs, options: EjectConfOptionsCLI): Promise<JSX.Element>;
     report(args: EjectConfArgs, options: EjectConfOptionsCLI): Promise<string>;
-    json([componentId]: EjectConfArgs, options: EjectConfOptionsCLI): Promise<EjectConfResult>;
+    json([pattern]: EjectConfArgs, options: EjectConfOptionsCLI): Promise<EjectConfResult[]>;
 }
 export {};

package/dist/eject-conf.cmd.js

@@ -21,30 +21,30 @@ function _defineProperty2() {
   return data;
 }
 
-function _chalk() {
-  const data = _interopRequireDefault(require("chalk"));
+function _path() {
+  const data = _interopRequireDefault(require("path"));
 
-  _chalk = function () {
+  _path = function () {
     return data;
   };
 
   return data;
 }
 
-function _ink() {
-  const data = require("ink");
+function _chalk() {
+  const data = _interopRequireDefault(require("chalk"));
 
-  _ink = function () {
+  _chalk = function () {
     return data;
   };
 
   return data;
 }
 
-function _react() {
-  const data = _interopRequireDefault(require("react"));
+function _constants() {
+  const data = require("@teambit/legacy/dist/constants");
 
-  _react = function () {
+  _constants = function () {
     return data;
   };
 
@@ -54,31 +54,22 @@ function _react() {
 class EjectConfCmd {
   constructor(workspace) {
     this.workspace = workspace;
-    (0, _defineProperty2().default)(this, "name", 'eject-conf [id]');
-    (0, _defineProperty2().default)(this, "description", 'ejecting components configuration');
+    (0, _defineProperty2().default)(this, "name", 'eject-conf <pattern>');
+    (0, _defineProperty2().default)(this, "description", 'eject components configuration (create a `component.json` file)');
+    (0, _defineProperty2().default)(this, "extendedDescription", `${(0, _constants().PATTERN_HELP)('eject-conf')}`);
     (0, _defineProperty2().default)(this, "alias", '');
     (0, _defineProperty2().default)(this, "group", 'development');
-    (0, _defineProperty2().default)(this, "shortDescription", 'eject the target component configuration file (e.g. create a `component.json` file)');
     (0, _defineProperty2().default)(this, "options", [['p', 'propagate', 'mark propagate true in the config file'], ['o', 'override', 'override file if exist']]);
-  } // TODO: remove this ts-ignore
-  // @ts-ignore
-
-
-  async render(args, options) {
-    const ejectResult = await this.json(args, options);
-    const [componentId] = args;
-    return /*#__PURE__*/_react().default.createElement(_ink().Text, {
-      color: "green"
-    }, "successfully ejected config for component ", componentId, " in path ", ejectResult.configPath);
   }
 
   async report(args, options) {
     const ejectResult = await this.json(args, options);
-    const [componentId] = args;
-    return `successfully ejected config for component ${_chalk().default.bold(componentId)} in path ${_chalk().default.green(ejectResult.configPath)}`;
+    const paths = ejectResult.map(result => result.configPath).map(p => _path().default.relative(this.workspace.path, p)).join('\n');
+    return _chalk().default.green(`successfully ejected config in the following path(s)
+${_chalk().default.bold(paths)}`);
   }
 
-  async json([componentId], options) {
+  async json([pattern], options) {
     const ejectOptions = options;
 
     if (ejectOptions.propagate === 'true') {
@@ -89,8 +80,8 @@ class EjectConfCmd {
       ejectOptions.override = true;
     }
 
-    const id = await this.workspace.resolveComponentId(componentId);
-    const results = await this.workspace.ejectConfig(id, ejectOptions);
+    const componentIds = await this.workspace.idsByPattern(pattern);
+    const results = await this.workspace.ejectMultipleConfigs(componentIds, ejectOptions);
     return results;
   }
 

package/dist/eject-conf.cmd.js.map

@@ -1 +1 @@
-{"version":3,"sources":["eject-conf.cmd.tsx"],"names":["EjectConfCmd","constructor","workspace","render","args","options","ejectResult","json","componentId","configPath","report","chalk","bold","green","ejectOptions","propagate","override","id","resolveComponentId","results","ejectConfig"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAWe,MAAMA,YAAN,CAAsC;AAWnDC,EAAAA,WAAW,CAASC,SAAT,EAA+B;AAAA,SAAtBA,SAAsB,GAAtBA,SAAsB;AAAA,kDAVnC,iBAUmC;AAAA,yDAT5B,mCAS4B;AAAA,mDARlC,EAQkC;AAAA,mDAPlC,aAOkC;AAAA,8DANvB,qFAMuB;AAAA,qDALhC,CACR,CAAC,GAAD,EAAM,WAAN,EAAmB,wCAAnB,CADQ,EAER,CAAC,GAAD,EAAM,UAAN,EAAkB,wBAAlB,CAFQ,CAKgC;AAAE,GAXO,CAanD;AACA;;;AACY,QAANC,MAAM,CAACC,IAAD,EAAsBC,OAAtB,EAAoD;AAC9D,UAAMC,WAAW,GAAG,MAAM,KAAKC,IAAL,CAAUH,IAAV,EAAgBC,OAAhB,CAA1B;AACA,UAAM,CAACG,WAAD,IAAgBJ,IAAtB;AACA,wBACE,+BAAC,WAAD;AAAM,MAAA,KAAK,EAAC;AAAZ,qDAC6CI,WAD7C,eACmEF,WAAW,CAACG,UAD/E,CADF;AAKD;;AAEW,QAANC,MAAM,CAACN,IAAD,EAAsBC,OAAtB,EAAqE;AAC/E,UAAMC,WAAW,GAAG,MAAM,KAAKC,IAAL,CAAUH,IAAV,EAAgBC,OAAhB,CAA1B;AACA,UAAM,CAACG,WAAD,IAAgBJ,IAAtB;AACA,WAAQ,6CAA4CO,iBAAMC,IAAN,CAAWJ,WAAX,CAAwB,YAAWG,iBAAME,KAAN,CACrFP,WAAW,CAACG,UADyE,CAErF,EAFF;AAGD;;AAES,QAAJF,IAAI,CAAC,CAACC,WAAD,CAAD,EAA+BH,OAA/B,EAAuF;AAC/F,UAAMS,YAAY,GAAGT,OAArB;;AACA,QAAIS,YAAY,CAACC,SAAb,KAA2B,MAA/B,EAAuC;AACrCD,MAAAA,YAAY,CAACC,SAAb,GAAyB,IAAzB;AACD;;AACD,QAAID,YAAY,CAACE,QAAb,KAA0B,MAA9B,EAAsC;AACpCF,MAAAA,YAAY,CAACE,QAAb,GAAwB,IAAxB;AACD;;AAED,UAAMC,EAAE,GAAG,MAAM,KAAKf,SAAL,CAAegB,kBAAf,CAAkCV,WAAlC,CAAjB;AAEA,UAAMW,OAAO,GAAG,MAAM,KAAKjB,SAAL,CAAekB,WAAf,CAA2BH,EAA3B,EAA+BH,YAA/B,CAAtB;AACA,WAAOK,OAAP;AACD;;AA9CkD","sourcesContent":["import { Command, CommandOptions } from '@teambit/cli';\nimport chalk from 'chalk';\nimport { Text } from 'ink';\nimport React from 'react';\n\nimport { EjectConfOptions, EjectConfResult, Workspace } from './workspace';\n\ntype EjectConfArgs = [string];\n// From the cli we might get those as string in case we run it like --propagate true (return string) as opposed to only --propagate\ntype EjectConfOptionsCLI = {\n  propagate: string | boolean | undefined;\n  override: string | boolean | undefined;\n};\n\nexport default class EjectConfCmd implements Command {\n  name = 'eject-conf [id]';\n  description = 'ejecting components configuration';\n  alias = '';\n  group = 'development';\n  shortDescription = 'eject the target component configuration file (e.g. create a `component.json` file)';\n  options = [\n    ['p', 'propagate', 'mark propagate true in the config file'],\n    ['o', 'override', 'override file if exist'],\n  ] as CommandOptions;\n\n  constructor(private workspace: Workspace) {}\n\n  // TODO: remove this ts-ignore\n  // @ts-ignore\n  async render(args: EjectConfArgs, options: EjectConfOptionsCLI) {\n    const ejectResult = await this.json(args, options);\n    const [componentId] = args;\n    return (\n      <Text color=\"green\">\n        successfully ejected config for component {componentId} in path {ejectResult.configPath}\n      </Text>\n    );\n  }\n\n  async report(args: EjectConfArgs, options: EjectConfOptionsCLI): Promise<string> {\n    const ejectResult = await this.json(args, options);\n    const [componentId] = args;\n    return `successfully ejected config for component ${chalk.bold(componentId)} in path ${chalk.green(\n      ejectResult.configPath\n    )}`;\n  }\n\n  async json([componentId]: EjectConfArgs, options: EjectConfOptionsCLI): Promise<EjectConfResult> {\n    const ejectOptions = options;\n    if (ejectOptions.propagate === 'true') {\n      ejectOptions.propagate = true;\n    }\n    if (ejectOptions.override === 'true') {\n      ejectOptions.override = true;\n    }\n\n    const id = await this.workspace.resolveComponentId(componentId);\n\n    const results = await this.workspace.ejectConfig(id, ejectOptions as EjectConfOptions);\n    return results;\n  }\n}\n"]}
+{"version":3,"sources":["eject-conf.cmd.ts"],"names":["EjectConfCmd","constructor","workspace","report","args","options","ejectResult","json","paths","map","result","configPath","p","path","relative","join","chalk","green","bold","pattern","ejectOptions","propagate","override","componentIds","idsByPattern","results","ejectMultipleConfigs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAWe,MAAMA,YAAN,CAAsC;AAWnDC,EAAAA,WAAW,CAASC,SAAT,EAA+B;AAAA,SAAtBA,SAAsB,GAAtBA,SAAsB;AAAA,kDAVnC,sBAUmC;AAAA,yDAT5B,iEAS4B;AAAA,iEARnB,GAAE,+BAAa,YAAb,CAA2B,EAQV;AAAA,mDAPlC,EAOkC;AAAA,mDANlC,aAMkC;AAAA,qDALhC,CACR,CAAC,GAAD,EAAM,WAAN,EAAmB,wCAAnB,CADQ,EAER,CAAC,GAAD,EAAM,UAAN,EAAkB,wBAAlB,CAFQ,CAKgC;AAAE;;AAEhC,QAANC,MAAM,CAACC,IAAD,EAAsBC,OAAtB,EAAqE;AAC/E,UAAMC,WAAW,GAAG,MAAM,KAAKC,IAAL,CAAUH,IAAV,EAAgBC,OAAhB,CAA1B;AACA,UAAMG,KAAK,GAAGF,WAAW,CACtBG,GADW,CACNC,MAAD,IAAYA,MAAM,CAACC,UADZ,EAEXF,GAFW,CAENG,CAAD,IAAOC,gBAAKC,QAAL,CAAc,KAAKZ,SAAL,CAAeW,IAA7B,EAAmCD,CAAnC,CAFA,EAGXG,IAHW,CAGN,IAHM,CAAd;AAIA,WAAOC,iBAAMC,KAAN,CAAa;AACxB,EAAED,iBAAME,IAAN,CAAWV,KAAX,CAAkB,EADT,CAAP;AAED;;AAES,QAAJD,IAAI,CAAC,CAACY,OAAD,CAAD,EAA2Bd,OAA3B,EAAqF;AAC7F,UAAMe,YAAY,GAAGf,OAArB;;AACA,QAAIe,YAAY,CAACC,SAAb,KAA2B,MAA/B,EAAuC;AACrCD,MAAAA,YAAY,CAACC,SAAb,GAAyB,IAAzB;AACD;;AACD,QAAID,YAAY,CAACE,QAAb,KAA0B,MAA9B,EAAsC;AACpCF,MAAAA,YAAY,CAACE,QAAb,GAAwB,IAAxB;AACD;;AAED,UAAMC,YAAY,GAAG,MAAM,KAAKrB,SAAL,CAAesB,YAAf,CAA4BL,OAA5B,CAA3B;AACA,UAAMM,OAAO,GAAG,MAAM,KAAKvB,SAAL,CAAewB,oBAAf,CAAoCH,YAApC,EAAkDH,YAAlD,CAAtB;AACA,WAAOK,OAAP;AACD;;AAnCkD","sourcesContent":["import path from 'path';\nimport { Command, CommandOptions } from '@teambit/cli';\nimport chalk from 'chalk';\nimport { PATTERN_HELP } from '@teambit/legacy/dist/constants';\n\nimport { EjectConfOptions, EjectConfResult, Workspace } from './workspace';\n\ntype EjectConfArgs = [string];\n// From the cli we might get those as string in case we run it like --propagate true (return string) as opposed to only --propagate\ntype EjectConfOptionsCLI = {\n  propagate: string | boolean | undefined;\n  override: string | boolean | undefined;\n};\n\nexport default class EjectConfCmd implements Command {\n  name = 'eject-conf <pattern>';\n  description = 'eject components configuration (create a `component.json` file)';\n  extendedDescription = `${PATTERN_HELP('eject-conf')}`;\n  alias = '';\n  group = 'development';\n  options = [\n    ['p', 'propagate', 'mark propagate true in the config file'],\n    ['o', 'override', 'override file if exist'],\n  ] as CommandOptions;\n\n  constructor(private workspace: Workspace) {}\n\n  async report(args: EjectConfArgs, options: EjectConfOptionsCLI): Promise<string> {\n    const ejectResult = await this.json(args, options);\n    const paths = ejectResult\n      .map((result) => result.configPath)\n      .map((p) => path.relative(this.workspace.path, p))\n      .join('\\n');\n    return chalk.green(`successfully ejected config in the following path(s)\n${chalk.bold(paths)}`);\n  }\n\n  async json([pattern]: EjectConfArgs, options: EjectConfOptionsCLI): Promise<EjectConfResult[]> {\n    const ejectOptions = options;\n    if (ejectOptions.propagate === 'true') {\n      ejectOptions.propagate = true;\n    }\n    if (ejectOptions.override === 'true') {\n      ejectOptions.override = true;\n    }\n\n    const componentIds = await this.workspace.idsByPattern(pattern);\n    const results = await this.workspace.ejectMultipleConfigs(componentIds, ejectOptions as EjectConfOptions);\n    return results;\n  }\n}\n"]}

package/dist/workspace-component/component-status.d.ts

@@ -36,6 +36,10 @@ export declare class ComponentStatus {
      *  the component is not authored and not imported.
      */
     readonly nested?: boolean | undefined;
+    /**
+     * does the component exist on the current lane
+     */
+    readonly isInCurrentLane?: boolean | undefined;
     constructor(
     /**
      * is the component modified.
@@ -68,6 +72,10 @@ export declare class ComponentStatus {
     /**
      *  the component is not authored and not imported.
      */
-    nested?: boolean | undefined);
-    static fromLegacy(status: LegacyComponentStatus, hasModifiedDependencies: boolean, isOutdated: boolean): ComponentStatus;
+    nested?: boolean | undefined, 
+    /**
+     * does the component exist on the current lane
+     */
+    isInCurrentLane?: boolean | undefined);
+    static fromLegacy(status: LegacyComponentStatus, hasModifiedDependencies: boolean, isOutdated: boolean, isInCurrentLane?: boolean): ComponentStatus;
 }

package/dist/workspace-component/component-status.js

@@ -38,7 +38,11 @@ class ComponentStatus {
   /**
    *  the component is not authored and not imported.
    */
-  nested) {
+  nested,
+  /**
+   * does the component exist on the current lane
+   */
+  isInCurrentLane) {
     this.modifyInfo = modifyInfo;
     this.isNew = isNew;
     this.isDeleted = isDeleted;
@@ -47,14 +51,15 @@ class ComponentStatus {
     this.isInScope = isInScope;
     this.isOutdated = isOutdated;
     this.nested = nested;
+    this.isInCurrentLane = isInCurrentLane;
   }
 
-  static fromLegacy(status, hasModifiedDependencies, isOutdated) {
+  static fromLegacy(status, hasModifiedDependencies, isOutdated, isInCurrentLane) {
     const modify = {
       hasModifiedFiles: !!status.modified,
       hasModifiedDependencies
     };
-    return new ComponentStatus(modify, !!status.newlyCreated, !!status.deleted, !!status.staged, !status.notExist, !status.missingFromScope, isOutdated, !!status.nested);
+    return new ComponentStatus(modify, !!status.newlyCreated, !!status.deleted, !!status.staged, !status.notExist, !status.missingFromScope, isOutdated, !!status.nested, isInCurrentLane);
   }
 
 }

package/dist/workspace-component/component-status.js.map

@@ -1 +1 @@
-{"version":3,"sources":["component-status.ts"],"names":["ComponentStatus","constructor","modifyInfo","isNew","isDeleted","isStaged","isInWorkspace","isInScope","isOutdated","nested","fromLegacy","status","hasModifiedDependencies","modify","hasModifiedFiles","modified","newlyCreated","deleted","staged","notExist","missingFromScope"],"mappings":";;;;;;;AAOO,MAAMA,eAAN,CAAsB;AAC3BC,EAAAA,WAAW;AACT;AACJ;AACA;AACaC,EAAAA,UAJA;AAMT;AACJ;AACA;AACaC,EAAAA,KATA;AAWT;AACJ;AACA;AACaC,EAAAA,SAdA;AAgBT;AACJ;AACA;AACaC,EAAAA,QAnBA;AAqBT;AACJ;AACA;AACaC,EAAAA,aAxBA;AA0BT;AACJ;AACA;AACaC,EAAAA,SA7BA;AA+BT;AACJ;AACA;AACaC,EAAAA,UAlCA;AAoCT;AACJ;AACA;AACaC,EAAAA,MAvCA,EAwCT;AAAA,SApCSP,UAoCT,GApCSA,UAoCT;AAAA,SA/BSC,KA+BT,GA/BSA,KA+BT;AAAA,SA1BSC,SA0BT,GA1BSA,SA0BT;AAAA,SArBSC,QAqBT,GArBSA,QAqBT;AAAA,SAhBSC,aAgBT,GAhBSA,aAgBT;AAAA,SAXSC,SAWT,GAXSA,SAWT;AAAA,SANSC,UAMT,GANSA,UAMT;AAAA,SADSC,MACT,GADSA,MACT;AAAE;;AAEa,SAAVC,UAAU,CAACC,MAAD,EAAgCC,uBAAhC,EAAkEJ,UAAlE,EAAuF;AACtG,UAAMK,MAAkB,GAAG;AACzBC,MAAAA,gBAAgB,EAAE,CAAC,CAACH,MAAM,CAACI,QADF;AAEzBH,MAAAA;AAFyB,KAA3B;AAIA,WAAO,IAAIZ,eAAJ,CACLa,MADK,EAEL,CAAC,CAACF,MAAM,CAACK,YAFJ,EAGL,CAAC,CAACL,MAAM,CAACM,OAHJ,EAIL,CAAC,CAACN,MAAM,CAACO,MAJJ,EAKL,CAACP,MAAM,CAACQ,QALH,EAML,CAACR,MAAM,CAACS,gBANH,EAOLZ,UAPK,EAQL,CAAC,CAACG,MAAM,CAACF,MARJ,CAAP;AAUD;;AA1D0B","sourcesContent":["import { ComponentStatus as LegacyComponentStatus } from '@teambit/legacy/dist/consumer/component-ops/component-status-loader';\n\nexport type ModifyInfo = {\n  hasModifiedFiles: boolean;\n  hasModifiedDependencies: boolean;\n};\n\nexport class ComponentStatus {\n  constructor(\n    /**\n     * is the component modified.\n     */\n    readonly modifyInfo: ModifyInfo,\n\n    /**\n     * is the new component new.\n     */\n    readonly isNew: boolean,\n\n    /**\n     * is the component deleted from the workspace.\n     */\n    readonly isDeleted: boolean,\n\n    /**\n     * is the component staged.\n     */\n    readonly isStaged: boolean,\n\n    /**\n     * does the component exists in the workspace.\n     */\n    readonly isInWorkspace: boolean,\n\n    /**\n     * does the component exists in the scope.\n     */\n    readonly isInScope: boolean,\n\n    /**\n     * does the component is outdated (pending for update).\n     */\n    readonly isOutdated: boolean,\n\n    /**\n     *  the component is not authored and not imported.\n     */\n    readonly nested?: boolean\n  ) {}\n\n  static fromLegacy(status: LegacyComponentStatus, hasModifiedDependencies: boolean, isOutdated: boolean) {\n    const modify: ModifyInfo = {\n      hasModifiedFiles: !!status.modified,\n      hasModifiedDependencies,\n    };\n    return new ComponentStatus(\n      modify,\n      !!status.newlyCreated,\n      !!status.deleted,\n      !!status.staged,\n      !status.notExist,\n      !status.missingFromScope,\n      isOutdated,\n      !!status.nested\n    );\n  }\n}\n"]}
+{"version":3,"sources":["component-status.ts"],"names":["ComponentStatus","constructor","modifyInfo","isNew","isDeleted","isStaged","isInWorkspace","isInScope","isOutdated","nested","isInCurrentLane","fromLegacy","status","hasModifiedDependencies","modify","hasModifiedFiles","modified","newlyCreated","deleted","staged","notExist","missingFromScope"],"mappings":";;;;;;;AAOO,MAAMA,eAAN,CAAsB;AAC3BC,EAAAA,WAAW;AACT;AACJ;AACA;AACaC,EAAAA,UAJA;AAMT;AACJ;AACA;AACaC,EAAAA,KATA;AAWT;AACJ;AACA;AACaC,EAAAA,SAdA;AAgBT;AACJ;AACA;AACaC,EAAAA,QAnBA;AAqBT;AACJ;AACA;AACaC,EAAAA,aAxBA;AA0BT;AACJ;AACA;AACaC,EAAAA,SA7BA;AA+BT;AACJ;AACA;AACaC,EAAAA,UAlCA;AAoCT;AACJ;AACA;AACaC,EAAAA,MAvCA;AAwCT;AACJ;AACA;AACaC,EAAAA,eA3CA,EA4CT;AAAA,SAxCSR,UAwCT,GAxCSA,UAwCT;AAAA,SAnCSC,KAmCT,GAnCSA,KAmCT;AAAA,SA9BSC,SA8BT,GA9BSA,SA8BT;AAAA,SAzBSC,QAyBT,GAzBSA,QAyBT;AAAA,SApBSC,aAoBT,GApBSA,aAoBT;AAAA,SAfSC,SAeT,GAfSA,SAeT;AAAA,SAVSC,UAUT,GAVSA,UAUT;AAAA,SALSC,MAKT,GALSA,MAKT;AAAA,SADSC,eACT,GADSA,eACT;AAAE;;AAEa,SAAVC,UAAU,CACfC,MADe,EAEfC,uBAFe,EAGfL,UAHe,EAIfE,eAJe,EAKf;AACA,UAAMI,MAAkB,GAAG;AACzBC,MAAAA,gBAAgB,EAAE,CAAC,CAACH,MAAM,CAACI,QADF;AAEzBH,MAAAA;AAFyB,KAA3B;AAIA,WAAO,IAAIb,eAAJ,CACLc,MADK,EAEL,CAAC,CAACF,MAAM,CAACK,YAFJ,EAGL,CAAC,CAACL,MAAM,CAACM,OAHJ,EAIL,CAAC,CAACN,MAAM,CAACO,MAJJ,EAKL,CAACP,MAAM,CAACQ,QALH,EAML,CAACR,MAAM,CAACS,gBANH,EAOLb,UAPK,EAQL,CAAC,CAACI,MAAM,CAACH,MARJ,EASLC,eATK,CAAP;AAWD;;AApE0B","sourcesContent":["import { ComponentStatus as LegacyComponentStatus } from '@teambit/legacy/dist/consumer/component-ops/component-status-loader';\n\nexport type ModifyInfo = {\n  hasModifiedFiles: boolean;\n  hasModifiedDependencies: boolean;\n};\n\nexport class ComponentStatus {\n  constructor(\n    /**\n     * is the component modified.\n     */\n    readonly modifyInfo: ModifyInfo,\n\n    /**\n     * is the new component new.\n     */\n    readonly isNew: boolean,\n\n    /**\n     * is the component deleted from the workspace.\n     */\n    readonly isDeleted: boolean,\n\n    /**\n     * is the component staged.\n     */\n    readonly isStaged: boolean,\n\n    /**\n     * does the component exists in the workspace.\n     */\n    readonly isInWorkspace: boolean,\n\n    /**\n     * does the component exists in the scope.\n     */\n    readonly isInScope: boolean,\n\n    /**\n     * does the component is outdated (pending for update).\n     */\n    readonly isOutdated: boolean,\n\n    /**\n     *  the component is not authored and not imported.\n     */\n    readonly nested?: boolean,\n    /**\n     * does the component exist on the current lane\n     */\n    readonly isInCurrentLane?: boolean\n  ) {}\n\n  static fromLegacy(\n    status: LegacyComponentStatus,\n    hasModifiedDependencies: boolean,\n    isOutdated: boolean,\n    isInCurrentLane?: boolean\n  ) {\n    const modify: ModifyInfo = {\n      hasModifiedFiles: !!status.modified,\n      hasModifiedDependencies,\n    };\n    return new ComponentStatus(\n      modify,\n      !!status.newlyCreated,\n      !!status.deleted,\n      !!status.staged,\n      !status.notExist,\n      !status.missingFromScope,\n      isOutdated,\n      !!status.nested,\n      isInCurrentLane\n    );\n  }\n}\n"]}

package/dist/workspace.d.ts

@@ -274,6 +274,7 @@ export declare class Workspace implements ComponentFactory {
         lane: Lane;
     } | null>;
     getDefaultExtensions(): ExtensionDataList;
+    ejectMultipleConfigs(ids: ComponentID[], options: EjectConfOptions): Promise<EjectConfResult[]>;
     ejectConfig(id: ComponentID, options: EjectConfOptions): Promise<EjectConfResult>;
     /**
      * see component-aspect, createAspectListFromLegacy() method for a context why this is needed.

package/dist/workspace.js

@@ -1063,6 +1063,10 @@ class Workspace {
     return _extensionData().ExtensionDataList.fromConfigObject(this.config.extensions);
   }
 
+  async ejectMultipleConfigs(ids, options) {
+    return Promise.all(ids.map(id => this.ejectConfig(id, options)));
+  }
+
   async ejectConfig(id, options) {
     const componentId = await this.resolveComponentId(id);
     const component = await this.scope.get(componentId);
@@ -1764,10 +1768,15 @@ needed-for: ${(neededFor === null || neededFor === void 0 ? void 0 : neededFor.t
       if (this.aspectLoader.isValidAspect(manifest)) return undefined;
       return index;
     }));
-    const manifestsIds = workspaceManifests.map(m => m.id);
-    const scopeManifests = await this.scope.getManifestsGraphRecursively(scopeIds, (0, _lodash().compact)(manifestsIds), throwOnError);
-    const allManifests = [...scopeManifests, ...workspaceManifests];
-    await this.aspectLoader.loadExtensionsByManifests(allManifests, throwOnError); // Try require components for potential plugins
+    const workspaceManifestsIds = (0, _lodash().compact)(workspaceManifests.map(m => m.id)); // We are grouping the scope aspects by whether they are envs of something of the list or not
+    // if yes, we want to load them first
+    // the rest we will load together with the workspace aspects
+
+    const scopeIdsGrouped = await this.scope.groupAspectIdsByEnvOfTheList(scopeIds);
+    const scopeEnvsManifestsIds = scopeIdsGrouped.envs && scopeIdsGrouped.envs.length ? await this.scope.loadAspects(scopeIdsGrouped.envs, throwOnError) : [];
+    const scopeOtherManifests = scopeIdsGrouped.other && scopeIdsGrouped.other.length ? await this.scope.getManifestsGraphRecursively(scopeIdsGrouped.other, (0, _lodash().compact)(workspaceManifestsIds), throwOnError) : [];
+    const scopeOtherManifestsIds = (0, _lodash().compact)(scopeOtherManifests.map(m => m.id));
+    await this.aspectLoader.loadExtensionsByManifests([...scopeOtherManifests, ...workspaceManifests], throwOnError); // Try require components for potential plugins
 
     const pluginsWorkspaceComps = potentialPluginsIndexes.map(index => {
       return workspaceComps[index];
@@ -1776,7 +1785,7 @@ needed-for: ${(neededFor === null || neededFor === void 0 ? void 0 : neededFor.t
     const pluginsWorkspaceAspects = await this.requireComponents(pluginsWorkspaceComps);
     const pluginsWorkspaceManifests = await this.aspectLoader.getManifestsFromRequireableExtensions(pluginsWorkspaceAspects, throwOnError);
     await this.aspectLoader.loadExtensionsByManifests(pluginsWorkspaceManifests, throwOnError);
-    return (0, _lodash().compact)(allManifests.map(manifest => manifest.id));
+    return (0, _lodash().compact)(scopeEnvsManifestsIds.concat(scopeOtherManifestsIds).concat(workspaceManifestsIds));
   }
   /**
    * Note - this gets called from Harmony only.