Upload example_web.js with huggingface_hub

example_web.js

@@ -96,15 +96,18 @@ export async function loadSupra(repo = REPO, { onProgress, backends = ['webgpu']
   const ort = await loadLib('onnxruntime-web', { globalName: 'ort' });
   const { AutoTokenizer } = await loadLib('@huggingface/transformers', { url: TRANSFORMERS_CDN_URL });
   const cfg = await (await fetch(fileUrl(repo, 'pipeline_config.json'))).json();
-  const [ditBuf, encBuf, vaeBuf] = await Promise.all([
+  const [ditBuf, vaeBuf] = await Promise.all([
     download(fileUrl(repo, cfg.dit), cfg.dit, onProgress),
-    download(fileUrl(repo, cfg.text_encoder), cfg.text_encoder, onProgress),
     download(fileUrl(repo, cfg.vae_decoder), cfg.vae_decoder, onProgress),
   ]);
   const tokenize = await AutoTokenizer.from_pretrained(repo);
   const errors = [];
   for (const backend of backends) {
     try {
+      // WASM/CPU backends get the fp32 encoder: fp16 support there is unreliable
+      // and a single NaN poisons the whole image (renders black, no error).
+      const encPath = backend === 'wasm' ? (cfg.text_encoder_fp32 || cfg.text_encoder) : cfg.text_encoder;
+      const encBuf = await download(fileUrl(repo, encPath), encPath, onProgress);
       const opts = { executionProviders: [backend] };
       const [dit, enc, vae] = await Promise.all([
         ort.InferenceSession.create(ditBuf, opts),