add link to ship page (#19)

package.json

@@ -14,6 +14,7 @@
         "jszip": "^3.1.5"
     },
     "devDependencies": {
+        "axios": "^0.21.1",
         "eslint": "^5.0.1"
     },
     "eslintConfig": {
@@ -31,5 +32,11 @@
             "chrome": true
         }
     },
-    "eslintIgnore": [ "src/vendor/**/*.js", "*.min.js" ]
-}
+    "eslintIgnore": [
+        "src/vendor/**/*.js",
+        "*.min.js"
+    ],
+    "scripts": {
+        "generate-ships-file": "node scripts/generate_ships_file.js"
+    }
+}

scripts/generate_ships_file.js

@@ -0,0 +1,58 @@
+const fs = require('fs');
+const axios = require('axios');
+
+const URL = 'https://robertsspaceindustries.com/ship-matrix/index'
+const fields = {
+    'name': 'name',
+    'url': 'url',
+    'thumbnail': 'media.0.images.heap_infobox'
+};
+
+axios.get(URL)
+    .then((response) => {
+        let parsedBody = response.data;
+
+        if(parsedBody.success === 1) {
+            let ships = parsedBody.data;
+
+            let processedShips = [];
+            for(let i = 0; i < ships.length; i++) {
+                let ship = ships[i];
+                let data = {};
+
+                for (let key in fields) {
+                    let path = fields[key].split('.');
+                    let current = ship;
+                    for (let j = 0; j < path.length; j++) {
+                        current = current[path[j]];
+                    }
+                    data[key] = current;
+                }
+
+                processedShips.push(data);
+            }
+            console.log("Fetched %d ships and vehicles", processedShips.length);
+
+            const content = 'var HangarXPLOR = HangarXPLOR || {};'
+                        + '\n\n' 
+                        + 'HangarXPLOR._ships = ' + JSON.stringify(processedShips, null, '\t');
+            fs.writeFile('src/web_resources/HangarXPLOR.Ships.js', content, "utf-8", function (error) {
+                if (error) {
+                    console.error("Failed to write the 'HangarXPLOR.Ships.js' file", error);
+                };
+                console.log("Successfully created the 'HangarXPLOR.Ships.js' file");
+            });
+        }
+    })
+    .catch(error => {
+        if(error) {
+            console.log(error);
+            return;
+        }
+        if(error.response.status !== 200) {
+            console.error("Failed to fetch the ship matrix because it returned a non 200 status code. Status code: ", error.response.status);
+            return;
+        }
+
+        console.log("Failed because an error occured: ", error);
+    });

src/web_resources/HangarXPLOR.ProcessItem.js

@@ -184,6 +184,7 @@ HangarXPLOR.ProcessItem = function()
       for (i = 0, j = HangarXPLOR._ships.length; i < j; i++) {
         if (this.shipName.toLowerCase().indexOf(HangarXPLOR._ships[i].name.toLowerCase()) > -1) {
           $('.basic-infos .image', this).css({ 'background-image': 'url("' + HangarXPLOR._ships[i].thumbnail + '")'});
+          $('.items', this).prepend('<a href="' + HangarXPLOR._ships[i].url + '" target="_blank" class="shadow-button trans-02s trans-color"><span class="label js-label trans-02s">Ship Page</span><span class="icon trans-02s"><span class="effect trans-opacity trans-03s"></span></span><span class="left-section"></span><span class="right-section"></span></a>');
           break;
         }
       }