@backstage-community/plugin-tekton 3.16.0

package/dist/components/PipelineRunLogs/PipelineRunLogDownloader.esm.js

@@ -0,0 +1,47 @@
+import React__default from 'react';
+import { Flex, FlexItem } from '@patternfly/react-core';
+import { TEKTON_PIPELINE_RUN, TEKTON_PIPELINE_TASKRUN, TEKTON_PIPELINE_TASK } from '../../consts/tekton-const.esm.js';
+import PodLogsDownloadLink from './PodLogsDownloadLink.esm.js';
+
+const PipelineRunLogDownloader = ({ pods, pipelineRun, activeTask }) => {
+  const filteredPods = pods?.filter(
+    (p) => p?.metadata?.labels?.[TEKTON_PIPELINE_RUN] === pipelineRun?.metadata?.name
+  );
+  const sortedPods = React__default.useMemo(
+    () => Array.from(filteredPods)?.sort(
+      (a, b) => new Date(a?.status?.startTime).getTime() - new Date(b?.status?.startTime).getTime()
+    ),
+    [filteredPods]
+  );
+  const activeTaskPod = sortedPods.find(
+    (sp) => sp.metadata?.labels?.[TEKTON_PIPELINE_TASKRUN] === activeTask
+  ) ?? sortedPods[sortedPods.length - 1];
+  return sortedPods.length > 0 ? /* @__PURE__ */ React__default.createElement(
+    Flex,
+    {
+      "data-testid": "pipelinerun-logs-downloader",
+      justifyContent: { default: "justifyContentFlexEnd" }
+    },
+    /* @__PURE__ */ React__default.createElement(FlexItem, null, /* @__PURE__ */ React__default.createElement(
+      PodLogsDownloadLink,
+      {
+        "data-testid": "download-task-logs",
+        pods: activeTaskPod ? [activeTaskPod] : [],
+        fileName: `${activeTaskPod?.metadata?.labels?.[TEKTON_PIPELINE_TASK] ?? "task"}.log`,
+        downloadTitle: "Download"
+      }
+    )),
+    /* @__PURE__ */ React__default.createElement(FlexItem, null, /* @__PURE__ */ React__default.createElement(
+      PodLogsDownloadLink,
+      {
+        "data-testid": "download-pipelinerun-logs",
+        pods: sortedPods,
+        fileName: `${pipelineRun?.metadata?.name ?? "pipelinerun"}.log`,
+        downloadTitle: "Download all tasks logs"
+      }
+    ))
+  ) : null;
+};
+
+export { PipelineRunLogDownloader as default };
+//# sourceMappingURL=PipelineRunLogDownloader.esm.js.map

package/dist/components/PipelineRunLogs/PipelineRunLogDownloader.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PipelineRunLogDownloader.esm.js","sources":["../../../src/components/PipelineRunLogs/PipelineRunLogDownloader.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 { V1Pod } from '@kubernetes/client-node';\nimport { Flex, FlexItem } from '@patternfly/react-core';\n\nimport { PipelineRunKind } from '@janus-idp/shared-react';\n\nimport {\n  TEKTON_PIPELINE_RUN,\n  TEKTON_PIPELINE_TASK,\n  TEKTON_PIPELINE_TASKRUN,\n} from '../../consts/tekton-const';\nimport PodLogsDownloadLink from './PodLogsDownloadLink';\n\nconst PipelineRunLogDownloader: React.FC<{\n  pods: V1Pod[];\n  pipelineRun: PipelineRunKind;\n  activeTask: string | undefined;\n}> = ({ pods, pipelineRun, activeTask }) => {\n  const filteredPods: V1Pod[] = pods?.filter(\n    (p: V1Pod) =>\n      p?.metadata?.labels?.[TEKTON_PIPELINE_RUN] ===\n      pipelineRun?.metadata?.name,\n  );\n\n  const sortedPods: V1Pod[] = React.useMemo(\n    () =>\n      Array.from(filteredPods)?.sort(\n        (a: V1Pod, b: V1Pod) =>\n          new Date(a?.status?.startTime as Date).getTime() -\n          new Date(b?.status?.startTime as Date).getTime(),\n      ),\n    [filteredPods],\n  );\n\n  const activeTaskPod: V1Pod =\n    sortedPods.find(\n      (sp: V1Pod) =>\n        sp.metadata?.labels?.[TEKTON_PIPELINE_TASKRUN] === activeTask,\n    ) ?? sortedPods[sortedPods.length - 1];\n\n  return sortedPods.length > 0 ? (\n    <Flex\n      data-testid=\"pipelinerun-logs-downloader\"\n      justifyContent={{ default: 'justifyContentFlexEnd' }}\n    >\n      <FlexItem>\n        <PodLogsDownloadLink\n          data-testid=\"download-task-logs\"\n          pods={activeTaskPod ? [activeTaskPod] : []}\n          fileName={`${\n            activeTaskPod?.metadata?.labels?.[TEKTON_PIPELINE_TASK] ?? 'task'\n          }.log`}\n          downloadTitle=\"Download\"\n        />\n      </FlexItem>\n      <FlexItem>\n        <PodLogsDownloadLink\n          data-testid=\"download-pipelinerun-logs\"\n          pods={sortedPods}\n          fileName={`${pipelineRun?.metadata?.name ?? 'pipelinerun'}.log`}\n          downloadTitle=\"Download all tasks logs\"\n        />\n      </FlexItem>\n    </Flex>\n  ) : null;\n};\nexport default PipelineRunLogDownloader;\n"],"names":["React"],"mappings":";;;;;AA6BA,MAAM,2BAID,CAAC,EAAE,IAAM,EAAA,WAAA,EAAa,YAAiB,KAAA;AAC1C,EAAA,MAAM,eAAwB,IAAM,EAAA,MAAA;AAAA,IAClC,CAAC,MACC,CAAG,EAAA,QAAA,EAAU,SAAS,mBAAmB,CAAA,KACzC,aAAa,QAAU,EAAA;AAAA,GAC3B;AAEA,EAAA,MAAM,aAAsBA,cAAM,CAAA,OAAA;AAAA,IAChC,MACE,KAAA,CAAM,IAAK,CAAA,YAAY,CAAG,EAAA,IAAA;AAAA,MACxB,CAAC,CAAU,EAAA,CAAA,KACT,IAAI,IAAA,CAAK,GAAG,MAAQ,EAAA,SAAiB,CAAE,CAAA,OAAA,KACvC,IAAI,IAAA,CAAK,GAAG,MAAQ,EAAA,SAAiB,EAAE,OAAQ;AAAA,KACnD;AAAA,IACF,CAAC,YAAY;AAAA,GACf;AAEA,EAAA,MAAM,gBACJ,UAAW,CAAA,IAAA;AAAA,IACT,CAAC,EACC,KAAA,EAAA,CAAG,QAAU,EAAA,MAAA,GAAS,uBAAuB,CAAM,KAAA;AAAA,GAClD,IAAA,UAAA,CAAW,UAAW,CAAA,MAAA,GAAS,CAAC,CAAA;AAEvC,EAAO,OAAA,UAAA,CAAW,SAAS,CACzB,mBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,aAAY,EAAA,6BAAA;AAAA,MACZ,cAAA,EAAgB,EAAE,OAAA,EAAS,uBAAwB;AAAA,KAAA;AAAA,iDAElD,QACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,mBAAA;AAAA,MAAA;AAAA,QACC,aAAY,EAAA,oBAAA;AAAA,QACZ,IAAM,EAAA,aAAA,GAAgB,CAAC,aAAa,IAAI,EAAC;AAAA,QACzC,UAAU,CACR,EAAA,aAAA,EAAe,UAAU,MAAS,GAAA,oBAAoB,KAAK,MAC7D,CAAA,IAAA,CAAA;AAAA,QACA,aAAc,EAAA;AAAA;AAAA,KAElB,CAAA;AAAA,iDACC,QACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,mBAAA;AAAA,MAAA;AAAA,QACC,aAAY,EAAA,2BAAA;AAAA,QACZ,IAAM,EAAA,UAAA;AAAA,QACN,QAAU,EAAA,CAAA,EAAG,WAAa,EAAA,QAAA,EAAU,QAAQ,aAAa,CAAA,IAAA,CAAA;AAAA,QACzD,aAAc,EAAA;AAAA;AAAA,KAElB;AAAA,GAEA,GAAA,IAAA;AACN;;;;"}

package/dist/components/PipelineRunLogs/PipelineRunLogViewer.esm.js

@@ -0,0 +1,53 @@
+import React__default from 'react';
+import { DismissableBanner, LogViewer } from '@backstage/core-components';
+import { Paper } from '@material-ui/core';
+import { Skeleton } from '@material-ui/lab';
+import { usePodLogsOfPipelineRun } from '../../hooks/usePodLogsOfPipelineRun.esm.js';
+
+const PipelineRunLogViewer = ({ pod }) => {
+  const { value, error, loading } = usePodLogsOfPipelineRun({
+    pod
+  });
+  const containersList = pod?.spec?.containers || [];
+  let text = "";
+  text = containersList.reduce(
+    (acc, container, idx) => {
+      if (container?.name && value?.[idx]?.text) {
+        return acc.concat(
+          `${container.name.toLocaleUpperCase("en-US")}
+${value[idx].text}`
+        ).concat(idx === containersList.length - 1 ? "" : "\n");
+      }
+      return acc;
+    },
+    ""
+  );
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, error && /* @__PURE__ */ React__default.createElement(
+    DismissableBanner,
+    {
+      message: error?.message,
+      variant: "error",
+      fixed: false,
+      id: "pod-logs"
+    }
+  ), /* @__PURE__ */ React__default.createElement(
+    Paper,
+    {
+      elevation: 1,
+      style: { height: "100%", width: "100%", minHeight: "30rem" }
+    },
+    loading && /* @__PURE__ */ React__default.createElement(
+      Skeleton,
+      {
+        "data-testid": "logs-skeleton",
+        variant: "rect",
+        width: "100%",
+        height: "100%"
+      }
+    ),
+    pod && !loading && /* @__PURE__ */ React__default.createElement(LogViewer, { text: text || "No Logs found" })
+  ));
+};
+
+export { PipelineRunLogViewer };
+//# sourceMappingURL=PipelineRunLogViewer.esm.js.map

package/dist/components/PipelineRunLogs/PipelineRunLogViewer.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PipelineRunLogViewer.esm.js","sources":["../../../src/components/PipelineRunLogs/PipelineRunLogViewer.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 { DismissableBanner, LogViewer } from '@backstage/core-components';\n\nimport { V1Container, V1Pod } from '@kubernetes/client-node';\nimport { Paper } from '@material-ui/core';\nimport { Skeleton } from '@material-ui/lab';\n\nimport { usePodLogsOfPipelineRun } from '../../hooks/usePodLogsOfPipelineRun';\n\ntype PipelineRunLogViewerProps = { pod: V1Pod };\n\nexport const PipelineRunLogViewer = ({ pod }: PipelineRunLogViewerProps) => {\n  const { value, error, loading } = usePodLogsOfPipelineRun({\n    pod,\n  });\n\n  const containersList = pod?.spec?.containers || [];\n  let text = '';\n\n  text = containersList.reduce(\n    (acc: string, container: V1Container, idx: number) => {\n      if (container?.name && value?.[idx]?.text) {\n        return acc\n          .concat(\n            `${container.name.toLocaleUpperCase('en-US')}\\n${value[idx].text}`,\n          )\n          .concat(idx === containersList.length - 1 ? '' : '\\n');\n      }\n      return acc;\n    },\n    '',\n  );\n\n  return (\n    <>\n      {error && (\n        <DismissableBanner\n          message={error?.message}\n          variant=\"error\"\n          fixed={false}\n          id=\"pod-logs\"\n        />\n      )}\n      <Paper\n        elevation={1}\n        style={{ height: '100%', width: '100%', minHeight: '30rem' }}\n      >\n        {loading && (\n          <Skeleton\n            data-testid=\"logs-skeleton\"\n            variant=\"rect\"\n            width=\"100%\"\n            height=\"100%\"\n          />\n        )}\n        {pod && !loading && <LogViewer text={text || 'No Logs found'} />}\n      </Paper>\n    </>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;AA2BO,MAAM,oBAAuB,GAAA,CAAC,EAAE,GAAA,EAAqC,KAAA;AAC1E,EAAA,MAAM,EAAE,KAAA,EAAO,KAAO,EAAA,OAAA,KAAY,uBAAwB,CAAA;AAAA,IACxD;AAAA,GACD,CAAA;AAED,EAAA,MAAM,cAAiB,GAAA,GAAA,EAAK,IAAM,EAAA,UAAA,IAAc,EAAC;AACjD,EAAA,IAAI,IAAO,GAAA,EAAA;AAEX,EAAA,IAAA,GAAO,cAAe,CAAA,MAAA;AAAA,IACpB,CAAC,GAAa,EAAA,SAAA,EAAwB,GAAgB,KAAA;AACpD,MAAA,IAAI,SAAW,EAAA,IAAA,IAAQ,KAAQ,GAAA,GAAG,GAAG,IAAM,EAAA;AACzC,QAAA,OAAO,GACJ,CAAA,MAAA;AAAA,UACC,CAAG,EAAA,SAAA,CAAU,IAAK,CAAA,iBAAA,CAAkB,OAAO,CAAC;AAAA,EAAK,KAAA,CAAM,GAAG,CAAA,CAAE,IAAI,CAAA;AAAA,UAEjE,MAAO,CAAA,GAAA,KAAQ,eAAe,MAAS,GAAA,CAAA,GAAI,KAAK,IAAI,CAAA;AAAA;AAEzD,MAAO,OAAA,GAAA;AAAA,KACT;AAAA,IACA;AAAA,GACF;AAEA,EAAA,mFAEK,KACC,oBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,SAAS,KAAO,EAAA,OAAA;AAAA,MAChB,OAAQ,EAAA,OAAA;AAAA,MACR,KAAO,EAAA,KAAA;AAAA,MACP,EAAG,EAAA;AAAA;AAAA,GAGP,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,CAAA;AAAA,MACX,OAAO,EAAE,MAAA,EAAQ,QAAQ,KAAO,EAAA,MAAA,EAAQ,WAAW,OAAQ;AAAA,KAAA;AAAA,IAE1D,OACC,oBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,aAAY,EAAA,eAAA;AAAA,QACZ,OAAQ,EAAA,MAAA;AAAA,QACR,KAAM,EAAA,MAAA;AAAA,QACN,MAAO,EAAA;AAAA;AAAA,KACT;AAAA,IAED,OAAO,CAAC,OAAA,iDAAY,SAAU,EAAA,EAAA,IAAA,EAAM,QAAQ,eAAiB,EAAA;AAAA,GAElE,CAAA;AAEJ;;;;"}

package/dist/components/PipelineRunLogs/PipelineRunLogs.esm.js

@@ -0,0 +1,69 @@
+import React__default from 'react';
+import { Progress, LogViewer } from '@backstage/core-components';
+import { Paper } from '@material-ui/core';
+import Grid from '@material-ui/core/Grid';
+import { getTaskRunsForPipelineRun, pipelineRunFilterReducer } from '@janus-idp/shared-react';
+import { getSortedTaskRuns, getActiveTaskRun } from '../../utils/taskRun-utils.esm.js';
+import { PipelineRunLogViewer } from './PipelineRunLogViewer.esm.js';
+import { TaskStatusStepper } from './TaskStatusStepper.esm.js';
+
+const PipelineRunLogs = ({
+  pipelineRun,
+  taskRuns,
+  pods,
+  activeTask,
+  setActiveTask
+}) => {
+  const PLRTaskRuns = getTaskRunsForPipelineRun(pipelineRun, taskRuns);
+  const sortedTaskRuns = getSortedTaskRuns(PLRTaskRuns);
+  const taskRunFromYaml = PLRTaskRuns?.reduce(
+    (acc, value) => {
+      if (value?.metadata?.name) {
+        acc[value.metadata.name] = value;
+      }
+      return acc;
+    },
+    {}
+  );
+  const completed = pipelineRunFilterReducer(pipelineRun);
+  const [lastActiveStepId, setLastActiveStepId] = React__default.useState("");
+  React__default.useEffect(() => {
+    const mostRecentFailedOrActiveStep = sortedTaskRuns.find(
+      (tr) => ["Failed", "Running"].includes(tr.status)
+    );
+    if (completed && !mostRecentFailedOrActiveStep && !activeTask) {
+      setLastActiveStepId(sortedTaskRuns[sortedTaskRuns.length - 1]?.id);
+      return;
+    }
+    setLastActiveStepId(
+      !activeTask ? mostRecentFailedOrActiveStep?.id : ""
+    );
+  }, [sortedTaskRuns, completed, activeTask]);
+  const currentStepId = activeTask || lastActiveStepId;
+  const activeItem = getActiveTaskRun(sortedTaskRuns, currentStepId);
+  const podName = activeItem && taskRunFromYaml?.[currentStepId]?.status?.podName;
+  const podData = React__default.useMemo(
+    () => pods.find((pod) => {
+      return pod?.metadata?.name === podName;
+    }),
+    [pods, podName]
+  );
+  return /* @__PURE__ */ React__default.createElement(Grid, { container: true }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 3 }, /* @__PURE__ */ React__default.createElement(Paper, null, /* @__PURE__ */ React__default.createElement(
+    TaskStatusStepper,
+    {
+      steps: sortedTaskRuns,
+      currentStepId,
+      onUserStepChange: setActiveTask
+    }
+  ))), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 9 }, !currentStepId && /* @__PURE__ */ React__default.createElement(Progress, null), /* @__PURE__ */ React__default.createElement("div", { style: { height: "80vh" } }, !podData ? /* @__PURE__ */ React__default.createElement(
+    Paper,
+    {
+      elevation: 1,
+      style: { height: "100%", width: "100%", minHeight: "30rem" }
+    },
+    /* @__PURE__ */ React__default.createElement(LogViewer, { text: "No Logs found" })
+  ) : /* @__PURE__ */ React__default.createElement(PipelineRunLogViewer, { pod: podData }))));
+};
+
+export { PipelineRunLogs, PipelineRunLogs as default };
+//# sourceMappingURL=PipelineRunLogs.esm.js.map

package/dist/components/PipelineRunLogs/PipelineRunLogs.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PipelineRunLogs.esm.js","sources":["../../../src/components/PipelineRunLogs/PipelineRunLogs.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 { LogViewer, Progress } from '@backstage/core-components';\n\nimport { V1Pod } from '@kubernetes/client-node';\nimport { Paper } from '@material-ui/core';\nimport Grid from '@material-ui/core/Grid';\n\nimport {\n  getTaskRunsForPipelineRun,\n  pipelineRunFilterReducer,\n  PipelineRunKind,\n  TaskRunKind,\n} from '@janus-idp/shared-react';\n\nimport { getActiveTaskRun, getSortedTaskRuns } from '../../utils/taskRun-utils';\nimport { PipelineRunLogViewer } from './PipelineRunLogViewer';\nimport { TaskStatusStepper } from './TaskStatusStepper';\n\ntype PipelineRunLogsProps = {\n  pipelineRun: PipelineRunKind;\n  taskRuns: TaskRunKind[];\n  pods: V1Pod[];\n  activeTask?: string;\n  setActiveTask: (t: string) => void;\n};\nexport const PipelineRunLogs = ({\n  pipelineRun,\n  taskRuns,\n  pods,\n  activeTask,\n  setActiveTask,\n}: PipelineRunLogsProps) => {\n  const PLRTaskRuns = getTaskRunsForPipelineRun(pipelineRun, taskRuns);\n  const sortedTaskRuns = getSortedTaskRuns(PLRTaskRuns);\n  const taskRunFromYaml = PLRTaskRuns?.reduce(\n    (acc: { [value: string]: TaskRunKind }, value) => {\n      if (value?.metadata?.name) {\n        acc[value.metadata.name] = value;\n      }\n      return acc;\n    },\n    {},\n  );\n\n  const completed = pipelineRunFilterReducer(pipelineRun);\n  const [lastActiveStepId, setLastActiveStepId] = React.useState<string>('');\n\n  React.useEffect(() => {\n    const mostRecentFailedOrActiveStep = sortedTaskRuns.find(tr =>\n      ['Failed', 'Running'].includes(tr.status),\n    );\n\n    if (completed && !mostRecentFailedOrActiveStep && !activeTask) {\n      setLastActiveStepId(sortedTaskRuns[sortedTaskRuns.length - 1]?.id);\n      return;\n    }\n\n    setLastActiveStepId(\n      !activeTask ? (mostRecentFailedOrActiveStep?.id as string) : '',\n    );\n  }, [sortedTaskRuns, completed, activeTask]);\n\n  const currentStepId = activeTask || lastActiveStepId;\n  const activeItem = getActiveTaskRun(sortedTaskRuns, currentStepId);\n  const podName =\n    activeItem && taskRunFromYaml?.[currentStepId]?.status?.podName;\n  const podData = React.useMemo(\n    () =>\n      pods.find(pod => {\n        return pod?.metadata?.name === podName;\n      }),\n    [pods, podName],\n  );\n\n  return (\n    <Grid container>\n      <Grid item xs={3}>\n        <Paper>\n          <TaskStatusStepper\n            steps={sortedTaskRuns}\n            currentStepId={currentStepId}\n            onUserStepChange={setActiveTask}\n          />\n        </Paper>\n      </Grid>\n      <Grid item xs={9}>\n        {!currentStepId && <Progress />}\n        <div style={{ height: '80vh' }}>\n          {!podData ? (\n            <Paper\n              elevation={1}\n              style={{ height: '100%', width: '100%', minHeight: '30rem' }}\n            >\n              <LogViewer text=\"No Logs found\" />\n            </Paper>\n          ) : (\n            <PipelineRunLogViewer pod={podData} />\n          )}\n        </div>\n      </Grid>\n    </Grid>\n  );\n};\n\nexport default PipelineRunLogs;\n"],"names":["React"],"mappings":"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"}

package/dist/components/PipelineRunLogs/PodLogsDownloadLink.esm.js

@@ -0,0 +1,69 @@
+import React__default from 'react';
+import { useApi } from '@backstage/core-plugin-api';
+import { makeStyles, createStyles, Link } from '@material-ui/core';
+import DownloadIcon from '@mui/icons-material/FileDownloadOutlined';
+import classNames from 'classnames';
+import { downloadLogFile } from '@janus-idp/shared-react';
+import { TektonResourcesContext } from '../../hooks/TektonResourcesContext.esm.js';
+import { kubernetesProxyApiRef } from '../../types/types.esm.js';
+import { getPodLogs } from '../../utils/log-downloader-utils.esm.js';
+
+const useStyles = makeStyles(
+  (theme) => createStyles({
+    downloadAction: {
+      position: "relative",
+      marginBottom: "var(--pf-v5-global--spacer--sm)",
+      color: "var(--pf-v5-global--color--100)",
+      cursor: "pointer"
+    },
+    buttonDisabled: {
+      color: theme.palette.grey[400],
+      cursor: "not-allowed"
+    }
+  })
+);
+const PodLogsDownloadLink = ({ pods, fileName, downloadTitle, ...props }) => {
+  const classes = useStyles();
+  const [downloading, setDownloading] = React__default.useState(false);
+  const kubernetesProxyApi = useApi(kubernetesProxyApiRef);
+  const { clusters, selectedCluster = 0 } = React__default.useContext(TektonResourcesContext);
+  const currCluster = clusters.length > 0 ? clusters[selectedCluster] : "";
+  const getLogs = (podScope) => {
+    const { podName, podNamespace, containerName, clusterName } = podScope;
+    return kubernetesProxyApi.getPodLogs({
+      podName,
+      namespace: podNamespace,
+      containerName,
+      clusterName
+    });
+  };
+  return /* @__PURE__ */ React__default.createElement(
+    Link,
+    {
+      component: "button",
+      variant: "body2",
+      underline: "none",
+      disabled: downloading,
+      title: downloading ? "downloading logs" : downloadTitle,
+      onClick: () => {
+        setDownloading(true);
+        getPodLogs(pods, getLogs, currCluster).then((logs) => {
+          setDownloading(false);
+          downloadLogFile(logs || "", fileName);
+        }).catch((err) => {
+          console.warn("Download failed", err);
+          setDownloading(false);
+        });
+      },
+      className: classNames(classes.downloadAction, {
+        [classes.buttonDisabled]: downloading
+      }),
+      ...props
+    },
+    /* @__PURE__ */ React__default.createElement(DownloadIcon, { style: { verticalAlign: "-0.180em" } }),
+    downloadTitle || "Download "
+  );
+};
+
+export { PodLogsDownloadLink as default };
+//# sourceMappingURL=PodLogsDownloadLink.esm.js.map

package/dist/components/PipelineRunLogs/PodLogsDownloadLink.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodLogsDownloadLink.esm.js","sources":["../../../src/components/PipelineRunLogs/PodLogsDownloadLink.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 { useApi } from '@backstage/core-plugin-api';\n\nimport { V1Pod } from '@kubernetes/client-node';\nimport { createStyles, Link, makeStyles, Theme } from '@material-ui/core';\nimport DownloadIcon from '@mui/icons-material/FileDownloadOutlined';\nimport classNames from 'classnames';\n\nimport { downloadLogFile } from '@janus-idp/shared-react';\n\nimport { TektonResourcesContext } from '../../hooks/TektonResourcesContext';\nimport { ContainerScope } from '../../hooks/usePodLogsOfPipelineRun';\nimport {\n  kubernetesProxyApiRef,\n  TektonResourcesContextData,\n} from '../../types/types';\nimport { getPodLogs } from '../../utils/log-downloader-utils';\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    downloadAction: {\n      position: 'relative',\n      marginBottom: 'var(--pf-v5-global--spacer--sm)',\n      color: 'var(--pf-v5-global--color--100)',\n      cursor: 'pointer',\n    },\n    buttonDisabled: {\n      color: theme.palette.grey[400],\n      cursor: 'not-allowed',\n    },\n  }),\n);\n\nconst PodLogsDownloadLink: React.FC<{\n  pods: V1Pod[];\n  fileName: string;\n  downloadTitle: string;\n}> = ({ pods, fileName, downloadTitle, ...props }): React.ReactElement => {\n  const classes = useStyles();\n  const [downloading, setDownloading] = React.useState<boolean>(false);\n  const kubernetesProxyApi = useApi(kubernetesProxyApiRef);\n\n  const { clusters, selectedCluster = 0 } =\n    React.useContext<TektonResourcesContextData>(TektonResourcesContext);\n  const currCluster = clusters.length > 0 ? clusters[selectedCluster] : '';\n\n  const getLogs = (podScope: ContainerScope): Promise<{ text: string }> => {\n    const { podName, podNamespace, containerName, clusterName } = podScope;\n    return kubernetesProxyApi.getPodLogs({\n      podName: podName,\n      namespace: podNamespace,\n      containerName: containerName,\n      clusterName: clusterName,\n    });\n  };\n\n  return (\n    <Link\n      component=\"button\"\n      variant=\"body2\"\n      underline=\"none\"\n      disabled={downloading}\n      title={downloading ? 'downloading logs' : downloadTitle}\n      onClick={() => {\n        setDownloading(true);\n        getPodLogs(pods, getLogs, currCluster)\n          .then((logs: string) => {\n            setDownloading(false);\n            downloadLogFile(logs || '', fileName);\n          })\n          .catch(err => {\n            // eslint-disable-next-line no-console\n            console.warn('Download failed', err);\n            setDownloading(false);\n          });\n      }}\n      className={classNames(classes.downloadAction, {\n        [classes.buttonDisabled]: downloading,\n      })}\n      {...props}\n    >\n      <DownloadIcon style={{ verticalAlign: '-0.180em' }} />\n      {downloadTitle || 'Download '}\n    </Link>\n  );\n};\nexport default PodLogsDownloadLink;\n"],"names":["React"],"mappings":";;;;;;;;;;AAkCA,MAAM,SAAY,GAAA,UAAA;AAAA,EAAW,CAAC,UAC5B,YAAa,CAAA;AAAA,IACX,cAAgB,EAAA;AAAA,MACd,QAAU,EAAA,UAAA;AAAA,MACV,YAAc,EAAA,iCAAA;AAAA,MACd,KAAO,EAAA,iCAAA;AAAA,MACP,MAAQ,EAAA;AAAA,KACV;AAAA,IACA,cAAgB,EAAA;AAAA,MACd,KAAO,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAK,GAAG,CAAA;AAAA,MAC7B,MAAQ,EAAA;AAAA;AACV,GACD;AACH,CAAA;AAEM,MAAA,mBAAA,GAID,CAAC,EAAE,IAAA,EAAM,UAAU,aAAe,EAAA,GAAG,OAAgC,KAAA;AACxE,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAA,MAAM,CAAC,WAAa,EAAA,cAAc,CAAI,GAAAA,cAAA,CAAM,SAAkB,KAAK,CAAA;AACnE,EAAM,MAAA,kBAAA,GAAqB,OAAO,qBAAqB,CAAA;AAEvD,EAAA,MAAM,EAAE,QAAU,EAAA,eAAA,GAAkB,GAClC,GAAAA,cAAA,CAAM,WAAuC,sBAAsB,CAAA;AACrE,EAAA,MAAM,cAAc,QAAS,CAAA,MAAA,GAAS,CAAI,GAAA,QAAA,CAAS,eAAe,CAAI,GAAA,EAAA;AAEtE,EAAM,MAAA,OAAA,GAAU,CAAC,QAAwD,KAAA;AACvE,IAAA,MAAM,EAAE,OAAA,EAAS,YAAc,EAAA,aAAA,EAAe,aAAgB,GAAA,QAAA;AAC9D,IAAA,OAAO,mBAAmB,UAAW,CAAA;AAAA,MACnC,OAAA;AAAA,MACA,SAAW,EAAA,YAAA;AAAA,MACX,aAAA;AAAA,MACA;AAAA,KACD,CAAA;AAAA,GACH;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,QAAA;AAAA,MACV,OAAQ,EAAA,OAAA;AAAA,MACR,SAAU,EAAA,MAAA;AAAA,MACV,QAAU,EAAA,WAAA;AAAA,MACV,KAAA,EAAO,cAAc,kBAAqB,GAAA,aAAA;AAAA,MAC1C,SAAS,MAAM;AACb,QAAA,cAAA,CAAe,IAAI,CAAA;AACnB,QAAA,UAAA,CAAW,MAAM,OAAS,EAAA,WAAW,CAClC,CAAA,IAAA,CAAK,CAAC,IAAiB,KAAA;AACtB,UAAA,cAAA,CAAe,KAAK,CAAA;AACpB,UAAgB,eAAA,CAAA,IAAA,IAAQ,IAAI,QAAQ,CAAA;AAAA,SACrC,CACA,CAAA,KAAA,CAAM,CAAO,GAAA,KAAA;AAEZ,UAAQ,OAAA,CAAA,IAAA,CAAK,mBAAmB,GAAG,CAAA;AACnC,UAAA,cAAA,CAAe,KAAK,CAAA;AAAA,SACrB,CAAA;AAAA,OACL;AAAA,MACA,SAAA,EAAW,UAAW,CAAA,OAAA,CAAQ,cAAgB,EAAA;AAAA,QAC5C,CAAC,OAAQ,CAAA,cAAc,GAAG;AAAA,OAC3B,CAAA;AAAA,MACA,GAAG;AAAA,KAAA;AAAA,iDAEH,YAAa,EAAA,EAAA,KAAA,EAAO,EAAE,aAAA,EAAe,YAAc,EAAA,CAAA;AAAA,IACnD,aAAiB,IAAA;AAAA,GACpB;AAEJ;;;;"}

package/dist/components/PipelineRunLogs/TaskStatusStepper.esm.js

@@ -0,0 +1,128 @@
+import React__default from 'react';
+import useInterval from 'react-use/lib/useInterval';
+import { makeStyles, createStyles, StepButton, CircularProgress } from '@material-ui/core';
+import Step from '@material-ui/core/Step';
+import StepLabel from '@material-ui/core/StepLabel';
+import Stepper from '@material-ui/core/Stepper';
+import Typography from '@material-ui/core/Typography';
+import Cancel from '@material-ui/icons/Cancel';
+import Check from '@material-ui/icons/Check';
+import FiberManualRecordIcon from '@material-ui/icons/FiberManualRecord';
+import classNames from 'classnames';
+import { ComputedStatus } from '@janus-idp/shared-react';
+import { calculateDuration } from '../../utils/tekton-utils.esm.js';
+
+const useStyles = makeStyles(
+  (theme) => createStyles({
+    root: {
+      width: "100%"
+    },
+    titleContainer: {
+      display: "flex",
+      alignItems: "center",
+      gap: theme.spacing(1)
+    },
+    closeButton: {
+      position: "absolute",
+      right: theme.spacing(1),
+      top: theme.spacing(1),
+      color: theme.palette.grey[500]
+    },
+    labelWrapper: {
+      display: "flex",
+      flex: 1,
+      flexDirection: "row",
+      justifyContent: "space-between"
+    },
+    stepWrapper: {
+      width: "100%"
+    }
+  })
+);
+const StepTimeTicker = ({ step }) => {
+  const [time, setTime] = React__default.useState("");
+  useInterval(() => {
+    if (!step.startedAt) {
+      setTime("");
+      return;
+    }
+    setTime(calculateDuration(step.startedAt, step.endedAt));
+  }, 1e3);
+  return /* @__PURE__ */ React__default.createElement(Typography, { variant: "caption" }, time);
+};
+const useStepIconStyles = makeStyles(
+  (theme) => createStyles({
+    root: {
+      color: theme.palette.text.disabled,
+      display: "flex",
+      height: 22,
+      alignItems: "center"
+    },
+    completed: {
+      color: theme.palette.status.ok
+    },
+    error: {
+      color: theme.palette.status.error
+    }
+  })
+);
+const TaskStepIconComponent = ({ active, completed, error }) => {
+  const classes = useStepIconStyles();
+  const getMiddle = () => {
+    if (active) {
+      return /* @__PURE__ */ React__default.createElement(CircularProgress, { size: "24px" });
+    }
+    if (completed) {
+      return /* @__PURE__ */ React__default.createElement(Check, null);
+    }
+    if (error) {
+      return /* @__PURE__ */ React__default.createElement(Cancel, null);
+    }
+    return /* @__PURE__ */ React__default.createElement(FiberManualRecordIcon, null);
+  };
+  return /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      className: classNames(classes.root, {
+        [classes.completed]: completed,
+        [classes.error]: error
+      })
+    },
+    getMiddle()
+  );
+};
+const TaskStatusStepper = React__default.memo((props) => {
+  const { steps, currentStepId, onUserStepChange } = props;
+  const classes = useStyles(props);
+  return /* @__PURE__ */ React__default.createElement("div", { className: classes.root }, /* @__PURE__ */ React__default.createElement(
+    Stepper,
+    {
+      activeStep: steps.findIndex((s) => s.id === currentStepId),
+      orientation: "vertical",
+      nonLinear: true
+    },
+    steps.map((step, _) => {
+      const isCancelled = step.status === ComputedStatus.Cancelled;
+      const isActive = step.status === ComputedStatus.Running;
+      const isCompleted = step.status === ComputedStatus.Succeeded;
+      const isFailed = step.status === ComputedStatus.Failed;
+      const isSkipped = step.status === ComputedStatus.Skipped;
+      return /* @__PURE__ */ React__default.createElement(Step, { key: step.id, expanded: true }, /* @__PURE__ */ React__default.createElement(StepButton, { onClick: () => onUserStepChange(step.id) }, /* @__PURE__ */ React__default.createElement(
+        StepLabel,
+        {
+          StepIconProps: {
+            completed: isCompleted,
+            error: isFailed || isCancelled,
+            active: isActive
+          },
+          StepIconComponent: TaskStepIconComponent,
+          className: classes.stepWrapper
+        },
+        /* @__PURE__ */ React__default.createElement("div", { className: classes.labelWrapper }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle2" }, step.name), isSkipped ? /* @__PURE__ */ React__default.createElement(Typography, { variant: "caption" }, "Skipped") : /* @__PURE__ */ React__default.createElement(StepTimeTicker, { step }))
+      )));
+    })
+  ));
+});
+
+export { TaskStatusStepper };
+//# sourceMappingURL=TaskStatusStepper.esm.js.map

package/dist/components/PipelineRunLogs/TaskStatusStepper.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskStatusStepper.esm.js","sources":["../../../src/components/PipelineRunLogs/TaskStatusStepper.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';\nimport useInterval from 'react-use/lib/useInterval';\n\nimport {\n  CircularProgress,\n  createStyles,\n  makeStyles,\n  StepButton,\n  StepIconProps,\n  Theme,\n} from '@material-ui/core';\nimport Step from '@material-ui/core/Step';\nimport StepLabel from '@material-ui/core/StepLabel';\nimport Stepper from '@material-ui/core/Stepper';\nimport Typography from '@material-ui/core/Typography';\nimport Cancel from '@material-ui/icons/Cancel';\nimport Check from '@material-ui/icons/Check';\nimport FiberManualRecordIcon from '@material-ui/icons/FiberManualRecord';\nimport classNames from 'classnames';\n\nimport { ComputedStatus } from '@janus-idp/shared-react';\n\nimport { TaskStep } from '../../utils/taskRun-utils';\nimport { calculateDuration } from '../../utils/tekton-utils';\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    root: {\n      width: '100%',\n    },\n    titleContainer: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: theme.spacing(1),\n    },\n    closeButton: {\n      position: 'absolute',\n      right: theme.spacing(1),\n      top: theme.spacing(1),\n      color: theme.palette.grey[500],\n    },\n    labelWrapper: {\n      display: 'flex',\n      flex: 1,\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n    },\n    stepWrapper: {\n      width: '100%',\n    },\n  }),\n);\n\nconst StepTimeTicker = ({ step }: { step: TaskStep }) => {\n  const [time, setTime] = React.useState('');\n\n  useInterval(() => {\n    if (!step.startedAt) {\n      setTime('');\n      return;\n    }\n\n    setTime(calculateDuration(step.startedAt, step.endedAt));\n  }, 1000);\n\n  return <Typography variant=\"caption\">{time}</Typography>;\n};\n\nconst useStepIconStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    root: {\n      color: theme.palette.text.disabled,\n      display: 'flex',\n      height: 22,\n      alignItems: 'center',\n    },\n    completed: {\n      color: theme.palette.status.ok,\n    },\n    error: {\n      color: theme.palette.status.error,\n    },\n  }),\n);\n\nconst TaskStepIconComponent = ({ active, completed, error }: StepIconProps) => {\n  const classes = useStepIconStyles();\n\n  const getMiddle = () => {\n    if (active) {\n      return <CircularProgress size=\"24px\" />;\n    }\n    if (completed) {\n      return <Check />;\n    }\n    if (error) {\n      return <Cancel />;\n    }\n    return <FiberManualRecordIcon />;\n  };\n\n  return (\n    <div\n      className={classNames(classes.root, {\n        [classes.completed]: completed,\n        [classes.error]: error,\n      })}\n    >\n      {getMiddle()}\n    </div>\n  );\n};\n\ntype TaskStatusStepperProps = {\n  steps: TaskStep[];\n  currentStepId: string | undefined;\n  onUserStepChange: (id: string) => void;\n  classes?: {\n    root?: string;\n  };\n};\n\nexport const TaskStatusStepper = React.memo((props: TaskStatusStepperProps) => {\n  const { steps, currentStepId, onUserStepChange } = props;\n  const classes = useStyles(props);\n\n  return (\n    <div className={classes.root}>\n      <Stepper\n        activeStep={steps.findIndex(s => s.id === currentStepId)}\n        orientation=\"vertical\"\n        nonLinear\n      >\n        {steps.map((step, _) => {\n          const isCancelled = step.status === ComputedStatus.Cancelled;\n          const isActive = step.status === ComputedStatus.Running;\n          const isCompleted = step.status === ComputedStatus.Succeeded;\n          const isFailed = step.status === ComputedStatus.Failed;\n          const isSkipped = step.status === ComputedStatus.Skipped;\n\n          return (\n            <Step key={step.id} expanded>\n              <StepButton onClick={() => onUserStepChange(step.id)}>\n                <StepLabel\n                  StepIconProps={{\n                    completed: isCompleted,\n                    error: isFailed || isCancelled,\n                    active: isActive,\n                  }}\n                  StepIconComponent={TaskStepIconComponent}\n                  className={classes.stepWrapper}\n                >\n                  <div className={classes.labelWrapper}>\n                    <Typography variant=\"subtitle2\">{step.name}</Typography>\n                    {isSkipped ? (\n                      <Typography variant=\"caption\">Skipped</Typography>\n                    ) : (\n                      <StepTimeTicker step={step} />\n                    )}\n                  </div>\n                </StepLabel>\n              </StepButton>\n            </Step>\n          );\n        })}\n      </Stepper>\n    </div>\n  );\n});\n"],"names":["React"],"mappings":"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"}

package/dist/components/PipelineRunOutput/PipelineRunOutputDialog.esm.js

@@ -0,0 +1,62 @@
+import React__default from 'react';
+import { ErrorBoundary } from '@backstage/core-components';
+import { makeStyles, createStyles, Dialog, DialogTitle, Box, IconButton, DialogContent } from '@material-ui/core';
+import CloseIcon from '@mui/icons-material/Close';
+import { tektonGroupColor } from '../../types/types.esm.js';
+import PipelineRunOutput from '../PipelineRunList/PipelineRunOutput.esm.js';
+import ResourceBadge from '../PipelineRunList/ResourceBadge.esm.js';
+
+const useStyles = makeStyles(
+  (theme) => createStyles({
+    titleContainer: {
+      display: "flex",
+      alignItems: "center",
+      gap: theme.spacing(1)
+    },
+    closeButton: {
+      position: "absolute",
+      right: theme.spacing(1),
+      top: theme.spacing(1),
+      color: theme.palette.grey[500]
+    }
+  })
+);
+const PipelineRunOutputDialog = ({
+  open,
+  closeDialog,
+  pipelineRun,
+  taskRuns
+}) => {
+  const classes = useStyles();
+  return /* @__PURE__ */ React__default.createElement(
+    Dialog,
+    {
+      "data-testid": "pipelinerun-output-dialog",
+      maxWidth: "xl",
+      fullWidth: true,
+      open,
+      onClose: closeDialog
+    },
+    /* @__PURE__ */ React__default.createElement(DialogTitle, { id: "pipelinerun-output", title: "PipelineRun Output" }, /* @__PURE__ */ React__default.createElement(Box, { className: classes.titleContainer }, /* @__PURE__ */ React__default.createElement(
+      ResourceBadge,
+      {
+        color: tektonGroupColor,
+        abbr: "PLR",
+        name: pipelineRun?.metadata?.name ?? ""
+      }
+    ), " ", /* @__PURE__ */ React__default.createElement(
+      IconButton,
+      {
+        "aria-label": "close",
+        className: classes.closeButton,
+        onClick: closeDialog
+      },
+      /* @__PURE__ */ React__default.createElement(CloseIcon, null)
+    ))),
+    /* @__PURE__ */ React__default.createElement(DialogContent, null, /* @__PURE__ */ React__default.createElement(ErrorBoundary, null, /* @__PURE__ */ React__default.createElement(PipelineRunOutput, { pipelineRun, taskRuns })))
+  );
+};
+var PipelineRunOutputDialog$1 = React__default.memo(PipelineRunOutputDialog);
+
+export { PipelineRunOutputDialog$1 as default };
+//# sourceMappingURL=PipelineRunOutputDialog.esm.js.map

package/dist/components/PipelineRunOutput/PipelineRunOutputDialog.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PipelineRunOutputDialog.esm.js","sources":["../../../src/components/PipelineRunOutput/PipelineRunOutputDialog.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 { ErrorBoundary } from '@backstage/core-components';\n\nimport {\n  Box,\n  createStyles,\n  Dialog,\n  DialogContent,\n  DialogTitle,\n  IconButton,\n  makeStyles,\n  Theme,\n} from '@material-ui/core';\nimport CloseIcon from '@mui/icons-material/Close';\n\nimport { PipelineRunKind, TaskRunKind } from '@janus-idp/shared-react';\n\nimport { tektonGroupColor } from '../../types/types';\nimport PipelineRunOutput from '../PipelineRunList/PipelineRunOutput';\nimport ResourceBadge from '../PipelineRunList/ResourceBadge';\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    titleContainer: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: theme.spacing(1),\n    },\n    closeButton: {\n      position: 'absolute',\n      right: theme.spacing(1),\n      top: theme.spacing(1),\n      color: theme.palette.grey[500],\n    },\n  }),\n);\n\ntype PipelineRunOutputDialogProps = {\n  open: boolean;\n  closeDialog: () => void;\n  pipelineRun: PipelineRunKind;\n  taskRuns: TaskRunKind[];\n};\nconst PipelineRunOutputDialog = ({\n  open,\n  closeDialog,\n  pipelineRun,\n  taskRuns,\n}: PipelineRunOutputDialogProps) => {\n  const classes = useStyles();\n\n  return (\n    <Dialog\n      data-testid=\"pipelinerun-output-dialog\"\n      maxWidth=\"xl\"\n      fullWidth\n      open={open}\n      onClose={closeDialog}\n    >\n      <DialogTitle id=\"pipelinerun-output\" title=\"PipelineRun Output\">\n        <Box className={classes.titleContainer}>\n          <ResourceBadge\n            color={tektonGroupColor}\n            abbr=\"PLR\"\n            name={pipelineRun?.metadata?.name ?? ''}\n          />{' '}\n          <IconButton\n            aria-label=\"close\"\n            className={classes.closeButton}\n            onClick={closeDialog}\n          >\n            <CloseIcon />\n          </IconButton>\n        </Box>\n      </DialogTitle>\n      <DialogContent>\n        <ErrorBoundary>\n          <PipelineRunOutput pipelineRun={pipelineRun} taskRuns={taskRuns} />\n        </ErrorBoundary>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nexport default React.memo(PipelineRunOutputDialog);\n"],"names":["React"],"mappings":";;;;;;;;AAqCA,MAAM,SAAY,GAAA,UAAA;AAAA,EAAW,CAAC,UAC5B,YAAa,CAAA;AAAA,IACX,cAAgB,EAAA;AAAA,MACd,OAAS,EAAA,MAAA;AAAA,MACT,UAAY,EAAA,QAAA;AAAA,MACZ,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA,KACtB;AAAA,IACA,WAAa,EAAA;AAAA,MACX,QAAU,EAAA,UAAA;AAAA,MACV,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MACtB,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MACpB,KAAO,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAK,GAAG;AAAA;AAC/B,GACD;AACH,CAAA;AAQA,MAAM,0BAA0B,CAAC;AAAA,EAC/B,IAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAoC,KAAA;AAClC,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,aAAY,EAAA,2BAAA;AAAA,MACZ,QAAS,EAAA,IAAA;AAAA,MACT,SAAS,EAAA,IAAA;AAAA,MACT,IAAA;AAAA,MACA,OAAS,EAAA;AAAA,KAAA;AAAA,oBAETA,cAAA,CAAA,aAAA,CAAC,WAAY,EAAA,EAAA,EAAA,EAAG,oBAAqB,EAAA,KAAA,EAAM,wCACxCA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,cACtB,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA,gBAAA;AAAA,QACP,IAAK,EAAA,KAAA;AAAA,QACL,IAAA,EAAM,WAAa,EAAA,QAAA,EAAU,IAAQ,IAAA;AAAA;AAAA,OACpC,GACH,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,YAAW,EAAA,OAAA;AAAA,QACX,WAAW,OAAQ,CAAA,WAAA;AAAA,QACnB,OAAS,EAAA;AAAA,OAAA;AAAA,mDAER,SAAU,EAAA,IAAA;AAAA,KAEf,CACF,CAAA;AAAA,oBACAA,cAAA,CAAA,aAAA,CAAC,qCACEA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAA,+CACE,iBAAkB,EAAA,EAAA,WAAA,EAA0B,QAAoB,EAAA,CACnE,CACF;AAAA,GACF;AAEJ,CAAA;AAEA,gCAAeA,cAAA,CAAM,KAAK,uBAAuB,CAAA;;;;"}

package/dist/components/Router.esm.js

@@ -0,0 +1,16 @@
+import React__default from 'react';
+import { Routes, Route } from 'react-router-dom';
+import { useEntity } from '@backstage/plugin-catalog-react';
+import { TektonCIComponent } from './Tekton/TektonCIComponent.esm.js';
+import { isTektonCIAvailable } from '../utils/isTektonCIAvailable.esm.js';
+
+const Router = () => {
+  const { entity } = useEntity();
+  if (isTektonCIAvailable(entity)) {
+    return /* @__PURE__ */ React__default.createElement(Routes, null, /* @__PURE__ */ React__default.createElement(Route, { path: "/", element: /* @__PURE__ */ React__default.createElement(TektonCIComponent, null) }));
+  }
+  return null;
+};
+
+export { Router };
+//# sourceMappingURL=Router.esm.js.map

package/dist/components/Router.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Router.esm.js","sources":["../../src/components/Router.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';\nimport { Route, Routes } from 'react-router-dom';\n\nimport { useEntity } from '@backstage/plugin-catalog-react';\n\nimport { TektonCIComponent } from './Tekton/TektonCIComponent';\nimport { isTektonCIAvailable } from '../utils/isTektonCIAvailable';\n\n/** @public */\nexport const Router = () => {\n  const { entity } = useEntity();\n  if (isTektonCIAvailable(entity)) {\n    return (\n      <Routes>\n        <Route path=\"/\" element={<TektonCIComponent />} />\n      </Routes>\n    );\n  }\n  return null;\n};\n"],"names":["React"],"mappings":";;;;;;AAwBO,MAAM,SAAS,MAAM;AAC1B,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAC7B,EAAI,IAAA,mBAAA,CAAoB,MAAM,CAAG,EAAA;AAC/B,IACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,MACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,KAAM,EAAA,EAAA,IAAA,EAAK,KAAI,OAAS,kBAAAA,cAAA,CAAA,aAAA,CAAC,iBAAkB,EAAA,IAAA,CAAA,EAAI,CAClD,CAAA;AAAA;AAGJ,EAAO,OAAA,IAAA;AACT;;;;"}

package/dist/components/Tekton/TektonCIComponent.esm.js

@@ -0,0 +1,53 @@
+import React__default from 'react';
+import { TektonResourcesContext } from '../../hooks/TektonResourcesContext.esm.js';
+import { useDarkTheme } from '../../hooks/useDarkTheme.esm.js';
+import { useTektonObjectsResponse } from '../../hooks/useTektonObjectsResponse.esm.js';
+import { useTektonViewPermission } from '../../hooks/useTektonViewPermission.esm.js';
+import { ModelsPlural } from '../../models.esm.js';
+import PermissionAlert from '../common/PermissionAlert.esm.js';
+import PipelineRunList from '../PipelineRunList/PipelineRunList.esm.js';
+import '@patternfly/react-core/dist/styles/base.css';
+import '@patternfly/patternfly/patternfly-theme-dark.css';
+import '@patternfly/patternfly/patternfly-charts-theme-dark.css';
+import '@patternfly/patternfly/utilities/Accessibility/accessibility.css';
+
+const savedStylesheets = /* @__PURE__ */ new Set();
+const TektonCIComponent = () => {
+  useDarkTheme();
+  React__default.useLayoutEffect(() => {
+    const scalprumStyles = Array.from(
+      document.querySelectorAll('link[rel="stylesheet"]')
+    ).filter(
+      (link) => link.attributes.getNamedItem("href")?.value?.includes("backstage-plugin-tekton")
+    );
+    scalprumStyles.forEach(
+      (link) => savedStylesheets.add(link)
+    );
+    savedStylesheets.forEach((link) => {
+      if (!document.head.contains(link)) {
+        document.head.appendChild(link);
+      }
+    });
+    return () => {
+      savedStylesheets.forEach((link) => {
+        if (document.head.contains(link)) {
+          document.head.removeChild(link);
+        }
+      });
+    };
+  }, []);
+  const watchedResources = [
+    ModelsPlural.pipelineruns,
+    ModelsPlural.taskruns,
+    ModelsPlural.pods
+  ];
+  const tektonResourcesContextData = useTektonObjectsResponse(watchedResources);
+  const hasViewPermission = useTektonViewPermission();
+  if (!hasViewPermission) {
+    return /* @__PURE__ */ React__default.createElement(PermissionAlert, null);
+  }
+  return /* @__PURE__ */ React__default.createElement(TektonResourcesContext.Provider, { value: tektonResourcesContextData }, /* @__PURE__ */ React__default.createElement(PipelineRunList, null));
+};
+
+export { TektonCIComponent };
+//# sourceMappingURL=TektonCIComponent.esm.js.map

package/dist/components/Tekton/TektonCIComponent.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TektonCIComponent.esm.js","sources":["../../../src/components/Tekton/TektonCIComponent.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 { TektonResourcesContext } from '../../hooks/TektonResourcesContext';\nimport { useDarkTheme } from '../../hooks/useDarkTheme';\nimport { useTektonObjectsResponse } from '../../hooks/useTektonObjectsResponse';\nimport { useTektonViewPermission } from '../../hooks/useTektonViewPermission';\nimport { ModelsPlural } from '../../models';\nimport PermissionAlert from '../common/PermissionAlert';\nimport PipelineRunList from '../PipelineRunList/PipelineRunList';\n\nimport '@patternfly/react-core/dist/styles/base.css';\nimport '@patternfly/patternfly/patternfly-theme-dark.css';\nimport '@patternfly/patternfly/patternfly-charts-theme-dark.css';\nimport '@patternfly/patternfly/utilities/Accessibility/accessibility.css';\n\nconst savedStylesheets = new Set<HTMLLinkElement>();\n\nexport const TektonCIComponent = () => {\n  useDarkTheme();\n\n  React.useLayoutEffect(() => {\n    const scalprumStyles = Array.from(\n      document.querySelectorAll('link[rel=\"stylesheet\"]'),\n    ).filter(link =>\n      link.attributes\n        .getNamedItem('href')\n        ?.value?.includes('backstage-plugin-tekton'),\n    );\n\n    scalprumStyles.forEach(link =>\n      savedStylesheets.add(link as HTMLLinkElement),\n    );\n\n    savedStylesheets.forEach(link => {\n      if (!document.head.contains(link)) {\n        document.head.appendChild(link);\n      }\n    });\n    return () => {\n      savedStylesheets.forEach(link => {\n        if (document.head.contains(link)) {\n          document.head.removeChild(link);\n        }\n      });\n    };\n  }, []);\n\n  const watchedResources = [\n    ModelsPlural.pipelineruns,\n    ModelsPlural.taskruns,\n    ModelsPlural.pods,\n  ];\n  const tektonResourcesContextData = useTektonObjectsResponse(watchedResources);\n  const hasViewPermission = useTektonViewPermission();\n\n  if (!hasViewPermission) {\n    return <PermissionAlert />;\n  }\n  return (\n    <TektonResourcesContext.Provider value={tektonResourcesContextData}>\n      <PipelineRunList />\n    </TektonResourcesContext.Provider>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;AA8BA,MAAM,gBAAA,uBAAuB,GAAqB,EAAA;AAE3C,MAAM,oBAAoB,MAAM;AACrC,EAAa,YAAA,EAAA;AAEb,EAAAA,cAAA,CAAM,gBAAgB,MAAM;AAC1B,IAAA,MAAM,iBAAiB,KAAM,CAAA,IAAA;AAAA,MAC3B,QAAA,CAAS,iBAAiB,wBAAwB;AAAA,KAClD,CAAA,MAAA;AAAA,MAAO,CAAA,IAAA,KACP,KAAK,UACF,CAAA,YAAA,CAAa,MAAM,CAClB,EAAA,KAAA,EAAO,SAAS,yBAAyB;AAAA,KAC/C;AAEA,IAAe,cAAA,CAAA,OAAA;AAAA,MAAQ,CAAA,IAAA,KACrB,gBAAiB,CAAA,GAAA,CAAI,IAAuB;AAAA,KAC9C;AAEA,IAAA,gBAAA,CAAiB,QAAQ,CAAQ,IAAA,KAAA;AAC/B,MAAA,IAAI,CAAC,QAAA,CAAS,IAAK,CAAA,QAAA,CAAS,IAAI,CAAG,EAAA;AACjC,QAAS,QAAA,CAAA,IAAA,CAAK,YAAY,IAAI,CAAA;AAAA;AAChC,KACD,CAAA;AACD,IAAA,OAAO,MAAM;AACX,MAAA,gBAAA,CAAiB,QAAQ,CAAQ,IAAA,KAAA;AAC/B,QAAA,IAAI,QAAS,CAAA,IAAA,CAAK,QAAS,CAAA,IAAI,CAAG,EAAA;AAChC,UAAS,QAAA,CAAA,IAAA,CAAK,YAAY,IAAI,CAAA;AAAA;AAChC,OACD,CAAA;AAAA,KACH;AAAA,GACF,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,gBAAmB,GAAA;AAAA,IACvB,YAAa,CAAA,YAAA;AAAA,IACb,YAAa,CAAA,QAAA;AAAA,IACb,YAAa,CAAA;AAAA,GACf;AACA,EAAM,MAAA,0BAAA,GAA6B,yBAAyB,gBAAgB,CAAA;AAC5E,EAAA,MAAM,oBAAoB,uBAAwB,EAAA;AAElD,EAAA,IAAI,CAAC,iBAAmB,EAAA;AACtB,IAAA,oDAAQ,eAAgB,EAAA,IAAA,CAAA;AAAA;AAE1B,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,uBAAuB,QAAvB,EAAA,EAAgC,OAAO,0BACtC,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,qBAAgB,CACnB,CAAA;AAEJ;;;;"}

package/dist/components/common/ClusterSelector.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-cluster-selector {\n  display: flex;\n  align-items: center;\n}\n\n.bs-tkn-cluster-selector > div > div > div {\n  margin-top: 0;\n}\n";
+styleInject(css_248z);
+
+export { css_248z as default };
+//# sourceMappingURL=ClusterSelector.css.esm.js.map

package/dist/components/common/ClusterSelector.css.esm.js.map

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