Update index.html

index.html

@@ -35,14 +35,30 @@
     .help { border-bottom:1px dotted #9ab0d0; cursor:help; }
   </style>
 
-  <!-- Transformers.js (browser build) -->
+  <!-- Transformers.js (browser build, MIME-safe loader) -->
   <script type="module">
-    import { env, AutoTokenizer, AutoModelForCausalLM }
-      from "./assets/vendor/transformers-browser.js";
+    // Use the exact vendored file you have:
+    const VENDORED_PATH = "./assets/vendor/transformers-3.0.0.js";
   
+    async function importVendoredModule(path) {
+      const res = await fetch(path);
+      if (!res.ok) throw new Error(`Failed to fetch ${path}: ${res.status}`);
+      const code = await res.text();
+      const blob = new Blob([code], { type: "text/javascript" });
+      const url  = URL.createObjectURL(blob);
+      try {
+        return await import(url);
+      } finally {
+        URL.revokeObjectURL(url);
+      }
+    }
+  
+    const { env, AutoTokenizer, AutoModelForCausalLM } = await importVendoredModule(VENDORED_PATH);
     window.HF = { env, AutoTokenizer, AutoModelForCausalLM };
+  
+    // Runtime settings
     env.localModelPath = null;
-    env.allowRemoteModels = false;   // you flip this in the model <select> handler for distilgpt2
+    env.allowRemoteModels = false;   // you toggle this in the <select> handler for distilgpt2
     env.useBrowserCache  = true;
     env.backends.onnx.wasm.wasmPaths =
       "https://cdn.jsdelivr.net/npm/onnxruntime-web@1.17.1/dist/";
@@ -464,7 +480,6 @@
       predict();
     });
 
-
     /* ---------- Boot ---------- */
     (async function init(){
       await loadModel(modelSel.value);   // default: qwen (local)