@teambit/component 0.0.554 → 0.0.558

package/host/use-component-host.ts

@@ -1,39 +0,0 @@
-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 };
-}

package/index.ts

@@ -1,32 +0,0 @@
-import { ComponentAspect } from './component.aspect';
-
-export { useComponentHost } from './host';
-export { Component, InvalidComponent } from './component';
-export { ComponentID } from '@teambit/component-id';
-export { default as ComponentFS } from './component-fs';
-export type { default as ComponentConfig } from './config';
-export type { ComponentFactory } from './component-factory';
-export type { AspectList } from './aspect-list';
-export { AspectEntry, AspectData } from './aspect-entry';
-// TODO: check why it's not working when using the index in snap dir like this:
-// export { Snap, Author } from './snap';
-export { Snap } from './snap/snap';
-export type { Author } from './snap/author';
-// TODO: check why it's not working when using the index in tag dir like this:
-// export { Tag } from './tag';
-export { Tag } from './tag/tag';
-export { State } from './state';
-export type { Hash } from './hash';
-export { TagMap } from './tag-map';
-export { ComponentMap } from './component-map';
-export type { ComponentMain } from './component.main.runtime';
-export type { ComponentUI } from './component.ui.runtime';
-export { Section } from './section';
-export { ComponentContext } from './ui/context/component-context';
-export { ComponentModel, ComponentModelProps } from './ui/component-model';
-export type { ShowFragment, ShowRow } from './show';
-export { default as Config } from './config';
-// export { AspectList } from './aspect-list';
-// export { AspectEntry } from './aspect-entry';
-export { ComponentAspect };
-export default ComponentAspect;

package/section/index.ts

@@ -1 +0,0 @@
-export { Section } from './section';

package/section/section.tsx

@@ -1,8 +0,0 @@
-import { NavLinkProps } from '@teambit/base-ui.routing.nav-link';
-import { RouteProps } from 'react-router-dom';
-
-export interface Section {
-  route: RouteProps;
-  navigationLink: NavLinkProps;
-  order?: number;
-}

package/show/extensions.fragment.ts

@@ -1,23 +0,0 @@
-import { ShowFragment } from './show-fragment';
-import { Component } from '../component';
-
-export class ExtensionsFragment implements ShowFragment {
-  private renderList(component: Component) {
-    const aspects = component.state.aspects.entries.map((entry) => entry.id.toString());
-    return aspects.join('\n');
-  }
-
-  async renderRow(component: Component) {
-    return {
-      title: 'extensions',
-      content: this.renderList(component),
-    };
-  }
-
-  async json(component: Component) {
-    return {
-      title: 'configuration',
-      json: component.state.aspects.serialize() as any,
-    };
-  }
-}

package/show/files.fragment.ts

@@ -1,24 +0,0 @@
-import { ShowFragment } from './show-fragment';
-import { Component } from '../component';
-
-export class FilesFragment implements ShowFragment {
-  async renderRow(component: Component) {
-    return {
-      title: 'files',
-      content: this.getRelativePaths(component).join('\n'),
-    };
-  }
-
-  async json(component: Component) {
-    return {
-      title: 'files',
-      json: this.getRelativePaths(component),
-    };
-  }
-
-  private getRelativePaths(component: Component) {
-    return component.state.filesystem.files.map((file) => file.relative);
-  }
-
-  weight = 4;
-}

package/show/id.fragment.ts

@@ -1,20 +0,0 @@
-import { ShowFragment } from './show-fragment';
-import { Component } from '../component';
-
-export class IDFragment implements ShowFragment {
-  async renderRow(component: Component) {
-    return {
-      title: 'id',
-      content: component.id.toString(),
-    };
-  }
-
-  async json(component: Component) {
-    return {
-      title: 'id',
-      json: component.id.toString(),
-    };
-  }
-
-  weight = 0;
-}

package/show/index.ts

@@ -1,8 +0,0 @@
-export { ShowFragment, ShowRow } from './show-fragment';
-export { ShowCmd } from './show.cmd';
-export { MainFileFragment } from './main-file.fragment';
-export { NameFragment } from './name.fragment';
-export { IDFragment } from './id.fragment';
-export { ScopeFragment } from './scope.fragment';
-export { FilesFragment } from './files.fragment';
-export { ExtensionsFragment } from './extensions.fragment';

package/show/main-file.fragment.ts

@@ -1,13 +0,0 @@
-import { ShowFragment } from './show-fragment';
-import { Component } from '../component';
-
-export class MainFileFragment implements ShowFragment {
-  async renderRow(component: Component) {
-    return {
-      title: 'main file',
-      content: component.state._consumer.mainFile,
-    };
-  }
-
-  weight = 4;
-}

package/show/name.fragment.ts

@@ -1,13 +0,0 @@
-import { ShowFragment } from './show-fragment';
-import { Component } from '../component';
-
-export class NameFragment implements ShowFragment {
-  async renderRow(component: Component) {
-    return {
-      title: 'name',
-      content: component.id.fullName,
-    };
-  }
-
-  weight = 2;
-}

package/show/scope.fragment.ts

@@ -1,15 +0,0 @@
-import { ShowFragment } from './show-fragment';
-import { Component } from '../component';
-
-export class ScopeFragment implements ShowFragment {
-  async renderRow(component: Component) {
-    return {
-      title: 'scope',
-      content: component.id.scope || '',
-    };
-  }
-
-  getRow() {}
-
-  weight = 1;
-}

package/show/show-fragment.ts

@@ -1,44 +0,0 @@
-import { Component } from '../component';
-
-export interface ShowFragment {
-  /**
-   * render a row into the `show` CLI.
-   */
-  renderRow(component: Component): Promise<ShowRow>;
-
-  /**
-   * return a json output.
-   */
-  json?(component: Component): Promise<JSONRow>;
-
-  /**
-   * weight is used to determine the position of the fragment
-   * within the `show` table.
-   */
-  weight?: number;
-}
-
-export interface JSONRow {
-  /**
-   * name of the field.
-   */
-  title: string;
-
-  /**
-   * json content.
-   * TODO: change this from any to a more structured type (e.g. Serializable).
-   */
-  json: any;
-}
-
-export interface ShowRow {
-  /**
-   * title of the fragment
-   */
-  title: string;
-
-  /**
-   * content to render within the fragment.
-   */
-  content: string;
-}

package/show/show.cmd.ts

@@ -1,85 +0,0 @@
-import { Command, CommandOptions } from '@teambit/cli';
-// import { Logger } from '@teambit/logger';
-// import chalk from 'chalk';
-import { CLITable } from '@teambit/cli-table';
-import { MissingBitMapComponent } from '@teambit/legacy/dist/consumer/bit-map/exceptions';
-import { BitId } from '@teambit/legacy-bit-id';
-import LegacyShow from '@teambit/legacy/dist/cli/commands/public-cmds/show-cmd';
-import { ComponentMain } from '../component.main.runtime';
-
-export class ShowCmd implements Command {
-  name = 'show <id>';
-  description = 'show a component';
-  alias = '';
-  group = 'info';
-  options = [
-    ['j', 'json', 'return the component data in json format'],
-    ['l', 'legacy', 'use the legacy bit show.'],
-    ['r', 'remote', 'show a remote component'],
-    [
-      'c',
-      'compare',
-      'compare current file system component to latest tagged component [default=latest]. only works in legacy.',
-    ],
-  ] as CommandOptions;
-
-  constructor(private component: ComponentMain) {}
-
-  private async getComponent(idStr: string, remote: boolean) {
-    if (remote) {
-      const bitId: BitId = BitId.parse(idStr, true); // user used --remote so we know it has a scope
-      const host = this.component.getHost('teambit.scope/scope');
-      const id = await host.resolveComponentId(bitId);
-      if (!host.getRemoteComponent) {
-        throw new Error('Component Host does not implement getRemoteComponent()');
-      }
-      const component = await host.getRemoteComponent(id);
-      return component;
-    }
-    const host = this.component.getHost();
-    const id = await host.resolveComponentId(idStr);
-    const component = await host.get(id);
-    if (!component) throw new MissingBitMapComponent(idStr);
-    return component;
-  }
-
-  async useLegacy(id: string, json = false, remote = false, compare = false) {
-    const legacyShow = new LegacyShow();
-    const showData = await legacyShow.action([id], {
-      json,
-      versions: undefined,
-      remote,
-      compare,
-    });
-
-    return legacyShow.report(showData);
-  }
-
-  async report([idStr]: [string], { legacy, remote, compare }: { legacy: boolean; remote: boolean; compare: boolean }) {
-    if (legacy) return this.useLegacy(idStr, false, remote, compare);
-    const component = await this.getComponent(idStr, remote);
-    const fragments = this.component.getShowFragments();
-    const rows = await Promise.all(
-      fragments.map(async (fragment) => {
-        const row = await fragment.renderRow(component);
-        return [row.title, row.content];
-      })
-    );
-
-    const table = new CLITable([], rows);
-    return table.render();
-  }
-
-  async json([idStr]: [string], { remote, legacy }: { remote: boolean; legacy: boolean }) {
-    if (legacy) return JSON.parse(await this.useLegacy(idStr, true, remote));
-    const component = await this.getComponent(idStr, remote);
-    const fragments = this.component.getShowFragments();
-    const rows = await Promise.all(
-      fragments.map(async (fragment) => {
-        return fragment.json ? fragment.json(component) : undefined;
-      })
-    );
-
-    return rows.filter((row) => !!row);
-  }
-}

package/snap/author.ts

@@ -1,19 +0,0 @@
-/**
- * author type.
- */
-export type Author = {
-  /**
-   * author full name (for example: "Ran Mizrahi")
-   */
-  displayName: string;
-  /**
-   * author username (for example: "ranm8")
-   */
-  name?: string; // added this to support the usual structure of an author
-  // TODO - @ran, is this ok with you?
-
-  /**
-   * author email in a proper format (e.g. "ran@bit.dev")
-   */
-  email: string;
-};

package/snap/index.ts

@@ -1,2 +0,0 @@
-export { Author } from './author';
-export { Snap, SnapProps } from './snap';

package/snap/snap.ts

@@ -1,63 +0,0 @@
-import { Author } from './author';
-
-export type SnapProps = {
-  hash: string;
-  timestamp: string;
-  parents: string[];
-  author: Author;
-  message: string;
-};
-
-/**
- * `Snap` represents a sealed state of the component in the working tree.
- */
-export class Snap {
-  constructor(
-    /**
-     * hash of the snap.
-     */
-    readonly hash: string,
-
-    /**
-     * date time of the snap.
-     */
-    readonly timestamp: Date,
-
-    /**
-     * parent snap
-     */
-    readonly parents: string[],
-
-    /**
-     * author of the component `Snap`.
-     */
-    readonly author: Author,
-
-    /**
-     * message added by the `Snap` author.
-     */
-    readonly message: string
-  ) {}
-
-  static fromObject(snapObject: SnapProps) {
-    const parents = snapObject.parents || [];
-
-    return new Snap(
-      snapObject.hash,
-      new Date(parseInt(snapObject.timestamp)),
-      parents,
-      snapObject.author,
-      snapObject.message
-    );
-  }
-
-  toObject(): SnapProps {
-    return {
-      timestamp: this.timestamp.getTime().toString(),
-      hash: this.hash,
-      author: this.author,
-      message: this.message,
-      parents: this.parents,
-    };
-  }
-}

package/state.ts

@@ -1,73 +0,0 @@
-import { IssuesList } from '@teambit/component-issues';
-import ComponentFS from './component-fs';
-import Config from './config';
-import { AspectList } from './aspect-list';
-
-export class State {
-  constructor(
-    /**
-     * component configuration which is later generated to a component `package.json` and `bit.json`.
-     * @deprecated please use `aspects` instead.
-     */
-    readonly config: Config,
-
-    /**
-     * list of aspects configured on the component.
-     */
-    private _aspects: AspectList,
-
-    /**
-     * in-memory representation of the component current filesystem.
-     */
-    readonly filesystem: ComponentFS,
-
-    /**
-     * dependency graph of the component current. ideally package dependencies would be also placed here.
-     */
-    // readonly dependencies: Dependencies
-    readonly dependencies,
-
-    /**
-     * instance of legacy consumer component.
-     */
-    readonly _consumer: any
-  ) {}
-
-  /**
-   * calculate the hash of this state
-   */
-  get hash() {
-    return '';
-  }
-
-  get issues(): IssuesList {
-    return (this._consumer.issues ||= new IssuesList());
-  }
-
-  /**
-   * is modified
-   */
-
-  get isModified(): boolean {
-    return this._consumer._isModified;
-  }
-
-  get aspects(): AspectList {
-    return this._aspects;
-  }
-
-  set aspects(aspects: AspectList) {
-    this._aspects = aspects;
-  }
-
-  // static fromLegacy(consumerComponent: ConsumerComponent) {
-  //   return new State(
-  //     new Config(consumerComponent.mainFile, consumerComponent.extensions),
-  //     consumerComponent.version || 'new',
-  //     ComponentFS.fromVinyls(consumerComponent.files),
-  //     Store.fromArray([]),
-  //     consumerComponent.dependencies,
-  //     consumerComponent
-  //   );
-  // }
-}

package/store.ts

@@ -1,3 +0,0 @@
-import { ExtensionDataList } from '@teambit/legacy/dist/consumer/config/extension-data';
-
-export class Store extends ExtensionDataList {}

package/tag/index.ts

@@ -1 +0,0 @@
-export { Tag } from './tag';

package/tag/tag.ts

@@ -1,37 +0,0 @@
-import { SemVer } from 'semver';
-
-export type TagProps = {
-  hash: string;
-  version: string;
-};
-
-/**
- * `Tag` provides a sematic reference to a specific state `Snap` in the working tree.
- */
-export class Tag {
-  constructor(
-    /**
-     * tag hash, can be used to load it by component-factory.getSnap
-     */
-    readonly hash: string,
-
-    /**
-     * sematic version of the snap.
-     */
-    readonly version: SemVer
-  ) {}
-
-  /**
-   * create a plain tag object.
-   */
-  toObject(): TagProps {
-    return {
-      hash: this.hash,
-      version: this.version.raw,
-    };
-  }
-
-  static fromObject(tag: TagProps) {
-    return new Tag(tag.hash, new SemVer(tag.version));
-  }
-}

package/tag-map.ts

@@ -1,87 +0,0 @@
-import { getLatestVersion } from '@teambit/legacy/dist/utils/semver-helper';
-import { SemVer, maxSatisfying } from 'semver';
-
-import { CouldNotFindLatest } from './exceptions';
-import { Hash } from './hash';
-import { Tag } from './tag';
-
-export class TagMap extends Map<SemVer, Tag> {
-  /**
-   * get snap by hash.
-   */
-  byHash(hash: Hash) {
-    const tag = Array.from(this.values()).find((currTag) => currTag.hash === hash);
-    return tag;
-  }
-
-  /**
-   * e.g.
-   * {
-   *   alpha: '1.0.0-alpha.5',
-   *   dev: '2.2.4-dev.37
-   * }
-   */
-  getPreReleaseLatestTags(): { [preRelease: string]: string } {
-    const preReleaseTagsWithAllVersions = this.toArray().reduce((acc, current) => {
-      const preReleases = current.version.prerelease;
-      if (!preReleases.length) return acc;
-      if (preReleases.length !== 2) {
-        // it could be length 1, e.g. 1.0.0-0, we ignore it.
-        // it could also be length > 2, e.g. 1.0.0-dev.1.alpha.1, we don't support it for now.
-        return acc;
-      }
-      if (typeof preReleases[0] !== 'string') return acc;
-      (acc[preReleases[0]] ||= []).push(current.version.raw);
-      return acc;
-    }, {});
-    return Object.keys(preReleaseTagsWithAllVersions).reduce((acc, current) => {
-      acc[current] = maxSatisfying<string>(preReleaseTagsWithAllVersions[current], '*', { includePrerelease: true });
-      return acc;
-    }, {});
-  }
-
-  /**
-   * Get a map that map snap hash to tag
-   */
-  getHashMap(): Map<Hash, Tag> {
-    const res: Map<Hash, Tag> = new Map();
-    this.forEach((tag: Tag) => {
-      res.set(tag.hash, tag);
-    });
-    return res;
-  }
-
-  /**
-   * get the latest semver from the tag map.
-   */
-  getLatest(): string {
-    const versions = this.toArray().map((tag) => tag.version.raw);
-    if (this.isEmpty()) throw new CouldNotFindLatest(versions);
-    return getLatestVersion(versions);
-  }
-
-  isEmpty() {
-    return this.size === 0;
-  }
-
-  /**
-   * get an array of all tags.
-   */
-  toArray(): Tag[] {
-    return Array.from(this.values());
-  }
-
-  byVersion(version: string): Tag | undefined {
-    const versions = this.toArray().map((tag) => tag);
-    return versions.find((tag) => tag.version.raw === version);
-  }
-
-  static fromArray(tags: Tag[]) {
-    const tuples: [SemVer, Tag][] = tags.map((tag) => [tag.version, tag]);
-    return new TagMap(tuples);
-  }
-
-  static empty() {
-    return new TagMap();
-  }
-}

package/types/asset.d.ts

@@ -1,29 +0,0 @@
-declare module '*.png' {
-  const value: any;
-  export = value;
-}
-declare module '*.svg' {
-  import type { FunctionComponent, SVGProps } from 'react';
-
-  export const ReactComponent: FunctionComponent<SVGProps<SVGSVGElement> & { title?: string }>;
-  const src: string;
-  export default src;
-}
-
-// @TODO Gilad
-declare module '*.jpg' {
-  const value: any;
-  export = value;
-}
-declare module '*.jpeg' {
-  const value: any;
-  export = value;
-}
-declare module '*.gif' {
-  const value: any;
-  export = value;
-}
-declare module '*.bmp' {
-  const value: any;
-  export = value;
-}