@teambit/workspace 0.0.554 → 0.0.558

package/workspace.ui-root.ts

@@ -1,64 +0,0 @@
-import { BundlerMain } from '@teambit/bundler';
-import { Component, ComponentID } from '@teambit/component';
-import { UIRoot } from '@teambit/ui';
-import { GetBitMapComponentOptions } from '@teambit/legacy/dist/consumer/bit-map/bit-map';
-import { PathOsBased } from '@teambit/legacy/dist/utils/path';
-
-import { Workspace } from './workspace';
-
-export class WorkspaceUIRoot implements UIRoot {
-  constructor(
-    /**
-     * workspace extension.
-     */
-    private workspace: Workspace,
-
-    /**
-     * bundler extension
-     */
-    private bundler: BundlerMain
-  ) {}
-
-  priority = true;
-
-  get name() {
-    return this.workspace.name;
-  }
-
-  get path() {
-    return this.workspace.path;
-  }
-
-  get configFile() {
-    return 'workspace.json';
-  }
-
-  buildOptions = {
-    ssr: false,
-    launchBrowserOnStart: true,
-  };
-
-  async resolveAspects(runtimeName: string) {
-    return this.workspace.resolveAspects(runtimeName);
-  }
-
-  // TODO: @gilad please implement with variants.
-  resolvePattern(pattern: string): Promise<Component[]> {
-    return this.workspace.byPattern(pattern);
-  }
-
-  getConfig() {
-    return {};
-  }
-
-  /**
-   * proxy to `workspace.componentDir()`
-   */
-  componentDir(
-    componentId: ComponentID,
-    bitMapOptions?: GetBitMapComponentOptions,
-    options = { relative: false }
-  ): PathOsBased {
-    return this.workspace.componentDir(componentId, bitMapOptions, options);
-  }
-}

package/workspace.ui.runtime.tsx

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