@teambit/component 1.0.108 → 1.0.110

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/component",
-  "version": "1.0.108",
+  "version": "1.0.110",
   "homepage": "https://bit.cloud/teambit/component/component",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.component",
     "name": "component",
-    "version": "1.0.108"
+    "version": "1.0.110"
   },
   "dependencies": {
     "@teambit/any-fs": "0.0.5",
@@ -33,39 +33,39 @@
     "@teambit/ui-foundation.ui.hooks.use-data-query": "0.0.505",
     "@teambit/legacy-component-log": "0.0.402",
     "@teambit/ui-foundation.ui.react-router.use-query": "0.0.501",
-    "@teambit/design.ui.pages.not-found": "0.0.366",
-    "@teambit/design.ui.pages.server-error": "0.0.366",
     "@teambit/design.ui.empty-box": "0.0.363",
     "@teambit/documenter.ui.heading": "4.1.1",
     "@teambit/documenter.ui.separator": "4.1.1",
-    "@teambit/design.ui.styles.ellipsis": "0.0.357",
-    "@teambit/explorer.ui.command-bar": "2.0.14",
+    "@teambit/design.ui.pages.not-found": "0.0.366",
+    "@teambit/design.ui.pages.server-error": "0.0.366",
     "@teambit/design.navigation.responsive-navbar": "0.0.7",
     "@teambit/base-ui.layout.breakpoints": "1.0.0",
     "@teambit/component.ui.version-dropdown": "0.0.852",
     "@teambit/lanes.hooks.use-lanes": "0.0.254",
     "@teambit/lanes.ui.models.lanes-model": "0.0.207",
     "@teambit/ui-foundation.ui.use-box.dropdown": "0.0.141",
-    "@teambit/aspect-loader": "1.0.108",
-    "@teambit/graph": "1.0.108",
+    "@teambit/design.ui.styles.ellipsis": "0.0.357",
+    "@teambit/explorer.ui.command-bar": "2.0.14",
+    "@teambit/aspect-loader": "1.0.110",
+    "@teambit/graph": "1.0.110",
     "@teambit/toolbox.path.match-patterns": "0.0.13",
     "@teambit/toolbox.string.capitalize": "0.0.494",
-    "@teambit/cli": "0.0.840",
-    "@teambit/express": "0.0.939",
-    "@teambit/graphql": "1.0.108",
-    "@teambit/command-bar": "1.0.108",
+    "@teambit/cli": "0.0.842",
+    "@teambit/express": "0.0.941",
+    "@teambit/graphql": "1.0.110",
+    "@teambit/command-bar": "1.0.110",
     "@teambit/component-package-version": "0.0.431",
-    "@teambit/preview": "1.0.108",
-    "@teambit/pubsub": "1.0.108",
-    "@teambit/react-router": "1.0.108",
-    "@teambit/ui": "1.0.108",
+    "@teambit/preview": "1.0.110",
+    "@teambit/pubsub": "1.0.110",
+    "@teambit/react-router": "1.0.110",
+    "@teambit/ui": "1.0.110",
     "@teambit/component-issues": "0.0.138",
     "@teambit/cli-table": "0.0.46",
-    "@teambit/component-descriptor": "0.0.408",
-    "@teambit/compositions": "1.0.108",
-    "@teambit/deprecation": "1.0.108",
-    "@teambit/envs": "1.0.108",
+    "@teambit/component-descriptor": "0.0.410",
     "@teambit/harmony.ui.aspect-box": "0.0.505",
+    "@teambit/compositions": "1.0.110",
+    "@teambit/deprecation": "1.0.110",
+    "@teambit/envs": "1.0.110",
     "@teambit/envs.ui.env-icon": "0.0.503"
   },
   "devDependencies": {
@@ -78,7 +78,7 @@
     "@types/jest": "^29.2.2",
     "@types/testing-library__jest-dom": "^5.9.5",
     "@teambit/component.content.component-overview": "1.95.0",
-    "@teambit/harmony.envs.core-aspect-env": "0.0.13"
+    "@teambit/harmony.envs.core-aspect-env": "0.0.15"
   },
   "peerDependencies": {
     "@apollo/client": "^3.6.0",
@@ -91,11 +91,15 @@
   "optionalDependencies": {},
   "peerDependenciesMeta": {},
   "exports": {
-    "node": {
-      "require": "./dist/index.js",
-      "import": "./dist/esm.mjs"
+    ".": {
+      "node": {
+        "require": "./dist/index.js",
+        "import": "./dist/esm.mjs"
+      },
+      "default": "./dist/index.js"
     },
-    "default": "./dist/index.js"
+    "./dist/*": "./dist/*",
+    "./artifacts/*": "./artifacts/*"
   },
   "private": false,
   "engines": {

package/aspect-entry.ts

@@ -1,73 +0,0 @@
-/**
- * avoid importing any (non-type) legacy code here. otherwise, PreviewTask will throw cryptic errors
- */
-
-import type { ExtensionDataEntry } from '@teambit/legacy/dist/consumer/config/extension-data';
-import { ComponentID } from '@teambit/component-id';
-import { RawComponentMetadata } from './component-interface';
-
-export type Serializable = {
-  toString(): string;
-};
-
-export type SerializableMap = {
-  [key: string]: Serializable;
-};
-
-export type AspectData = {
-  [key: string]: any;
-};
-
-export type ResolveComponentIdFunc = (id: string) => Promise<ComponentID>;
-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(): RawComponentMetadata {
-    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,132 +0,0 @@
-import {
-  ExtensionDataList,
-  ExtensionDataEntry,
-  removeInternalConfigFields,
-} 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, undefined, {}, data);
-    const entry = new AspectEntry(aspectId, extensionDataEntry);
-    this.entries.push(entry);
-    return entry;
-  }
-
-  upsertEntry(aspectId: ComponentID, data: SerializableMap = {}) {
-    const existingEntry = this.entries.find((entry) => entry.id.isEqual(aspectId));
-    if (existingEntry) {
-      existingEntry.data = data;
-      return existingEntry;
-    }
-    return this.addEntry(aspectId, data);
-  }
-
-  /**
-   * transform an aspect list into a new one without the given aspect ids
-   */
-  withoutEntries(aspectIds: string[]): AspectList {
-    const entries = this.entries.filter((entry) => !aspectIds.includes(entry.legacy.stringId));
-    return new AspectList(entries);
-  }
-
-  /**
-   * 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 || entry.id.toStringWithoutVersion() === 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) {
-        res[entry.id.toString()] = removeInternalConfigFields(entry.legacy.rawConfig);
-      }
-    });
-    return res;
-  }
-
-  serialize() {
-    const serializedEntries = this.entries.map((entry) => entry.serialize());
-    return serializedEntries;
-  }
-
-  filter(ids?: string[]): AspectList {
-    if (!ids?.length) return new AspectList(this.entries);
-    const entries = this.entries.filter((aspectEntry) => {
-      return ids?.includes(aspectEntry.id.toStringWithoutVersion());
-    });
-    return new AspectList(entries);
-  }
-
-  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;
-  }
-
-  clone(): AspectList {
-    return new AspectList(this.entries.map((entry) => entry.clone()));
-  }
-
-  static fromLegacyExtensions(legacyDataList: ExtensionDataList): AspectList {
-    const newEntries = legacyDataList.map((entry) => {
-      return new AspectEntry(getAspectId(entry), entry);
-    });
-
-    return new AspectList(newEntries);
-  }
-}
-
-function getAspectId(entry: ExtensionDataEntry) {
-  if (!entry.extensionId && entry.name) return ComponentID.fromString(entry.name);
-  if (entry.extensionId) return entry.extensionId;
-  throw new Error('aspect cannot be loaded without setting an ID');
-}

package/component-factory.ts

@@ -1,190 +0,0 @@
-import { Graph } from '@teambit/graph.cleargraph';
-import { ComponentID } from '@teambit/component-id';
-import ConsumerComponent from '@teambit/legacy/dist/consumer/component';
-import { CompIdGraph } from '@teambit/graph';
-import type { ComponentLog } from '@teambit/legacy/dist/scope/models/model-component';
-import type { AspectDefinition } from '@teambit/aspect-loader';
-import { Component, InvalidComponent } from './component';
-import { State } from './state';
-import { Snap } from './snap';
-
-export type ResolveAspectsOptions = FilterAspectsOptions & {
-  throwOnError?: boolean;
-  useScopeAspectsCapsule?: boolean;
-  workspaceName?: string;
-  skipDeps?: boolean;
-  resolveEnvsFromRoots?: boolean;
-  packageManagerConfigRootDir?: string;
-};
-
-export type LoadAspectsOptions = {
-  /* `throwOnError` is an optional parameter that can be passed to the loadAspects method in the `ComponentFactory` interface. If
-  set to `true`, it will cause the method to throw an error if an error occurs during its execution. If set to `false`
-  or not provided, the method will print a warning instead of throwing it. */
-  throwOnError?: boolean;
-  /* `hideMissingModuleError` is an optional parameter that can be passed to the `loadAspects` method in the
-  `ComponentFactory` interface. If set to `true`, it will prevent the method from throwing/printing an error if a required module
-  is missing during the loading of an aspect. Instead, it will continue loading the other
-  aspects. If set to `false` or not provided, the method will print/throw an error if a required module is missing.
-  (considering throwOnError as well) */
-  hideMissingModuleError?: boolean;
-
-  /* The `ignoreErrors` property is an optional boolean parameter that can be passed to the `LoadAspectsOptions` object in
-  the `ComponentFactory` interface. If set to `true`, it will cause the `loadAspects` method to ignore any errors that
-  occur during the loading of aspects and continue loading the other aspects. If set to `false` or not provided, the
-  method will print/throw an error if a required module is missing or if any other error occurs during the loading of
-  aspects. */
-  ignoreErrors?: boolean;
-  [key: string]: any;
-};
-
-export type FilterAspectsOptions = {
-  /**
-   * Do not return results for the core aspects
-   */
-  excludeCore?: boolean;
-  /**
-   * Only return results for the provided list of ids
-   */
-  requestedOnly?: boolean;
-  /**
-   * Only return results for aspects that have a path to the specified runtime name
-   */
-  filterByRuntime?: boolean;
-};
-
-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 | ComponentID): Promise<ComponentID>;
-
-  /**
-   * resolve multiple `string` component ID to an instance of a ComponentID.
-   */
-  resolveMultipleComponentIds(ids: (string | ComponentID | ComponentID)[]): Promise<ComponentID[]>;
-
-  /**
-   * returns a component by ID.
-   */
-  get(id: ComponentID): Promise<Component | undefined>;
-
-  /**
-   * returns the legacy representation of a component with minimal loading.
-   * when loaded from the workspace, it won't run any Harmony hooks and even won't load dependencies.
-   * it's good to get raw aspects data or some basic properties.
-   * use carefully. prefer using `get()` instead.
-   */
-  getLegacyMinimal(id: ComponentID): Promise<ConsumerComponent | 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>;
-
-  /**
-   * important - prefer using `getGraphIds()` if you don't need the component objects.
-   * this method has a performance penalty. it must import all flattened-dependencies objects from the remotes.
-   */
-  getGraph(ids?: ComponentID[], shouldThrowOnMissingDep?: boolean): Promise<Graph<Component, string>>;
-
-  /**
-   * get graph of the given component-ids and all their dependencies (recursively/flattened).
-   * the nodes are ComponentIds and is much faster than `this.getGraph()`.
-   */
-  getGraphIds(ids?: ComponentID[], shouldThrowOnMissingDep?: boolean): Promise<CompIdGraph>;
-
-  getLogs(id: ComponentID, shortHash?: boolean, startsFrom?: string): 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 aspects.
-   * returns the loaded aspect ids including the loaded versions.
-   */
-  loadAspects: (ids: string[], throwOnError?: boolean, neededFor?: string, opts?: any) => Promise<string[]>;
-
-  /**
-   * Resolve dirs for aspects
-   */
-  resolveAspects: (
-    runtimeName?: string,
-    componentIds?: ComponentID[],
-    opts?: ResolveAspectsOptions
-  ) => 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[]>;
-
-  /**
-   * get component-ids matching the given pattern. a pattern can have multiple patterns separated by a comma.
-   * it uses multimatch (https://www.npmjs.com/package/multimatch) package for the matching algorithm, which supports
-   * (among others) negate character "!" to exclude ids. See the package page for more supported characters.
-   */
-  idsByPattern(pattern: string, throwForNoMatch?: boolean): 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>;
-
-  /**
-   * whether a component is not the same as its head.
-   * for a new component, it'll return "true" as it has no head yet.
-   * this is relevant for component from the workspace, where it can be locally changed. on the scope it's always false
-   */
-  isModified(component: Component): Promise<boolean>;
-
-  /**
-   * write the component to the filesystem when applicable (no-op for scope).
-   * to change the component-path, specify the "rootPath", which should be a relative path inside the workspace.
-   */
-  write(component: Component, rootPath?: string): Promise<void>;
-
-  /**
-   * determine whether host should be the prior one in case multiple hosts persist.
-   */
-  priority?: boolean;
-}

package/component-fs.ts

@@ -1,66 +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 { matchPatterns, splitPatterns } from '@teambit/toolbox.path.match-patterns';
-
-/**
- * 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[]) {
-    const { includePatterns, excludePatterns } = splitPatterns(patterns);
-
-    const files = this.files.filter((file) => {
-      return matchPatterns(file.relative, includePatterns, excludePatterns);
-    });
-
-    return files;
-  }
-
-  toObject() {
-    return this.files.map((file) => {
-      return {
-        path: file.path,
-        contents: file.contents,
-      };
-    });
-  }
-
-  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-interface.ts

@@ -1,26 +0,0 @@
-import { ComponentID } from '@teambit/component-id';
-
-export interface IComponent {
-  /**
-   * id of the component.
-   */
-  id: ComponentID;
-
-  /**
-   * get function to retrieve aspect
-   */
-  get(aspectId: string): RawComponentMetadata | undefined;
-
-  /**
-   * determines whether a component is a modified state.
-   * TODO: consider to remove after handling component descriptors correctly.
-   */
-  isModified(): Promise<boolean>;
-}
-
-export type RawComponentMetadata = {
-  id: string;
-  config: Record<string, any>;
-  data: Record<string, any>;
-  icon?: string;
-};

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;