add Docker image presets, populate algo Docker field from them

content/publish/form.json

@@ -47,7 +47,9 @@
         "label": "Docker Image",
         "help": "Please select an image to run your algorithm.",
         "type": "boxSelection",
-        "options": ["node:latest", "python:latest", "Custom"],
+        "options": [
+          "populated from algorithmContainerPresets in Publish/_constants"
+        ],
         "required": true
       },
       {

src/@types/DDO/Metadata.d.ts

@@ -1,12 +1,14 @@
+interface MetadataAlgorithmContainer {
+  entrypoint: string
+  image: string
+  tag: string
+  checksum: string
+}
+
 interface MetadataAlgorithm {
   language?: string
   version?: string
-  container: {
+  container: MetadataAlgorithmContainer
-    entrypoint: string
-    image: string
-    tag: string
-    checksum: string
-  }
 }
 
 interface Metadata {

src/components/Publish/Metadata/index.tsx

@@ -8,22 +8,13 @@ import { getFieldContent } from '../_utils'
 import IconDataset from '@images/dataset.svg'
 import IconAlgorithm from '@images/algorithm.svg'
 import styles from './index.module.css'
+import { algorithmContainerPresets } from '../_constants'
 
 const assetTypeOptionsTitles = getFieldContent(
   'type',
   content.metadata.fields
 ).options
 
-const dockerImageOptionsTitles = getFieldContent(
-  'dockerImage',
-  content.metadata.fields
-).options
-
-const dockerImageOptions = dockerImageOptionsTitles.map((title) => ({
-  name: title.toLowerCase(),
-  title
-}))
-
 export default function MetadataFields(): ReactElement {
   // connect with Form state, use for conditional field rendering
   const { values } = useFormikContext<FormPublishData>()
@@ -45,6 +36,17 @@ export default function MetadataFields(): ReactElement {
     }
   ]
 
+  // Populate the Docker image field with our presets in _constants,
+  // transformPublishFormToDdo will do the rest.
+  const dockerImageOptions: BoxSelectionOption[] =
+    algorithmContainerPresets.map((preset) => ({
+      name: `${preset.image}:${preset.tag}`,
+      title: `${preset.image}:${preset.tag}`,
+      checked: values.metadata.dockerImage === `${preset.image}:${preset.tag}`
+    }))
+
+  dockerImageOptions.push({ name: 'custom', title: 'Custom', checked: false })
+
   return (
     <>
       <Field

src/components/Publish/_constants.tsx

@@ -84,22 +84,17 @@ export const initialValues: FormPublishData = {
   }
 }
 
-// export const initialValuesAlgo: Partial<MetadataPublishFormAlgorithm> = {
+export const algorithmContainerPresets: MetadataAlgorithmContainer[] = [
-//   name: '',
+  {
-//   author: '',
+    image: 'node',
-//   dataTokenOptions: {
+    tag: 'latest',
-//     name: '',
+    entrypoint: 'node $ALGO',
-//     symbol: ''
+    checksum: '' // TODO: how to get?
-//   },
+  },
-//   dockerImage: 'node:latest',
+  {
-//   image: 'node',
+    image: 'python',
-//   containerTag: 'latest',
+    tag: 'latest',
-//   entrypoint: 'node $ALGO',
+    entrypoint: 'python $ALGO',
-//   files: '',
+    checksum: ''
-//   description: '',
+  }
-//   algorithmPrivacy: false,
+]
-//   termsAndConditions: false,
-//   tags: '',
-//   timeout: 'Forever',
-//   providerUri: ''
-// }

src/components/Publish/_types.ts

@@ -37,6 +37,7 @@ export interface FormPublishData {
     dockerImageCustom?: string
     dockerImageCustomTag?: string
     dockerImageCustomEntrypoint?: string
+    dockerImageCustomChecksum?: string
   }
   services: FormPublishService[]
   pricing: PriceOptions

src/components/Publish/_utils.ts

@@ -2,6 +2,7 @@ import { mapTimeoutStringToSeconds } from '@utils/ddo'
 import { getEncryptedFileUrls } from '@utils/provider'
 import { sha256 } from 'js-sha256'
 import slugify from 'slugify'
+import { algorithmContainerPresets } from './_constants'
 import { FormPublishData } from './_types'
 
 export function getFieldContent(
@@ -16,6 +17,17 @@ function getUrlFileExtension(fileUrl: string): string {
   return splittedFileUrl[splittedFileUrl.length - 1]
 }
 
+function getAlgorithmContainerPreset(
+  dockerImage: string
+): MetadataAlgorithmContainer {
+  if (dockerImage === '') return
+
+  const preset = algorithmContainerPresets.find(
+    (preset) => `${preset.image}:${preset.tag}` === dockerImage
+  )
+  return preset
+}
+
 function dateToStringNoMS(date: Date): string {
   return date.toISOString().replace(/\.[0-9]{3}Z/, 'Z')
 }
@@ -42,9 +54,11 @@ export async function transformPublishFormToDdo(
     tags,
     author,
     termsAndConditions,
+    dockerImage,
     dockerImageCustom,
     dockerImageCustomTag,
-    dockerImageCustomEntrypoint
+    dockerImageCustomEntrypoint,
+    dockerImageCustomChecksum
   } = metadata
   const { access, files, links, providerUrl, timeout } = services[0]
 
@@ -68,20 +82,33 @@ export async function transformPublishFormToDdo(
     additionalInformation: {
       termsAndConditions
     },
-    ...(type === 'algorithm' && {
+    ...(type === 'algorithm' &&
-      // TODO: This needs some set of predefined values for `container`,
+      dockerImage !== '' && {
-      // depending on user selection in the form.
+        algorithm: {
-      algorithm: {
+          language: filesTransformed?.length
-        language: files?.length ? getUrlFileExtension(filesTransformed[0]) : '',
+            ? getUrlFileExtension(filesTransformed[0])
-        version: '0.1',
+            : '',
-        container: {
+          version: '0.1',
-          entrypoint: dockerImageCustomEntrypoint,
+          container: {
-          image: dockerImageCustom,
+            entrypoint:
-          tag: dockerImageCustomTag,
+              dockerImage === 'custom'
-          checksum: '' // TODO: how to get? Is it user input?
+                ? dockerImageCustomEntrypoint
+                : getAlgorithmContainerPreset(dockerImage).entrypoint,
+            image:
+              dockerImage === 'custom'
+                ? dockerImageCustom
+                : getAlgorithmContainerPreset(dockerImage).image,
+            tag:
+              dockerImage === 'custom'
+                ? dockerImageCustomTag
+                : getAlgorithmContainerPreset(dockerImage).tag,
+            checksum:
+              dockerImage === 'custom'
+                ? dockerImageCustomChecksum
+                : getAlgorithmContainerPreset(dockerImage).checksum
+          }
         }
-      }
+      })
-    })
   }
 
   // Encrypt just created string[] of urls