@teambit/workspace 0.0.553 → 0.0.557

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

@@ -11,16 +11,47 @@ import { RouteProps } from 'react-router-dom';
 import { CommandBarUI, ComponentSearcher } from '@teambit/command-bar';
 export declare type SidebarWidgetSlot = SlotRegistry<ComponentTreeNode>;
 export declare class WorkspaceUI {
+    /**
+     * route slot.
+     */
     private routeSlot;
+    /**
+     * component ui extension.
+     */
     private componentUi;
+    /**
+     * menu slot
+     */
     private menuSlot;
     private menuItemSlot;
     private sidebar;
     private sidebarSlot;
+    /**
+     * sidebar link slot
+     */
     private sidebarItemSlot;
     private commandBarUI;
-    constructor(routeSlot: RouteSlot, componentUi: ComponentUI, menuSlot: RouteSlot, menuItemSlot: MenuItemSlot, sidebar: SidebarUI, sidebarSlot: SidebarWidgetSlot, sidebarItemSlot: SidebarItemSlot, commandBarUI: CommandBarUI, reactRouterUI: ReactRouterUI);
+    constructor(
+    /**
+     * route slot.
+     */
+    routeSlot: RouteSlot, 
+    /**
+     * component ui extension.
+     */
+    componentUi: ComponentUI, 
+    /**
+     * menu slot
+     */
+    menuSlot: RouteSlot, menuItemSlot: MenuItemSlot, sidebar: SidebarUI, sidebarSlot: SidebarWidgetSlot, 
+    /**
+     * sidebar link slot
+     */
+    sidebarItemSlot: SidebarItemSlot, commandBarUI: CommandBarUI, reactRouterUI: ReactRouterUI);
     private setKeyBindHandler;
+    /**
+     * register a route to the workspace.
+     */
     registerRoute(route: RouteProps): this;
     registerSidebarWidget(componentTreeNode: ComponentTreeNode): this;
     registerMenuItem: (menuItems: MenuItem[]) => void;

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/workspace",
-  "version": "0.0.553",
+  "version": "0.0.557",
   "homepage": "https://bit.dev/teambit/workspace/workspace",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.workspace",
     "name": "workspace",
-    "version": "0.0.553"
+    "version": "0.0.557"
   },
   "dependencies": {
     "lodash.compact": "3.0.1",
@@ -18,70 +18,71 @@
     "@teambit/harmony": "0.2.11",
     "graphql-tag": "2.12.1",
     "fs-extra": "10.0.0",
+    "memoizee": "0.4.15",
     "react-router-dom": "5.2.0",
     "detect-indent": "5.0.0",
     "detect-newline": "3.1.0",
     "stringify-package": "1.0.1",
     "moment": "2.29.1",
     "chokidar": "3.5.1",
-    "classnames": "2.2.6",
     "@react-hook/latest": "1.0.3",
     "pluralize": "8.0.0",
     "reset-css": "5.0.1",
+    "classnames": "2.2.6",
     "@babel/runtime": "7.12.18",
     "core-js": "^3.0.0",
-    "@teambit/base-ui.graph.tree.recursive-tree": "1.0.0",
     "@teambit/base-ui.surfaces.split-pane.hover-splitter": "1.0.0",
     "@teambit/base-ui.surfaces.split-pane.split-pane": "1.0.0",
-    "@teambit/bit-error": "0.0.370",
-    "@teambit/legacy-bit-id": "0.0.373",
-    "@teambit/logger": "0.0.469",
-    "@teambit/scope": "0.0.553",
-    "@teambit/cli": "0.0.384",
-    "@teambit/isolator": "0.0.553",
-    "@teambit/component-tree": "0.0.370",
-    "@teambit/component.ui.component-status-resolver": "0.0.465",
-    "@teambit/harmony.modules.resolved-component": "0.0.459",
-    "@teambit/dependency-resolver": "0.0.553",
-    "@teambit/compiler": "0.0.553",
-    "@teambit/component": "0.0.553",
-    "@teambit/graphql": "0.0.553",
-    "@teambit/aspect-loader": "0.0.553",
-    "@teambit/bundler": "0.0.553",
-    "@teambit/envs": "0.0.553",
-    "@teambit/pubsub": "0.0.553",
-    "@teambit/ui": "0.0.553",
-    "@teambit/variants": "0.0.471",
-    "@teambit/component-issues": "0.0.19",
-    "@teambit/config": "0.0.395",
-    "@teambit/harmony.modules.requireable-component": "0.0.459",
-    "@teambit/importer": "0.0.11",
-    "@teambit/workspace.modules.match-pattern": "0.0.463",
-    "@teambit/command-bar": "0.0.553",
+    "@teambit/base-ui.graph.tree.recursive-tree": "1.0.0",
+    "@teambit/bit-error": "0.0.374",
+    "@teambit/legacy-bit-id": "0.0.377",
+    "@teambit/logger": "0.0.473",
+    "@teambit/scope": "0.0.557",
+    "@teambit/cli": "0.0.388",
+    "@teambit/isolator": "0.0.557",
+    "@teambit/component-tree": "0.0.374",
+    "@teambit/component.ui.component-status-resolver": "0.0.469",
+    "@teambit/harmony.modules.resolved-component": "0.0.463",
+    "@teambit/dependency-resolver": "0.0.557",
+    "@teambit/compiler": "0.0.557",
+    "@teambit/component": "0.0.557",
+    "@teambit/graphql": "0.0.557",
+    "@teambit/aspect-loader": "0.0.557",
+    "@teambit/bundler": "0.0.557",
+    "@teambit/envs": "0.0.557",
+    "@teambit/pubsub": "0.0.557",
+    "@teambit/ui": "0.0.557",
+    "@teambit/variants": "0.0.475",
+    "@teambit/component-issues": "0.0.23",
+    "@teambit/config": "0.0.399",
+    "@teambit/harmony.modules.requireable-component": "0.0.463",
+    "@teambit/importer": "0.0.15",
+    "@teambit/workspace.modules.match-pattern": "0.0.467",
+    "@teambit/command-bar": "0.0.557",
     "@teambit/design.ui.surfaces.menu.link-item": "0.0.374",
-    "@teambit/graph": "0.0.553",
-    "@teambit/react-router": "0.0.553",
-    "@teambit/sidebar": "0.0.553",
-    "@teambit/ui-foundation.ui.main-dropdown": "0.0.461",
-    "@teambit/ui-foundation.ui.menu": "0.0.461",
-    "@teambit/ui-foundation.ui.react-router.slot-router": "0.0.463",
-    "@teambit/toolbox.time.time-format": "0.0.458",
+    "@teambit/graph": "0.0.557",
+    "@teambit/react-router": "0.0.557",
+    "@teambit/sidebar": "0.0.557",
+    "@teambit/ui-foundation.ui.main-dropdown": "0.0.465",
+    "@teambit/ui-foundation.ui.menu": "0.0.465",
+    "@teambit/ui-foundation.ui.react-router.slot-router": "0.0.467",
+    "@teambit/toolbox.time.time-format": "0.0.462",
+    "@teambit/component-id": "0.0.378",
+    "@teambit/ui-foundation.ui.hooks.use-data-query": "0.0.466",
+    "@teambit/deprecation": "0.0.557",
+    "@teambit/ui-foundation.ui.constants.z-indexes": "0.0.465",
+    "@teambit/ui-foundation.ui.buttons.collapser": "0.0.170",
+    "@teambit/ui-foundation.ui.corner": "0.0.472",
+    "@teambit/ui-foundation.ui.notifications.notification-context": "0.0.466",
+    "@teambit/ui-foundation.ui.top-bar": "0.0.467",
     "@teambit/design.ui.styles.ellipsis": "0.0.346",
     "@teambit/design.ui.styles.muted-italic": "0.0.35",
-    "@teambit/ui-foundation.ui.full-loader": "0.0.461",
-    "@teambit/ui-foundation.ui.side-bar": "0.0.467",
-    "@teambit/ui-foundation.ui.tree.drawer": "0.0.461",
-    "@teambit/component-id": "0.0.374",
-    "@teambit/ui-foundation.ui.hooks.use-data-query": "0.0.462",
-    "@teambit/deprecation": "0.0.553",
-    "@teambit/ui-foundation.ui.constants.z-indexes": "0.0.461",
-    "@teambit/ui-foundation.ui.buttons.collapser": "0.0.166",
-    "@teambit/ui-foundation.ui.corner": "0.0.468",
-    "@teambit/ui-foundation.ui.notifications.notification-context": "0.0.462",
-    "@teambit/ui-foundation.ui.top-bar": "0.0.463",
-    "@teambit/explorer.ui.gallery.component-grid": "0.0.461",
-    "@teambit/workspace.ui.empty-workspace": "0.0.463",
-    "@teambit/workspace.ui.workspace-component-card": "0.0.464"
+    "@teambit/ui-foundation.ui.full-loader": "0.0.465",
+    "@teambit/ui-foundation.ui.side-bar": "0.0.471",
+    "@teambit/ui-foundation.ui.tree.drawer": "0.0.465",
+    "@teambit/explorer.ui.gallery.component-grid": "0.0.465",
+    "@teambit/workspace.ui.empty-workspace": "0.0.467",
+    "@teambit/workspace.ui.workspace-component-card": "0.0.468"
   },
   "devDependencies": {
     "@types/lodash.compact": "3.0.6",
@@ -89,9 +90,10 @@
     "@types/react": "^17.0.8",
     "@types/semver": "7.3.4",
     "@types/fs-extra": "9.0.7",
+    "@types/memoizee": "0.4.5",
     "@types/react-router-dom": "5.1.7",
-    "@types/classnames": "2.2.11",
     "@types/pluralize": "0.0.29",
+    "@types/classnames": "2.2.11",
     "@types/mocha": "5.2.7",
     "@types/testing-library__jest-dom": "5.9.5",
     "@types/jest": "^26.0.0",
@@ -100,7 +102,7 @@
   },
   "peerDependencies": {
     "@apollo/client": "^3.0.0",
-    "@teambit/legacy": "1.0.170",
+    "@teambit/legacy": "1.0.174",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react": "^16.8.0 || ^17.0.0"
   },
@@ -128,12 +130,20 @@
         "react": "-"
       },
       "peerDependencies": {
-        "@teambit/legacy": "1.0.170",
+        "@teambit/legacy": "1.0.174",
         "react-dom": "^16.8.0 || ^17.0.0",
         "react": "^16.8.0 || ^17.0.0"
       }
     }
   },
+  "files": [
+    "dist",
+    "!dist/tsconfig.tsbuildinfo",
+    "README.md",
+    "README.mdx",
+    "*.js",
+    "*.json"
+  ],
   "private": false,
   "engines": {
     "node": ">=12.22.0"

package/tsconfig.json

@@ -15,9 +15,9 @@
     "skipLibCheck": true,
     "moduleResolution": "node",
     "esModuleInterop": true,
-    "outDir": "dist",
     "composite": true,
     "emitDeclarationOnly": true,
+    "outDir": "dist",
     "experimentalDecorators": true,
     "emitDecoratorMetadata": true,
     "allowSyntheticDefaultImports": true,
@@ -25,7 +25,6 @@
     "strict": true,
     "noImplicitAny": false,
     "rootDir": ".",
-    "removeComments": true,
     "preserveConstEnums": true,
     "resolveJsonModule": true
   },

package/build-graph-from-fs.ts

@@ -1,160 +0,0 @@
-import mapSeries from 'p-map-series';
-import { flatten } from 'lodash';
-import { Consumer } from '@teambit/legacy/dist/consumer';
-import BitIds from '@teambit/legacy/dist/bit-id/bit-ids';
-import Component from '@teambit/legacy/dist/consumer/component/consumer-component';
-import LegacyGraph from '@teambit/legacy/dist/scope/graph/graph';
-import ScopeComponentsImporter from '@teambit/legacy/dist/scope/component-ops/scope-components-importer';
-import compact from 'lodash.compact';
-import { BitId } from '@teambit/legacy-bit-id';
-import { Logger } from '@teambit/logger';
-import { ComponentNotFound } from '@teambit/scope';
-import { BitError } from '@teambit/bit-error';
-import { Workspace } from './workspace';
-
-export type ShouldIgnoreFunc = (bitId: BitId) => Promise<boolean>;
-
-export class GraphFromFsBuilder {
-  private graph = new LegacyGraph();
-  private completed: string[] = [];
-  private depth = 1;
-  private shouldThrowOnMissingDep = true;
-  private consumer: Consumer;
-  constructor(
-    private workspace: Workspace,
-    private logger: Logger,
-    private ignoreIds = new BitIds(),
-    private shouldLoadItsDeps?: ShouldIgnoreFunc
-  ) {
-    this.consumer = this.workspace.consumer;
-  }
-
-  /**
-   * create a graph with all dependencies and flattened dependencies of the given components.
-   * the nodes are components and the edges has a label of the dependency type.
-   *
-   * the way how it is done is iterations by depths. each depth we gather all the dependencies of
-   * that depths, make sure all objects exist and then check their dependencies for the next depth.
-   * once there is no dependency left, we're on the last depth level and the graph is ready.
-   *
-   * for example, imagine the following graph:
-   * A1 -> A2 -> A3
-   * B1 -> B2 -> B3
-   * C1 -> C2 -> C3
-   *
-   * where the buildGraph is given [A1, B1, C1].
-   * first, it saves all these components as nodes in the graph. then, it finds the dependencies of
-   * the next level, in this case they're [A2, B2, C2]. it runs `importMany` in case some objects
-   * are missing. then, it loads them all (some from FS, some from the model) and sets the edges
-   * between the component and the dependencies.
-   * once done, it finds all their dependencies, which are [A3, B3, C3] and repeat the process
-   * above. since there are no more dependencies, the graph is completed.
-   * in this case, the total depth levels are 3.
-   *
-   * even with a huge project, there are not many depth levels. by iterating through depth levels
-   * we keep performance sane as the importMany doesn't run multiple time and therefore the round
-   * trips to the remotes are minimal.
-   *
-   * normally, one importMany of the seeders is enough as importMany knows to fetch all flattened.
-   * however, since this buildGraph is performed on the workspace, a dependency may be new or
-   * modified and as such, we don't know its flattened yet.
-   */
-  async buildGraph(ids: BitId[]): Promise<LegacyGraph> {
-    this.logger.debug(`GraphFromFsBuilder, buildGraph with ${ids.length} seeders`);
-    const start = Date.now();
-    const components = await this.loadManyComponents(ids, '<none>');
-    await this.processManyComponents(components);
-    this.logger.debug(
-      `GraphFromFsBuilder, buildGraph with ${ids.length} seeders completed (${(Date.now() - start) / 1000} sec)`
-    );
-    return this.graph;
-  }
-
-  private getAllDepsUnfiltered(component: Component) {
-    return component.getAllDependenciesIds().difference(this.ignoreIds);
-  }
-
-  private async getAllDepsFiltered(component: Component): Promise<BitIds> {
-    const depsWithoutIgnore = this.getAllDepsUnfiltered(component);
-    const shouldLoadFunc = this.shouldLoadItsDeps;
-    if (!shouldLoadFunc) return depsWithoutIgnore;
-    const deps = await mapSeries(depsWithoutIgnore, async (depId) => {
-      const shouldLoad = await shouldLoadFunc(depId);
-      if (!shouldLoad) this.ignoreIds.push(depId);
-      return shouldLoad ? depId : null;
-    });
-    return BitIds.fromArray(compact(deps));
-  }
-
-  private async processManyComponents(components: Component[]) {
-    this.logger.debug(`GraphFromFsBuilder.processManyComponents depth ${this.depth}, ${components.length} components`);
-    this.depth += 1;
-    await this.importObjects(components);
-    const allDependencies = await mapSeries(components, (component) => this.processOneComponent(component));
-    const allDependenciesFlattened = flatten(allDependencies);
-    if (allDependenciesFlattened.length) await this.processManyComponents(allDependenciesFlattened);
-  }
-
-  private async importObjects(components: Component[]) {
-    const allDeps = components.map((c) => this.getAllDepsUnfiltered(c)).flat();
-    const allDepsWithScope = allDeps.filter((dep) => dep.hasScope());
-    const scopeComponentsImporter = new ScopeComponentsImporter(this.consumer.scope);
-    await scopeComponentsImporter.importMany(
-      BitIds.uniqFromArray(allDepsWithScope),
-      undefined,
-      this.shouldThrowOnMissingDep
-    );
-  }
-
-  private async processOneComponent(component: Component) {
-    const idStr = component.id.toString();
-    if (this.completed.includes(idStr)) return [];
-    const allIds = await this.getAllDepsFiltered(component);
-
-    const allDependencies = await this.loadManyComponents(allIds, idStr);
-    Object.entries(component.depsIdsGroupedByType).forEach(([depType, depsIds]) => {
-      depsIds.forEach((depId) => {
-        if (this.ignoreIds.has(depId)) return;
-        if (!this.graph.hasNode(depId.toString())) {
-          throw new Error(`buildOneComponent: missing node of ${depId.toString()}`);
-        }
-        this.graph.setEdge(idStr, depId.toString(), depType);
-      });
-    });
-    this.completed.push(idStr);
-    return allDependencies;
-  }
-
-  private async loadManyComponents(componentsIds: BitId[], dependenciesOf: string): Promise<Component[]> {
-    const components = await mapSeries(componentsIds, async (comp: BitId) => {
-      const idStr = comp.toString();
-      const fromGraph = this.graph.node(idStr);
-      if (fromGraph) return fromGraph;
-      try {
-        const component = await this.loadComponent(comp);
-        this.graph.setNode(idStr, component);
-        return component;
-      } catch (err: any) {
-        if (err instanceof ComponentNotFound) {
-          throw new BitError(
-            `error: component "${idStr}" was not found.\nthis component is a dependency of "${dependenciesOf}" and is needed as part of the graph generation`
-          );
-        }
-        this.logger.error(`failed loading dependencies of ${dependenciesOf}`);
-        throw err;
-      }
-    });
-    return components;
-  }
-  private async loadComponent(componentId: BitId): Promise<Component> {
-    const componentMap = this.consumer.bitMap.getComponentIfExist(componentId);
-    const isOnWorkspace = Boolean(componentMap);
-    if (isOnWorkspace) {
-      return this.consumer.loadComponentForCapsule(componentId);
-    }
-    // a dependency might have been installed as a package in the workspace, and as such doesn't
-    // have a componentMap.
-    const componentFromModel = await this.consumer.loadComponentFromModel(componentId);
-    return componentFromModel.clone();
-  }
-}

package/capsule.cmd.ts

@@ -1,136 +0,0 @@
-// eslint-disable-next-line max-classes-per-file
-import { Command, CommandOptions } from '@teambit/cli';
-import { CapsuleList, IsolateComponentsOptions, IsolatorMain } from '@teambit/isolator';
-import chalk from 'chalk';
-
-import { Workspace } from '.';
-
-type CreateOpts = {
-  baseDir?: string;
-  rootBaseDir?: string;
-  alwaysNew?: boolean;
-  seedersOnly?: boolean;
-  id: string;
-  installPackages?: boolean;
-};
-
-export class CapsuleCreateCmd implements Command {
-  name = 'create [componentIds...]';
-  description = `create capsules`;
-  group = 'capsules';
-  alias = '';
-  options = [
-    [
-      'b',
-      'base-dir <name>',
-      'set base dir of all capsules (hashed to create the base dir inside the root dir - host path by default)',
-    ],
-    ['r', 'root-base-dir <name>', 'set root base dir of all capsules (absolute path to use as root dir)'],
-    ['a', 'always-new', 'create new environment for capsule'],
-    ['s', 'seeders-only', 'create capsules for the seeders only (not for the entire graph)'],
-    ['i', 'id <name>', 'reuse capsule of certain name'],
-    ['j', 'json', 'json format'],
-    ['d', 'install-packages', 'install packages by the package-manager'],
-    ['p', 'package-manager <name>', 'npm, yarn or pnpm, default to npm'],
-  ] as CommandOptions;
-
-  constructor(private workspace: Workspace, private isolator: IsolatorMain) {}
-
-  async create(
-    [componentIds = []]: [string[]],
-    { baseDir, rootBaseDir, alwaysNew = false, id, installPackages = false, seedersOnly = false }: CreateOpts
-  ): Promise<CapsuleList> {
-    // @todo: why it is not an array?
-    if (componentIds && !Array.isArray(componentIds)) componentIds = [componentIds];
-    const capsuleOptions: IsolateComponentsOptions = {
-      baseDir,
-      rootBaseDir,
-      installOptions: { installPackages },
-      alwaysNew,
-      seedersOnly,
-      includeFromNestedHosts: true,
-      name: id,
-    };
-    const ids = await this.workspace.resolveMultipleComponentIds(componentIds);
-    const network = await this.isolator.isolateComponents(ids, capsuleOptions);
-    const capsules = network.graphCapsules;
-    return capsules;
-  }
-
-  async report([componentIds]: [string[]], opts: CreateOpts) {
-    // @ts-ignore
-    const capsules = await this.create(componentIds, opts);
-    const capsuleOutput = capsules
-      .map((capsule) => `${chalk.bold(capsule.component.id.toString())} - ${capsule.path}`)
-      .join('\n');
-    const title = `${capsules.length} capsule(s) were created successfully`;
-    return `${chalk.green(title)}\n${capsuleOutput}`;
-  }
-
-  async json([componentIds]: [string[]], opts: CreateOpts) {
-    // @ts-ignore
-    const capsules = await this.create(componentIds, opts);
-    return capsules.map((c) => ({
-      id: c.component.id.toString(),
-      path: c.path,
-    }));
-  }
-}
-
-export class CapsuleListCmd implements Command {
-  name = 'list';
-  description = `list all capsules`;
-  shortDescription = 'list all capsules';
-  group = 'capsules';
-  alias = '';
-  options = [['j', 'json', 'json format']] as CommandOptions;
-
-  constructor(private isolator: IsolatorMain, private workspace: Workspace) {}
-
-  async report() {
-    const list = await this.isolator.list(this.workspace.path);
-    const { workspaceCapsulesRootDir, scopeCapsulesRootDir, scopeAspectsCapsulesRootDir } = this.getCapsulesRootDirs();
-    // TODO: improve output
-    return chalk.green(`found ${chalk.cyan(list.capsules.length.toString())} capsule(s) for workspace:  ${chalk.cyan(
-      list.workspace
-    )}
-workspace capsules root-dir:       ${chalk.cyan(workspaceCapsulesRootDir)}
-scope capsules root-dir:           ${chalk.cyan(scopeCapsulesRootDir)}
-scope's aspects capsules root-dir: ${chalk.cyan(scopeAspectsCapsulesRootDir)}
-use --json to get the list of all workspace capsules`);
-  }
-
-  async json() {
-    const list = await this.isolator.list(this.workspace.path);
-    const rootDirs = this.getCapsulesRootDirs();
-    return { ...list, ...rootDirs };
-  }
-
-  private getCapsulesRootDirs() {
-    const workspaceCapsulesRootDir = this.isolator.getCapsulesRootDir(this.workspace.path);
-    const scopeCapsulesRootDir = this.isolator.getCapsulesRootDir(this.workspace.scope.path);
-    const scopeAspectsCapsulesRootDir = this.isolator.getCapsulesRootDir(this.workspace.scope.getAspectCapsulePath());
-
-    return { workspaceCapsulesRootDir, scopeCapsulesRootDir, scopeAspectsCapsulesRootDir };
-  }
-}
-
-export class CapsuleCmd implements Command {
-  name = 'capsule <sub-command>';
-  shortDescription = 'manage capsules';
-  description = `manage capsules.
-a capsule is a directory contains the component code, isolated from the workspace.
-normally, capsules are created during the build process, the component files are copied and the packages are installed
-via the configured package-manager. the purpose is to compile/test them in isolation to make sure they will work for
-other users after publishing/exporting them.`;
-  alias = '';
-  group = 'capsules';
-  commands: Command[] = [];
-  options = [] as CommandOptions;
-
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  async report(args: [string]) {
-    // it should never be here. Yargs throws an error before reaching this method.
-    return `Please specify a sub-command`;
-  }
-}

package/component-config-file/component-config-file.ts

@@ -1,98 +0,0 @@
-import { ComponentID, AspectList } from '@teambit/component';
-import { COMPONENT_CONFIG_FILE_NAME } from '@teambit/legacy/dist/constants';
-import { ExtensionDataList } from '@teambit/legacy/dist/consumer/config/extension-data';
-import { PathOsBasedAbsolute } from '@teambit/legacy/dist/utils/path';
-import detectIndent from 'detect-indent';
-import detectNewline from 'detect-newline';
-import fs from 'fs-extra';
-import path from 'path';
-import stringifyPackage from 'stringify-package';
-
-import { AlreadyExistsError } from './exceptions';
-
-interface ComponentConfigFileOptions {
-  indent: number;
-  newLine: '\r\n' | '\n' | undefined;
-}
-
-interface WriteConfigFileOptions {
-  override?: boolean;
-}
-
-interface ComponentConfigFileJson {
-  componentId: any;
-  // TODO: think if we want to change it to aspects
-  extensions: any;
-  propagate: boolean;
-  defaultScope?: string;
-}
-
-const DEFAULT_INDENT = 2;
-const DEFAULT_NEWLINE = '\n';
-
-export class ComponentConfigFile {
-  constructor(
-    public componentId: ComponentID,
-    public aspects: AspectList,
-    public propagate: boolean = false,
-    private options: ComponentConfigFileOptions = { indent: DEFAULT_INDENT, newLine: DEFAULT_NEWLINE },
-    public defaultScope?: string
-  ) {}
-
-  // TODO: remove consumer from here
-  static async load(
-    componentDir: PathOsBasedAbsolute,
-    aspectListFactory: (extensionDataList: ExtensionDataList) => Promise<AspectList>,
-    outsideDefaultScope?: string
-  ): Promise<ComponentConfigFile | undefined> {
-    const filePath = ComponentConfigFile.composePath(componentDir);
-    const isExist = await fs.pathExists(filePath);
-    if (!isExist) {
-      return undefined;
-    }
-    const content = await fs.readFile(filePath, 'utf-8');
-    const parsed: ComponentConfigFileJson = parseComponentJsonContent(content, componentDir);
-    const indent = detectIndent(content).amount;
-    const newLine = detectNewline(content);
-    const componentId = ComponentID.fromObject(parsed.componentId, parsed.defaultScope || outsideDefaultScope);
-    const aspects = await aspectListFactory(ExtensionDataList.fromConfigObject(parsed.extensions));
-
-    return new ComponentConfigFile(componentId, aspects, !!parsed.propagate, { indent, newLine }, parsed.defaultScope);
-  }
-
-  static composePath(componentRootFolder: string) {
-    return path.join(componentRootFolder, COMPONENT_CONFIG_FILE_NAME);
-  }
-
-  async write(componentDir: string, options: WriteConfigFileOptions = {}): Promise<void> {
-    const json = this.toJson();
-    const filePath = ComponentConfigFile.composePath(componentDir);
-    const isExist = await fs.pathExists(filePath);
-    if (isExist && !options.override) {
-      throw new AlreadyExistsError(filePath);
-    }
-    return fs.writeJsonSync(filePath, json, { spaces: this.options.indent, EOL: this.options.newLine });
-  }
-
-  toJson(): ComponentConfigFileJson {
-    return {
-      componentId: this.componentId.toObject(),
-      propagate: this.propagate,
-      defaultScope: this.defaultScope,
-      extensions: this.aspects.toConfigObject(),
-    };
-  }
-
-  toString(): string {
-    const json = this.toJson();
-    return stringifyPackage(json, this.options.indent, this.options.newLine);
-  }
-}
-
-function parseComponentJsonContent(str: string, dir: string) {
-  try {
-    return JSON.parse(str);
-  } catch (err: any) {
-    throw new Error(`failed parsing component.json file at ${dir}. original error: ${err.message}`);
-  }
-}

package/component-config-file/exceptions/already-exists.ts

@@ -1,7 +0,0 @@
-import { BitError } from '@teambit/bit-error';
-
-export class AlreadyExistsError extends BitError {
-  constructor(filePath: string) {
-    super(`config file at ${filePath} already exist. use override in case you want to override it`);
-  }
-}

package/component-config-file/exceptions/index.ts

@@ -1 +0,0 @@
-export { AlreadyExistsError } from './already-exists';

package/component-config-file/index.ts

@@ -1,2 +0,0 @@
-export { ComponentConfigFile } from './component-config-file';
-export { AlreadyExistsError } from './exceptions';