webp support

Author: prestonyford

parser.js

@@ -9,6 +9,7 @@ const category = Object.fromEntries(
         "FF D8 FF E8" : ["image", "jpeg"],
         "FF D8 FF EE" : ["image", "jpeg"],
         "FF D8 FF E0" : ["image", "jpeg"],
+        "52 49 46 46 ?? ?? ?? ?? 57 45 42 50" : ["image", "webp"],
         "49 44 33" : ["audio", "mp3"],
         "FF FB" : ["audio", "mp3"],
         "FF F3" : ["audio", "mp3"],
@@ -62,7 +63,7 @@ function parseFileSig(filePath, signatures) {
         const match = regex.exec(hexString);
         if (match) {
             console.log(match.index);
-            return parseFileBody(match, signature, match[1].length);
+            return parseFileBody(match);
         }
     }
     return null;
@@ -71,11 +72,13 @@ function parseFileSig(filePath, signatures) {
 function sigToRegex(signature) {
     // Signatures are either at the very beginning of the file or after a CRLF following the header
     // Signatures are NOT GUARANTEED to be at the beginning of the file
-    return new RegExp(`(^|0d0a)${signature}`, 'g');
+    return new RegExp(`(^|0d0a)${signature.replace(/\?/g, '.')}`, 'g');
 }
 
-function parseFileBody(match, signature, offset) {
-    const body = signature + match.input.substring(match.index + signature.length + offset);
+function parseFileBody(match) {
+    const offset = match[1].length;
+    const body = match.input.substring(match.index + offset);
+    console.log(body);
     const buffer = Buffer.from(body, 'hex');
     // console.log(buffer);
     // fs.writeFileSync("test.png", buffer);

public/httpParser.js

@@ -10,6 +10,7 @@ const fileTypeToSignatures = {
     "png": ["89 50 4E 47 0D 0A 1A 0A"],
     "jpg": ["FF D8 FF E0", "FF D8 FF EE", "FF D8 FF DB", "FF D8 FF E0 00 10 4A 46 49 46 00 01", "FF D8 FF E8"], // missing FF D8 FF E1 ?? ?? 45 78 69 66 00 00
     // "gif": ["GIF87a", "GIF89a"],
+    "webp": ["52 49 46 46 ?? ?? ?? ?? 57 45 42 50"],
     "zip": ["50 4B 03 04", "50 4B 05 06", "50 4B 07 08"],
     "exe": ["4D 5A"],
     "mp3": ["49 44 33", "FF FB", "FF F3"],

public/index.html

@@ -29,7 +29,7 @@ <h2>Configure</h2>
             <label for="limit">Limit results (0 for no limit):</label><br>
             <input class="mb" id="limitInput" type="number" name="limit" placeholder="0" required><br>
 
-            <label>File signatures <a target="_blank" href="https://en.wikipedia.org/wiki/List_of_file_signatures">(Hex)</a>:</label><br>
+            <label><a target="_blank" href="https://en.wikipedia.org/wiki/List_of_file_signatures">File signatures</a> (Hex):</label><br>
             <label for="preset">Preset: </label>
             <select class="mb" name="preset" id="preset">
                 <option value="none" selected>None</option>