From ea7a87887bd4b01c20d94137a9794c1177c7b23c Mon Sep 17 00:00:00 2001
From: dimovich85 <dimovich85@gmail.com>
Date: Sat, 18 Apr 2020 21:20:11 +0300
Subject: [PATCH] Did add a route '/roms', which sends a list of roms from
 server folder. Did add a client JS for fetching roms and render an actual
 list of roms

---
 index.html   | 14 +++++++++++++-
 package.json |  1 +
 server.js    | 17 ++++++++++++++++-
 3 files changed, 30 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 3b3345f..5ae6cb7 100755
--- a/index.html
+++ b/index.html
@@ -45,7 +45,7 @@
     </div>
     <div class="select">
       <select name="rom">
-        <option value="falling">falling</option>
+        <!-- <option value="falling">falling</option>
         <option value="dushlan">dushlan</option>
         <option value="color_test">color_test</option>
         <option value="firedemo">firedemo</option>
@@ -61,6 +61,7 @@
         <option value="giko017">giko017</option>
         <option value="hello">hello</option>
         <option value="nestest">nestest</option>
+        <option value="Mario">Mario</option> -->
       </select>
     </div>
   </div>
@@ -84,6 +85,17 @@
   <script type="module" src="./init.js"></script>
   <script type="module">
     import {start, startFile} from './main.js';
+    function romsListRender( roms ){
+      document.querySelector('select').innerHTML = roms.map( rom => `<option value=${rom}>${rom}</option>` ).join('');
+    }
+    (async ()=>{
+      const req = await fetch('/roms');
+      if( req.ok ){
+        let roms = await req.json();
+        roms = roms.map( rom => rom.split('.')[0] );
+        romsListRender(roms);
+      }
+    })();
     document.querySelector('select')
       .addEventListener('change', (e) => {
         start(`./roms/${e.target.value}.nes`);
diff --git a/package.json b/package.json
index 5aaf652..3b3bfc1 100755
--- a/package.json
+++ b/package.json
@@ -4,6 +4,7 @@
   "description": "",
   "main": "index.js",
   "scripts": {
+    "dev": "nodemon server.js",
     "start": "npm run connect",
     "connect": "node server.js",
     "test": "echo \"Error: no test specified\" && exit 1",
diff --git a/server.js b/server.js
index f7e17b3..1de1f80 100755
--- a/server.js
+++ b/server.js
@@ -1,9 +1,24 @@
 var connect = require('connect'),
     serveStatic = require('serve-static');
+    path = require('path');
+    fs = require('fs');
 
 var app = connect();
 
 app.use(serveStatic(__dirname));
+app.use('/roms', function(req, res, next){
+    if( req.method === 'GET' ){
+        fs.readdir(path.join(__dirname, 'roms'), 'utf-8' , function(err, files){
+            if( err ){
+                console.log(err);
+            } else{
+                let roms = files.filter( file => /.+?\.nes$/.test(file) );
+                res.end(JSON.stringify(roms));
+            }
+            next();
+        });
+    }
+});
 app.listen(3334);
 
-console.log('open localhost:3334');
\ No newline at end of file
+console.log('open http://localhost:3334/');
\ No newline at end of file