@teambit/graph 1.0.614 → 1.0.616
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{preview-1746354885172.js → preview-1746674277507.js} +2 -2
- package/dist/ui/component-node/component-node.js +1 -2
- package/dist/ui/component-node/component-node.js.map +1 -1
- package/dist/ui/dependencies-compare/dependencies-compare.js +1 -2
- package/dist/ui/dependencies-compare/dependencies-compare.js.map +1 -1
- package/dist/ui/dependencies-compare/dependency-compare-node.js +1 -2
- package/dist/ui/dependencies-compare/dependency-compare-node.js.map +1 -1
- package/dist/ui/dependencies-graph/calc-layout.js +1 -2
- package/dist/ui/dependencies-graph/calc-layout.js.map +1 -1
- package/dist/ui/dependencies-graph/dependencies-graph.js +1 -2
- package/dist/ui/dependencies-graph/dependencies-graph.js.map +1 -1
- package/dist/ui/graph-page/graph-page.js +1 -2
- package/dist/ui/graph-page/graph-page.js.map +1 -1
- package/package.json +11 -11
@@ -1,5 +1,5 @@
|
|
1
|
-
import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.component_graph@1.0.
|
2
|
-
import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.component_graph@1.0.
|
1
|
+
import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.component_graph@1.0.616/dist/graph.composition.js';
|
2
|
+
import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.component_graph@1.0.616/dist/graph.docs.md';
|
3
3
|
|
4
4
|
export const compositions = [compositions_0];
|
5
5
|
export const overview = [overview_0];
|
@@ -91,8 +91,7 @@ function _variantsModule() {
|
|
91
91
|
const _excluded = ["node", "type"],
|
92
92
|
_excluded2 = ["componentId", "className"]; // keep order: styles, then variants
|
93
93
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
94
|
-
function
|
95
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
94
|
+
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); }
|
96
95
|
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); }
|
97
96
|
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; }
|
98
97
|
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; }
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["_react","data","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_baseUiText","_componentUi","_envsUi","_designUiStyles","_baseUiSurfaces","_baseUiRouting","_componentModules","_dependenciesGraph","_componentNodeModule","_variantsModule","_excluded","_excluded2","e","__esModule","default","
|
1
|
+
{"version":3,"names":["_react","data","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_baseUiText","_componentUi","_envsUi","_designUiStyles","_baseUiSurfaces","_baseUiRouting","_componentModules","_dependenciesGraph","_componentNodeModule","_variantsModule","_excluded","_excluded2","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","ComponentNode","_ref","node","type","rest","graphContext","useContext","ComponentGraphContext","component","componentId","id","createElement","Card","className","classnames","styles","compNode","variants","elevation","firstRow","EnvIcon","envIcon","Breadcrumbs","mutedText","nameLine","NavLink","link","external","href","ComponentUrl","toUrl","includeVersion","name","ellipsis","version","buffs","DeprecationIcon","componentWidgets","toArray","map","widgetId","Widget","key","_ref2","scope","namespace","showSep","breadcrumbs"],"sources":["component-node.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classnames from 'classnames';\nimport { mutedText } from '@teambit/base-ui.text.muted-text';\nimport { ComponentID } from '@teambit/component';\nimport { DeprecationIcon } from '@teambit/component.ui.deprecation-icon';\nimport { EnvIcon } from '@teambit/envs.ui.env-icon';\nimport { ellipsis } from '@teambit/design.ui.styles.ellipsis';\nimport { Card, CardProps } from '@teambit/base-ui.surfaces.card';\nimport { NavLink } from '@teambit/base-ui.routing.nav-link';\nimport { ComponentUrl } from '@teambit/component.modules.component-url';\nimport { NodeModel } from '../query/node-model';\nimport { ComponentGraphContext } from '../dependencies-graph/';\n\n// keep order: styles, then variants\nimport styles from './component-node.module.scss';\nimport variants from './variants.module.scss';\n\nexport interface IComponentNode extends CardProps {\n node: NodeModel;\n type: string;\n}\n\nexport function ComponentNode({ node, type = 'defaultNode', ...rest }: IComponentNode) {\n const graphContext = useContext(ComponentGraphContext);\n const { component, componentId } = node;\n const id = component?.id || componentId;\n\n return (\n <Card className={classnames(styles.compNode, variants[type])} elevation=\"none\" {...rest}>\n <div className={styles.firstRow}>\n {component && <EnvIcon component={component} className={styles.envIcon} />}\n <Breadcrumbs componentId={id} className={mutedText} />\n </div>\n <div className={styles.nameLine}>\n <NavLink className={styles.link} external={true} href={ComponentUrl.toUrl(id, { includeVersion: false })}>\n <span className={classnames(styles.name, ellipsis)}>{id.name}</span>\n </NavLink>\n {id.version && <span className={classnames(styles.version, ellipsis)}>{id.version}</span>}\n\n <div className={styles.buffs}>\n {component && <DeprecationIcon component={component} />}\n {component &&\n graphContext &&\n graphContext.componentWidgets\n .toArray()\n .map(([widgetId, Widget]) => <Widget key={widgetId} component={component} />)}\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":[]}
|
@@ -81,8 +81,7 @@ function _diffGraph() {
|
|
81
81
|
};
|
82
82
|
return data;
|
83
83
|
}
|
84
|
-
function
|
85
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
84
|
+
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); }
|
86
85
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
87
86
|
function ComponentNodeContainer(props) {
|
88
87
|
const {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["_classnames","data","_interopRequireDefault","require","_designUi","_componentUiComponentCompare","_react","_interopRequireWildcard","_reactflow","_query","_graphPage","_dependenciesGraph","_dependenciesCompareModule","_dependencyCompareNode","_diffGraph","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ComponentNodeContainer","props","sourcePosition","Position","Top","targetPosition","Bottom","id","ReactFlowHandle","Handle","createElement","key","type","position","isConnectable","DependencyCompareNode","node","DependenciesCompare","nodeTypes","React","useMemo","ComponentNode","graphRef","useRef","componentCompare","useComponentCompare","baseId","base","model","compareId","compare","filter","setFilter","useState","isFiltered","loading","baseLoading","graph","baseGraph","useGraphQuery","toString","compareLoading","compareGraph","diffGraph","undefined","elements","calcElements","rootNode","useEffect","current","setTimeout","nodes","length","fitView","padding","handleLoad","useCallback","instance","maxZoom","onCheckFilter","_isFiltered","Fragment","className","classNames","styles","page","graphPageStyles","loader","RoundLoader","ReactFlowProvider","draggable","nodesDraggable","selectNodesOnDrag","nodesConnectable","zoomOnDoubleClick","elementsSelectable","minZoom","dependenciesGraphStyles","defaultNodes","defaultEdges","edges","onInit","proOptions","hideAttribution","Background","Controls","controls","MiniMap","nodeColor","calcMinimapColors","minimap","GraphFilters","filters","disable","onChangeFilter"],"sources":["dependencies-compare.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { RoundLoader } from '@teambit/design.ui.round-loader';\nimport { useComponentCompare } from '@teambit/component.ui.component-compare.context';\nimport React, { useEffect, useRef, useState, useCallback } from 'react';\nimport ReactFlow, {\n Background,\n Controls,\n Handle,\n MiniMap,\n NodeProps,\n NodeTypes,\n Position,\n ReactFlowProvider,\n ReactFlowInstance,\n} from 'reactflow';\nimport { useGraphQuery } from '../query';\nimport { GraphFilter } from '../../model/graph-filters';\nimport { GraphFilters, styles as graphPageStyles } from '../graph-page';\nimport { calcMinimapColors, calcElements, styles as dependenciesGraphStyles } from '../dependencies-graph';\nimport styles from './dependencies-compare.module.scss';\nimport { DependencyCompareNode } from './dependency-compare-node';\nimport { diffGraph } from './diff-graph';\n\nfunction ComponentNodeContainer(props: NodeProps) {\n const { sourcePosition = Position.Top, targetPosition = Position.Bottom, data, id } = props;\n const ReactFlowHandle = Handle;\n return (\n <div key={id}>\n <ReactFlowHandle type=\"target\" position={targetPosition} isConnectable={false} />\n <ReactFlowHandle type=\"source\" position={sourcePosition} isConnectable={false} />\n <DependencyCompareNode node={data.node} type={data.type} />\n </div>\n );\n}\n\nexport function DependenciesCompare() {\n const nodeTypes: NodeTypes = React.useMemo(() => ({ ComponentNode: ComponentNodeContainer }), []);\n const graphRef = useRef<ReactFlowInstance>();\n const componentCompare = useComponentCompare();\n\n const baseId = componentCompare?.base?.model.id;\n const compareId = componentCompare?.compare?.model.id;\n\n const [filter, setFilter] = useState<GraphFilter>('runtimeOnly');\n const isFiltered = filter === 'runtimeOnly';\n const { loading: baseLoading, graph: baseGraph } = useGraphQuery(baseId && [baseId.toString()], filter);\n const { loading: compareLoading, graph: compareGraph } = useGraphQuery(compareId && [compareId.toString()], filter);\n const loading = baseLoading || compareLoading;\n const graph = diffGraph(baseGraph, compareGraph, baseId) ?? undefined;\n const elements = calcElements(graph, { rootNode: baseId });\n\n useEffect(() => () => (graphRef.current = undefined), []);\n\n useEffect(() => {\n setTimeout(() => {\n if (graph && graph.nodes.length <= 3)\n return graphRef.current?.fitView({\n padding: 2,\n });\n return graphRef.current?.fitView();\n }, 0);\n }, [graph]);\n\n const handleLoad = useCallback(\n (instance: ReactFlowInstance) => {\n graphRef.current = instance;\n if ((graph?.nodes.length ?? 0) <= 3) {\n graphRef.current?.fitView({\n padding: 2,\n maxZoom: 1,\n });\n } else {\n instance.fitView({\n maxZoom: 1,\n });\n }\n },\n [graph?.nodes.length]\n );\n\n useEffect(() => {\n setTimeout(() => {\n if ((graph?.nodes.length ?? 0) <= 3)\n return graphRef.current?.fitView({\n padding: 2,\n });\n return graphRef.current?.fitView();\n }, 0);\n }, [compareId?.toString(), baseId?.toString()]);\n\n const onCheckFilter = (_isFiltered: boolean) => {\n setFilter(_isFiltered ? 'runtimeOnly' : undefined);\n };\n\n if (!loading && !graph) {\n return <></>;\n }\n\n return (\n <div className={classNames([styles.page, graphPageStyles.graph])}>\n {loading && (\n <div className={styles.loader}>\n <RoundLoader />\n </div>\n )}\n {!loading && (\n <ReactFlowProvider>\n <ReactFlow\n draggable={false}\n nodesDraggable={true}\n selectNodesOnDrag={false}\n nodesConnectable={false}\n zoomOnDoubleClick={false}\n elementsSelectable={false}\n maxZoom={100}\n minZoom={0}\n className={dependenciesGraphStyles.graph}\n defaultNodes={elements.nodes}\n defaultEdges={elements.edges}\n nodeTypes={nodeTypes}\n onInit={handleLoad}\n proOptions={{\n hideAttribution: true,\n }}\n >\n <Background />\n <Controls className={dependenciesGraphStyles.controls} />\n <MiniMap nodeColor={calcMinimapColors} className={dependenciesGraphStyles.minimap} />\n <GraphFilters\n className={graphPageStyles.filters}\n disable={loading}\n isFiltered={isFiltered}\n onChangeFilter={onCheckFilter}\n />\n </ReactFlow>\n </ReactFlowProvider>\n )}\n </div>\n );\n}\n"],"mappings":"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","ignoreList":[]}
|
1
|
+
{"version":3,"names":["_classnames","data","_interopRequireDefault","require","_designUi","_componentUiComponentCompare","_react","_interopRequireWildcard","_reactflow","_query","_graphPage","_dependenciesGraph","_dependenciesCompareModule","_dependencyCompareNode","_diffGraph","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ComponentNodeContainer","props","sourcePosition","Position","Top","targetPosition","Bottom","id","ReactFlowHandle","Handle","createElement","key","type","position","isConnectable","DependencyCompareNode","node","DependenciesCompare","nodeTypes","React","useMemo","ComponentNode","graphRef","useRef","componentCompare","useComponentCompare","baseId","base","model","compareId","compare","filter","setFilter","useState","isFiltered","loading","baseLoading","graph","baseGraph","useGraphQuery","toString","compareLoading","compareGraph","diffGraph","undefined","elements","calcElements","rootNode","useEffect","current","setTimeout","nodes","length","fitView","padding","handleLoad","useCallback","instance","maxZoom","onCheckFilter","_isFiltered","Fragment","className","classNames","styles","page","graphPageStyles","loader","RoundLoader","ReactFlowProvider","draggable","nodesDraggable","selectNodesOnDrag","nodesConnectable","zoomOnDoubleClick","elementsSelectable","minZoom","dependenciesGraphStyles","defaultNodes","defaultEdges","edges","onInit","proOptions","hideAttribution","Background","Controls","controls","MiniMap","nodeColor","calcMinimapColors","minimap","GraphFilters","filters","disable","onChangeFilter"],"sources":["dependencies-compare.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { RoundLoader } from '@teambit/design.ui.round-loader';\nimport { useComponentCompare } from '@teambit/component.ui.component-compare.context';\nimport React, { useEffect, useRef, useState, useCallback } from 'react';\nimport ReactFlow, {\n Background,\n Controls,\n Handle,\n MiniMap,\n NodeProps,\n NodeTypes,\n Position,\n ReactFlowProvider,\n ReactFlowInstance,\n} from 'reactflow';\nimport { useGraphQuery } from '../query';\nimport { GraphFilter } from '../../model/graph-filters';\nimport { GraphFilters, styles as graphPageStyles } from '../graph-page';\nimport { calcMinimapColors, calcElements, styles as dependenciesGraphStyles } from '../dependencies-graph';\nimport styles from './dependencies-compare.module.scss';\nimport { DependencyCompareNode } from './dependency-compare-node';\nimport { diffGraph } from './diff-graph';\n\nfunction ComponentNodeContainer(props: NodeProps) {\n const { sourcePosition = Position.Top, targetPosition = Position.Bottom, data, id } = props;\n const ReactFlowHandle = Handle;\n return (\n <div key={id}>\n <ReactFlowHandle type=\"target\" position={targetPosition} isConnectable={false} />\n <ReactFlowHandle type=\"source\" position={sourcePosition} isConnectable={false} />\n <DependencyCompareNode node={data.node} type={data.type} />\n </div>\n );\n}\n\nexport function DependenciesCompare() {\n const nodeTypes: NodeTypes = React.useMemo(() => ({ ComponentNode: ComponentNodeContainer }), []);\n const graphRef = useRef<ReactFlowInstance>();\n const componentCompare = useComponentCompare();\n\n const baseId = componentCompare?.base?.model.id;\n const compareId = componentCompare?.compare?.model.id;\n\n const [filter, setFilter] = useState<GraphFilter>('runtimeOnly');\n const isFiltered = filter === 'runtimeOnly';\n const { loading: baseLoading, graph: baseGraph } = useGraphQuery(baseId && [baseId.toString()], filter);\n const { loading: compareLoading, graph: compareGraph } = useGraphQuery(compareId && [compareId.toString()], filter);\n const loading = baseLoading || compareLoading;\n const graph = diffGraph(baseGraph, compareGraph, baseId) ?? undefined;\n const elements = calcElements(graph, { rootNode: baseId });\n\n useEffect(() => () => (graphRef.current = undefined), []);\n\n useEffect(() => {\n setTimeout(() => {\n if (graph && graph.nodes.length <= 3)\n return graphRef.current?.fitView({\n padding: 2,\n });\n return graphRef.current?.fitView();\n }, 0);\n }, [graph]);\n\n const handleLoad = useCallback(\n (instance: ReactFlowInstance) => {\n graphRef.current = instance;\n if ((graph?.nodes.length ?? 0) <= 3) {\n graphRef.current?.fitView({\n padding: 2,\n maxZoom: 1,\n });\n } else {\n instance.fitView({\n maxZoom: 1,\n });\n }\n },\n [graph?.nodes.length]\n );\n\n useEffect(() => {\n setTimeout(() => {\n if ((graph?.nodes.length ?? 0) <= 3)\n return graphRef.current?.fitView({\n padding: 2,\n });\n return graphRef.current?.fitView();\n }, 0);\n }, [compareId?.toString(), baseId?.toString()]);\n\n const onCheckFilter = (_isFiltered: boolean) => {\n setFilter(_isFiltered ? 'runtimeOnly' : undefined);\n };\n\n if (!loading && !graph) {\n return <></>;\n }\n\n return (\n <div className={classNames([styles.page, graphPageStyles.graph])}>\n {loading && (\n <div className={styles.loader}>\n <RoundLoader />\n </div>\n )}\n {!loading && (\n <ReactFlowProvider>\n <ReactFlow\n draggable={false}\n nodesDraggable={true}\n selectNodesOnDrag={false}\n nodesConnectable={false}\n zoomOnDoubleClick={false}\n elementsSelectable={false}\n maxZoom={100}\n minZoom={0}\n className={dependenciesGraphStyles.graph}\n defaultNodes={elements.nodes}\n defaultEdges={elements.edges}\n nodeTypes={nodeTypes}\n onInit={handleLoad}\n proOptions={{\n hideAttribution: true,\n }}\n >\n <Background />\n <Controls className={dependenciesGraphStyles.controls} />\n <MiniMap nodeColor={calcMinimapColors} className={dependenciesGraphStyles.minimap} />\n <GraphFilters\n className={graphPageStyles.filters}\n disable={loading}\n isFiltered={isFiltered}\n onChangeFilter={onCheckFilter}\n />\n </ReactFlow>\n </ReactFlowProvider>\n )}\n </div>\n );\n}\n"],"mappings":"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","ignoreList":[]}
|
@@ -117,8 +117,7 @@ function _dependencyCompareVariantsModule() {
|
|
117
117
|
return data;
|
118
118
|
}
|
119
119
|
const _excluded = ["componentId", "className"];
|
120
|
-
function
|
121
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
120
|
+
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); }
|
122
121
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
123
122
|
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); }
|
124
123
|
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; }
|
@@ -1 +1 @@
|
|
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","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","o","_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":[]}
|
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":[]}
|
@@ -11,8 +11,7 @@ function _dagre() {
|
|
11
11
|
};
|
12
12
|
return data;
|
13
13
|
}
|
14
|
-
function
|
15
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
14
|
+
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); }
|
16
15
|
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; }
|
17
16
|
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; }
|
18
17
|
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; }
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["_dagre","data","_interopRequireWildcard","require","
|
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":[]}
|
@@ -63,8 +63,7 @@ function _dependenciesGraphModule() {
|
|
63
63
|
}
|
64
64
|
const _excluded = ["graph", "rootNode", "componentWidgets", "className", "onLoad", "children", "loadingGraphMetadata"];
|
65
65
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
66
|
-
function
|
67
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
66
|
+
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); }
|
68
67
|
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); }
|
69
68
|
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; }
|
70
69
|
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; }
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["_react","data","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_reactflow","_componentNode","_calcElements","_minimap","_graphContext","_dependenciesGraphModule","_excluded","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","o","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","ComponentNodeContainer","props","sourcePosition","Position","Top","targetPosition","Bottom","id","ReactFlowHandle","Handle","createElement","key","type","position","isConnectable","ComponentNode","node","DependenciesGraph","_ref","graph","rootNode","componentWidgets","className","onLoad","children","loadingGraphMetadata","rest","nodeTypes","React","useMemo","graphRef","useRef","elements","calcElements","nodes","setNodes","useNodesState","useEffect","context","handleLoad","useCallback","instance","current","fitView","padding","maxZoom","undefined","setTimeout","ComponentGraphContext","Provider","value","ReactFlowProvider","draggable","nodesDraggable","selectNodesOnDrag","nodesConnectable","zoomOnDoubleClick","elementsSelectable","minZoom","classnames","styles","edges","onInit","fitViewOptions","proOptions","hideAttribution","Background","Controls","controls","MiniMap","nodeColor","calcMinimapColors","minimap"],"sources":["dependencies-graph.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useEffect } from 'react';\nimport classnames from 'classnames';\nimport ReactFlow, {\n Background,\n Controls,\n Handle,\n MiniMap,\n NodeProps,\n NodeTypes,\n ReactFlowInstance,\n Position,\n ReactFlowProps,\n ReactFlowProvider,\n useNodesState,\n} from 'reactflow';\nimport { ComponentID } from '@teambit/component';\nimport { ComponentWidgetSlot } from '../../graph.ui.runtime';\nimport { ComponentNode } from '../component-node';\nimport { EdgeModel, GraphModel, NodeModel } from '../query';\nimport { calcElements } from './calc-elements';\nimport { calcMinimapColors } from './minimap';\nimport { ComponentGraphContext } from './graph-context';\nimport 'reactflow/dist/style.css';\nimport styles from './dependencies-graph.module.scss';\n\nfunction ComponentNodeContainer(props: NodeProps) {\n const { sourcePosition = Position.Top, targetPosition = Position.Bottom, data, id } = props;\n const ReactFlowHandle = Handle;\n return (\n <div key={id}>\n <ReactFlowHandle type=\"target\" position={targetPosition} isConnectable={false} />\n <ReactFlowHandle type=\"source\" position={sourcePosition} isConnectable={false} />\n <ComponentNode node={data.node} type={data.type} />\n </div>\n );\n}\n\nexport type DependenciesGraphProps = {\n rootNode: ComponentID;\n graph?: GraphModel<NodeModel, EdgeModel>;\n componentWidgets: ComponentWidgetSlot;\n onLoad?: (instance: ReactFlowInstance) => void;\n loadingGraphMetadata?: boolean;\n} & Omit<ReactFlowProps, 'elements'>;\n\nexport function DependenciesGraph({\n graph,\n rootNode,\n componentWidgets,\n className,\n onLoad,\n children,\n loadingGraphMetadata,\n ...rest\n}: DependenciesGraphProps) {\n const nodeTypes: NodeTypes = React.useMemo(() => ({ ComponentNode: ComponentNodeContainer }), []);\n const graphRef = useRef<ReactFlowInstance>();\n const elements = calcElements(graph, { rootNode });\n const [nodes, setNodes] = useNodesState(elements.nodes);\n\n useEffect(() => {\n setNodes(elements.nodes);\n }, [elements.nodes]);\n\n const context = useMemo(() => ({ componentWidgets, loadingGraphMetadata }), [componentWidgets, loadingGraphMetadata]);\n\n const handleLoad = useCallback(\n (instance: ReactFlowInstance) => {\n graphRef.current = instance;\n if ((elements?.nodes.length ?? 0) <= 3) {\n instance.fitView({\n padding: 2,\n maxZoom: 1,\n });\n } else {\n instance.fitView({\n maxZoom: 1,\n });\n }\n onLoad?.(instance);\n },\n [onLoad]\n );\n\n // clear ref on unmount\n useEffect(() => () => (graphRef.current = undefined), []);\n\n useEffect(() => {\n setTimeout(() => {\n if (!elements?.nodes.length) return;\n if ((elements?.nodes?.length ?? 0) <= 3) {\n return graphRef.current?.fitView({\n padding: 2,\n maxZoom: 1,\n });\n }\n return graphRef.current?.fitView({\n maxZoom: 1,\n });\n }, 100);\n }, [elements?.nodes.length]);\n\n return (\n <ComponentGraphContext.Provider value={context}>\n {/* @ts-ignore - TODO - remove when ReactFlowProvider will be of type `FC<PropsWithChildren<{}>>` instead of `FC` (#5746) */}\n <ReactFlowProvider>\n <ReactFlow\n draggable={false}\n nodesDraggable={true}\n selectNodesOnDrag={false}\n nodesConnectable={false}\n zoomOnDoubleClick={false}\n elementsSelectable={false}\n maxZoom={100}\n minZoom={0}\n {...rest}\n className={classnames(styles.graph, className)}\n nodes={nodes}\n edges={elements.edges}\n nodeTypes={nodeTypes}\n onInit={handleLoad}\n fitView={true}\n fitViewOptions={{\n padding: (elements?.nodes.length ?? 0) <= 3 ? 2 : undefined,\n maxZoom: 1,\n }}\n proOptions={{\n hideAttribution: true,\n }}\n >\n <Background />\n <Controls className={styles.controls} />\n <MiniMap nodeColor={calcMinimapColors} className={styles.minimap} />\n {children}\n </ReactFlow>\n </ReactFlowProvider>\n </ComponentGraphContext.Provider>\n );\n}\n"],"mappings":"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","ignoreList":[]}
|
1
|
+
{"version":3,"names":["_react","data","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_reactflow","_componentNode","_calcElements","_minimap","_graphContext","_dependenciesGraphModule","_excluded","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","ComponentNodeContainer","props","sourcePosition","Position","Top","targetPosition","Bottom","id","ReactFlowHandle","Handle","createElement","key","type","position","isConnectable","ComponentNode","node","DependenciesGraph","_ref","graph","rootNode","componentWidgets","className","onLoad","children","loadingGraphMetadata","rest","nodeTypes","React","useMemo","graphRef","useRef","elements","calcElements","nodes","setNodes","useNodesState","useEffect","context","handleLoad","useCallback","instance","current","fitView","padding","maxZoom","undefined","setTimeout","ComponentGraphContext","Provider","value","ReactFlowProvider","draggable","nodesDraggable","selectNodesOnDrag","nodesConnectable","zoomOnDoubleClick","elementsSelectable","minZoom","classnames","styles","edges","onInit","fitViewOptions","proOptions","hideAttribution","Background","Controls","controls","MiniMap","nodeColor","calcMinimapColors","minimap"],"sources":["dependencies-graph.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useEffect } from 'react';\nimport classnames from 'classnames';\nimport ReactFlow, {\n Background,\n Controls,\n Handle,\n MiniMap,\n NodeProps,\n NodeTypes,\n ReactFlowInstance,\n Position,\n ReactFlowProps,\n ReactFlowProvider,\n useNodesState,\n} from 'reactflow';\nimport { ComponentID } from '@teambit/component';\nimport { ComponentWidgetSlot } from '../../graph.ui.runtime';\nimport { ComponentNode } from '../component-node';\nimport { EdgeModel, GraphModel, NodeModel } from '../query';\nimport { calcElements } from './calc-elements';\nimport { calcMinimapColors } from './minimap';\nimport { ComponentGraphContext } from './graph-context';\nimport 'reactflow/dist/style.css';\nimport styles from './dependencies-graph.module.scss';\n\nfunction ComponentNodeContainer(props: NodeProps) {\n const { sourcePosition = Position.Top, targetPosition = Position.Bottom, data, id } = props;\n const ReactFlowHandle = Handle;\n return (\n <div key={id}>\n <ReactFlowHandle type=\"target\" position={targetPosition} isConnectable={false} />\n <ReactFlowHandle type=\"source\" position={sourcePosition} isConnectable={false} />\n <ComponentNode node={data.node} type={data.type} />\n </div>\n );\n}\n\nexport type DependenciesGraphProps = {\n rootNode: ComponentID;\n graph?: GraphModel<NodeModel, EdgeModel>;\n componentWidgets: ComponentWidgetSlot;\n onLoad?: (instance: ReactFlowInstance) => void;\n loadingGraphMetadata?: boolean;\n} & Omit<ReactFlowProps, 'elements'>;\n\nexport function DependenciesGraph({\n graph,\n rootNode,\n componentWidgets,\n className,\n onLoad,\n children,\n loadingGraphMetadata,\n ...rest\n}: DependenciesGraphProps) {\n const nodeTypes: NodeTypes = React.useMemo(() => ({ ComponentNode: ComponentNodeContainer }), []);\n const graphRef = useRef<ReactFlowInstance>();\n const elements = calcElements(graph, { rootNode });\n const [nodes, setNodes] = useNodesState(elements.nodes);\n\n useEffect(() => {\n setNodes(elements.nodes);\n }, [elements.nodes]);\n\n const context = useMemo(() => ({ componentWidgets, loadingGraphMetadata }), [componentWidgets, loadingGraphMetadata]);\n\n const handleLoad = useCallback(\n (instance: ReactFlowInstance) => {\n graphRef.current = instance;\n if ((elements?.nodes.length ?? 0) <= 3) {\n instance.fitView({\n padding: 2,\n maxZoom: 1,\n });\n } else {\n instance.fitView({\n maxZoom: 1,\n });\n }\n onLoad?.(instance);\n },\n [onLoad]\n );\n\n // clear ref on unmount\n useEffect(() => () => (graphRef.current = undefined), []);\n\n useEffect(() => {\n setTimeout(() => {\n if (!elements?.nodes.length) return;\n if ((elements?.nodes?.length ?? 0) <= 3) {\n return graphRef.current?.fitView({\n padding: 2,\n maxZoom: 1,\n });\n }\n return graphRef.current?.fitView({\n maxZoom: 1,\n });\n }, 100);\n }, [elements?.nodes.length]);\n\n return (\n <ComponentGraphContext.Provider value={context}>\n {/* @ts-ignore - TODO - remove when ReactFlowProvider will be of type `FC<PropsWithChildren<{}>>` instead of `FC` (#5746) */}\n <ReactFlowProvider>\n <ReactFlow\n draggable={false}\n nodesDraggable={true}\n selectNodesOnDrag={false}\n nodesConnectable={false}\n zoomOnDoubleClick={false}\n elementsSelectable={false}\n maxZoom={100}\n minZoom={0}\n {...rest}\n className={classnames(styles.graph, className)}\n nodes={nodes}\n edges={elements.edges}\n nodeTypes={nodeTypes}\n onInit={handleLoad}\n fitView={true}\n fitViewOptions={{\n padding: (elements?.nodes.length ?? 0) <= 3 ? 2 : undefined,\n maxZoom: 1,\n }}\n proOptions={{\n hideAttribution: true,\n }}\n >\n <Background />\n <Controls className={styles.controls} />\n <MiniMap nodeColor={calcMinimapColors} className={styles.minimap} />\n {children}\n </ReactFlow>\n </ReactFlowProvider>\n </ComponentGraphContext.Provider>\n );\n}\n"],"mappings":"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","ignoreList":[]}
|
@@ -75,8 +75,7 @@ function _graphPageModule() {
|
|
75
75
|
return data;
|
76
76
|
}
|
77
77
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
78
|
-
function
|
79
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
78
|
+
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); }
|
80
79
|
function GraphPage({
|
81
80
|
componentWidgets
|
82
81
|
}) {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["_react","data","_interopRequireWildcard","require","_designUiPages","_designUiPages2","_component","_designSkeletons","_classnames","_interopRequireDefault","_query","_dependenciesGraph","_graphFilters","_graphPageModule","e","__esModule","default","
|
1
|
+
{"version":3,"names":["_react","data","_interopRequireWildcard","require","_designUiPages","_designUiPages2","_component","_designSkeletons","_classnames","_interopRequireDefault","_query","_dependenciesGraph","_graphFilters","_graphPageModule","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","GraphPage","componentWidgets","component","useContext","ComponentContext","filter","setFilter","useState","onCheckFilter","isFiltered","undefined","graph","error","graphLoading","loading","useGraphQuery","id","toString","code","createElement","NotFoundPage","ServerErrorPage","className","classNames","styles","page","DependenciesGraph","rootNode","skeleton","loadingGraphMetadata","GraphFilters","filters","disable","onChangeFilter"],"sources":["graph-page.tsx"],"sourcesContent":["import React, { useContext, useState } from 'react';\nimport { NotFoundPage } from '@teambit/design.ui.pages.not-found';\nimport { ServerErrorPage } from '@teambit/design.ui.pages.server-error';\nimport { ComponentContext } from '@teambit/component';\nimport { skeleton } from '@teambit/design.skeletons.base-skeleton';\nimport classNames from 'classnames';\n\nimport { useGraphQuery } from '../query';\nimport { DependenciesGraph } from '../dependencies-graph';\nimport { ComponentWidgetSlot } from '../../graph.ui.runtime';\nimport type { GraphFilter } from '../../model/graph-filters';\n\nimport { GraphFilters } from './graph-filters';\n\nimport styles from './graph-page.module.scss';\n\ntype GraphPageProps = {\n componentWidgets: ComponentWidgetSlot;\n};\n\nexport function GraphPage({ componentWidgets }: GraphPageProps) {\n const component = useContext(ComponentContext);\n\n const [filter, setFilter] = useState<GraphFilter>('runtimeOnly');\n\n const onCheckFilter = (isFiltered: boolean) => {\n setFilter(isFiltered ? 'runtimeOnly' : undefined);\n };\n\n const { graph, error, graphLoading, loading } = useGraphQuery([component.id.toString()], filter);\n\n const isFiltered = filter === 'runtimeOnly';\n\n if (error) return error.code === 404 ? <NotFoundPage /> : <ServerErrorPage />;\n\n return (\n <div className={classNames(styles.page)}>\n <DependenciesGraph\n componentWidgets={componentWidgets}\n graph={graph}\n rootNode={component.id}\n className={classNames(styles.graph, !graph && skeleton)}\n loadingGraphMetadata={graphLoading}\n >\n {graph && (\n <GraphFilters\n className={classNames(styles.filters)}\n disable={loading}\n isFiltered={isFiltered}\n onChangeFilter={onCheckFilter}\n />\n )}\n </DependenciesGraph>\n </div>\n );\n}\n"],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
@@ -1,12 +1,12 @@
|
|
1
1
|
{
|
2
2
|
"name": "@teambit/graph",
|
3
|
-
"version": "1.0.
|
3
|
+
"version": "1.0.616",
|
4
4
|
"homepage": "https://bit.cloud/teambit/component/graph",
|
5
5
|
"main": "dist/index.js",
|
6
6
|
"componentId": {
|
7
7
|
"scope": "teambit.component",
|
8
8
|
"name": "graph",
|
9
|
-
"version": "1.0.
|
9
|
+
"version": "1.0.616"
|
10
10
|
},
|
11
11
|
"dependencies": {
|
12
12
|
"graphlib": "2.1.8",
|
@@ -15,8 +15,8 @@
|
|
15
15
|
"graphql-tag": "2.12.1",
|
16
16
|
"classnames": "2.2.6",
|
17
17
|
"reactflow": "^11.11.3",
|
18
|
-
"@dagrejs/dagre": "^1.1.2",
|
19
18
|
"semver": "7.7.1",
|
19
|
+
"@dagrejs/dagre": "^1.1.2",
|
20
20
|
"@teambit/component-id": "1.2.4",
|
21
21
|
"@teambit/graph.cleargraph": "0.0.11",
|
22
22
|
"@teambit/harmony": "0.4.7",
|
@@ -28,21 +28,21 @@
|
|
28
28
|
"@teambit/base-ui.routing.nav-link": "1.0.0",
|
29
29
|
"@teambit/design.ui.round-loader": "0.0.355",
|
30
30
|
"@teambit/component.ui.component-compare.status-resolver": "0.0.9",
|
31
|
-
"@teambit/ui-foundation.ui.react-router.use-query": "0.0.505",
|
32
31
|
"@teambit/evangelist.input.checkbox.label": "1.1.0",
|
33
32
|
"@teambit/design.skeletons.base-skeleton": "0.0.2",
|
34
33
|
"@teambit/design.ui.pages.not-found": "0.0.371",
|
35
34
|
"@teambit/design.ui.pages.server-error": "0.0.368",
|
35
|
+
"@teambit/ui-foundation.ui.react-router.use-query": "0.0.505",
|
36
36
|
"@teambit/legacy.dependency-graph": "0.0.52",
|
37
|
-
"@teambit/component": "1.0.
|
38
|
-
"@teambit/cli": "0.0.
|
37
|
+
"@teambit/component": "1.0.616",
|
38
|
+
"@teambit/cli": "0.0.1193",
|
39
39
|
"@teambit/scope.remotes": "0.0.49",
|
40
|
-
"@teambit/workspace": "1.0.
|
40
|
+
"@teambit/workspace": "1.0.616",
|
41
41
|
"@teambit/component.ui.component-compare.models.component-compare-props": "0.0.119",
|
42
|
-
"@teambit/graphql": "1.0.
|
43
|
-
"@teambit/logger": "0.0.
|
44
|
-
"@teambit/component-compare": "1.0.
|
45
|
-
"@teambit/ui": "1.0.
|
42
|
+
"@teambit/graphql": "1.0.616",
|
43
|
+
"@teambit/logger": "0.0.1286",
|
44
|
+
"@teambit/component-compare": "1.0.616",
|
45
|
+
"@teambit/ui": "1.0.616",
|
46
46
|
"@teambit/component.modules.component-url": "0.0.176",
|
47
47
|
"@teambit/envs.ui.env-icon": "0.0.506",
|
48
48
|
"@teambit/component.ui.component-compare.context": "0.0.122"
|