add more error handlers

src/@utils/docker.ts

@@ -1,11 +1,21 @@
 import { LoggerInstance } from '@oceanprotocol/lib'
 import axios from 'axios'
+import isUrl from 'is-url-superb'
 import { toast } from 'react-toastify'
 
-export async function getContainerChecksum(
+export interface dockerContainerInfo {
+  exists: boolean
+  checksum: string
+}
+
+async function getDockerHubImageChecksum(
   image: string,
   tag: string
-): Promise<string> {
+): Promise<dockerContainerInfo> {
+  const containerInfo: dockerContainerInfo = {
+    exists: false,
+    checksum: null
+  }
   try {
     const response = await axios.post(
       `https://dockerhub-proxy.oceanprotocol.com`,
@@ -20,16 +30,54 @@ export async function getContainerChecksum(
       response.data.status !== 'success'
     ) {
       toast.error(
-        'Could not fetch docker hub image info. Please input the container checksum manually'
+        'Could not fetch docker hub image info. Please check container image and tag and try again'
       )
-      return null
+      return containerInfo
     }
-    return response.data.result.checksum
+    containerInfo.exists = true
+    containerInfo.checksum = response.data.result.checksum
+    return containerInfo
   } catch (error) {
     LoggerInstance.error(error.message)
     toast.error(
-      'Could not fetch docker hub image info. Please input the container checksum manually'
+      'Could not fetch docker hub image info. Please check container image and tag and try again'
     )
-    return null
+    return containerInfo
   }
 }
+
+async function validateContainerImageUrl(
+  imageURL: string
+): Promise<dockerContainerInfo> {
+  const containerInfo: dockerContainerInfo = {
+    exists: false,
+    checksum: null
+  }
+  try {
+    const response = await axios.head(imageURL)
+    if (!response || response.status !== 200) {
+      toast.error(
+        'Could not fetch docker image info. Please check URL and try again'
+      )
+      return containerInfo
+    }
+    containerInfo.exists = true
+    return containerInfo
+  } catch (error) {
+    LoggerInstance.error(error.message)
+    toast.error(
+      'Could not fetch docker image info. Please check URL and try again'
+    )
+    return containerInfo
+  }
+}
+
+export async function getContainerChecksum(
+  dockerImage: string,
+  tag: string
+): Promise<dockerContainerInfo> {
+  const isValid = isUrl(dockerImage)
+    ? await validateContainerImageUrl(dockerImage)
+    : await getDockerHubImageChecksum(dockerImage, tag)
+  return isValid
+}

src/components/@shared/FormFields/ContainerInput/index.tsx

@@ -26,16 +26,21 @@ export default function ContainerInput(props: InputProps): ReactElement {
       const parsedContainerValue = container?.split(':')
       const imageNname = parsedContainerValue?.slice(0, -1).join(':')
       const tag =
-        parsedContainerValue.length > 1 ? parsedContainerValue?.at(-1) : ''
+        parsedContainerValue?.length > 1 ? parsedContainerValue?.at(-1) : ''
-      setFieldValue('metadata.dockerImageCustom', imageNname)
+      const containerInfo = await getContainerChecksum(imageNname, tag)
-      setFieldValue('metadata.dockerImageCustomTag', tag)
+      if (containerInfo.exists) {
-      const checksum = await getContainerChecksum(imageNname, tag)
+        setFieldValue('metadata.dockerImageCustom', imageNname)
-      if (checksum) {
+        setFieldValue('metadata.dockerImageCustomTag', tag)
-        setFieldValue('metadata.dockerImageCustomChecksum', checksum)
+        setChecked(true)
-        helpersChecksum.setTouched(false)
+        if (containerInfo.checksum) {
-        setIsValid(true)
+          setFieldValue(
+            'metadata.dockerImageCustomChecksum',
+            containerInfo.checksum
+          )
+          helpersChecksum.setTouched(false)
+          setIsValid(true)
+        }
       }
-      setChecked(true)
     } catch (error) {
       setFieldError(`${field.name}[0].url`, error.message)
       LoggerInstance.error(error.message)

src/components/Publish/_utils.ts

@@ -41,7 +41,9 @@ async function getAlgorithmContainerPreset(
   const preset = algorithmContainerPresets.find(
     (preset) => `${preset.image}:${preset.tag}` === dockerImage
   )
-  preset.checksum = await getContainerChecksum(preset.image, preset.tag)
+  preset.checksum = await (
+    await getContainerChecksum(preset.image, preset.tag)
+  ).checksum
   return preset
 }