better image parsing

Author: r03ert0

projects/index.html

@@ -220,7 +220,7 @@ <h1>Projects</h1>
                         if (xhr.readyState === DONE) {
                             if (xhr.status === OK) {
                                 const text = xhr.responseText;
-                                const regexImage = /\((https:[^\) ]+)\)/;
+                                const regexImage = /\((http[s]*:[^\) ]+.(gif|jpg|jpeg|png|tif|tiff))\)/i;
                                 const regexMattermost = /https:\/\/mattermost.brainhack.org\/brainhack\/channels\/([^"\)]+)/;
                                 const arrImage = text.match(regexImage);
                                 const arrMattermost = text.match(regexMattermost);
@@ -257,49 +257,46 @@ <h1>Projects</h1>
                 return result;
             }
 
-            function get_repo_list() {
+            async function get_repo_list() {
                 const defaultImages = [
                     "https://generative-placeholders.glitch.me/image?width=300&height=200&style=triangles",
                     "https://generative-placeholders.glitch.me/image?width=300&height=200"
                 ]
-                const xhr = new XMLHttpRequest();
-                xhr.open('GET', 'https://api.github.com/search/repositories?q=topic:brainweb fork:true');
-                xhr.send(null);
-                xhr.onreadystatechange = function () {
-                    const DONE = 4;
-                    const OK = 200;
-                    if (xhr.readyState === DONE) {
-                        if (xhr.status === OK) {
-                            const res = JSON.parse(xhr.responseText);
-                            for(let repo of res.items) {
-                                ((aRepo) => {
-                                    const {
-                                        name,
-                                        description,
-                                        html_url,
-                                        open_issues,
-                                        stargazers_count,
-                                        language,
-                                        homepage
-                                    } = aRepo;
-                                    get_data_from_readme(html_url).then((res) => {
-                                        const {image, mattermost} = res;
-                                        app.projects.push({
-                                            imgSrc:(image)?image:defaultImages[parseInt(defaultImages.length*Math.random())],
-                                            projectName: name,
-                                            projectDescription: description,
-                                            projectURL: html_url,
-                                            projectInfo: {description, html_url, open_issues, stargazers_count, language, homepage},
-                                            projectMattermost: mattermost
-                                        })
-                                    }).catch((e)=>console.log);
-                                })(repo);
-                            }
-                        } else {
-                            console.log('Error: ' + xhr.status);
+                let response, res;
+                try {
+                    response = await fetch('https://api.github.com/search/repositories?q=topic:brainweb fork:true');
+                    res = await response.json();
+                } catch (err) {
+                    throw new Error(err);
+                }
+                for(let repo of res.items) {
+                    (async (aRepo) => {
+                        const {
+                            name,
+                            description,
+                            html_url,
+                            open_issues,
+                            stargazers_count,
+                            language,
+                            homepage
+                        } = aRepo;
+                        let res;
+                        try {
+                            res = await get_data_from_readme(html_url);
+                        } catch (err) {
+                            throw new Error(err);
                         }
-                    }
-                };
+                        const {image, mattermost} = res;
+                        app.projects.push({
+                            imgSrc:(image)?image:defaultImages[parseInt(defaultImages.length*Math.random())],
+                            projectName: name,
+                            projectDescription: description,
+                            projectURL: html_url,
+                            projectInfo: {description, html_url, open_issues, stargazers_count, language, homepage},
+                            projectMattermost: mattermost
+                        });
+                    })(repo);
+                }
             }
             get_repo_list();