@teambit/graph 1.0.106 → 1.0.108

package/object-list-to-graph.ts

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

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/graph",
-  "version": "1.0.106",
+  "version": "1.0.108",
   "homepage": "https://bit.cloud/teambit/component/graph",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.component",
     "name": "graph",
-    "version": "1.0.106"
+    "version": "1.0.108"
   },
   "dependencies": {
     "lodash": "4.17.21",
@@ -17,21 +17,19 @@
     "react-flow-renderer": "8.3.7",
     "semver": "7.5.2",
     "dagre": "0.8.5",
-    "core-js": "^3.0.0",
-    "@babel/runtime": "7.20.0",
     "@teambit/graph.cleargraph": "0.0.1",
     "@teambit/component-id": "1.2.0",
     "@teambit/harmony": "0.4.6",
     "@teambit/component.ui.component-compare.models.component-compare-change-type": "0.0.7",
     "@teambit/component.ui.component-compare.models.component-compare-props": "0.0.101",
-    "@teambit/component.ui.component-compare.context": "0.0.116",
-    "@teambit/design.ui.round-loader": "0.0.355",
     "@teambit/base-ui.routing.nav-link": "1.0.0",
     "@teambit/base-ui.surfaces.card": "1.0.1",
     "@teambit/base-ui.text.muted-text": "1.0.1",
-    "@teambit/component.ui.component-compare.status-resolver": "0.0.9",
     "@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",
@@ -39,33 +37,31 @@
     "@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.106",
-    "@teambit/cli": "0.0.839",
-    "@teambit/graphql": "1.0.106",
-    "@teambit/logger": "0.0.932",
-    "@teambit/component-compare": "1.0.106",
-    "@teambit/ui": "1.0.106",
+    "@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.modules.component-url": "0.0.165",
     "@teambit/envs.ui.env-icon": "0.0.503"
   },
   "devDependencies": {
     "@types/lodash": "4.14.165",
     "@types/graphlib": "2.1.7",
-    "@types/react": "^17.0.8",
     "@types/classnames": "2.2.11",
     "@types/semver": "7.3.4",
     "@types/dagre": "0.7.44",
     "@types/mocha": "9.1.0",
-    "@types/node": "12.20.4",
-    "@types/react-dom": "^17.0.5",
-    "@types/jest": "^26.0.0",
-    "@types/testing-library__jest-dom": "5.9.5"
+    "@types/jest": "^29.2.2",
+    "@types/testing-library__jest-dom": "^5.9.5",
+    "@teambit/harmony.envs.core-aspect-env": "0.0.13"
   },
   "peerDependencies": {
     "@apollo/client": "^3.6.0",
-    "@teambit/legacy": "1.0.624",
-    "react": "^16.8.0 || ^17.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0"
+    "react": "^17.0.0 || ^18.0.0",
+    "@types/react": "^18.2.12",
+    "@teambit/legacy": "1.0.624"
   },
   "license": "Apache-2.0",
   "optionalDependencies": {},
@@ -79,7 +75,7 @@
   },
   "private": false,
   "engines": {
-    "node": ">=12.22.0"
+    "node": ">=16.0.0"
   },
   "repository": {
     "type": "git",
@@ -88,12 +84,9 @@
   "keywords": [
     "bit",
     "bit-aspect",
+    "bit-core-aspect",
     "components",
     "collaboration",
-    "web",
-    "react",
-    "react-components",
-    "angular",
-    "angular-components"
+    "web"
   ]
 }

package/tsconfig.json

@@ -1,38 +1,33 @@
 {
   "compilerOptions": {
     "lib": [
-      "es2019",
-      "DOM",
-      "ES6",
-      "DOM.Iterable",
-      "ScriptHost"
+      "esnext",
+      "dom",
+      "dom.Iterable"
     ],
-    "target": "es2015",
-    "module": "CommonJS",
-    "jsx": "react",
-    "allowJs": true,
-    "composite": true,
+    "target": "es2020",
+    "module": "es2020",
+    "jsx": "react-jsx",
     "declaration": true,
     "sourceMap": true,
-    "skipLibCheck": true,
     "experimentalDecorators": true,
-    "outDir": "dist",
+    "skipLibCheck": true,
     "moduleResolution": "node",
     "esModuleInterop": true,
-    "rootDir": ".",
     "resolveJsonModule": true,
-    "emitDeclarationOnly": true,
-    "emitDecoratorMetadata": true,
-    "allowSyntheticDefaultImports": true,
-    "strictPropertyInitialization": false,
-    "strict": true,
-    "noImplicitAny": false,
-    "preserveConstEnums": true
+    "allowJs": true,
+    "outDir": "dist",
+    "emitDeclarationOnly": true
   },
   "exclude": [
+    "artifacts",
+    "public",
     "dist",
+    "node_modules",
+    "package.json",
     "esm.mjs",
-    "package.json"
+    "**/*.cjs",
+    "./dist"
   ],
   "include": [
     "**/*",

package/types/asset.d.ts

@@ -5,12 +5,12 @@ declare module '*.png' {
 declare module '*.svg' {
   import type { FunctionComponent, SVGProps } from 'react';
 
-  export const ReactComponent: FunctionComponent<SVGProps<SVGSVGElement> & { title?: string }>;
+  export const ReactComponent: FunctionComponent<
+    SVGProps<SVGSVGElement> & { title?: string }
+  >;
   const src: string;
   export default src;
 }
-
-// @TODO Gilad
 declare module '*.jpg' {
   const value: any;
   export = value;
@@ -27,3 +27,15 @@ declare module '*.bmp' {
   const value: any;
   export = value;
 }
+declare module '*.otf' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff2' {
+  const value: any;
+  export = value;
+}