Update index.html

index.html

@@ -142,40 +142,43 @@
       }
 
       async function calculateSizes(format) {
-        const model_config = await modelConfig(document.getElementById("modelsearch").value)
-        const context = parseInt(document.getElementById("contextsize").value)
-        let bsz = 512
-        let fp8_cache = false
-        let bpw = 0
-        if (format === "gguf") {
-          bsz = parseInt(document.getElementById("batchsize").value)
-          bpw = gguf_quants[document.getElementById("quantsize").innerText]
-
-        } else if (format == "exl2") {
-          fp8_cache = document.getElementById("fp8cache").checked
-          bpw = Number.parseFloat(document.getElementById("bpw").value)
-        }
-
-        const model_size = modelSize(model_config, bpw)
-        const context_size = contextSize(context, model_config, bsz, fp8_cache)
-        const total_size = ((model_size + context_size) / 1e+9)
-        document.getElementById("resultmodel").innerText = (model_size / 1e+9).toFixed(2)
-        document.getElementById("resultcontext").innerText = (context_size / 1e+9).toFixed(2)
-        const result_total_el = document.getElementById("resulttotal");
-        result_total_el.innerText = total_size.toFixed(2)
-
-        const gpu = document.getElementById("gpusearch").value
-        if (gpu !== "") {
-          const vram = parseFloat(gpu.split("-")[1].replace("GB", "").trim())
-          if (vram - total_size > 0.5) {
-            result_total_el.style.backgroundColor = "#bef264"
-          } else if (vram - total_size > 0) {
-            result_total_el.style.backgroundColor = "#facc15"
-          } else {
-            result_total_el.style.backgroundColor = "#ef4444"
+        try {
+          const model_config = await modelConfig(document.getElementById("modelsearch").value)
+          const context = parseInt(document.getElementById("contextsize").value)
+          let bsz = 512
+          let fp8_cache = false
+          let bpw = 0
+          if (format === "gguf") {
+            bsz = parseInt(document.getElementById("batchsize").value)
+            bpw = gguf_quants[document.getElementById("quantsize").innerText]
+  
+          } else if (format == "exl2") {
+            fp8_cache = document.getElementById("fp8cache").checked
+            bpw = Number.parseFloat(document.getElementById("bpw").value)
           }
+  
+          const model_size = modelSize(model_config, bpw)
+          const context_size = contextSize(context, model_config, bsz, fp8_cache)
+          const total_size = ((model_size + context_size) / 1e+9)
+          document.getElementById("resultmodel").innerText = (model_size / 1e+9).toFixed(2)
+          document.getElementById("resultcontext").innerText = (context_size / 1e+9).toFixed(2)
+          const result_total_el = document.getElementById("resulttotal");
+          result_total_el.innerText = total_size.toFixed(2)
+  
+          const gpu = document.getElementById("gpusearch").value
+          if (gpu !== "") {
+            const vram = parseFloat(gpu.split("-")[1].replace("GB", "").trim())
+            if (vram - total_size > 0.5) {
+              result_total_el.style.backgroundColor = "#bef264"
+            } else if (vram - total_size > 0) {
+              result_total_el.style.backgroundColor = "#facc15"
+            } else {
+              result_total_el.style.backgroundColor = "#ef4444"
+            }
+          }
+        } catch(e) {
+          alert(e);
         }
-
       }
     </script>
     <link href="./styles.css" rel="stylesheet">