@teambit/graph 1.0.108 → 1.0.109

package/artifacts/preview/teambit_component_graph-preview.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["teambit.component/graph-preview"]=t():e["teambit.component/graph-preview"]=t()}(self,(()=>(()=>{"use strict";var e={96362:(e,t,o)=>{var r={id:"teambit.component/graph@1.0.109",homepage:"https://bit.cloud/teambit/component/graph",exported:!0};function n(){const e=i(o(87363));return n=function(){return e},e}function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Logo=void 0,n.__bit_component=r,i.__bit_component=r;const p=()=>n().default.createElement("div",{style:{height:"100%",display:"flex",justifyContent:"center"}},n().default.createElement("img",{style:{width:70},src:"https://static.bit.dev/extensions-icons/graph.svg"}));p.__bit_component=r,t.Logo=p},87363:e=>{e.exports=React}},t={};function o(r){var n=t[r];if(void 0!==n)return n.exports;var i=t[r]={exports:{}};return e[r](i,i.exports,o),i.exports}o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};return(()=>{o.r(r),o.d(r,{compositions:()=>u,compositions_metadata:()=>l,overview:()=>f});var e={};o.r(e),o.d(e,{default:()=>d});var t=o(96362);o(87363);const n=MdxJsReact,i=TeambitMdxUiMdxScopeContext;var p=["components"];function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},a.apply(this,arguments)}var c={},s="wrapper";function d(e){var t=e.components,o=function(e,t){if(null==e)return{};var o,r,n=function(e,t){if(null==e)return{};var o,r,n={},i=Object.keys(e);for(r=0;r<i.length;r++)o=i[r],t.indexOf(o)>=0||(n[o]=e[o]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)o=i[r],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(n[o]=e[o])}return n}(e,p);return(0,n.mdx)(s,a({},c,o,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)(i.MDXScopeProvider,{components:{},mdxType:"MDXScopeProvider"}))}d.isMDXComponent=!0;const u=[t],f=[e],l={compositions:[{displayName:"Logo",identifier:"Logo"}]}})(),r})()));

package/dist/{preview-1703647408454.js → preview-1703698405864.js}

@@ -1,5 +1,5 @@
-import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.component_graph@1.0.108/dist/graph.composition.js';
-import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.component_graph@1.0.108/dist/graph.docs.md';
+import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.component_graph@1.0.109/dist/graph.composition.js';
+import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.component_graph@1.0.109/dist/graph.docs.md';
 
 export const compositions = [compositions_0];
 export const overview = [overview_0];

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/graph",
-  "version": "1.0.108",
+  "version": "1.0.109",
   "homepage": "https://bit.cloud/teambit/component/graph",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.component",
     "name": "graph",
-    "version": "1.0.108"
+    "version": "1.0.109"
   },
   "dependencies": {
     "lodash": "4.17.21",
@@ -15,8 +15,8 @@
     "graphql-tag": "2.12.1",
     "classnames": "2.2.6",
     "react-flow-renderer": "8.3.7",
-    "semver": "7.5.2",
     "dagre": "0.8.5",
+    "semver": "7.5.2",
     "@teambit/graph.cleargraph": "0.0.1",
     "@teambit/component-id": "1.2.0",
     "@teambit/harmony": "0.4.6",
@@ -27,9 +27,6 @@
     "@teambit/base-ui.text.muted-text": "1.0.1",
     "@teambit/component.ui.deprecation-icon": "0.0.509",
     "@teambit/design.ui.styles.ellipsis": "0.0.357",
-    "@teambit/component.ui.component-compare.context": "0.0.116",
-    "@teambit/design.ui.round-loader": "0.0.355",
-    "@teambit/component.ui.component-compare.status-resolver": "0.0.9",
     "@teambit/evangelist.input.checkbox.label": "1.0.3",
     "@teambit/design.ui.pages.not-found": "0.0.366",
     "@teambit/design.ui.pages.server-error": "0.0.366",
@@ -37,12 +34,15 @@
     "@teambit/ui-foundation.ui.full-loader": "0.0.500",
     "@teambit/ui-foundation.ui.hooks.use-data-query": "0.0.505",
     "@teambit/ui-foundation.ui.react-router.use-query": "0.0.501",
-    "@teambit/component": "1.0.108",
-    "@teambit/cli": "0.0.840",
-    "@teambit/graphql": "1.0.108",
-    "@teambit/logger": "0.0.933",
-    "@teambit/component-compare": "1.0.108",
-    "@teambit/ui": "1.0.108",
+    "@teambit/component.ui.component-compare.context": "0.0.116",
+    "@teambit/design.ui.round-loader": "0.0.355",
+    "@teambit/component.ui.component-compare.status-resolver": "0.0.9",
+    "@teambit/component": "1.0.109",
+    "@teambit/cli": "0.0.841",
+    "@teambit/graphql": "1.0.109",
+    "@teambit/logger": "0.0.934",
+    "@teambit/component-compare": "1.0.109",
+    "@teambit/ui": "1.0.109",
     "@teambit/component.modules.component-url": "0.0.165",
     "@teambit/envs.ui.env-icon": "0.0.503"
   },
@@ -50,12 +50,12 @@
     "@types/lodash": "4.14.165",
     "@types/graphlib": "2.1.7",
     "@types/classnames": "2.2.11",
-    "@types/semver": "7.3.4",
     "@types/dagre": "0.7.44",
+    "@types/semver": "7.3.4",
     "@types/mocha": "9.1.0",
     "@types/jest": "^29.2.2",
     "@types/testing-library__jest-dom": "^5.9.5",
-    "@teambit/harmony.envs.core-aspect-env": "0.0.13"
+    "@teambit/harmony.envs.core-aspect-env": "0.0.14"
   },
   "peerDependencies": {
     "@apollo/client": "^3.6.0",

package/component-id-graph.ts

@@ -1,76 +0,0 @@
-import { ComponentID } from '@teambit/component';
-import { Graph, Node, Edge } from '@teambit/graph.cleargraph';
-import { uniq } from 'lodash';
-
-export type DepEdgeType = 'prod' | 'dev' | 'ext';
-
-type ComponentIdNode = Node<ComponentID>;
-type DependencyEdge = Edge<DepEdgeType>;
-export type CompIdGraph = Graph<ComponentID, DepEdgeType>;
-
-export class ComponentIdGraph extends Graph<ComponentID, DepEdgeType> {
-  seederIds: ComponentID[] = []; // component IDs that started the graph. (if from workspace, the .bitmap ids normally)
-  constructor(nodes: ComponentIdNode[] = [], edges: DependencyEdge[] = []) {
-    super(nodes, edges);
-  }
-
-  protected create(nodes: ComponentIdNode[] = [], edges: DependencyEdge[] = []): this {
-    return new ComponentIdGraph(nodes, edges) as this;
-  }
-
-  /**
-   * check all the routes from the sources to targets and return the components found during this traversal.
-   * e.g.
-   * A -> B -> C -> N.
-   * A -> E -> N.
-   * B -> F -> G.
-   * given source: A, targets: N. The results will be: B, C, E
-   */
-  findIdsFromSourcesToTargets(sources: ComponentID[], targets: ComponentID[]): ComponentID[] {
-    const removeVerFromIdStr = (idStr: string) => idStr.split('@')[0];
-    const sourcesStr = sources.map((s) => s.toStringWithoutVersion());
-    const targetsStr = targets.map((t) => t.toStringWithoutVersion());
-    const allFlattened = sources.map((source) => this.successors(source.toString())).flat();
-    const allFlattenedIds = uniq(allFlattened.map((f) => f.id));
-    const results: string[] = [];
-    allFlattenedIds.forEach((id) => {
-      const idWithNoVer = removeVerFromIdStr(id);
-      if (sourcesStr.includes(idWithNoVer) || targetsStr.includes(idWithNoVer)) return;
-      const allSuccessors = this.successors(id);
-      const allSuccessorsWithNoVersion = allSuccessors.map((s) => removeVerFromIdStr(s.id));
-      if (allSuccessorsWithNoVersion.find((s) => targetsStr.includes(s))) results.push(id);
-    });
-    const componentIds = this.getNodes(results).map((n) => n.attr);
-
-    return componentIds;
-  }
-
-  /**
-   * overrides the super class to eliminate non-seeders components
-   */
-  findCycles(graph?: this, includeDeps = false): string[][] {
-    const cycles = super.findCycles(graph);
-    if (!this.shouldLimitToSeedersOnly() || includeDeps) {
-      return cycles;
-    }
-    const seederIdsStr = this.seederIds.map((id) => id.toString());
-    const cyclesWithSeeders = cycles.filter((cycle) => {
-      return cycle.some((cycleIdStr) => seederIdsStr.includes(cycleIdStr));
-    });
-    return cyclesWithSeeders;
-  }
-
-  buildFromCleargraph(graph: Graph<ComponentID, DepEdgeType>): ComponentIdGraph {
-    return this.create(graph.nodes, graph.edges);
-  }
-
-  runtimeOnly(componentIds: string[]) {
-    return this.successorsSubgraph(componentIds, {
-      edgeFilter: (edge: DependencyEdge) => edge.attr === 'prod',
-    });
-  }
-
-  private shouldLimitToSeedersOnly() {
-    return this.seederIds.length;
-  }
-}

package/duplicate-dependency.ts

@@ -1,18 +0,0 @@
-// eslint-disable-next-line import/no-cycle
-import type { ComponentGraph } from './component-graph';
-
-export class DuplicateDependency {
-  latestVersionId: string;
-  priorVersions: VersionSubgraph[];
-
-  constructor(latestVersionId: string, priorVersions: VersionSubgraph[]) {
-    this.latestVersionId = latestVersionId;
-    this.priorVersions = priorVersions;
-  }
-}
-
-export type VersionSubgraph = {
-  versionId: string;
-  subGraph: ComponentGraph;
-  immediateDependents: string[];
-};

package/edge-type.ts

@@ -1,5 +0,0 @@
-export enum EdgeType {
-  dev = 'DEV',
-  runtime = 'RUNTIME',
-  peer = 'PEER',
-}

package/graph-builder.ts

@@ -1,47 +0,0 @@
-import { Component, ComponentFactory, ComponentID, ComponentMain } from '@teambit/component';
-import { Edge, Graph } from '@teambit/graph.cleargraph';
-import { ComponentGraph } from './component-graph';
-import { ComponentIdGraph } from './component-id-graph';
-import { Dependency } from './model/dependency';
-
-export type GetGraphOpts = {
-  host?: ComponentFactory;
-};
-
-export class GraphBuilder {
-  constructor(private componentAspect: ComponentMain) {}
-
-  /**
-   * important - prefer using `getGraphIds()` it's way better in terms of performance.
-   */
-  async getGraph(ids?: ComponentID[], opts: GetGraphOpts = {}): Promise<ComponentGraph> {
-    const componentHost = opts.host || this.componentAspect.getHost();
-
-    const graph = await componentHost.getGraph(ids, false);
-    const componentGraph = await this.toComponentGraph(graph);
-    componentGraph.seederIds = ids || (await componentHost.listIds());
-    return componentGraph;
-  }
-
-  async getGraphIds(ids?: ComponentID[], opts: GetGraphOpts = {}): Promise<ComponentIdGraph> {
-    const componentHost = opts.host || this.componentAspect.getHost();
-
-    const graph = await componentHost.getGraphIds(ids, false);
-    const componentIdGraph = new ComponentIdGraph(graph.nodes, graph.edges);
-    componentIdGraph.seederIds = ids || (await componentHost.listIds());
-    return componentIdGraph;
-  }
-
-  private async toComponentGraph(graph: Graph<Component, string>): Promise<ComponentGraph> {
-    const newGraph = new ComponentGraph();
-    graph.nodes.forEach((node) => {
-      newGraph.setNode(node);
-    });
-    graph.edges.forEach((edge) => {
-      const edgeObj =
-        edge.attr === 'dependencies' || edge.attr === 'runtime' ? new Dependency('runtime') : new Dependency('dev');
-      newGraph.setEdge(new Edge(edge.sourceId, edge.targetId, edgeObj));
-    });
-    return newGraph;
-  }
-}

package/graph-cmd.ts

@@ -1,111 +0,0 @@
-import chalk from 'chalk';
-import os from 'os';
-import * as path from 'path';
-import GraphLib from 'graphlib';
-import { Command, CommandOptions } from '@teambit/cli';
-import { ComponentID } from '@teambit/component-id';
-import { generateRandomStr } from '@teambit/legacy/dist/utils';
-import VisualDependencyGraph from '@teambit/legacy/dist/scope/graph/vizgraph';
-import { Consumer, loadConsumerIfExist } from '@teambit/legacy/dist/consumer';
-import DependencyGraph from '@teambit/legacy/dist/scope/graph/scope-graph';
-import { ConsumerNotFound } from '@teambit/legacy/dist/consumer/exceptions';
-import getRemoteByName from '@teambit/legacy/dist/remotes/get-remote-by-name';
-import { ComponentMain } from '@teambit/component';
-
-type GraphOpt = {
-  image?: string;
-  remote?: string;
-  allVersions?: boolean;
-  layout?: string;
-  json?: boolean;
-};
-
-export class GraphCmd implements Command {
-  name = 'graph [id]';
-  description = "generate an image file with the workspace components' dependencies graph";
-  extendedDescription: 'black arrow is a runtime dependency. red arrow is either dev or peer';
-  group = 'discover';
-  alias = '';
-  options = [
-    ['i', 'image <image>', 'image path and format. use one of the following extensions: [gif, png, svg, pdf]'],
-    ['r', 'remote [remoteName]', 'remote name (name is optional, leave empty when id is specified)'],
-    ['', 'all-versions', 'enter all components versions into the graph, not only latest'],
-    [
-      '',
-      'layout <name>',
-      'GraphVis layout. default to "dot". options are [circo, dot, fdp, neato, osage, patchwork, sfdp, twopi]',
-    ],
-    ['j', 'json', 'json format'],
-  ] as CommandOptions;
-  remoteOp = true;
-
-  constructor(private componentAspect: ComponentMain) {}
-
-  async report([id]: [string], { remote, allVersions, layout, image }: GraphOpt): Promise<string> {
-    const consumer = await loadConsumerIfExist();
-    if (!consumer && !remote) throw new ConsumerNotFound();
-
-    const graph = await this.generateGraph(consumer, id, remote, allVersions);
-
-    const config = {};
-    // @ts-ignore AUTO-ADDED-AFTER-MIGRATION-PLEASE-FIX!
-    if (layout) config.layout = layout;
-    const visualDependencyGraph = await VisualDependencyGraph.loadFromGraphlib(graph, config);
-
-    image = image || path.join(os.tmpdir(), `${generateRandomStr()}.png`);
-    const result = await visualDependencyGraph.image(image);
-
-    return chalk.green(`image created at ${result}`);
-  }
-
-  private async generateGraph(
-    consumer?: Consumer,
-    id?: string,
-    remote?: string,
-    allVersions?: boolean
-  ): Promise<GraphLib.Graph> {
-    if (!consumer && !remote) throw new ConsumerNotFound();
-    const getBitId = (): ComponentID | undefined => {
-      if (!id) return undefined;
-      if (remote) return ComponentID.fromString(id); // user used --remote so we know it has a scope
-      // @ts-ignore AUTO-ADDED-AFTER-MIGRATION-PLEASE-FIX!
-      return consumer.getParsedId(id);
-    };
-    const bitId = getBitId();
-    if (remote) {
-      if (id) {
-        // @ts-ignore scope must be set as it came from a remote
-        const scopeName: string = typeof remote === 'string' ? remote : bitId.scope;
-        const remoteScope = await getRemoteByName(scopeName, consumer);
-        const componentDepGraph = await remoteScope.graph(bitId);
-        return componentDepGraph.graph;
-      }
-      if (typeof remote !== 'string') {
-        throw new Error('please specify remote scope name or enter an id');
-      }
-      const remoteScope = await getRemoteByName(remote, consumer);
-      const componentDepGraph = await remoteScope.graph();
-      return componentDepGraph.graph;
-    }
-
-    const onlyLatest = !allVersions;
-    // @ts-ignore consumer must be set here
-    const workspaceGraph = await DependencyGraph.buildGraphFromWorkspace(consumer, onlyLatest);
-    const dependencyGraph = new DependencyGraph(workspaceGraph);
-    if (id) {
-      // @ts-ignore AUTO-ADDED-AFTER-MIGRATION-PLEASE-FIX!
-      const componentGraph = dependencyGraph.getSubGraphOfConnectedComponents(bitId);
-      const componentDepGraph = new DependencyGraph(componentGraph);
-      return componentDepGraph.graph;
-    }
-    return dependencyGraph.graph;
-  }
-
-  async json([id]: [string], { remote, allVersions }: GraphOpt) {
-    const consumer = await loadConsumerIfExist();
-    if (!consumer && !remote) throw new ConsumerNotFound();
-
-    const graph = await this.generateGraph(consumer, id, remote, allVersions);
-    return GraphLib.json.write(graph);
-  }
-}

package/graph.aspect.ts

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

package/graph.graphql.ts

@@ -1,94 +0,0 @@
-import { ComponentMain } from '@teambit/component';
-import { Schema } from '@teambit/graphql';
-import gql from 'graphql-tag';
-
-import { GraphBuilder } from './graph-builder';
-import { ComponentGraph } from './component-graph';
-import { GraphFilter } from './model/graph-filters';
-import { DependencyType } from './model/dependency';
-import { EdgeType } from './edge-type';
-
-const textCmp = new Intl.Collator().compare;
-
-export function graphSchema(graphBuilder: GraphBuilder, componentAspect: ComponentMain): Schema {
-  return {
-    typeDefs: gql`
-      type ComponentGraph {
-        nodes: [ComponentGraphNode]
-        edges: [ComponentGraphEdge]
-      }
-
-      type ComponentGraphNode {
-        id: String
-        component: Component
-      }
-
-      enum DependencyLifecycleType {
-        PEER
-        RUNTIME
-        DEV
-      }
-
-      type ComponentGraphEdge {
-        sourceId: String
-        targetId: String
-        dependencyLifecycleType: DependencyLifecycleType
-      }
-
-      extend type Query {
-        graph(ids: [String], filter: String): ComponentGraph
-      }
-    `,
-    resolvers: {
-      ComponentGraph: {
-        nodes: (graph: ComponentGraph) => {
-          return graph.nodes
-            .map((node) => {
-              return {
-                id: node.id,
-                component: node.attr,
-              };
-            })
-            .sort((a, b) => textCmp(a.id, b.id));
-        },
-        edges: (graph: ComponentGraph) => {
-          return graph.edges
-            .map(
-              (edge) =>
-                ({
-                  sourceId: edge.sourceId,
-                  targetId: edge.targetId,
-                  dependencyLifecycleType: getDependencyLifecycleType(edge.attr.type),
-                } as { sourceId: string; targetId: string; dependencyLifecycleType: EdgeType })
-            )
-            .sort((a, b) => textCmp(a.sourceId, b.sourceId))
-            .sort((a, b) => textCmp(a.targetId, b.targetId));
-        },
-      },
-      Query: {
-        graph: async (_parent, { ids, filter }: { ids?: string[]; filter?: GraphFilter }) => {
-          const componentsHost = componentAspect.getHost();
-          const resolvedIds = ids
-            ? await componentsHost.resolveMultipleComponentIds(ids)
-            : (await componentsHost.list()).map((x) => x.id);
-
-          const graph = await graphBuilder.getGraph(resolvedIds);
-          if (!graph) return undefined;
-
-          if (filter === 'runtimeOnly') {
-            const runtimeGraph = graph.runtimeOnly(resolvedIds.map((x) => x.toString()));
-            return runtimeGraph;
-          }
-
-          return graph;
-        },
-      },
-    },
-  };
-}
-
-function getDependencyLifecycleType(edgeRawData: DependencyType): EdgeType {
-  if (edgeRawData === 'dev') return EdgeType.dev;
-  if (edgeRawData === 'runtime') return EdgeType.runtime;
-  return EdgeType.peer;
-}

package/graph.main.runtime.ts

@@ -1,49 +0,0 @@
-import { CLIAspect, CLIMain, MainRuntime } from '@teambit/cli';
-import { ComponentMain, ComponentAspect, ComponentID } from '@teambit/component';
-import { GraphqlAspect, GraphqlMain } from '@teambit/graphql';
-import { Logger, LoggerAspect, LoggerMain } from '@teambit/logger';
-import { GetGraphOpts, GraphBuilder } from './graph-builder';
-import { graphSchema } from './graph.graphql';
-import { GraphAspect } from './graph.aspect';
-import { GraphCmd } from './graph-cmd';
-import { ComponentGraph } from './component-graph';
-import { ComponentIdGraph } from './component-id-graph';
-
-export class GraphMain {
-  constructor(private componentAspect: ComponentMain, private logger: Logger) {}
-
-  /**
-   * important - prefer using `getGraphIds()` it's way better in terms of performance.
-   */
-  async getGraph(ids?: ComponentID[], opts: GetGraphOpts = {}): Promise<ComponentGraph> {
-    const graphBuilder = new GraphBuilder(this.componentAspect);
-    return graphBuilder.getGraph(ids, opts);
-  }
-
-  async getGraphIds(ids?: ComponentID[], opts: GetGraphOpts = {}): Promise<ComponentIdGraph> {
-    const graphBuilder = new GraphBuilder(this.componentAspect);
-    return graphBuilder.getGraphIds(ids, opts);
-  }
-
-  static slots = [];
-  static dependencies = [GraphqlAspect, ComponentAspect, CLIAspect, LoggerAspect];
-  static runtime = MainRuntime;
-  static async provider([graphql, componentAspect, cli, loggerMain]: [
-    GraphqlMain,
-    ComponentMain,
-    CLIMain,
-    LoggerMain
-  ]) {
-    const logger = loggerMain.createLogger(GraphAspect.id);
-
-    const graphBuilder = new GraphBuilder(componentAspect);
-    graphql.register(graphSchema(graphBuilder, componentAspect));
-
-    const graphMain = new GraphMain(componentAspect, logger);
-    cli.register(new GraphCmd(componentAspect));
-
-    return graphMain;
-  }
-}
-
-GraphAspect.addRuntime(GraphMain);

package/index.ts

@@ -1,25 +0,0 @@
-export { DependenciesCompare } from './ui/dependencies-compare';
-export { Dependency } from './model/dependency';
-export { DuplicateDependency } from './duplicate-dependency';
-export { GraphAspect as default, GraphAspect } from './graph.aspect';
-export { IdGraph, objectListToGraph, bitObjectListToGraph } from './object-list-to-graph';
-export {
-  calcElements,
-  calcLayout,
-  calcMinimapColors,
-  depTypeToClass,
-  depTypeToLabel,
-  styles as dependenciesGraphStyles,
-} from './ui/dependencies-graph';
-export { GraphFilters, styles as graphPageStyles } from './ui/graph-page';
-export { EdgeModel, GraphModel, NodeModel, useGraph, useGraphQuery } from './ui/query';
-export { styles as componentNodeStyles, root, defaultNode, external } from './ui/component-node';
-export type { RawGraph } from './ui/query';
-export type { CompIdGraph, DepEdgeType } from './component-id-graph';
-export type { ComponentGraph } from './component-graph';
-export type { ComponentWidget, ComponentWidgetProps, ComponentWidgetSlot, GraphUI } from './graph.ui.runtime';
-export { EdgeType } from './edge-type';
-export type { GraphBuilder } from './graph-builder';
-export type { GraphFilter } from './model/graph-filters';
-export type { GraphMain } from './graph.main.runtime';
-export type { VersionSubgraph } from './duplicate-dependency';

package/object-list-to-graph.ts

@@ -1,66 +0,0 @@
-import { Graph, Node, Edge } from '@teambit/graph.cleargraph';
-import { uniqBy } from 'lodash';
-import { ComponentID } from '@teambit/component-id';
-import type { ObjectList } from '@teambit/legacy/dist/scope/objects/object-list';
-import { BitObjectList } from '@teambit/legacy/dist/scope/objects/bit-object-list';
-import { getAllVersionsInfo } from '@teambit/legacy/dist/scope/component-ops/traverse-versions';
-import { Dependency } from './model/dependency';
-
-type BitIdNode = Node<ComponentID>;
-type DependencyEdge = Edge<Dependency>;
-
-export class IdGraph extends Graph<ComponentID, Dependency> {
-  constructor(nodes: BitIdNode[] = [], edges: DependencyEdge[] = []) {
-    super(nodes, edges);
-  }
-}
-
-export async function objectListToGraph(objectList: ObjectList): Promise<IdGraph> {
-  const bitObjectsList = await objectList.toBitObjects();
-
-  return bitObjectListToGraph(bitObjectsList);
-}
-
-export async function bitObjectListToGraph(bitObjectsList: BitObjectList): Promise<IdGraph> {
-  const exportMetadata = bitObjectsList.getExportMetadata();
-  const components = bitObjectsList.getComponents();
-  const versions = bitObjectsList.getVersions();
-  const nodes: BitIdNode[] = [];
-  const edges: DependencyEdge[] = [];
-  await Promise.all(
-    components.map(async (component) => {
-      const compFromMetadata = exportMetadata?.exportVersions.find((c) =>
-        c.id.isEqualWithoutVersion(component.toComponentId())
-      );
-      const startFrom = compFromMetadata?.head;
-      const versionsInfo = await getAllVersionsInfo({
-        modelComponent: component,
-        versionObjects: versions,
-        startFrom,
-        throws: false,
-      });
-      versionsInfo.forEach((versionInfo) => {
-        const id = component.toComponentId().changeVersion(versionInfo.tag || versionInfo.ref.toString());
-        const idStr = id.toString();
-        nodes.push(new Node(idStr, id));
-        if (!versionInfo.version) {
-          return;
-        }
-        const { dependencies, devDependencies, extensionDependencies } = versionInfo.version.depsIdsGroupedByType;
-        const addDep = (depId: ComponentID, edge: Dependency) => {
-          const depIdStr = depId.toString();
-          nodes.push(new Node(depIdStr, depId));
-          edges.push(new Edge(idStr, depIdStr, edge));
-        };
-        const runTime = new Dependency('runtime');
-        const dev = new Dependency('dev');
-        dependencies.forEach((depId) => addDep(depId, runTime));
-        [...devDependencies, ...extensionDependencies].forEach((depId) => addDep(depId, dev));
-      });
-    })
-  );
-  const uniqNodes = uniqBy(nodes, 'id');
-  const idGraph = new IdGraph(uniqNodes, edges);
-
-  return idGraph;
-}