Add simple file extension mapping to highlighted lang

index.html

@@ -163,6 +163,15 @@ <h3>Because of this design:</h3>
                 </div>
             </div>
         </div>
+        <div id="resource-error-modal" class="modal" data-micromodal-close>
+            <div tabindex="-1" class="modal-overlay">
+                <div role="dialog" class="modal-content shadow-bottom p-3 m-3">
+                    <div class="modal-close" data-micromodal-close><span class="icon-close"></span></div>
+                    NoPaste cannot load resources<br /><br />
+                    Sorry about that
+                </div>
+            </div>
+        </div>
 
         <script src="https://cdn.jsdelivr.net/combine/
 npm/[email protected]/src/lzma.min.js,

resources/file-extension-to-lang.json

@@ -0,0 +1,16 @@
+{
+  "shll": [
+    "sh",
+    "bash",
+    "zsh"
+  ],
+  "pwll": [
+    "ps1"
+  ],
+  "perl": [
+    "pl"
+  ],
+  "mrwn": [
+    "md"
+  ]
+}

script.js

@@ -5,8 +5,12 @@ let editor = null;
 let select = null;
 let clipboard = null;
 let statsEl = null;
+var fileExtToLangMap = null;
 
 const init = () => {
+    Object.entries({
+        'fileExtToLangMap': 'file-extension-to-lang.json',
+    }).forEach(([varName, resource]) => this[varName] = loadResource(resource))
     handleLegacyUrl();
     initCodeEditor();
     initLangSelector();
@@ -54,7 +58,9 @@ const initLangSelector = () => {
 
     // Set lang selector
     const l = new URLSearchParams(window.location.search).get('l');
-    select.set(l ? decodeURIComponent(l) : shorten('Plain Text'));
+    fileExtToLang(l)
+        .then((lang) => select.set(decodeURIComponent(lang)))
+        .catch(select.set(shorten('Plain Text')));
 };
 
 const initCode = () => {
@@ -271,6 +277,33 @@ const hash = function (str, seed = 0) {
     return h.toString(36).substr(0, 4).toUpperCase();
 };
 
+const fileExtToLang = (str) => {
+    return new Promise((resolve, reject) => {
+        if (str) {
+            fileExtToLangMap.then((mapping) => {
+                for (const [lang, fileExt] of Object.entries(mapping)) {
+                    if (fileExt.includes(str)) {
+                        resolve(lang);
+                        return;
+                    }
+                }
+                resolve(str);
+            });
+        } else {
+            reject(str);
+        }
+    })
+}
+
+const loadResource = (resource) => {
+    return fetch(`./resources/${resource}`)
+        .then(response => response.json())
+        .catch(error => {
+            console.log(error);
+            MicroModal.show('resource-error-modal');
+        });
+}
+
 // Only for tests purposes
 const testAllModes = () => {
     for (const [index, language] of Object.entries(CodeMirror.modeInfo)) {