@teambit/component 1.0.1212 → 1.0.1213

package/component.ui.runtime.tsx

@@ -3,19 +3,13 @@ import flatten from 'lodash.flatten';
 import copy from 'copy-to-clipboard';
 import type { RouteProps } from 'react-router-dom';
 import type { LinkProps } from '@teambit/base-react.navigation.link';
-import type { CommandBarUI, CommandEntry } from '@teambit/command-bar';
-import { CommandBarAspect } from '@teambit/command-bar';
 import { DeprecationIcon } from '@teambit/component.ui.deprecation-icon';
 import type { SlotRegistry } from '@teambit/harmony';
 import { Slot } from '@teambit/harmony';
-import { PreviewAspect, ClickInsideAnIframeEvent } from '@teambit/preview';
-import type { BitBaseEvent, PubsubUI } from '@teambit/pubsub';
-import { PubsubAspect } from '@teambit/pubsub';
 import type { ReactRouterUI } from '@teambit/react-router';
 import { ReactRouterAspect } from '@teambit/react-router';
 import { UIRuntime } from '@teambit/harmony.modules.runtimes';
 import { groupBy } from 'lodash';
-import { isBrowser } from '@teambit/ui-foundation.ui.is-browser';
 import type { MenuItem, MenuItemSlot } from '@teambit/ui-foundation.ui.main-dropdown';
 import type { NavigationSlot, RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';
 import { Import } from '@teambit/ui-foundation.ui.use-box.menu';
@@ -44,6 +38,18 @@ export type ComponentUIConfig = {
   commandBar: boolean;
 };
 
+/**
+ * a command the component page offers to the command bar (the shape of the command-bar's `CommandEntry`).
+ */
+export type ComponentCommand = {
+  id: string;
+  action: () => void;
+  keybinding?: string | string[];
+  displayName: string;
+};
+
+export type CommandRunner = (commandId: string) => unknown;
+
 export type Server = {
   env: string;
   url: string;
@@ -55,14 +61,9 @@ export type ComponentMeta = {
 
 export class ComponentUI {
   readonly routePath = `/*`;
-  private componentSearcher: ComponentSearcher;
+  readonly componentSearcher: ComponentSearcher;
 
   constructor(
-    /**
-     * Pubsub aspects
-     */
-    private pubsub: PubsubUI,
-
     private routeSlot: RouteSlot,
 
     private navSlot: OrderedNavigationSlot,
@@ -87,12 +88,14 @@ export class ComponentUI {
 
     private componentSearchResultSlot: ComponentSearchResultSlot,
 
-    private commandBarUI: CommandBarUI,
+    reactRouterUi: ReactRouterUI,
 
-    reactRouterUi: ReactRouterUI
+    /**
+     * whether the component page offers its commands and component search to the command bar
+     */
+    readonly isCommandBarEnabled: boolean
   ) {
     this.componentSearcher = new ComponentSearcher({ navigate: reactRouterUi.navigateTo });
-    if (isBrowser) this.registerPubSub();
   }
 
   get routes() {
@@ -110,6 +113,10 @@ export class ComponentUI {
     return snapToSemver(version);
   }
 
+  private copyBitId = () => {
+    copy(this.activeComponent?.id.toString() || '');
+  };
+
   private copyNpmId = () => {
     const packageName = this.activeComponent?.packageName;
     if (packageName) {
@@ -119,15 +126,26 @@ export class ComponentUI {
     }
   };
 
+  private commandRunner?: CommandRunner;
+
+  /**
+   * set by the command bar, so the menu items can run its commands.
+   */
+  registerCommandRunner(commandRunner: CommandRunner) {
+    this.commandRunner = commandRunner;
+  }
+
+  private runCommand(commandId: string) {
+    return this.commandRunner?.(commandId);
+  }
+
   /**
    * key bindings used by component aspect
    */
-  private keyBindings: CommandEntry[] = [
+  readonly keyBindings: ComponentCommand[] = [
     {
       id: 'component.copyBitId', // TODO - extract to a component!
-      action: () => {
-        copy(this.activeComponent?.id.toString() || '');
-      },
+      action: this.copyBitId,
       displayName: 'Copy component ID',
       keybinding: '.',
     },
@@ -144,25 +162,25 @@ export class ComponentUI {
       category: 'general',
       title: 'Open command bar',
       keyChar: 'mod+k',
-      handler: () => this.commandBarUI?.run('command-bar.open'),
+      handler: () => this.runCommand('command-bar.open'),
     },
     {
       category: 'general',
       title: 'Toggle component list',
       keyChar: 'alt+s',
-      handler: () => this.commandBarUI?.run('sidebar.toggle'),
+      handler: () => this.runCommand('sidebar.toggle'),
     },
     {
       category: 'workflow',
       title: 'Copy component ID',
       keyChar: '.',
-      handler: () => this.commandBarUI?.run('component.copyBitId'),
+      handler: this.copyBitId,
     },
     {
       category: 'workflow',
       title: 'Copy component package name',
       keyChar: ',',
-      handler: () => this.commandBarUI?.run('component.copyNpmId'),
+      handler: this.copyNpmId,
     },
   ];
 
@@ -194,21 +212,6 @@ export class ComponentUI {
     };
   };
 
-  registerPubSub() {
-    this.pubsub.sub(PreviewAspect.id, (be: BitBaseEvent<any>) => {
-      if (be.type === ClickInsideAnIframeEvent.TYPE) {
-        const event = new MouseEvent('mousedown', {
-          view: window,
-          bubbles: true,
-          cancelable: true,
-        });
-
-        const body = document.body;
-        body?.dispatchEvent(event);
-      }
-    });
-  }
-
   handleComponentChange = (activeComponent?: ComponentModel) => {
     this.activeComponent = activeComponent;
   };
@@ -304,7 +307,7 @@ export class ComponentUI {
     this.componentSearcher.update(components || []);
   };
 
-  static dependencies = [PubsubAspect, CommandBarAspect, ReactRouterAspect];
+  static dependencies = [ReactRouterAspect];
 
   static runtime = UIRuntime;
 
@@ -324,7 +327,7 @@ export class ComponentUI {
   };
 
   static async provider(
-    [pubsub, commandBarUI, reactRouterUI]: [PubsubUI, CommandBarUI, ReactRouterUI],
+    [reactRouterUI]: [ReactRouterUI],
     config: ComponentUIConfig,
     [
       routeSlot,
@@ -351,7 +354,6 @@ export class ComponentUI {
     // TODO: refactor ComponentHost to a separate extension (including sidebar, host, graphql, etc.)
     // TODO: add contextual hook for ComponentHost @uri/@oded
     const componentUI = new ComponentUI(
-      pubsub,
       routeSlot,
       navSlot,
       consumeMethodSlot,
@@ -361,26 +363,17 @@ export class ComponentUI {
       menuItemSlot,
       pageSlot,
       componentSearchResultSlot,
-      commandBarUI,
-      reactRouterUI
+      reactRouterUI,
+      config.commandBar
     );
     const aspectSection = new AspectSection();
     // @ts-ignore
     componentUI.registerSearchResultWidget({ key: 'deprecation', end: DeprecationIcon });
 
-    if (componentUI.commandBarUI && config.commandBar) {
-      componentUI.commandBarUI.addCommand(...componentUI.keyBindings);
-      commandBarUI.addSearcher(componentUI.componentSearcher);
-    }
-
     componentUI.registerMenuItem(componentUI.menuItems);
     componentUI.registerRoute(aspectSection.route);
     componentUI.registerWidget(aspectSection.navigationLink, aspectSection.order);
     componentUI.registerConsumeMethod(componentUI.bitMethod);
-    componentUI.registerRightSideMenuItem({
-      item: <commandBarUI.CommandBarButton />,
-      order: 90,
-    });
     return componentUI;
   }
 }

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

@@ -1,21 +1,30 @@
 import React from 'react';
 import type { RouteProps } from 'react-router-dom';
 import type { LinkProps } from '@teambit/base-react.navigation.link';
-import type { CommandBarUI } from '@teambit/command-bar';
 import type { SlotRegistry } from '@teambit/harmony';
-import type { PubsubUI } from '@teambit/pubsub';
 import type { ReactRouterUI } from '@teambit/react-router';
 import type { MenuItem, MenuItemSlot } from '@teambit/ui-foundation.ui.main-dropdown';
 import type { NavigationSlot, RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';
 import type { ComponentModel } from './ui';
 import type { ComponentPageElement, ComponentPageSlot } from './ui/component';
 import type { ComponentResultPlugin } from './ui/component-searcher';
+import { ComponentSearcher } from './ui/component-searcher';
 import type { ConsumeMethodSlot, ConsumePlugin, NavPlugin, OrderedNavigationSlot, RightSideMenuItem, RightSideMenuSlot } from './ui/menu';
 import type { GetComponentsOptions } from './get-component-opts';
 export type ComponentSearchResultSlot = SlotRegistry<ComponentResultPlugin[]>;
 export type ComponentUIConfig = {
     commandBar: boolean;
 };
+/**
+ * a command the component page offers to the command bar (the shape of the command-bar's `CommandEntry`).
+ */
+export type ComponentCommand = {
+    id: string;
+    action: () => void;
+    keybinding?: string | string[];
+    displayName: string;
+};
+export type CommandRunner = (commandId: string) => unknown;
 export type Server = {
     env: string;
     url: string;
@@ -24,10 +33,6 @@ export type ComponentMeta = {
     id: string;
 };
 export declare class ComponentUI {
-    /**
-     * Pubsub aspects
-     */
-    private pubsub;
     private routeSlot;
     private navSlot;
     readonly consumeMethodSlot: ConsumeMethodSlot;
@@ -46,14 +51,13 @@ export declare class ComponentUI {
     private menuItemSlot;
     private pageItemSlot;
     private componentSearchResultSlot;
-    private commandBarUI;
-    readonly routePath = "/*";
-    private componentSearcher;
-    constructor(
     /**
-     * Pubsub aspects
+     * whether the component page offers its commands and component search to the command bar
      */
-    pubsub: PubsubUI, routeSlot: RouteSlot, navSlot: OrderedNavigationSlot, consumeMethodSlot: ConsumeMethodSlot, 
+    readonly isCommandBarEnabled: boolean;
+    readonly routePath = "/*";
+    readonly componentSearcher: ComponentSearcher;
+    constructor(routeSlot: RouteSlot, navSlot: OrderedNavigationSlot, consumeMethodSlot: ConsumeMethodSlot, 
     /**
      * slot for registering a new widget to the menu.
      */
@@ -65,21 +69,31 @@ export declare class ComponentUI {
     /**
      * slot for registering the right section of the menu
      */
-    rightSideMenuSlot: RightSideMenuSlot, menuItemSlot: MenuItemSlot, pageItemSlot: ComponentPageSlot, componentSearchResultSlot: ComponentSearchResultSlot, commandBarUI: CommandBarUI, reactRouterUi: ReactRouterUI);
+    rightSideMenuSlot: RightSideMenuSlot, menuItemSlot: MenuItemSlot, pageItemSlot: ComponentPageSlot, componentSearchResultSlot: ComponentSearchResultSlot, reactRouterUi: ReactRouterUI, 
+    /**
+     * whether the component page offers its commands and component search to the command bar
+     */
+    isCommandBarEnabled: boolean);
     get routes(): [string, RouteProps[]][];
     /**
      * the current visible component
      */
     private activeComponent?;
     formatToInstallableVersion(version: string): string;
+    private copyBitId;
     private copyNpmId;
+    private commandRunner?;
+    /**
+     * set by the command bar, so the menu items can run its commands.
+     */
+    registerCommandRunner(commandRunner: CommandRunner): void;
+    private runCommand;
     /**
      * key bindings used by component aspect
      */
-    private keyBindings;
+    readonly keyBindings: ComponentCommand[];
     private menuItems;
     private bitMethod;
-    registerPubSub(): void;
     handleComponentChange: (activeComponent?: ComponentModel) => void;
     getComponentUI(host: string, options?: GetComponentsOptions): React.JSX.Element;
     getMenu(host: string, options?: GetComponentsOptions): React.JSX.Element;
@@ -99,7 +113,7 @@ export declare class ComponentUI {
     static runtime: import("@teambit/harmony").RuntimeDefinition;
     static slots: (((registerFn: () => string) => SlotRegistry<ComponentPageSlot>) | ((registerFn: () => string) => SlotRegistry<ComponentSearchResultSlot>) | ((registerFn: () => string) => SlotRegistry<ConsumeMethodSlot>) | ((registerFn: () => string) => SlotRegistry<MenuItemSlot>) | ((registerFn: () => string) => SlotRegistry<NavPlugin>) | ((registerFn: () => string) => SlotRegistry<NavigationSlot>) | ((registerFn: () => string) => SlotRegistry<RightSideMenuSlot>) | ((registerFn: () => string) => SlotRegistry<RouteProps>))[];
     static defaultConfig: ComponentUIConfig;
-    static provider([pubsub, commandBarUI, reactRouterUI]: [PubsubUI, CommandBarUI, ReactRouterUI], config: ComponentUIConfig, [routeSlot, navSlot, consumeMethodSlot, widgetSlot, menuItemSlot, pageSlot, componentSearchResultSlot, rightSideMenuSlot, pinnedWidgetSlot,]: [
+    static provider([reactRouterUI]: [ReactRouterUI], config: ComponentUIConfig, [routeSlot, navSlot, consumeMethodSlot, widgetSlot, menuItemSlot, pageSlot, componentSearchResultSlot, rightSideMenuSlot, pinnedWidgetSlot,]: [
         RouteSlot,
         OrderedNavigationSlot,
         ConsumeMethodSlot,

package/dist/component.ui.runtime.js

@@ -25,13 +25,6 @@ function _copyToClipboard() {
   };
   return data;
 }
-function _commandBar() {
-  const data = require("@teambit/command-bar");
-  _commandBar = function () {
-    return data;
-  };
-  return data;
-}
 function _componentUi() {
   const data = require("@teambit/component.ui.deprecation-icon");
   _componentUi = function () {
@@ -46,20 +39,6 @@ function _harmony() {
   };
   return data;
 }
-function _preview() {
-  const data = require("@teambit/preview");
-  _preview = function () {
-    return data;
-  };
-  return data;
-}
-function _pubsub() {
-  const data = require("@teambit/pubsub");
-  _pubsub = function () {
-    return data;
-  };
-  return data;
-}
 function _reactRouter() {
   const data = require("@teambit/react-router");
   _reactRouter = function () {
@@ -81,13 +60,6 @@ function _lodash2() {
   };
   return data;
 }
-function _uiFoundationUi() {
-  const data = require("@teambit/ui-foundation.ui.is-browser");
-  _uiFoundationUi = function () {
-    return data;
-  };
-  return data;
-}
 function _uiFoundationUiUseBox() {
   const data = require("@teambit/ui-foundation.ui.use-box.menu");
   _uiFoundationUiUseBox = function () {
@@ -141,12 +113,12 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * a command the component page offers to the command bar (the shape of the command-bar's `CommandEntry`).
+ */
+
 class ComponentUI {
-  constructor(
-  /**
-   * Pubsub aspects
-   */
-  pubsub, routeSlot, navSlot, consumeMethodSlot,
+  constructor(routeSlot, navSlot, consumeMethodSlot,
   /**
    * slot for registering a new widget to the menu.
    */
@@ -158,8 +130,11 @@ class ComponentUI {
   /**
    * slot for registering the right section of the menu
    */
-  rightSideMenuSlot, menuItemSlot, pageItemSlot, componentSearchResultSlot, commandBarUI, reactRouterUi) {
-    this.pubsub = pubsub;
+  rightSideMenuSlot, menuItemSlot, pageItemSlot, componentSearchResultSlot, reactRouterUi,
+  /**
+   * whether the component page offers its commands and component search to the command bar
+   */
+  isCommandBarEnabled) {
     this.routeSlot = routeSlot;
     this.navSlot = navSlot;
     this.consumeMethodSlot = consumeMethodSlot;
@@ -169,13 +144,16 @@ class ComponentUI {
     this.menuItemSlot = menuItemSlot;
     this.pageItemSlot = pageItemSlot;
     this.componentSearchResultSlot = componentSearchResultSlot;
-    this.commandBarUI = commandBarUI;
+    this.isCommandBarEnabled = isCommandBarEnabled;
     _defineProperty(this, "routePath", `/*`);
     _defineProperty(this, "componentSearcher", void 0);
     /**
      * the current visible component
      */
     _defineProperty(this, "activeComponent", void 0);
+    _defineProperty(this, "copyBitId", () => {
+      (0, _copyToClipboard().default)(this.activeComponent?.id.toString() || '');
+    });
     _defineProperty(this, "copyNpmId", () => {
       const packageName = this.activeComponent?.packageName;
       if (packageName) {
@@ -184,15 +162,14 @@ class ComponentUI {
         (0, _copyToClipboard().default)(`${packageName}${versionString}`);
       }
     });
+    _defineProperty(this, "commandRunner", void 0);
     /**
      * key bindings used by component aspect
      */
     _defineProperty(this, "keyBindings", [{
       id: 'component.copyBitId',
       // TODO - extract to a component!
-      action: () => {
-        (0, _copyToClipboard().default)(this.activeComponent?.id.toString() || '');
-      },
+      action: this.copyBitId,
       displayName: 'Copy component ID',
       keybinding: '.'
     }, {
@@ -206,22 +183,22 @@ class ComponentUI {
       category: 'general',
       title: 'Open command bar',
       keyChar: 'mod+k',
-      handler: () => this.commandBarUI?.run('command-bar.open')
+      handler: () => this.runCommand('command-bar.open')
     }, {
       category: 'general',
       title: 'Toggle component list',
       keyChar: 'alt+s',
-      handler: () => this.commandBarUI?.run('sidebar.toggle')
+      handler: () => this.runCommand('sidebar.toggle')
     }, {
       category: 'workflow',
       title: 'Copy component ID',
       keyChar: '.',
-      handler: () => this.commandBarUI?.run('component.copyBitId')
+      handler: this.copyBitId
     }, {
       category: 'workflow',
       title: 'Copy component package name',
       keyChar: ',',
-      handler: () => this.commandBarUI?.run('component.copyNpmId')
+      handler: this.copyNpmId
     }]);
     _defineProperty(this, "bitMethod", ({
       options,
@@ -273,7 +250,6 @@ class ComponentUI {
     this.componentSearcher = new (_componentSearcher().ComponentSearcher)({
       navigate: reactRouterUi.navigateTo
     });
-    if (_uiFoundationUi().isBrowser) this.registerPubSub();
   }
   get routes() {
     return this.routeSlot.toArray().map(([key, routes]) => [key, Array.isArray(routes) ? [...(0, _lodash().default)(routes)] : [routes]]);
@@ -281,18 +257,14 @@ class ComponentUI {
   formatToInstallableVersion(version) {
     return (0, _componentPackageVersion().snapToSemver)(version);
   }
-  registerPubSub() {
-    this.pubsub.sub(_preview().PreviewAspect.id, be => {
-      if (be.type === _preview().ClickInsideAnIframeEvent.TYPE) {
-        const event = new MouseEvent('mousedown', {
-          view: window,
-          bubbles: true,
-          cancelable: true
-        });
-        const body = document.body;
-        body?.dispatchEvent(event);
-      }
-    });
+  /**
+   * set by the command bar, so the menu items can run its commands.
+   */
+  registerCommandRunner(commandRunner) {
+    this.commandRunner = commandRunner;
+  }
+  runCommand(commandId) {
+    return this.commandRunner?.(commandId);
   }
   getComponentUI(host, options = {}) {
     return /*#__PURE__*/_react().default.createElement(_component2().Component, {
@@ -358,33 +330,25 @@ class ComponentUI {
   registerRightSideMenuItem(...rightSideMenuItem) {
     this.rightSideMenuSlot.register(rightSideMenuItem);
   }
-  static async provider([pubsub, commandBarUI, reactRouterUI], config, [routeSlot, navSlot, consumeMethodSlot, widgetSlot, menuItemSlot, pageSlot, componentSearchResultSlot, rightSideMenuSlot, pinnedWidgetSlot]) {
+  static async provider([reactRouterUI], config, [routeSlot, navSlot, consumeMethodSlot, widgetSlot, menuItemSlot, pageSlot, componentSearchResultSlot, rightSideMenuSlot, pinnedWidgetSlot]) {
     // TODO: refactor ComponentHost to a separate extension (including sidebar, host, graphql, etc.)
     // TODO: add contextual hook for ComponentHost @uri/@oded
-    const componentUI = new ComponentUI(pubsub, routeSlot, navSlot, consumeMethodSlot, widgetSlot, pinnedWidgetSlot, rightSideMenuSlot, menuItemSlot, pageSlot, componentSearchResultSlot, commandBarUI, reactRouterUI);
+    const componentUI = new ComponentUI(routeSlot, navSlot, consumeMethodSlot, widgetSlot, pinnedWidgetSlot, rightSideMenuSlot, menuItemSlot, pageSlot, componentSearchResultSlot, reactRouterUI, config.commandBar);
     const aspectSection = new (_aspect().AspectSection)();
     // @ts-ignore
     componentUI.registerSearchResultWidget({
       key: 'deprecation',
       end: _componentUi().DeprecationIcon
     });
-    if (componentUI.commandBarUI && config.commandBar) {
-      componentUI.commandBarUI.addCommand(...componentUI.keyBindings);
-      commandBarUI.addSearcher(componentUI.componentSearcher);
-    }
     componentUI.registerMenuItem(componentUI.menuItems);
     componentUI.registerRoute(aspectSection.route);
     componentUI.registerWidget(aspectSection.navigationLink, aspectSection.order);
     componentUI.registerConsumeMethod(componentUI.bitMethod);
-    componentUI.registerRightSideMenuItem({
-      item: /*#__PURE__*/_react().default.createElement(commandBarUI.CommandBarButton, null),
-      order: 90
-    });
     return componentUI;
   }
 }
 exports.ComponentUI = ComponentUI;
-_defineProperty(ComponentUI, "dependencies", [_pubsub().PubsubAspect, _commandBar().CommandBarAspect, _reactRouter().ReactRouterAspect]);
+_defineProperty(ComponentUI, "dependencies", [_reactRouter().ReactRouterAspect]);
 _defineProperty(ComponentUI, "runtime", _harmonyModules().UIRuntime);
 _defineProperty(ComponentUI, "slots", [_harmony().Slot.withType(), _harmony().Slot.withType(), _harmony().Slot.withType(), _harmony().Slot.withType(), _harmony().Slot.withType(), _harmony().Slot.withType(), _harmony().Slot.withType(), _harmony().Slot.withType(), _harmony().Slot.withType()]);
 _defineProperty(ComponentUI, "defaultConfig", {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","data","_interopRequireDefault","require","_lodash","_copyToClipboard","_commandBar","_componentUi","_harmony","_preview","_pubsub","_reactRouter","_harmonyModules","_lodash2","_uiFoundationUi","_uiFoundationUiUseBox","_componentPackageVersion","_aspect","_component","_component2","_componentSearcher","_menu","e","__esModule","default","_defineProperty","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","ComponentUI","constructor","pubsub","routeSlot","navSlot","consumeMethodSlot","widgetSlot","pinnedWidgetSlot","rightSideMenuSlot","menuItemSlot","pageItemSlot","componentSearchResultSlot","commandBarUI","reactRouterUi","packageName","activeComponent","version","id","versionString","formatToInstallableVersion","copy","action","toString","displayName","keybinding","copyNpmId","category","title","keyChar","handler","run","options","componentId","packageNameFromProps","latest","latestFromProps","componentModel","packageVersion","Title","createElement","style","width","src","Component","hide","Import","ignoreVersion","componentName","name","showInstallMethod","disableInstall","order","menuItems","register","items","totalPlugins","flatten","values","componentSearcher","updatePlugins","components","update","ComponentSearcher","navigate","navigateTo","isBrowser","registerPubSub","routes","toArray","map","key","Array","isArray","snapToSemver","sub","PreviewAspect","be","type","ClickInsideAnIframeEvent","TYPE","event","MouseEvent","view","window","bubbles","cancelable","body","document","dispatchEvent","getComponentUI","host","containerSlot","onComponentChange","handleComponentChange","path","useComponent","componentIdStr","useComponentFilters","overriddenRoutes","getMenu","ComponentMenu","className","skipRightSide","navigationSlot","RightNode","authToken","listMenuItems","mainMenuItems","groupBy","registerRoute","registerNavigation","nav","props","registerConsumeMethod","consumeMethods","registerWidget","widget","registerPinnedWidget","registerRightSideMenuItem","rightSideMenuItem","provider","reactRouterUI","config","pageSlot","componentUI","aspectSection","AspectSection","registerSearchResultWidget","end","DeprecationIcon","commandBar","addCommand","keyBindings","addSearcher","registerMenuItem","route","navigationLink","bitMethod","item","CommandBarButton","exports","PubsubAspect","CommandBarAspect","ReactRouterAspect","UIRuntime","Slot","withType","_default","ComponentAspect","addRuntime"],"sources":["component.ui.runtime.tsx"],"sourcesContent":["import React from 'react';\nimport flatten from 'lodash.flatten';\nimport copy from 'copy-to-clipboard';\nimport type { RouteProps } from 'react-router-dom';\nimport type { LinkProps } from '@teambit/base-react.navigation.link';\nimport type { CommandBarUI, CommandEntry } from '@teambit/command-bar';\nimport { CommandBarAspect } from '@teambit/command-bar';\nimport { DeprecationIcon } from '@teambit/component.ui.deprecation-icon';\nimport type { SlotRegistry } from '@teambit/harmony';\nimport { Slot } from '@teambit/harmony';\nimport { PreviewAspect, ClickInsideAnIframeEvent } from '@teambit/preview';\nimport type { BitBaseEvent, PubsubUI } from '@teambit/pubsub';\nimport { PubsubAspect } from '@teambit/pubsub';\nimport type { ReactRouterUI } from '@teambit/react-router';\nimport { ReactRouterAspect } from '@teambit/react-router';\nimport { UIRuntime } from '@teambit/harmony.modules.runtimes';\nimport { groupBy } from 'lodash';\nimport { isBrowser } from '@teambit/ui-foundation.ui.is-browser';\nimport type { MenuItem, MenuItemSlot } from '@teambit/ui-foundation.ui.main-dropdown';\nimport type { NavigationSlot, RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';\nimport { Import } from '@teambit/ui-foundation.ui.use-box.menu';\nimport { snapToSemver } from '@teambit/component-package-version';\nimport { AspectSection } from './aspect.section';\nimport { ComponentAspect } from './component.aspect';\nimport type { ComponentModel } from './ui';\nimport type { ComponentPageElement, ComponentPageSlot } from './ui/component';\nimport { Component } from './ui/component';\nimport type { ComponentResultPlugin } from './ui/component-searcher';\nimport { ComponentSearcher } from './ui/component-searcher';\nimport type {\n  ConsumeMethodSlot,\n  ConsumePlugin,\n  NavPlugin,\n  OrderedNavigationSlot,\n  RightSideMenuItem,\n  RightSideMenuSlot,\n} from './ui/menu';\nimport { ComponentMenu } from './ui/menu';\nimport type { GetComponentsOptions } from './get-component-opts';\n\nexport type ComponentSearchResultSlot = SlotRegistry<ComponentResultPlugin[]>;\n\nexport type ComponentUIConfig = {\n  commandBar: boolean;\n};\n\nexport type Server = {\n  env: string;\n  url: string;\n};\n\nexport type ComponentMeta = {\n  id: string;\n};\n\nexport class ComponentUI {\n  readonly routePath = `/*`;\n  private componentSearcher: ComponentSearcher;\n\n  constructor(\n    /**\n     * Pubsub aspects\n     */\n    private pubsub: PubsubUI,\n\n    private routeSlot: RouteSlot,\n\n    private navSlot: OrderedNavigationSlot,\n\n    readonly consumeMethodSlot: ConsumeMethodSlot,\n    /**\n     * slot for registering a new widget to the menu.\n     */\n    private widgetSlot: OrderedNavigationSlot,\n    /**\n     * slot for registering pinned widgets to the menu\n     */\n    private pinnedWidgetSlot: OrderedNavigationSlot,\n    /**\n     * slot for registering the right section of the menu\n     */\n    private rightSideMenuSlot: RightSideMenuSlot,\n\n    private menuItemSlot: MenuItemSlot,\n\n    private pageItemSlot: ComponentPageSlot,\n\n    private componentSearchResultSlot: ComponentSearchResultSlot,\n\n    private commandBarUI: CommandBarUI,\n\n    reactRouterUi: ReactRouterUI\n  ) {\n    this.componentSearcher = new ComponentSearcher({ navigate: reactRouterUi.navigateTo });\n    if (isBrowser) this.registerPubSub();\n  }\n\n  get routes() {\n    return this.routeSlot\n      .toArray()\n      .map(([key, routes]) => [key, Array.isArray(routes) ? [...flatten(routes)] : [routes]] as [string, RouteProps[]]);\n  }\n\n  /**\n   * the current visible component\n   */\n  private activeComponent?: ComponentModel;\n\n  formatToInstallableVersion(version: string) {\n    return snapToSemver(version);\n  }\n\n  private copyNpmId = () => {\n    const packageName = this.activeComponent?.packageName;\n    if (packageName) {\n      const version = this.activeComponent?.id.version;\n      const versionString = version ? `@${this.formatToInstallableVersion(version)}` : '';\n      copy(`${packageName}${versionString}`);\n    }\n  };\n\n  /**\n   * key bindings used by component aspect\n   */\n  private keyBindings: CommandEntry[] = [\n    {\n      id: 'component.copyBitId', // TODO - extract to a component!\n      action: () => {\n        copy(this.activeComponent?.id.toString() || '');\n      },\n      displayName: 'Copy component ID',\n      keybinding: '.',\n    },\n    {\n      id: 'component.copyNpmId', // TODO - extract to a component!\n      action: this.copyNpmId,\n      displayName: 'Copy component package name',\n      keybinding: ',',\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      category: 'workflow',\n      title: 'Copy component ID',\n      keyChar: '.',\n      handler: () => this.commandBarUI?.run('component.copyBitId'),\n    },\n    {\n      category: 'workflow',\n      title: 'Copy component package name',\n      keyChar: ',',\n      handler: () => this.commandBarUI?.run('component.copyNpmId'),\n    },\n  ];\n\n  private bitMethod: ConsumePlugin = ({\n    options,\n    id: componentId,\n    packageName: packageNameFromProps,\n    latest: latestFromProps,\n    componentModel,\n  }) => {\n    const packageName = packageNameFromProps || componentModel?.packageName;\n    const latest = latestFromProps || componentModel?.id.version;\n\n    const version = componentId.version === latest ? '' : `@${componentId.version}`;\n    const packageVersion =\n      componentId.version === latest ? '' : `@${this.formatToInstallableVersion(componentId.version as string)}`;\n\n    return {\n      Title: <img style={{ width: '20px' }} src=\"https://static.bit.dev/brands/bit-logo-text.svg\" />,\n      Component: !options?.hide ? (\n        <Import\n          componentId={`${componentId.toString({ ignoreVersion: true })}${version}`}\n          packageName={`${packageName}${packageVersion}`}\n          componentName={componentId.name}\n          showInstallMethod={!options?.disableInstall}\n        />\n      ) : null,\n      order: 0,\n    };\n  };\n\n  registerPubSub() {\n    this.pubsub.sub(PreviewAspect.id, (be: BitBaseEvent<any>) => {\n      if (be.type === ClickInsideAnIframeEvent.TYPE) {\n        const event = new MouseEvent('mousedown', {\n          view: window,\n          bubbles: true,\n          cancelable: true,\n        });\n\n        const body = document.body;\n        body?.dispatchEvent(event);\n      }\n    });\n  }\n\n  handleComponentChange = (activeComponent?: ComponentModel) => {\n    this.activeComponent = activeComponent;\n  };\n\n  getComponentUI(host: string, options: GetComponentsOptions = {}) {\n    return (\n      <Component\n        routeSlot={this.routeSlot}\n        containerSlot={this.pageItemSlot}\n        onComponentChange={this.handleComponentChange}\n        host={host}\n        path={options.path}\n        useComponent={options.useComponent}\n        componentIdStr={options.componentId}\n        useComponentFilters={options.useComponentFilters}\n        overriddenRoutes={options.routes}\n      />\n    );\n  }\n\n  getMenu(host: string, options: GetComponentsOptions = {}) {\n    return (\n      <ComponentMenu\n        className={options.className}\n        skipRightSide={options.skipRightSide}\n        navigationSlot={this.navSlot}\n        consumeMethodSlot={this.consumeMethodSlot}\n        rightSideMenuSlot={this.rightSideMenuSlot}\n        widgetSlot={this.widgetSlot}\n        host={host}\n        menuItemSlot={this.menuItemSlot}\n        useComponent={options.useComponent}\n        path={options.path}\n        componentIdStr={options.componentId}\n        useComponentFilters={options.useComponentFilters}\n        RightNode={options.RightNode}\n        authToken={options.authToken}\n        pinnedWidgetSlot={this.pinnedWidgetSlot}\n      />\n    );\n  }\n\n  listMenuItems() {\n    const mainMenuItems = groupBy(flatten(this.menuItemSlot.values()), 'category');\n    return mainMenuItems;\n  }\n\n  registerRoute(routes: RouteProps[] | RouteProps) {\n    this.routeSlot.register(routes);\n    return this;\n  }\n\n  registerNavigation(nav: LinkProps, order?: number) {\n    this.navSlot.register({\n      props: nav,\n      order,\n    });\n  }\n\n  registerConsumeMethod(...consumeMethods: ConsumePlugin[]) {\n    this.consumeMethodSlot.register(consumeMethods);\n  }\n\n  registerWidget(widget: LinkProps, order?: number) {\n    this.widgetSlot.register({ props: widget, order });\n  }\n\n  registerPinnedWidget(widget: LinkProps, order?: number) {\n    this.pinnedWidgetSlot.register({ props: widget, order });\n  }\n\n  registerRightSideMenuItem(...rightSideMenuItem: RightSideMenuItem[]) {\n    this.rightSideMenuSlot.register(rightSideMenuItem);\n  }\n\n  registerMenuItem = (menuItems: MenuItem[]) => {\n    this.menuItemSlot.register(menuItems);\n  };\n\n  registerPageItem = (...items: ComponentPageElement[]) => {\n    this.pageItemSlot.register(items);\n  };\n\n  /** register widgets to the components listed in the command bar */\n  registerSearchResultWidget = (...items: ComponentResultPlugin[]) => {\n    this.componentSearchResultSlot.register(items);\n    const totalPlugins = flatten(this.componentSearchResultSlot.values());\n\n    this.componentSearcher.updatePlugins(totalPlugins);\n  };\n\n  updateComponents = (components: ComponentModel[]) => {\n    this.componentSearcher.update(components || []);\n  };\n\n  static dependencies = [PubsubAspect, CommandBarAspect, ReactRouterAspect];\n\n  static runtime = UIRuntime;\n\n  static slots = [\n    Slot.withType<RouteProps>(),\n    Slot.withType<NavPlugin>(),\n    Slot.withType<NavigationSlot>(),\n    Slot.withType<ConsumeMethodSlot>(),\n    Slot.withType<MenuItemSlot>(),\n    Slot.withType<ComponentPageSlot>(),\n    Slot.withType<ComponentSearchResultSlot>(),\n    Slot.withType<RightSideMenuSlot>(),\n    Slot.withType<NavPlugin>(),\n  ];\n  static defaultConfig: ComponentUIConfig = {\n    commandBar: true,\n  };\n\n  static async provider(\n    [pubsub, commandBarUI, reactRouterUI]: [PubsubUI, CommandBarUI, ReactRouterUI],\n    config: ComponentUIConfig,\n    [\n      routeSlot,\n      navSlot,\n      consumeMethodSlot,\n      widgetSlot,\n      menuItemSlot,\n      pageSlot,\n      componentSearchResultSlot,\n      rightSideMenuSlot,\n      pinnedWidgetSlot,\n    ]: [\n      RouteSlot,\n      OrderedNavigationSlot,\n      ConsumeMethodSlot,\n      OrderedNavigationSlot,\n      MenuItemSlot,\n      ComponentPageSlot,\n      ComponentSearchResultSlot,\n      RightSideMenuSlot,\n      OrderedNavigationSlot,\n    ]\n  ) {\n    // TODO: refactor ComponentHost to a separate extension (including sidebar, host, graphql, etc.)\n    // TODO: add contextual hook for ComponentHost @uri/@oded\n    const componentUI = new ComponentUI(\n      pubsub,\n      routeSlot,\n      navSlot,\n      consumeMethodSlot,\n      widgetSlot,\n      pinnedWidgetSlot,\n      rightSideMenuSlot,\n      menuItemSlot,\n      pageSlot,\n      componentSearchResultSlot,\n      commandBarUI,\n      reactRouterUI\n    );\n    const aspectSection = new AspectSection();\n    // @ts-ignore\n    componentUI.registerSearchResultWidget({ key: 'deprecation', end: DeprecationIcon });\n\n    if (componentUI.commandBarUI && config.commandBar) {\n      componentUI.commandBarUI.addCommand(...componentUI.keyBindings);\n      commandBarUI.addSearcher(componentUI.componentSearcher);\n    }\n\n    componentUI.registerMenuItem(componentUI.menuItems);\n    componentUI.registerRoute(aspectSection.route);\n    componentUI.registerWidget(aspectSection.navigationLink, aspectSection.order);\n    componentUI.registerConsumeMethod(componentUI.bitMethod);\n    componentUI.registerRightSideMenuItem({\n      item: <commandBarUI.CommandBarButton />,\n      order: 90,\n    });\n    return componentUI;\n  }\n}\n\nexport default ComponentUI;\n\nComponentAspect.addRuntime(ComponentUI);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","data","_interopRequireDefault","require","_lodash","_copyToClipboard","_componentUi","_harmony","_reactRouter","_harmonyModules","_lodash2","_uiFoundationUiUseBox","_componentPackageVersion","_aspect","_component","_component2","_componentSearcher","_menu","e","__esModule","default","_defineProperty","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","ComponentUI","constructor","routeSlot","navSlot","consumeMethodSlot","widgetSlot","pinnedWidgetSlot","rightSideMenuSlot","menuItemSlot","pageItemSlot","componentSearchResultSlot","reactRouterUi","isCommandBarEnabled","copy","activeComponent","id","toString","packageName","version","versionString","formatToInstallableVersion","action","copyBitId","displayName","keybinding","copyNpmId","category","title","keyChar","handler","runCommand","options","componentId","packageNameFromProps","latest","latestFromProps","componentModel","packageVersion","Title","createElement","style","width","src","Component","hide","Import","ignoreVersion","componentName","name","showInstallMethod","disableInstall","order","menuItems","register","items","totalPlugins","flatten","values","componentSearcher","updatePlugins","components","update","ComponentSearcher","navigate","navigateTo","routes","toArray","map","key","Array","isArray","snapToSemver","registerCommandRunner","commandRunner","commandId","getComponentUI","host","containerSlot","onComponentChange","handleComponentChange","path","useComponent","componentIdStr","useComponentFilters","overriddenRoutes","getMenu","ComponentMenu","className","skipRightSide","navigationSlot","RightNode","authToken","listMenuItems","mainMenuItems","groupBy","registerRoute","registerNavigation","nav","props","registerConsumeMethod","consumeMethods","registerWidget","widget","registerPinnedWidget","registerRightSideMenuItem","rightSideMenuItem","provider","reactRouterUI","config","pageSlot","componentUI","commandBar","aspectSection","AspectSection","registerSearchResultWidget","end","DeprecationIcon","registerMenuItem","route","navigationLink","bitMethod","exports","ReactRouterAspect","UIRuntime","Slot","withType","_default","ComponentAspect","addRuntime"],"sources":["component.ui.runtime.tsx"],"sourcesContent":["import React from 'react';\nimport flatten from 'lodash.flatten';\nimport copy from 'copy-to-clipboard';\nimport type { RouteProps } from 'react-router-dom';\nimport type { LinkProps } from '@teambit/base-react.navigation.link';\nimport { DeprecationIcon } from '@teambit/component.ui.deprecation-icon';\nimport type { SlotRegistry } from '@teambit/harmony';\nimport { Slot } from '@teambit/harmony';\nimport type { ReactRouterUI } from '@teambit/react-router';\nimport { ReactRouterAspect } from '@teambit/react-router';\nimport { UIRuntime } from '@teambit/harmony.modules.runtimes';\nimport { groupBy } from 'lodash';\nimport type { MenuItem, MenuItemSlot } from '@teambit/ui-foundation.ui.main-dropdown';\nimport type { NavigationSlot, RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';\nimport { Import } from '@teambit/ui-foundation.ui.use-box.menu';\nimport { snapToSemver } from '@teambit/component-package-version';\nimport { AspectSection } from './aspect.section';\nimport { ComponentAspect } from './component.aspect';\nimport type { ComponentModel } from './ui';\nimport type { ComponentPageElement, ComponentPageSlot } from './ui/component';\nimport { Component } from './ui/component';\nimport type { ComponentResultPlugin } from './ui/component-searcher';\nimport { ComponentSearcher } from './ui/component-searcher';\nimport type {\n  ConsumeMethodSlot,\n  ConsumePlugin,\n  NavPlugin,\n  OrderedNavigationSlot,\n  RightSideMenuItem,\n  RightSideMenuSlot,\n} from './ui/menu';\nimport { ComponentMenu } from './ui/menu';\nimport type { GetComponentsOptions } from './get-component-opts';\n\nexport type ComponentSearchResultSlot = SlotRegistry<ComponentResultPlugin[]>;\n\nexport type ComponentUIConfig = {\n  commandBar: boolean;\n};\n\n/**\n * a command the component page offers to the command bar (the shape of the command-bar's `CommandEntry`).\n */\nexport type ComponentCommand = {\n  id: string;\n  action: () => void;\n  keybinding?: string | string[];\n  displayName: string;\n};\n\nexport type CommandRunner = (commandId: string) => unknown;\n\nexport type Server = {\n  env: string;\n  url: string;\n};\n\nexport type ComponentMeta = {\n  id: string;\n};\n\nexport class ComponentUI {\n  readonly routePath = `/*`;\n  readonly componentSearcher: ComponentSearcher;\n\n  constructor(\n    private routeSlot: RouteSlot,\n\n    private navSlot: OrderedNavigationSlot,\n\n    readonly consumeMethodSlot: ConsumeMethodSlot,\n    /**\n     * slot for registering a new widget to the menu.\n     */\n    private widgetSlot: OrderedNavigationSlot,\n    /**\n     * slot for registering pinned widgets to the menu\n     */\n    private pinnedWidgetSlot: OrderedNavigationSlot,\n    /**\n     * slot for registering the right section of the menu\n     */\n    private rightSideMenuSlot: RightSideMenuSlot,\n\n    private menuItemSlot: MenuItemSlot,\n\n    private pageItemSlot: ComponentPageSlot,\n\n    private componentSearchResultSlot: ComponentSearchResultSlot,\n\n    reactRouterUi: ReactRouterUI,\n\n    /**\n     * whether the component page offers its commands and component search to the command bar\n     */\n    readonly isCommandBarEnabled: boolean\n  ) {\n    this.componentSearcher = new ComponentSearcher({ navigate: reactRouterUi.navigateTo });\n  }\n\n  get routes() {\n    return this.routeSlot\n      .toArray()\n      .map(([key, routes]) => [key, Array.isArray(routes) ? [...flatten(routes)] : [routes]] as [string, RouteProps[]]);\n  }\n\n  /**\n   * the current visible component\n   */\n  private activeComponent?: ComponentModel;\n\n  formatToInstallableVersion(version: string) {\n    return snapToSemver(version);\n  }\n\n  private copyBitId = () => {\n    copy(this.activeComponent?.id.toString() || '');\n  };\n\n  private copyNpmId = () => {\n    const packageName = this.activeComponent?.packageName;\n    if (packageName) {\n      const version = this.activeComponent?.id.version;\n      const versionString = version ? `@${this.formatToInstallableVersion(version)}` : '';\n      copy(`${packageName}${versionString}`);\n    }\n  };\n\n  private commandRunner?: CommandRunner;\n\n  /**\n   * set by the command bar, so the menu items can run its commands.\n   */\n  registerCommandRunner(commandRunner: CommandRunner) {\n    this.commandRunner = commandRunner;\n  }\n\n  private runCommand(commandId: string) {\n    return this.commandRunner?.(commandId);\n  }\n\n  /**\n   * key bindings used by component aspect\n   */\n  readonly keyBindings: ComponentCommand[] = [\n    {\n      id: 'component.copyBitId', // TODO - extract to a component!\n      action: this.copyBitId,\n      displayName: 'Copy component ID',\n      keybinding: '.',\n    },\n    {\n      id: 'component.copyNpmId', // TODO - extract to a component!\n      action: this.copyNpmId,\n      displayName: 'Copy component package name',\n      keybinding: ',',\n    },\n  ];\n\n  private menuItems: MenuItem[] = [\n    {\n      category: 'general',\n      title: 'Open command bar',\n      keyChar: 'mod+k',\n      handler: () => this.runCommand('command-bar.open'),\n    },\n    {\n      category: 'general',\n      title: 'Toggle component list',\n      keyChar: 'alt+s',\n      handler: () => this.runCommand('sidebar.toggle'),\n    },\n    {\n      category: 'workflow',\n      title: 'Copy component ID',\n      keyChar: '.',\n      handler: this.copyBitId,\n    },\n    {\n      category: 'workflow',\n      title: 'Copy component package name',\n      keyChar: ',',\n      handler: this.copyNpmId,\n    },\n  ];\n\n  private bitMethod: ConsumePlugin = ({\n    options,\n    id: componentId,\n    packageName: packageNameFromProps,\n    latest: latestFromProps,\n    componentModel,\n  }) => {\n    const packageName = packageNameFromProps || componentModel?.packageName;\n    const latest = latestFromProps || componentModel?.id.version;\n\n    const version = componentId.version === latest ? '' : `@${componentId.version}`;\n    const packageVersion =\n      componentId.version === latest ? '' : `@${this.formatToInstallableVersion(componentId.version as string)}`;\n\n    return {\n      Title: <img style={{ width: '20px' }} src=\"https://static.bit.dev/brands/bit-logo-text.svg\" />,\n      Component: !options?.hide ? (\n        <Import\n          componentId={`${componentId.toString({ ignoreVersion: true })}${version}`}\n          packageName={`${packageName}${packageVersion}`}\n          componentName={componentId.name}\n          showInstallMethod={!options?.disableInstall}\n        />\n      ) : null,\n      order: 0,\n    };\n  };\n\n  handleComponentChange = (activeComponent?: ComponentModel) => {\n    this.activeComponent = activeComponent;\n  };\n\n  getComponentUI(host: string, options: GetComponentsOptions = {}) {\n    return (\n      <Component\n        routeSlot={this.routeSlot}\n        containerSlot={this.pageItemSlot}\n        onComponentChange={this.handleComponentChange}\n        host={host}\n        path={options.path}\n        useComponent={options.useComponent}\n        componentIdStr={options.componentId}\n        useComponentFilters={options.useComponentFilters}\n        overriddenRoutes={options.routes}\n      />\n    );\n  }\n\n  getMenu(host: string, options: GetComponentsOptions = {}) {\n    return (\n      <ComponentMenu\n        className={options.className}\n        skipRightSide={options.skipRightSide}\n        navigationSlot={this.navSlot}\n        consumeMethodSlot={this.consumeMethodSlot}\n        rightSideMenuSlot={this.rightSideMenuSlot}\n        widgetSlot={this.widgetSlot}\n        host={host}\n        menuItemSlot={this.menuItemSlot}\n        useComponent={options.useComponent}\n        path={options.path}\n        componentIdStr={options.componentId}\n        useComponentFilters={options.useComponentFilters}\n        RightNode={options.RightNode}\n        authToken={options.authToken}\n        pinnedWidgetSlot={this.pinnedWidgetSlot}\n      />\n    );\n  }\n\n  listMenuItems() {\n    const mainMenuItems = groupBy(flatten(this.menuItemSlot.values()), 'category');\n    return mainMenuItems;\n  }\n\n  registerRoute(routes: RouteProps[] | RouteProps) {\n    this.routeSlot.register(routes);\n    return this;\n  }\n\n  registerNavigation(nav: LinkProps, order?: number) {\n    this.navSlot.register({\n      props: nav,\n      order,\n    });\n  }\n\n  registerConsumeMethod(...consumeMethods: ConsumePlugin[]) {\n    this.consumeMethodSlot.register(consumeMethods);\n  }\n\n  registerWidget(widget: LinkProps, order?: number) {\n    this.widgetSlot.register({ props: widget, order });\n  }\n\n  registerPinnedWidget(widget: LinkProps, order?: number) {\n    this.pinnedWidgetSlot.register({ props: widget, order });\n  }\n\n  registerRightSideMenuItem(...rightSideMenuItem: RightSideMenuItem[]) {\n    this.rightSideMenuSlot.register(rightSideMenuItem);\n  }\n\n  registerMenuItem = (menuItems: MenuItem[]) => {\n    this.menuItemSlot.register(menuItems);\n  };\n\n  registerPageItem = (...items: ComponentPageElement[]) => {\n    this.pageItemSlot.register(items);\n  };\n\n  /** register widgets to the components listed in the command bar */\n  registerSearchResultWidget = (...items: ComponentResultPlugin[]) => {\n    this.componentSearchResultSlot.register(items);\n    const totalPlugins = flatten(this.componentSearchResultSlot.values());\n\n    this.componentSearcher.updatePlugins(totalPlugins);\n  };\n\n  updateComponents = (components: ComponentModel[]) => {\n    this.componentSearcher.update(components || []);\n  };\n\n  static dependencies = [ReactRouterAspect];\n\n  static runtime = UIRuntime;\n\n  static slots = [\n    Slot.withType<RouteProps>(),\n    Slot.withType<NavPlugin>(),\n    Slot.withType<NavigationSlot>(),\n    Slot.withType<ConsumeMethodSlot>(),\n    Slot.withType<MenuItemSlot>(),\n    Slot.withType<ComponentPageSlot>(),\n    Slot.withType<ComponentSearchResultSlot>(),\n    Slot.withType<RightSideMenuSlot>(),\n    Slot.withType<NavPlugin>(),\n  ];\n  static defaultConfig: ComponentUIConfig = {\n    commandBar: true,\n  };\n\n  static async provider(\n    [reactRouterUI]: [ReactRouterUI],\n    config: ComponentUIConfig,\n    [\n      routeSlot,\n      navSlot,\n      consumeMethodSlot,\n      widgetSlot,\n      menuItemSlot,\n      pageSlot,\n      componentSearchResultSlot,\n      rightSideMenuSlot,\n      pinnedWidgetSlot,\n    ]: [\n      RouteSlot,\n      OrderedNavigationSlot,\n      ConsumeMethodSlot,\n      OrderedNavigationSlot,\n      MenuItemSlot,\n      ComponentPageSlot,\n      ComponentSearchResultSlot,\n      RightSideMenuSlot,\n      OrderedNavigationSlot,\n    ]\n  ) {\n    // TODO: refactor ComponentHost to a separate extension (including sidebar, host, graphql, etc.)\n    // TODO: add contextual hook for ComponentHost @uri/@oded\n    const componentUI = new ComponentUI(\n      routeSlot,\n      navSlot,\n      consumeMethodSlot,\n      widgetSlot,\n      pinnedWidgetSlot,\n      rightSideMenuSlot,\n      menuItemSlot,\n      pageSlot,\n      componentSearchResultSlot,\n      reactRouterUI,\n      config.commandBar\n    );\n    const aspectSection = new AspectSection();\n    // @ts-ignore\n    componentUI.registerSearchResultWidget({ key: 'deprecation', end: DeprecationIcon });\n\n    componentUI.registerMenuItem(componentUI.menuItems);\n    componentUI.registerRoute(aspectSection.route);\n    componentUI.registerWidget(aspectSection.navigationLink, aspectSection.order);\n    componentUI.registerConsumeMethod(componentUI.bitMethod);\n    return componentUI;\n  }\n}\n\nexport default ComponentUI;\n\nComponentAspect.addRuntime(ComponentUI);\n"],"mappings":"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","ignoreList":[]}

package/dist/index.d.ts

@@ -29,7 +29,7 @@ export { componentFields, componentIdFields, componentOverviewFields } from './u
 export type { NavPlugin, ConsumePlugin, MenuNavProps } from './ui/menu';
 export { CollapsibleMenuNav, ComponentMenu, VersionRelatedDropdowns } from './ui/menu';
 export type { RegisteredComponentRoute, ComponentUrlParams } from './component.route';
-export type { ComponentModelProps, DeprecationInfo, RegularCompDescriptor } from './ui/component-model';
+export type { ComponentModelProps, DeprecationInfo, RegularCompDescriptor, ComponentPreviewSize, ComponentPreviewSizedFile, } from './ui/component-model';
 export { ComponentModel } from './ui/component-model';
 export { TopBarNav } from './ui/top-bar-nav';
 export type { ShowFragment, ShowRow, ShowJSONRow } from './show';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_component","data","require","_host","_component2","_componentId","_componentFs","_interopRequireDefault","_aspectEntry","_snap","_tag","_state","_tagMap","_componentMap","_componentContext","_context","_ui","_menu","_componentModel","_topBarNav","_config","e","__esModule","default","_default","exports","ComponentAspect"],"sources":["index.ts"],"sourcesContent":["import { ComponentAspect } from './component.aspect';\nimport type { ConsumerComponent } from '@teambit/legacy.consumer-component';\n\nexport type { GetComponentsOptions } from './get-component-opts';\nexport type { UseComponentType } from './ui/use-component';\nexport type { ConsumerComponent };\nexport { useComponentHost } from './host';\nexport { Component, InvalidComponent } from './component';\nexport { ComponentID } from '@teambit/component-id';\nexport { default as ComponentFS } from './component-fs';\nexport type { Config as ComponentConfig } from './config';\nexport type {\n  ComponentFactory,\n  ResolveAspectsOptions,\n  FilterAspectsOptions,\n  LoadAspectsOptions,\n  GetGraphIdsOpts,\n} from './component-factory';\nexport type { AspectList } from './aspect-list';\nexport { AspectEntry, AspectData, ResolveComponentIdFunc } from './aspect-entry';\n// TODO: check why it's not working when using the index in snap dir like this:\n// export { Snap, Author } from './snap';\nexport { Snap, SnapProps } from './snap/snap';\nexport type { Author } from './snap/author';\n// TODO: check why it's not working when using the index in tag dir like this:\n// export { Tag } from './tag';\nexport { Tag, TagProps } from './tag/tag';\nexport type { IComponent } from './component-interface';\nexport { State } from './state';\nexport type { Hash } from './hash';\nexport { TagMap } from './tag-map';\nexport { ComponentMap } from './component-map';\nexport type { ComponentMain } from './component.main.runtime';\nexport type { ComponentUI } from './component.ui.runtime';\nexport type { Section } from './section';\nexport { ComponentContext, ComponentDescriptorContext, useComponentDescriptor } from './ui/context/component-context';\nexport type { ComponentProviderProps, ComponentDescriptorProviderProps } from './ui/context';\nexport { ComponentProvider, ComponentDescriptorProvider } from './ui/context';\nexport { componentFields, componentIdFields, componentOverviewFields } from './ui';\nexport type { NavPlugin, ConsumePlugin, MenuNavProps } from './ui/menu';\nexport { CollapsibleMenuNav, ComponentMenu, VersionRelatedDropdowns } from './ui/menu';\nexport type { RegisteredComponentRoute, ComponentUrlParams } from './component.route';\nexport type { ComponentModelProps, DeprecationInfo, RegularCompDescriptor } from './ui/component-model';\nexport { ComponentModel } from './ui/component-model';\nexport { TopBarNav } from './ui/top-bar-nav';\nexport type { ShowFragment, ShowRow, ShowJSONRow } from './show';\nexport { Config } from './config';\nexport { useComponent, useIdFromLocation, useComponentLogs, ComponentLogsResult, Filters } from './ui';\n\n// export { AspectList } from './aspect-list';\n// export { AspectEntry } from './aspect-entry';\nexport { ComponentAspect };\nexport default ComponentAspect;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_component","data","require","_host","_component2","_componentId","_componentFs","_interopRequireDefault","_aspectEntry","_snap","_tag","_state","_tagMap","_componentMap","_componentContext","_context","_ui","_menu","_componentModel","_topBarNav","_config","e","__esModule","default","_default","exports","ComponentAspect"],"sources":["index.ts"],"sourcesContent":["import { ComponentAspect } from './component.aspect';\nimport type { ConsumerComponent } from '@teambit/legacy.consumer-component';\n\nexport type { GetComponentsOptions } from './get-component-opts';\nexport type { UseComponentType } from './ui/use-component';\nexport type { ConsumerComponent };\nexport { useComponentHost } from './host';\nexport { Component, InvalidComponent } from './component';\nexport { ComponentID } from '@teambit/component-id';\nexport { default as ComponentFS } from './component-fs';\nexport type { Config as ComponentConfig } from './config';\nexport type {\n  ComponentFactory,\n  ResolveAspectsOptions,\n  FilterAspectsOptions,\n  LoadAspectsOptions,\n  GetGraphIdsOpts,\n} from './component-factory';\nexport type { AspectList } from './aspect-list';\nexport { AspectEntry, AspectData, ResolveComponentIdFunc } from './aspect-entry';\n// TODO: check why it's not working when using the index in snap dir like this:\n// export { Snap, Author } from './snap';\nexport { Snap, SnapProps } from './snap/snap';\nexport type { Author } from './snap/author';\n// TODO: check why it's not working when using the index in tag dir like this:\n// export { Tag } from './tag';\nexport { Tag, TagProps } from './tag/tag';\nexport type { IComponent } from './component-interface';\nexport { State } from './state';\nexport type { Hash } from './hash';\nexport { TagMap } from './tag-map';\nexport { ComponentMap } from './component-map';\nexport type { ComponentMain } from './component.main.runtime';\nexport type { ComponentUI } from './component.ui.runtime';\nexport type { Section } from './section';\nexport { ComponentContext, ComponentDescriptorContext, useComponentDescriptor } from './ui/context/component-context';\nexport type { ComponentProviderProps, ComponentDescriptorProviderProps } from './ui/context';\nexport { ComponentProvider, ComponentDescriptorProvider } from './ui/context';\nexport { componentFields, componentIdFields, componentOverviewFields } from './ui';\nexport type { NavPlugin, ConsumePlugin, MenuNavProps } from './ui/menu';\nexport { CollapsibleMenuNav, ComponentMenu, VersionRelatedDropdowns } from './ui/menu';\nexport type { RegisteredComponentRoute, ComponentUrlParams } from './component.route';\nexport type {\n  ComponentModelProps,\n  DeprecationInfo,\n  RegularCompDescriptor,\n  ComponentPreviewSize,\n  ComponentPreviewSizedFile,\n} from './ui/component-model';\nexport { ComponentModel } from './ui/component-model';\nexport { TopBarNav } from './ui/top-bar-nav';\nexport type { ShowFragment, ShowRow, ShowJSONRow } from './show';\nexport { Config } from './config';\nexport { useComponent, useIdFromLocation, useComponentLogs, ComponentLogsResult, Filters } from './ui';\n\n// export { AspectList } from './aspect-list';\n// export { AspectEntry } from './aspect-entry';\nexport { ComponentAspect };\nexport default ComponentAspect;\n"],"mappings":"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","ignoreList":[]}

package/dist/{preview-1791563417062.js → preview-1791590494285.js}

@@ -1,5 +1,5 @@
-import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.component_component@1.0.1212/dist/component.composition.js';
-import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.component_component@1.0.1212/dist/component.docs.mdx';
+import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.component_component@1.0.1213/dist/component.composition.js';
+import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.component_component@1.0.1213/dist/component.docs.mdx';
 
 export const compositions = [compositions_0];
 export const overview = [overview_0];

package/dist/ui/component-model/component-model.d.ts

@@ -1,9 +1,8 @@
-import type { CompositionProps } from '@teambit/compositions';
-import { Composition } from '@teambit/compositions';
+import type { CompositionProps } from '@teambit/compositions.model.composition-type';
+import { Composition } from '@teambit/compositions.model.composition-type';
 import type { ComponentIdObj } from '@teambit/component-id';
 import { ComponentID } from '@teambit/component-id';
 import type { LegacyComponentLog } from '@teambit/legacy-component-log';
-import type { ComponentPreviewSize } from '@teambit/preview';
 import { TagMap } from '../../tag-map';
 import type { TagProps } from '../../tag/tag';
 /**
@@ -26,6 +25,25 @@ export type RegularCompDescriptor = {
     name?: string;
     description?: string;
 };
+/**
+ * the preview bundle size the component model needs. it lives here and not in the preview aspect, so the
+ * component model doesn't depend on that aspect (it depends on component).
+ */
+export type ComponentPreviewSize = {
+    files: ComponentPreviewSizedFile[];
+    assets: ComponentPreviewSizedFile[];
+    totalFiles: number;
+    compressedTotalFiles?: number;
+    totalAssets: number;
+    compressedTotalAssets?: number;
+    total: number;
+    compressedTotal?: number;
+};
+export type ComponentPreviewSizedFile = {
+    name: string;
+    size: number;
+    compressedSize?: number;
+};
 export type ComponentModelProps = {
     id: ComponentIdObj;
     description: string;

package/dist/ui/component-model/component-model.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ComponentModel = void 0;
-function _compositions() {
-  const data = require("@teambit/compositions");
-  _compositions = function () {
+function _compositionsModel() {
+  const data = require("@teambit/compositions.model.composition-type");
+  _compositionsModel = function () {
     return data;
   };
   return data;
@@ -44,6 +44,11 @@ function _tagMap() {
  * component model doesn't depend on that aspect (it depends on component).
  */
 
+/**
+ * the preview bundle size the component model needs. it lives here and not in the preview aspect, so the
+ * component model doesn't depend on that aspect (it depends on component).
+ */
+
 // ADDING MORE PROPERTIES HERE IS NOT ALLOWED!!! IF YOU NEED DATA PLEASE ADD A NEW
 // HOOK FROM YOUR ASPECT!!!
 // TODO: remove all properties from here to their rightful place in their aspects.
@@ -159,7 +164,7 @@ class ComponentModel {
     size,
     logs
   }) {
-    return new ComponentModel(_componentId().ComponentID.fromObject(id), displayName, packageName, server, _compositions().Composition.fromArray(compositions), _tagMap().TagMap.fromArray(tags.map(tag => _tag().Tag.fromObject(tag))), buildStatus, issuesCount, status, deprecation, env, description, labels, host, size, latest, preview, logs?.map(log => log ?? {
+    return new ComponentModel(_componentId().ComponentID.fromObject(id), displayName, packageName, server, _compositionsModel().Composition.fromArray(compositions), _tagMap().TagMap.fromArray(tags.map(tag => _tag().Tag.fromObject(tag))), buildStatus, issuesCount, status, deprecation, env, description, labels, host, size, latest, preview, logs?.map(log => log ?? {
       hash: '[error]',
       tag: '[error]',
       message: '',

package/dist/ui/component-model/component-model.js.map

@@ -1 +1 @@
-{"version":3,"names":["_compositions","data","require","_componentId","_tag","_tagMap","ComponentModel","constructor","id","displayName","packageName","server","compositions","tags","buildStatus","issuesCount","status","deprecation","environment","description","labels","host","size","latest","preview","logs","version","from","env","ComponentID","fromObject","Composition","fromArray","TagMap","map","tag","Tag","log","hash","message","parents","componentsProps","rawComponent","empty","name","scope","url","exports"],"sources":["component-model.ts"],"sourcesContent":["import type { CompositionProps } from '@teambit/compositions';\nimport { Composition } from '@teambit/compositions';\nimport type { ComponentIdObj } from '@teambit/component-id';\nimport { ComponentID } from '@teambit/component-id';\nimport type { LegacyComponentLog } from '@teambit/legacy-component-log';\nimport type { ComponentPreviewSize } from '@teambit/preview';\nimport { Tag } from '../../tag';\nimport { TagMap } from '../../tag-map';\nimport type { TagProps } from '../../tag/tag';\n// import { Snap } from '../../snap';\n\n/**\n * the deprecation data of a component. it lives here and not in the deprecation aspect, so the\n * component model doesn't depend on that aspect (it depends on component).\n */\nexport type DeprecationInfo = {\n  isDeprecate: boolean;\n  newId?: string;\n  range?: string;\n};\n\n/**\n * the env data the component model needs. it lives here and not in the envs aspect, so the\n * component model doesn't depend on that aspect (it depends on component).\n */\nexport type RegularCompDescriptor = {\n  id: string;\n  icon?: string;\n  type?: string;\n  name?: string;\n  description?: string;\n};\n\n// ADDING MORE PROPERTIES HERE IS NOT ALLOWED!!! IF YOU NEED DATA PLEASE ADD A NEW\n// HOOK FROM YOUR ASPECT!!!\n// TODO: remove all properties from here to their rightful place in their aspects.\n\nexport type ComponentModelProps = {\n  id: ComponentIdObj;\n  description: string;\n  buildStatus?: string;\n  server?: ComponentServer;\n  displayName: string;\n  packageName: string; // pkg aspect\n  compositions?: CompositionProps[];\n  tags?: TagProps[];\n  issuesCount?: number; // component/issues aspect\n  status?: any; // workspace aspect.\n  deprecation?: DeprecationInfo; // deprecation aspect\n  env?: RegularCompDescriptor; // env aspect.\n  labels?: string[];\n  host?: string;\n  latest?: string;\n  preview?: ComponentPreview;\n  logs?: LegacyComponentLog[];\n  size?: ComponentPreviewSize;\n};\n\nexport type ComponentPreview = {\n  includesEnvTemplate?: boolean;\n  isScaling?: boolean;\n  onlyOverview?: boolean;\n  legacyHeader?: boolean;\n  useNameParam?: boolean;\n  skipIncludes?: boolean;\n};\n\nexport type ComponentServer = {\n  env: string;\n  /**\n   * Full dev server url.\n   */\n  url?: string;\n\n  /**\n   * host of the component server (used mostly by cloud providers for remote scopes)\n   */\n  host?: string;\n\n  /**\n   * This is used mostly by cloud to proxy requests to the correct scope.\n   */\n  basePath?: string;\n};\n\nexport class ComponentModel {\n  constructor(\n    /**\n     * id of the component\n     */\n    readonly id: ComponentID,\n\n    /**\n     * display name of the component.\n     */\n    readonly displayName: string,\n\n    /**\n     * package name of the component.\n     */\n    readonly packageName: string,\n\n    /**\n     * the component server.\n     */\n    readonly server: ComponentServer | undefined,\n\n    /**\n     * array of compositions\n     */\n    readonly compositions: Composition[],\n\n    /**\n     * tags of the component.\n     */\n    readonly tags: TagMap,\n\n    /**\n     * component build status\n     */\n    readonly buildStatus?: string,\n\n    /**\n     * issues of component.\n     */\n    readonly issuesCount?: number,\n    /**\n     * status of component.\n     */\n    readonly status?: any,\n\n    /**\n     * deprecation info of the component.\n     */\n    readonly deprecation?: DeprecationInfo,\n\n    /**\n     * env descriptor.\n     */\n    readonly environment?: RegularCompDescriptor,\n\n    /**\n     * description of the component.\n     */\n\n    readonly description = '',\n\n    readonly labels: string[] = [],\n\n    /**\n     * host of the component\n     */\n    readonly host?: string,\n\n    /**\n     *\n     * size preview\n     */\n    readonly size?: ComponentPreviewSize,\n\n    /**\n     * latest version of component\n     */\n    readonly latest?: string,\n\n    readonly preview?: ComponentPreview,\n\n    readonly logs?: LegacyComponentLog[]\n  ) {}\n\n  get version() {\n    if (!this.id.version) return 'new';\n    return this.id.version;\n  }\n\n  /**\n   * create an instance of a component from a plain object.\n   */\n  static from({\n    id,\n    server,\n    displayName,\n    compositions = [],\n    packageName,\n    tags = [],\n    deprecation,\n    buildStatus,\n    env,\n    status,\n    issuesCount,\n    description,\n    labels,\n    host,\n    latest,\n    preview,\n    size,\n    logs,\n  }: ComponentModelProps) {\n    return new ComponentModel(\n      ComponentID.fromObject(id),\n      displayName,\n      packageName,\n      server,\n      Composition.fromArray(compositions),\n      TagMap.fromArray(tags.map((tag) => Tag.fromObject(tag))),\n      buildStatus,\n      issuesCount,\n      status,\n      deprecation,\n      env,\n      description,\n      labels,\n      host,\n      size,\n      latest,\n      preview,\n      logs?.map((log) => log ?? { hash: '[error]', tag: '[error]', message: '', parents: [] })\n    );\n  }\n\n  static fromArray(componentsProps: ComponentModelProps[]) {\n    return componentsProps.map((rawComponent) => ComponentModel.from(rawComponent));\n  }\n\n  static empty() {\n    return new ComponentModel(\n      ComponentID.fromObject({ name: 'root', scope: 'temp' }),\n      '',\n      '',\n      { env: '', url: '' },\n      [],\n      TagMap.empty()\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_compositionsModel","data","require","_componentId","_tag","_tagMap","ComponentModel","constructor","id","displayName","packageName","server","compositions","tags","buildStatus","issuesCount","status","deprecation","environment","description","labels","host","size","latest","preview","logs","version","from","env","ComponentID","fromObject","Composition","fromArray","TagMap","map","tag","Tag","log","hash","message","parents","componentsProps","rawComponent","empty","name","scope","url","exports"],"sources":["component-model.ts"],"sourcesContent":["import type { CompositionProps } from '@teambit/compositions.model.composition-type';\nimport { Composition } from '@teambit/compositions.model.composition-type';\nimport type { ComponentIdObj } from '@teambit/component-id';\nimport { ComponentID } from '@teambit/component-id';\nimport type { LegacyComponentLog } from '@teambit/legacy-component-log';\nimport { Tag } from '../../tag';\nimport { TagMap } from '../../tag-map';\nimport type { TagProps } from '../../tag/tag';\n// import { Snap } from '../../snap';\n\n/**\n * the deprecation data of a component. it lives here and not in the deprecation aspect, so the\n * component model doesn't depend on that aspect (it depends on component).\n */\nexport type DeprecationInfo = {\n  isDeprecate: boolean;\n  newId?: string;\n  range?: string;\n};\n\n/**\n * the env data the component model needs. it lives here and not in the envs aspect, so the\n * component model doesn't depend on that aspect (it depends on component).\n */\nexport type RegularCompDescriptor = {\n  id: string;\n  icon?: string;\n  type?: string;\n  name?: string;\n  description?: string;\n};\n\n/**\n * the preview bundle size the component model needs. it lives here and not in the preview aspect, so the\n * component model doesn't depend on that aspect (it depends on component).\n */\nexport type ComponentPreviewSize = {\n  files: ComponentPreviewSizedFile[];\n  assets: ComponentPreviewSizedFile[];\n  totalFiles: number;\n  compressedTotalFiles?: number;\n  totalAssets: number;\n  compressedTotalAssets?: number;\n  total: number;\n  compressedTotal?: number;\n};\n\nexport type ComponentPreviewSizedFile = {\n  name: string;\n  size: number;\n  compressedSize?: number;\n};\n\n// ADDING MORE PROPERTIES HERE IS NOT ALLOWED!!! IF YOU NEED DATA PLEASE ADD A NEW\n// HOOK FROM YOUR ASPECT!!!\n// TODO: remove all properties from here to their rightful place in their aspects.\n\nexport type ComponentModelProps = {\n  id: ComponentIdObj;\n  description: string;\n  buildStatus?: string;\n  server?: ComponentServer;\n  displayName: string;\n  packageName: string; // pkg aspect\n  compositions?: CompositionProps[];\n  tags?: TagProps[];\n  issuesCount?: number; // component/issues aspect\n  status?: any; // workspace aspect.\n  deprecation?: DeprecationInfo; // deprecation aspect\n  env?: RegularCompDescriptor; // env aspect.\n  labels?: string[];\n  host?: string;\n  latest?: string;\n  preview?: ComponentPreview;\n  logs?: LegacyComponentLog[];\n  size?: ComponentPreviewSize;\n};\n\nexport type ComponentPreview = {\n  includesEnvTemplate?: boolean;\n  isScaling?: boolean;\n  onlyOverview?: boolean;\n  legacyHeader?: boolean;\n  useNameParam?: boolean;\n  skipIncludes?: boolean;\n};\n\nexport type ComponentServer = {\n  env: string;\n  /**\n   * Full dev server url.\n   */\n  url?: string;\n\n  /**\n   * host of the component server (used mostly by cloud providers for remote scopes)\n   */\n  host?: string;\n\n  /**\n   * This is used mostly by cloud to proxy requests to the correct scope.\n   */\n  basePath?: string;\n};\n\nexport class ComponentModel {\n  constructor(\n    /**\n     * id of the component\n     */\n    readonly id: ComponentID,\n\n    /**\n     * display name of the component.\n     */\n    readonly displayName: string,\n\n    /**\n     * package name of the component.\n     */\n    readonly packageName: string,\n\n    /**\n     * the component server.\n     */\n    readonly server: ComponentServer | undefined,\n\n    /**\n     * array of compositions\n     */\n    readonly compositions: Composition[],\n\n    /**\n     * tags of the component.\n     */\n    readonly tags: TagMap,\n\n    /**\n     * component build status\n     */\n    readonly buildStatus?: string,\n\n    /**\n     * issues of component.\n     */\n    readonly issuesCount?: number,\n    /**\n     * status of component.\n     */\n    readonly status?: any,\n\n    /**\n     * deprecation info of the component.\n     */\n    readonly deprecation?: DeprecationInfo,\n\n    /**\n     * env descriptor.\n     */\n    readonly environment?: RegularCompDescriptor,\n\n    /**\n     * description of the component.\n     */\n\n    readonly description = '',\n\n    readonly labels: string[] = [],\n\n    /**\n     * host of the component\n     */\n    readonly host?: string,\n\n    /**\n     *\n     * size preview\n     */\n    readonly size?: ComponentPreviewSize,\n\n    /**\n     * latest version of component\n     */\n    readonly latest?: string,\n\n    readonly preview?: ComponentPreview,\n\n    readonly logs?: LegacyComponentLog[]\n  ) {}\n\n  get version() {\n    if (!this.id.version) return 'new';\n    return this.id.version;\n  }\n\n  /**\n   * create an instance of a component from a plain object.\n   */\n  static from({\n    id,\n    server,\n    displayName,\n    compositions = [],\n    packageName,\n    tags = [],\n    deprecation,\n    buildStatus,\n    env,\n    status,\n    issuesCount,\n    description,\n    labels,\n    host,\n    latest,\n    preview,\n    size,\n    logs,\n  }: ComponentModelProps) {\n    return new ComponentModel(\n      ComponentID.fromObject(id),\n      displayName,\n      packageName,\n      server,\n      Composition.fromArray(compositions),\n      TagMap.fromArray(tags.map((tag) => Tag.fromObject(tag))),\n      buildStatus,\n      issuesCount,\n      status,\n      deprecation,\n      env,\n      description,\n      labels,\n      host,\n      size,\n      latest,\n      preview,\n      logs?.map((log) => log ?? { hash: '[error]', tag: '[error]', message: '', parents: [] })\n    );\n  }\n\n  static fromArray(componentsProps: ComponentModelProps[]) {\n    return componentsProps.map((rawComponent) => ComponentModel.from(rawComponent));\n  }\n\n  static empty() {\n    return new ComponentModel(\n      ComponentID.fromObject({ name: 'root', scope: 'temp' }),\n      '',\n      '',\n      { env: '', url: '' },\n      [],\n      TagMap.empty()\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ui/component-model/index.d.ts

@@ -1 +1 @@
-export { ComponentModel, ComponentModelProps, DeprecationInfo, RegularCompDescriptor } from './component-model';
+export { ComponentModel, ComponentModelProps, DeprecationInfo, RegularCompDescriptor, ComponentPreviewSize, ComponentPreviewSizedFile, } from './component-model';

package/dist/ui/component-model/index.js

@@ -15,6 +15,18 @@ Object.defineProperty(exports, "ComponentModelProps", {
     return _componentModel().ComponentModelProps;
   }
 });
+Object.defineProperty(exports, "ComponentPreviewSize", {
+  enumerable: true,
+  get: function () {
+    return _componentModel().ComponentPreviewSize;
+  }
+});
+Object.defineProperty(exports, "ComponentPreviewSizedFile", {
+  enumerable: true,
+  get: function () {
+    return _componentModel().ComponentPreviewSizedFile;
+  }
+});
 Object.defineProperty(exports, "DeprecationInfo", {
   enumerable: true,
   get: function () {

package/dist/ui/component-model/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_componentModel","data","require"],"sources":["index.ts"],"sourcesContent":["export { ComponentModel, ComponentModelProps, DeprecationInfo, RegularCompDescriptor } from './component-model';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAAA,gBAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,eAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_componentModel","data","require"],"sources":["index.ts"],"sourcesContent":["export {\n  ComponentModel,\n  ComponentModelProps,\n  DeprecationInfo,\n  RegularCompDescriptor,\n  ComponentPreviewSize,\n  ComponentPreviewSizedFile,\n} from './component-model';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAAA,gBAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,eAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA","ignoreList":[]}

package/dist/ui/component-searcher/component-searcher.d.ts

@@ -1,6 +1,5 @@
 import type { SearchResult, FuzzySearchItem } from '@teambit/explorer.ui.command-bar';
 import { FuzzySearcher } from '@teambit/explorer.ui.command-bar';
-import type { SearchProvider } from '@teambit/command-bar';
 import type { ComponentResultPlugin } from './component-result';
 import type { ComponentModel } from '../component-model';
 export type { ComponentResultPlugin };
@@ -13,7 +12,7 @@ type ComponentSearcherOptions = {
     navigate: (path: string) => void;
     resultPlugins?: ComponentResultPlugin[];
 };
-export declare class ComponentSearcher extends FuzzySearcher<ComponentModel, ComponentSearchIdx> implements SearchProvider {
+export declare class ComponentSearcher extends FuzzySearcher<ComponentModel, ComponentSearchIdx> {
     options: ComponentSearcherOptions;
     constructor(options: ComponentSearcherOptions);
     updatePlugins(plugins: ComponentResultPlugin[]): void;

package/dist/ui/component-searcher/component-searcher.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","data","_interopRequireDefault","require","_explorerUi","_componentResult","e","__esModule","default","ownKeys","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","searchKeys","ComponentSearcher","FuzzySearcher","constructor","options","item","resultPlugins","component","id","fullName","action","children","createElement","ComponentResult","plugins","updatePlugins","test","term","startsWith","toSearchableItem","name","displayName","exports"],"sources":["component-searcher.tsx"],"sourcesContent":["import React from 'react';\nimport type { SearchResult, FuzzySearchItem } from '@teambit/explorer.ui.command-bar';\nimport { FuzzySearcher } from '@teambit/explorer.ui.command-bar';\nimport type { SearchProvider } from '@teambit/command-bar';\nimport type { ComponentResultPlugin } from './component-result';\nimport { ComponentResult } from './component-result';\nimport type { ComponentModel } from '../component-model';\n\nexport type { ComponentResultPlugin };\n\ntype ComponentSearchIdx = {\n  name: string;\n  displayName: string;\n  component: ComponentModel;\n};\n\nconst searchKeys: (keyof ComponentSearchIdx)[] = ['displayName', 'name'];\n\ntype ComponentSearcherOptions = {\n  navigate: (path: string) => void;\n  resultPlugins?: ComponentResultPlugin[];\n};\n\nexport class ComponentSearcher extends FuzzySearcher<ComponentModel, ComponentSearchIdx> implements SearchProvider {\n  constructor(public options: ComponentSearcherOptions) {\n    super({ searchKeys });\n  }\n\n  updatePlugins(plugins: ComponentResultPlugin[]) {\n    this.options = {\n      ...this.options,\n      resultPlugins: plugins,\n    };\n  }\n\n  override test(term: string): boolean {\n    return !term.startsWith('>') && term.length > 0;\n  }\n\n  protected override toSearchableItem(item: ComponentModel): ComponentSearchIdx {\n    return {\n      name: item.id.name,\n      displayName: item.id.fullName,\n      component: item,\n    };\n  }\n\n  protected override toSearchResult = ({ item }: FuzzySearchItem<ComponentSearchIdx>): SearchResult => {\n    const { resultPlugins } = this.options;\n    const { component } = item;\n\n    return {\n      id: component.id.fullName,\n      action: `/${component.id.fullName}`,\n      children: <ComponentResult component={component} plugins={resultPlugins} />,\n    };\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","data","_interopRequireDefault","require","_explorerUi","_componentResult","e","__esModule","default","ownKeys","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","searchKeys","ComponentSearcher","FuzzySearcher","constructor","options","item","resultPlugins","component","id","fullName","action","children","createElement","ComponentResult","plugins","updatePlugins","test","term","startsWith","toSearchableItem","name","displayName","exports"],"sources":["component-searcher.tsx"],"sourcesContent":["import React from 'react';\nimport type { SearchResult, FuzzySearchItem } from '@teambit/explorer.ui.command-bar';\nimport { FuzzySearcher } from '@teambit/explorer.ui.command-bar';\nimport type { ComponentResultPlugin } from './component-result';\nimport { ComponentResult } from './component-result';\nimport type { ComponentModel } from '../component-model';\n\nexport type { ComponentResultPlugin };\n\ntype ComponentSearchIdx = {\n  name: string;\n  displayName: string;\n  component: ComponentModel;\n};\n\nconst searchKeys: (keyof ComponentSearchIdx)[] = ['displayName', 'name'];\n\ntype ComponentSearcherOptions = {\n  navigate: (path: string) => void;\n  resultPlugins?: ComponentResultPlugin[];\n};\n\nexport class ComponentSearcher extends FuzzySearcher<ComponentModel, ComponentSearchIdx> {\n  constructor(public options: ComponentSearcherOptions) {\n    super({ searchKeys });\n  }\n\n  updatePlugins(plugins: ComponentResultPlugin[]) {\n    this.options = {\n      ...this.options,\n      resultPlugins: plugins,\n    };\n  }\n\n  override test(term: string): boolean {\n    return !term.startsWith('>') && term.length > 0;\n  }\n\n  protected override toSearchableItem(item: ComponentModel): ComponentSearchIdx {\n    return {\n      name: item.id.name,\n      displayName: item.id.fullName,\n      component: item,\n    };\n  }\n\n  protected override toSearchResult = ({ item }: FuzzySearchItem<ComponentSearchIdx>): SearchResult => {\n    const { resultPlugins } = this.options;\n    const { component } = item;\n\n    return {\n      id: component.id.fullName,\n      action: `/${component.id.fullName}`,\n      children: <ComponentResult component={component} plugins={resultPlugins} />,\n    };\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/component",
-  "version": "1.0.1212",
+  "version": "1.0.1213",
   "homepage": "https://bit.cloud/teambit/component/component",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.component",
     "name": "component",
-    "version": "1.0.1212"
+    "version": "1.0.1213"
   },
   "dependencies": {
     "@teambit/any-fs": "0.0.5",
@@ -25,15 +25,19 @@
     "classnames": "^2.5.1",
     "lodash.compact": "3.0.1",
     "@teambit/component-id": "1.2.5",
+    "@teambit/legacy.extension-data": "0.0.183",
     "@teambit/ui-foundation.ui.menu-widget-icon": "0.0.502",
     "@teambit/graph.cleargraph": "0.0.11",
     "@teambit/legacy-bit-id": "1.1.4",
+    "@teambit/legacy.consumer-component": "0.0.182",
+    "@teambit/component.sources": "0.0.233",
     "@teambit/toolbox.path.match-patterns": "0.0.37",
     "@teambit/toolbox.string.eol": "0.0.22",
     "@teambit/toolbox.string.capitalize": "0.0.518",
     "@teambit/harmony": "0.4.12",
     "@teambit/graphql": "1.0.1205",
     "@teambit/toolbox.path.path": "0.0.26",
+    "@teambit/cli": "0.0.1412",
     "@teambit/express": "0.0.1504",
     "@teambit/harmony.modules.runtimes": "0.0.4",
     "@teambit/logger": "0.0.1498",
@@ -42,7 +46,6 @@
     "@teambit/component-package-version": "0.0.466",
     "@teambit/component.ui.deprecation-icon": "0.0.509",
     "@teambit/react-router": "1.0.1205",
-    "@teambit/ui-foundation.ui.is-browser": "0.0.500",
     "@teambit/ui-foundation.ui.main-dropdown": "0.0.505",
     "@teambit/ui-foundation.ui.react-router.slot-router": "0.0.533",
     "@teambit/ui-foundation.ui.use-box.menu": "1.0.16",
@@ -51,10 +54,18 @@
     "@teambit/pkg.modules.semver-helper": "0.0.38",
     "@teambit/ui-foundation.ui.hooks.use-data-query": "0.0.512",
     "@teambit/cli-table": "0.0.66",
+    "@teambit/legacy.bit-map": "0.0.238",
+    "@teambit/pkg.modules.component-package-name": "0.0.188",
     "@teambit/ui-foundation.ui.react-router.use-query": "0.0.505",
     "@teambit/legacy-component-log": "0.0.434",
     "@teambit/component-descriptor": "0.0.469",
+    "@teambit/semantics.doc-parser": "0.0.189",
+    "@teambit/legacy.consumer": "0.0.181",
+    "@teambit/legacy.dependency-graph": "0.0.184",
     "@teambit/legacy.loader": "0.0.34",
+    "@teambit/legacy.scope": "0.0.181",
+    "@teambit/scope.remotes": "0.0.181",
+    "@teambit/legacy.component-diff": "0.0.237",
     "@teambit/design.ui.empty-box": "0.0.364",
     "@teambit/documenter.ui.heading": "4.1.8",
     "@teambit/documenter.ui.separator": "4.1.7",
@@ -73,25 +84,10 @@
     "@teambit/lanes.hooks.use-lanes": "0.0.300",
     "@teambit/lanes.ui.models.lanes-model": "0.0.239",
     "@teambit/ui-foundation.ui.use-box.dropdown": "0.0.151",
-    "@teambit/legacy.extension-data": "0.0.183",
-    "@teambit/aspect-loader": "1.0.1212",
-    "@teambit/dependency-resolver": "1.0.1212",
-    "@teambit/legacy.consumer-component": "0.0.182",
-    "@teambit/objects": "0.0.712",
-    "@teambit/component.sources": "0.0.233",
-    "@teambit/cli": "0.0.1412",
-    "@teambit/command-bar": "1.0.1212",
-    "@teambit/preview": "1.0.1212",
-    "@teambit/pubsub": "1.0.1212",
-    "@teambit/legacy.bit-map": "0.0.238",
-    "@teambit/pkg.modules.component-package-name": "0.0.188",
-    "@teambit/semantics.doc-parser": "0.0.189",
-    "@teambit/legacy.consumer": "0.0.181",
-    "@teambit/legacy.dependency-graph": "0.0.184",
-    "@teambit/legacy.scope": "0.0.181",
-    "@teambit/scope.remotes": "0.0.181",
-    "@teambit/legacy.component-diff": "0.0.237",
-    "@teambit/compositions": "1.0.1212"
+    "@teambit/aspect-loader": "1.0.1213",
+    "@teambit/dependency-resolver": "1.0.1213",
+    "@teambit/objects": "0.0.713",
+    "@teambit/compositions.model.composition-type": "0.0.538"
   },
   "devDependencies": {
     "@types/lodash": "4.14.165",

package/ui/component-model/component-model.ts

@@ -1,9 +1,8 @@
-import type { CompositionProps } from '@teambit/compositions';
-import { Composition } from '@teambit/compositions';
+import type { CompositionProps } from '@teambit/compositions.model.composition-type';
+import { Composition } from '@teambit/compositions.model.composition-type';
 import type { ComponentIdObj } from '@teambit/component-id';
 import { ComponentID } from '@teambit/component-id';
 import type { LegacyComponentLog } from '@teambit/legacy-component-log';
-import type { ComponentPreviewSize } from '@teambit/preview';
 import { Tag } from '../../tag';
 import { TagMap } from '../../tag-map';
 import type { TagProps } from '../../tag/tag';
@@ -31,6 +30,27 @@ export type RegularCompDescriptor = {
   description?: string;
 };
 
+/**
+ * the preview bundle size the component model needs. it lives here and not in the preview aspect, so the
+ * component model doesn't depend on that aspect (it depends on component).
+ */
+export type ComponentPreviewSize = {
+  files: ComponentPreviewSizedFile[];
+  assets: ComponentPreviewSizedFile[];
+  totalFiles: number;
+  compressedTotalFiles?: number;
+  totalAssets: number;
+  compressedTotalAssets?: number;
+  total: number;
+  compressedTotal?: number;
+};
+
+export type ComponentPreviewSizedFile = {
+  name: string;
+  size: number;
+  compressedSize?: number;
+};
+
 // ADDING MORE PROPERTIES HERE IS NOT ALLOWED!!! IF YOU NEED DATA PLEASE ADD A NEW
 // HOOK FROM YOUR ASPECT!!!
 // TODO: remove all properties from here to their rightful place in their aspects.

package/ui/component-model/index.ts

@@ -1 +1,8 @@
-export { ComponentModel, ComponentModelProps, DeprecationInfo, RegularCompDescriptor } from './component-model';
+export {
+  ComponentModel,
+  ComponentModelProps,
+  DeprecationInfo,
+  RegularCompDescriptor,
+  ComponentPreviewSize,
+  ComponentPreviewSizedFile,
+} from './component-model';

package/ui/component-searcher/component-searcher.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import type { SearchResult, FuzzySearchItem } from '@teambit/explorer.ui.command-bar';
 import { FuzzySearcher } from '@teambit/explorer.ui.command-bar';
-import type { SearchProvider } from '@teambit/command-bar';
 import type { ComponentResultPlugin } from './component-result';
 import { ComponentResult } from './component-result';
 import type { ComponentModel } from '../component-model';
@@ -21,7 +20,7 @@ type ComponentSearcherOptions = {
   resultPlugins?: ComponentResultPlugin[];
 };
 
-export class ComponentSearcher extends FuzzySearcher<ComponentModel, ComponentSearchIdx> implements SearchProvider {
+export class ComponentSearcher extends FuzzySearcher<ComponentModel, ComponentSearchIdx> {
   constructor(public options: ComponentSearcherOptions) {
     super({ searchKeys });
   }