Add datatoken to algo publish form (#531)

* datatoken added to algo publish form

* init datatoken option with non empty values

* remove hacks

* use nonempty data token initial values

Co-authored-by: claudia.holhos <claudia.holhos@hpm.ro>
Co-authored-by: Matthias Kretschmann <m@kretschmann.io>

content/pages/publish/form-algorithm.json

@@ -56,6 +56,13 @@
       "sortOptions": false,
       "required": true
     },
+    {
+      "name": "dataTokenOptions",
+      "label": "Datatoken Name & Symbol",
+      "type": "datatoken",
+      "help": "The datatoken for this algorithm will be created with this name & symbol.",
+      "required": true
+    },
     {
       "name": "entrypoint",
       "label": "Entrypoint",

src/@types/MetaData.d.ts

@@ -49,6 +49,7 @@ export interface MetadataPublishFormAlgorithm {
   dockerImage: string
   algorithmPrivacy: boolean
   timeout: string
+  dataTokenOptions: DataTokenOptions
   termsAndConditions: boolean
   // ---- optional fields ----
   image: string

src/components/molecules/MetadataPreview.tsx

@@ -135,6 +135,11 @@ export function MetadataAlgorithmPreview({
       <h2 className={styles.previewTitle}>Preview</h2>
       <header>
         {values.name && <h3 className={styles.title}>{values.name}</h3>}
+        {values.dataTokenOptions?.name && (
+          <p
+            className={styles.datatoken}
+          >{`${values.dataTokenOptions.name} — ${values.dataTokenOptions.symbol}`}</p>
+        )}
         {values.description && <Description description={values.description} />}
 
         <div className={styles.asset}>

src/components/pages/Publish/FormAlgoPublish.tsx

@@ -62,12 +62,11 @@ export default function FormPublish(): ReactElement {
   const [selectedDockerImage, setSelectedDockerImage] = useState<string>(
     initialValues.dockerImage
   )
+
   // reset form validation on every mount
   useEffect(() => {
     setErrors({})
     setTouched({})
-
-    // setSubmitting(false)
   }, [setErrors, setTouched])
 
   function handleImageSelectChange(imageSelected: string) {

src/components/pages/Publish/index.tsx

@@ -95,9 +95,22 @@ export default function PublishPage({
   const [publishType, setPublishType] = useState<MetadataMain['type']>(
     'dataset'
   )
-
   const hasFeedback = isLoading || error || success
 
+  const emptyAlgoDT = Object.values(algoInitialValues.dataTokenOptions).every(
+    (value) => value === ''
+  )
+  const emptyDatasetDT = Object.values(
+    datasetInitialValues.dataTokenOptions
+  ).every((value) => value === '')
+
+  if (emptyAlgoDT) {
+    algoInitialValues.dataTokenOptions = datasetInitialValues.dataTokenOptions
+  } else {
+    if (emptyDatasetDT)
+      datasetInitialValues.dataTokenOptions = algoInitialValues.dataTokenOptions
+  }
+
   useEffect(() => {
     publishType === 'dataset'
       ? setTitle('Publishing Data Set')
@@ -166,12 +179,12 @@ export default function PublishPage({
         : true
     try {
       if (validDockerImage) {
-        Logger.log('Publish Algorithm with ', metadata)
+        Logger.log('Publish algorithm with ', metadata, values.dataTokenOptions)
 
         const ddo = await publish(
           (metadata as unknown) as Metadata,
           values.algorithmPrivacy === true ? 'compute' : 'access',
-          undefined,
+          values.dataTokenOptions,
           timeout
         )
 

src/models/FormAlgoPublish.ts

@@ -11,6 +11,12 @@ export const validationSchema: Yup.SchemaOf<MetadataPublishFormAlgorithm> = Yup.
     description: Yup.string().min(10).required('Required'),
     files: Yup.array<FileMetadata>().required('Required').nullable(),
     timeout: Yup.string().required('Required'),
+    dataTokenOptions: Yup.object()
+      .shape({
+        name: Yup.string(),
+        symbol: Yup.string()
+      })
+      .required('Required'),
     dockerImage: Yup.string()
       .matches(/node:latest|python:latest|custom image/g, {
         excludeEmptyString: true
@@ -31,6 +37,10 @@ export const validationSchema: Yup.SchemaOf<MetadataPublishFormAlgorithm> = Yup.
 export const initialValues: Partial<MetadataPublishFormAlgorithm> = {
   name: '',
   author: '',
+  dataTokenOptions: {
+    name: '',
+    symbol: ''
+  },
   dockerImage: 'node:latest',
   image: 'node',
   containerTag: 'latest',