@backstage-community/plugin-tekton 3.41.0 → 4.0.0

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @backstage-community/plugin-tekton
 
+## 4.0.0
+
+### Major Changes
+
+- 929477e: **Breaking:** The new frontend system (NFS) plugin is now the default export. The `/alpha` subpath no longer exports the NFS plugin — it now re-exports only translations. Legacy frontend system APIs moved to `/legacy`.
+
+  **If you use the new frontend system**, import the plugin from the package root instead of `/alpha`.
+
+  **If you use the legacy frontend system**, update imports of `TektonCI`, `tektonPlugin`, and `isTektonCIAvailable` to the `/legacy` subpath.
+
+  **If you use RHDH / dynamic plugins (scalprum)**, the `TektonCI` component and `tektonTranslations` resource are now exposed under the `Legacy` module.
+
+  Translations are now available from `/translations` and `/alpha`.
+
+### Minor Changes
+
+- 77c4615: Backstage version bump to v1.54.5
+  Added New Frontend System development entrypoints and e2e coverage for both NFS and legacy.
+
+### Patch Changes
+
+- 5611e85: Updated dependency `react-router-dom` to `^6.30.5`.
+- Updated dependencies [77c4615]
+  - @backstage-community/plugin-tekton-common@1.24.0
+  - @backstage-community/plugin-tekton-react@0.9.0
+
+## 3.41.1
+
+### Patch Changes
+
+- f805ea0: Added spacing to the pipeline run log viewer dialog between the task sidebar and log content area
+- 4b8f04b: Hide the CI/CD tab on entity pages when the tekton annotation is not present
+
 ## 3.41.0
 
 ### Minor Changes

package/README.md

@@ -119,26 +119,56 @@ The Tekton plugin enables you to visualize the `PipelineRun` resources available
    yarn workspace app add @backstage-community/plugin-tekton
    ```
 
-1. To enable the PipelineRun list in the **CI/CD** tab on the entity view page, add the following snippet in the `packages/app/src/components/catalog/EntityPage.tsx`.
-
-   ```tsx title="packages/app/src/components/catalog/EntityPage.tsx"
-   /* highlight-add-next-line */
-   import {
-     isTektonCIAvailable,
-     TektonCI,
-   } from '@backstage-community/plugin-tekton';
-
-   const cicdContent = (
-     <EntitySwitch>
-       {/* ... */}
-       {/* highlight-add-start */}
-       <EntitySwitch.Case if={isTektonCIAvailable}>
-         <TektonCI />
-       </EntitySwitch.Case>
-       {/* highlight-add-end */}
-     </EntitySwitch>
-   );
-   ```
+### New frontend system
+
+If you are using Backstage's [new frontend system](https://backstage.io/docs/frontend-system/), add the default export and the translations module to your app `features` array. The Tekton entity tab is registered automatically for entities with the `tekton.dev/cicd` annotation.
+
+```ts
+import tektonPlugin, {
+  tektonTranslationsModule,
+} from '@backstage-community/plugin-tekton';
+
+export const app = createApp({
+  features: [
+    // ...
+    tektonPlugin,
+    tektonTranslationsModule,
+  ],
+});
+```
+
+### Legacy frontend system
+
+If you are using the legacy frontend system, import the plugin from the `/legacy` subpath and add the Tekton CI/CD component to `packages/app/src/components/catalog/EntityPage.tsx`. Register translations with `.addTranslationResource(tektonTranslations)` in `App.tsx`.
+
+```ts
+// packages/app/src/App.tsx
+import { tektonTranslations } from '@backstage-community/plugin-tekton/legacy';
+
+createApp({
+  __experimentalTranslations: {
+    availableLanguages: ['en', 'de', 'es', 'fr', 'it', 'ja'],
+    resources: [tektonTranslations],
+  },
+  // ...
+});
+```
+
+```tsx title="packages/app/src/components/catalog/EntityPage.tsx"
+import {
+  isTektonCIAvailable,
+  TektonCI,
+} from '@backstage-community/plugin-tekton/legacy';
+
+const cicdContent = (
+  <EntitySwitch>
+    {/* ... */}
+    <EntitySwitch.Case if={isTektonCIAvailable}>
+      <TektonCI />
+    </EntitySwitch.Case>
+  </EntitySwitch>
+);
+```
 
 #### Permissions
 
@@ -164,9 +194,9 @@ Tekton is a front-end plugin that enables you to view the `PipelineRun` resource
 
 1. Open your Backstage application and select a component from the **Catalog** page.
 
-1. Go to the **CI/CD** tab.
+1. Open the **Tekton** tab (new frontend system) or the **CI/CD** tab (legacy frontend system / RHDH).
 
-   The **CI/CD** tab displays the list of PipelineRun resources associated with a Kubernetes cluster. The list contains pipeline run details, such as **NAME**, **STATUS**, **TASK STATUS**, **STARTED**, and **DURATION**.
+   The tab displays the list of PipelineRun resources associated with a Kubernetes cluster. The list contains pipeline run details, such as **NAME**, **STATUS**, **TASK STATUS**, **STARTED**, and **DURATION**.
 
    ![ci-cd-tab-tekton](./docs/images/tekton-plugin-user4.png)
 

package/app-config.dynamic.yaml

@@ -1,9 +1,14 @@
 dynamicPlugins:
   frontend:
     backstage-community.plugin-tekton:
+      translationResources:
+        - importName: tektonTranslations
+          module: Legacy
+          ref: tektonTranslationRef
       mountPoints:
         - mountPoint: entity.page.ci/cards
           importName: TektonCI
+          module: Legacy
           config:
             layout:
               gridColumn: '1 / -1'

package/dist/alpha.d.ts

@@ -1,55 +1,2 @@
-import * as _backstage_catalog_model from '@backstage/catalog-model';
-import * as react from 'react';
-import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
-import * as _backstage_filter_predicates from '@backstage/filter-predicates';
-
-/**
- * The Tekton backstage NFS plugin.
- * @alpha
- */
-declare const _default: _backstage_frontend_plugin_api.OverridableFrontendPlugin<{}, {}, {
-    "entity-content:tekton/tektonEntityContent": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
-        kind: "entity-content";
-        name: "tektonEntityContent";
-        config: {
-            path: string | undefined;
-            title: string | undefined;
-            filter: _backstage_filter_predicates.FilterPredicate | undefined;
-            group: string | false | undefined;
-            icon: string | undefined;
-        };
-        configInput: {
-            path?: string | undefined;
-            title?: string | undefined;
-            filter?: _backstage_filter_predicates.FilterPredicate | undefined;
-            group?: string | false | undefined;
-            icon?: string | undefined;
-        };
-        output: _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
-            optional: true;
-        }> | _backstage_frontend_plugin_api.ExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<(entity: _backstage_catalog_model.Entity) => boolean, "catalog.entity-filter-function", {
-            optional: true;
-        }> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "catalog.entity-filter-expression", {
-            optional: true;
-        }> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "catalog.entity-content-title", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "catalog.entity-content-group", {
-            optional: true;
-        }> | _backstage_frontend_plugin_api.ExtensionDataRef<string | react.ReactElement<any, string | react.JSXElementConstructor<any>>, "catalog.entity-content-icon", {
-            optional: true;
-        }>;
-        inputs: {};
-        params: {
-            defaultPath?: [Error: `Use the 'path' param instead`];
-            path: string;
-            defaultTitle?: [Error: `Use the 'title' param instead`];
-            title: string;
-            defaultGroup?: [Error: `Use the 'group' param instead`];
-            group?: ("overview" | "documentation" | "development" | "deployment" | "operation" | "observability") | (string & {});
-            icon?: string | react.ReactElement;
-            loader: () => Promise<JSX.Element>;
-            routeRef?: _backstage_frontend_plugin_api.RouteRef;
-            filter?: string | _backstage_filter_predicates.FilterPredicate | ((entity: _backstage_catalog_model.Entity) => boolean);
-        };
-    }>;
-}>;
-
-export { _default as default };
+export { tektonTranslationRef, tektonTranslations, default as tektonTranslationsModule } from './translations.js';
+import '@backstage/frontend-plugin-api';

package/dist/alpha.esm.js

@@ -1,19 +1,3 @@
-import { jsx } from 'react/jsx-runtime';
-import { createFrontendPlugin } from '@backstage/frontend-plugin-api';
-import { EntityContentBlueprint } from '@backstage/plugin-catalog-react/alpha';
-
-const tektonEntityContent = EntityContentBlueprint.make({
-  name: "tektonEntityContent",
-  params: {
-    path: "/tekton",
-    title: "Tekton",
-    loader: () => import('./components/Router.esm.js').then((m) => /* @__PURE__ */ jsx(m.Router, {}))
-  }
-});
-var alpha = createFrontendPlugin({
-  pluginId: "tekton",
-  extensions: [tektonEntityContent]
-});
-
-export { alpha as default };
+export { tektonTranslations, default as tektonTranslationsModule } from './translations.esm.js';
+export { tektonTranslationRef } from './translations/ref.esm.js';
 //# sourceMappingURL=alpha.esm.js.map

package/dist/alpha.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"alpha.esm.js","sources":["../src/alpha.tsx"],"sourcesContent":["/*\n * Copyright 2025 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 { createFrontendPlugin } from '@backstage/frontend-plugin-api';\nimport { EntityContentBlueprint } from '@backstage/plugin-catalog-react/alpha';\n\nconst tektonEntityContent = EntityContentBlueprint.make({\n  name: 'tektonEntityContent',\n  params: {\n    path: '/tekton',\n    title: 'Tekton',\n    loader: () => import('./components/Router').then(m => <m.Router />),\n  },\n});\n\n/**\n * The Tekton backstage NFS plugin.\n * @alpha\n */\nexport default createFrontendPlugin({\n  pluginId: 'tekton',\n  extensions: [tektonEntityContent],\n});\n"],"names":[],"mappings":";;;;AAkBA,MAAM,mBAAA,GAAsB,uBAAuB,IAAA,CAAK;AAAA,EACtD,IAAA,EAAM,qBAAA;AAAA,EACN,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,SAAA;AAAA,IACN,KAAA,EAAO,QAAA;AAAA,IACP,MAAA,EAAQ,MAAM,OAAO,4BAAqB,CAAA,CAAE,IAAA,CAAK,CAAA,CAAA,qBAAK,GAAA,CAAC,CAAA,CAAE,MAAA,EAAF,EAAS,CAAE;AAAA;AAEtE,CAAC,CAAA;AAMD,YAAe,oBAAA,CAAqB;AAAA,EAClC,QAAA,EAAU,QAAA;AAAA,EACV,UAAA,EAAY,CAAC,mBAAmB;AAClC,CAAC,CAAA;;;;"}
+{"version":3,"file":"alpha.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -1,5 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
+import { useTheme } from '@mui/material/styles';
 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';
@@ -17,6 +18,7 @@ const PipelineRunLogDownloader = ({ pods, pipelineRun, activeTask }) => {
     ),
     [filteredPods]
   );
+  const theme = useTheme();
   const { t } = useTranslationRef(tektonTranslationRef);
   const activeTaskPod = sortedPods.find(
     (sp) => sp.metadata?.labels?.[TEKTON_PIPELINE_TASKRUN] === activeTask
@@ -26,6 +28,7 @@ const PipelineRunLogDownloader = ({ pods, pipelineRun, activeTask }) => {
     {
       "data-testid": "pipelinerun-logs-downloader",
       justifyContent: { default: "justifyContentFlexEnd" },
+      style: { marginBottom: theme.spacing(2) },
       children: [
         /* @__PURE__ */ jsx(FlexItem, { children: /* @__PURE__ */ jsx(
           PodLogsDownloadLink,

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

@@ -1 +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 type { FC } from 'react';\n\nimport { useMemo } from 'react';\n\nimport { V1Pod } from '@kubernetes/client-node';\nimport { Flex, FlexItem } from '@patternfly/react-core';\n\nimport { PipelineRunKind } from '@backstage-community/plugin-tekton-react';\n\nimport {\n  TEKTON_PIPELINE_RUN,\n  TEKTON_PIPELINE_TASK,\n  TEKTON_PIPELINE_TASKRUN,\n} from '../../consts/tekton-const';\nimport PodLogsDownloadLink from './PodLogsDownloadLink';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { tektonTranslationRef } from '../../translations/index.ts';\n\nconst PipelineRunLogDownloader: 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[] = 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  const { t } = useTranslationRef(tektonTranslationRef);\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={t('pipelineRunLogs.downloader.downloadTaskLogs')}\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={t(\n            'pipelineRunLogs.downloader.downloadPipelineRunLogs',\n          )}\n        />\n      </FlexItem>\n    </Flex>\n  ) : null;\n};\nexport default PipelineRunLogDownloader;\n"],"names":[],"mappings":";;;;;;;;;AAiCA,MAAM,2BAID,CAAC,EAAE,IAAA,EAAM,WAAA,EAAa,YAAW,KAAM;AAC1C,EAAA,MAAM,eAAwB,IAAA,EAAM,MAAA;AAAA,IAClC,CAAC,MACC,CAAA,EAAG,QAAA,EAAU,SAAS,mBAAmB,CAAA,KACzC,aAAa,QAAA,EAAU;AAAA,GAC3B;AAEA,EAAA,MAAM,UAAA,GAAsB,OAAA;AAAA,IAC1B,MACE,KAAA,CAAM,IAAA,CAAK,YAAY,CAAA,EAAG,IAAA;AAAA,MACxB,CAAC,CAAA,EAAU,CAAA,KACT,IAAI,IAAA,CAAK,GAAG,MAAA,EAAQ,SAAiB,CAAA,CAAE,OAAA,KACvC,IAAI,IAAA,CAAK,GAAG,MAAA,EAAQ,SAAiB,EAAE,OAAA;AAAQ,KACnD;AAAA,IACF,CAAC,YAAY;AAAA,GACf;AACA,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,oBAAoB,CAAA;AAEpD,EAAA,MAAM,gBACJ,UAAA,CAAW,IAAA;AAAA,IACT,CAAC,EAAA,KACC,EAAA,CAAG,QAAA,EAAU,MAAA,GAAS,uBAAuB,CAAA,KAAM;AAAA,GACvD,IAAK,UAAA,CAAW,UAAA,CAAW,MAAA,GAAS,CAAC,CAAA;AAEvC,EAAA,OAAO,UAAA,CAAW,SAAS,CAAA,mBACzB,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAY,6BAAA;AAAA,MACZ,cAAA,EAAgB,EAAE,OAAA,EAAS,uBAAA,EAAwB;AAAA,MAEnD,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,QAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,UAAC,mBAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAY,oBAAA;AAAA,YACZ,IAAA,EAAM,aAAA,GAAgB,CAAC,aAAa,IAAI,EAAC;AAAA,YACzC,UAAU,CAAA,EACR,aAAA,EAAe,UAAU,MAAA,GAAS,oBAAoB,KAAK,MAC7D,CAAA,IAAA,CAAA;AAAA,YACA,aAAA,EAAe,EAAE,6CAA6C;AAAA;AAAA,SAChE,EACF,CAAA;AAAA,4BACC,QAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,UAAC,mBAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAY,2BAAA;AAAA,YACZ,IAAA,EAAM,UAAA;AAAA,YACN,QAAA,EAAU,CAAA,EAAG,WAAA,EAAa,QAAA,EAAU,QAAQ,aAAa,CAAA,IAAA,CAAA;AAAA,YACzD,aAAA,EAAe,CAAA;AAAA,cACb;AAAA;AACF;AAAA,SACF,EACF;AAAA;AAAA;AAAA,GACF,GACE,IAAA;AACN;;;;"}
+{"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 type { FC } from 'react';\n\nimport { useMemo } from 'react';\n\nimport { V1Pod } from '@kubernetes/client-node';\nimport { useTheme } from '@mui/material/styles';\nimport { Flex, FlexItem } from '@patternfly/react-core';\n\nimport { PipelineRunKind } from '@backstage-community/plugin-tekton-react';\n\nimport {\n  TEKTON_PIPELINE_RUN,\n  TEKTON_PIPELINE_TASK,\n  TEKTON_PIPELINE_TASKRUN,\n} from '../../consts/tekton-const';\nimport PodLogsDownloadLink from './PodLogsDownloadLink';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { tektonTranslationRef } from '../../translations/index.ts';\n\nconst PipelineRunLogDownloader: 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[] = 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  const theme = useTheme();\n  const { t } = useTranslationRef(tektonTranslationRef);\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      style={{ marginBottom: theme.spacing(2) }}\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={t('pipelineRunLogs.downloader.downloadTaskLogs')}\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={t(\n            'pipelineRunLogs.downloader.downloadPipelineRunLogs',\n          )}\n        />\n      </FlexItem>\n    </Flex>\n  ) : null;\n};\nexport default PipelineRunLogDownloader;\n"],"names":[],"mappings":";;;;;;;;;;AAkCA,MAAM,2BAID,CAAC,EAAE,IAAA,EAAM,WAAA,EAAa,YAAW,KAAM;AAC1C,EAAA,MAAM,eAAwB,IAAA,EAAM,MAAA;AAAA,IAClC,CAAC,MACC,CAAA,EAAG,QAAA,EAAU,SAAS,mBAAmB,CAAA,KACzC,aAAa,QAAA,EAAU;AAAA,GAC3B;AAEA,EAAA,MAAM,UAAA,GAAsB,OAAA;AAAA,IAC1B,MACE,KAAA,CAAM,IAAA,CAAK,YAAY,CAAA,EAAG,IAAA;AAAA,MACxB,CAAC,CAAA,EAAU,CAAA,KACT,IAAI,IAAA,CAAK,GAAG,MAAA,EAAQ,SAAiB,CAAA,CAAE,OAAA,KACvC,IAAI,IAAA,CAAK,GAAG,MAAA,EAAQ,SAAiB,EAAE,OAAA;AAAQ,KACnD;AAAA,IACF,CAAC,YAAY;AAAA,GACf;AACA,EAAA,MAAM,QAAQ,QAAA,EAAS;AACvB,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,oBAAoB,CAAA;AAEpD,EAAA,MAAM,gBACJ,UAAA,CAAW,IAAA;AAAA,IACT,CAAC,EAAA,KACC,EAAA,CAAG,QAAA,EAAU,MAAA,GAAS,uBAAuB,CAAA,KAAM;AAAA,GACvD,IAAK,UAAA,CAAW,UAAA,CAAW,MAAA,GAAS,CAAC,CAAA;AAEvC,EAAA,OAAO,UAAA,CAAW,SAAS,CAAA,mBACzB,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAY,6BAAA;AAAA,MACZ,cAAA,EAAgB,EAAE,OAAA,EAAS,uBAAA,EAAwB;AAAA,MACnD,OAAO,EAAE,YAAA,EAAc,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA,EAAE;AAAA,MAExC,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,QAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,UAAC,mBAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAY,oBAAA;AAAA,YACZ,IAAA,EAAM,aAAA,GAAgB,CAAC,aAAa,IAAI,EAAC;AAAA,YACzC,UAAU,CAAA,EACR,aAAA,EAAe,UAAU,MAAA,GAAS,oBAAoB,KAAK,MAC7D,CAAA,IAAA,CAAA;AAAA,YACA,aAAA,EAAe,EAAE,6CAA6C;AAAA;AAAA,SAChE,EACF,CAAA;AAAA,4BACC,QAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,UAAC,mBAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAY,2BAAA;AAAA,YACZ,IAAA,EAAM,UAAA;AAAA,YACN,QAAA,EAAU,CAAA,EAAG,WAAA,EAAa,QAAA,EAAU,QAAQ,aAAa,CAAA,IAAA,CAAA;AAAA,YACzD,aAAA,EAAe,CAAA;AAAA,cACb;AAAA;AACF;AAAA,SACF,EACF;AAAA;AAAA;AAAA,GACF,GACE,IAAA;AACN;;;;"}

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

@@ -53,8 +53,8 @@ const PipelineRunLogs = ({
     }),
     [pods, podName]
   );
-  return /* @__PURE__ */ jsxs(Grid, { container: true, children: [
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 3, children: /* @__PURE__ */ jsx(Paper, { children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(Grid, { container: true, sx: { gap: 2 }, children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 3, children: /* @__PURE__ */ jsx(Paper, { sx: { paddingX: 2 }, children: /* @__PURE__ */ jsx(
       TaskStatusStepper,
       {
         steps: sortedTaskRuns,
@@ -62,7 +62,7 @@ const PipelineRunLogs = ({
         onUserStepChange: setActiveTask
       }
     ) }) }),
-    /* @__PURE__ */ jsxs(Grid, { item: true, xs: 9, children: [
+    /* @__PURE__ */ jsxs(Grid, { item: true, xs: true, children: [
       !currentStepId && /* @__PURE__ */ jsx(Progress, {}),
       /* @__PURE__ */ jsx("div", { style: { height: "80vh" }, children: !podData ? /* @__PURE__ */ jsx(
         Paper,

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

@@ -1 +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 { useState, useEffect, useMemo } from 'react';\n\nimport { LogViewer, Progress } from '@backstage/core-components';\n\nimport { V1Pod } from '@kubernetes/client-node';\nimport Grid from '@mui/material/Grid';\nimport Paper from '@mui/material/Paper';\n\nimport {\n  getTaskRunsForPipelineRun,\n  pipelineRunFilterReducer,\n  PipelineRunKind,\n  TaskRunKind,\n} from '@backstage-community/plugin-tekton-react';\n\nimport { getActiveTaskRun, getSortedTaskRuns } from '../../utils/taskRun-utils';\nimport { PipelineRunLogViewer } from './PipelineRunLogViewer';\nimport { TaskStatusStepper } from './TaskStatusStepper';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { tektonTranslationRef } from '../../translations/index.ts';\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] = useState<string>('');\n  const { t } = useTranslationRef(tektonTranslationRef);\n\n  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 = 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={t('pipelineRunLogs.noLogs')} />\n            </Paper>\n          ) : (\n            <PipelineRunLogViewer pod={podData} />\n          )}\n        </div>\n      </Grid>\n    </Grid>\n  );\n};\n\nexport default PipelineRunLogs;\n"],"names":["PipelineRunLogViewer"],"mappings":";;;;;;;;;;;;;AA2CO,MAAM,kBAAkB,CAAC;AAAA,EAC9B,WAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA,KAA4B;AAC1B,EAAA,MAAM,WAAA,GAAc,yBAAA,CAA0B,WAAA,EAAa,QAAQ,CAAA;AACnE,EAAA,MAAM,cAAA,GAAiB,kBAAkB,WAAW,CAAA;AACpD,EAAA,MAAM,kBAAkB,WAAA,EAAa,MAAA;AAAA,IACnC,CAAC,KAAuC,KAAA,KAAU;AAChD,MAAA,IAAI,KAAA,EAAO,UAAU,IAAA,EAAM;AACzB,QAAA,GAAA,CAAI,KAAA,CAAM,QAAA,CAAS,IAAI,CAAA,GAAI,KAAA;AAAA,MAC7B;AACA,MAAA,OAAO,GAAA;AAAA,IACT,CAAA;AAAA,IACA;AAAC,GACH;AAEA,EAAA,MAAM,SAAA,GAAY,yBAAyB,WAAW,CAAA;AACtD,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,SAAiB,EAAE,CAAA;AACnE,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,oBAAoB,CAAA;AAEpD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,+BAA+B,cAAA,CAAe,IAAA;AAAA,MAAK,QACvD,CAAC,QAAA,EAAU,SAAS,CAAA,CAAE,QAAA,CAAS,GAAG,MAAM;AAAA,KAC1C;AAEA,IAAA,IAAI,SAAA,IAAa,CAAC,4BAAA,IAAgC,CAAC,UAAA,EAAY;AAC7D,MAAA,mBAAA,CAAoB,cAAA,CAAe,cAAA,CAAe,MAAA,GAAS,CAAC,GAAG,EAAE,CAAA;AACjE,MAAA;AAAA,IACF;AAEA,IAAA,mBAAA;AAAA,MACE,CAAC,UAAA,GAAc,4BAAA,EAA8B,EAAA,GAAgB;AAAA,KAC/D;AAAA,EACF,CAAA,EAAG,CAAC,cAAA,EAAgB,SAAA,EAAW,UAAU,CAAC,CAAA;AAE1C,EAAA,MAAM,gBAAgB,UAAA,IAAc,gBAAA;AACpC,EAAA,MAAM,UAAA,GAAa,gBAAA,CAAiB,cAAA,EAAgB,aAAa,CAAA;AACjE,EAAA,MAAM,OAAA,GACJ,UAAA,IAAc,eAAA,GAAkB,aAAa,GAAG,MAAA,EAAQ,OAAA;AAC1D,EAAA,MAAM,OAAA,GAAU,OAAA;AAAA,IACd,MACE,IAAA,CAAK,IAAA,CAAK,CAAA,GAAA,KAAO;AACf,MAAA,OAAO,GAAA,EAAK,UAAU,IAAA,KAAS,OAAA;AAAA,IACjC,CAAC,CAAA;AAAA,IACH,CAAC,MAAM,OAAO;AAAA,GAChB;AAEA,EAAA,uBACE,IAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAS,IAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,QAAK,IAAA,EAAI,IAAA,EAAC,EAAA,EAAI,CAAA,EACb,8BAAC,KAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,cAAA;AAAA,QACP,aAAA;AAAA,QACA,gBAAA,EAAkB;AAAA;AAAA,OAEtB,CAAA,EACF,CAAA;AAAA,oBACA,IAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EAAC,IAAI,CAAA,EACZ,QAAA,EAAA;AAAA,MAAA,CAAC,aAAA,wBAAkB,QAAA,EAAA,EAAS,CAAA;AAAA,sBAC7B,GAAA,CAAC,SAAI,KAAA,EAAO,EAAE,QAAQ,MAAA,EAAO,EAC1B,WAAC,OAAA,mBACA,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,CAAA;AAAA,UACX,OAAO,EAAE,MAAA,EAAQ,QAAQ,KAAA,EAAO,MAAA,EAAQ,WAAW,OAAA,EAAQ;AAAA,UAE3D,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAM,CAAA,CAAE,wBAAwB,CAAA,EAAG;AAAA;AAAA,OAChD,mBAEA,GAAA,CAACA,mCAAA,EAAA,EAAqB,GAAA,EAAK,SAAS,CAAA,EAExC;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"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 { useState, useEffect, useMemo } from 'react';\n\nimport { LogViewer, Progress } from '@backstage/core-components';\n\nimport { V1Pod } from '@kubernetes/client-node';\nimport Grid from '@mui/material/Grid';\nimport Paper from '@mui/material/Paper';\n\nimport {\n  getTaskRunsForPipelineRun,\n  pipelineRunFilterReducer,\n  PipelineRunKind,\n  TaskRunKind,\n} from '@backstage-community/plugin-tekton-react';\n\nimport { getActiveTaskRun, getSortedTaskRuns } from '../../utils/taskRun-utils';\nimport { PipelineRunLogViewer } from './PipelineRunLogViewer';\nimport { TaskStatusStepper } from './TaskStatusStepper';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { tektonTranslationRef } from '../../translations/index.ts';\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] = useState<string>('');\n  const { t } = useTranslationRef(tektonTranslationRef);\n\n  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 = useMemo(\n    () =>\n      pods.find(pod => {\n        return pod?.metadata?.name === podName;\n      }),\n    [pods, podName],\n  );\n\n  return (\n    <Grid container sx={{ gap: 2 }}>\n      <Grid item xs={3}>\n        <Paper sx={{ paddingX: 2 }}>\n          <TaskStatusStepper\n            steps={sortedTaskRuns}\n            currentStepId={currentStepId}\n            onUserStepChange={setActiveTask}\n          />\n        </Paper>\n      </Grid>\n      <Grid item xs>\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={t('pipelineRunLogs.noLogs')} />\n            </Paper>\n          ) : (\n            <PipelineRunLogViewer pod={podData} />\n          )}\n        </div>\n      </Grid>\n    </Grid>\n  );\n};\n\nexport default PipelineRunLogs;\n"],"names":["PipelineRunLogViewer"],"mappings":"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"}

package/dist/hooks/usePodLogsOfPipelineRun.esm.js

@@ -16,7 +16,7 @@ const usePodLogsOfPipelineRun = ({
   const containersList = pod?.spec?.containers || [];
   const podKey = pod?.metadata?.name;
   const stopPolling = pod?.status?.phase === "Succeeded" || pod?.status?.phase === "Failed";
-  const { data, error, isLoading, isFetching } = useQuery({
+  const { data, error, isLoading } = useQuery({
     queryKey: ["podLogs", podKey, currCluster],
     queryFn: async () => {
       const requests = containersList.map((container) => {
@@ -40,7 +40,7 @@ const usePodLogsOfPipelineRun = ({
   return {
     value: data,
     error,
-    loading: isLoading || isFetching
+    loading: isLoading
   };
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"usePodLogsOfPipelineRun.esm.js","sources":["../../src/hooks/usePodLogsOfPipelineRun.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 { useContext } from 'react';\nimport { useQuery } from '@tanstack/react-query';\nimport { kubernetesProxyApiRef } from '@backstage/plugin-kubernetes-react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { V1Container, V1Pod } from '@kubernetes/client-node';\n\nimport { TektonResourcesContextData } from '../types/types';\nimport { TektonResourcesContext } from './TektonResourcesContext';\n\nexport interface ContainerScope {\n  podName: string;\n  podNamespace: string;\n  clusterName: string;\n  containerName: string;\n}\n\ninterface PodLogsOptions {\n  pod: V1Pod;\n  intervalMs?: number;\n}\n\nexport const usePodLogsOfPipelineRun = ({\n  pod,\n  intervalMs = 5000,\n}: PodLogsOptions) => {\n  const kubernetesProxyApi = useApi(kubernetesProxyApiRef);\n  const { clusters, selectedCluster } = useContext<TektonResourcesContextData>(\n    TektonResourcesContext,\n  );\n  const currCluster =\n    (clusters.length > 0 && clusters[selectedCluster || 0]) || '';\n  const containersList = pod?.spec?.containers || [];\n\n  const podKey = pod?.metadata?.name;\n  const stopPolling =\n    pod?.status?.phase === 'Succeeded' || pod?.status?.phase === 'Failed';\n\n  const { data, error, isLoading, isFetching } = useQuery({\n    queryKey: ['podLogs', podKey, currCluster],\n    queryFn: async () => {\n      const requests = containersList\n        .map((container: V1Container) => {\n          if (pod?.metadata?.name && pod?.metadata?.namespace && container) {\n            return kubernetesProxyApi.getPodLogs({\n              podName: pod.metadata.name,\n              namespace: pod.metadata.namespace,\n              containerName: container.name,\n              clusterName: currCluster,\n            });\n          }\n\n          return Promise.resolve({ text: '' });\n        })\n        .filter(Boolean);\n\n      return Promise.all(requests);\n    },\n    enabled: !!pod?.metadata?.name && containersList.length > 0,\n    refetchInterval: stopPolling ? false : intervalMs,\n    staleTime: 60000, // Keep the data fresh for 1 minute instead of constantly refetching.\n  });\n\n  return {\n    value: data,\n    error,\n    loading: isLoading || isFetching,\n  };\n};\n"],"names":[],"mappings":";;;;;;AAoCO,MAAM,0BAA0B,CAAC;AAAA,EACtC,GAAA;AAAA,EACA,UAAA,GAAa;AACf,CAAA,KAAsB;AACpB,EAAA,MAAM,kBAAA,GAAqB,OAAO,qBAAqB,CAAA;AACvD,EAAA,MAAM,EAAE,QAAA,EAAU,eAAA,EAAgB,GAAI,UAAA;AAAA,IACpC;AAAA,GACF;AACA,EAAA,MAAM,cACH,QAAA,CAAS,MAAA,GAAS,KAAK,QAAA,CAAS,eAAA,IAAmB,CAAC,CAAA,IAAM,EAAA;AAC7D,EAAA,MAAM,cAAA,GAAiB,GAAA,EAAK,IAAA,EAAM,UAAA,IAAc,EAAC;AAEjD,EAAA,MAAM,MAAA,GAAS,KAAK,QAAA,EAAU,IAAA;AAC9B,EAAA,MAAM,cACJ,GAAA,EAAK,MAAA,EAAQ,UAAU,WAAA,IAAe,GAAA,EAAK,QAAQ,KAAA,KAAU,QAAA;AAE/D,EAAA,MAAM,EAAE,IAAA,EAAM,KAAA,EAAO,SAAA,EAAW,UAAA,KAAe,QAAA,CAAS;AAAA,IACtD,QAAA,EAAU,CAAC,SAAA,EAAW,MAAA,EAAQ,WAAW,CAAA;AAAA,IACzC,SAAS,YAAY;AACnB,MAAA,MAAM,QAAA,GAAW,cAAA,CACd,GAAA,CAAI,CAAC,SAAA,KAA2B;AAC/B,QAAA,IAAI,KAAK,QAAA,EAAU,IAAA,IAAQ,GAAA,EAAK,QAAA,EAAU,aAAa,SAAA,EAAW;AAChE,UAAA,OAAO,mBAAmB,UAAA,CAAW;AAAA,YACnC,OAAA,EAAS,IAAI,QAAA,CAAS,IAAA;AAAA,YACtB,SAAA,EAAW,IAAI,QAAA,CAAS,SAAA;AAAA,YACxB,eAAe,SAAA,CAAU,IAAA;AAAA,YACzB,WAAA,EAAa;AAAA,WACd,CAAA;AAAA,QACH;AAEA,QAAA,OAAO,OAAA,CAAQ,OAAA,CAAQ,EAAE,IAAA,EAAM,IAAI,CAAA;AAAA,MACrC,CAAC,CAAA,CACA,MAAA,CAAO,OAAO,CAAA;AAEjB,MAAA,OAAO,OAAA,CAAQ,IAAI,QAAQ,CAAA;AAAA,IAC7B,CAAA;AAAA,IACA,SAAS,CAAC,CAAC,KAAK,QAAA,EAAU,IAAA,IAAQ,eAAe,MAAA,GAAS,CAAA;AAAA,IAC1D,eAAA,EAAiB,cAAc,KAAA,GAAQ,UAAA;AAAA,IACvC,SAAA,EAAW;AAAA;AAAA,GACZ,CAAA;AAED,EAAA,OAAO;AAAA,IACL,KAAA,EAAO,IAAA;AAAA,IACP,KAAA;AAAA,IACA,SAAS,SAAA,IAAa;AAAA,GACxB;AACF;;;;"}
+{"version":3,"file":"usePodLogsOfPipelineRun.esm.js","sources":["../../src/hooks/usePodLogsOfPipelineRun.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 { useContext } from 'react';\nimport { useQuery } from '@tanstack/react-query';\nimport { kubernetesProxyApiRef } from '@backstage/plugin-kubernetes-react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { V1Container, V1Pod } from '@kubernetes/client-node';\n\nimport { TektonResourcesContextData } from '../types/types';\nimport { TektonResourcesContext } from './TektonResourcesContext';\n\nexport interface ContainerScope {\n  podName: string;\n  podNamespace: string;\n  clusterName: string;\n  containerName: string;\n}\n\ninterface PodLogsOptions {\n  pod: V1Pod;\n  intervalMs?: number;\n}\n\nexport const usePodLogsOfPipelineRun = ({\n  pod,\n  intervalMs = 5000,\n}: PodLogsOptions) => {\n  const kubernetesProxyApi = useApi(kubernetesProxyApiRef);\n  const { clusters, selectedCluster } = useContext<TektonResourcesContextData>(\n    TektonResourcesContext,\n  );\n  const currCluster =\n    (clusters.length > 0 && clusters[selectedCluster || 0]) || '';\n  const containersList = pod?.spec?.containers || [];\n\n  const podKey = pod?.metadata?.name;\n  const stopPolling =\n    pod?.status?.phase === 'Succeeded' || pod?.status?.phase === 'Failed';\n\n  const { data, error, isLoading } = useQuery({\n    queryKey: ['podLogs', podKey, currCluster],\n    queryFn: async () => {\n      const requests = containersList\n        .map((container: V1Container) => {\n          if (pod?.metadata?.name && pod?.metadata?.namespace && container) {\n            return kubernetesProxyApi.getPodLogs({\n              podName: pod.metadata.name,\n              namespace: pod.metadata.namespace,\n              containerName: container.name,\n              clusterName: currCluster,\n            });\n          }\n\n          return Promise.resolve({ text: '' });\n        })\n        .filter(Boolean);\n\n      return Promise.all(requests);\n    },\n    enabled: !!pod?.metadata?.name && containersList.length > 0,\n    refetchInterval: stopPolling ? false : intervalMs,\n    staleTime: 60000, // Keep the data fresh for 1 minute instead of constantly refetching.\n  });\n\n  return {\n    value: data,\n    error,\n    loading: isLoading,\n  };\n};\n"],"names":[],"mappings":";;;;;;AAoCO,MAAM,0BAA0B,CAAC;AAAA,EACtC,GAAA;AAAA,EACA,UAAA,GAAa;AACf,CAAA,KAAsB;AACpB,EAAA,MAAM,kBAAA,GAAqB,OAAO,qBAAqB,CAAA;AACvD,EAAA,MAAM,EAAE,QAAA,EAAU,eAAA,EAAgB,GAAI,UAAA;AAAA,IACpC;AAAA,GACF;AACA,EAAA,MAAM,cACH,QAAA,CAAS,MAAA,GAAS,KAAK,QAAA,CAAS,eAAA,IAAmB,CAAC,CAAA,IAAM,EAAA;AAC7D,EAAA,MAAM,cAAA,GAAiB,GAAA,EAAK,IAAA,EAAM,UAAA,IAAc,EAAC;AAEjD,EAAA,MAAM,MAAA,GAAS,KAAK,QAAA,EAAU,IAAA;AAC9B,EAAA,MAAM,cACJ,GAAA,EAAK,MAAA,EAAQ,UAAU,WAAA,IAAe,GAAA,EAAK,QAAQ,KAAA,KAAU,QAAA;AAE/D,EAAA,MAAM,EAAE,IAAA,EAAM,KAAA,EAAO,SAAA,KAAc,QAAA,CAAS;AAAA,IAC1C,QAAA,EAAU,CAAC,SAAA,EAAW,MAAA,EAAQ,WAAW,CAAA;AAAA,IACzC,SAAS,YAAY;AACnB,MAAA,MAAM,QAAA,GAAW,cAAA,CACd,GAAA,CAAI,CAAC,SAAA,KAA2B;AAC/B,QAAA,IAAI,KAAK,QAAA,EAAU,IAAA,IAAQ,GAAA,EAAK,QAAA,EAAU,aAAa,SAAA,EAAW;AAChE,UAAA,OAAO,mBAAmB,UAAA,CAAW;AAAA,YACnC,OAAA,EAAS,IAAI,QAAA,CAAS,IAAA;AAAA,YACtB,SAAA,EAAW,IAAI,QAAA,CAAS,SAAA;AAAA,YACxB,eAAe,SAAA,CAAU,IAAA;AAAA,YACzB,WAAA,EAAa;AAAA,WACd,CAAA;AAAA,QACH;AAEA,QAAA,OAAO,OAAA,CAAQ,OAAA,CAAQ,EAAE,IAAA,EAAM,IAAI,CAAA;AAAA,MACrC,CAAC,CAAA,CACA,MAAA,CAAO,OAAO,CAAA;AAEjB,MAAA,OAAO,OAAA,CAAQ,IAAI,QAAQ,CAAA;AAAA,IAC7B,CAAA;AAAA,IACA,SAAS,CAAC,CAAC,KAAK,QAAA,EAAU,IAAA,IAAQ,eAAe,MAAA,GAAS,CAAA;AAAA,IAC1D,eAAA,EAAiB,cAAc,KAAA,GAAQ,UAAA;AAAA,IACvC,SAAA,EAAW;AAAA;AAAA,GACZ,CAAA;AAED,EAAA,OAAO;AAAA,IACL,KAAA,EAAO,IAAA;AAAA,IACP,KAAA;AAAA,IACA,OAAA,EAAS;AAAA,GACX;AACF;;;;"}

package/dist/index.d.ts

@@ -1,33 +1,56 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
-import { Entity } from '@backstage/catalog-model';
-export { tektonTranslationRef, tektonTranslations, default as tektonTranslationsModule } from './translations.js';
-import '@backstage/frontend-plugin-api';
+import * as _backstage_catalog_model from '@backstage/catalog-model';
+import * as react from 'react';
+import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
+import * as _backstage_filter_predicates from '@backstage/filter-predicates';
 
 /**
- * A Tekton plugin.
+ * The Tekton frontend plugin for the new frontend system.
  *
  * @public
  */
-declare const tektonPlugin: _backstage_core_plugin_api.BackstagePlugin<{}, {}, {}>;
-/**
- * Component for the catalog entity CI/CD tab.
- *
- * @public
- */
-declare const TektonCI: () => react_jsx_runtime.JSX.Element | null;
-
-/**
- * Returns true if the entity supports the Tekton CI/CD feature and
- * the Tekton CI/CD card should be shown on the CI/CD tab.
- *
- * This means that the catalog entity has one of this annotations set:
- *
- * 1. `tekton.dev/ci-cd: "true"` or
- * 2. `janus-idp.io/tekton` is defined (any value is accepted).
- *
- * @public
- */
-declare const isTektonCIAvailable: (entity: Entity) => boolean;
+declare const tektonPlugin: _backstage_frontend_plugin_api.OverridableFrontendPlugin<{}, {}, {
+    "entity-content:tekton/tektonEntityContent": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
+        kind: "entity-content";
+        name: "tektonEntityContent";
+        config: {
+            path: string | undefined;
+            title: string | undefined;
+            filter: _backstage_filter_predicates.FilterPredicate | undefined;
+            group: string | false | undefined;
+            icon: string | undefined;
+        };
+        configInput: {
+            path?: string | undefined;
+            title?: string | undefined;
+            filter?: _backstage_filter_predicates.FilterPredicate | undefined;
+            group?: string | false | undefined;
+            icon?: string | undefined;
+        };
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<(entity: _backstage_catalog_model.Entity) => boolean, "catalog.entity-filter-function", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "catalog.entity-filter-expression", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "catalog.entity-content-title", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "catalog.entity-content-group", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<string | react.ReactElement<any, string | react.JSXElementConstructor<any>>, "catalog.entity-content-icon", {
+            optional: true;
+        }>;
+        inputs: {};
+        params: {
+            defaultPath?: [Error: `Use the 'path' param instead`];
+            path: string;
+            defaultTitle?: [Error: `Use the 'title' param instead`];
+            title: string;
+            defaultGroup?: [Error: `Use the 'group' param instead`];
+            group?: ("overview" | "documentation" | "development" | "deployment" | "operation" | "observability") | (string & {});
+            icon?: string | react.ReactElement;
+            loader: () => Promise<JSX.Element>;
+            routeRef?: _backstage_frontend_plugin_api.RouteRef;
+            filter?: string | _backstage_filter_predicates.FilterPredicate | ((entity: _backstage_catalog_model.Entity) => boolean);
+        };
+    }>;
+}>;
 
-export { TektonCI, isTektonCIAvailable, tektonPlugin };
+export { tektonPlugin as default };

package/dist/index.esm.js

@@ -1,5 +1,2 @@
-export { TektonCI, tektonPlugin } from './plugin.esm.js';
-export { isTektonCIAvailable } from './utils/isTektonCIAvailable.esm.js';
-export { tektonTranslations, default as tektonTranslationsModule } from './translations.esm.js';
-export { tektonTranslationRef } from './translations/ref.esm.js';
+export { default } from './plugin.esm.js';
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

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

package/dist/legacy/plugin.esm.js

@@ -0,0 +1,16 @@
+import { createPlugin, createComponentExtension } from '@backstage/core-plugin-api';
+
+const tektonPlugin = createPlugin({
+  id: "tekton"
+});
+const TektonCI = tektonPlugin.provide(
+  createComponentExtension({
+    name: "TektonCI",
+    component: {
+      lazy: () => import('../components/Router.esm.js').then((m) => m.Router)
+    }
+  })
+);
+
+export { TektonCI, tektonPlugin };
+//# sourceMappingURL=plugin.esm.js.map

package/dist/legacy/plugin.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.esm.js","sources":["../../src/legacy/plugin.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 {\n  createComponentExtension,\n  createPlugin,\n} from '@backstage/core-plugin-api';\n\n/**\n * A Tekton plugin (legacy frontend system).\n *\n * @public\n * @remarks Prefer the default export from the package root for the new frontend system.\n */\nexport const tektonPlugin = createPlugin({\n  id: 'tekton',\n});\n\n/**\n * Component for the catalog entity CI/CD tab (legacy frontend system).\n *\n * @public\n * @remarks Prefer the default export from the package root for the new frontend system.\n */\nexport const TektonCI = tektonPlugin.provide(\n  createComponentExtension({\n    name: 'TektonCI',\n    component: {\n      lazy: () => import('../components/Router').then(m => m.Router),\n    },\n  }),\n);\n"],"names":[],"mappings":";;AA0BO,MAAM,eAAe,YAAA,CAAa;AAAA,EACvC,EAAA,EAAI;AACN,CAAC;AAQM,MAAM,WAAW,YAAA,CAAa,OAAA;AAAA,EACnC,wBAAA,CAAyB;AAAA,IACvB,IAAA,EAAM,UAAA;AAAA,IACN,SAAA,EAAW;AAAA,MACT,IAAA,EAAM,MAAM,OAAO,6BAAsB,EAAE,IAAA,CAAK,CAAA,CAAA,KAAK,EAAE,MAAM;AAAA;AAC/D,GACD;AACH;;;;"}

package/dist/legacy.d.ts

@@ -0,0 +1,33 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
+import { Entity } from '@backstage/catalog-model';
+
+/**
+ * A Tekton plugin (legacy frontend system).
+ *
+ * @public
+ * @remarks Prefer the default export from the package root for the new frontend system.
+ */
+declare const tektonPlugin: _backstage_core_plugin_api.BackstagePlugin<{}, {}, {}>;
+/**
+ * Component for the catalog entity CI/CD tab (legacy frontend system).
+ *
+ * @public
+ * @remarks Prefer the default export from the package root for the new frontend system.
+ */
+declare const TektonCI: () => react_jsx_runtime.JSX.Element | null;
+
+/**
+ * Returns true if the entity supports the Tekton CI/CD feature and
+ * the Tekton CI/CD card should be shown on the CI/CD tab.
+ *
+ * This means that the catalog entity has one of this annotations set:
+ *
+ * 1. `tekton.dev/ci-cd: "true"` or
+ * 2. `janus-idp.io/tekton` is defined (any value is accepted).
+ *
+ * @public
+ */
+declare const isTektonCIAvailable: (entity: Entity) => boolean;
+
+export { TektonCI, isTektonCIAvailable, tektonPlugin };

package/dist/legacy.esm.js

@@ -0,0 +1,3 @@
+export { TektonCI, tektonPlugin } from './legacy/plugin.esm.js';
+export { isTektonCIAvailable } from './utils/isTektonCIAvailable.esm.js';
+//# sourceMappingURL=legacy.esm.js.map

package/dist/legacy.esm.js.map

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

package/dist/plugin.esm.js

@@ -1,16 +1,22 @@
-import { createPlugin, createComponentExtension } from '@backstage/core-plugin-api';
+import { jsx } from 'react/jsx-runtime';
+import { createFrontendPlugin } from '@backstage/frontend-plugin-api';
+import { EntityContentBlueprint } from '@backstage/plugin-catalog-react/alpha';
+import { isTektonCIAvailable } from './utils/isTektonCIAvailable.esm.js';
 
-const tektonPlugin = createPlugin({
-  id: "tekton"
+const tektonEntityContent = EntityContentBlueprint.make({
+  name: "tektonEntityContent",
+  params: {
+    path: "/tekton",
+    title: "Tekton",
+    filter: isTektonCIAvailable,
+    loader: () => import('./components/Router.esm.js').then((m) => /* @__PURE__ */ jsx(m.Router, {}))
+  }
+});
+const tektonPlugin = createFrontendPlugin({
+  pluginId: "tekton",
+  info: { packageJson: () => import('./plugins/tekton/package.json.esm.js') },
+  extensions: [tektonEntityContent]
 });
-const TektonCI = tektonPlugin.provide(
-  createComponentExtension({
-    name: "TektonCI",
-    component: {
-      lazy: () => import('./components/Router.esm.js').then((m) => m.Router)
-    }
-  })
-);
 
-export { TektonCI, tektonPlugin };
+export { tektonPlugin as default };
 //# sourceMappingURL=plugin.esm.js.map

package/dist/plugin.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.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 {\n  createComponentExtension,\n  createPlugin,\n} from '@backstage/core-plugin-api';\n\n/**\n * A Tekton plugin.\n *\n * @public\n */\nexport const tektonPlugin = createPlugin({\n  id: 'tekton',\n});\n\n/**\n * Component for the catalog entity CI/CD tab.\n *\n * @public\n */\nexport const TektonCI = tektonPlugin.provide(\n  createComponentExtension({\n    name: 'TektonCI',\n    component: {\n      lazy: () => import('./components/Router').then(m => m.Router),\n    },\n  }),\n);\n"],"names":[],"mappings":";;AAyBO,MAAM,eAAe,YAAA,CAAa;AAAA,EACvC,EAAA,EAAI;AACN,CAAC;AAOM,MAAM,WAAW,YAAA,CAAa,OAAA;AAAA,EACnC,wBAAA,CAAyB;AAAA,IACvB,IAAA,EAAM,UAAA;AAAA,IACN,SAAA,EAAW;AAAA,MACT,IAAA,EAAM,MAAM,OAAO,4BAAqB,EAAE,IAAA,CAAK,CAAA,CAAA,KAAK,EAAE,MAAM;AAAA;AAC9D,GACD;AACH;;;;"}
+{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.tsx"],"sourcesContent":["/*\n * Copyright 2025 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 { createFrontendPlugin } from '@backstage/frontend-plugin-api';\nimport { EntityContentBlueprint } from '@backstage/plugin-catalog-react/alpha';\nimport { isTektonCIAvailable } from './utils/isTektonCIAvailable';\n\nconst tektonEntityContent = EntityContentBlueprint.make({\n  name: 'tektonEntityContent',\n  params: {\n    path: '/tekton',\n    title: 'Tekton',\n    filter: isTektonCIAvailable,\n    loader: () => import('./components/Router').then(m => <m.Router />),\n  },\n});\n\n/**\n * The Tekton frontend plugin for the new frontend system.\n *\n * @public\n */\nconst tektonPlugin = createFrontendPlugin({\n  pluginId: 'tekton',\n  info: { packageJson: () => import('../package.json') },\n  extensions: [tektonEntityContent],\n});\n\nexport default tektonPlugin;\n"],"names":[],"mappings":";;;;;AAmBA,MAAM,mBAAA,GAAsB,uBAAuB,IAAA,CAAK;AAAA,EACtD,IAAA,EAAM,qBAAA;AAAA,EACN,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,SAAA;AAAA,IACN,KAAA,EAAO,QAAA;AAAA,IACP,MAAA,EAAQ,mBAAA;AAAA,IACR,MAAA,EAAQ,MAAM,OAAO,4BAAqB,CAAA,CAAE,IAAA,CAAK,CAAA,CAAA,qBAAK,GAAA,CAAC,CAAA,CAAE,MAAA,EAAF,EAAS,CAAE;AAAA;AAEtE,CAAC,CAAA;AAOD,MAAM,eAAe,oBAAA,CAAqB;AAAA,EACxC,QAAA,EAAU,QAAA;AAAA,EACV,MAAM,EAAE,WAAA,EAAa,MAAM,OAAO,sCAAiB,CAAA,EAAE;AAAA,EACrD,UAAA,EAAY,CAAC,mBAAmB;AAClC,CAAC;;;;"}

package/dist/plugins/tekton/package.json.esm.js

@@ -0,0 +1,176 @@
+var name = "@backstage-community/plugin-tekton";
+var version = "4.0.0";
+var main = "src/index.ts";
+var types = "src/index.ts";
+var license = "Apache-2.0";
+var publishConfig = {
+	access: "public"
+};
+var exports$1 = {
+	".": "./src/index.ts",
+	"./alpha": "./src/alpha.ts",
+	"./legacy": "./src/legacy.ts",
+	"./translations": "./src/translations/index.ts",
+	"./package.json": "./package.json"
+};
+var typesVersions = {
+	"*": {
+		alpha: [
+			"src/alpha.ts"
+		],
+		legacy: [
+			"src/legacy.ts"
+		],
+		translations: [
+			"src/translations/index.ts"
+		],
+		"package.json": [
+			"package.json"
+		]
+	}
+};
+var backstage = {
+	role: "frontend-plugin",
+	pluginId: "tekton",
+	pluginPackage: "@backstage-community/plugin-tekton",
+	pluginPackages: [
+		"@backstage-community/plugin-tekton",
+		"@backstage-community/plugin-tekton-common",
+		"@backstage-community/plugin-tekton-react"
+	]
+};
+var sideEffects = [
+	"./**/*.css",
+	"./**/*.css.esm.js"
+];
+var scripts = {
+	start: "backstage-cli package start",
+	"start:legacy": "backstage-cli package start --entrypoint dev/legacy",
+	"start:mock": "backstage-cli package start --entrypoint dev/index.mock.tsx",
+	"start:legacy:mock": "backstage-cli package start --entrypoint dev/legacy.mock.tsx",
+	build: "backstage-cli package build",
+	lint: "backstage-cli package lint",
+	test: "backstage-cli package test --passWithNoTests --coverage",
+	clean: "backstage-cli package clean",
+	prepack: "backstage-cli package prepack",
+	postpack: "backstage-cli package postpack",
+	prepublish: "./fix-style-inject-imports.sh"
+};
+var dependencies = {
+	"@aonic-ui/pipelines": "^3.1.0",
+	"@backstage-community/plugin-tekton-common": "workspace:^",
+	"@backstage-community/plugin-tekton-react": "workspace:^",
+	"@backstage/catalog-model": "^1.10.0",
+	"@backstage/core-components": "^0.18.13",
+	"@backstage/core-plugin-api": "^1.12.9",
+	"@backstage/frontend-plugin-api": "^0.18.0",
+	"@backstage/plugin-app-react": "^0.2.6",
+	"@backstage/plugin-catalog-react": "^3.2.2",
+	"@backstage/plugin-kubernetes-common": "^0.9.12",
+	"@backstage/plugin-kubernetes-react": "^0.5.23",
+	"@backstage/plugin-permission-react": "^0.5.4",
+	"@backstage/theme": "^0.7.3",
+	"@emotion/cache": "^11.14.0",
+	"@emotion/react": "^11.11.4",
+	"@kubernetes/client-node": "1.4.0",
+	"@mui/icons-material": "^5.18.0",
+	"@mui/material": "^5.18.0",
+	"@patternfly/patternfly": "^6.0.0",
+	"@patternfly/react-core": "^6.0.0",
+	"@patternfly/react-table": "^6.3.1",
+	"@patternfly/react-tokens": "^6.0.0",
+	"@patternfly/react-topology": "^6.0.0",
+	"@tanstack/react-query": "^5.62.7",
+	classnames: "^2.3.2",
+	dagre: "^0.8.5",
+	lodash: "^4.17.21",
+	"mobx-react": "^7.6.0",
+	"react-use": "^17.4.0"
+};
+var peerDependencies = {
+	react: "^17.0.0 || ^18.0.0",
+	"react-dom": "^17.0.0 || ^18.0.0",
+	"react-router-dom": "^6.30.5"
+};
+var devDependencies = {
+	"@axe-core/playwright": "^4.11.0",
+	"@backstage/catalog-client": "^1.16.1",
+	"@backstage/cli": "^0.36.5",
+	"@backstage/dev-utils": "^1.1.26",
+	"@backstage/frontend-defaults": "^0.5.5",
+	"@backstage/plugin-catalog": "^2.0.8",
+	"@backstage/plugin-kubernetes": "^0.12.22",
+	"@backstage/plugin-permission-common": "^0.9.10",
+	"@backstage/test-utils": "^1.7.21",
+	"@backstage/ui": "^0.17.1",
+	"@playwright/test": "1.61.1",
+	"@remixicon/react": "^4.2.0",
+	"@testing-library/dom": "^10.4.1",
+	"@testing-library/jest-dom": "6.9.1",
+	"@testing-library/react": "16.3.2",
+	"@types/dagre": "^0.7.52",
+	"@types/lodash": "4.17.24",
+	"@types/react": "^18",
+	"@types/react-dom": "^18",
+	"cross-fetch": "4.1.0",
+	react: "^18.0.2",
+	"react-aria-components": "~1.17.0",
+	"react-dom": "^18.0.2",
+	"react-router-dom": "^6.30.2"
+};
+var files = [
+	"app-config.dynamic.yaml",
+	"dist"
+];
+var scalprum = {
+	name: "backstage-community.plugin-tekton",
+	exposedModules: {
+		PluginRoot: "./src/index.ts",
+		Legacy: "./src/legacy.ts",
+		Alpha: "./src/alpha.ts"
+	}
+};
+var repository = {
+	type: "git",
+	url: "https://github.com/backstage/community-plugins",
+	directory: "workspaces/tekton/plugins/tekton"
+};
+var keywords = [
+	"kubernetes",
+	"tekton",
+	"backstage",
+	"plugin"
+];
+var bugs = "https://github.com/backstage/community-plugins/issues";
+var maintainers = [
+	"christoph-jerolimov",
+	"@debsmita1",
+	"@divyanshiGupta"
+];
+var author = "Red Hat";
+var _package = {
+	name: name,
+	version: version,
+	main: main,
+	types: types,
+	license: license,
+	publishConfig: publishConfig,
+	exports: exports$1,
+	typesVersions: typesVersions,
+	backstage: backstage,
+	sideEffects: sideEffects,
+	scripts: scripts,
+	dependencies: dependencies,
+	peerDependencies: peerDependencies,
+	devDependencies: devDependencies,
+	files: files,
+	scalprum: scalprum,
+	repository: repository,
+	keywords: keywords,
+	bugs: bugs,
+	maintainers: maintainers,
+	author: author
+};
+
+export { author, backstage, bugs, _package as default, dependencies, devDependencies, exports$1 as exports, files, keywords, license, main, maintainers, name, peerDependencies, publishConfig, repository, scalprum, scripts, sideEffects, types, typesVersions, version };
+//# sourceMappingURL=package.json.esm.js.map

package/dist/plugins/tekton/package.json.esm.js.map

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

package/dist/translations.d.ts

@@ -26,15 +26,15 @@ declare const tektonTranslationRef: _backstage_frontend_plugin_api.TranslationRe
     readonly "pipelineRunList.rowActions.SBOMNotApplicable": "View SBOM is not applicable for this PipelineRun";
     readonly "pipelineRunList.rowActions.viewOutput": "View output";
     readonly "pipelineRunList.rowActions.outputNotApplicable": "View Output is not applicable for this PipelineRun";
-    readonly "pipelineRunList.vulnerabilitySeverityTitle.medium": "Medium";
     readonly "pipelineRunList.vulnerabilitySeverityTitle.critical": "Critical";
     readonly "pipelineRunList.vulnerabilitySeverityTitle.high": "High";
+    readonly "pipelineRunList.vulnerabilitySeverityTitle.medium": "Medium";
     readonly "pipelineRunList.vulnerabilitySeverityTitle.low": "Low";
     readonly "pipelineRunList.tableHeaderTitle.name": "NAME";
-    readonly "pipelineRunList.tableHeaderTitle.startTime": "STARTED";
+    readonly "pipelineRunList.tableHeaderTitle.vulnerabilities": "VULNERABILITIES";
     readonly "pipelineRunList.tableHeaderTitle.status": "STATUS";
     readonly "pipelineRunList.tableHeaderTitle.taskStatus": "TASK STATUS";
-    readonly "pipelineRunList.tableHeaderTitle.vulnerabilities": "VULNERABILITIES";
+    readonly "pipelineRunList.tableHeaderTitle.startTime": "STARTED";
     readonly "pipelineRunList.tableHeaderTitle.duration": "DURATION";
     readonly "pipelineRunList.tableHeaderTitle.actions": "ACTIONS";
     readonly "pipelineRunList.tablePagination.rowsPerPage": "Rows per page";
@@ -48,6 +48,7 @@ declare const tektonTranslationRef: _backstage_frontend_plugin_api.TranslationRe
     readonly "pipelineRunLogs.taskStatusStepper.skipped": "Skipped";
     readonly "pipelineRunOutput.title": "PipelineRun Output";
     readonly "pipelineRunOutput.noOutput": "No output";
+    readonly "pipelineRunStatus.Skipped": "Skipped";
     readonly "pipelineRunStatus.All": "All";
     readonly "pipelineRunStatus.Cancelling": "Cancelling";
     readonly "pipelineRunStatus.Succeeded": "Succeeded";
@@ -56,7 +57,6 @@ declare const tektonTranslationRef: _backstage_frontend_plugin_api.TranslationRe
     readonly "pipelineRunStatus.In Progress": "In Progress";
     readonly "pipelineRunStatus.FailedToStart": "FailedToStart";
     readonly "pipelineRunStatus.PipelineNotStarted": "PipelineNotStarted";
-    readonly "pipelineRunStatus.Skipped": "Skipped";
     readonly "pipelineRunStatus.Cancelled": "Cancelled";
     readonly "pipelineRunStatus.Pending": "Pending";
     readonly "pipelineRunStatus.Idle": "Idle";
@@ -69,10 +69,10 @@ declare const tektonTranslationRef: _backstage_frontend_plugin_api.TranslationRe
     readonly "pipelineRunDuration.second_one": "{{count}} second";
     readonly "pipelineRunDuration.second_other": "{{count}} seconds";
     readonly "pipelineRunParamsAndResults.title": "PipelineRun Parameters and Results";
-    readonly "pipelineRunParamsAndResults.results": "Results";
     readonly "pipelineRunParamsAndResults.noParams": "No parameters found";
     readonly "pipelineRunParamsAndResults.noResults": "No results found";
     readonly "pipelineRunParamsAndResults.params": "Parameters";
+    readonly "pipelineRunParamsAndResults.results": "Results";
     readonly "pipelineRunParamsAndResults.outputTableColumn.name": "Name";
     readonly "pipelineRunParamsAndResults.outputTableColumn.value": "Value";
 }>;
@@ -89,4 +89,4 @@ declare const tektonTranslations: _backstage_frontend_plugin_api.TranslationReso
  */
 declare const tektonTranslationsModule: _backstage_frontend_plugin_api.FrontendModule;
 
-export { tektonTranslationsModule as default, tektonTranslationRef, tektonTranslations };
+export { tektonTranslationsModule as default, tektonTranslationRef, tektonTranslations, tektonTranslationsModule };

package/dist/translations.esm.js

@@ -1,5 +1,4 @@
-import { createTranslationResource } from '@backstage/core-plugin-api/alpha';
-import { createFrontendModule } from '@backstage/frontend-plugin-api';
+import { createTranslationResource, createFrontendModule } from '@backstage/frontend-plugin-api';
 import { TranslationBlueprint } from '@backstage/plugin-app-react';
 import { tektonTranslationRef } from './translations/ref.esm.js';
 
@@ -25,5 +24,5 @@ const tektonTranslationsModule = createFrontendModule({
   ]
 });
 
-export { tektonTranslationsModule as default, tektonTranslationRef, tektonTranslations };
+export { tektonTranslationsModule as default, tektonTranslationRef, tektonTranslations, tektonTranslationsModule };
 //# sourceMappingURL=translations.esm.js.map

package/dist/translations.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"translations.esm.js","sources":["../src/translations/index.ts"],"sourcesContent":["/*\n * Copyright 2025 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 */\n\nimport { createTranslationResource } from '@backstage/core-plugin-api/alpha';\nimport { createFrontendModule } from '@backstage/frontend-plugin-api';\nimport { TranslationBlueprint } from '@backstage/plugin-app-react';\nimport { tektonTranslationRef } from './ref';\n\n/**\n * The translation resource for the Tekton plugin\n * @public\n */\nexport const tektonTranslations = createTranslationResource({\n  ref: tektonTranslationRef,\n  translations: {\n    de: () => import('./de'),\n    es: () => import('./es'),\n    fr: () => import('./fr'),\n    it: () => import('./it'),\n    ja: () => import('./ja'),\n  },\n});\n\nexport { tektonTranslationRef };\n\n/**\n * Translation module for the Tekton plugin.\n * @public\n */\nconst tektonTranslationsModule = createFrontendModule({\n  pluginId: 'app',\n  extensions: [\n    TranslationBlueprint.make({\n      name: 'tekton-translations',\n      params: {\n        resource: tektonTranslations,\n      },\n    }),\n  ],\n});\n\nexport default tektonTranslationsModule;\n"],"names":[],"mappings":";;;;;AAyBO,MAAM,qBAAqB,yBAAA,CAA0B;AAAA,EAC1D,GAAA,EAAK,oBAAA;AAAA,EACL,YAAA,EAAc;AAAA,IACZ,EAAA,EAAI,MAAM,OAAO,0BAAM,CAAA;AAAA,IACvB,EAAA,EAAI,MAAM,OAAO,0BAAM,CAAA;AAAA,IACvB,EAAA,EAAI,MAAM,OAAO,0BAAM,CAAA;AAAA,IACvB,EAAA,EAAI,MAAM,OAAO,0BAAM,CAAA;AAAA,IACvB,EAAA,EAAI,MAAM,OAAO,0BAAM;AAAA;AAE3B,CAAC;AAQD,MAAM,2BAA2B,oBAAA,CAAqB;AAAA,EACpD,QAAA,EAAU,KAAA;AAAA,EACV,UAAA,EAAY;AAAA,IACV,qBAAqB,IAAA,CAAK;AAAA,MACxB,IAAA,EAAM,qBAAA;AAAA,MACN,MAAA,EAAQ;AAAA,QACN,QAAA,EAAU;AAAA;AACZ,KACD;AAAA;AAEL,CAAC;;;;"}
+{"version":3,"file":"translations.esm.js","sources":["../src/translations/index.ts"],"sourcesContent":["/*\n * Copyright 2025 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 */\n\nimport {\n  createFrontendModule,\n  createTranslationResource,\n} from '@backstage/frontend-plugin-api';\nimport { TranslationBlueprint } from '@backstage/plugin-app-react';\nimport { tektonTranslationRef } from './ref';\n\n/**\n * The translation resource for the Tekton plugin\n * @public\n */\nexport const tektonTranslations = createTranslationResource({\n  ref: tektonTranslationRef,\n  translations: {\n    de: () => import('./de'),\n    es: () => import('./es'),\n    fr: () => import('./fr'),\n    it: () => import('./it'),\n    ja: () => import('./ja'),\n  },\n});\n\nexport { tektonTranslationRef };\n\n/**\n * Translation module for the Tekton plugin.\n * @public\n */\nexport const tektonTranslationsModule = createFrontendModule({\n  pluginId: 'app',\n  extensions: [\n    TranslationBlueprint.make({\n      name: 'tekton-translations',\n      params: {\n        resource: tektonTranslations,\n      },\n    }),\n  ],\n});\n\nexport default tektonTranslationsModule;\n"],"names":[],"mappings":";;;;AA2BO,MAAM,qBAAqB,yBAAA,CAA0B;AAAA,EAC1D,GAAA,EAAK,oBAAA;AAAA,EACL,YAAA,EAAc;AAAA,IACZ,EAAA,EAAI,MAAM,OAAO,0BAAM,CAAA;AAAA,IACvB,EAAA,EAAI,MAAM,OAAO,0BAAM,CAAA;AAAA,IACvB,EAAA,EAAI,MAAM,OAAO,0BAAM,CAAA;AAAA,IACvB,EAAA,EAAI,MAAM,OAAO,0BAAM,CAAA;AAAA,IACvB,EAAA,EAAI,MAAM,OAAO,0BAAM;AAAA;AAE3B,CAAC;AAQM,MAAM,2BAA2B,oBAAA,CAAqB;AAAA,EAC3D,QAAA,EAAU,KAAA;AAAA,EACV,UAAA,EAAY;AAAA,IACV,qBAAqB,IAAA,CAAK;AAAA,MACxB,IAAA,EAAM,qBAAA;AAAA,MACN,MAAA,EAAQ;AAAA,QACN,QAAA,EAAU;AAAA;AACZ,KACD;AAAA;AAEL,CAAC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage-community/plugin-tekton",
-  "version": "3.41.0",
+  "version": "4.0.0",
   "main": "./dist/index.esm.js",
   "types": "./dist/index.d.ts",
   "license": "Apache-2.0",
@@ -9,16 +9,21 @@
   },
   "exports": {
     ".": {
+      "backstage": "@backstage/FrontendPlugin",
       "import": "./dist/index.esm.js",
       "types": "./dist/index.d.ts",
       "default": "./dist/index.esm.js"
     },
     "./alpha": {
-      "backstage": "@backstage/FrontendPlugin",
       "import": "./dist/alpha.esm.js",
       "types": "./dist/alpha.d.ts",
       "default": "./dist/alpha.esm.js"
     },
+    "./legacy": {
+      "import": "./dist/legacy.esm.js",
+      "types": "./dist/legacy.d.ts",
+      "default": "./dist/legacy.esm.js"
+    },
     "./translations": {
       "backstage": "@backstage/FrontendModule",
       "import": "./dist/translations.esm.js",
@@ -32,6 +37,9 @@
       "alpha": [
         "dist/alpha.d.ts"
       ],
+      "legacy": [
+        "dist/legacy.d.ts"
+      ],
       "translations": [
         "dist/translations.d.ts"
       ],
@@ -50,7 +58,7 @@
       "@backstage-community/plugin-tekton-react"
     ],
     "features": {
-      "./alpha": "@backstage/FrontendPlugin",
+      ".": "@backstage/FrontendPlugin",
       "./translations": "@backstage/FrontendModule"
     }
   },
@@ -60,6 +68,9 @@
   ],
   "scripts": {
     "start": "backstage-cli package start",
+    "start:legacy": "backstage-cli package start --entrypoint dev/legacy",
+    "start:mock": "backstage-cli package start --entrypoint dev/index.mock.tsx",
+    "start:legacy:mock": "backstage-cli package start --entrypoint dev/legacy.mock.tsx",
     "build": "backstage-cli package build",
     "lint": "backstage-cli package lint",
     "test": "backstage-cli package test --passWithNoTests --coverage",
@@ -70,17 +81,17 @@
   },
   "dependencies": {
     "@aonic-ui/pipelines": "^3.1.0",
-    "@backstage-community/plugin-tekton-common": "^1.23.0",
-    "@backstage-community/plugin-tekton-react": "^0.8.0",
-    "@backstage/catalog-model": "^1.9.0",
-    "@backstage/core-components": "^0.18.11",
-    "@backstage/core-plugin-api": "^1.12.7",
-    "@backstage/frontend-plugin-api": "^0.17.2",
-    "@backstage/plugin-app-react": "^0.2.4",
-    "@backstage/plugin-catalog-react": "^3.1.0",
+    "@backstage-community/plugin-tekton-common": "^1.24.0",
+    "@backstage-community/plugin-tekton-react": "^0.9.0",
+    "@backstage/catalog-model": "^1.10.0",
+    "@backstage/core-components": "^0.18.13",
+    "@backstage/core-plugin-api": "^1.12.9",
+    "@backstage/frontend-plugin-api": "^0.18.0",
+    "@backstage/plugin-app-react": "^0.2.6",
+    "@backstage/plugin-catalog-react": "^3.2.2",
     "@backstage/plugin-kubernetes-common": "^0.9.12",
-    "@backstage/plugin-kubernetes-react": "^0.5.20",
-    "@backstage/plugin-permission-react": "^0.5.2",
+    "@backstage/plugin-kubernetes-react": "^0.5.23",
+    "@backstage/plugin-permission-react": "^0.5.4",
     "@backstage/theme": "^0.7.3",
     "@emotion/cache": "^11.14.0",
     "@emotion/react": "^11.11.4",
@@ -102,25 +113,46 @@
   "peerDependencies": {
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0",
-    "react-router-dom": "^6.0.0"
+    "react-router-dom": "^6.30.5"
   },
   "devDependencies": {
     "@axe-core/playwright": "^4.11.0",
-    "@backstage/cli": "^0.36.3",
-    "@backstage/dev-utils": "^1.1.24",
-    "@backstage/test-utils": "^1.7.19",
+    "@backstage/catalog-client": "^1.16.1",
+    "@backstage/cli": "^0.36.5",
+    "@backstage/dev-utils": "^1.1.26",
+    "@backstage/frontend-defaults": "^0.5.5",
+    "@backstage/plugin-catalog": "^2.0.8",
+    "@backstage/plugin-kubernetes": "^0.12.22",
+    "@backstage/plugin-permission-common": "^0.9.10",
+    "@backstage/test-utils": "^1.7.21",
+    "@backstage/ui": "^0.17.1",
     "@playwright/test": "1.61.1",
+    "@remixicon/react": "^4.2.0",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.2",
     "@types/dagre": "^0.7.52",
     "@types/lodash": "4.17.24",
-    "cross-fetch": "4.1.0"
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "cross-fetch": "4.1.0",
+    "react": "^18.0.2",
+    "react-aria-components": "~1.17.0",
+    "react-dom": "^18.0.2",
+    "react-router-dom": "^6.30.2"
   },
   "files": [
     "app-config.dynamic.yaml",
     "dist"
   ],
+  "scalprum": {
+    "name": "backstage-community.plugin-tekton",
+    "exposedModules": {
+      "PluginRoot": "./src/index.ts",
+      "Legacy": "./src/legacy.ts",
+      "Alpha": "./src/alpha.ts"
+    }
+  },
   "repository": {
     "type": "git",
     "url": "https://github.com/backstage/community-plugins",