fix: remove file extension restriction and add graceful error handling for rom loading

Author: JMit-dev

index.html

@@ -23,7 +23,7 @@ <h1>CHIP-8 Emulator</h1>
       <div class="controls-group">
         <label for="rom-input" class="btn btn-primary">
           Load ROM
-          <input type="file" id="rom-input" accept=".ch8,.rom" style="display: none;">
+          <input type="file" id="rom-input" style="display: none;">
         </label>
       </div>
       <div class="controls-group">

js/emulator.js

@@ -40,13 +40,38 @@ class Emulator {
     if (!file) return;
 
     const reader = new FileReader();
+
     reader.onload = (e) => {
-      const buffer = e.target.result;
-      const program = new Uint8Array(buffer);
-      this.reset();
-      this.cpu.loadProgram(program);
-      this.updateWidgets();
+      try {
+        const buffer = e.target.result;
+        const program = new Uint8Array(buffer);
+
+        if (program.length === 0) {
+          alert('Error: File is empty');
+          return;
+        }
+
+        if (program.length > 4096 - 0x200) {
+          alert(`Error: ROM too large (${program.length} bytes). Maximum is ${4096 - 0x200} bytes.`);
+          return;
+        }
+
+        this.reset();
+        this.cpu.loadProgram(program);
+        this.updateWidgets();
+
+        console.log(`ROM loaded successfully: ${file.name} (${program.length} bytes)`);
+      } catch (error) {
+        alert(`Error loading ROM: ${error.message}`);
+        console.error('ROM loading error:', error);
+      }
     };
+
+    reader.onerror = () => {
+      alert('Error reading file');
+      console.error('File reader error:', reader.error);
+    };
+
     reader.readAsArrayBuffer(file);
   }