back to new pipeline test og

sketch.js

@@ -16,7 +16,12 @@ import { pipeline, env } from 'https://cdn.jsdelivr.net/npm/@xenova/transformers
 
 // establish global variables
 
-let promptInput,
+let PROMPT,
+  PREPROMPT,
+  promptResult,
+  submitButton,
+  addButton,
+  promptInput,
   modelDisplay,
   modelResult;
 
@@ -89,14 +94,14 @@ new p5(function (p5) {
         // // BUTTONS // // 
 
         // send prompt to model
-        let submitButton = p5.createButton("SUBMIT")
+        submitButton = p5.createButton("SUBMIT")
         // submitButton.position(0,500)
         submitButton.size(200)
         submitButton.class('submit'); 
         submitButton.mousePressed(getInputs)
 
         // add more blanks to fill in
-        let addButton = p5.createButton("more blanks")
+        addButton = p5.createButton("more blanks")
         addButton.size(200)
         // addButton.position(220,500)
         addButton.mousePressed(addField)
@@ -130,21 +135,21 @@ new p5(function (p5) {
         console.log(INPUTVALUES)
         
         // Do model stuff in this function instead of in general
-        let PROMPT = promptInput.value() // updated check of the prompt field
+        PROMPT = promptInput.value() // updated check of the prompt field
         
         // BLANKS = inputValues // get ready to feed array list into model
 
-        let PREPROMPT = `Please return an array of sentences. In each sentence, fill in the [BLANK] in the following sentence with each word I provide in the array ${INPUTVALUES}. Replace any [FILL] with an appropriate word of your choice.` 
+        PREPROMPT = `Please return an array of sentences. In each sentence, fill in the [BLANK] in the following sentence with each word I provide in the array ${INPUTVALUES}. Replace any [FILL] with an appropriate word of your choice.` 
 
         // we pass PROMPT and PREPROMPT to the model function, don't need to pass INPUTVALUES bc it's passed into the PREPROMPT already here
 
         modelResult = await runModel(PREPROMPT, PROMPT)
 
-        displayModel(modelResult)
+        await displayModel(modelResult)
     }
 
     async function displayModel(m){
-        let modelDisplay = p5.createElement("p", "Results:");
+        modelDisplay = p5.createElement("p", "Results:");
         await modelDisplay.html(m)
     }