Spaces:

Javedalam
/

Language-translation-in-browser

Running

Javedalam commited on Sep 5

Commit

4059173

verified ·

1 Parent(s): ecb4204

Update index.html

Files changed (1) hide show

index.html CHANGED Viewed

@@ -1,23 +1,32 @@
 <!doctype html>
 <html>
-  <head><meta charset="utf-8"><title>TF UMD sanity check</title></head>
   <body>
     <h3>Transformers.js local load check</h3>
     <div id="status">Loading…</div>
-    <!-- must be in the SAME folder as this index.html -->
     <script src="./transformers.min.js"></script>
-    <script>
       const s = document.getElementById('status');
       try {
-        if (window.transformers && window.transformers.pipeline) {
-          s.textContent = '✅ Loaded OK: window.transformers is present.';
         } else {
-          s.textContent = '❌ Script loaded but window.transformers is missing.';
         }
       } catch (e) {
-        s.textContent = '❌ Exception after load. See console.';
         console.error(e);
       }
     </script>

 <!doctype html>
 <html>
+  <head><meta charset="utf-8"><title>TF load check</title></head>
   <body>
     <h3>Transformers.js local load check</h3>
     <div id="status">Loading…</div>
+    <!-- Try UMD first -->
     <script src="./transformers.min.js"></script>
+    <!-- If UMD didn't define a global, import as ESM and assign it -->
+    <script type="module">
       const s = document.getElementById('status');
       try {
+        if (!('transformers' in window)) {
+          // ESM fallback
+          const mod = await import('./transformers.min.js');
+          // expose as global so the rest of the app can use window.transformers
+          window.transformers = mod;
+          s.textContent = '✅ Loaded via ESM import (no UMD global present).';
         } else {
+          s.textContent = '✅ Loaded via UMD global (window.transformers present).';
+        }
+        // quick smoke test
+        if (!window.transformers?.pipeline) {
+          s.textContent = '⚠️ Library present but pipeline() missing.';
         }
       } catch (e) {
+        s.textContent = '❌ Import failed. See console.';
         console.error(e);
       }
     </script>