@teambit/component 0.0.555 → 0.0.556

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/component",
-  "version": "0.0.555",
+  "version": "0.0.556",
   "homepage": "https://bit.dev/teambit/component/component",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.component",
     "name": "component",
-    "version": "0.0.555"
+    "version": "0.0.556"
   },
   "dependencies": {
     "lodash": "4.17.21",
@@ -26,38 +26,38 @@
     "@teambit/base-ui.routing.nav-link": "1.0.0",
     "@teambit/documenter.ui.heading": "4.1.1",
     "@teambit/documenter.ui.separator": "4.1.1",
-    "@teambit/component-id": "0.0.376",
-    "@teambit/ui-foundation.ui.menu-widget-icon": "0.0.465",
-    "@teambit/aspect-loader": "0.0.555",
-    "@teambit/legacy-bit-id": "0.0.375",
-    "@teambit/toolbox.string.capitalize": "0.0.460",
-    "@teambit/cli": "0.0.386",
-    "@teambit/config": "0.0.397",
-    "@teambit/express": "0.0.475",
-    "@teambit/graphql": "0.0.555",
-    "@teambit/bit-error": "0.0.372",
-    "@teambit/command-bar": "0.0.555",
-    "@teambit/preview": "0.0.555",
-    "@teambit/pubsub": "0.0.555",
-    "@teambit/ui-foundation.ui.is-browser": "0.0.463",
-    "@teambit/ui-foundation.ui.main-dropdown": "0.0.463",
-    "@teambit/ui-foundation.ui.react-router.slot-router": "0.0.465",
-    "@teambit/ui": "0.0.555",
-    "@teambit/component-issues": "0.0.21",
-    "@teambit/ui-foundation.ui.hooks.use-data-query": "0.0.464",
-    "@teambit/cli-table": "0.0.9",
-    "@teambit/ui-foundation.ui.react-router.use-query": "0.0.463",
+    "@teambit/component-id": "0.0.377",
+    "@teambit/ui-foundation.ui.menu-widget-icon": "0.0.466",
+    "@teambit/aspect-loader": "0.0.556",
+    "@teambit/legacy-bit-id": "0.0.376",
+    "@teambit/toolbox.string.capitalize": "0.0.461",
+    "@teambit/cli": "0.0.387",
+    "@teambit/config": "0.0.398",
+    "@teambit/express": "0.0.476",
+    "@teambit/graphql": "0.0.556",
+    "@teambit/bit-error": "0.0.373",
+    "@teambit/command-bar": "0.0.556",
+    "@teambit/preview": "0.0.556",
+    "@teambit/pubsub": "0.0.556",
+    "@teambit/ui-foundation.ui.is-browser": "0.0.464",
+    "@teambit/ui-foundation.ui.main-dropdown": "0.0.464",
+    "@teambit/ui-foundation.ui.react-router.slot-router": "0.0.466",
+    "@teambit/ui": "0.0.556",
+    "@teambit/component-issues": "0.0.22",
+    "@teambit/ui-foundation.ui.hooks.use-data-query": "0.0.465",
+    "@teambit/cli-table": "0.0.10",
+    "@teambit/ui-foundation.ui.react-router.use-query": "0.0.464",
     "@teambit/design.ui.empty-box": "0.0.352",
-    "@teambit/harmony.ui.aspect-box": "0.0.463",
+    "@teambit/harmony.ui.aspect-box": "0.0.464",
     "@teambit/design.ui.pages.not-found": "0.0.352",
     "@teambit/design.ui.pages.server-error": "0.0.352",
-    "@teambit/compositions": "0.0.555",
-    "@teambit/deprecation": "0.0.555",
-    "@teambit/envs": "0.0.555",
-    "@teambit/component.ui.version-dropdown": "0.0.467",
-    "@teambit/ui-foundation.ui.use-box.dropdown": "0.0.84",
-    "@teambit/ui-foundation.ui.use-box.menu": "0.0.84",
-    "@teambit/ui-foundation.ui.react-router.extend-path": "0.0.463"
+    "@teambit/compositions": "0.0.556",
+    "@teambit/deprecation": "0.0.556",
+    "@teambit/envs": "0.0.556",
+    "@teambit/component.ui.version-dropdown": "0.0.468",
+    "@teambit/ui-foundation.ui.use-box.dropdown": "0.0.85",
+    "@teambit/ui-foundation.ui.use-box.menu": "0.0.85",
+    "@teambit/ui-foundation.ui.react-router.extend-path": "0.0.464"
   },
   "devDependencies": {
     "@types/lodash": "4.14.165",
@@ -72,11 +72,11 @@
     "@types/jest": "^26.0.0",
     "@types/react-dom": "^17.0.5",
     "@types/node": "12.20.4",
-    "@teambit/component.aspect-docs.component": "0.0.105"
+    "@teambit/component.aspect-docs.component": "0.0.106"
   },
   "peerDependencies": {
     "@apollo/client": "^3.0.0",
-    "@teambit/legacy": "1.0.172",
+    "@teambit/legacy": "1.0.173",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react": "^16.8.0 || ^17.0.0"
   },
@@ -104,12 +104,18 @@
         "react": "-"
       },
       "peerDependencies": {
-        "@teambit/legacy": "1.0.172",
+        "@teambit/legacy": "1.0.173",
         "react-dom": "^16.8.0 || ^17.0.0",
         "react": "^16.8.0 || ^17.0.0"
       }
     }
   },
+  "files": [
+    "dist",
+    "!dist/tsconfig.tsbuildinfo",
+    "README.md",
+    "README.mdx"
+  ],
   "private": false,
   "engines": {
     "node": ">=12.22.0"

package/aspect-entry.ts

@@ -1,67 +0,0 @@
-import { ExtensionDataEntry } from '@teambit/legacy/dist/consumer/config/extension-data';
-import { ComponentID } from '@teambit/component-id';
-
-export type Serializable = {
-  toString(): string;
-};
-
-export type SerializableMap = {
-  [key: string]: Serializable;
-};
-
-export type AspectData = {
-  [key: string]: any;
-};
-
-export class AspectEntry {
-  constructor(public id: ComponentID, private legacyEntry: ExtensionDataEntry) {}
-
-  get legacy() {
-    return this.legacyEntry;
-  }
-
-  get isLegacy(): boolean {
-    if (this.config?.__legacy) return true;
-    return false;
-  }
-
-  get config() {
-    return this.legacy.config;
-  }
-
-  set config(config) {
-    this.legacy.config = config;
-  }
-
-  get data(): { [key: string]: any } {
-    return this.legacy.data;
-  }
-
-  get isRemoved(): boolean {
-    return this.legacy.isRemoved;
-  }
-
-  // eslint-disable-next-line @typescript-eslint/adjacent-overload-signatures
-  set data(val: { [key: string]: any }) {
-    this.legacy.data = val;
-  }
-
-  transform(newData: SerializableMap): AspectEntry {
-    const newEntry = this.clone();
-    newEntry.data = newData;
-    return new AspectEntry(this.id, newEntry.legacy);
-  }
-
-  clone(): AspectEntry {
-    return new AspectEntry(this.id, this.legacyEntry.clone());
-  }
-
-  serialize() {
-    return {
-      id: this.id.toString(),
-      config: this.config,
-      data: this.data,
-      icon: 'https://static.bit.dev/extensions-icons/default.svg', // TODO @gilad - once you connect the icon here please use this url as the default icon
-    };
-  }
-}

package/aspect-list.ts

@@ -1,100 +0,0 @@
-import { isEmpty } from 'lodash';
-import { ExtensionDataList, ExtensionDataEntry } from '@teambit/legacy/dist/consumer/config/extension-data';
-import { ComponentID } from '@teambit/component-id';
-import { AspectEntry, SerializableMap } from './aspect-entry';
-
-/**
- * list of aspects, each may have data and artifacts saved per component.
- */
-export class AspectList {
-  constructor(readonly entries: AspectEntry[]) {}
-
-  addEntry(aspectId: ComponentID, data: SerializableMap = {}) {
-    const extensionDataEntry = new ExtensionDataEntry(undefined, aspectId._legacy, undefined, {}, data);
-    const entry = new AspectEntry(aspectId, extensionDataEntry);
-    this.entries.push(entry);
-    return entry;
-  }
-
-  /**
-   * get all ids as strings from the aspect list.
-   */
-  get ids(): string[] {
-    const list = this.entries.map((entry) => entry.id.toString());
-    return list;
-  }
-
-  /**
-   * get an aspect from the list using a serialized ID.
-   */
-  get(id: string): AspectEntry | undefined {
-    return this.entries.find((entry) => {
-      return entry.legacy.stringId === id;
-    });
-  }
-
-  /**
-   * find aspect by component ID.
-   */
-  find(id: ComponentID, ignoreVersion = false): AspectEntry | undefined {
-    return this.entries.find((aspectEntry) => {
-      return id.isEqual(aspectEntry.id, { ignoreVersion });
-    });
-  }
-
-  /**
-   * transform an aspect list into a new one.
-   */
-  map(predicate: (entry: AspectEntry) => AspectEntry) {
-    const entries = this.entries.map(predicate);
-    return new AspectList(entries);
-  }
-
-  /**
-   * transform an aspect list into a new one.
-   */
-  async pmap(predicate: (entry: AspectEntry) => Promise<AspectEntry>) {
-    const entriesP = this.entries.map(predicate);
-    const entries = await Promise.all(entriesP);
-    return new AspectList(entries);
-  }
-
-  toConfigObject() {
-    const res = {};
-    this.entries.forEach((entry) => {
-      if (entry.config && !isEmpty(entry.config)) {
-        res[entry.id.toString()] = entry.config;
-      }
-    });
-    return res;
-  }
-
-  serialize() {
-    const serializedEntries = this.entries.map((entry) => entry.serialize());
-    return serializedEntries;
-  }
-
-  toLegacy(): ExtensionDataList {
-    const legacyEntries = this.entries.map((entry) => entry.legacy);
-    return ExtensionDataList.fromArray(legacyEntries);
-  }
-
-  stringIds(): string[] {
-    const ids = this.entries.map((entry) => entry.id.toString());
-    return ids;
-  }
-
-  static fromLegacyExtensions(legacyDataList: ExtensionDataList, scope?: string): AspectList {
-    const newEntries = legacyDataList.map((entry) => {
-      return new AspectEntry(getAspectId(entry, scope), entry);
-    });
-
-    return new AspectList(newEntries);
-  }
-}
-
-function getAspectId(entry: ExtensionDataEntry, scope?: string) {
-  if (!entry.extensionId && entry.name) return ComponentID.fromString(entry.name);
-  if (entry.extensionId) return ComponentID.fromLegacy(entry.extensionId, scope);
-  throw new Error('aspect cannot be loaded without setting an ID');
-}

package/aspect.section.tsx

@@ -1,16 +0,0 @@
-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-factory.ts

@@ -1,106 +0,0 @@
-import { BitId } from '@teambit/legacy-bit-id';
-import LegacyGraph from '@teambit/legacy/dist/scope/graph/graph';
-import ConsumerComponent from '@teambit/legacy/dist/consumer/component';
-import type { ComponentLog } from '@teambit/legacy/dist/scope/models/model-component';
-import type { AspectDefinition } from '@teambit/aspect-loader';
-import { ComponentID } from '@teambit/component-id';
-import { Component, InvalidComponent } from './component';
-import { State } from './state';
-import { Snap } from './snap';
-
-export interface ComponentFactory {
-  /**
-   * name of the component host.
-   */
-  name: string;
-
-  /**
-   * path to the component host.
-   */
-  path: string;
-
-  isLegacy: boolean;
-
-  /**
-   * resolve a `string` component ID to an instance of a ComponentID.
-   */
-  resolveComponentId(id: string | ComponentID | BitId): Promise<ComponentID>;
-
-  /**
-   * resolve multiple `string` component ID to an instance of a ComponentID.
-   */
-  resolveMultipleComponentIds(ids: (string | ComponentID | BitId)[]): Promise<ComponentID[]>;
-
-  /**
-   * returns a component by ID.
-   */
-  get(
-    id: ComponentID | string,
-    withState?: boolean,
-    consumerComponent?: ConsumerComponent
-  ): Promise<Component | undefined>;
-
-  /**
-   * returns many components by ids.
-   */
-  getMany(ids: ComponentID[]): Promise<Component[]>;
-
-  /**
-   * returns many components by their legacy representation.
-   */
-  getManyByLegacy(components: ConsumerComponent[]): Promise<Component[]>;
-
-  /**
-   * get a component from a remote without importing it
-   */
-  getRemoteComponent?: (id: ComponentID) => Promise<Component>;
-
-  getLegacyGraph(ids?: ComponentID[]): Promise<LegacyGraph>;
-
-  getLogs(id: ComponentID): Promise<ComponentLog[]>;
-
-  /**
-   * returns a specific state of a component by hash or semver.
-   */
-  getState(id: ComponentID, snapId: string): Promise<State>;
-
-  /**
-   * returns a specific snap of a component by hash.
-   */
-  getSnap(id: ComponentID, snapId: string): Promise<Snap>;
-
-  /**
-   * load extension.
-   */
-  loadAspects: (ids: string[], throwOnError: boolean) => Promise<void>;
-
-  /**
-   * Resolve dirs for aspects
-   */
-  resolveAspects: (runtimeName?: string, componentIds?: ComponentID[]) => Promise<AspectDefinition[]>;
-
-  /**
-   * list all components in the host.
-   */
-  list(filter?: { offset: number; limit: number }): Promise<Component[]>;
-
-  /**
-   * list invalid components, such as components with missing files on the fs.
-   */
-  listInvalid(): Promise<InvalidComponent[]>;
-
-  listIds(): Promise<ComponentID[]>;
-
-  hasId(componentId: ComponentID): Promise<boolean>;
-
-  /**
-   * Check if the host has the id, if no, search for the id in inner host (for example, workspace will search in the scope)
-   * @param componentId
-   */
-  hasIdNested(componentId: ComponentID, includeCache?: boolean): Promise<boolean>;
-
-  /**
-   * determine whether host should be the prior one in case multiple hosts persist.
-   */
-  priority?: boolean;
-}

package/component-fs.ts

@@ -1,60 +0,0 @@
-import { MemoryFS } from '@teambit/any-fs';
-import type { AbstractVinyl } from '@teambit/legacy/dist/consumer/component/sources';
-import { auto } from '@teambit/legacy/dist/utils/eol';
-import path from 'path';
-import minimatch from 'minimatch';
-
-/**
- * The virtual component filesystem
- */
-export default class ComponentFS extends MemoryFS {
-  constructor(
-    /**
-     * array of all fs files.
-     */
-    readonly files: AbstractVinyl[]
-  ) {
-    super();
-  }
-  /**
-   * hash to represent all contents within this filesystem volume.
-   */
-  get hash() {
-    return '';
-  }
-
-  /**
-   * filter all component files by regex.
-   */
-  byRegex(extension: RegExp): AbstractVinyl[] {
-    return this.files.filter((file) => file.path.match(extension));
-  }
-
-  /**
-   * filter all files using an array of glob patterns.
-   */
-  byGlob(patterns: string[]) {
-    return this.files.filter((file) => {
-      return patterns.find((pattern) => {
-        const match = minimatch(file.relative, pattern);
-        return match;
-      });
-    });
-  }
-
-  toObject() {}
-
-  toJSON() {}
-
-  static fromVinyls(files: AbstractVinyl[]) {
-    const fs = new ComponentFS(files);
-    files.forEach((file) => {
-      let dirPath = file.relativeDir;
-      if (!dirPath.startsWith('/')) dirPath = path.join('/', dirPath);
-      fs.mkdirpSync(dirPath);
-      fs.writeFileSync(`/${file.relative}`, auto(file.contents || ''));
-    });
-
-    return fs;
-  }
-}

package/component-map/component-map.ts

@@ -1,106 +0,0 @@
-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

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

package/component-meta.ts

@@ -1,29 +0,0 @@
-import { capitalize } from '@teambit/toolbox.string.capitalize';
-import { ComponentID } from '@teambit/component-id';
-
-export class ComponentMeta {
-  constructor(
-    /**
-     * id the component.
-     */
-    readonly id: ComponentID
-  ) {}
-
-  /**
-   * display name of the component.
-   */
-  get displayName() {
-    const tokens = this.id.name.split('-').map((token) => capitalize(token));
-    return tokens.join(' ');
-  }
-
-  toObject() {
-    return {
-      id: this.id.toObject(),
-    };
-  }
-
-  static from(object: { [key: string]: any }) {
-    return new ComponentMeta(ComponentID.fromObject(object.id));
-  }
-}

package/component.aspect.ts

@@ -1,9 +0,0 @@
-import { Aspect } from '@teambit/harmony';
-
-export const ComponentAspect = Aspect.create({
-  id: 'teambit.component/component',
-  dependencies: [],
-  defaultConfig: {},
-});
-
-export default ComponentAspect;

package/component.docs.mdx

@@ -1,8 +0,0 @@
----
-description: Component aspect for Bit components
-labels: ['component', 'bit', 'extension', 'aspect']
----
-
-import { Component } from '@teambit/component.aspect-docs.component';
-
-<Component />