try again w token new auth, model name change

README.md

@@ -9,10 +9,12 @@ hf_oauth: true
 hf_oauth_scopes:
   - read-repos
   - write-repos
+  - inference-api
 models:
 # - gpt-3.5-turbo
 # - Xenova/distilgpt2
-- HuggingFaceH4/zephyr-7b-gemma-v0.1
+# - HuggingFaceH4/zephyr-7b-gemma-v0.1
+- HuggingFaceH4/zephyr-7b-beta
 # - openai-community/gpt2
 # - meta-llama/Meta-Llama-3-70B-Instruct
 # - Xenova/detr-resnet-50

sketch.js

@@ -13,13 +13,13 @@ if (!oauthResult) {
 
 // You can use oauthResult.accessToken, oauthResult.accessTokenExpiresAt and oauthResult.userInfo
 // console.log(oauthResult);
-const HF_TOKEN = oauthResult.accessToken
-console.log(HF_TOKEN)
+const HFAUTH = oauthResult.accessToken
+console.log(HFAUTH)
 
 // import { pipeline, env } from 'https://cdn.jsdelivr.net/npm/@xenova/[email protected]';
 // import { HfInference } from 'https://cdn.jsdelivr.net/npm/@huggingface/[email protected]/+esm';
 import { HfInference } from 'https://esm.sh/@huggingface/inference';
-const inference = new HfInference(HF_TOKEN);
+const inference = new HfInference(HFAUTH);
 
 // PIPELINE MODELS
 // models('Xenova/gpt2', 'Xenova/gpt-3.5-turbo', 'mistralai/Mistral-7B-Instruct-v0.2', 'Xenova/llama-68m', 'meta-llama/Meta-Llama-3-8B', 'Xenova/bloom-560m', 'Xenova/distilgpt2')
@@ -223,12 +223,13 @@ new p5(function (p5) {
 async function runModel(PREPROMPT, PROMPT){
     // inference API version, not working in spaces
 
-    let MODELNAME = "HuggingFaceH4/zephyr-7b-gemma-v0.1"
+    // let MODELNAME = "HuggingFaceH4/zephyr-7b-gemma-v0.1"
+    let MODELNAME = "HuggingFaceH4/zephyr-7b-beta"
     // let MODELNAME = "openai-community/gpt2"
     // let MODELNAME = 'mistral_inference'
     
     let out = await inference.textGeneration({    
-        accessToken: HF_TOKEN,
+        // accessToken: HFAUTH,
         model: MODELNAME,
         messages: [{ 
                     role: "system", 
@@ -237,7 +238,7 @@ async function runModel(PREPROMPT, PROMPT){
                     role: "user",
                     content: PROMPT
                 }],
-        max_new_tokens: 100
+        max_new_tokens: 150
     });
 
     console.log(out)

tutorial.md

@@ -144,6 +144,8 @@ Morgan, Yasmin. 2022. "AIxDesign Icebreakers, Mini-Games & Interactive Exercises
 
 Tutorial 1:
 
+<!-- Play with different models: https://huggingface.co/chat/ -->
+
 #### X. Create a class instance of p5 in `sketch.js`
 
 Because we are going to use several other libraries alongside p5.js, it will be necessary and helpful to use p5.js in "Instance Mode." You may have seen this before in this [Multiple Canvases](https://p5js.org/examples/advanced-canvas-rendering-multiple-canvases/) example.