@backstage-community/plugin-tekton 3.27.1 → 3.27.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 ### Dependencies
 
+## 3.27.2
+
+### Patch Changes
+
+- e7d7f3f: render loading when permission api is loading
+
 ## 3.27.1
 
 ### Patch Changes

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

@@ -9,6 +9,7 @@ import PermissionAlert from '../common/PermissionAlert.esm.js';
 import PipelineRunList from '../PipelineRunList/PipelineRunList.esm.js';
 import '@patternfly/react-core/dist/styles/base-no-reset.css';
 import '@patternfly/patternfly/utilities/Accessibility/accessibility.css';
+import { Progress } from '@backstage/core-components';
 
 const savedStylesheets = /* @__PURE__ */ new Set();
 const TektonCIComponent = () => {
@@ -41,8 +42,11 @@ const TektonCIComponent = () => {
     ModelsPlural.pods
   ];
   const tektonResourcesContextData = useTektonObjectsResponse(watchedResources);
-  const hasViewPermission = useTektonViewPermission();
-  if (!hasViewPermission) {
+  const viewPermissionData = useTektonViewPermission();
+  if (viewPermissionData.loading) {
+    return /* @__PURE__ */ jsx("div", { "data-testid": "tekton-permission-progress", children: /* @__PURE__ */ jsx(Progress, {}) });
+  }
+  if (!viewPermissionData.allowed) {
     return /* @__PURE__ */ jsx(PermissionAlert, {});
   }
   return /* @__PURE__ */ jsx(TektonResourcesContext.Provider, { value: tektonResourcesContextData, children: /* @__PURE__ */ jsx(PipelineRunList, {}) });

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

@@ -1 +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 { useLayoutEffect } 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-no-reset.css';\nimport '@patternfly/patternfly/utilities/Accessibility/accessibility.css';\n\nconst savedStylesheets = new Set<HTMLLinkElement>();\n\nexport const TektonCIComponent = () => {\n  useDarkTheme();\n\n  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":[],"mappings":";;;;;;;;;;;;AA4BA,MAAM,gBAAA,uBAAuB,GAAqB,EAAA;AAE3C,MAAM,oBAAoB,MAAM;AACrC,EAAa,YAAA,EAAA;AAEb,EAAA,eAAA,CAAgB,MAAM;AACpB,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,2BAAQ,eAAgB,EAAA,EAAA,CAAA;AAAA;AAE1B,EACE,uBAAA,GAAA,CAAC,uBAAuB,QAAvB,EAAA,EAAgC,OAAO,0BACtC,EAAA,QAAA,kBAAA,GAAA,CAAC,mBAAgB,CACnB,EAAA,CAAA;AAEJ;;;;"}
+{"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 { useLayoutEffect } 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-no-reset.css';\nimport '@patternfly/patternfly/utilities/Accessibility/accessibility.css';\nimport { Progress } from '@backstage/core-components';\n\nconst savedStylesheets = new Set<HTMLLinkElement>();\n\nexport const TektonCIComponent = () => {\n  useDarkTheme();\n\n  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 viewPermissionData = useTektonViewPermission();\n\n  if (viewPermissionData.loading) {\n    return (\n      <div data-testid=\"tekton-permission-progress\">\n        <Progress />\n      </div>\n    );\n  }\n  if (!viewPermissionData.allowed) {\n    return <PermissionAlert />;\n  }\n  return (\n    <TektonResourcesContext.Provider value={tektonResourcesContextData}>\n      <PipelineRunList />\n    </TektonResourcesContext.Provider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AA6BA,MAAM,gBAAA,uBAAuB,GAAqB,EAAA;AAE3C,MAAM,oBAAoB,MAAM;AACrC,EAAa,YAAA,EAAA;AAEb,EAAA,eAAA,CAAgB,MAAM;AACpB,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,qBAAqB,uBAAwB,EAAA;AAEnD,EAAA,IAAI,mBAAmB,OAAS,EAAA;AAC9B,IAAA,2BACG,KAAI,EAAA,EAAA,aAAA,EAAY,4BACf,EAAA,QAAA,kBAAA,GAAA,CAAC,YAAS,CACZ,EAAA,CAAA;AAAA;AAGJ,EAAI,IAAA,CAAC,mBAAmB,OAAS,EAAA;AAC/B,IAAA,2BAAQ,eAAgB,EAAA,EAAA,CAAA;AAAA;AAE1B,EACE,uBAAA,GAAA,CAAC,uBAAuB,QAAvB,EAAA,EAAgC,OAAO,0BACtC,EAAA,QAAA,kBAAA,GAAA,CAAC,mBAAgB,CACnB,EAAA,CAAA;AAEJ;;;;"}

package/dist/hooks/useTektonViewPermission.esm.js

@@ -8,7 +8,10 @@ const useTektonViewPermission = () => {
   const clusterResourcesReadPermission = usePermission({
     permission: kubernetesResourcesReadPermission
   });
-  return clusterReadPermission.allowed && clusterResourcesReadPermission.allowed;
+  return {
+    loading: clusterReadPermission.loading || clusterResourcesReadPermission.loading,
+    allowed: clusterReadPermission.allowed && clusterResourcesReadPermission.allowed
+  };
 };
 
 export { useTektonViewPermission };

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

@@ -1 +1 @@
-{"version":3,"file":"useTektonViewPermission.esm.js","sources":["../../src/hooks/useTektonViewPermission.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 { usePermission } from '@backstage/plugin-permission-react';\n\nimport {\n  kubernetesClustersReadPermission,\n  kubernetesResourcesReadPermission,\n} from '@backstage/plugin-kubernetes-common';\n\nexport const useTektonViewPermission = () => {\n  const clusterReadPermission = usePermission({\n    permission: kubernetesClustersReadPermission,\n  });\n\n  const clusterResourcesReadPermission = usePermission({\n    permission: kubernetesResourcesReadPermission,\n  });\n\n  return (\n    clusterReadPermission.allowed && clusterResourcesReadPermission.allowed\n  );\n};\n"],"names":[],"mappings":";;;AAsBO,MAAM,0BAA0B,MAAM;AAC3C,EAAA,MAAM,wBAAwB,aAAc,CAAA;AAAA,IAC1C,UAAY,EAAA;AAAA,GACb,CAAA;AAED,EAAA,MAAM,iCAAiC,aAAc,CAAA;AAAA,IACnD,UAAY,EAAA;AAAA,GACb,CAAA;AAED,EACE,OAAA,qBAAA,CAAsB,WAAW,8BAA+B,CAAA,OAAA;AAEpE;;;;"}
+{"version":3,"file":"useTektonViewPermission.esm.js","sources":["../../src/hooks/useTektonViewPermission.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 { usePermission } from '@backstage/plugin-permission-react';\n\nimport {\n  kubernetesClustersReadPermission,\n  kubernetesResourcesReadPermission,\n} from '@backstage/plugin-kubernetes-common';\n\nexport const useTektonViewPermission = () => {\n  const clusterReadPermission = usePermission({\n    permission: kubernetesClustersReadPermission,\n  });\n\n  const clusterResourcesReadPermission = usePermission({\n    permission: kubernetesResourcesReadPermission,\n  });\n\n  return {\n    loading:\n      clusterReadPermission.loading || clusterResourcesReadPermission.loading,\n    allowed:\n      clusterReadPermission.allowed && clusterResourcesReadPermission.allowed,\n  };\n};\n"],"names":[],"mappings":";;;AAsBO,MAAM,0BAA0B,MAAM;AAC3C,EAAA,MAAM,wBAAwB,aAAc,CAAA;AAAA,IAC1C,UAAY,EAAA;AAAA,GACb,CAAA;AAED,EAAA,MAAM,iCAAiC,aAAc,CAAA;AAAA,IACnD,UAAY,EAAA;AAAA,GACb,CAAA;AAED,EAAO,OAAA;AAAA,IACL,OAAA,EACE,qBAAsB,CAAA,OAAA,IAAW,8BAA+B,CAAA,OAAA;AAAA,IAClE,OAAA,EACE,qBAAsB,CAAA,OAAA,IAAW,8BAA+B,CAAA;AAAA,GACpE;AACF;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage-community/plugin-tekton",
-  "version": "3.27.1",
+  "version": "3.27.2",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "license": "Apache-2.0",