reverse the function flow

index.js

@@ -12,35 +12,42 @@ var OUTPUT_LIST = [] // a blank array to store the results from the model
 
 // RUN MODEL
 async function fillInTask(){
+  console.log('fill-in task initiated')
+
   const pipe = await pipeline('fill-mask', 'Xenova/bert-base-uncased');
   
   var out = await pipe(PROMPT_INPUT);
 
   console.log(await out) // yields { score, sequence, token, token_str } for each result
   
-  // await out.forEach(o => {
-  //   console.log(o) // yields { score, sequence, token, token_str } for each result
-  //   OUTPUT_LIST.push(o.sequence) // put only the full sequence in a list
-  // })
+  await out.forEach(o => {
+    console.log(o) // yields { score, sequence, token, token_str } for each result
+    OUTPUT_LIST.push(o.sequence) // put only the full sequence in a list
+  })
   
-  // console.log(OUTPUT_LIST)
+  console.log(OUTPUT_LIST)
+
+  displayResults(OUTPUT_LIST)
 
-  return await out
+  console.log('fill-in task completed')
+
+  // return await out
+  return await OUTPUT_LIST
 }
 
 // PROCESS MODEL OUTPUT
 // a generic function to pass in different model task functions
-async function getOutputs(task){
-  let output = await task
+// async function getOutputs(task){
+//   let output = await task
 
-  await output.forEach(o => {
-    OUTPUT_LIST.push(o.sequence) // put only the full sequence in a list
-  })
+//   await output.forEach(o => {
+//     OUTPUT_LIST.push(o.sequence) // put only the full sequence in a list
+//   })
 
-  console.log(OUTPUT_LIST)
+//   console.log(OUTPUT_LIST)
 
-  return await OUTPUT_LIST
-}
+//   return await OUTPUT_LIST
+// }
 
 // await getOutputs(fillInTask()) // getOutputs will later connect to the interface to display results
 
@@ -78,22 +85,29 @@ new p5(function (p5){
     let submitButton = p5.createButton("SUBMIT")
     submitButton.size(170)
     submitButton.class('submit')
-    submitButton.mousePressed(makeOutputDisplay)
+    submitButton.mousePressed(fillInTask)
+  }
+
+  function displayResults(list){
+    console.log('displayed or pressed')
+    let outHead = p5.createElement('h4',"Results:") 
+    let outText = p5.createP('')
+    outText.html(list)
   }
 
-  async function makeOutputDisplay(){
-    console.log('button pressed')
-    let outHead = p5.createElement('h4',"Results:")
+  // async function makeOutputDisplay(){
+  //   console.log('button pressed')
+  //   let outHead = p5.createElement('h4',"Results:")
 
-    let out = await fillInTask() //just model no parsing
-    // let out = await getOutputs(fillInTask()) // model and parsing
+  //   let out = await fillInTask() //just model no parsing
+  //   // let out = await getOutputs(fillInTask()) // model and parsing
 
-    out = str(await out)
-    console.log(out)
+  //   out = str(await out)
+  //   console.log(out)
     
-    let outText = p5.createP('')
-    await outText.html(out)
-  }
+  //   let outText = p5.createP('')
+  //   await outText.html(out)
+  // }
 
 });