@teambit/component 0.0.565 → 0.0.569

package/aspect.section.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import { MenuWidgetIcon } from '@teambit/ui-foundation.ui.menu-widget-icon';
+import { Section } from './section';
+import { AspectPage } from './ui/aspect-page';
+
+export class AspectSection implements Section {
+  route = {
+    path: '~aspect',
+    children: <AspectPage />,
+  };
+  navigationLink = {
+    href: '~aspect',
+    children: <MenuWidgetIcon icon="configuration" tooltipContent="Configuration" />,
+  };
+  order = 50;
+}

package/component-map/component-map.ts

@@ -0,0 +1,106 @@
+import { ComponentID } from '@teambit/component-id';
+import { Component } from '../component';
+
+/**
+ * allows to index components -> values.
+ */
+export class ComponentMap<T> {
+  constructor(readonly hashMap: Map<string, [Component, T]>) {}
+
+  /**
+   * @deprecated please use `get` instead
+   */
+  byComponent(component: Component) {
+    return this.hashMap.get(component.id.toString());
+  }
+
+  get components() {
+    return this.toArray().map(([component]) => component);
+  }
+
+  /**
+   * get a value for a component.
+   */
+  get(component: Component) {
+    return this.hashMap.get(component.id.toString());
+  }
+
+  /**
+   * get a value by the component-id
+   */
+  getValueByComponentId(componentId: ComponentID): T | null {
+    const tuple = this.hashMap.get(componentId.toString());
+    if (!tuple) return null;
+    return tuple[1];
+  }
+
+  /**
+   * returns an array.
+   */
+  toArray() {
+    return Array.from(this.hashMap.values());
+  }
+
+  /**
+   * map entries and return a new component map.
+   */
+  map<NewType>(predicate: (value: T, component: Component) => NewType): ComponentMap<NewType> {
+    const tuples: [string, [Component, NewType]][] = this.toArray().map(([component, value]) => {
+      const newValue = predicate(value, component);
+      return [component.id.toString(), [component, newValue]];
+    });
+
+    return new ComponentMap(new Map(tuples));
+  }
+  /**
+   * flatten values of all components into a single array.
+   */
+  flattenValue(): T[] {
+    return this.toArray().reduce((acc: T[], [, value]) => {
+      acc = acc.concat(value);
+      return acc;
+    }, []);
+  }
+
+  /**
+   * filter all components with empty values and return a new map.
+   */
+  filter(predicate: (value: T) => boolean): ComponentMap<T> {
+    const tuples = this.toArray().filter(([, value]) => {
+      return predicate(value);
+    });
+
+    const asMap: [string, [Component, T]][] = tuples.map(([component, value]) => {
+      return [component.id.toString(), [component, value]];
+    });
+
+    return new ComponentMap(new Map(asMap));
+  }
+
+  /**
+   * get all component ids.
+   */
+  keys() {
+    return this.hashMap.keys();
+  }
+
+  static create<U>(rawMap: [Component, U][]) {
+    const newMap: [string, [Component, U]][] = rawMap.map(([component, data]) => {
+      return [component.id.toString(), [component, data]];
+    });
+    return new ComponentMap(new Map(newMap));
+  }
+
+  /**
+   * create a component map from components and a value predicate.
+   * @param components components to zip into the map.
+   * @param predicate predicate for returning desired value.
+   */
+  static as<U>(components: Component[], predicate: (component: Component) => U): ComponentMap<U> {
+    const tuples: [string, [Component, U]][] = components.map((component) => {
+      return [component.id.toString(), [component, predicate(component)]];
+    });
+
+    return new ComponentMap(new Map(tuples));
+  }
+}

package/component-map/index.ts

@@ -0,0 +1 @@
+export { ComponentMap } from './component-map';

package/component.ui.runtime.tsx

@@ -0,0 +1,216 @@
+import PubsubAspect, { PubsubUI, BitBaseEvent } from '@teambit/pubsub';
+import PreviewAspect, { ClickInsideAnIframeEvent } from '@teambit/preview';
+import { MenuItemSlot, MenuItem } from '@teambit/ui-foundation.ui.main-dropdown';
+import { Slot } from '@teambit/harmony';
+import { NavigationSlot, RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';
+import { NavLinkProps } from '@teambit/base-ui.routing.nav-link';
+import { UIRuntime } from '@teambit/ui';
+import { isBrowser } from '@teambit/ui-foundation.ui.is-browser';
+import React from 'react';
+import { RouteProps } from 'react-router-dom';
+import CommandBarAspect, { CommandBarUI, CommandEntry } from '@teambit/command-bar';
+import copy from 'copy-to-clipboard';
+import { ComponentAspect } from './component.aspect';
+import { Component, ComponentPageElement, ComponentPageSlot } from './ui/component';
+import { Menu, NavPlugin, OrderedNavigationSlot } from './ui/menu';
+import { AspectSection } from './aspect.section';
+import { ComponentModel } from './ui';
+
+export type Server = {
+  env: string;
+  url: string;
+};
+
+export type ComponentMeta = {
+  id: string;
+};
+
+export const componentIdUrlRegex = '[\\w\\/-]*[\\w-]';
+
+export class ComponentUI {
+  readonly routePath = `/:componentId(${componentIdUrlRegex})`;
+
+  constructor(
+    /**
+     * Pubsub aspects
+     */
+    private pubsub: PubsubUI,
+
+    private routeSlot: RouteSlot,
+
+    private navSlot: OrderedNavigationSlot,
+
+    /**
+     * slot for registering a new widget to the menu.
+     */
+    private widgetSlot: OrderedNavigationSlot,
+
+    private menuItemSlot: MenuItemSlot,
+
+    private pageItemSlot: ComponentPageSlot,
+
+    private commandBarUI: CommandBarUI
+  ) {
+    if (isBrowser) this.registerPubSub();
+  }
+
+  /**
+   * the current visible component
+   */
+  private activeComponent?: ComponentModel;
+
+  private copyNpmId = () => {
+    const packageName = this.activeComponent?.packageName;
+    if (packageName) {
+      const version = this.activeComponent?.id.version;
+      const versionString = version ? `@${version}` : '';
+      copy(`${packageName}${versionString}`);
+    }
+  };
+
+  /**
+   * key bindings used by component aspect
+   */
+  private keyBindings: CommandEntry[] = [
+    {
+      id: 'component.copyBitId', // TODO - extract to a component!
+      handler: () => {
+        copy(this.activeComponent?.id.toString() || '');
+      },
+      displayName: 'Copy component ID',
+      keybinding: '.',
+    },
+    {
+      id: 'component.copyNpmId', // TODO - extract to a component!
+      handler: this.copyNpmId,
+      displayName: 'Copy component package name',
+      keybinding: ',',
+    },
+  ];
+
+  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'),
+    },
+    {
+      category: 'workflow',
+      title: 'Copy component ID',
+      keyChar: '.',
+      handler: () => this.commandBarUI?.run('component.copyBitId'),
+    },
+    {
+      category: 'workflow',
+      title: 'Copy component package name',
+      keyChar: ',',
+      handler: () => this.commandBarUI?.run('component.copyNpmId'),
+    },
+  ];
+
+  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;
+  };
+
+  getComponentUI(host: string) {
+    return (
+      <Component
+        routeSlot={this.routeSlot}
+        containerSlot={this.pageItemSlot}
+        onComponentChange={this.handleComponentChange}
+        host={host}
+      />
+    );
+  }
+
+  getMenu(host: string) {
+    return (
+      <Menu navigationSlot={this.navSlot} widgetSlot={this.widgetSlot} host={host} menuItemSlot={this.menuItemSlot} />
+    );
+  }
+
+  registerRoute(route: RouteProps) {
+    this.routeSlot.register(route);
+    return this;
+  }
+
+  registerNavigation(nav: NavLinkProps, order?: number) {
+    this.navSlot.register({
+      props: nav,
+      order,
+    });
+  }
+
+  registerWidget(widget: NavLinkProps, order?: number) {
+    this.widgetSlot.register({ props: widget, order });
+  }
+
+  registerMenuItem = (menuItems: MenuItem[]) => {
+    this.menuItemSlot.register(menuItems);
+  };
+
+  registerPageItem = (...items: ComponentPageElement[]) => {
+    this.pageItemSlot.register(items);
+  };
+
+  static dependencies = [PubsubAspect, CommandBarAspect];
+
+  static runtime = UIRuntime;
+
+  static slots = [
+    Slot.withType<RouteProps>(),
+    Slot.withType<NavPlugin>(),
+    Slot.withType<NavigationSlot>(),
+    Slot.withType<MenuItemSlot>(),
+    Slot.withType<ComponentPageSlot>(),
+  ];
+
+  static async provider(
+    [pubsub, commandBarUI]: [PubsubUI, CommandBarUI],
+    config,
+    [routeSlot, navSlot, widgetSlot, menuItemSlot, pageSlot]: [
+      RouteSlot,
+      OrderedNavigationSlot,
+      OrderedNavigationSlot,
+      MenuItemSlot,
+      ComponentPageSlot
+    ]
+  ) {
+    // 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, widgetSlot, menuItemSlot, pageSlot, commandBarUI);
+    const section = new AspectSection();
+
+    componentUI.commandBarUI.addCommand(...componentUI.keyBindings);
+    componentUI.registerMenuItem(componentUI.menuItems);
+    componentUI.registerRoute(section.route);
+    componentUI.registerWidget(section.navigationLink, section.order);
+    return componentUI;
+  }
+}
+
+export default ComponentUI;
+
+ComponentAspect.addRuntime(ComponentUI);

package/dependencies/dependencies.ts

@@ -0,0 +1,74 @@
+/* eslint-disable max-classes-per-file */
+import { BitError } from '@teambit/bit-error';
+import { BitId } from '@teambit/legacy-bit-id';
+
+const DEV_ENV = 'development';
+const RUNTIME_ENV = 'runtime';
+
+// type Environment = DEV_ENV | RUNTIME_ENV;
+type Environment = 'development' | 'runtime';
+// type WrappingMethod = 'component' | 'package';
+
+export class DependencyId extends BitId {}
+
+export class Dependency {
+  constructor(public id: DependencyId) {}
+}
+
+export class PackageDependency extends Dependency {}
+
+export class ComponentDependency extends Dependency {}
+
+export class DependencyList extends Array<Dependency> {
+  /**
+   * Get only package dependencies
+   *
+   * @readonly
+   * @memberof DependencyList
+   */
+  get packages(): PackageDependency[] {
+    return this.filter((dep) => dep instanceof PackageDependency);
+  }
+
+  get components(): ComponentDependency[] {
+    return this.filter((dep) => dep instanceof ComponentDependency);
+  }
+
+  static fromArray(dependencies: Dependency[]): DependencyList {
+    return new DependencyList(...dependencies);
+  }
+}
+
+export class Dependencies {
+  constructor(public runtime: DependencyList, public dev: DependencyList, public peer: DependencyList) {}
+
+  private getByEnvironment(env: Environment): DependencyList {
+    if (env === DEV_ENV) {
+      return DependencyList.fromArray(this.runtime.concat(this.dev).concat(this.peer));
+    }
+    if (env === RUNTIME_ENV) {
+      return DependencyList.fromArray(this.runtime.concat(this.peer));
+    }
+    throw new BitError(`env ${env} is not supported`);
+  }
+
+  /**
+   * Get dependencies needed for development environnement such as runtime, dev and peer
+   *
+   * @returns {DependencyList}
+   * @memberof Dependencies
+   */
+  computeDev(): DependencyList {
+    return this.getByEnvironment(DEV_ENV);
+  }
+
+  /**
+   * Get dependencies needed for runtime environnement such as runtime and peer
+   *
+   * @returns {DependencyList}
+   * @memberof Dependencies
+   */
+  computeRuntime(): DependencyList {
+    return this.getByEnvironment(RUNTIME_ENV);
+  }
+}

package/dependencies/index.ts

@@ -0,0 +1 @@
+export { Dependencies } from './dependencies';

package/dist/component.js

@@ -1,11 +1,11 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 require("core-js/modules/es.symbol.description.js");
 
 require("core-js/modules/es.symbol.async-iterator.js");
 
+require("core-js/modules/es.array.iterator.js");
+
 require("core-js/modules/es.promise.js");
 
 require("core-js/modules/es.regexp.exec.js");
@@ -15,16 +15,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Component = void 0;
 
-function _asyncIterator2() {
-  const data = _interopRequireDefault(require("@babel/runtime/helpers/asyncIterator"));
-
-  _asyncIterator2 = function () {
-    return data;
-  };
-
-  return data;
-}
-
 function _toolboxString() {
   const data = require("@teambit/toolbox.string.capitalize");
 
@@ -65,6 +55,10 @@ function _exceptions() {
   return data;
 }
 
+function _asyncIterator(iterable) { var method, async, sync, retry = 2; if (typeof Symbol !== "undefined") { async = Symbol.asyncIterator; sync = Symbol.iterator; } while (retry--) { if (async && (method = iterable[async]) != null) { return method.call(iterable); } if (sync && (method = iterable[sync]) != null) { return new AsyncFromSyncIterator(method.call(iterable)); } async = "@@asyncIterator"; sync = "@@iterator"; } throw new TypeError("Object is not async iterable"); }
+
+function AsyncFromSyncIterator(s) { AsyncFromSyncIterator = function (s) { this.s = s; this.n = s.next; }; AsyncFromSyncIterator.prototype = { s: null, n: null, next: function () { return AsyncFromSyncIteratorContinuation(this.n.apply(this.s, arguments)); }, return: function (value) { var ret = this.s.return; if (ret === undefined) { return Promise.resolve({ value: value, done: true }); } return AsyncFromSyncIteratorContinuation(ret.apply(this.s, arguments)); }, throw: function (value) { var thr = this.s.return; if (thr === undefined) return Promise.reject(value); return AsyncFromSyncIteratorContinuation(thr.apply(this.s, arguments)); } }; function AsyncFromSyncIteratorContinuation(r) { if (Object(r) !== r) { return Promise.reject(new TypeError(r + " is not an object.")); } var done = r.done; return Promise.resolve(r.value).then(function (value) { return { value: value, done: done }; }); } return new AsyncFromSyncIterator(s); }
+
 /**
  * in-memory representation of a component.
  */
@@ -312,7 +306,7 @@ class Component {
     var _iteratorError;
 
     try {
-      for (var _iterator = (0, _asyncIterator2().default)(iterable), _step; _iteratorAbruptCompletion = !(_step = await _iterator.next()).done; _iteratorAbruptCompletion = false) {
+      for (var _iterator = _asyncIterator(iterable), _step; _iteratorAbruptCompletion = !(_step = await _iterator.next()).done; _iteratorAbruptCompletion = false) {
         const snap = _step.value;
         snaps.push(snap);
       }

package/dist/component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["component.ts"],"names":["Component","constructor","id","head","_state","tags","TagMap","factory","state","config","filesystem","buildStatus","_consumer","headTag","undefined","byHash","hash","latest","getLatest","err","CouldNotFindLatest","toString","stringify","JSON","displayName","tokens","name","split","map","token","join","tag","version","isModified","Promise","resolve","isOutdated","latestTag","byVersion","isNew","loadState","snapId","getState","loadSnap","snapToGet","BitError","getSnap","snapsIterable","options","snapToStart","nextSnaps","done","iterator","next","value","currSnapId","shift","snap","parents","length","firstParentOnly","push","concat","stopFn","Symbol","asyncIterator","getClosestTag","snapToStartFrom","tagsHashMap","getHashMap","has","iterable","snaps","hashOfLastSnap","get","checkout","write","path","fs","equals","component"],"mappings":"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","sourcesContent":["import { AnyFS } from '@teambit/any-fs';\nimport { capitalize } from '@teambit/toolbox.string.capitalize';\nimport { SemVer } from 'semver';\nimport { ComponentID } from '@teambit/component-id';\nimport { BitError } from '@teambit/bit-error';\nimport { BuildStatus } from '@teambit/legacy/dist/constants';\n\nimport { ComponentFactory } from './component-factory';\nimport ComponentFS from './component-fs';\n// import { NothingToSnap } from './exceptions';\nimport ComponentConfig from './config';\n// eslint-disable-next-line import/no-cycle\nimport { Snap } from './snap';\nimport { State } from './state';\nimport { TagMap } from './tag-map';\nimport { Tag } from './tag';\nimport { CouldNotFindLatest } from './exceptions';\n// import { Author } from './types';\n\ntype SnapsIterableOpts = {\n  firstParentOnly?: boolean;\n  stopFn?: (snap: Snap) => Promise<boolean>;\n};\n\nexport type InvalidComponent = { id: ComponentID; err: Error };\n\n/**\n * in-memory representation of a component.\n */\nexport class Component {\n  constructor(\n    /**\n     * component ID represented by the `ComponentId` type.\n     */\n    readonly id: ComponentID,\n\n    /**\n     * head version of the component. can be `null` for new components.\n     */\n    readonly head: Snap | null = null,\n\n    /**\n     * state of the component.\n     */\n    private _state: State,\n\n    /**\n     * tags of the component.\n     */\n    readonly tags: TagMap = new TagMap(),\n\n    /**\n     * the component factory\n     */\n    private factory: ComponentFactory\n  ) {}\n\n  get state(): State {\n    return this._state;\n  }\n\n  set state(state: State) {\n    this._state = state;\n  }\n\n  /**\n   * component configuration which is later generated to a component `package.json` and `bit.json`.\n   */\n  get config(): ComponentConfig {\n    return this.state.config;\n  }\n\n  /**\n   * in-memory representation of the component current filesystem.\n   */\n  get filesystem(): ComponentFS {\n    return this.state.filesystem;\n  }\n\n  /**\n   * build status of the component\n   */\n  get buildStatus(): BuildStatus {\n    return this._state._consumer.buildStatus;\n  }\n\n  get headTag() {\n    if (!this.head) return undefined;\n    return this.tags.byHash(this.head.hash);\n  }\n\n  get latest(): string | undefined {\n    if (!this.head) return undefined;\n    try {\n      return this.tags.getLatest();\n    } catch (err: any) {\n      if (err instanceof CouldNotFindLatest) {\n        return this.head.toString();\n      }\n      throw err;\n    }\n  }\n\n  stringify(): string {\n    return JSON.stringify({\n      id: this.id,\n      head: this.head,\n    });\n  }\n\n  /**\n   * record component changes in the `Scope`.\n   */\n  // snap(author: Author, message = '') {\n  // if (!this.isModified()) throw new NothingToSnap();\n  // const snap = new Snap(this, author, message);\n\n  // return new Component(this.id, snap, snap.state);\n  // }\n\n  /**\n   * display name of the component.\n   */\n  get displayName() {\n    const tokens = this.id.name.split('-').map((token) => capitalize(token));\n    return tokens.join(' ');\n  }\n\n  /**\n   * tag a component `Snap` with a semantic version. we follow SemVer specs as defined [here](https://semver.org/)).\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  tag(version: SemVer) {\n    // const snap = this.snap();\n    // const tag = new Tag(version, snap);\n    // this.tags.set(tag);\n  }\n\n  /**\n   * determines whether this component is modified in the workspace.\n   */\n  isModified(): Promise<boolean> {\n    if (!this.head) return Promise.resolve(true);\n    return Promise.resolve(this.state.isModified);\n    // return Promise.resolve(this.state.hash !== this.head.hash);\n  }\n\n  /**\n   * is component isOutdated\n   */\n  isOutdated(): boolean {\n    if (!this.latest) return false;\n    const latestTag = this.tags.byVersion(this.latest);\n    if (!latestTag) return false;\n    if (this.head?.hash !== latestTag?.hash) return true;\n    return false;\n  }\n\n  /**\n   * determines whether this component is new.\n   */\n  isNew(): Promise<boolean> {\n    return Promise.resolve(this.head === null);\n  }\n\n  // TODO: @david after snap we need to make sure to refactor here.\n  loadState(snapId: string): Promise<State> {\n    return this.factory.getState(this.id, snapId);\n  }\n\n  loadSnap(snapId?: string): Promise<Snap> {\n    const snapToGet = snapId || this.head?.hash;\n    if (!snapToGet) {\n      throw new BitError('could not load snap for new components');\n    }\n    return this.factory.getSnap(this.id, snapToGet);\n  }\n\n  /**\n   * Get iterable which iterate over snap parents lazily\n   * @param snapId\n   * @param options\n   */\n  snapsIterable(snapId?: string, options: SnapsIterableOpts = {}): AsyncIterable<Snap> {\n    const snapToStart = snapId || this.head?.hash;\n    let nextSnaps = [snapToStart];\n    let done;\n    if (!snapToStart) {\n      done = true;\n    }\n\n    const iterator: AsyncIterator<Snap> = {\n      next: async () => {\n        if (done) {\n          return { value: undefined, done };\n        }\n        const currSnapId = nextSnaps.shift();\n        const snap = await this.loadSnap(currSnapId);\n        if (snap.parents && snap.parents.length) {\n          if (options.firstParentOnly) {\n            nextSnaps.push(snap.parents[0]);\n          } else {\n            nextSnaps = nextSnaps.concat(snap.parents);\n          }\n        }\n        if (!nextSnaps.length) {\n          done = true;\n        } else if (options.stopFn) {\n          done = await options.stopFn(snap);\n        }\n        return { value: snap, done: undefined };\n      },\n    };\n    return {\n      [Symbol.asyncIterator]: () => iterator,\n    };\n  }\n\n  /**\n   * traverse recursively from the provided snap (or head) upwards until it finds a tag\n   * @param snapToStartFrom\n   */\n  async getClosestTag(snapToStartFrom?: string): Promise<Tag | undefined> {\n    const tagsHashMap = this.tags.getHashMap();\n    const stopFn = async (snap: Snap) => {\n      if (tagsHashMap.has(snap.hash)) {\n        return true;\n      }\n      return false;\n    };\n    const iterable = this.snapsIterable(snapToStartFrom, { firstParentOnly: true, stopFn });\n    const snaps: Snap[] = [];\n    for await (const snap of iterable) {\n      snaps.push(snap);\n    }\n    if (snaps.length) {\n      const hashOfLastSnap = snaps[snaps.length - 1].hash;\n      return tagsHashMap.get(hashOfLastSnap);\n    }\n    return undefined;\n  }\n\n  /**\n   * checkout the component to a different version in its working tree.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  checkout(version: SemVer) {}\n\n  /**\n   * examine difference between two components.\n   */\n  // diff(other: Component): Difference {}\n\n  /**\n   * merge two different components\n   */\n  // merge(other: Component): Component {}\n\n  /**\n   * write a component to a given file system.\n   * @param path root path to write the component\n   * @param fs instance of any fs to use.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  write(path: string, fs?: AnyFS) {}\n\n  /**\n   *\n   * Check if 2 components are equal\n   * @param {Component} component\n   * @returns {boolean}\n   * @memberof Component\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  equals(component: Component): boolean {\n    return component.id.toString() === this.id.toString();\n  }\n}\n"]}
+{"version":3,"sources":["component.ts"],"names":["Component","constructor","id","head","_state","tags","TagMap","factory","state","config","filesystem","buildStatus","_consumer","headTag","undefined","byHash","hash","latest","getLatest","err","CouldNotFindLatest","toString","stringify","JSON","displayName","tokens","name","split","map","token","join","tag","version","isModified","Promise","resolve","isOutdated","latestTag","byVersion","isNew","loadState","snapId","getState","loadSnap","snapToGet","BitError","getSnap","snapsIterable","options","snapToStart","nextSnaps","done","iterator","next","value","currSnapId","shift","snap","parents","length","firstParentOnly","push","concat","stopFn","Symbol","asyncIterator","getClosestTag","snapToStartFrom","tagsHashMap","getHashMap","has","iterable","snaps","hashOfLastSnap","get","checkout","write","path","fs","equals","component"],"mappings":"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","sourcesContent":["import { AnyFS } from '@teambit/any-fs';\nimport { capitalize } from '@teambit/toolbox.string.capitalize';\nimport { SemVer } from 'semver';\nimport { ComponentID } from '@teambit/component-id';\nimport { BitError } from '@teambit/bit-error';\nimport { BuildStatus } from '@teambit/legacy/dist/constants';\n\nimport { ComponentFactory } from './component-factory';\nimport ComponentFS from './component-fs';\n// import { NothingToSnap } from './exceptions';\nimport ComponentConfig from './config';\n// eslint-disable-next-line import/no-cycle\nimport { Snap } from './snap';\nimport { State } from './state';\nimport { TagMap } from './tag-map';\nimport { Tag } from './tag';\nimport { CouldNotFindLatest } from './exceptions';\n// import { Author } from './types';\n\ntype SnapsIterableOpts = {\n  firstParentOnly?: boolean;\n  stopFn?: (snap: Snap) => Promise<boolean>;\n};\n\nexport type InvalidComponent = { id: ComponentID; err: Error };\n\n/**\n * in-memory representation of a component.\n */\nexport class Component {\n  constructor(\n    /**\n     * component ID represented by the `ComponentId` type.\n     */\n    readonly id: ComponentID,\n\n    /**\n     * head version of the component. can be `null` for new components.\n     */\n    readonly head: Snap | null = null,\n\n    /**\n     * state of the component.\n     */\n    private _state: State,\n\n    /**\n     * tags of the component.\n     */\n    readonly tags: TagMap = new TagMap(),\n\n    /**\n     * the component factory\n     */\n    private factory: ComponentFactory\n  ) {}\n\n  get state(): State {\n    return this._state;\n  }\n\n  set state(state: State) {\n    this._state = state;\n  }\n\n  /**\n   * component configuration which is later generated to a component `package.json` and `bit.json`.\n   */\n  get config(): ComponentConfig {\n    return this.state.config;\n  }\n\n  /**\n   * in-memory representation of the component current filesystem.\n   */\n  get filesystem(): ComponentFS {\n    return this.state.filesystem;\n  }\n\n  /**\n   * build status of the component\n   */\n  get buildStatus(): BuildStatus {\n    return this._state._consumer.buildStatus;\n  }\n\n  get headTag() {\n    if (!this.head) return undefined;\n    return this.tags.byHash(this.head.hash);\n  }\n\n  get latest(): string | undefined {\n    if (!this.head) return undefined;\n    try {\n      return this.tags.getLatest();\n    } catch (err: any) {\n      if (err instanceof CouldNotFindLatest) {\n        return this.head.toString();\n      }\n      throw err;\n    }\n  }\n\n  stringify(): string {\n    return JSON.stringify({\n      id: this.id,\n      head: this.head,\n    });\n  }\n\n  /**\n   * record component changes in the `Scope`.\n   */\n  // snap(author: Author, message = '') {\n  // if (!this.isModified()) throw new NothingToSnap();\n  // const snap = new Snap(this, author, message);\n\n  // return new Component(this.id, snap, snap.state);\n  // }\n\n  /**\n   * display name of the component.\n   */\n  get displayName() {\n    const tokens = this.id.name.split('-').map((token) => capitalize(token));\n    return tokens.join(' ');\n  }\n\n  /**\n   * tag a component `Snap` with a semantic version. we follow SemVer specs as defined [here](https://semver.org/)).\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  tag(version: SemVer) {\n    // const snap = this.snap();\n    // const tag = new Tag(version, snap);\n    // this.tags.set(tag);\n  }\n\n  /**\n   * determines whether this component is modified in the workspace.\n   */\n  isModified(): Promise<boolean> {\n    if (!this.head) return Promise.resolve(true);\n    return Promise.resolve(this.state.isModified);\n    // return Promise.resolve(this.state.hash !== this.head.hash);\n  }\n\n  /**\n   * is component isOutdated\n   */\n  isOutdated(): boolean {\n    if (!this.latest) return false;\n    const latestTag = this.tags.byVersion(this.latest);\n    if (!latestTag) return false;\n    if (this.head?.hash !== latestTag?.hash) return true;\n    return false;\n  }\n\n  /**\n   * determines whether this component is new.\n   */\n  isNew(): Promise<boolean> {\n    return Promise.resolve(this.head === null);\n  }\n\n  // TODO: @david after snap we need to make sure to refactor here.\n  loadState(snapId: string): Promise<State> {\n    return this.factory.getState(this.id, snapId);\n  }\n\n  loadSnap(snapId?: string): Promise<Snap> {\n    const snapToGet = snapId || this.head?.hash;\n    if (!snapToGet) {\n      throw new BitError('could not load snap for new components');\n    }\n    return this.factory.getSnap(this.id, snapToGet);\n  }\n\n  /**\n   * Get iterable which iterate over snap parents lazily\n   * @param snapId\n   * @param options\n   */\n  snapsIterable(snapId?: string, options: SnapsIterableOpts = {}): AsyncIterable<Snap> {\n    const snapToStart = snapId || this.head?.hash;\n    let nextSnaps = [snapToStart];\n    let done;\n    if (!snapToStart) {\n      done = true;\n    }\n\n    const iterator: AsyncIterator<Snap> = {\n      next: async () => {\n        if (done) {\n          return { value: undefined, done };\n        }\n        const currSnapId = nextSnaps.shift();\n        const snap = await this.loadSnap(currSnapId);\n        if (snap.parents && snap.parents.length) {\n          if (options.firstParentOnly) {\n            nextSnaps.push(snap.parents[0]);\n          } else {\n            nextSnaps = nextSnaps.concat(snap.parents);\n          }\n        }\n        if (!nextSnaps.length) {\n          done = true;\n        } else if (options.stopFn) {\n          done = await options.stopFn(snap);\n        }\n        return { value: snap, done: undefined };\n      },\n    };\n    return {\n      [Symbol.asyncIterator]: () => iterator,\n    };\n  }\n\n  /**\n   * traverse recursively from the provided snap (or head) upwards until it finds a tag\n   * @param snapToStartFrom\n   */\n  async getClosestTag(snapToStartFrom?: string): Promise<Tag | undefined> {\n    const tagsHashMap = this.tags.getHashMap();\n    const stopFn = async (snap: Snap) => {\n      if (tagsHashMap.has(snap.hash)) {\n        return true;\n      }\n      return false;\n    };\n    const iterable = this.snapsIterable(snapToStartFrom, { firstParentOnly: true, stopFn });\n    const snaps: Snap[] = [];\n    for await (const snap of iterable) {\n      snaps.push(snap);\n    }\n    if (snaps.length) {\n      const hashOfLastSnap = snaps[snaps.length - 1].hash;\n      return tagsHashMap.get(hashOfLastSnap);\n    }\n    return undefined;\n  }\n\n  /**\n   * checkout the component to a different version in its working tree.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  checkout(version: SemVer) {}\n\n  /**\n   * examine difference between two components.\n   */\n  // diff(other: Component): Difference {}\n\n  /**\n   * merge two different components\n   */\n  // merge(other: Component): Component {}\n\n  /**\n   * write a component to a given file system.\n   * @param path root path to write the component\n   * @param fs instance of any fs to use.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  write(path: string, fs?: AnyFS) {}\n\n  /**\n   *\n   * Check if 2 components are equal\n   * @param {Component} component\n   * @returns {boolean}\n   * @memberof Component\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  equals(component: Component): boolean {\n    return component.id.toString() === this.id.toString();\n  }\n}\n"]}

package/exceptions/could-not-find-latest.ts

@@ -0,0 +1,8 @@
+export class CouldNotFindLatest extends Error {
+  constructor(semverArray: string[]) {
+    super(`could not find latest semver in array: ${semverArray.join(', ')}`);
+  }
+  report() {
+    return this.message;
+  }
+}

package/exceptions/host-not-found.ts

@@ -0,0 +1,14 @@
+export class HostNotFound extends Error {
+  constructor(
+    /**
+     * name of the host.
+     */
+    private hostName: string
+  ) {
+    super();
+  }
+
+  toString() {
+    return `[component] error: host '${this.hostName}' was not found`;
+  }
+}

package/exceptions/index.ts

@@ -0,0 +1,4 @@
+// eslint-disable-next-line import/prefer-default-export
+export { default as NothingToSnap } from './nothing-to-snap';
+export { HostNotFound } from './host-not-found';
+export { CouldNotFindLatest } from './could-not-find-latest';

package/exceptions/nothing-to-snap.ts

@@ -0,0 +1 @@
+export default class NothingToSnap extends Error {}

package/host/component-host-model.ts

@@ -0,0 +1,9 @@
+import { ComponentModel } from '../ui';
+
+export class ComponentHostModel {
+  constructor(readonly name: string, readonly components: ComponentModel[]) {}
+
+  static from(data: any) {
+    return new ComponentHostModel(data.getHost.name, ComponentModel.fromArray(data.getHost.list));
+  }
+}

package/host/index.ts

@@ -0,0 +1,2 @@
+export { useComponentHost } from './use-component-host';
+export * from './component-host-model';

package/host/use-component-host.ts

@@ -0,0 +1,39 @@
+import { useDataQuery } from '@teambit/ui-foundation.ui.hooks.use-data-query';
+import { gql } from '@apollo/client';
+
+import { ComponentHostModel } from './component-host-model';
+
+const COMPONENT_HOST = gql`
+  {
+    getHost {
+      id # used for GQL caching
+      name
+      list {
+        id {
+          name
+          version
+          scope
+        }
+        deprecation {
+          isDeprecate
+        }
+        env {
+          id
+          icon
+        }
+      }
+    }
+  }
+`;
+
+export function useComponentHost() {
+  const { data, loading } = useDataQuery(COMPONENT_HOST);
+
+  if (!data || loading) {
+    return {};
+  }
+
+  const host = ComponentHostModel.from(data);
+
+  return { host };
+}