@teambit/workspace 0.0.652 → 0.0.655

package/dist/workspace.ui.runtime.d.ts

@@ -9,6 +9,7 @@ import { UIRootUI as UIRoot, UiUI } from '@teambit/ui';
 import { GraphUI } from '@teambit/graph';
 import { RouteProps } from 'react-router-dom';
 import { CommandBarUI, ComponentSearcher } from '@teambit/command-bar';
+import type { DrawerType } from '@teambit/ui-foundation.ui.tree.drawer';
 export declare type SidebarWidgetSlot = SlotRegistry<ComponentTreeNode>;
 export declare class WorkspaceUI {
     /**
@@ -52,9 +53,11 @@ export declare class WorkspaceUI {
     /**
      * register a route to the workspace.
      */
-    registerRoute(route: RouteProps): this;
+    registerRoutes(routes: RouteProps[]): this;
+    registerDrawers(...drawers: DrawerType[]): this;
     registerSidebarWidget(componentTreeNode: ComponentTreeNode): this;
     registerMenuItem: (menuItems: MenuItem[]) => void;
+    registerMenuRoutes: (routes: RouteProps[]) => this;
     setComponents: (components: ComponentModel[]) => void;
     registerSidebarLink: (...links: SidebarItem[]) => void;
     componentSearcher: ComponentSearcher;
@@ -62,9 +65,9 @@ export declare class WorkspaceUI {
     private menuItems;
     static dependencies: import("@teambit/harmony").Aspect[];
     static runtime: import("@teambit/harmony").RuntimeDefinition;
-    static slots: (((registerFn: () => string) => SlotRegistry<RouteProps<string, {
+    static slots: (((registerFn: () => string) => SlotRegistry<ComponentTreeNode>) | ((registerFn: () => string) => SlotRegistry<RouteProps<string, {
         [x: string]: string | undefined;
-    }>>) | ((registerFn: () => string) => SlotRegistry<ComponentTreeNode>) | ((registerFn: () => string) => SlotRegistry<MenuItemSlot>) | ((registerFn: () => string) => SlotRegistry<SidebarItemSlot>))[];
+    }>>) | ((registerFn: () => string) => SlotRegistry<MenuItemSlot>) | ((registerFn: () => string) => SlotRegistry<SidebarItemSlot>))[];
     static provider([ui, componentUi, sidebar, componentTree, commandBarUI, reactRouterUI, graphUI]: [
         UiUI,
         ComponentUI,

package/dist/workspace.ui.runtime.js

@@ -205,6 +205,10 @@ class WorkspaceUI {
     (0, _defineProperty2().default)(this, "registerMenuItem", menuItems => {
       this.menuItemSlot.register(menuItems);
     });
+    (0, _defineProperty2().default)(this, "registerMenuRoutes", routes => {
+      this.menuSlot.register(routes);
+      return this;
+    });
     (0, _defineProperty2().default)(this, "setComponents", components => {
       this.componentSearcher.update(components);
     });
@@ -237,8 +241,13 @@ class WorkspaceUI {
   /**
    * register a route to the workspace.
    */
-  registerRoute(route) {
-    this.routeSlot.register(route);
+  registerRoutes(routes) {
+    this.routeSlot.register(routes);
+    return this;
+  }
+
+  registerDrawers(...drawers) {
+    this.sidebar.registerDrawer(...drawers);
     return this;
   }
 
@@ -249,6 +258,7 @@ class WorkspaceUI {
 
   uiRoot() {
     this.commandBarUI.addSearcher(this.componentSearcher);
+    this.registerDrawers(new (_workspaceComponentsDrawer().WorkspaceComponentsDrawer)(this.sidebarSlot));
     const [setKeyBindHandler] = this.commandBarUI.addCommand({
       id: 'sidebar.toggle',
       // TODO - extract to a component!
@@ -276,7 +286,6 @@ class WorkspaceUI {
   static async provider([ui, componentUi, sidebar, componentTree, commandBarUI, reactRouterUI, graphUI], config, [routeSlot, menuSlot, menuItemSlot, sidebarSlot, sidebarItemSlot]) {
     componentTree.registerTreeNode(new (_componentTree2().ComponentTreeWidget)());
     sidebarSlot.register(new (_componentTree2().ComponentTreeWidget)());
-    sidebar.registerDrawer(new (_workspaceComponentsDrawer().WorkspaceComponentsDrawer)(sidebarSlot));
     graphUI.registerComponentWidget(new (_componentTree2().ComponentTreeWidget)().widget);
     const workspaceUI = new WorkspaceUI(routeSlot, componentUi, menuSlot, menuItemSlot, sidebar, sidebarSlot, sidebarItemSlot, commandBarUI, reactRouterUI);
     ui.registerRoot(workspaceUI.uiRoot.bind(workspaceUI));
@@ -286,7 +295,7 @@ class WorkspaceUI {
       href: "/",
       icon: "comps"
     }, "Gallery"));
-    workspaceUI.menuSlot.register([{
+    workspaceUI.registerMenuRoutes([{
       exact: true,
       path: '/',
       children: /*#__PURE__*/_react().default.createElement(_uiFoundationUi().Menu, {
@@ -296,10 +305,10 @@ class WorkspaceUI {
       path: workspaceUI.componentUi.routePath,
       children: workspaceUI.componentUi.getMenu(_workspace().WorkspaceAspect.id)
     }]);
-    workspaceUI.routeSlot.register({
+    workspaceUI.registerRoutes([{
       path: workspaceUI.componentUi.routePath,
       children: workspaceUI.componentUi.getComponentUI(_workspace().WorkspaceAspect.id)
-    });
+    }]);
     return workspaceUI;
   }
 

package/dist/workspace.ui.runtime.js.map

@@ -1 +1 @@
-{"version":3,"sources":["workspace.ui.runtime.tsx"],"names":["WorkspaceUI","constructor","routeSlot","componentUi","menuSlot","menuItemSlot","sidebar","sidebarSlot","sidebarItemSlot","commandBarUI","reactRouterUI","menuItems","register","components","componentSearcher","update","links","category","title","keyChar","handler","run","ComponentSearcher","navigateTo","registerRoute","route","registerSidebarWidget","componentTreeNode","uiRoot","addSearcher","setKeyBindHandler","addCommand","id","displayName","keybinding","routes","path","children","provider","ui","componentTree","graphUI","config","registerTreeNode","ComponentTreeWidget","registerDrawer","WorkspaceComponentsDrawer","registerComponentWidget","widget","workspaceUI","registerRoot","bind","registerMenuItem","registerSidebarLink","exact","routePath","getMenu","WorkspaceAspect","getComponentUI","UIAspect","ComponentAspect","SidebarAspect","ComponentTreeAspect","CommandBarAspect","ReactRouterAspect","GraphAspect","UIRuntime","Slot","withType","addRuntime"],"mappings":"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","sourcesContent":["import { ComponentAspect, ComponentUI, ComponentModel } from '@teambit/component';\nimport { ComponentTreeAspect, ComponentTreeUI, ComponentTreeNode } from '@teambit/component-tree';\nimport { Slot, SlotRegistry } from '@teambit/harmony';\nimport ReactRouterAspect, { ReactRouterUI } from '@teambit/react-router';\nimport { RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';\nimport { Menu } from '@teambit/ui-foundation.ui.menu';\nimport SidebarAspect, { SidebarUI, SidebarItem, SidebarItemSlot } from '@teambit/sidebar';\nimport { MenuItemSlot, MenuItem } from '@teambit/ui-foundation.ui.main-dropdown';\nimport { UIAspect, UIRootUI as UIRoot, UIRuntime, UiUI } from '@teambit/ui';\nimport { GraphAspect, GraphUI } from '@teambit/graph';\nimport React from 'react';\nimport { RouteProps } from 'react-router-dom';\nimport CommandBarAspect, { CommandBarUI, ComponentSearcher, CommandHandler } from '@teambit/command-bar';\nimport { MenuLinkItem } from '@teambit/design.ui.surfaces.menu.link-item';\nimport { WorkspaceComponentsDrawer } from './ui/workspace-components-drawer';\nimport { ComponentTreeWidget } from './component-tree.widget';\nimport { Workspace } from './ui';\nimport { WorkspaceAspect } from './workspace.aspect';\n\nexport type SidebarWidgetSlot = SlotRegistry<ComponentTreeNode>;\n\nexport class WorkspaceUI {\n  constructor(\n    /**\n     * route slot.\n     */\n    private routeSlot: RouteSlot,\n\n    /**\n     * component ui extension.\n     */\n    private componentUi: ComponentUI,\n\n    /**\n     * menu slot\n     */\n    private menuSlot: RouteSlot,\n\n    private menuItemSlot: MenuItemSlot,\n\n    private sidebar: SidebarUI,\n\n    private sidebarSlot: SidebarWidgetSlot,\n\n    /**\n     * sidebar link slot\n     */\n    private sidebarItemSlot: SidebarItemSlot,\n\n    private commandBarUI: CommandBarUI,\n\n    reactRouterUI: ReactRouterUI\n  ) {\n    this.componentSearcher = new ComponentSearcher(reactRouterUI.navigateTo);\n  }\n\n  private setKeyBindHandler: (updated: CommandHandler) => void = () => {};\n\n  /**\n   * register a route to the workspace.\n   */\n  registerRoute(route: RouteProps) {\n    this.routeSlot.register(route);\n    return this;\n  }\n\n  registerSidebarWidget(componentTreeNode: ComponentTreeNode) {\n    this.sidebarSlot.register(componentTreeNode);\n    return this;\n  }\n\n  registerMenuItem = (menuItems: MenuItem[]) => {\n    this.menuItemSlot.register(menuItems);\n  };\n\n  setComponents = (components: ComponentModel[]) => {\n    this.componentSearcher.update(components);\n  };\n\n  registerSidebarLink = (...links: SidebarItem[]) => {\n    this.sidebarItemSlot.register(links);\n  };\n\n  componentSearcher: ComponentSearcher;\n\n  uiRoot(): UIRoot {\n    this.commandBarUI.addSearcher(this.componentSearcher);\n    const [setKeyBindHandler] = this.commandBarUI.addCommand({\n      id: 'sidebar.toggle', // TODO - extract to a component!\n      handler: () => {},\n      displayName: 'Toggle component list',\n      keybinding: 'alt+s',\n    });\n    this.setKeyBindHandler = setKeyBindHandler;\n\n    return {\n      routes: [\n        {\n          path: '/',\n          children: (\n            <Workspace\n              menuSlot={this.menuSlot}\n              routeSlot={this.routeSlot}\n              sidebar={<this.sidebar.render itemSlot={this.sidebarItemSlot} />}\n              workspaceUI={this}\n              onSidebarTogglerChange={this.setKeyBindHandler}\n            />\n          ),\n        },\n      ],\n    };\n  }\n\n  private menuItems: MenuItem[] = [\n    {\n      category: 'general',\n      title: 'Open command bar',\n      keyChar: 'mod+k',\n      handler: () => this.commandBarUI?.run('command-bar.open'),\n    },\n    {\n      category: 'general',\n      title: 'Toggle component list',\n      keyChar: 'alt+s',\n      handler: () => this.commandBarUI?.run('sidebar.toggle'),\n    },\n  ];\n\n  static dependencies = [\n    UIAspect,\n    ComponentAspect,\n    SidebarAspect,\n    ComponentTreeAspect,\n    CommandBarAspect,\n    ReactRouterAspect,\n    GraphAspect,\n  ];\n\n  static runtime = UIRuntime;\n\n  static slots = [\n    Slot.withType<RouteProps>(),\n    Slot.withType<RouteProps>(),\n    Slot.withType<ComponentTreeNode>(),\n    Slot.withType<MenuItemSlot>(),\n    Slot.withType<SidebarItemSlot>(),\n  ];\n\n  static async provider(\n    [ui, componentUi, sidebar, componentTree, commandBarUI, reactRouterUI, graphUI]: [\n      UiUI,\n      ComponentUI,\n      SidebarUI,\n      ComponentTreeUI,\n      CommandBarUI,\n      ReactRouterUI,\n      GraphUI\n    ],\n    config,\n    [routeSlot, menuSlot, menuItemSlot, sidebarSlot, sidebarItemSlot]: [\n      RouteSlot,\n      RouteSlot,\n      MenuItemSlot,\n      SidebarWidgetSlot,\n      SidebarItemSlot\n    ]\n  ) {\n    componentTree.registerTreeNode(new ComponentTreeWidget());\n    sidebarSlot.register(new ComponentTreeWidget());\n    sidebar.registerDrawer(new WorkspaceComponentsDrawer(sidebarSlot));\n    graphUI.registerComponentWidget(new ComponentTreeWidget().widget);\n\n    const workspaceUI = new WorkspaceUI(\n      routeSlot,\n      componentUi,\n      menuSlot,\n      menuItemSlot,\n      sidebar,\n      sidebarSlot,\n      sidebarItemSlot,\n      commandBarUI,\n      reactRouterUI\n    );\n    ui.registerRoot(workspaceUI.uiRoot.bind(workspaceUI));\n    workspaceUI.registerMenuItem(workspaceUI.menuItems);\n\n    workspaceUI.registerSidebarLink(() => (\n      <MenuLinkItem exact href=\"/\" icon=\"comps\">\n        Gallery\n      </MenuLinkItem>\n    ));\n\n    workspaceUI.menuSlot.register([\n      {\n        exact: true,\n        path: '/',\n        children: <Menu menuItemSlot={workspaceUI.menuItemSlot} />,\n      },\n      {\n        path: workspaceUI.componentUi.routePath,\n        children: workspaceUI.componentUi.getMenu(WorkspaceAspect.id),\n      },\n    ]);\n\n    workspaceUI.routeSlot.register({\n      path: workspaceUI.componentUi.routePath,\n      children: workspaceUI.componentUi.getComponentUI(WorkspaceAspect.id),\n    });\n    return workspaceUI;\n  }\n}\n\nexport default WorkspaceUI;\n\nWorkspaceAspect.addRuntime(WorkspaceUI);\n"]}
+{"version":3,"sources":["workspace.ui.runtime.tsx"],"names":["WorkspaceUI","constructor","routeSlot","componentUi","menuSlot","menuItemSlot","sidebar","sidebarSlot","sidebarItemSlot","commandBarUI","reactRouterUI","menuItems","register","routes","components","componentSearcher","update","links","category","title","keyChar","handler","run","ComponentSearcher","navigateTo","registerRoutes","registerDrawers","drawers","registerDrawer","registerSidebarWidget","componentTreeNode","uiRoot","addSearcher","WorkspaceComponentsDrawer","setKeyBindHandler","addCommand","id","displayName","keybinding","path","children","provider","ui","componentTree","graphUI","config","registerTreeNode","ComponentTreeWidget","registerComponentWidget","widget","workspaceUI","registerRoot","bind","registerMenuItem","registerSidebarLink","registerMenuRoutes","exact","routePath","getMenu","WorkspaceAspect","getComponentUI","UIAspect","ComponentAspect","SidebarAspect","ComponentTreeAspect","CommandBarAspect","ReactRouterAspect","GraphAspect","UIRuntime","Slot","withType","addRuntime"],"mappings":"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","sourcesContent":["import { ComponentAspect, ComponentUI, ComponentModel } from '@teambit/component';\nimport { ComponentTreeAspect, ComponentTreeUI, ComponentTreeNode } from '@teambit/component-tree';\nimport { Slot, SlotRegistry } from '@teambit/harmony';\nimport ReactRouterAspect, { ReactRouterUI } from '@teambit/react-router';\nimport { RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';\nimport { Menu } from '@teambit/ui-foundation.ui.menu';\nimport SidebarAspect, { SidebarUI, SidebarItem, SidebarItemSlot } from '@teambit/sidebar';\nimport { MenuItemSlot, MenuItem } from '@teambit/ui-foundation.ui.main-dropdown';\nimport { UIAspect, UIRootUI as UIRoot, UIRuntime, UiUI } from '@teambit/ui';\nimport { GraphAspect, GraphUI } from '@teambit/graph';\nimport React from 'react';\nimport { RouteProps } from 'react-router-dom';\nimport CommandBarAspect, { CommandBarUI, ComponentSearcher, CommandHandler } from '@teambit/command-bar';\nimport { MenuLinkItem } from '@teambit/design.ui.surfaces.menu.link-item';\nimport type { DrawerType } from '@teambit/ui-foundation.ui.tree.drawer';\nimport { WorkspaceComponentsDrawer } from './ui/workspace-components-drawer';\nimport { ComponentTreeWidget } from './component-tree.widget';\nimport { Workspace } from './ui';\nimport { WorkspaceAspect } from './workspace.aspect';\n\nexport type SidebarWidgetSlot = SlotRegistry<ComponentTreeNode>;\n\nexport class WorkspaceUI {\n  constructor(\n    /**\n     * route slot.\n     */\n    private routeSlot: RouteSlot,\n\n    /**\n     * component ui extension.\n     */\n    private componentUi: ComponentUI,\n\n    /**\n     * menu slot\n     */\n    private menuSlot: RouteSlot,\n\n    private menuItemSlot: MenuItemSlot,\n\n    private sidebar: SidebarUI,\n\n    private sidebarSlot: SidebarWidgetSlot,\n\n    /**\n     * sidebar link slot\n     */\n    private sidebarItemSlot: SidebarItemSlot,\n\n    private commandBarUI: CommandBarUI,\n\n    reactRouterUI: ReactRouterUI\n  ) {\n    this.componentSearcher = new ComponentSearcher(reactRouterUI.navigateTo);\n  }\n\n  private setKeyBindHandler: (updated: CommandHandler) => void = () => {};\n\n  /**\n   * register a route to the workspace.\n   */\n  registerRoutes(routes: RouteProps[]) {\n    this.routeSlot.register(routes);\n    return this;\n  }\n\n  registerDrawers(...drawers: DrawerType[]) {\n    this.sidebar.registerDrawer(...drawers);\n    return this;\n  }\n\n  registerSidebarWidget(componentTreeNode: ComponentTreeNode) {\n    this.sidebarSlot.register(componentTreeNode);\n    return this;\n  }\n\n  registerMenuItem = (menuItems: MenuItem[]) => {\n    this.menuItemSlot.register(menuItems);\n  };\n\n  registerMenuRoutes = (routes: RouteProps[]) => {\n    this.menuSlot.register(routes);\n    return this;\n  };\n\n  setComponents = (components: ComponentModel[]) => {\n    this.componentSearcher.update(components);\n  };\n\n  registerSidebarLink = (...links: SidebarItem[]) => {\n    this.sidebarItemSlot.register(links);\n  };\n\n  componentSearcher: ComponentSearcher;\n\n  uiRoot(): UIRoot {\n    this.commandBarUI.addSearcher(this.componentSearcher);\n    this.registerDrawers(new WorkspaceComponentsDrawer(this.sidebarSlot));\n    const [setKeyBindHandler] = this.commandBarUI.addCommand({\n      id: 'sidebar.toggle', // TODO - extract to a component!\n      handler: () => {},\n      displayName: 'Toggle component list',\n      keybinding: 'alt+s',\n    });\n    this.setKeyBindHandler = setKeyBindHandler;\n\n    return {\n      routes: [\n        {\n          path: '/',\n          children: (\n            <Workspace\n              menuSlot={this.menuSlot}\n              routeSlot={this.routeSlot}\n              sidebar={<this.sidebar.render itemSlot={this.sidebarItemSlot} />}\n              workspaceUI={this}\n              onSidebarTogglerChange={this.setKeyBindHandler}\n            />\n          ),\n        },\n      ],\n    };\n  }\n\n  private menuItems: MenuItem[] = [\n    {\n      category: 'general',\n      title: 'Open command bar',\n      keyChar: 'mod+k',\n      handler: () => this.commandBarUI?.run('command-bar.open'),\n    },\n    {\n      category: 'general',\n      title: 'Toggle component list',\n      keyChar: 'alt+s',\n      handler: () => this.commandBarUI?.run('sidebar.toggle'),\n    },\n  ];\n\n  static dependencies = [\n    UIAspect,\n    ComponentAspect,\n    SidebarAspect,\n    ComponentTreeAspect,\n    CommandBarAspect,\n    ReactRouterAspect,\n    GraphAspect,\n  ];\n\n  static runtime = UIRuntime;\n\n  static slots = [\n    Slot.withType<RouteProps>(),\n    Slot.withType<RouteProps>(),\n    Slot.withType<ComponentTreeNode>(),\n    Slot.withType<MenuItemSlot>(),\n    Slot.withType<SidebarItemSlot>(),\n  ];\n\n  static async provider(\n    [ui, componentUi, sidebar, componentTree, commandBarUI, reactRouterUI, graphUI]: [\n      UiUI,\n      ComponentUI,\n      SidebarUI,\n      ComponentTreeUI,\n      CommandBarUI,\n      ReactRouterUI,\n      GraphUI\n    ],\n    config,\n    [routeSlot, menuSlot, menuItemSlot, sidebarSlot, sidebarItemSlot]: [\n      RouteSlot,\n      RouteSlot,\n      MenuItemSlot,\n      SidebarWidgetSlot,\n      SidebarItemSlot\n    ]\n  ) {\n    componentTree.registerTreeNode(new ComponentTreeWidget());\n    sidebarSlot.register(new ComponentTreeWidget());\n    graphUI.registerComponentWidget(new ComponentTreeWidget().widget);\n\n    const workspaceUI = new WorkspaceUI(\n      routeSlot,\n      componentUi,\n      menuSlot,\n      menuItemSlot,\n      sidebar,\n      sidebarSlot,\n      sidebarItemSlot,\n      commandBarUI,\n      reactRouterUI\n    );\n    ui.registerRoot(workspaceUI.uiRoot.bind(workspaceUI));\n    workspaceUI.registerMenuItem(workspaceUI.menuItems);\n\n    workspaceUI.registerSidebarLink(() => (\n      <MenuLinkItem exact href=\"/\" icon=\"comps\">\n        Gallery\n      </MenuLinkItem>\n    ));\n\n    workspaceUI.registerMenuRoutes([\n      {\n        exact: true,\n        path: '/',\n        children: <Menu menuItemSlot={workspaceUI.menuItemSlot} />,\n      },\n      {\n        path: workspaceUI.componentUi.routePath,\n        children: workspaceUI.componentUi.getMenu(WorkspaceAspect.id),\n      },\n    ]);\n\n    workspaceUI.registerRoutes([\n      {\n        path: workspaceUI.componentUi.routePath,\n        children: workspaceUI.componentUi.getComponentUI(WorkspaceAspect.id),\n      },\n    ]);\n    return workspaceUI;\n  }\n}\n\nexport default WorkspaceUI;\n\nWorkspaceAspect.addRuntime(WorkspaceUI);\n"]}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/workspace",
-  "version": "0.0.652",
+  "version": "0.0.655",
   "homepage": "https://bit.dev/teambit/workspace/workspace",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.workspace",
     "name": "workspace",
-    "version": "0.0.652"
+    "version": "0.0.655"
   },
   "dependencies": {
     "lodash": "4.17.21",
@@ -41,40 +41,42 @@
     "@teambit/component-id": "0.0.401",
     "@teambit/bit-error": "0.0.394",
     "@teambit/legacy-bit-id": "0.0.398",
-    "@teambit/logger": "0.0.535",
-    "@teambit/scope": "0.0.652",
-    "@teambit/cli": "0.0.445",
-    "@teambit/isolator": "0.0.652",
-    "@teambit/component-tree": "0.0.440",
-    "@teambit/component.ui.component-status-resolver": "0.0.491",
+    "@teambit/logger": "0.0.536",
+    "@teambit/scope": "0.0.655",
+    "@teambit/cli": "0.0.446",
+    "@teambit/isolator": "0.0.655",
+    "@teambit/component-tree": "0.0.443",
+    "@teambit/component.ui.component-status-resolver": "0.0.492",
+    "@teambit/lanes.ui.lanes": "0.0.1",
     "@teambit/harmony.modules.resolved-component": "0.0.484",
-    "@teambit/dependency-resolver": "0.0.652",
-    "@teambit/compiler": "0.0.652",
-    "@teambit/component": "0.0.652",
-    "@teambit/graphql": "0.0.652",
-    "@teambit/aspect-loader": "0.0.652",
-    "@teambit/bundler": "0.0.652",
-    "@teambit/envs": "0.0.652",
-    "@teambit/pubsub": "0.0.652",
-    "@teambit/ui": "0.0.652",
-    "@teambit/variants": "0.0.538",
+    "@teambit/dependency-resolver": "0.0.655",
+    "@teambit/compiler": "0.0.655",
+    "@teambit/component": "0.0.655",
+    "@teambit/graphql": "0.0.655",
+    "@teambit/aspect-loader": "0.0.655",
+    "@teambit/bundler": "0.0.655",
+    "@teambit/envs": "0.0.655",
+    "@teambit/pubsub": "0.0.655",
+    "@teambit/ui": "0.0.655",
+    "@teambit/variants": "0.0.539",
     "@teambit/component-issues": "0.0.46",
-    "@teambit/config": "0.0.458",
+    "@teambit/config": "0.0.459",
     "@teambit/harmony.modules.requireable-component": "0.0.484",
-    "@teambit/importer": "0.0.81",
+    "@teambit/importer": "0.0.84",
     "@teambit/workspace.modules.match-pattern": "0.0.489",
-    "@teambit/command-bar": "0.0.652",
-    "@teambit/design.ui.surfaces.menu.link-item": "0.0.378",
-    "@teambit/graph": "0.0.652",
-    "@teambit/react-router": "0.0.652",
-    "@teambit/sidebar": "0.0.652",
+    "@teambit/command-bar": "0.0.655",
+    "@teambit/design.ui.surfaces.menu.link-item": "0.0.379",
+    "@teambit/graph": "0.0.655",
+    "@teambit/react-router": "0.0.655",
+    "@teambit/sidebar": "0.0.655",
     "@teambit/ui-foundation.ui.main-dropdown": "0.0.486",
     "@teambit/ui-foundation.ui.menu": "0.0.486",
     "@teambit/ui-foundation.ui.react-router.slot-router": "0.0.488",
+    "@teambit/ui-foundation.ui.tree.drawer": "0.0.491",
     "@teambit/toolbox.time.time-format": "0.0.483",
     "@teambit/ui-foundation.ui.hooks.use-data-query": "0.0.487",
-    "@teambit/component-descriptor": "0.0.3",
-    "@teambit/deprecation": "0.0.652",
+    "@teambit/component-descriptor": "0.0.4",
+    "@teambit/deprecation": "0.0.655",
     "@teambit/ui-foundation.ui.constants.z-indexes": "0.0.487",
     "@teambit/ui-foundation.ui.buttons.collapser": "0.0.193",
     "@teambit/ui-foundation.ui.corner": "0.0.494",
@@ -84,11 +86,10 @@
     "@teambit/design.ui.styles.muted-italic": "0.0.35",
     "@teambit/design.ui.tree": "0.0.5",
     "@teambit/ui-foundation.ui.full-loader": "0.0.486",
-    "@teambit/ui-foundation.ui.side-bar": "0.0.497",
-    "@teambit/ui-foundation.ui.tree.drawer": "0.0.490",
+    "@teambit/ui-foundation.ui.side-bar": "0.0.498",
     "@teambit/explorer.ui.gallery.component-grid": "0.0.486",
     "@teambit/workspace.ui.empty-workspace": "0.0.489",
-    "@teambit/workspace.ui.workspace-component-card": "0.0.493"
+    "@teambit/workspace.ui.workspace-component-card": "0.0.494"
   },
   "devDependencies": {
     "@types/lodash": "4.14.165",
@@ -108,7 +109,7 @@
   },
   "peerDependencies": {
     "@apollo/client": "^3.0.0",
-    "@teambit/legacy": "1.0.223",
+    "@teambit/legacy": "1.0.225",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react": "^16.8.0 || ^17.0.0"
   },
@@ -136,7 +137,7 @@
         "react": "-"
       },
       "peerDependencies": {
-        "@teambit/legacy": "1.0.223",
+        "@teambit/legacy": "1.0.225",
         "react-dom": "^16.8.0 || ^17.0.0",
         "react": "^16.8.0 || ^17.0.0"
       }

package/workspace-component/component-status.ts

@@ -45,10 +45,19 @@ export class ComponentStatus {
     /**
      *  the component is not authored and not imported.
      */
-    readonly nested?: boolean
+    readonly nested?: boolean,
+    /**
+     * does the component exist on the current lane
+     */
+    readonly isInCurrentLane?: boolean
   ) {}
 
-  static fromLegacy(status: LegacyComponentStatus, hasModifiedDependencies: boolean, isOutdated: boolean) {
+  static fromLegacy(
+    status: LegacyComponentStatus,
+    hasModifiedDependencies: boolean,
+    isOutdated: boolean,
+    isInCurrentLane?: boolean
+  ) {
     const modify: ModifyInfo = {
       hasModifiedFiles: !!status.modified,
       hasModifiedDependencies,
@@ -61,7 +70,8 @@ export class ComponentStatus {
       !status.notExist,
       !status.missingFromScope,
       isOutdated,
-      !!status.nested
+      !!status.nested,
+      isInCurrentLane
     );
   }
 }

package/workspace.ui.runtime.tsx

@@ -12,6 +12,7 @@ import React from 'react';
 import { RouteProps } from 'react-router-dom';
 import CommandBarAspect, { CommandBarUI, ComponentSearcher, CommandHandler } from '@teambit/command-bar';
 import { MenuLinkItem } from '@teambit/design.ui.surfaces.menu.link-item';
+import type { DrawerType } from '@teambit/ui-foundation.ui.tree.drawer';
 import { WorkspaceComponentsDrawer } from './ui/workspace-components-drawer';
 import { ComponentTreeWidget } from './component-tree.widget';
 import { Workspace } from './ui';
@@ -59,8 +60,13 @@ export class WorkspaceUI {
   /**
    * register a route to the workspace.
    */
-  registerRoute(route: RouteProps) {
-    this.routeSlot.register(route);
+  registerRoutes(routes: RouteProps[]) {
+    this.routeSlot.register(routes);
+    return this;
+  }
+
+  registerDrawers(...drawers: DrawerType[]) {
+    this.sidebar.registerDrawer(...drawers);
     return this;
   }
 
@@ -73,6 +79,11 @@ export class WorkspaceUI {
     this.menuItemSlot.register(menuItems);
   };
 
+  registerMenuRoutes = (routes: RouteProps[]) => {
+    this.menuSlot.register(routes);
+    return this;
+  };
+
   setComponents = (components: ComponentModel[]) => {
     this.componentSearcher.update(components);
   };
@@ -85,6 +96,7 @@ export class WorkspaceUI {
 
   uiRoot(): UIRoot {
     this.commandBarUI.addSearcher(this.componentSearcher);
+    this.registerDrawers(new WorkspaceComponentsDrawer(this.sidebarSlot));
     const [setKeyBindHandler] = this.commandBarUI.addCommand({
       id: 'sidebar.toggle', // TODO - extract to a component!
       handler: () => {},
@@ -167,7 +179,6 @@ export class WorkspaceUI {
   ) {
     componentTree.registerTreeNode(new ComponentTreeWidget());
     sidebarSlot.register(new ComponentTreeWidget());
-    sidebar.registerDrawer(new WorkspaceComponentsDrawer(sidebarSlot));
     graphUI.registerComponentWidget(new ComponentTreeWidget().widget);
 
     const workspaceUI = new WorkspaceUI(
@@ -190,7 +201,7 @@ export class WorkspaceUI {
       </MenuLinkItem>
     ));
 
-    workspaceUI.menuSlot.register([
+    workspaceUI.registerMenuRoutes([
       {
         exact: true,
         path: '/',
@@ -202,10 +213,12 @@ export class WorkspaceUI {
       },
     ]);
 
-    workspaceUI.routeSlot.register({
-      path: workspaceUI.componentUi.routePath,
-      children: workspaceUI.componentUi.getComponentUI(WorkspaceAspect.id),
-    });
+    workspaceUI.registerRoutes([
+      {
+        path: workspaceUI.componentUi.routePath,
+        children: workspaceUI.componentUi.getComponentUI(WorkspaceAspect.id),
+      },
+    ]);
     return workspaceUI;
   }
 }

package/eject-conf.cmd.tsx

@@ -1,62 +0,0 @@
-import { Command, CommandOptions } from '@teambit/cli';
-import chalk from 'chalk';
-import { Text } from 'ink';
-import React from 'react';
-
-import { EjectConfOptions, EjectConfResult, Workspace } from './workspace';
-
-type EjectConfArgs = [string];
-// From the cli we might get those as string in case we run it like --propagate true (return string) as opposed to only --propagate
-type EjectConfOptionsCLI = {
-  propagate: string | boolean | undefined;
-  override: string | boolean | undefined;
-};
-
-export default class EjectConfCmd implements Command {
-  name = 'eject-conf [id]';
-  description = 'ejecting components configuration';
-  alias = '';
-  group = 'development';
-  shortDescription = 'eject the target component configuration file (e.g. create a `component.json` file)';
-  options = [
-    ['p', 'propagate', 'mark propagate true in the config file'],
-    ['o', 'override', 'override file if exist'],
-  ] as CommandOptions;
-
-  constructor(private workspace: Workspace) {}
-
-  // TODO: remove this ts-ignore
-  // @ts-ignore
-  async render(args: EjectConfArgs, options: EjectConfOptionsCLI) {
-    const ejectResult = await this.json(args, options);
-    const [componentId] = args;
-    return (
-      <Text color="green">
-        successfully ejected config for component {componentId} in path {ejectResult.configPath}
-      </Text>
-    );
-  }
-
-  async report(args: EjectConfArgs, options: EjectConfOptionsCLI): Promise<string> {
-    const ejectResult = await this.json(args, options);
-    const [componentId] = args;
-    return `successfully ejected config for component ${chalk.bold(componentId)} in path ${chalk.green(
-      ejectResult.configPath
-    )}`;
-  }
-
-  async json([componentId]: EjectConfArgs, options: EjectConfOptionsCLI): Promise<EjectConfResult> {
-    const ejectOptions = options;
-    if (ejectOptions.propagate === 'true') {
-      ejectOptions.propagate = true;
-    }
-    if (ejectOptions.override === 'true') {
-      ejectOptions.override = true;
-    }
-
-    const id = await this.workspace.resolveComponentId(componentId);
-
-    const results = await this.workspace.ejectConfig(id, ejectOptions as EjectConfOptions);
-    return results;
-  }
-}