@teambit/graph 0.0.0-351b8797f220d8d6c242cfc30d4ecebaee07da45

package/dist/ui/dependencies-compare/dependency-compare-node.js

@@ -0,0 +1,208 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DependencyCompareNode = DependencyCompareNode;
+function _baseUiRouting() {
+  const data = require("@teambit/base-ui.routing.nav-link");
+  _baseUiRouting = function () {
+    return data;
+  };
+  return data;
+}
+function _baseUiSurfaces() {
+  const data = require("@teambit/base-ui.surfaces.card");
+  _baseUiSurfaces = function () {
+    return data;
+  };
+  return data;
+}
+function _baseUiText() {
+  const data = require("@teambit/base-ui.text.muted-text");
+  _baseUiText = function () {
+    return data;
+  };
+  return data;
+}
+function _component() {
+  const data = require("@teambit/component");
+  _component = function () {
+    return data;
+  };
+  return data;
+}
+function _componentModules() {
+  const data = require("@teambit/component.modules.component-url");
+  _componentModules = function () {
+    return data;
+  };
+  return data;
+}
+function _componentUiComponentCompare() {
+  const data = require("@teambit/component.ui.component-compare.status-resolver");
+  _componentUiComponentCompare = function () {
+    return data;
+  };
+  return data;
+}
+function _componentUi() {
+  const data = require("@teambit/component.ui.deprecation-icon");
+  _componentUi = function () {
+    return data;
+  };
+  return data;
+}
+function _designUiStyles() {
+  const data = require("@teambit/design.ui.styles.ellipsis");
+  _designUiStyles = function () {
+    return data;
+  };
+  return data;
+}
+function _envsUi() {
+  const data = require("@teambit/envs.ui.env-icon");
+  _envsUi = function () {
+    return data;
+  };
+  return data;
+}
+function _classnames() {
+  const data = _interopRequireDefault(require("classnames"));
+  _classnames = function () {
+    return data;
+  };
+  return data;
+}
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _semver() {
+  const data = require("semver");
+  _semver = function () {
+    return data;
+  };
+  return data;
+}
+function _variants() {
+  const data = require("../../ui/component-node/variants");
+  _variants = function () {
+    return data;
+  };
+  return data;
+}
+function _componentNode() {
+  const data = require("../../ui/component-node");
+  _componentNode = function () {
+    return data;
+  };
+  return data;
+}
+function _dependencyCompareNodeModule() {
+  const data = _interopRequireDefault(require("./dependency-compare-node.module.scss"));
+  _dependencyCompareNodeModule = function () {
+    return data;
+  };
+  return data;
+}
+function _dependencyCompareVariantsModule() {
+  const data = _interopRequireDefault(require("./dependency-compare-variants.module.scss"));
+  _dependencyCompareVariantsModule = function () {
+    return data;
+  };
+  return data;
+}
+const _excluded = ["componentId", "className"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+function getVariant(nodeType) {
+  switch (nodeType) {
+    case 'defaultNode':
+      return _variants().defaultNode;
+    case 'root':
+      return _dependencyCompareVariantsModule().default[nodeType];
+    case 'external':
+      return _variants().external;
+    default:
+      return null;
+  }
+}
+function DependencyCompareNode(props) {
+  const {
+    node,
+    type = 'defaultNode'
+  } = props;
+  const {
+    id: baseIdStr,
+    component: baseComponent,
+    compareVersion,
+    status,
+    componentId
+  } = node;
+  const {
+    version: baseVersion
+  } = baseComponent || {
+    version: componentId.version
+  };
+  const baseId = _component().ComponentID.fromString(baseIdStr);
+  const versionDiff = (0, _react().useMemo)(() => (0, _semver().valid)(baseVersion) && (0, _semver().valid)(compareVersion) && (0, _semver().compare)(baseVersion, compareVersion), [baseVersion, compareVersion]);
+  return /*#__PURE__*/_react().default.createElement(_baseUiSurfaces().Card, {
+    className: (0, _classnames().default)(_componentNode().styles.compNode, getVariant(type)),
+    elevation: "none"
+  }, /*#__PURE__*/_react().default.createElement("div", {
+    className: _componentNode().styles.firstRow
+  }, baseComponent && /*#__PURE__*/_react().default.createElement(_envsUi().EnvIcon, {
+    component: baseComponent,
+    className: _componentNode().styles.envIcon
+  }), /*#__PURE__*/_react().default.createElement(Breadcrumbs, {
+    componentId: baseId,
+    className: _baseUiText().mutedText
+  })), /*#__PURE__*/_react().default.createElement("div", {
+    className: _componentNode().styles.nameLine
+  }, /*#__PURE__*/_react().default.createElement(_baseUiRouting().NavLink, {
+    className: _dependencyCompareNodeModule().default.link,
+    external: true,
+    href: _componentModules().ComponentUrl.toUrl(baseId, {
+      includeVersion: false
+    })
+  }, /*#__PURE__*/_react().default.createElement("span", {
+    className: (0, _classnames().default)(_componentNode().styles.name, _designUiStyles().ellipsis)
+  }, baseId.name)), baseId.version && /*#__PURE__*/_react().default.createElement("span", {
+    className: (0, _classnames().default)(_componentNode().styles.version, _designUiStyles().ellipsis)
+  }, baseId.version), versionDiff !== 0 && /*#__PURE__*/_react().default.createElement("img", {
+    className: (0, _classnames().default)([_dependencyCompareNodeModule().default.arrowIcon, _dependencyCompareNodeModule().default.versionUp]),
+    src: "https://static.bit.dev/bit-icons/version-bump.svg"
+  }), compareVersion && versionDiff !== 0 && /*#__PURE__*/_react().default.createElement("span", {
+    className: (0, _classnames().default)(_dependencyCompareNodeModule().default.version, _componentNode().styles.version, _designUiStyles().ellipsis, versionDiff === -1 && _dependencyCompareNodeModule().default.versionUp, versionDiff === 1 && _dependencyCompareNodeModule().default.versionDown)
+  }, compareVersion), /*#__PURE__*/_react().default.createElement("div", {
+    className: _dependencyCompareNodeModule().default.buffs
+  }, baseComponent && /*#__PURE__*/_react().default.createElement(_componentUi().DeprecationIcon, {
+    component: baseComponent
+  }), status !== undefined && /*#__PURE__*/_react().default.createElement(_componentUiComponentCompare().CompareStatusResolver, {
+    status: status
+  }))));
+}
+function Breadcrumbs(_ref) {
+  let {
+      componentId,
+      className
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const {
+    scope,
+    namespace
+  } = componentId;
+  const showSep = !!scope && !!namespace;
+  return /*#__PURE__*/_react().default.createElement("div", _extends({}, rest, {
+    className: (0, _classnames().default)(_dependencyCompareNodeModule().default.breadcrumbs, _designUiStyles().ellipsis, className)
+  }), scope, showSep && '/', namespace);
+}
+
+//# sourceMappingURL=dependency-compare-node.js.map

package/dist/ui/dependencies-compare/dependency-compare-node.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_baseUiRouting","data","require","_baseUiSurfaces","_baseUiText","_component","_componentModules","_componentUiComponentCompare","_componentUi","_designUiStyles","_envsUi","_classnames","_interopRequireDefault","_react","_interopRequireWildcard","_semver","_variants","_componentNode","_dependencyCompareNodeModule","_dependencyCompareVariantsModule","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","getVariant","nodeType","defaultNode","variants","external","DependencyCompareNode","props","node","type","id","baseIdStr","component","baseComponent","compareVersion","status","componentId","version","baseVersion","baseId","ComponentID","fromString","versionDiff","useMemo","valid","compare","createElement","Card","className","classnames","componentNodeStyles","compNode","elevation","firstRow","EnvIcon","envIcon","Breadcrumbs","mutedText","nameLine","NavLink","styles","link","href","ComponentUrl","toUrl","includeVersion","name","ellipsis","arrowIcon","versionUp","src","versionDown","buffs","DeprecationIcon","undefined","CompareStatusResolver","_ref","rest","scope","namespace","showSep","breadcrumbs"],"sources":["dependency-compare-node.tsx"],"sourcesContent":["import { NavLink } from '@teambit/base-ui.routing.nav-link';\nimport { Card } from '@teambit/base-ui.surfaces.card';\nimport { mutedText } from '@teambit/base-ui.text.muted-text';\nimport { ComponentID } from '@teambit/component';\nimport { ComponentUrl } from '@teambit/component.modules.component-url';\nimport { CompareStatusResolver } from '@teambit/component.ui.component-compare.status-resolver';\nimport { DeprecationIcon } from '@teambit/component.ui.deprecation-icon';\nimport { ellipsis } from '@teambit/design.ui.styles.ellipsis';\nimport { EnvIcon } from '@teambit/envs.ui.env-icon';\nimport classnames from 'classnames';\nimport React, { useMemo } from 'react';\nimport { compare, valid } from 'semver';\nimport { defaultNode, external } from '../../ui/component-node/variants';\nimport { styles as componentNodeStyles } from '../../ui/component-node';\nimport { CompareNodeModel } from './compare-node-model';\nimport styles from './dependency-compare-node.module.scss';\nimport variants from './dependency-compare-variants.module.scss';\n\nfunction getVariant(nodeType?: string) {\n  switch (nodeType) {\n    case 'defaultNode':\n      return defaultNode;\n    case 'root':\n      return variants[nodeType];\n    case 'external':\n      return external;\n    default:\n      return null;\n  }\n}\n\nexport type DependencyCompareNodeProps = {\n  node: CompareNodeModel;\n  type?: string;\n};\n\nexport function DependencyCompareNode(props: DependencyCompareNodeProps) {\n  const { node, type = 'defaultNode' } = props;\n  const { id: baseIdStr, component: baseComponent, compareVersion, status, componentId } = node;\n  const { version: baseVersion } = baseComponent || { version: componentId.version };\n  const baseId = ComponentID.fromString(baseIdStr);\n  const versionDiff = useMemo(\n    () => valid(baseVersion) && valid(compareVersion) && compare(baseVersion, compareVersion),\n    [baseVersion, compareVersion]\n  );\n\n  return (\n    <Card className={classnames(componentNodeStyles.compNode, getVariant(type))} elevation=\"none\">\n      <div className={componentNodeStyles.firstRow}>\n        {baseComponent && <EnvIcon component={baseComponent} className={componentNodeStyles.envIcon} />}\n        <Breadcrumbs componentId={baseId} className={mutedText} />\n      </div>\n      <div className={componentNodeStyles.nameLine}>\n        <NavLink className={styles.link} external={true} href={ComponentUrl.toUrl(baseId, { includeVersion: false })}>\n          <span className={classnames(componentNodeStyles.name, ellipsis)}>{baseId.name}</span>\n        </NavLink>\n        {baseId.version && <span className={classnames(componentNodeStyles.version, ellipsis)}>{baseId.version}</span>}\n        {versionDiff !== 0 && (\n          <img\n            className={classnames([styles.arrowIcon, styles.versionUp])}\n            src=\"https://static.bit.dev/bit-icons/version-bump.svg\"\n          />\n        )}\n        {compareVersion && versionDiff !== 0 && (\n          <span\n            className={classnames(\n              styles.version,\n              componentNodeStyles.version,\n              ellipsis,\n              versionDiff === -1 && styles.versionUp,\n              versionDiff === 1 && styles.versionDown\n            )}\n          >\n            {compareVersion}\n          </span>\n        )}\n\n        <div className={styles.buffs}>\n          {baseComponent && <DeprecationIcon component={baseComponent} />}\n          {status !== undefined && <CompareStatusResolver status={status} />}\n        </div>\n      </div>\n    </Card>\n  );\n}\n\ntype BreadcrumbsProps = { componentId: ComponentID } & React.HTMLAttributes<HTMLDivElement>;\n\nfunction Breadcrumbs({ componentId, className, ...rest }: BreadcrumbsProps) {\n  const { scope, namespace } = componentId;\n  const showSep = !!scope && !!namespace;\n\n  return (\n    <div {...rest} className={classnames(styles.breadcrumbs, ellipsis, className)}>\n      {scope}\n      {showSep && '/'}\n      {namespace}\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ui/dependencies-compare/dependency-compare-node.module.scss

@@ -0,0 +1,21 @@
+.arrowIcon {
+  height: 16px;
+  padding-right: 8px;
+}
+
+.versionUp {
+  color: var(--positive-color, #37b26c);
+}
+
+.versionDown {
+  color: var(--negative-color, #e62e5c);
+}
+
+.link {
+  text-decoration: none;
+  color: var(--bit-text-color-heavyed);
+
+  &:hover {
+    text-decoration: underline;
+  }
+}

package/dist/ui/dependencies-compare/dependency-compare-variants.module.scss

@@ -0,0 +1,23 @@
+$success: #37b26c;
+$borderLabelHeight: 20px;
+
+.root {
+  border-color: $success;
+  border-top-width: 20px;
+
+  border-radius: 10px;
+  box-shadow:
+    0px 0px 0px 2px #d0f1de,
+    var(--bit-shadow-hover-medium);
+
+  &:before {
+    content: 'Current component';
+    position: absolute;
+    top: 1px;
+    left: 10px;
+
+    font-size: $borderLabelHeight * 0.5;
+    color: white;
+    line-height: $borderLabelHeight;
+  }
+}

package/dist/ui/dependencies-compare/diff-graph.d.ts

@@ -0,0 +1,4 @@
+import { ComponentID } from '@teambit/component';
+import { EdgeModel, GraphModel, NodeModel } from '../query';
+import { CompareGraphModel } from './compare-graph-model';
+export declare function diffGraph(baseGraph?: GraphModel<NodeModel, EdgeModel>, compareGraph?: GraphModel<NodeModel, EdgeModel>, baseId?: ComponentID): CompareGraphModel | null;

package/dist/ui/dependencies-compare/diff-graph.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.diffGraph = diffGraph;
+function _compareGraphModel() {
+  const data = require("./compare-graph-model");
+  _compareGraphModel = function () {
+    return data;
+  };
+  return data;
+}
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const toShortId = node => node.componentId.toStringWithoutVersion();
+
+// this is to get a key with versions ignored so that we'll have a unique set of component nodes
+const toShortIdFromNodeId = nodeId => nodeId.split('@')[0];
+const delim = '::';
+const getEdgeId = _e => {
+  return `${toShortIdFromNodeId(_e.sourceId)}${delim}${toShortIdFromNodeId(_e.targetId)}`;
+};
+function diffGraph(baseGraph, compareGraph, baseId) {
+  if (!baseGraph || !compareGraph || !baseId) return null;
+  const baseNodes = baseGraph.nodes;
+  const compareNodes = compareGraph.nodes;
+  const baseNodesMap = new Map(baseNodes.map(n => [toShortId(n), n]));
+  const compareNodesMap = new Map(compareNodes.map(n => [toShortId(n), n]));
+  const allNodes = [];
+  for (const baseNode of baseNodes) {
+    const compareNode = compareNodesMap.get(toShortId(baseNode));
+    if (compareNode) {
+      allNodes.push(_objectSpread(_objectSpread({}, baseNode), {}, {
+        compareVersion: compareNode.componentId.version,
+        status: compareNode.componentId.isEqual(baseNode.componentId) ? undefined : 'modified'
+      }));
+    } else {
+      allNodes.push(_objectSpread(_objectSpread({}, baseNode), {}, {
+        compareVersion: baseNode.componentId.version,
+        status: 'deleted'
+      }));
+    }
+  }
+  const newNodes = compareNodes.filter(n => !baseNodesMap.has(toShortId(n)));
+  for (const node of newNodes) {
+    allNodes.push(_objectSpread(_objectSpread({}, node), {}, {
+      compareVersion: '',
+      status: 'new'
+    }));
+  }
+  const allNodesMap = new Map(allNodes.map(n => [toShortId(n), n]));
+  const baseEdgesMap = new Map(baseGraph.edges.map(baseEdge => [getEdgeId(baseEdge), baseEdge]));
+  const edgesOnlyInCompare = compareGraph.edges.filter(compareEdge => !baseEdgesMap.has(getEdgeId(compareEdge))).map(compareEdge => _objectSpread(_objectSpread({}, compareEdge), {}, {
+    sourceId: allNodesMap.get(toShortIdFromNodeId(compareEdge.sourceId))?.id.toString() || baseId.toString(),
+    targetId: allNodesMap.get(toShortIdFromNodeId(compareEdge.targetId))?.id.toString() || baseId.toString()
+  }));
+  const allEdges = [...baseGraph.edges, ...edgesOnlyInCompare];
+  return new (_compareGraphModel().CompareGraphModel)(allNodes, allEdges);
+}
+
+//# sourceMappingURL=diff-graph.js.map

package/dist/ui/dependencies-compare/diff-graph.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_compareGraphModel","data","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","toShortId","node","componentId","toStringWithoutVersion","toShortIdFromNodeId","nodeId","split","delim","getEdgeId","_e","sourceId","targetId","diffGraph","baseGraph","compareGraph","baseId","baseNodes","nodes","compareNodes","baseNodesMap","Map","map","n","compareNodesMap","allNodes","baseNode","compareNode","get","compareVersion","version","status","isEqual","undefined","newNodes","has","allNodesMap","baseEdgesMap","edges","baseEdge","edgesOnlyInCompare","compareEdge","id","toString","allEdges","CompareGraphModel"],"sources":["diff-graph.ts"],"sourcesContent":["import { ComponentID } from '@teambit/component';\nimport { EdgeModel, GraphModel, NodeModel } from '../query';\nimport { CompareGraphModel } from './compare-graph-model';\nimport { CompareNodeModel } from './compare-node-model';\n\nconst toShortId = (node: NodeModel) => node.componentId.toStringWithoutVersion();\n\n// this is to get a key with versions ignored so that we'll have a unique set of component nodes\nconst toShortIdFromNodeId = (nodeId: string) => nodeId.split('@')[0];\n\nconst delim = '::';\n\nconst getEdgeId = (_e: EdgeModel) => {\n  return `${toShortIdFromNodeId(_e.sourceId)}${delim}${toShortIdFromNodeId(_e.targetId)}`;\n};\n\nexport function diffGraph(\n  baseGraph?: GraphModel<NodeModel, EdgeModel>,\n  compareGraph?: GraphModel<NodeModel, EdgeModel>,\n  baseId?: ComponentID\n) {\n  if (!baseGraph || !compareGraph || !baseId) return null;\n\n  const baseNodes = baseGraph.nodes;\n  const compareNodes = compareGraph.nodes;\n\n  const baseNodesMap = new Map<string, NodeModel>(baseNodes.map((n) => [toShortId(n), n]));\n  const compareNodesMap = new Map<string, NodeModel>(compareNodes.map((n) => [toShortId(n), n]));\n\n  const allNodes: Array<CompareNodeModel> = [];\n  for (const baseNode of baseNodes) {\n    const compareNode = compareNodesMap.get(toShortId(baseNode));\n\n    if (compareNode) {\n      allNodes.push({\n        ...baseNode,\n        compareVersion: compareNode.componentId.version,\n        status: compareNode.componentId.isEqual(baseNode.componentId) ? undefined : 'modified',\n      });\n    } else {\n      allNodes.push({\n        ...baseNode,\n        compareVersion: baseNode.componentId.version,\n        status: 'deleted',\n      });\n    }\n  }\n\n  const newNodes = compareNodes.filter((n) => !baseNodesMap.has(toShortId(n)));\n\n  for (const node of newNodes) {\n    allNodes.push({\n      ...node,\n      compareVersion: '',\n      status: 'new',\n    });\n  }\n  const allNodesMap = new Map<string, CompareNodeModel>(allNodes.map((n) => [toShortId(n), n]));\n\n  const baseEdgesMap = new Map<string, EdgeModel>(baseGraph.edges.map((baseEdge) => [getEdgeId(baseEdge), baseEdge]));\n  const edgesOnlyInCompare = compareGraph.edges\n    .filter((compareEdge) => !baseEdgesMap.has(getEdgeId(compareEdge)))\n    .map((compareEdge) => ({\n      ...compareEdge,\n      sourceId: allNodesMap.get(toShortIdFromNodeId(compareEdge.sourceId))?.id.toString() || baseId.toString(),\n      targetId: allNodesMap.get(toShortIdFromNodeId(compareEdge.targetId))?.id.toString() || baseId.toString(),\n    }));\n  const allEdges = [...baseGraph.edges, ...edgesOnlyInCompare];\n  return new CompareGraphModel(allNodes, allEdges);\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ui/dependencies-compare/index.d.ts

@@ -0,0 +1 @@
+export { DependenciesCompare } from './dependencies-compare';

package/dist/ui/dependencies-compare/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DependenciesCompare", {
+  enumerable: true,
+  get: function () {
+    return _dependenciesCompare().DependenciesCompare;
+  }
+});
+function _dependenciesCompare() {
+  const data = require("./dependencies-compare");
+  _dependenciesCompare = function () {
+    return data;
+  };
+  return data;
+}
+
+//# sourceMappingURL=index.js.map

package/dist/ui/dependencies-compare/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_dependenciesCompare","data","require"],"sources":["index.ts"],"sourcesContent":["export { DependenciesCompare } from './dependencies-compare';\n"],"mappings":";;;;;;;;;;;AAAA,SAAAA,qBAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,oBAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA","ignoreList":[]}

package/dist/ui/dependencies-graph/calc-elements.d.ts

@@ -0,0 +1,14 @@
+import { Edge, Node } from 'reactflow';
+import { ComponentID } from '@teambit/component';
+import { EdgeModel, GraphModel, NodeModel } from '../query';
+type ElementsOptions = {
+    rootNode?: ComponentID;
+};
+/**
+ * generate Nodes and Edges for the ReactFlowRenderer graph renderer
+ */
+export declare function calcElements(graph: GraphModel<NodeModel, EdgeModel> | undefined, { rootNode }: ElementsOptions): {
+    nodes: Node[];
+    edges: Edge[];
+};
+export {};

package/dist/ui/dependencies-graph/calc-elements.js

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.calcElements = calcElements;
+function _react() {
+  const data = require("react");
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _reactflow() {
+  const data = require("reactflow");
+  _reactflow = function () {
+    return data;
+  };
+  return data;
+}
+function _calcLayout() {
+  const data = require("./calc-layout");
+  _calcLayout = function () {
+    return data;
+  };
+  return data;
+}
+function _depEdge() {
+  const data = require("./dep-edge");
+  _depEdge = function () {
+    return data;
+  };
+  return data;
+}
+/**
+ * generate Nodes and Edges for the ReactFlowRenderer graph renderer
+ */
+function calcElements(graph, {
+  rootNode
+}) {
+  return (0, _react().useMemo)(() => {
+    if (!graph) return {
+      nodes: [],
+      edges: []
+    };
+    const positions = (0, _calcLayout().calcLayout)(graph);
+    const nodes = Array.from(graph.nodes.values()).map(x => {
+      return {
+        id: x.id,
+        type: 'ComponentNode',
+        data: {
+          node: x,
+          type: rootNode && x.componentId.isEqual(rootNode, {
+            ignoreVersion: true
+          }) ? 'root' : undefined
+        },
+        position: positions.get(x.id) || {
+          x: 0,
+          y: 0
+        }
+      };
+    });
+    const edges = graph.edges.map(e => ({
+      id: `_${e.sourceId}__${e.targetId}`,
+      source: e.sourceId,
+      target: e.targetId,
+      label: (0, _depEdge().depTypeToLabel)(e.dependencyLifecycleType),
+      labelBgPadding: [4, 4],
+      type: 'smoothstep',
+      className: (0, _depEdge().depTypeToClass)(e.dependencyLifecycleType),
+      arrowHeadType: _reactflow().MarkerType.Arrow,
+      markerEnd: {
+        type: _reactflow().MarkerType.Arrow
+      }
+    }));
+    return {
+      nodes,
+      edges
+    };
+  }, [graph?.nodes.length, graph?.edges.length, rootNode?.toString(), graph?.nodes.some(n => n.component)]);
+}
+
+//# sourceMappingURL=calc-elements.js.map

package/dist/ui/dependencies-graph/calc-elements.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","data","require","_reactflow","_calcLayout","_depEdge","calcElements","graph","rootNode","useMemo","nodes","edges","positions","calcLayout","Array","from","values","map","x","id","type","node","componentId","isEqual","ignoreVersion","undefined","position","get","y","e","sourceId","targetId","source","target","label","depTypeToLabel","dependencyLifecycleType","labelBgPadding","className","depTypeToClass","arrowHeadType","MarkerType","Arrow","markerEnd","length","toString","some","n","component"],"sources":["calc-elements.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { MarkerType, Edge, Node } from 'reactflow';\nimport { ComponentID } from '@teambit/component';\nimport { calcLayout } from './calc-layout';\nimport { EdgeModel, GraphModel, NodeModel } from '../query';\n\nimport { depTypeToClass, depTypeToLabel } from './dep-edge';\n\ntype ElementsOptions = {\n  rootNode?: ComponentID;\n};\n\n/**\n * generate Nodes and Edges for the ReactFlowRenderer graph renderer\n */\nexport function calcElements(\n  graph: GraphModel<NodeModel, EdgeModel> | undefined,\n  { rootNode }: ElementsOptions\n): { nodes: Node[]; edges: Edge[] } {\n  return useMemo(() => {\n    if (!graph) return { nodes: [], edges: [] };\n\n    const positions = calcLayout(graph);\n\n    const nodes: Node[] = Array.from(graph.nodes.values()).map((x) => {\n      return {\n        id: x.id,\n        type: 'ComponentNode',\n        data: {\n          node: x,\n          type: rootNode && x.componentId.isEqual(rootNode, { ignoreVersion: true }) ? 'root' : undefined,\n        },\n        position: positions.get(x.id) || { x: 0, y: 0 },\n      };\n    });\n\n    const edges: Edge[] = graph.edges.map((e) => ({\n      id: `_${e.sourceId}__${e.targetId}`,\n      source: e.sourceId,\n      target: e.targetId,\n      label: depTypeToLabel(e.dependencyLifecycleType),\n      labelBgPadding: [4, 4],\n      type: 'smoothstep',\n      className: depTypeToClass(e.dependencyLifecycleType),\n      arrowHeadType: MarkerType.Arrow,\n      markerEnd: {\n        type: MarkerType.Arrow,\n      },\n    }));\n\n    return { nodes, edges };\n  }, [graph?.nodes.length, graph?.edges.length, rootNode?.toString(), graph?.nodes.some((n) => n.component)]);\n}\n"],"mappings":";;;;;;AAAA,SAAAA,OAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,MAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAE,WAAA;EAAA,MAAAF,IAAA,GAAAC,OAAA;EAAAC,UAAA,YAAAA,CAAA;IAAA,OAAAF,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAG,YAAA;EAAA,MAAAH,IAAA,GAAAC,OAAA;EAAAE,WAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAGA,SAAAI,SAAA;EAAA,MAAAJ,IAAA,GAAAC,OAAA;EAAAG,QAAA,YAAAA,CAAA;IAAA,OAAAJ,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAMA;AACA;AACA;AACO,SAASK,YAAYA,CAC1BC,KAAmD,EACnD;EAAEC;AAA0B,CAAC,EACK;EAClC,OAAO,IAAAC,gBAAO,EAAC,MAAM;IACnB,IAAI,CAACF,KAAK,EAAE,OAAO;MAAEG,KAAK,EAAE,EAAE;MAAEC,KAAK,EAAE;IAAG,CAAC;IAE3C,MAAMC,SAAS,GAAG,IAAAC,wBAAU,EAACN,KAAK,CAAC;IAEnC,MAAMG,KAAa,GAAGI,KAAK,CAACC,IAAI,CAACR,KAAK,CAACG,KAAK,CAACM,MAAM,CAAC,CAAC,CAAC,CAACC,GAAG,CAAEC,CAAC,IAAK;MAChE,OAAO;QACLC,EAAE,EAAED,CAAC,CAACC,EAAE;QACRC,IAAI,EAAE,eAAe;QACrBnB,IAAI,EAAE;UACJoB,IAAI,EAAEH,CAAC;UACPE,IAAI,EAAEZ,QAAQ,IAAIU,CAAC,CAACI,WAAW,CAACC,OAAO,CAACf,QAAQ,EAAE;YAAEgB,aAAa,EAAE;UAAK,CAAC,CAAC,GAAG,MAAM,GAAGC;QACxF,CAAC;QACDC,QAAQ,EAAEd,SAAS,CAACe,GAAG,CAACT,CAAC,CAACC,EAAE,CAAC,IAAI;UAAED,CAAC,EAAE,CAAC;UAAEU,CAAC,EAAE;QAAE;MAChD,CAAC;IACH,CAAC,CAAC;IAEF,MAAMjB,KAAa,GAAGJ,KAAK,CAACI,KAAK,CAACM,GAAG,CAAEY,CAAC,KAAM;MAC5CV,EAAE,EAAE,IAAIU,CAAC,CAACC,QAAQ,KAAKD,CAAC,CAACE,QAAQ,EAAE;MACnCC,MAAM,EAAEH,CAAC,CAACC,QAAQ;MAClBG,MAAM,EAAEJ,CAAC,CAACE,QAAQ;MAClBG,KAAK,EAAE,IAAAC,yBAAc,EAACN,CAAC,CAACO,uBAAuB,CAAC;MAChDC,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;MACtBjB,IAAI,EAAE,YAAY;MAClBkB,SAAS,EAAE,IAAAC,yBAAc,EAACV,CAAC,CAACO,uBAAuB,CAAC;MACpDI,aAAa,EAAEC,uBAAU,CAACC,KAAK;MAC/BC,SAAS,EAAE;QACTvB,IAAI,EAAEqB,uBAAU,CAACC;MACnB;IACF,CAAC,CAAC,CAAC;IAEH,OAAO;MAAEhC,KAAK;MAAEC;IAAM,CAAC;EACzB,CAAC,EAAE,CAACJ,KAAK,EAAEG,KAAK,CAACkC,MAAM,EAAErC,KAAK,EAAEI,KAAK,CAACiC,MAAM,EAAEpC,QAAQ,EAAEqC,QAAQ,CAAC,CAAC,EAAEtC,KAAK,EAAEG,KAAK,CAACoC,IAAI,CAAEC,CAAC,IAAKA,CAAC,CAACC,SAAS,CAAC,CAAC,CAAC;AAC7G","ignoreList":[]}

package/dist/ui/dependencies-graph/calc-layout.d.ts

@@ -0,0 +1,8 @@
+import { EdgeModel, GraphModel, NodeModel } from '../query';
+/**
+ * calculate the specific location of each node in the graph
+ */
+export declare function calcLayout(graph: GraphModel<NodeModel, EdgeModel>): Map<string, {
+    x: number;
+    y: number;
+}>;

package/dist/ui/dependencies-graph/calc-layout.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.calcLayout = calcLayout;
+function _dagre() {
+  const data = _interopRequireWildcard(require("@dagrejs/dagre"));
+  _dagre = function () {
+    return data;
+  };
+  return data;
+}
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const NODE_WIDTH = 260;
+const NODE_HEIGHT = 90;
+const TOP_TO_BOTTOM = 'TB';
+
+/**
+ * calculate the specific location of each node in the graph
+ */
+function calcLayout(graph) {
+  const g = new (_dagre().graphlib.Graph)();
+  g.setGraph({
+    rankdir: TOP_TO_BOTTOM,
+    nodesep: 25,
+    ranksep: 100,
+    edgesep: 100,
+    ranker: 'longest-path',
+    acyclicer: 'greedy'
+  });
+  g.setDefaultEdgeLabel(() => ({}));
+
+  // make a new instance of { width, height } per node, or dagre will get confused and place all nodes in the same spot
+  graph.nodes.forEach(n => g.setNode(n.id, _objectSpread(_objectSpread({}, n), {}, {
+    width: NODE_WIDTH,
+    height: NODE_HEIGHT
+  })));
+  graph.edges.forEach(e => g.setEdge(e.sourceId, e.targetId));
+
+  // position items in graph
+  _dagre().default.layout(g);
+  const positionsArr = g.nodes().map(nodeId => {
+    const node = g.node(nodeId);
+    const pos = {
+      x: node.x - node.width / 2,
+      y: node.y - node.height / 2
+    };
+    return [nodeId, pos];
+  });
+  return new Map(positionsArr);
+}
+
+//# sourceMappingURL=calc-layout.js.map

package/dist/ui/dependencies-graph/calc-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_dagre","data","_interopRequireWildcard","require","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","NODE_WIDTH","NODE_HEIGHT","TOP_TO_BOTTOM","calcLayout","graph","g","graphlib","Graph","setGraph","rankdir","nodesep","ranksep","edgesep","ranker","acyclicer","setDefaultEdgeLabel","nodes","setNode","id","width","height","edges","setEdge","sourceId","targetId","dagre","layout","positionsArr","map","nodeId","node","pos","x","y","Map"],"sources":["calc-layout.tsx"],"sourcesContent":["import dagre, { graphlib } from '@dagrejs/dagre';\nimport { EdgeModel, GraphModel, NodeModel } from '../query';\n\nconst NODE_WIDTH = 260;\nconst NODE_HEIGHT = 90;\n\nconst TOP_TO_BOTTOM = 'TB';\n\n/**\n * calculate the specific location of each node in the graph\n */\nexport function calcLayout(graph: GraphModel<NodeModel, EdgeModel>) {\n  const g = new graphlib.Graph();\n  g.setGraph({\n    rankdir: TOP_TO_BOTTOM,\n    nodesep: 25,\n    ranksep: 100,\n    edgesep: 100,\n    ranker: 'longest-path',\n    acyclicer: 'greedy',\n  });\n  g.setDefaultEdgeLabel(() => ({}));\n\n  // make a new instance of { width, height } per node, or dagre will get confused and place all nodes in the same spot\n  graph.nodes.forEach((n) => g.setNode(n.id, { ...n, width: NODE_WIDTH, height: NODE_HEIGHT }));\n  graph.edges.forEach((e) => g.setEdge(e.sourceId, e.targetId));\n\n  // position items in graph\n  dagre.layout(g);\n\n  const positionsArr: [string, { x: number; y: number }][] = g.nodes().map((nodeId) => {\n    const node = g.node(nodeId);\n\n    const pos = {\n      x: node.x - node.width / 2,\n      y: node.y - node.height / 2,\n    };\n\n    return [nodeId, pos];\n  });\n\n  return new Map(positionsArr);\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ui/dependencies-graph/dep-edge/dep-edge.d.ts

@@ -0,0 +1,3 @@
+import { EdgeType } from '../../../edge-type';
+export declare function depTypeToClass(depType: string): string | undefined;
+export declare function depTypeToLabel(type: EdgeType): string;