@backstage-community/plugin-tekton 3.16.0

package/dist/components/pipeline-topology/PipelineVisualization.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PipelineVisualization.esm.js","sources":["../../../src/components/pipeline-topology/PipelineVisualization.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport { PipelineRunKind, TaskRunKind } from '@janus-idp/shared-react';\n\nimport { useDarkTheme } from '../../hooks/useDarkTheme';\nimport { getGraphDataModel } from '../../utils/pipeline-topology-utils';\nimport { PipelineLayout } from './PipelineLayout';\n\nimport './PipelineVisualization.css';\n\ntype PipelineVisualizationProps = {\n  pipelineRun: PipelineRunKind | null;\n  taskRuns: TaskRunKind[];\n};\n\nexport const PipelineVisualization = ({\n  pipelineRun,\n  taskRuns,\n}: PipelineVisualizationProps) => {\n  useDarkTheme();\n\n  const model = getGraphDataModel(pipelineRun ?? undefined, taskRuns ?? []);\n\n  return (\n    <>\n      {!model || (model.nodes.length === 0 && model.edges.length === 0) ? (\n        <div data-testid=\"pipeline-no-tasks\">\n          This Pipeline Run has no tasks to visualize\n        </div>\n      ) : (\n        <div\n          data-testid=\"pipelineRun-visualization\"\n          className=\"bs-tkn-pipeline-visualization__layout\"\n        >\n          <PipelineLayout model={model} />\n        </div>\n      )}\n    </>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;AA8BO,MAAM,wBAAwB,CAAC;AAAA,EACpC,WAAA;AAAA,EACA;AACF,CAAkC,KAAA;AAChC,EAAa,YAAA,EAAA;AAEb,EAAA,MAAM,QAAQ,iBAAkB,CAAA,WAAA,IAAe,KAAW,CAAA,EAAA,QAAA,IAAY,EAAE,CAAA;AAExE,EAAA,mFAEK,CAAC,KAAA,IAAU,KAAM,CAAA,KAAA,CAAM,WAAW,CAAK,IAAA,KAAA,CAAM,KAAM,CAAA,MAAA,KAAW,oBAC5DA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,aAAY,EAAA,mBAAA,EAAA,EAAoB,6CAErC,CAEA,mBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,aAAY,EAAA,2BAAA;AAAA,MACZ,SAAU,EAAA;AAAA,KAAA;AAAA,oBAEVA,cAAA,CAAA,aAAA,CAAC,kBAAe,KAAc,EAAA;AAAA,GAGpC,CAAA;AAEJ;;;;"}

package/dist/components/pipeline-topology/PipelineVisualizationStepList.css.esm.js

@@ -0,0 +1,7 @@
+import styleInject from '../../node_modules/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = ".bs-tkn-pipeline-visualization-step-list {\n  min-width: 10em;\n}\n\n.bs-tkn-pipeline-visualization-step-list__task-name {\n  font-weight: var(--pf-v5-global--FontWeight--bold);\n  line-height: var(--pf-v5-global--spacer--lg);\n  max-height: var(--pf-v5-global--spacer--2xl);\n  max-width: 15em;\n  margin: 0 auto 10px auto;\n\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n}\n\n.bs-tkn-pipeline-visualization-step-list__task-type {\n  line-height: var(--pf-v5-global--spacer--xs);\n  max-height: var(--pf-v5-global--spacer--2xl);\n  margin: 0 auto 10px auto;\n}\n\n.bs-tkn-pipeline-visualization-step-list__step {\n  display: flex;\n  margin-bottom: var(--pf-v5-global--spacer--xs);\n}\n\n.bs-tkn-pipeline-visualization-step-list__step--task-run {\n  margin-bottom: var(--pf-v5-global--spacer--sm);\n}\n\n.bs-tkn-pipeline-visualization-step-list__step:last-child {\n  margin-bottom: 0;\n}\n\n.bs-tkn-pipeline-visualization-step-list__bullet {\n  font-size: 1rem;\n}\n\n.bs-tkn-pipeline-visualization-step-list__icon {\n  flex: 0 0 18px;\n}\n\n.bs-tkn-pipeline-visualization-step-list__icon-backdrop {\n  fill: var(--pf-v5-global--Color--light-100);\n}\n\n.bs-tkn-pipeline-visualization-step-list__name {\n  flex: 1 1 auto;\n  overflow: hidden;\n  padding-left: var(--pf-v5-global--spacer--sm);\n  text-align: left;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.bs-tkn-pipeline-visualization-step-list__name.is-main-focus {\n  padding: 0 var(--pf-v5-global--spacer--sm);\n  text-align: center;\n}\n\n.bs-tkn-pipeline-visualization-step-list__duration {\n  flex: 0 0 auto;\n  padding-left: var(--pf-v5-global--spacer--sm);\n  text-align: right;\n}\n";
+styleInject(css_248z);
+
+export { css_248z as default };
+//# sourceMappingURL=PipelineVisualizationStepList.css.esm.js.map

package/dist/components/pipeline-topology/PipelineVisualizationStepList.css.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PipelineVisualizationStepList.css.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/components/pipeline-topology/PipelineVisualizationStepList.esm.js

@@ -0,0 +1,39 @@
+import React__default from 'react';
+import classNames from 'classnames';
+import { Status } from '@janus-idp/shared-react';
+import './PipelineVisualizationStepList.css.esm.js';
+
+const TooltipColoredStatusIcon = ({
+  status
+}) => {
+  const icon = /* @__PURE__ */ React__default.createElement(Status, { status, iconOnly: true });
+  return icon;
+};
+const PipelineVisualizationStepList = ({
+  isSpecOverview,
+  taskName,
+  steps,
+  isFinallyTask,
+  hideHeader
+}) => {
+  return /* @__PURE__ */ React__default.createElement("div", { className: "bs-tkn-pipeline-visualization-step-list" }, !hideHeader && /* @__PURE__ */ React__default.createElement("div", { className: "bs-tkn-pipeline-visualization-step-list__task-name" }, taskName), isFinallyTask && /* @__PURE__ */ React__default.createElement("div", { className: "bs-tkn-pipeline-visualization-step-list__task-type" }, "Finally task"), steps?.map(({ duration, name, status }) => {
+    return /* @__PURE__ */ React__default.createElement(
+      "div",
+      {
+        className: classNames(
+          "bs-tkn-pipeline-visualization-step-list__step",
+          {
+            "bs-tkn-pipeline-visualization-step-list__step--task-run": !isSpecOverview
+          }
+        ),
+        key: name
+      },
+      !isSpecOverview ? /* @__PURE__ */ React__default.createElement("div", { className: "bs-tkn-pipeline-visualization-step-list__icon" }, /* @__PURE__ */ React__default.createElement(TooltipColoredStatusIcon, { status })) : /* @__PURE__ */ React__default.createElement("span", { className: "bs-tkn-pipeline-visualization-step-list__bullet" }, "\u2022"),
+      /* @__PURE__ */ React__default.createElement("div", { className: "bs-tkn-pipeline-visualization-step-list__name" }, name),
+      !isSpecOverview && /* @__PURE__ */ React__default.createElement("div", { className: "bs-tkn-pipeline-visualization-step-list__duration" }, duration)
+    );
+  }));
+};
+
+export { PipelineVisualizationStepList };
+//# sourceMappingURL=PipelineVisualizationStepList.esm.js.map

package/dist/components/pipeline-topology/PipelineVisualizationStepList.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PipelineVisualizationStepList.esm.js","sources":["../../../src/components/pipeline-topology/PipelineVisualizationStepList.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport { RunStatus } from '@patternfly/react-topology';\nimport classNames from 'classnames';\n\nimport { Status } from '@janus-idp/shared-react';\n\nimport { StepStatus } from '../../types/taskRun';\n\nimport './PipelineVisualizationStepList.css';\n\nexport type PipelineVisualizationStepListProps = {\n  isSpecOverview: boolean;\n  taskName: string;\n  steps: StepStatus[];\n  isFinallyTask?: boolean;\n  hideHeader?: boolean;\n};\n\ntype TooltipColoredStatusIconProps = {\n  status: RunStatus;\n};\n\nconst TooltipColoredStatusIcon = ({\n  status,\n}: TooltipColoredStatusIconProps) => {\n  const icon = <Status status={status} iconOnly />;\n  return icon;\n};\n\nexport const PipelineVisualizationStepList = ({\n  isSpecOverview,\n  taskName,\n  steps,\n  isFinallyTask,\n  hideHeader,\n}: PipelineVisualizationStepListProps) => {\n  return (\n    <div className=\"bs-tkn-pipeline-visualization-step-list\">\n      {!hideHeader && (\n        <div className=\"bs-tkn-pipeline-visualization-step-list__task-name\">\n          {taskName}\n        </div>\n      )}\n      {isFinallyTask && (\n        <div className=\"bs-tkn-pipeline-visualization-step-list__task-type\">\n          Finally task\n        </div>\n      )}\n      {steps?.map(({ duration, name, status }) => {\n        return (\n          <div\n            className={classNames(\n              'bs-tkn-pipeline-visualization-step-list__step',\n              {\n                'bs-tkn-pipeline-visualization-step-list__step--task-run':\n                  !isSpecOverview,\n              },\n            )}\n            key={name}\n          >\n            {!isSpecOverview ? (\n              <div className=\"bs-tkn-pipeline-visualization-step-list__icon\">\n                <TooltipColoredStatusIcon status={status} />\n              </div>\n            ) : (\n              <span className=\"bs-tkn-pipeline-visualization-step-list__bullet\">\n                &bull;\n              </span>\n            )}\n            <div className=\"bs-tkn-pipeline-visualization-step-list__name\">\n              {name}\n            </div>\n            {!isSpecOverview && (\n              <div className=\"bs-tkn-pipeline-visualization-step-list__duration\">\n                {duration}\n              </div>\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"],"names":["React"],"mappings":";;;;;AAsCA,MAAM,2BAA2B,CAAC;AAAA,EAChC;AACF,CAAqC,KAAA;AACnC,EAAA,MAAM,IAAO,mBAAAA,cAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,MAAA,EAAgB,UAAQ,IAAC,EAAA,CAAA;AAC9C,EAAO,OAAA,IAAA;AACT,CAAA;AAEO,MAAM,gCAAgC,CAAC;AAAA,EAC5C,cAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAA0C,KAAA;AACxC,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,yCACZ,EAAA,EAAA,CAAC,UACA,oBAAAA,cAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,oDACZ,EAAA,EAAA,QACH,CAED,EAAA,aAAA,iDACE,KAAI,EAAA,EAAA,SAAA,EAAU,oDAAqD,EAAA,EAAA,cAEpE,CAED,EAAA,KAAA,EAAO,GAAI,CAAA,CAAC,EAAE,QAAA,EAAU,IAAM,EAAA,MAAA,EAAa,KAAA;AAC1C,IACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,UAAA;AAAA,UACT,+CAAA;AAAA,UACA;AAAA,YACE,2DACE,CAAC;AAAA;AACL,SACF;AAAA,QACA,GAAK,EAAA;AAAA,OAAA;AAAA,MAEJ,CAAC,cAAA,mBACCA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,WAAU,+CACb,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,wBAAyB,EAAA,EAAA,MAAA,EAAgB,CAC5C,CAEA,mBAAAA,cAAA,CAAA,aAAA,CAAC,MAAK,EAAA,EAAA,SAAA,EAAU,qDAAkD,QAElE,CAAA;AAAA,sBAEDA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,SAAU,EAAA,+CAAA,EAAA,EACZ,IACH,CAAA;AAAA,MACC,CAAC,cACA,oBAAAA,cAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,uDACZ,QACH;AAAA,KAEJ;AAAA,GAEH,CACH,CAAA;AAEJ;;;;"}

package/dist/components/pipeline-topology/PipelineVisualizationView.esm.js

@@ -0,0 +1,41 @@
+import React__default from 'react';
+import { Progress, EmptyState } from '@backstage/core-components';
+import { isEmpty } from 'lodash';
+import { TektonResourcesContext } from '../../hooks/TektonResourcesContext.esm.js';
+import { getPipelineRun } from '../../utils/pipelineRun-utils.esm.js';
+import { PipelineVisualization } from './PipelineVisualization.esm.js';
+import './PipelineVisualization.css.esm.js';
+
+const PipelineVisualizationView = ({
+  pipelineRun
+}) => {
+  const { loaded, responseError, watchResourcesData } = React__default.useContext(
+    TektonResourcesContext
+  );
+  const pipelineRunResource = React__default.useMemo(
+    () => getPipelineRun(watchResourcesData?.pipelineruns?.data ?? [], pipelineRun),
+    [watchResourcesData, pipelineRun]
+  );
+  if (!loaded)
+    return /* @__PURE__ */ React__default.createElement("div", { "data-testid": "tekton-progress" }, /* @__PURE__ */ React__default.createElement(Progress, null));
+  if (loaded && (responseError || isEmpty(pipelineRunResource))) {
+    return /* @__PURE__ */ React__default.createElement(
+      EmptyState,
+      {
+        missing: "data",
+        description: "No Pipeline Run to visualize",
+        title: ""
+      }
+    );
+  }
+  return /* @__PURE__ */ React__default.createElement(
+    PipelineVisualization,
+    {
+      pipelineRun: pipelineRunResource,
+      taskRuns: watchResourcesData?.taskruns?.data ?? []
+    }
+  );
+};
+
+export { PipelineVisualizationView };
+//# sourceMappingURL=PipelineVisualizationView.esm.js.map

package/dist/components/pipeline-topology/PipelineVisualizationView.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PipelineVisualizationView.esm.js","sources":["../../../src/components/pipeline-topology/PipelineVisualizationView.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport { EmptyState, Progress } from '@backstage/core-components';\n\nimport { isEmpty } from 'lodash';\n\nimport { TektonResourcesContext } from '../../hooks/TektonResourcesContext';\nimport { getPipelineRun } from '../../utils/pipelineRun-utils';\nimport { PipelineVisualization } from './PipelineVisualization';\n\nimport './PipelineVisualization.css';\n\ntype PipelineVisualizationViewProps = {\n  pipelineRun: string;\n};\n\nexport const PipelineVisualizationView = ({\n  pipelineRun,\n}: PipelineVisualizationViewProps) => {\n  const { loaded, responseError, watchResourcesData } = React.useContext(\n    TektonResourcesContext,\n  );\n\n  const pipelineRunResource = React.useMemo(\n    () =>\n      getPipelineRun(watchResourcesData?.pipelineruns?.data ?? [], pipelineRun),\n    [watchResourcesData, pipelineRun],\n  );\n\n  if (!loaded)\n    return (\n      <div data-testid=\"tekton-progress\">\n        <Progress />\n      </div>\n    );\n\n  if (loaded && (responseError || isEmpty(pipelineRunResource))) {\n    return (\n      <EmptyState\n        missing=\"data\"\n        description=\"No Pipeline Run to visualize\"\n        title=\"\"\n      />\n    );\n  }\n\n  return (\n    <PipelineVisualization\n      pipelineRun={pipelineRunResource}\n      taskRuns={watchResourcesData?.taskruns?.data ?? []}\n    />\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;AA+BO,MAAM,4BAA4B,CAAC;AAAA,EACxC;AACF,CAAsC,KAAA;AACpC,EAAA,MAAM,EAAE,MAAA,EAAQ,aAAe,EAAA,kBAAA,KAAuBA,cAAM,CAAA,UAAA;AAAA,IAC1D;AAAA,GACF;AAEA,EAAA,MAAM,sBAAsBA,cAAM,CAAA,OAAA;AAAA,IAChC,MACE,cAAe,CAAA,kBAAA,EAAoB,cAAc,IAAQ,IAAA,IAAI,WAAW,CAAA;AAAA,IAC1E,CAAC,oBAAoB,WAAW;AAAA,GAClC;AAEA,EAAA,IAAI,CAAC,MAAA;AACH,IAAA,oDACG,KAAI,EAAA,EAAA,aAAA,EAAY,iBACf,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,cAAS,CACZ,CAAA;AAGJ,EAAA,IAAI,MAAW,KAAA,aAAA,IAAiB,OAAQ,CAAA,mBAAmB,CAAI,CAAA,EAAA;AAC7D,IACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,MAAA;AAAA,QACR,WAAY,EAAA,8BAAA;AAAA,QACZ,KAAM,EAAA;AAAA;AAAA,KACR;AAAA;AAIJ,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,WAAa,EAAA,mBAAA;AAAA,MACb,QAAU,EAAA,kBAAA,EAAoB,QAAU,EAAA,IAAA,IAAQ;AAAC;AAAA,GACnD;AAEJ;;;;"}

package/dist/components/pipeline-topology/TaskGroupEdge.esm.js

@@ -0,0 +1,16 @@
+import React__default from 'react';
+import { TaskEdge } from '@patternfly/react-topology';
+import { observer } from 'mobx-react';
+import { GROUPED_PIPELINE_NODE_SEPARATION_HORIZONTAL } from '../../consts/pipeline-topology-const.esm.js';
+
+const TaskGroupEdge = (props) => /* @__PURE__ */ React__default.createElement(
+  TaskEdge,
+  {
+    nodeSeparation: GROUPED_PIPELINE_NODE_SEPARATION_HORIZONTAL,
+    ...props
+  }
+);
+var TaskGroupEdge$1 = observer(TaskGroupEdge);
+
+export { TaskGroupEdge$1 as default };
+//# sourceMappingURL=TaskGroupEdge.esm.js.map

package/dist/components/pipeline-topology/TaskGroupEdge.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskGroupEdge.esm.js","sources":["../../../src/components/pipeline-topology/TaskGroupEdge.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport { Edge, TaskEdge } from '@patternfly/react-topology';\n// eslint-disable-next-line @backstage/no-undeclared-imports\nimport { observer } from 'mobx-react';\n\nimport { GROUPED_PIPELINE_NODE_SEPARATION_HORIZONTAL } from '../../consts/pipeline-topology-const';\n\ninterface TaskEdgeProps {\n  element: Edge;\n}\n\nconst TaskGroupEdge = (props: TaskEdgeProps) => (\n  <TaskEdge\n    nodeSeparation={GROUPED_PIPELINE_NODE_SEPARATION_HORIZONTAL}\n    {...props}\n  />\n);\n\nexport default observer(TaskGroupEdge);\n"],"names":["React"],"mappings":";;;;;AA2BA,MAAM,aAAA,GAAgB,CAAC,KACrB,qBAAAA,cAAA,CAAA,aAAA;AAAA,EAAC,QAAA;AAAA,EAAA;AAAA,IACC,cAAgB,EAAA,2CAAA;AAAA,IACf,GAAG;AAAA;AACN,CAAA;AAGF,sBAAe,SAAS,aAAa,CAAA;;;;"}

package/dist/components/pipeline-topology/dag.esm.js

@@ -0,0 +1,119 @@
+class DAG {
+  names;
+  vertices;
+  constructor() {
+    this.names = [];
+    this.vertices = /* @__PURE__ */ new Map();
+  }
+  visit(vertex, fn, visited, path) {
+    const { name } = vertex;
+    const vertices = vertex.dependancy;
+    const names = vertex.dependancyNames;
+    const len = names.length;
+    if (!visited) {
+      visited = /* @__PURE__ */ new Map();
+    }
+    if (!path) {
+      path = [];
+    }
+    if (visited.has(name)) {
+      return;
+    }
+    path.push(name);
+    visited.set(name, true);
+    for (let i = 0; i < len; i++) {
+      this.visit(vertices[names[i]], fn, visited, path);
+    }
+    fn(vertex, path);
+    path.pop();
+  }
+  map(name, data) {
+    const vertex = this.addVertex(name);
+    vertex.data = data;
+  }
+  addVertex(name) {
+    if (!name) {
+      return null;
+    }
+    if (this.vertices.has(name)) {
+      return this.vertices.get(name);
+    }
+    const vertex = {
+      name,
+      level: 0,
+      dependancy: {},
+      dependancyNames: [],
+      hasOutgoing: false,
+      data: {}
+    };
+    this.vertices.set(name, vertex);
+    this.names.push(name);
+    return vertex;
+  }
+  addEdge(source, target) {
+    if (!source || !target || source === target) {
+      return;
+    }
+    const fromNode = this.addVertex(source);
+    const toNode = this.addVertex(target);
+    if (toNode.dependancy[source]) {
+      return;
+    }
+    const printPath = (path, tar) => {
+      const reversedPath = [...path].reverse();
+      return `${reversedPath.join(" --> ")} --> ${tar}`;
+    };
+    const checkCycle = (vertex, path) => {
+      if (vertex.name === target) {
+        throw new Error(`cycle detected: ${printPath(path, target)}`);
+      } else {
+        vertex.level = path.length;
+      }
+    };
+    this.visit(fromNode, checkCycle);
+    fromNode.hasOutgoing = true;
+    toNode.dependancy[source] = fromNode;
+    toNode.dependancyNames.push(source);
+  }
+  addEdges(name, data, before, after) {
+    this.map(name, data);
+    if (before) {
+      if (typeof before === "string") {
+        this.addEdge(name, before);
+      } else {
+        before.forEach((b) => this.addEdge(name, b));
+      }
+    }
+    if (after) {
+      if (typeof after === "string") {
+        this.addEdge(after, name);
+      } else {
+        after.forEach((a) => this.addEdge(a, name));
+      }
+    }
+  }
+  topologicalSort(fn) {
+    const visited = /* @__PURE__ */ new Map();
+    const { vertices } = this;
+    const { names } = this;
+    const len = names.length;
+    for (let i = 0; i < len; i++) {
+      const vertex = vertices.get(names[i]);
+      if (!vertex.hasOutgoing) {
+        this.visit(vertex, fn, visited);
+      }
+    }
+  }
+  printGraph() {
+    const orderedNodes = [];
+    this.topologicalSort((v, t) => {
+      v.data.stage = this.names.length - t.length;
+      orderedNodes.push(v.name);
+    });
+    console.log(orderedNodes.join(" --> "));
+    return orderedNodes.join(" --> ");
+  }
+}
+
+export { DAG };
+//# sourceMappingURL=dag.esm.js.map

package/dist/components/pipeline-topology/dag.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dag.esm.js","sources":["../../../src/components/pipeline-topology/dag.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nexport interface Vertex {\n  name: string;\n  level: number;\n  dependancy: { [key: string]: any };\n  dependancyNames: string[];\n  hasOutgoing: boolean;\n  data: any;\n}\n\ntype Vertices = Map<string, Vertex>;\n\nexport class DAG {\n  names: string[];\n\n  vertices: Vertices;\n\n  constructor() {\n    this.names = [];\n    this.vertices = new Map();\n  }\n\n  private visit(\n    vertex: Vertex,\n    fn: (v: Vertex, path: string[]) => void,\n    visited?: any,\n    path?: string[],\n  ) {\n    const { name } = vertex;\n    const vertices = vertex.dependancy;\n    const names = vertex.dependancyNames;\n    const len = names.length;\n\n    if (!visited) {\n      // eslint-disable-next-line no-param-reassign\n      visited = new Map();\n    }\n    if (!path) {\n      // eslint-disable-next-line no-param-reassign\n      path = [];\n    }\n    if (visited.has(name)) {\n      return;\n    }\n    path.push(name);\n    visited.set(name, true);\n    for (let i = 0; i < len; i++) {\n      this.visit(vertices[names[i]], fn, visited, path);\n    }\n    fn(vertex, path);\n    path.pop();\n  }\n\n  private map(name: string, data: any) {\n    const vertex = this.addVertex(name) as Vertex;\n    vertex.data = data;\n  }\n\n  addVertex(name: string) {\n    if (!name) {\n      return null;\n    }\n    if (this.vertices.has(name)) {\n      return this.vertices.get(name);\n    }\n\n    const vertex: Vertex = {\n      name,\n      level: 0,\n      dependancy: {},\n      dependancyNames: [],\n      hasOutgoing: false,\n      data: {},\n    };\n    this.vertices.set(name, vertex);\n    this.names.push(name);\n    return vertex;\n  }\n\n  addEdge(source: string, target: string): void {\n    if (!source || !target || source === target) {\n      return;\n    }\n    const fromNode = this.addVertex(source) as Vertex;\n    const toNode = this.addVertex(target) as Vertex;\n\n    if (toNode.dependancy[source]) {\n      return;\n    }\n\n    const printPath = (path: string[], tar: string): string => {\n      const reversedPath = [...path].reverse();\n      return `${reversedPath.join(' --> ')} --> ${tar}`;\n    };\n\n    const checkCycle = (vertex: Vertex, path: string[]) => {\n      if (vertex.name === target) {\n        throw new Error(`cycle detected: ${printPath(path, target)}`);\n      } else {\n        vertex.level = path.length;\n      }\n    };\n    this.visit(fromNode, checkCycle);\n    fromNode.hasOutgoing = true;\n    toNode.dependancy[source] = fromNode;\n    toNode.dependancyNames.push(source);\n  }\n\n  addEdges(\n    name: string,\n    data: any,\n    before: string | string[],\n    after: string | string[],\n  ): void {\n    this.map(name, data);\n\n    if (before) {\n      if (typeof before === 'string') {\n        this.addEdge(name, before);\n      } else {\n        before.forEach(b => this.addEdge(name, b));\n      }\n    }\n    if (after) {\n      if (typeof after === 'string') {\n        this.addEdge(after, name);\n      } else {\n        after.forEach(a => this.addEdge(a, name));\n      }\n    }\n  }\n\n  topologicalSort(fn: any): void {\n    const visited = new Map();\n    const { vertices } = this;\n    const { names } = this;\n    const len = names.length;\n\n    for (let i = 0; i < len; i++) {\n      const vertex = vertices.get(names[i]) as Vertex;\n      if (!vertex.hasOutgoing) {\n        this.visit(vertex, fn, visited);\n      }\n    }\n  }\n\n  printGraph() {\n    const orderedNodes: string[] = [];\n    this.topologicalSort((v: Vertex, t: string) => {\n      v.data.stage = this.names.length - t.length;\n      orderedNodes.push(v.name);\n    });\n    // eslint-disable-next-line no-console\n    console.log(orderedNodes.join(' --> '));\n    return orderedNodes.join(' --> ');\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/components/pipeline-topology/pipelineComponentFactory.esm.js

@@ -0,0 +1,60 @@
+import { PipelineDagreLayout, DagreLayout, ModelKind, withPanZoom, GraphComponent, TaskEdge, SpacerNode, DefaultTaskGroup } from '@patternfly/react-topology';
+import { PipelineLayout, NodeType } from '../../consts/pipeline-topology-const.esm.js';
+import { getLayoutData } from '../../utils/pipeline-topology-utils.esm.js';
+import PipelineTaskNode from './PipelineTaskNode.esm.js';
+import TaskGroupEdge from './TaskGroupEdge.esm.js';
+
+const GROUPED_EDGE_TYPE = "GROUPED_EDGE";
+const layoutFactory = (type, graph) => {
+  switch (type) {
+    case PipelineLayout.DAGRE_BUILDER:
+    case PipelineLayout.DAGRE_BUILDER_SPACED:
+      return new DagreLayout(graph, {
+        // Hack to get around undesirable defaults
+        linkDistance: 0,
+        nodeDistance: 0,
+        groupDistance: 0,
+        collideDistance: 0,
+        simulationSpeed: 0,
+        chargeStrength: 0,
+        allowDrag: false,
+        layoutOnDrag: false,
+        ...getLayoutData(type)
+      });
+    case PipelineLayout.DAGRE_VIEWER:
+      return new PipelineDagreLayout(graph, { nodesep: 25 });
+    default:
+      return void 0;
+  }
+};
+const pipelineComponentFactory = (kind, type) => {
+  if (kind === ModelKind.graph) {
+    return withPanZoom()(GraphComponent);
+  }
+  if (kind === ModelKind.edge) {
+    return TaskEdge;
+  }
+  if (kind === ModelKind.node) {
+    switch (type) {
+      case NodeType.TASK_NODE:
+      case NodeType.FINALLY_NODE:
+        return PipelineTaskNode;
+      case "task-group":
+      case NodeType.FINALLY_GROUP:
+        return DefaultTaskGroup;
+      case NodeType.SPACER_NODE:
+        return SpacerNode;
+      case "finally-spacer-edge":
+      case NodeType.EDGE:
+        return TaskEdge;
+      case GROUPED_EDGE_TYPE:
+        return TaskGroupEdge;
+      default:
+        return void 0;
+    }
+  }
+  return void 0;
+};
+
+export { pipelineComponentFactory as default, layoutFactory };
+//# sourceMappingURL=pipelineComponentFactory.esm.js.map

package/dist/components/pipeline-topology/pipelineComponentFactory.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipelineComponentFactory.esm.js","sources":["../../../src/components/pipeline-topology/pipelineComponentFactory.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport {\n  ComponentFactory,\n  DagreLayout,\n  DefaultTaskGroup,\n  Graph,\n  GraphComponent,\n  GraphElement,\n  LayoutFactory,\n  ModelKind,\n  PipelineDagreLayout,\n  SpacerNode,\n  TaskEdge,\n  withPanZoom,\n} from '@patternfly/react-topology';\n\nimport { NodeType, PipelineLayout } from '../../consts/pipeline-topology-const';\nimport { getLayoutData } from '../../utils/pipeline-topology-utils';\nimport PipelineTaskNode from './PipelineTaskNode';\nimport TaskGroupEdge from './TaskGroupEdge';\n\nconst GROUPED_EDGE_TYPE = 'GROUPED_EDGE';\n\nexport const layoutFactory: LayoutFactory = (type: string, graph: Graph) => {\n  switch (type) {\n    case PipelineLayout.DAGRE_BUILDER:\n    case PipelineLayout.DAGRE_BUILDER_SPACED:\n      return new DagreLayout(graph, {\n        // Hack to get around undesirable defaults\n        linkDistance: 0,\n        nodeDistance: 0,\n        groupDistance: 0,\n        collideDistance: 0,\n        simulationSpeed: 0,\n        chargeStrength: 0,\n        allowDrag: false,\n        layoutOnDrag: false,\n        ...getLayoutData(type),\n      });\n    case PipelineLayout.DAGRE_VIEWER:\n      return new PipelineDagreLayout(graph, { nodesep: 25 });\n    default:\n      return undefined;\n  }\n};\n\nconst pipelineComponentFactory: ComponentFactory = (\n  kind: ModelKind,\n  type: string,\n): React.ComponentType<{ element: GraphElement }> | undefined => {\n  if (kind === ModelKind.graph) {\n    return withPanZoom()(GraphComponent) as React.ComponentType<{\n      element: GraphElement;\n    }>;\n  }\n  if (kind === ModelKind.edge) {\n    return TaskEdge as React.ComponentType<{ element: GraphElement }>;\n  }\n  if (kind === ModelKind.node) {\n    switch (type) {\n      case NodeType.TASK_NODE:\n      case NodeType.FINALLY_NODE:\n        return PipelineTaskNode as React.ComponentType<any>;\n      case 'task-group':\n      case NodeType.FINALLY_GROUP:\n        return DefaultTaskGroup as React.ComponentType<{\n          element: GraphElement;\n        }>;\n      case NodeType.SPACER_NODE:\n        return SpacerNode as React.ComponentType<{ element: GraphElement }>;\n      case 'finally-spacer-edge':\n      case NodeType.EDGE:\n        return TaskEdge as React.ComponentType<{ element: GraphElement }>;\n      case GROUPED_EDGE_TYPE:\n        return TaskGroupEdge as React.ComponentType<{ element: GraphElement }>;\n      default:\n        return undefined;\n    }\n  }\n  return undefined;\n};\n\nexport default pipelineComponentFactory;\n"],"names":[],"mappings":";;;;;;AAqCA,MAAM,iBAAoB,GAAA,cAAA;AAEb,MAAA,aAAA,GAA+B,CAAC,IAAA,EAAc,KAAiB,KAAA;AAC1E,EAAA,QAAQ,IAAM;AAAA,IACZ,KAAK,cAAe,CAAA,aAAA;AAAA,IACpB,KAAK,cAAe,CAAA,oBAAA;AAClB,MAAO,OAAA,IAAI,YAAY,KAAO,EAAA;AAAA;AAAA,QAE5B,YAAc,EAAA,CAAA;AAAA,QACd,YAAc,EAAA,CAAA;AAAA,QACd,aAAe,EAAA,CAAA;AAAA,QACf,eAAiB,EAAA,CAAA;AAAA,QACjB,eAAiB,EAAA,CAAA;AAAA,QACjB,cAAgB,EAAA,CAAA;AAAA,QAChB,SAAW,EAAA,KAAA;AAAA,QACX,YAAc,EAAA,KAAA;AAAA,QACd,GAAG,cAAc,IAAI;AAAA,OACtB,CAAA;AAAA,IACH,KAAK,cAAe,CAAA,YAAA;AAClB,MAAA,OAAO,IAAI,mBAAoB,CAAA,KAAA,EAAO,EAAE,OAAA,EAAS,IAAI,CAAA;AAAA,IACvD;AACE,MAAO,OAAA,KAAA,CAAA;AAAA;AAEb;AAEM,MAAA,wBAAA,GAA6C,CACjD,IAAA,EACA,IAC+D,KAAA;AAC/D,EAAI,IAAA,IAAA,KAAS,UAAU,KAAO,EAAA;AAC5B,IAAO,OAAA,WAAA,GAAc,cAAc,CAAA;AAAA;AAIrC,EAAI,IAAA,IAAA,KAAS,UAAU,IAAM,EAAA;AAC3B,IAAO,OAAA,QAAA;AAAA;AAET,EAAI,IAAA,IAAA,KAAS,UAAU,IAAM,EAAA;AAC3B,IAAA,QAAQ,IAAM;AAAA,MACZ,KAAK,QAAS,CAAA,SAAA;AAAA,MACd,KAAK,QAAS,CAAA,YAAA;AACZ,QAAO,OAAA,gBAAA;AAAA,MACT,KAAK,YAAA;AAAA,MACL,KAAK,QAAS,CAAA,aAAA;AACZ,QAAO,OAAA,gBAAA;AAAA,MAGT,KAAK,QAAS,CAAA,WAAA;AACZ,QAAO,OAAA,UAAA;AAAA,MACT,KAAK,qBAAA;AAAA,MACL,KAAK,QAAS,CAAA,IAAA;AACZ,QAAO,OAAA,QAAA;AAAA,MACT,KAAK,iBAAA;AACH,QAAO,OAAA,aAAA;AAAA,MACT;AACE,QAAO,OAAA,KAAA,CAAA;AAAA;AACX;AAEF,EAAO,OAAA,KAAA,CAAA;AACT;;;;"}

package/dist/consts/pipeline-topology-const.esm.js

@@ -0,0 +1,66 @@
+const NODE_SEPARATION_HORIZONTAL = 25;
+const NODE_SEPARATION_VERTICAL = 20;
+const DROP_SHADOW_SPACING = 5;
+const BUILDER_NODE_ADD_RADIUS = 9;
+const NODE_WIDTH = 120;
+const NODE_HEIGHT = 30;
+const WHEN_EXPRESSION_SPACING = 25;
+const DEFAULT_NODE_HEIGHT = 32;
+const NODE_PADDING = 12;
+const DEFAULT_NODE_ICON_WIDTH = 30;
+const DEFAULT_BADGE_WIDTH = 40;
+const DEFAULT_FINALLLY_GROUP_PADDING = 35;
+const TOOLBAR_HEIGHT = 40;
+const GRAPH_MIN_WIDTH = 300;
+var NodeType = /* @__PURE__ */ ((NodeType2) => {
+  NodeType2["TASK_NODE"] = "task";
+  NodeType2["SPACER_NODE"] = "spacer";
+  NodeType2["LOADING_NODE"] = "loading";
+  NodeType2["TASK_LIST_NODE"] = "task-list";
+  NodeType2["BUILDER_NODE"] = "builder";
+  NodeType2["INVALID_TASK_LIST_NODE"] = "invalid-task-list";
+  NodeType2["FINALLY_NODE"] = "finally-node";
+  NodeType2["BUILDER_FINALLY_NODE"] = "builder-finally-node";
+  NodeType2["FINALLY_GROUP"] = "finally-group";
+  NodeType2["EDGE"] = "edge";
+  return NodeType2;
+})(NodeType || {});
+var PipelineLayout = /* @__PURE__ */ ((PipelineLayout2) => {
+  PipelineLayout2["DAGRE_BUILDER"] = "dagre-builder";
+  PipelineLayout2["DAGRE_BUILDER_SPACED"] = "dagre-builder-spaced";
+  PipelineLayout2["DAGRE_VIEWER"] = "dagre-viewer";
+  PipelineLayout2["DAGRE_VIEWER_SPACED"] = "dagre-viewer-spaced";
+  return PipelineLayout2;
+})(PipelineLayout || {});
+const DAGRE_SHARED_PROPS = {
+  nodesep: NODE_SEPARATION_VERTICAL,
+  ranksep: NODE_SEPARATION_HORIZONTAL,
+  edgesep: 50,
+  ranker: "longest-path",
+  rankdir: "LR",
+  marginx: 20,
+  marginy: 20
+};
+const DAGRE_VIEWER_PROPS = {
+  ...DAGRE_SHARED_PROPS
+};
+const DAGRE_VIEWER_SPACED_PROPS = {
+  ...DAGRE_VIEWER_PROPS,
+  ranksep: NODE_SEPARATION_HORIZONTAL + WHEN_EXPRESSION_SPACING
+};
+const DAGRE_BUILDER_PROPS = {
+  ...DAGRE_SHARED_PROPS,
+  ranksep: NODE_SEPARATION_HORIZONTAL + BUILDER_NODE_ADD_RADIUS * 2,
+  nodesep: NODE_SEPARATION_VERTICAL + BUILDER_NODE_ADD_RADIUS,
+  marginx: DAGRE_SHARED_PROPS.marginx,
+  marginy: DAGRE_SHARED_PROPS.marginy
+};
+const DAGRE_BUILDER_SPACED_PROPS = {
+  ...DAGRE_BUILDER_PROPS,
+  ranksep: NODE_SEPARATION_HORIZONTAL + WHEN_EXPRESSION_SPACING + BUILDER_NODE_ADD_RADIUS * 2
+};
+const GROUPED_PIPELINE_NODE_SEPARATION_HORIZONTAL = 200;
+const REGEX_EXTRACT_DEPS = /(?:\$\(tasks\.)([a-z0-9_-]+)(?:.results)(?:[.^\w]+\))/g;
+
+export { BUILDER_NODE_ADD_RADIUS, DAGRE_BUILDER_PROPS, DAGRE_BUILDER_SPACED_PROPS, DAGRE_VIEWER_PROPS, DAGRE_VIEWER_SPACED_PROPS, DEFAULT_BADGE_WIDTH, DEFAULT_FINALLLY_GROUP_PADDING, DEFAULT_NODE_HEIGHT, DEFAULT_NODE_ICON_WIDTH, DROP_SHADOW_SPACING, GRAPH_MIN_WIDTH, GROUPED_PIPELINE_NODE_SEPARATION_HORIZONTAL, NODE_HEIGHT, NODE_PADDING, NODE_SEPARATION_HORIZONTAL, NODE_SEPARATION_VERTICAL, NODE_WIDTH, NodeType, PipelineLayout, REGEX_EXTRACT_DEPS, TOOLBAR_HEIGHT, WHEN_EXPRESSION_SPACING };
+//# sourceMappingURL=pipeline-topology-const.esm.js.map

package/dist/consts/pipeline-topology-const.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline-topology-const.esm.js","sources":["../../src/consts/pipeline-topology-const.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport * as dagre from 'dagre';\n\nexport const NODE_SEPARATION_HORIZONTAL = 25;\nexport const NODE_SEPARATION_VERTICAL = 20;\nexport const DROP_SHADOW_SPACING = 5;\nexport const BUILDER_NODE_ADD_RADIUS = 9;\nexport const BUILDER_NODE_DECORATOR_RADIUS = 9;\nexport const BUILDER_NODE_ADD_PADDING = 4;\n\nexport const NODE_WIDTH = 120;\nexport const NODE_HEIGHT = 30;\nexport const FINALLY_NODE_PADDING = 30;\nexport const FINALLY_NODE_VERTICAL_SPACING = 20;\n\nexport const FINALLY_ADD_LINK_TEXT_HEIGHT = 10;\nexport const FINALLY_ADD_LINK_SIZE = 15;\nexport const WHEN_EXPRESSSION_DIAMOND_SIZE = 10;\nexport const WHEN_EXPRESSION_SPACING = 25;\n\nexport const DEFAULT_NODE_HEIGHT = 32;\nexport const NODE_PADDING = 12;\nexport const DEFAULT_NODE_ICON_WIDTH = 30;\nexport const DEFAULT_BADGE_WIDTH = 40;\nexport const DEFAULT_FINALLLY_GROUP_PADDING = 35;\nexport const TOOLBAR_HEIGHT = 40;\nexport const GRAPH_MIN_WIDTH = 300;\nexport const GRAPH_MAX_HEIGHT_PERCENT = 45;\n\nexport enum NodeType {\n  TASK_NODE = 'task',\n  SPACER_NODE = 'spacer',\n  LOADING_NODE = 'loading',\n  TASK_LIST_NODE = 'task-list',\n  BUILDER_NODE = 'builder',\n  INVALID_TASK_LIST_NODE = 'invalid-task-list',\n  FINALLY_NODE = 'finally-node',\n  BUILDER_FINALLY_NODE = 'builder-finally-node',\n  FINALLY_GROUP = 'finally-group',\n  EDGE = 'edge',\n}\nexport enum DrawDesign {\n  INTEGRAL_SHAPE = 'integral-shape',\n  STRAIGHT = 'line',\n}\nexport enum PipelineLayout {\n  DAGRE_BUILDER = 'dagre-builder',\n  DAGRE_BUILDER_SPACED = 'dagre-builder-spaced',\n  DAGRE_VIEWER = 'dagre-viewer',\n  DAGRE_VIEWER_SPACED = 'dagre-viewer-spaced',\n}\n\nexport enum AddNodeDirection {\n  /**\n   * Rules today:\n   *  - the `relatedTask` is pointing at ONLY us\n   *  - we inherit all that `relatedTask` is pointing at\n   */\n  BEFORE = 'in-run-after',\n\n  /**\n   * Rules today:\n   *  - the `relatedTask` must be our ONLY runAfter\n   *  - we are added to all that is pointing at `relatedTask`\n   */\n  AFTER = 'has-run-after',\n\n  /**\n   * Rules today:\n   *  - we inherit all that `relatedTask` is pointing at\n   *  - we are added to all that is pointing at `relatedTask`\n   */\n  PARALLEL = 'shared-parallel',\n}\n\nconst DAGRE_SHARED_PROPS: dagre.GraphLabel = {\n  nodesep: NODE_SEPARATION_VERTICAL,\n  ranksep: NODE_SEPARATION_HORIZONTAL,\n  edgesep: 50,\n  ranker: 'longest-path',\n  rankdir: 'LR',\n  marginx: 20,\n  marginy: 20,\n};\nexport const DAGRE_VIEWER_PROPS: dagre.GraphLabel = {\n  ...DAGRE_SHARED_PROPS,\n};\nexport const DAGRE_VIEWER_SPACED_PROPS: dagre.GraphLabel = {\n  ...DAGRE_VIEWER_PROPS,\n  ranksep: NODE_SEPARATION_HORIZONTAL + WHEN_EXPRESSION_SPACING,\n};\nexport const DAGRE_BUILDER_PROPS: dagre.GraphLabel = {\n  ...DAGRE_SHARED_PROPS,\n  ranksep: NODE_SEPARATION_HORIZONTAL + BUILDER_NODE_ADD_RADIUS * 2,\n  nodesep: NODE_SEPARATION_VERTICAL + BUILDER_NODE_ADD_RADIUS,\n  marginx: DAGRE_SHARED_PROPS.marginx ?? 0 + BUILDER_NODE_ADD_RADIUS * 2,\n  marginy: DAGRE_SHARED_PROPS.marginy ?? 0 + BUILDER_NODE_ADD_RADIUS * 2,\n};\n\nexport const DAGRE_BUILDER_SPACED_PROPS: dagre.GraphLabel = {\n  ...DAGRE_BUILDER_PROPS,\n  ranksep:\n    NODE_SEPARATION_HORIZONTAL +\n    WHEN_EXPRESSION_SPACING +\n    BUILDER_NODE_ADD_RADIUS * 2,\n};\n\nexport const GROUPED_PIPELINE_NODE_SEPARATION_HORIZONTAL = 200;\n\nexport const REGEX_EXTRACT_DEPS =\n  /(?:\\$\\(tasks\\.)([a-z0-9_-]+)(?:.results)(?:[.^\\w]+\\))/g;\n"],"names":["NodeType","PipelineLayout"],"mappings":"AAiBO,MAAM,0BAA6B,GAAA;AACnC,MAAM,wBAA2B,GAAA;AACjC,MAAM,mBAAsB,GAAA;AAC5B,MAAM,uBAA0B,GAAA;AAIhC,MAAM,UAAa,GAAA;AACnB,MAAM,WAAc,GAAA;AAOpB,MAAM,uBAA0B,GAAA;AAEhC,MAAM,mBAAsB,GAAA;AAC5B,MAAM,YAAe,GAAA;AACrB,MAAM,uBAA0B,GAAA;AAChC,MAAM,mBAAsB,GAAA;AAC5B,MAAM,8BAAiC,GAAA;AACvC,MAAM,cAAiB,GAAA;AACvB,MAAM,eAAkB,GAAA;AAGnB,IAAA,QAAA,qBAAAA,SAAL,KAAA;AACL,EAAAA,UAAA,WAAY,CAAA,GAAA,MAAA;AACZ,EAAAA,UAAA,aAAc,CAAA,GAAA,QAAA;AACd,EAAAA,UAAA,cAAe,CAAA,GAAA,SAAA;AACf,EAAAA,UAAA,gBAAiB,CAAA,GAAA,WAAA;AACjB,EAAAA,UAAA,cAAe,CAAA,GAAA,SAAA;AACf,EAAAA,UAAA,wBAAyB,CAAA,GAAA,mBAAA;AACzB,EAAAA,UAAA,cAAe,CAAA,GAAA,cAAA;AACf,EAAAA,UAAA,sBAAuB,CAAA,GAAA,sBAAA;AACvB,EAAAA,UAAA,eAAgB,CAAA,GAAA,eAAA;AAChB,EAAAA,UAAA,MAAO,CAAA,GAAA,MAAA;AAVG,EAAAA,OAAAA,SAAAA;AAAA,CAAA,EAAA,QAAA,IAAA,EAAA;AAgBA,IAAA,cAAA,qBAAAC,eAAL,KAAA;AACL,EAAAA,gBAAA,eAAgB,CAAA,GAAA,eAAA;AAChB,EAAAA,gBAAA,sBAAuB,CAAA,GAAA,sBAAA;AACvB,EAAAA,gBAAA,cAAe,CAAA,GAAA,cAAA;AACf,EAAAA,gBAAA,qBAAsB,CAAA,GAAA,qBAAA;AAJZ,EAAAA,OAAAA,eAAAA;AAAA,CAAA,EAAA,cAAA,IAAA,EAAA;AA8BZ,MAAM,kBAAuC,GAAA;AAAA,EAC3C,OAAS,EAAA,wBAAA;AAAA,EACT,OAAS,EAAA,0BAAA;AAAA,EACT,OAAS,EAAA,EAAA;AAAA,EACT,MAAQ,EAAA,cAAA;AAAA,EACR,OAAS,EAAA,IAAA;AAAA,EACT,OAAS,EAAA,EAAA;AAAA,EACT,OAAS,EAAA;AACX,CAAA;AACO,MAAM,kBAAuC,GAAA;AAAA,EAClD,GAAG;AACL;AACO,MAAM,yBAA8C,GAAA;AAAA,EACzD,GAAG,kBAAA;AAAA,EACH,SAAS,0BAA6B,GAAA;AACxC;AACO,MAAM,mBAAwC,GAAA;AAAA,EACnD,GAAG,kBAAA;AAAA,EACH,OAAA,EAAS,6BAA6B,uBAA0B,GAAA,CAAA;AAAA,EAChE,SAAS,wBAA2B,GAAA,uBAAA;AAAA,EACpC,OAAS,EAAA,kBAAA,CAAmB,OAAyC;AAAA,EACrE,OAAS,EAAA,kBAAA,CAAmB;AAC9B;AAEO,MAAM,0BAA+C,GAAA;AAAA,EAC1D,GAAG,mBAAA;AAAA,EACH,OAAA,EACE,0BACA,GAAA,uBAAA,GACA,uBAA0B,GAAA;AAC9B;AAEO,MAAM,2CAA8C,GAAA;AAEpD,MAAM,kBACX,GAAA;;;;"}

package/dist/consts/tekton-const.esm.js

@@ -0,0 +1,7 @@
+const TEKTON_PIPELINE_TASK = "tekton.dev/pipelineTask";
+const TEKTON_PIPELINE_RUN = "tekton.dev/pipelineRun";
+const TEKTON_PIPELINE_TASKRUN = "tekton.dev/taskRun";
+const TEKTON_SIGNED_ANNOTATION = "chains.tekton.dev/signed";
+
+export { TEKTON_PIPELINE_RUN, TEKTON_PIPELINE_TASK, TEKTON_PIPELINE_TASKRUN, TEKTON_SIGNED_ANNOTATION };
+//# sourceMappingURL=tekton-const.esm.js.map

package/dist/consts/tekton-const.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tekton-const.esm.js","sources":["../../src/consts/tekton-const.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nexport const TEKTON_PIPELINE_TASK = 'tekton.dev/pipelineTask';\nexport const TEKTON_PIPELINE_RUN = 'tekton.dev/pipelineRun';\nexport const TEKTON_PIPELINE_TASKRUN = 'tekton.dev/taskRun';\nexport const TEKTON_SIGNED_ANNOTATION = 'chains.tekton.dev/signed';\n"],"names":[],"mappings":"AAeO,MAAM,oBAAuB,GAAA;AAC7B,MAAM,mBAAsB,GAAA;AAC5B,MAAM,uBAA0B,GAAA;AAChC,MAAM,wBAA2B,GAAA;;;;"}

package/dist/hooks/TektonResourcesContext.esm.js

@@ -0,0 +1,16 @@
+import React__default from 'react';
+import { ComputedStatus } from '@janus-idp/shared-react';
+
+const TektonResourcesContext = React__default.createContext({
+  clusters: [],
+  selectedStatus: ComputedStatus.All,
+  setSelectedCluster: () => {
+  },
+  setSelectedStatus: () => {
+  },
+  setIsExpanded: () => {
+  }
+});
+
+export { TektonResourcesContext };
+//# sourceMappingURL=TektonResourcesContext.esm.js.map

package/dist/hooks/TektonResourcesContext.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TektonResourcesContext.esm.js","sources":["../../src/hooks/TektonResourcesContext.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport { ComputedStatus } from '@janus-idp/shared-react';\n\nimport { TektonResourcesContextData } from '../types/types';\n\nexport const TektonResourcesContext =\n  React.createContext<TektonResourcesContextData>({\n    clusters: [],\n    selectedStatus: ComputedStatus.All,\n    setSelectedCluster: () => {},\n    setSelectedStatus: () => {},\n    setIsExpanded: () => {},\n  });\n"],"names":["React"],"mappings":";;;AAqBa,MAAA,sBAAA,GACXA,eAAM,aAA0C,CAAA;AAAA,EAC9C,UAAU,EAAC;AAAA,EACX,gBAAgB,cAAe,CAAA,GAAA;AAAA,EAC/B,oBAAoB,MAAM;AAAA,GAAC;AAAA,EAC3B,mBAAmB,MAAM;AAAA,GAAC;AAAA,EAC1B,eAAe,MAAM;AAAA;AACvB,CAAC;;;;"}

package/dist/hooks/useAllWatchResources.esm.js

@@ -0,0 +1,35 @@
+import { useState, useEffect, useMemo } from 'react';
+import { useDeepCompareMemoize } from '@janus-idp/shared-react';
+import { getTektonResources } from '../utils/tekton-utils.esm.js';
+
+const useAllWatchResources = (k8sObjectsResponse, cluster, watchedResource = []) => {
+  const { kubernetesObjects, loading, error } = k8sObjectsResponse;
+  const [resources, setResources] = useState({});
+  useEffect(() => {
+    let isMounted = true;
+    if (isMounted && !loading && kubernetesObjects && !error) {
+      const tektonResources = getTektonResources(
+        cluster,
+        kubernetesObjects
+      );
+      if (tektonResources) {
+        setResources(tektonResources);
+      }
+    }
+    return () => {
+      isMounted = false;
+    };
+  }, [loading, kubernetesObjects, error, cluster]);
+  const watchResourcesData = useMemo(() => {
+    return watchedResource.reduce((acc, resKind) => {
+      if (resources[resKind]) {
+        acc[resKind] = resources[resKind];
+      }
+      return acc;
+    }, {});
+  }, [watchedResource, resources]);
+  return useDeepCompareMemoize(watchResourcesData);
+};
+
+export { useAllWatchResources };
+//# sourceMappingURL=useAllWatchResources.esm.js.map

package/dist/hooks/useAllWatchResources.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAllWatchResources.esm.js","sources":["../../src/hooks/useAllWatchResources.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useEffect, useMemo, useState } from 'react';\n\nimport { KubernetesObjects } from '@backstage/plugin-kubernetes-react';\n\nimport { useDeepCompareMemoize } from '@janus-idp/shared-react';\n\nimport { TektonResponseData } from '../types/types';\nimport { getTektonResources } from '../utils/tekton-utils';\n\nexport const useAllWatchResources = (\n  k8sObjectsResponse: KubernetesObjects,\n  cluster: number,\n  watchedResource: string[] = [],\n): TektonResponseData => {\n  const { kubernetesObjects, loading, error } = k8sObjectsResponse;\n  const [resources, setResources] = useState<TektonResponseData>({});\n\n  useEffect(() => {\n    let isMounted = true;\n    if (isMounted && !loading && kubernetesObjects && !error) {\n      const tektonResources: TektonResponseData = getTektonResources(\n        cluster,\n        kubernetesObjects,\n      );\n      if (tektonResources) {\n        setResources(tektonResources);\n      }\n    }\n    return () => {\n      isMounted = false;\n    };\n  }, [loading, kubernetesObjects, error, cluster]);\n\n  const watchResourcesData = useMemo(() => {\n    return watchedResource.reduce((acc: TektonResponseData, resKind) => {\n      if (resources[resKind]) {\n        acc[resKind] = resources[resKind];\n      }\n      return acc;\n    }, {});\n  }, [watchedResource, resources]);\n\n  return useDeepCompareMemoize(watchResourcesData);\n};\n"],"names":[],"mappings":";;;;AAwBO,MAAM,uBAAuB,CAClC,kBAAA,EACA,OACA,EAAA,eAAA,GAA4B,EACL,KAAA;AACvB,EAAA,MAAM,EAAE,iBAAA,EAAmB,OAAS,EAAA,KAAA,EAAU,GAAA,kBAAA;AAC9C,EAAA,MAAM,CAAC,SAAW,EAAA,YAAY,CAAI,GAAA,QAAA,CAA6B,EAAE,CAAA;AAEjE,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,SAAY,GAAA,IAAA;AAChB,IAAA,IAAI,SAAa,IAAA,CAAC,OAAW,IAAA,iBAAA,IAAqB,CAAC,KAAO,EAAA;AACxD,MAAA,MAAM,eAAsC,GAAA,kBAAA;AAAA,QAC1C,OAAA;AAAA,QACA;AAAA,OACF;AACA,MAAA,IAAI,eAAiB,EAAA;AACnB,QAAA,YAAA,CAAa,eAAe,CAAA;AAAA;AAC9B;AAEF,IAAA,OAAO,MAAM;AACX,MAAY,SAAA,GAAA,KAAA;AAAA,KACd;AAAA,KACC,CAAC,OAAA,EAAS,iBAAmB,EAAA,KAAA,EAAO,OAAO,CAAC,CAAA;AAE/C,EAAM,MAAA,kBAAA,GAAqB,QAAQ,MAAM;AACvC,IAAA,OAAO,eAAgB,CAAA,MAAA,CAAO,CAAC,GAAA,EAAyB,OAAY,KAAA;AAClE,MAAI,IAAA,SAAA,CAAU,OAAO,CAAG,EAAA;AACtB,QAAI,GAAA,CAAA,OAAO,CAAI,GAAA,SAAA,CAAU,OAAO,CAAA;AAAA;AAElC,MAAO,OAAA,GAAA;AAAA,KACT,EAAG,EAAE,CAAA;AAAA,GACJ,EAAA,CAAC,eAAiB,EAAA,SAAS,CAAC,CAAA;AAE/B,EAAA,OAAO,sBAAsB,kBAAkB,CAAA;AACjD;;;;"}

package/dist/hooks/useDarkTheme.esm.js

@@ -0,0 +1,21 @@
+import React__default from 'react';
+import { useTheme } from '@material-ui/core/styles';
+
+const THEME_DARK = "dark";
+const THEME_DARK_CLASS = "pf-v5-theme-dark";
+const useDarkTheme = () => {
+  const {
+    palette: { type }
+  } = useTheme();
+  React__default.useEffect(() => {
+    const htmlTagElement = document.documentElement;
+    if (type === THEME_DARK) {
+      htmlTagElement.classList.add(THEME_DARK_CLASS);
+    } else {
+      htmlTagElement.classList.remove(THEME_DARK_CLASS);
+    }
+  }, [type]);
+};
+
+export { useDarkTheme };
+//# sourceMappingURL=useDarkTheme.esm.js.map

package/dist/hooks/useDarkTheme.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDarkTheme.esm.js","sources":["../../src/hooks/useDarkTheme.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport { useTheme } from '@material-ui/core/styles';\n\nconst THEME_DARK = 'dark';\nconst THEME_DARK_CLASS = 'pf-v5-theme-dark';\n\nexport const useDarkTheme = () => {\n  const {\n    palette: { type },\n  } = useTheme();\n\n  React.useEffect(() => {\n    const htmlTagElement = document.documentElement;\n    if (type === THEME_DARK) {\n      htmlTagElement.classList.add(THEME_DARK_CLASS);\n    } else {\n      htmlTagElement.classList.remove(THEME_DARK_CLASS);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [type]);\n};\n"],"names":["React"],"mappings":";;;AAmBA,MAAM,UAAa,GAAA,MAAA;AACnB,MAAM,gBAAmB,GAAA,kBAAA;AAElB,MAAM,eAAe,MAAM;AAChC,EAAM,MAAA;AAAA,IACJ,OAAA,EAAS,EAAE,IAAK;AAAA,MACd,QAAS,EAAA;AAEb,EAAAA,cAAA,CAAM,UAAU,MAAM;AACpB,IAAA,MAAM,iBAAiB,QAAS,CAAA,eAAA;AAChC,IAAA,IAAI,SAAS,UAAY,EAAA;AACvB,MAAe,cAAA,CAAA,SAAA,CAAU,IAAI,gBAAgB,CAAA;AAAA,KACxC,MAAA;AACL,MAAe,cAAA,CAAA,SAAA,CAAU,OAAO,gBAAgB,CAAA;AAAA;AAClD,GAEF,EAAG,CAAC,IAAI,CAAC,CAAA;AACX;;;;"}

package/dist/hooks/usePipelineRunScanResults.esm.js

@@ -0,0 +1,35 @@
+import * as React from 'react';
+
+const SCAN_OUTPUT_SUFFIX = "SCAN_OUTPUT";
+const getPipelineRunScanResults = (pipelineRun) => (pipelineRun.status?.results || pipelineRun.status?.pipelineResults)?.reduce(
+  (acc, result) => {
+    if (result.name?.endsWith(SCAN_OUTPUT_SUFFIX)) {
+      if (!acc.vulnerabilities) {
+        acc.vulnerabilities = { critical: 0, high: 0, medium: 0, low: 0 };
+      }
+      try {
+        const taskVulnerabilities = JSON.parse(result.value);
+        if (taskVulnerabilities.vulnerabilities) {
+          acc.vulnerabilities.critical += taskVulnerabilities.vulnerabilities.critical || 0;
+          acc.vulnerabilities.high += taskVulnerabilities.vulnerabilities.high || 0;
+          acc.vulnerabilities.medium += taskVulnerabilities.vulnerabilities.medium || 0;
+          acc.vulnerabilities.low += taskVulnerabilities.vulnerabilities.low || 0;
+        }
+      } catch (e) {
+      }
+    }
+    return acc;
+  },
+  {}
+) || {};
+const usePipelineRunScanResults = (pipelineRun) => {
+  return React.useMemo(() => {
+    if (!pipelineRun) {
+      return {};
+    }
+    return getPipelineRunScanResults(pipelineRun);
+  }, [pipelineRun]);
+};
+
+export { getPipelineRunScanResults, usePipelineRunScanResults };
+//# sourceMappingURL=usePipelineRunScanResults.esm.js.map

package/dist/hooks/usePipelineRunScanResults.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePipelineRunScanResults.esm.js","sources":["../../src/hooks/usePipelineRunScanResults.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport * as React from 'react';\n\nimport { PipelineRunKind } from '@janus-idp/shared-react';\n\nimport { PipelineRunScanResults } from '../types/types';\n\nconst SCAN_OUTPUT_SUFFIX = 'SCAN_OUTPUT';\n\nexport const getPipelineRunScanResults = (\n  pipelineRun: PipelineRunKind,\n): PipelineRunScanResults =>\n  (pipelineRun.status?.results || pipelineRun.status?.pipelineResults)?.reduce(\n    (acc, result) => {\n      if (result.name?.endsWith(SCAN_OUTPUT_SUFFIX)) {\n        if (!acc.vulnerabilities) {\n          acc.vulnerabilities = { critical: 0, high: 0, medium: 0, low: 0 };\n        }\n        try {\n          const taskVulnerabilities = JSON.parse(result.value);\n          if (taskVulnerabilities.vulnerabilities) {\n            acc.vulnerabilities.critical +=\n              taskVulnerabilities.vulnerabilities.critical || 0;\n            acc.vulnerabilities.high +=\n              taskVulnerabilities.vulnerabilities.high || 0;\n            acc.vulnerabilities.medium +=\n              taskVulnerabilities.vulnerabilities.medium || 0;\n            acc.vulnerabilities.low +=\n              taskVulnerabilities.vulnerabilities.low || 0;\n          }\n        } catch (e) {\n          // ignore\n        }\n      }\n      return acc;\n    },\n    {} as PipelineRunScanResults,\n  ) || {};\n\nexport const usePipelineRunScanResults = (\n  pipelineRun: PipelineRunKind,\n): PipelineRunScanResults => {\n  return React.useMemo(() => {\n    if (!pipelineRun) {\n      return {};\n    }\n\n    return getPipelineRunScanResults(pipelineRun);\n  }, [pipelineRun]);\n};\n"],"names":[],"mappings":";;AAqBA,MAAM,kBAAqB,GAAA,aAAA;AAEd,MAAA,yBAAA,GAA4B,CACvC,WAEC,KAAA,CAAA,WAAA,CAAY,QAAQ,OAAW,IAAA,WAAA,CAAY,QAAQ,eAAkB,GAAA,MAAA;AAAA,EACpE,CAAC,KAAK,MAAW,KAAA;AACf,IAAA,IAAI,MAAO,CAAA,IAAA,EAAM,QAAS,CAAA,kBAAkB,CAAG,EAAA;AAC7C,MAAI,IAAA,CAAC,IAAI,eAAiB,EAAA;AACxB,QAAI,GAAA,CAAA,eAAA,GAAkB,EAAE,QAAU,EAAA,CAAA,EAAG,MAAM,CAAG,EAAA,MAAA,EAAQ,CAAG,EAAA,GAAA,EAAK,CAAE,EAAA;AAAA;AAElE,MAAI,IAAA;AACF,QAAA,MAAM,mBAAsB,GAAA,IAAA,CAAK,KAAM,CAAA,MAAA,CAAO,KAAK,CAAA;AACnD,QAAA,IAAI,oBAAoB,eAAiB,EAAA;AACvC,UAAA,GAAA,CAAI,eAAgB,CAAA,QAAA,IAClB,mBAAoB,CAAA,eAAA,CAAgB,QAAY,IAAA,CAAA;AAClD,UAAA,GAAA,CAAI,eAAgB,CAAA,IAAA,IAClB,mBAAoB,CAAA,eAAA,CAAgB,IAAQ,IAAA,CAAA;AAC9C,UAAA,GAAA,CAAI,eAAgB,CAAA,MAAA,IAClB,mBAAoB,CAAA,eAAA,CAAgB,MAAU,IAAA,CAAA;AAChD,UAAA,GAAA,CAAI,eAAgB,CAAA,GAAA,IAClB,mBAAoB,CAAA,eAAA,CAAgB,GAAO,IAAA,CAAA;AAAA;AAC/C,eACO,CAAG,EAAA;AAAA;AAEZ;AAEF,IAAO,OAAA,GAAA;AAAA,GACT;AAAA,EACA;AACF,CAAA,IAAK;AAEM,MAAA,yBAAA,GAA4B,CACvC,WAC2B,KAAA;AAC3B,EAAO,OAAA,KAAA,CAAM,QAAQ,MAAM;AACzB,IAAA,IAAI,CAAC,WAAa,EAAA;AAChB,MAAA,OAAO,EAAC;AAAA;AAGV,IAAA,OAAO,0BAA0B,WAAW,CAAA;AAAA,GAC9C,EAAG,CAAC,WAAW,CAAC,CAAA;AAClB;;;;"}