@teambit/graph 0.0.881 → 0.0.883

package/dist/graph-cmd.js

@@ -1,140 +1,98 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.promise.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GraphCmd = void 0;
-
 function _defineProperty2() {
   const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
   _defineProperty2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _chalk() {
   const data = _interopRequireDefault(require("chalk"));
-
   _chalk = function () {
     return data;
   };
-
   return data;
 }
-
 function _os() {
   const data = _interopRequireDefault(require("os"));
-
   _os = function () {
     return data;
   };
-
   return data;
 }
-
 function path() {
   const data = _interopRequireWildcard(require("path"));
-
   path = function () {
     return data;
   };
-
   return data;
 }
-
 function _graphlib() {
   const data = _interopRequireDefault(require("graphlib"));
-
   _graphlib = function () {
     return data;
   };
-
   return data;
 }
-
 function _legacyBitId() {
   const data = require("@teambit/legacy-bit-id");
-
   _legacyBitId = function () {
     return data;
   };
-
   return data;
 }
-
 function _utils() {
   const data = require("@teambit/legacy/dist/utils");
-
   _utils = function () {
     return data;
   };
-
   return data;
 }
-
 function _vizgraph() {
   const data = _interopRequireDefault(require("@teambit/legacy/dist/scope/graph/vizgraph"));
-
   _vizgraph = function () {
     return data;
   };
-
   return data;
 }
-
 function _consumer() {
   const data = require("@teambit/legacy/dist/consumer");
-
   _consumer = function () {
     return data;
   };
-
   return data;
 }
-
 function _scopeGraph() {
   const data = _interopRequireDefault(require("@teambit/legacy/dist/scope/graph/scope-graph"));
-
   _scopeGraph = function () {
     return data;
   };
-
   return data;
 }
-
 function _exceptions() {
   const data = require("@teambit/legacy/dist/consumer/exceptions");
-
   _exceptions = function () {
     return data;
   };
-
   return data;
 }
-
 function _getRemoteByName() {
   const data = _interopRequireDefault(require("@teambit/legacy/dist/remotes/get-remote-by-name"));
-
   _getRemoteByName = function () {
     return data;
   };
-
   return data;
 }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 class GraphCmd {
   constructor() {
     (0, _defineProperty2().default)(this, "name", 'graph [id]');
@@ -144,7 +102,6 @@ class GraphCmd {
     (0, _defineProperty2().default)(this, "options", [['i', 'image <image>', 'image path. 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']]);
     (0, _defineProperty2().default)(this, "remoteOp", true);
   }
-
   async report([id], {
     remote,
     allVersions,
@@ -154,42 +111,32 @@ class GraphCmd {
     const consumer = await (0, _consumer().loadConsumerIfExist)();
     if (!consumer && !remote) throw new (_exceptions().ConsumerNotFound)();
     const graph = await this.generateGraph(consumer, id, remote, allVersions);
-    const config = {}; // @ts-ignore AUTO-ADDED-AFTER-MIGRATION-PLEASE-FIX!
-
+    const config = {};
+    // @ts-ignore AUTO-ADDED-AFTER-MIGRATION-PLEASE-FIX!
     if (layout) config.layout = layout;
     const visualDependencyGraph = await _vizgraph().default.loadFromGraphlib(graph, config);
-
     const getBitId = () => {
       if (!id) return undefined;
       if (remote) return _legacyBitId().BitId.parse(id, true); // user used --remote so we know it has a scope
-
       return consumer === null || consumer === void 0 ? void 0 : consumer.getParsedId(id);
     };
-
     const bitId = getBitId();
-
     if (bitId) {
       visualDependencyGraph.highlightId(bitId);
     }
-
     image = image || path().join(_os().default.tmpdir(), `${(0, _utils().generateRandomStr)()}.png`);
     const result = await visualDependencyGraph.image(image);
     return _chalk().default.green(`image created at ${result}`);
   }
-
   async generateGraph(consumer, id, remote, allVersions) {
     if (!consumer && !remote) throw new (_exceptions().ConsumerNotFound)();
-
     const getBitId = () => {
       if (!id) return undefined;
       if (remote) return _legacyBitId().BitId.parse(id, true); // 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
@@ -198,31 +145,25 @@ class GraphCmd {
         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 (0, _getRemoteByName().default)(remote, consumer);
       const componentDepGraph = await remoteScope.graph();
       return componentDepGraph.graph;
     }
-
-    const onlyLatest = !allVersions; // @ts-ignore consumer must be set here
-
+    const onlyLatest = !allVersions;
+    // @ts-ignore consumer must be set here
     const workspaceGraph = await _scopeGraph().default.buildGraphFromWorkspace(consumer, onlyLatest);
     const dependencyGraph = new (_scopeGraph().default)(workspaceGraph);
-
     if (id) {
       // @ts-ignore AUTO-ADDED-AFTER-MIGRATION-PLEASE-FIX!
       const componentGraph = dependencyGraph.getSubGraphOfConnectedComponents(bitId);
       const componentDepGraph = new (_scopeGraph().default)(componentGraph);
       return componentDepGraph.graph;
     }
-
     return dependencyGraph.graph;
   }
-
   async json([id], {
     remote,
     allVersions
@@ -232,9 +173,7 @@ class GraphCmd {
     const graph = await this.generateGraph(consumer, id, remote, allVersions);
     return _graphlib().default.json.write(graph);
   }
-
 }
-
 exports.GraphCmd = GraphCmd;
 
 //# sourceMappingURL=graph-cmd.js.map

package/dist/graph-cmd.js.map

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

package/dist/graph.aspect.js

@@ -4,23 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GraphAspect = void 0;
-
 function _harmony() {
   const data = require("@teambit/harmony");
-
   _harmony = function () {
     return data;
   };
-
   return data;
 }
-
 const GraphAspect = _harmony().Aspect.create({
   id: 'teambit.component/graph',
   dependencies: [],
   defaultConfig: {}
 });
-
 exports.GraphAspect = GraphAspect;
 
 //# sourceMappingURL=graph.aspect.js.map

package/dist/graph.aspect.js.map

@@ -1 +1 @@
-{"version":3,"names":["GraphAspect","Aspect","create","id","dependencies","defaultConfig"],"sources":["graph.aspect.ts"],"sourcesContent":["import { Aspect } from '@teambit/harmony';\n\nexport const GraphAspect = Aspect.create({\n  id: 'teambit.component/graph',\n  dependencies: [],\n  defaultConfig: {},\n});\n"],"mappings":";;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEO,MAAMA,WAAW,GAAGC,iBAAA,CAAOC,MAAP,CAAc;EACvCC,EAAE,EAAE,yBADmC;EAEvCC,YAAY,EAAE,EAFyB;EAGvCC,aAAa,EAAE;AAHwB,CAAd,CAApB"}
+{"version":3,"names":["GraphAspect","Aspect","create","id","dependencies","defaultConfig"],"sources":["graph.aspect.ts"],"sourcesContent":["import { Aspect } from '@teambit/harmony';\n\nexport const GraphAspect = Aspect.create({\n  id: 'teambit.component/graph',\n  dependencies: [],\n  defaultConfig: {},\n});\n"],"mappings":";;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEO,MAAMA,WAAW,GAAGC,iBAAM,CAACC,MAAM,CAAC;EACvCC,EAAE,EAAE,yBAAyB;EAC7BC,YAAY,EAAE,EAAE;EAChBC,aAAa,EAAE,CAAC;AAClB,CAAC,CAAC;AAAC"}

package/dist/graph.compare.section.js

@@ -1,42 +1,31 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GraphCompareSection = void 0;
-
 function _defineProperty2() {
   const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
   _defineProperty2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _react() {
   const data = _interopRequireDefault(require("react"));
-
   _react = function () {
     return data;
   };
-
   return data;
 }
-
 function _graph() {
   const data = require("@teambit/graph");
-
   _graph = function () {
     return data;
   };
-
   return data;
 }
-
 class GraphCompareSection {
   constructor() {
     (0, _defineProperty2().default)(this, "navigationLink", {
@@ -49,9 +38,7 @@ class GraphCompareSection {
       element: /*#__PURE__*/_react().default.createElement(_graph().DependenciesCompare, null)
     });
   }
-
 }
-
 exports.GraphCompareSection = GraphCompareSection;
 
 //# sourceMappingURL=graph.compare.section.js.map

package/dist/graph.compare.section.js.map

@@ -1 +1 @@
-{"version":3,"names":["GraphCompareSection","href","children","order","path","element"],"sources":["graph.compare.section.tsx"],"sourcesContent":["import React from 'react';\nimport { Section } from '@teambit/component';\nimport { DependenciesCompare } from '@teambit/graph';\n\nexport class GraphCompareSection implements Section {\n  navigationLink = {\n    href: 'dependencies',\n    children: 'Dependencies',\n    order: 2,\n  };\n\n  route = {\n    path: 'dependencies/*',\n    element: <DependenciesCompare />,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEO,MAAMA,mBAAN,CAA6C;EAAA;IAAA,wDACjC;MACfC,IAAI,EAAE,cADS;MAEfC,QAAQ,EAAE,cAFK;MAGfC,KAAK,EAAE;IAHQ,CADiC;IAAA,+CAO1C;MACNC,IAAI,EAAE,gBADA;MAENC,OAAO,eAAE,+BAAC,4BAAD;IAFH,CAP0C;EAAA;;AAAA"}
+{"version":3,"names":["GraphCompareSection","href","children","order","path","element"],"sources":["graph.compare.section.tsx"],"sourcesContent":["import React from 'react';\nimport { Section } from '@teambit/component';\nimport { DependenciesCompare } from '@teambit/graph';\n\nexport class GraphCompareSection implements Section {\n  navigationLink = {\n    href: 'dependencies',\n    children: 'Dependencies',\n    order: 2,\n  };\n\n  route = {\n    path: 'dependencies/*',\n    element: <DependenciesCompare />,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEO,MAAMA,mBAAmB,CAAoB;EAAA;IAAA,wDACjC;MACfC,IAAI,EAAE,cAAc;MACpBC,QAAQ,EAAE,cAAc;MACxBC,KAAK,EAAE;IACT,CAAC;IAAA,+CAEO;MACNC,IAAI,EAAE,gBAAgB;MACtBC,OAAO,eAAE,+BAAC,4BAAmB;IAC/B,CAAC;EAAA;AACH;AAAC"}

package/dist/graph.composition.js

@@ -1,22 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Logo = void 0;
-
 function _react() {
   const data = _interopRequireDefault(require("react"));
-
   _react = function () {
     return data;
   };
-
   return data;
 }
-
 const Logo = () => /*#__PURE__*/_react().default.createElement("div", {
   style: {
     height: '100%',
@@ -29,7 +24,6 @@ const Logo = () => /*#__PURE__*/_react().default.createElement("div", {
   },
   src: "https://static.bit.dev/extensions-icons/graph.svg"
 }));
-
 exports.Logo = Logo;
 
 //# sourceMappingURL=graph.composition.js.map

package/dist/graph.composition.js.map

@@ -1 +1 @@
-{"version":3,"names":["Logo","height","display","justifyContent","width"],"sources":["graph.composition.tsx"],"sourcesContent":["import React from 'react';\n\nexport const Logo = () => (\n  <div style={{ height: '100%', display: 'flex', justifyContent: 'center' }}>\n    <img style={{ width: 70 }} src=\"https://static.bit.dev/extensions-icons/graph.svg\" />\n  </div>\n);\n"],"mappings":";;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEO,MAAMA,IAAI,GAAG,mBAClB;EAAK,KAAK,EAAE;IAAEC,MAAM,EAAE,MAAV;IAAkBC,OAAO,EAAE,MAA3B;IAAmCC,cAAc,EAAE;EAAnD;AAAZ,gBACE;EAAK,KAAK,EAAE;IAAEC,KAAK,EAAE;EAAT,CAAZ;EAA2B,GAAG,EAAC;AAA/B,EADF,CADK"}
+{"version":3,"names":["Logo","height","display","justifyContent","width"],"sources":["graph.composition.tsx"],"sourcesContent":["import React from 'react';\n\nexport const Logo = () => (\n  <div style={{ height: '100%', display: 'flex', justifyContent: 'center' }}>\n    <img style={{ width: 70 }} src=\"https://static.bit.dev/extensions-icons/graph.svg\" />\n  </div>\n);\n"],"mappings":";;;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEO,MAAMA,IAAI,GAAG,mBAClB;EAAK,KAAK,EAAE;IAAEC,MAAM,EAAE,MAAM;IAAEC,OAAO,EAAE,MAAM;IAAEC,cAAc,EAAE;EAAS;AAAE,gBACxE;EAAK,KAAK,EAAE;IAAEC,KAAK,EAAE;EAAG,CAAE;EAAC,GAAG,EAAC;AAAmD,EAAG,CAExF;AAAC"}

package/dist/graph.graphql.js

@@ -1,38 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 require("core-js/modules/es.array.sort.js");
-
 require("core-js/modules/es.promise.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.graphSchema = graphSchema;
-
 function _graphqlTag() {
   const data = _interopRequireDefault(require("graphql-tag"));
-
   _graphqlTag = function () {
     return data;
   };
-
   return data;
 }
-
 function _edgeType() {
   const data = require("./edge-type");
-
   _edgeType = function () {
     return data;
   };
-
   return data;
 }
-
 const textCmp = new Intl.Collator().compare;
-
 function graphSchema(graphBuilder, componentAspect) {
   return {
     typeDefs: (0, _graphqlTag().default)`
@@ -89,19 +78,16 @@ function graphSchema(graphBuilder, componentAspect) {
           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) {
   if (edgeRawData === 'dev') return _edgeType().EdgeType.dev;
   if (edgeRawData === 'runtime') return _edgeType().EdgeType.runtime;

package/dist/graph.graphql.js.map

@@ -1 +1 @@
-{"version":3,"names":["textCmp","Intl","Collator","compare","graphSchema","graphBuilder","componentAspect","typeDefs","gql","resolvers","ComponentGraph","nodes","graph","map","node","id","component","attr","sort","a","b","edges","edge","sourceId","targetId","dependencyLifecycleType","getDependencyLifecycleType","type","Query","_parent","ids","filter","componentsHost","getHost","resolvedIds","resolveMultipleComponentIds","list","x","getGraph","undefined","runtimeGraph","runtimeOnly","toString","edgeRawData","EdgeType","dev","runtime","peer"],"sources":["graph.graphql.ts"],"sourcesContent":["import { ComponentMain } from '@teambit/component';\nimport { Schema } from '@teambit/graphql';\nimport gql from 'graphql-tag';\n\nimport { GraphBuilder } from './graph-builder';\nimport { ComponentGraph } from './component-graph';\nimport { GraphFilter } from './model/graph-filters';\nimport { DependencyType } from './model/dependency';\nimport { EdgeType } from './edge-type';\n\nconst textCmp = new Intl.Collator().compare;\n\nexport function graphSchema(graphBuilder: GraphBuilder, componentAspect: ComponentMain): Schema {\n  return {\n    typeDefs: gql`\n      type ComponentGraph {\n        nodes: [ComponentGraphNode]\n        edges: [ComponentGraphEdge]\n      }\n\n      type ComponentGraphNode {\n        id: String\n        component: Component\n      }\n\n      enum DependencyLifecycleType {\n        PEER\n        RUNTIME\n        DEV\n      }\n\n      type ComponentGraphEdge {\n        sourceId: String\n        targetId: String\n        dependencyLifecycleType: DependencyLifecycleType\n      }\n\n      extend type Query {\n        graph(ids: [String], filter: String): ComponentGraph\n      }\n    `,\n    resolvers: {\n      ComponentGraph: {\n        nodes: (graph: ComponentGraph) => {\n          return graph.nodes\n            .map((node) => {\n              return {\n                id: node.id,\n                component: node.attr,\n              };\n            })\n            .sort((a, b) => textCmp(a.id, b.id));\n        },\n        edges: (graph: ComponentGraph) => {\n          return graph.edges\n            .map(\n              (edge) =>\n                ({\n                  sourceId: edge.sourceId,\n                  targetId: edge.targetId,\n                  dependencyLifecycleType: getDependencyLifecycleType(edge.attr.type),\n                } as { sourceId: string; targetId: string; dependencyLifecycleType: EdgeType })\n            )\n            .sort((a, b) => textCmp(a.sourceId, b.sourceId))\n            .sort((a, b) => textCmp(a.targetId, b.targetId));\n        },\n      },\n      Query: {\n        graph: async (_parent, { ids, filter }: { ids?: string[]; filter?: GraphFilter }) => {\n          const componentsHost = componentAspect.getHost();\n          const resolvedIds = ids\n            ? await componentsHost.resolveMultipleComponentIds(ids)\n            : (await componentsHost.list()).map((x) => x.id);\n\n          const graph = await graphBuilder.getGraph(resolvedIds);\n          if (!graph) return undefined;\n\n          if (filter === 'runtimeOnly') {\n            const runtimeGraph = graph.runtimeOnly(resolvedIds.map((x) => x.toString()));\n            return runtimeGraph;\n          }\n\n          return graph;\n        },\n      },\n    },\n  };\n}\n\nfunction getDependencyLifecycleType(edgeRawData: DependencyType): EdgeType {\n  if (edgeRawData === 'dev') return EdgeType.dev;\n  if (edgeRawData === 'runtime') return EdgeType.runtime;\n  return EdgeType.peer;\n}\n"],"mappings":";;;;;;;;;;;;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAMA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA,MAAMA,OAAO,GAAG,IAAIC,IAAI,CAACC,QAAT,GAAoBC,OAApC;;AAEO,SAASC,WAAT,CAAqBC,YAArB,EAAiDC,eAAjD,EAAyF;EAC9F,OAAO;IACLC,QAAQ,EAAE,IAAAC,qBAAA,CAAI;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KA3BS;IA4BLC,SAAS,EAAE;MACTC,cAAc,EAAE;QACdC,KAAK,EAAGC,KAAD,IAA2B;UAChC,OAAOA,KAAK,CAACD,KAAN,CACJE,GADI,CACCC,IAAD,IAAU;YACb,OAAO;cACLC,EAAE,EAAED,IAAI,CAACC,EADJ;cAELC,SAAS,EAAEF,IAAI,CAACG;YAFX,CAAP;UAID,CANI,EAOJC,IAPI,CAOC,CAACC,CAAD,EAAIC,CAAJ,KAAUpB,OAAO,CAACmB,CAAC,CAACJ,EAAH,EAAOK,CAAC,CAACL,EAAT,CAPlB,CAAP;QAQD,CAVa;QAWdM,KAAK,EAAGT,KAAD,IAA2B;UAChC,OAAOA,KAAK,CAACS,KAAN,CACJR,GADI,CAEFS,IAAD,KACG;YACCC,QAAQ,EAAED,IAAI,CAACC,QADhB;YAECC,QAAQ,EAAEF,IAAI,CAACE,QAFhB;YAGCC,uBAAuB,EAAEC,0BAA0B,CAACJ,IAAI,CAACL,IAAL,CAAUU,IAAX;UAHpD,CADH,CAFG,EASJT,IATI,CASC,CAACC,CAAD,EAAIC,CAAJ,KAAUpB,OAAO,CAACmB,CAAC,CAACI,QAAH,EAAaH,CAAC,CAACG,QAAf,CATlB,EAUJL,IAVI,CAUC,CAACC,CAAD,EAAIC,CAAJ,KAAUpB,OAAO,CAACmB,CAAC,CAACK,QAAH,EAAaJ,CAAC,CAACI,QAAf,CAVlB,CAAP;QAWD;MAvBa,CADP;MA0BTI,KAAK,EAAE;QACLhB,KAAK,EAAE,OAAOiB,OAAP,EAAgB;UAAEC,GAAF;UAAOC;QAAP,CAAhB,KAA8E;UACnF,MAAMC,cAAc,GAAG1B,eAAe,CAAC2B,OAAhB,EAAvB;UACA,MAAMC,WAAW,GAAGJ,GAAG,GACnB,MAAME,cAAc,CAACG,2BAAf,CAA2CL,GAA3C,CADa,GAEnB,CAAC,MAAME,cAAc,CAACI,IAAf,EAAP,EAA8BvB,GAA9B,CAAmCwB,CAAD,IAAOA,CAAC,CAACtB,EAA3C,CAFJ;UAIA,MAAMH,KAAK,GAAG,MAAMP,YAAY,CAACiC,QAAb,CAAsBJ,WAAtB,CAApB;UACA,IAAI,CAACtB,KAAL,EAAY,OAAO2B,SAAP;;UAEZ,IAAIR,MAAM,KAAK,aAAf,EAA8B;YAC5B,MAAMS,YAAY,GAAG5B,KAAK,CAAC6B,WAAN,CAAkBP,WAAW,CAACrB,GAAZ,CAAiBwB,CAAD,IAAOA,CAAC,CAACK,QAAF,EAAvB,CAAlB,CAArB;YACA,OAAOF,YAAP;UACD;;UAED,OAAO5B,KAAP;QACD;MAhBI;IA1BE;EA5BN,CAAP;AA0ED;;AAED,SAASc,0BAAT,CAAoCiB,WAApC,EAA2E;EACzE,IAAIA,WAAW,KAAK,KAApB,EAA2B,OAAOC,oBAAA,CAASC,GAAhB;EAC3B,IAAIF,WAAW,KAAK,SAApB,EAA+B,OAAOC,oBAAA,CAASE,OAAhB;EAC/B,OAAOF,oBAAA,CAASG,IAAhB;AACD"}
+{"version":3,"names":["textCmp","Intl","Collator","compare","graphSchema","graphBuilder","componentAspect","typeDefs","gql","resolvers","ComponentGraph","nodes","graph","map","node","id","component","attr","sort","a","b","edges","edge","sourceId","targetId","dependencyLifecycleType","getDependencyLifecycleType","type","Query","_parent","ids","filter","componentsHost","getHost","resolvedIds","resolveMultipleComponentIds","list","x","getGraph","undefined","runtimeGraph","runtimeOnly","toString","edgeRawData","EdgeType","dev","runtime","peer"],"sources":["graph.graphql.ts"],"sourcesContent":["import { ComponentMain } from '@teambit/component';\nimport { Schema } from '@teambit/graphql';\nimport gql from 'graphql-tag';\n\nimport { GraphBuilder } from './graph-builder';\nimport { ComponentGraph } from './component-graph';\nimport { GraphFilter } from './model/graph-filters';\nimport { DependencyType } from './model/dependency';\nimport { EdgeType } from './edge-type';\n\nconst textCmp = new Intl.Collator().compare;\n\nexport function graphSchema(graphBuilder: GraphBuilder, componentAspect: ComponentMain): Schema {\n  return {\n    typeDefs: gql`\n      type ComponentGraph {\n        nodes: [ComponentGraphNode]\n        edges: [ComponentGraphEdge]\n      }\n\n      type ComponentGraphNode {\n        id: String\n        component: Component\n      }\n\n      enum DependencyLifecycleType {\n        PEER\n        RUNTIME\n        DEV\n      }\n\n      type ComponentGraphEdge {\n        sourceId: String\n        targetId: String\n        dependencyLifecycleType: DependencyLifecycleType\n      }\n\n      extend type Query {\n        graph(ids: [String], filter: String): ComponentGraph\n      }\n    `,\n    resolvers: {\n      ComponentGraph: {\n        nodes: (graph: ComponentGraph) => {\n          return graph.nodes\n            .map((node) => {\n              return {\n                id: node.id,\n                component: node.attr,\n              };\n            })\n            .sort((a, b) => textCmp(a.id, b.id));\n        },\n        edges: (graph: ComponentGraph) => {\n          return graph.edges\n            .map(\n              (edge) =>\n                ({\n                  sourceId: edge.sourceId,\n                  targetId: edge.targetId,\n                  dependencyLifecycleType: getDependencyLifecycleType(edge.attr.type),\n                } as { sourceId: string; targetId: string; dependencyLifecycleType: EdgeType })\n            )\n            .sort((a, b) => textCmp(a.sourceId, b.sourceId))\n            .sort((a, b) => textCmp(a.targetId, b.targetId));\n        },\n      },\n      Query: {\n        graph: async (_parent, { ids, filter }: { ids?: string[]; filter?: GraphFilter }) => {\n          const componentsHost = componentAspect.getHost();\n          const resolvedIds = ids\n            ? await componentsHost.resolveMultipleComponentIds(ids)\n            : (await componentsHost.list()).map((x) => x.id);\n\n          const graph = await graphBuilder.getGraph(resolvedIds);\n          if (!graph) return undefined;\n\n          if (filter === 'runtimeOnly') {\n            const runtimeGraph = graph.runtimeOnly(resolvedIds.map((x) => x.toString()));\n            return runtimeGraph;\n          }\n\n          return graph;\n        },\n      },\n    },\n  };\n}\n\nfunction getDependencyLifecycleType(edgeRawData: DependencyType): EdgeType {\n  if (edgeRawData === 'dev') return EdgeType.dev;\n  if (edgeRawData === 'runtime') return EdgeType.runtime;\n  return EdgeType.peer;\n}\n"],"mappings":";;;;;;;;;AAEA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAMA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEA,MAAMA,OAAO,GAAG,IAAIC,IAAI,CAACC,QAAQ,EAAE,CAACC,OAAO;AAEpC,SAASC,WAAW,CAACC,YAA0B,EAAEC,eAA8B,EAAU;EAC9F,OAAO;IACLC,QAAQ,EAAE,IAAAC,qBAAG,CAAC;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;IACDC,SAAS,EAAE;MACTC,cAAc,EAAE;QACdC,KAAK,EAAGC,KAAqB,IAAK;UAChC,OAAOA,KAAK,CAACD,KAAK,CACfE,GAAG,CAAEC,IAAI,IAAK;YACb,OAAO;cACLC,EAAE,EAAED,IAAI,CAACC,EAAE;cACXC,SAAS,EAAEF,IAAI,CAACG;YAClB,CAAC;UACH,CAAC,CAAC,CACDC,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKpB,OAAO,CAACmB,CAAC,CAACJ,EAAE,EAAEK,CAAC,CAACL,EAAE,CAAC,CAAC;QACxC,CAAC;QACDM,KAAK,EAAGT,KAAqB,IAAK;UAChC,OAAOA,KAAK,CAACS,KAAK,CACfR,GAAG,CACDS,IAAI,KACF;YACCC,QAAQ,EAAED,IAAI,CAACC,QAAQ;YACvBC,QAAQ,EAAEF,IAAI,CAACE,QAAQ;YACvBC,uBAAuB,EAAEC,0BAA0B,CAACJ,IAAI,CAACL,IAAI,CAACU,IAAI;UACpE,CAAC,CAA8E,CAClF,CACAT,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKpB,OAAO,CAACmB,CAAC,CAACI,QAAQ,EAAEH,CAAC,CAACG,QAAQ,CAAC,CAAC,CAC/CL,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKpB,OAAO,CAACmB,CAAC,CAACK,QAAQ,EAAEJ,CAAC,CAACI,QAAQ,CAAC,CAAC;QACpD;MACF,CAAC;MACDI,KAAK,EAAE;QACLhB,KAAK,EAAE,OAAOiB,OAAO,EAAE;UAAEC,GAAG;UAAEC;QAAiD,CAAC,KAAK;UACnF,MAAMC,cAAc,GAAG1B,eAAe,CAAC2B,OAAO,EAAE;UAChD,MAAMC,WAAW,GAAGJ,GAAG,GACnB,MAAME,cAAc,CAACG,2BAA2B,CAACL,GAAG,CAAC,GACrD,CAAC,MAAME,cAAc,CAACI,IAAI,EAAE,EAAEvB,GAAG,CAAEwB,CAAC,IAAKA,CAAC,CAACtB,EAAE,CAAC;UAElD,MAAMH,KAAK,GAAG,MAAMP,YAAY,CAACiC,QAAQ,CAACJ,WAAW,CAAC;UACtD,IAAI,CAACtB,KAAK,EAAE,OAAO2B,SAAS;UAE5B,IAAIR,MAAM,KAAK,aAAa,EAAE;YAC5B,MAAMS,YAAY,GAAG5B,KAAK,CAAC6B,WAAW,CAACP,WAAW,CAACrB,GAAG,CAAEwB,CAAC,IAAKA,CAAC,CAACK,QAAQ,EAAE,CAAC,CAAC;YAC5E,OAAOF,YAAY;UACrB;UAEA,OAAO5B,KAAK;QACd;MACF;IACF;EACF,CAAC;AACH;AAEA,SAASc,0BAA0B,CAACiB,WAA2B,EAAY;EACzE,IAAIA,WAAW,KAAK,KAAK,EAAE,OAAOC,oBAAQ,CAACC,GAAG;EAC9C,IAAIF,WAAW,KAAK,SAAS,EAAE,OAAOC,oBAAQ,CAACE,OAAO;EACtD,OAAOF,oBAAQ,CAACG,IAAI;AACtB"}

package/dist/graph.main.runtime.js

@@ -1,117 +1,84 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.promise.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GraphMain = void 0;
-
 function _defineProperty2() {
   const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
   _defineProperty2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _cli() {
   const data = require("@teambit/cli");
-
   _cli = function () {
     return data;
   };
-
   return data;
 }
-
 function _component() {
   const data = require("@teambit/component");
-
   _component = function () {
     return data;
   };
-
   return data;
 }
-
 function _graphql() {
   const data = require("@teambit/graphql");
-
   _graphql = function () {
     return data;
   };
-
   return data;
 }
-
 function _logger() {
   const data = require("@teambit/logger");
-
   _logger = function () {
     return data;
   };
-
   return data;
 }
-
 function _graphBuilder() {
   const data = require("./graph-builder");
-
   _graphBuilder = function () {
     return data;
   };
-
   return data;
 }
-
 function _graph() {
   const data = require("./graph.graphql");
-
   _graph = function () {
     return data;
   };
-
   return data;
 }
-
 function _graph2() {
   const data = require("./graph.aspect");
-
   _graph2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _graphCmd() {
   const data = require("./graph-cmd");
-
   _graphCmd = function () {
     return data;
   };
-
   return data;
 }
-
 class GraphMain {
   constructor(componentAspect, logger) {
     this.componentAspect = componentAspect;
     this.logger = logger;
   }
-
   async getGraph(ids, opts = {}) {
     const graphBuilder = new (_graphBuilder().GraphBuilder)(this.componentAspect);
     return graphBuilder.getGraph(ids, opts);
   }
-
   static async provider([graphql, componentAspect, cli, loggerMain]) {
     const logger = loggerMain.createLogger(_graph2().GraphAspect.id);
     const graphBuilder = new (_graphBuilder().GraphBuilder)(componentAspect);
@@ -120,14 +87,11 @@ class GraphMain {
     cli.register(new (_graphCmd().GraphCmd)());
     return graphMain;
   }
-
 }
-
 exports.GraphMain = GraphMain;
 (0, _defineProperty2().default)(GraphMain, "slots", []);
 (0, _defineProperty2().default)(GraphMain, "dependencies", [_graphql().GraphqlAspect, _component().ComponentAspect, _cli().CLIAspect, _logger().LoggerAspect]);
 (0, _defineProperty2().default)(GraphMain, "runtime", _cli().MainRuntime);
-
 _graph2().GraphAspect.addRuntime(GraphMain);
 
 //# sourceMappingURL=graph.main.runtime.js.map