Draft: Add static source data fetching to projects widget

This MR resolves #299 (closed)

Adds a isStaticSource data attribute for elements with the .featured-projects class which will indicate whether to fetch from a static source (if true) or from the projects api (if false or undefined).

I split the getProjectsData function into two new functions: getProjectsDataFromAPI and getProjectsFromStaticSource. They conditionally called depending on isStaticSource.

The code would work without the extraction but I thought it would be better to have a different function for different APIs. If we ever change the data structure for the projects api, I don't think we would want to manually change all the structures of the static sources.

js/api/eclipsefdn.projects.js

@@ -11,19 +11,24 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-import $, { type } from 'jquery';
+import $ from 'jquery';
 import parse from 'parse-link-header';
 import { validateURL } from '../utils/utils';
 import 'isomorphic-fetch';
 
-const getProjectsData = (url, projects = []) => {
+const eclipseProjectsUrl = "https://projects.eclipse.org/projects/";
+
+const throwFetchError = ({ status, statusText } = response) => { 
+    throw `${status}: ${statusText}` 
+};
+
+const getProjectsDataFromAPI = (url, projects = []) => {
   if (validateURL(url)) {
     return new Promise((resolve, reject) =>
       fetch(url)
         .then((response) => {
-          if (response.status !== 200) {
-            throw `${response.status}: ${response.statusText}`;
-          }
+          if (response.status !== 200) throwFetchError(response);
+
           response
             .json()
             .then((data) => {
@@ -39,7 +44,7 @@ const getProjectsData = (url, projects = []) => {
                     projects[key].version = project.releases[0].name;
                   }
                   if (typeof projects[key].website_url === "undefined" || projects[key].website_url === "") {
-                    projects[key].website_url = "https://projects.eclipse.org/projects/" + projects[key].project_id;
+                    projects[key].website_url = eclipseProjectsUrl + projects[key].project_id;
                   }
                 });
 
@@ -56,4 +61,42 @@ const getProjectsData = (url, projects = []) => {
   }
 };
 
+const getProjectsDataFromStaticSource = (url) => {
+    if (!validateURL(url)) return;
+
+    return new Promise((resolve, reject) => 
+        fetch(url)
+            .then(response => {
+                if (response.status !== 200) throw `${response.status}: ${response.statusText}`
+                
+                response
+                    .json()
+                    .then((projects) => {
+                        $(projects).each(function (key) {
+                            if (typeof projects[key].website_url === "undefined" || projects[key].website_url === "") {
+                                projects[key].website_url = eclipseProjectsUrl + projects[key].project_id;
+                            }
+                        });
+
+                        projects.sort((a, b) => a.name.localeCompare(b.name));
+                        resolve(projects);
+                    })
+                    .catch(reject)
+                })
+            .catch((err) => reject(err))
+    )
+}
+
+export const getProjectsData = (url, isStaticSource) => {
+    let projects;
+
+    if (isStaticSource) {
+        projects = getProjectsDataFromStaticSource(url);
+    } else {
+        projects = getProjectsDataFromAPI(url);
+    }
+
+    return projects;
+}
+
 export default getProjectsData;