@red-hat-developer-hub/backstage-plugin-openshift-image-registry 1.13.1 → 1.13.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 ### Dependencies
 
+## 1.13.2
+
+### Patch Changes
+
+- a79f849: Updated dependency `prettier` to `3.6.2`.
+- b3427dd: Updated dependency `@red-hat-developer-hub/backstage-plugin-theme` to `^0.9.0`.
+- 25866e2: Aligned `formatDate` utility with `ADR012 using Luxon`.
+
 ## 1.13.1
 
 ### Patch Changes
@@ -117,7 +125,6 @@
 ### Minor Changes
 
 - 15d2695: Rebased with latest changes from janus-idp/backstage-plugins:
-
   - update to backstage 1.31
   - upgrade to yarn v3
 

package/dist/hooks/useAllNsImageStreams.esm.js

@@ -1,8 +1,8 @@
 import { useState, useMemo } from 'react';
 import { useAsync } from 'react-use';
 import { useApi } from '@backstage/core-plugin-api';
-import { formatDate } from '@janus-idp/shared-react';
 import { openshiftImageRegistryApiRef } from '../api/index.esm.js';
+import { formatDate } from '../utils.esm.js';
 
 const useAllNsImageStreams = () => {
   const client = useApi(openshiftImageRegistryApiRef);

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

@@ -1 +1 @@
-{"version":3,"file":"useAllNsImageStreams.esm.js","sources":["../../src/hooks/useAllNsImageStreams.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { useMemo, useState } from 'react';\nimport { useAsync } from 'react-use';\n\nimport { useApi } from '@backstage/core-plugin-api';\n\nimport { formatDate } from '@janus-idp/shared-react';\n\nimport { openshiftImageRegistryApiRef } from '../api';\nimport { ImageStream } from '../types';\n\nexport const useAllNsImageStreams = () => {\n  const client = useApi(openshiftImageRegistryApiRef);\n  const [imageStreams, setImageStreams] = useState<any[]>([]);\n\n  const { loading } = useAsync(async () => {\n    const imgSts = (await client.getAllImageStreams()) ?? [];\n    setImageStreams(imgSts);\n  });\n\n  const imageStreamsData: ImageStream[] = useMemo(() => {\n    if (imageStreams?.length) {\n      return imageStreams.map((imgSt: any) => ({\n        uid: imgSt.metadata.uid,\n        name: imgSt.metadata.name,\n        namespace: imgSt.metadata.namespace,\n        last_modified: imgSt.status?.tags?.[0]?.items?.[0]?.created\n          ? formatDate(imgSt.status.tags[0].items[0].created)\n          : '',\n        tags: imgSt.status?.tags?.map((t: any) => t.tag) ?? [],\n        dockerImageRepo: imgSt.status?.dockerImageRepository ?? '',\n      }));\n    }\n    return [];\n  }, [imageStreams]);\n\n  return { loading, imageStreams: imageStreamsData };\n};\n"],"names":[],"mappings":";;;;;;AA0BO,MAAM,uBAAuB,MAAM;AACxC,EAAM,MAAA,MAAA,GAAS,OAAO,4BAA4B,CAAA;AAClD,EAAA,MAAM,CAAC,YAAc,EAAA,eAAe,CAAI,GAAA,QAAA,CAAgB,EAAE,CAAA;AAE1D,EAAA,MAAM,EAAE,OAAA,EAAY,GAAA,QAAA,CAAS,YAAY;AACvC,IAAA,MAAM,MAAU,GAAA,MAAM,MAAO,CAAA,kBAAA,MAAyB,EAAC;AACvD,IAAA,eAAA,CAAgB,MAAM,CAAA;AAAA,GACvB,CAAA;AAED,EAAM,MAAA,gBAAA,GAAkC,QAAQ,MAAM;AACpD,IAAA,IAAI,cAAc,MAAQ,EAAA;AACxB,MAAO,OAAA,YAAA,CAAa,GAAI,CAAA,CAAC,KAAgB,MAAA;AAAA,QACvC,GAAA,EAAK,MAAM,QAAS,CAAA,GAAA;AAAA,QACpB,IAAA,EAAM,MAAM,QAAS,CAAA,IAAA;AAAA,QACrB,SAAA,EAAW,MAAM,QAAS,CAAA,SAAA;AAAA,QAC1B,aAAA,EAAe,MAAM,MAAQ,EAAA,IAAA,GAAO,CAAC,CAAG,EAAA,KAAA,GAAQ,CAAC,CAAG,EAAA,OAAA,GAChD,WAAW,KAAM,CAAA,MAAA,CAAO,KAAK,CAAC,CAAA,CAAE,MAAM,CAAC,CAAA,CAAE,OAAO,CAChD,GAAA,EAAA;AAAA,QACJ,IAAA,EAAM,KAAM,CAAA,MAAA,EAAQ,IAAM,EAAA,GAAA,CAAI,CAAC,CAAW,KAAA,CAAA,CAAE,GAAG,CAAA,IAAK,EAAC;AAAA,QACrD,eAAA,EAAiB,KAAM,CAAA,MAAA,EAAQ,qBAAyB,IAAA;AAAA,OACxD,CAAA,CAAA;AAAA;AAEJ,IAAA,OAAO,EAAC;AAAA,GACV,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,EAAO,OAAA,EAAE,OAAS,EAAA,YAAA,EAAc,gBAAiB,EAAA;AACnD;;;;"}
+{"version":3,"file":"useAllNsImageStreams.esm.js","sources":["../../src/hooks/useAllNsImageStreams.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { useMemo, useState } from 'react';\nimport { useAsync } from 'react-use';\n\nimport { useApi } from '@backstage/core-plugin-api';\n\nimport { openshiftImageRegistryApiRef } from '../api';\nimport { ImageStream } from '../types';\nimport { formatDate } from '../utils';\n\nexport const useAllNsImageStreams = () => {\n  const client = useApi(openshiftImageRegistryApiRef);\n  const [imageStreams, setImageStreams] = useState<any[]>([]);\n\n  const { loading } = useAsync(async () => {\n    const imgSts = (await client.getAllImageStreams()) ?? [];\n    setImageStreams(imgSts);\n  });\n\n  const imageStreamsData: ImageStream[] = useMemo(() => {\n    if (imageStreams?.length) {\n      return imageStreams.map((imgSt: any) => ({\n        uid: imgSt.metadata.uid,\n        name: imgSt.metadata.name,\n        namespace: imgSt.metadata.namespace,\n        last_modified: imgSt.status?.tags?.[0]?.items?.[0]?.created\n          ? formatDate(imgSt.status.tags[0].items[0].created)\n          : '',\n        tags: imgSt.status?.tags?.map((t: any) => t.tag) ?? [],\n        dockerImageRepo: imgSt.status?.dockerImageRepository ?? '',\n      }));\n    }\n    return [];\n  }, [imageStreams]);\n\n  return { loading, imageStreams: imageStreamsData };\n};\n"],"names":[],"mappings":";;;;;;AAyBO,MAAM,uBAAuB,MAAM;AACxC,EAAM,MAAA,MAAA,GAAS,OAAO,4BAA4B,CAAA;AAClD,EAAA,MAAM,CAAC,YAAc,EAAA,eAAe,CAAI,GAAA,QAAA,CAAgB,EAAE,CAAA;AAE1D,EAAA,MAAM,EAAE,OAAA,EAAY,GAAA,QAAA,CAAS,YAAY;AACvC,IAAA,MAAM,MAAU,GAAA,MAAM,MAAO,CAAA,kBAAA,MAAyB,EAAC;AACvD,IAAA,eAAA,CAAgB,MAAM,CAAA;AAAA,GACvB,CAAA;AAED,EAAM,MAAA,gBAAA,GAAkC,QAAQ,MAAM;AACpD,IAAA,IAAI,cAAc,MAAQ,EAAA;AACxB,MAAO,OAAA,YAAA,CAAa,GAAI,CAAA,CAAC,KAAgB,MAAA;AAAA,QACvC,GAAA,EAAK,MAAM,QAAS,CAAA,GAAA;AAAA,QACpB,IAAA,EAAM,MAAM,QAAS,CAAA,IAAA;AAAA,QACrB,SAAA,EAAW,MAAM,QAAS,CAAA,SAAA;AAAA,QAC1B,aAAA,EAAe,MAAM,MAAQ,EAAA,IAAA,GAAO,CAAC,CAAG,EAAA,KAAA,GAAQ,CAAC,CAAG,EAAA,OAAA,GAChD,WAAW,KAAM,CAAA,MAAA,CAAO,KAAK,CAAC,CAAA,CAAE,MAAM,CAAC,CAAA,CAAE,OAAO,CAChD,GAAA,EAAA;AAAA,QACJ,IAAA,EAAM,KAAM,CAAA,MAAA,EAAQ,IAAM,EAAA,GAAA,CAAI,CAAC,CAAW,KAAA,CAAA,CAAE,GAAG,CAAA,IAAK,EAAC;AAAA,QACrD,eAAA,EAAiB,KAAM,CAAA,MAAA,EAAQ,qBAAyB,IAAA;AAAA,OACxD,CAAA,CAAA;AAAA;AAEJ,IAAA,OAAO,EAAC;AAAA,GACV,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,EAAO,OAAA,EAAE,OAAS,EAAA,YAAA,EAAc,gBAAiB,EAAA;AACnD;;;;"}

package/dist/utils.esm.js

@@ -1,9 +1,29 @@
 import { filesize } from 'filesize';
+import { DateTime } from 'luxon';
 
 function formatByteSize(sizeInBytes) {
   if (!sizeInBytes) return "N/A";
   return filesize(sizeInBytes);
 }
+function formatDate(date) {
+  if (!date || date === -1) {
+    return "N/A";
+  }
+  let dt;
+  if (typeof date === "number") {
+    dt = DateTime.fromSeconds(date);
+  } else if (date instanceof Date) {
+    dt = DateTime.fromJSDate(date);
+  } else if (/^(Mon|Tue|Wed|Thu|Fri|Sat|Sun),/.test(date)) {
+    dt = DateTime.fromRFC2822(date);
+  } else {
+    dt = DateTime.fromISO(date);
+  }
+  if (!dt.isValid) {
+    return "N/A";
+  }
+  return dt.toLocaleString(DateTime.DATETIME_MED);
+}
 
-export { formatByteSize };
+export { formatByteSize, formatDate };
 //# sourceMappingURL=utils.esm.js.map

package/dist/utils.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.esm.js","sources":["../src/utils.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { filesize } from 'filesize';\n\nexport function formatByteSize(sizeInBytes: number | undefined): string {\n  if (!sizeInBytes) return 'N/A';\n\n  return filesize(sizeInBytes);\n}\n"],"names":[],"mappings":";;AAiBO,SAAS,eAAe,WAAyC,EAAA;AACtE,EAAI,IAAA,CAAC,aAAoB,OAAA,KAAA;AAEzB,EAAA,OAAO,SAAS,WAAW,CAAA;AAC7B;;;;"}
+{"version":3,"file":"utils.esm.js","sources":["../src/utils.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { filesize } from 'filesize';\nimport { DateTime } from 'luxon';\n\nexport function formatByteSize(sizeInBytes: number | undefined): string {\n  if (!sizeInBytes) return 'N/A';\n\n  return filesize(sizeInBytes);\n}\n\n/**\n * Formats a date using the Backstage-standard Luxon library.\n *\n * @param date - The date to format, can be a string, number (Unix timestamp), or Date object.\n * @returns A formatted date string (e.g., \"Jun 9, 2025, 6:15 PM\") or 'N/A'.\n */\nexport function formatDate(date: string | number | Date | undefined): string {\n  if (!date || date === -1) {\n    return 'N/A';\n  }\n\n  let dt: DateTime;\n\n  if (typeof date === 'number') {\n    dt = DateTime.fromSeconds(date);\n  } else if (date instanceof Date) {\n    dt = DateTime.fromJSDate(date);\n  } else if (/^(Mon|Tue|Wed|Thu|Fri|Sat|Sun),/.test(date)) {\n    // Check if it's RFC 2822 format (starts with day name)\n    dt = DateTime.fromRFC2822(date);\n  } else {\n    dt = DateTime.fromISO(date);\n  }\n\n  if (!dt.isValid) {\n    return 'N/A';\n  }\n  return dt.toLocaleString(DateTime.DATETIME_MED);\n}\n"],"names":[],"mappings":";;;AAkBO,SAAS,eAAe,WAAyC,EAAA;AACtE,EAAI,IAAA,CAAC,aAAoB,OAAA,KAAA;AAEzB,EAAA,OAAO,SAAS,WAAW,CAAA;AAC7B;AAQO,SAAS,WAAW,IAAkD,EAAA;AAC3E,EAAI,IAAA,CAAC,IAAQ,IAAA,IAAA,KAAS,EAAI,EAAA;AACxB,IAAO,OAAA,KAAA;AAAA;AAGT,EAAI,IAAA,EAAA;AAEJ,EAAI,IAAA,OAAO,SAAS,QAAU,EAAA;AAC5B,IAAK,EAAA,GAAA,QAAA,CAAS,YAAY,IAAI,CAAA;AAAA,GAChC,MAAA,IAAW,gBAAgB,IAAM,EAAA;AAC/B,IAAK,EAAA,GAAA,QAAA,CAAS,WAAW,IAAI,CAAA;AAAA,GACpB,MAAA,IAAA,iCAAA,CAAkC,IAAK,CAAA,IAAI,CAAG,EAAA;AAEvD,IAAK,EAAA,GAAA,QAAA,CAAS,YAAY,IAAI,CAAA;AAAA,GACzB,MAAA;AACL,IAAK,EAAA,GAAA,QAAA,CAAS,QAAQ,IAAI,CAAA;AAAA;AAG5B,EAAI,IAAA,CAAC,GAAG,OAAS,EAAA;AACf,IAAO,OAAA,KAAA;AAAA;AAET,EAAO,OAAA,EAAA,CAAG,cAAe,CAAA,QAAA,CAAS,YAAY,CAAA;AAChD;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@red-hat-developer-hub/backstage-plugin-openshift-image-registry",
-  "version": "1.13.1",
+  "version": "1.13.2",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "license": "Apache-2.0",
@@ -41,11 +41,11 @@
     "@backstage/theme": "^0.6.6",
     "@emotion/styled": "^11.13.0",
     "@ianvs/prettier-plugin-sort-imports": "^4.3.1",
-    "@janus-idp/shared-react": "2.18.0",
     "@material-ui/core": "^4.9.13",
     "@material-ui/icons": "^4.11.3",
     "@material-ui/lab": "^4.0.0-alpha.45",
     "filesize": "^10.1.6",
+    "luxon": "^3.6.1",
     "react-use": "^17.4.0"
   },
   "peerDependencies": {
@@ -60,14 +60,14 @@
     "@backstage/test-utils": "^1.7.8",
     "@janus-idp/cli": "1.19.1",
     "@mui/icons-material": "^6.1.6",
-    "@red-hat-developer-hub/backstage-plugin-theme": "^0.8.0",
+    "@red-hat-developer-hub/backstage-plugin-theme": "^0.9.0",
     "@spotify/prettier-config": "^15.0.0",
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "14.3.1",
     "@testing-library/user-event": "14.6.1",
     "cross-fetch": "4.1.0",
     "msw": "1.3.5",
-    "prettier": "3.5.3"
+    "prettier": "3.6.2"
   },
   "files": [
     "dist",