grnsight 6.0.4 → 7.1.1

package/web-client/public/js/api/grnsight-api.js

@@ -1,88 +1,104 @@
 import { responseCustomWorkbookData } from "../setup-load-and-import-handlers";
 // General DB Access Functions
-const buildQueryURL = function(path, parameters) {
-  const searchParams = new URLSearchParams("");
-  for (let p in parameters) {
-    searchParams.append(p, parameters[p]);
-  }
-  return `${path}?${searchParams.toString()}`;
+const buildQueryURL = function (path, parameters) {
+    const searchParams = new URLSearchParams("");
+    for (let p in parameters) {
+        searchParams.append(p, parameters[p]);
+    }
+    return `${path}?${searchParams}`;
 };
 
 const responseData = (database, formData, queryURL) => {
-  return new Promise(function(resolve) {
-    const uploadRoute = queryURL;
-    const fullUrl = [$(".service-root").val(), uploadRoute].join("/");
-    (formData
-      ? $.ajax({
-          url: fullUrl,
-          data: formData,
-          processData: false,
-          contentType: false,
-          type: "GET",
-          crossDomain: true,
-        })
-      : $.getJSON(fullUrl)
-    )
-      .done((data) => {
-        resolve(data);
-      })
-      .error(function() {
-        console.log(
-          `Error in accessing ${database} database. Result may just be loading.`
-        );
-      });
-  });
+    return new Promise(function (resolve) {
+        const uploadRoute = queryURL;
+        const fullUrl = [$(".service-root").val(), uploadRoute].join("/");
+        (formData
+            ? $.ajax({
+                url: fullUrl,
+                data: formData,
+                processData: false,
+                contentType: false,
+                type: "GET",
+                crossDomain: true,
+            })
+            : $.getJSON(fullUrl)
+        )
+            .done((data) => {
+                resolve(data);
+            })
+            .error(() => {
+                console.log(
+                    `Error in accessing ${database} database. Result may just be loading.`
+                );
+            });
+    });
 };
 
 // Expression DB Access Functions
 
 const queryExpressionDatabase = (query) => {
-  const queryURL = buildQueryURL("expressiondb", query);
-  return responseData("expression", "", queryURL);
+    const queryURL = buildQueryURL("expressiondb", query);
+    return responseData("expression", "", queryURL);
 };
 
 // Network DB Access Functions
 
 const queryNetworkDatabase = (query) => {
-  const queryURL = buildQueryURL("networkdb", query);
-  return responseData("network", "", queryURL);
+    const queryURL = buildQueryURL("networkdb", query);
+    return responseData("network", "", queryURL);
+};
+
+// GRNsettings DB Access Functions
+
+const queryDefaultDataset = (query) => {
+    const queryURL = buildQueryURL("grnsettingsdb", query);
+    return responseData("grnsettings", "", queryURL);
+};
+
+// Protein-Protein DB Access Functions
+
+const queryProteinProteinDatabase = (query) => {
+    const queryURL = buildQueryURL("proteindb", query);
+    return responseData("network", "", queryURL);
 };
 
 // Upload Custom Workbook Functions
 
 const uploadCustomWorkbook = (workbook, grnState) => {
-  const queryURL = buildQueryURL("upload-custom-workbook", workbook);
-  return responseCustomWorkbookData(grnState, queryURL, workbook.name);
+    const queryURL = buildQueryURL("upload-custom-workbook", workbook);
+    return responseCustomWorkbookData(grnState, queryURL, workbook.name);
 };
 
 const constructFullUrl = (queryURL) =>
-  [$(".service-root").val(), queryURL].join("/");
+    [$(".service-root").val(), queryURL].join("/");
 
 const getWorkbookFromForm = (formData, queryURL) => {
-  const fullUrl = constructFullUrl(queryURL);
-
-  // The presence of formData is taken to indicate a POST.
-  return formData
-    ? $.ajax({
-        url: fullUrl,
-        data: formData,
-        processData: false,
-        contentType: false,
-        type: "POST",
-        crossDomain: true,
-      })
-    : $.getJSON(fullUrl);
+    const fullUrl = constructFullUrl(queryURL);
+
+    // The presence of formData is taken to indicate a POST.
+    return formData
+        ? $.ajax({
+            url: fullUrl,
+            data: formData,
+            processData: false,
+            contentType: false,
+            type: "POST",
+            crossDomain: true,
+        })
+        : $.getJSON(fullUrl);
 };
 
 const getWorkbookFromUrl = (queryURL) => {
-  const fullUrl = constructFullUrl(queryURL);
-  return $.getJSON(fullUrl);
+    const fullUrl = constructFullUrl(queryURL);
+    return $.getJSON(fullUrl);
 };
 
 export {
-  queryExpressionDatabase,
-  queryNetworkDatabase,
-  uploadCustomWorkbook,
-  getWorkbookFromForm,
-  getWorkbookFromUrl,
+    queryExpressionDatabase,
+    queryNetworkDatabase,
+    uploadCustomWorkbook,
+    getWorkbookFromForm,
+    getWorkbookFromUrl,
+    queryDefaultDataset,
+    queryProteinProteinDatabase
 };

package/web-client/public/js/constants.js

@@ -21,22 +21,34 @@ export const SCHADE_OUTPUT_ID     = ".schadeOutput";
 export const SCHADE_OUTPUT_PATH = "demo/schadeOutput";
 export const SCHADE_OUTPUT_NAME   = "Demo #4: Weighted GRN (21 genes, 31 edges, Schade et al. 2004 data)";
 
-export const EXPORT_TO_EXCEL            = "#exportAsExcelWkbk";
-export const EXPORT_TO_UNWEIGHTED_SIF   = "#exportAsUnweightedSif";
-export const EXPORT_TO_WEIGHTED_SIF     = "#exportAsWeightedSif";
-export const EXPORT_TO_UNWEIGHTED_GML   = "#exportAsUnweightedGraphMl";
-export const EXPORT_TO_WEIGHTED_GML     = "#exportAsWeightedGraphMl";
-export const EXPORT_TO_PNG              = "#exportAsPng";
-export const EXPORT_TO_SVG              = "#exportAsSvg";
-export const EXPORT_TO_PDF              = "#exportAsPdf";
-export const EXPORT_WEIGHTED_CLASS      = ".weighted.export";
-export const EXPRESSION_SOURCE          = "#expressionSource";
+export const PPI_DEMO_ID = ".ppi";
+export const PPI_DEMO_PATH = "demo/ppi";
+export const PPI_DEMO_NAME = "Demo #5: PPI (18 proteins, 81 edges)";
+
+export const EXPORT_TO_EXCEL                        = "#exportAsExcelWkbk";
+export const EXPORT_TO_UNWEIGHTED_SIF               = "#exportAsUnweightedSif";
+export const EXPORT_TO_WEIGHTED_SIF                 = "#exportAsWeightedSif";
+export const EXPORT_TO_UNWEIGHTED_GML               = "#exportAsUnweightedGraphMl";
+export const EXPORT_TO_UNWEIGHTED_GML_MENU          = "#unweightedGraphmlContainer";
+export const EXPORT_TO_WEIGHTED_GML                 = "#exportAsWeightedGraphMl";
+export const EXPORT_TO_PNG                          = "#exportAsPng";
+export const EXPORT_TO_SVG                          = "#exportAsSvg";
+export const EXPORT_TO_PDF                          = "#exportAsPdf";
+export const EXPORT_WEIGHTED_CLASS                  = ".weighted.export";
+export const EXPRESSION_SOURCE                      = "#expressionSource";
+
+export const NETWORK_MODE_GRN           = "#network-mode-grn-menu";
+export const NETWORK_MODE_PROTEIN_PHYS  = "#network-mode-protein-protein-physical-interaction-menu";
+export const NETWORK_MODE_DROPDOWN      = "#networkModeDropdown";
+export const NETWORK_MODE_CLASS         = ".network-mode";
+
 
 export const DEMO_INFORMATION = [
     [ WEIGHTED_DEMO_ID,   WEIGHTED_DEMO_PATH,   WEIGHTED_DEMO_NAME   ],
     [ UNWEIGHTED_DEMO_ID, UNWEIGHTED_DEMO_PATH, UNWEIGHTED_DEMO_NAME ],
     [ SCHADE_INPUT_ID,    SCHADE_INPUT_PATH,    SCHADE_INPUT_NAME    ],
-    [ SCHADE_OUTPUT_ID,   SCHADE_OUTPUT_PATH,   SCHADE_OUTPUT_NAME   ]
+    [ SCHADE_OUTPUT_ID,   SCHADE_OUTPUT_PATH,   SCHADE_OUTPUT_NAME   ],
+    [ PPI_DEMO_ID,        PPI_DEMO_PATH,        PPI_DEMO_NAME        ]
 ];
 
 export const MIN_EDGE_WEIGHT_NORMALIZATION      = 0.0001;
@@ -119,6 +131,7 @@ export const EXPRESSION_DB_LOADER_TEXT                  = ".expression-db-loader
 export const DATA_SET_SELECT                            = "#data-set-select";
 export const NODE_COLORING_MENU                         = ".node-coloring";
 export const NODE_COLORING_MENU_CLASS                   = ".node-coloring-menu";
+export const NODE_COLORING_NAVBAR_OPTIONS               = "#node-coloring-navbar-options";
 export const NODE_COLORING_SIDEBAR_PANEL                = "#nodeColoringSidebarPanel";
 export const NODE_COLORING_SIDEBAR_HEADER_LINK          = "#nodeColoringHeaderLink";
 export const NODE_COLORING_SIDEBAR_BODY                 = ".nodeColoringSidebarBody";
@@ -181,5 +194,6 @@ export const VIEWPORT_SIZE_FIT_SIDEBAR                  = "#boundBoxFit";
 export const VIEWPORT_OPTION_CLASS                      = ".viewportOption";
 export const VIEWPORT_OPTION_CLASS_SIDEBAR              = ".boundBoxSize";
 
-
+export const NETWORK_PPI_MODE                           = "protein-protein-physical-interaction";
+export const NETWORK_GRN_MODE                           = "grn";
 

package/web-client/public/js/generateNetwork.js

@@ -1,6 +1,6 @@
 /* eslint-disable max-len */
-import {CREATE_NETWORK_CLASS, CREATE_NETWORK_MODAL} from "./constants";
-import { queryNetworkDatabase, uploadCustomWorkbook } from "./api/grnsight-api";
+import { CREATE_NETWORK_CLASS, CREATE_NETWORK_MODAL, NETWORK_PPI_MODE, NETWORK_GRN_MODE} from "./constants";
+import { queryNetworkDatabase, queryProteinProteinDatabase, uploadCustomWorkbook } from "./api/grnsight-api";
 import { grnState } from "./grnstate";
 
 export const generateNetwork = function () {
@@ -12,19 +12,28 @@ export const generateNetwork = function () {
         "MF(ALPHA)1" : "YPL187W",
         "MF(ALPHA)2" : "YGL089C"
     };
-    const createHTMLforForm = (sources) => {
+    const createHTMLforForm = (sources, source, networkType) => {
+        const geneProtein = networkType === NETWORK_PPI_MODE ? "protein" : "gene";
         let result =  `
             <div id=\'generateNetworkFormContainer\' '>
                 <h2 id=\'generateNetwork\'>Generate Network</h2>
-                <div class=\'form-group\'>
+                <p>Warning: changing network type or source will clear the list of selected genes or proteins below.</p>
+                <div class=\'form-group\' id=\'getNetworkTypeForm\'>
+                    <label for=\'network-type\' id=\'network-type-label\'>Network Type</label>
+                    <select class=\'network-dropdown btn btn-default\' id=\'network-type\'>
+                        <option value=\'grn\' ${geneProtein === "gene" ? "selected=\'true\'" : "" }>Gene Regulatory</option>
+                        <option value=\'protein-protein-physical-interaction\' ${geneProtein === "protein" ? "selected=\'true\'" : "" }>Protein-Protein Physical Interactions</option>
+                    </select>
+                </div>
+                <div class=\'form-group\' id=\'getNetworkSourceForm\'>
                     <label for=\'network-source\' id=\'network-source-label\'>Network Source</label>
                     <select class=\'network-dropdown btn btn-default\' id=\'network-source\'>
             `;
         if (sources.length !== 1) {
-            result += "<option value=\'none\' selected=\'true\' disabled>Select Network Source</option>";
             for (let source in sources) {
                 result += `
-                            <option value=\'${sources[source]}\'>${sources[source]}</option>
+                            <option value=\'${sources[source]}\' ${source === sources[source] ?
+                                "\'selected=\'true" : "" }\'>${sources[source]}</option>
                 `;
             }
         } else {
@@ -33,11 +42,10 @@ export const generateNetwork = function () {
             `;
         }
         result += `</select>
-                   <p>Warning: changing network source will clear the list of genes below.</p>
                 </div>
         <div class=\'form-group\' id=\'getNetworkGenesForm\'>
             <form id=\'getNetworkGenesForm\' class=\'NetworkGenesForm\' >
-                <label for=\'network-search-bar\' id=\'network-source-label\'>Select genes</label>
+                <label for=\'network-search-bar\' id=\'network-source-label\'>Select ${geneProtein}</label>
                 <input type=\'text\' id=\'network-search-bar\' name=\'network-search-bar\'></input>
                 <button id=\'enter-search\' type=\'submit\' class=\'search-button btn btn-default\'>
                     <span class=\'glyphicon glyphicon-search\'></span>
@@ -45,25 +53,27 @@ export const generateNetwork = function () {
             </form>
         </div>
         <div id=\'selected-genes-container\'>
+            <p>Added ${geneProtein}s go below! Click on a ${geneProtein} to remove it.</p>
             <div id=\'selected-genes\'>
-                <p>Added genes go here! Click on a gene to remove it.</p>
             </div>
         `;
         return result;
     };
     const createGeneButtons = function () {
         let result =  `<div id=\'selected-genes\'>
-                        <p>Added genes go below! Click on a gene to remove it.</p>
                         <div id=\'custom-network-genes-container\'>
         `;
         for (let gene in grnState.customWorkbook.genes) {
+            const primaryName = grnState.customWorkbook.type === NETWORK_GRN_MODE ? grnState.customWorkbook.genes[gene] : gene;
+            const secondaryName = grnState.customWorkbook.type === NETWORK_GRN_MODE ? gene :
+                `${grnState.customWorkbook.genes[gene].displayGeneID} | ${grnState.customWorkbook.genes[gene].geneID}`;
             result += `
                 <div class=\'custom-network-gene\' id=${gene}>
                     <p class=\'custom-network-gene-display-id\'>
-                        ${grnState.customWorkbook.genes[gene]}
+                        ${primaryName}
                     </p>
                     <p class=\'custom-network-gene-id\'>
-                        (${gene})
+                        (${secondaryName})
                     </p>
                 </div>
             `;
@@ -94,34 +104,58 @@ export const generateNetwork = function () {
         return "";
     };
     const addGene = function () {
-        const searchGene = `${$("#network-search-bar").val()}`.toUpperCase();
+        const userGeneProtein = grnState.customWorkbook.type === NETWORK_GRN_MODE ? "Gene" : "Protein";
+        const searchGeneProtein = `${$("#network-search-bar").val()}`;
         $("#network-search-bar").val("");
-        const gene = validGene(searchGene);
-        if (gene === "") {
-            alert(`Gene: ${searchGene} is not to GRNsight specifications. Genes must be 12 characters or less,
+        const geneProtein = validGene(searchGeneProtein.toUpperCase());
+        if (geneProtein === "") {
+            alert(`${userGeneProtein}: "${searchGeneProtein}" is not to GRNsight specifications. ${userGeneProtein}s must be 12 characters or less,
 containing "-", "_", and alpha-numeric characters only`);
         } else {
             let source = grnState.customWorkbook.source;
-            let headers = {
-                type:"NetworkGeneFromSource",
-                gene: gene,
-                source:grnState.customWorkbook.sources[source].source,
-                timestamp:grnState.customWorkbook.sources[source].timestamp
-            };
-            queryNetworkDatabase(headers).then(function (response) {
-                if (response.geneId !== null && response.displayGeneId !== null) {
-                    grnState.customWorkbook.genes[response.geneId] = response.displayGeneId;
-                    displayCurrentGenes();
-                } else {
-                    alert(
-                        `Gene: ${searchGene} was not found in this database. Please check for any typos and try again.`
-                    );
-                }
-            }).catch(function (error) {
-                console.log(error.stack);
-                console.log(error.name);
-                console.log(error.message);
-            });
+            if (grnState.customWorkbook.type === NETWORK_GRN_MODE) {
+                let headers = {
+                    type:"NetworkGeneFromSource",
+                    gene: geneProtein,
+                    source:grnState.customWorkbook.sources.geneRegulation[source].source,
+                    timestamp:grnState.customWorkbook.sources.geneRegulation[source].timestamp
+                };
+                queryNetworkDatabase(headers).then(function (response) {
+                    if (response.geneId && response.displayGeneId ) {
+                        grnState.customWorkbook.genes[response.geneId] = response.displayGeneId;
+                        displayCurrentGenes();
+                    } else {
+                        alert(
+                            `${userGeneProtein}: "${searchGeneProtein}" was not found in this database. Please check for any typos and try again.`
+                        );
+                    }
+                }).catch(function (error) {
+                    console.log(error.stack);
+                    console.log(error.name);
+                    console.log(error.message);
+                });
+            } else if (grnState.customWorkbook.type === NETWORK_PPI_MODE) {
+                let headers = {
+                    type:"NetworkFromGeneProtein",
+                    geneProtein: geneProtein,
+                    source:grnState.customWorkbook.sources.proteinProteinInteractions[source].source,
+                    timestamp:grnState.customWorkbook.sources.proteinProteinInteractions[source].timestamp
+                };
+                queryProteinProteinDatabase(headers).then(function (response) {
+                    if (response.standardName && response.displayGeneId && response.geneId) {
+                        grnState.customWorkbook.genes[response.standardName] = {displayGeneID: response.displayGeneId, geneID: response.geneId};
+                        displayCurrentGenes();
+                    } else {
+                        alert(
+                            `${userGeneProtein}: "${searchGeneProtein}" was not found in this database. Please check for any typos and try again.`
+                        );
+                    }
+                }).catch(function (error) {
+                    console.log(error.stack);
+                    console.log(error.name);
+                    console.log(error.message);
+                });
+            }
 
         }
     };
@@ -143,15 +177,26 @@ containing "-", "_", and alpha-numeric characters only`);
         $("#generateNetworkFooter-container").append(createHTMLforModalButtons());
         grnState.customWorkbook = {
             genes : {},
+            type: NETWORK_GRN_MODE,
             source : null,
-            sources : null
+            sources : {
+                proteinProteinInteractions : null,
+                geneRegulation: null
+            }
         };
     // get sources from database
+        queryProteinProteinDatabase({type:"NetworkSource"}).then(function (response) {
+            grnState.customWorkbook.sources.proteinProteinInteractions = response.sources;
+        }).catch(function (error) {
+            console.log(error.stack);
+            console.log(error.name);
+            console.log(error.message);
+        });
         queryNetworkDatabase({type:"NetworkSource"}).then(function (response) {
-            $("#generateNetworkQuestions-container").append(createHTMLforForm(Object.keys(response.sources)));
-            grnState.customWorkbook.sources = response.sources;
+            grnState.customWorkbook.sources.geneRegulation = response.sources;
             grnState.customWorkbook.source = Object.keys(response.sources).length >= 1 ?
                 Object.keys(response.sources)[0] : null;
+            $("#generateNetworkQuestions-container").append(createHTMLforForm(Object.keys(response.sources), grnState.customWorkbook.source, grnState.customWorkbook.type));
         }).catch(function (error) {
             console.log(error.stack);
             console.log(error.name);
@@ -165,7 +210,23 @@ containing "-", "_", and alpha-numeric characters only`);
         event.stopPropagation();
         displayGenerateNetworkModal();
     });
-
+    $("body").on("change", "#network-type", function (event) {
+        grnState.customWorkbook.type = $("#network-type").val();
+        grnState.customWorkbook.genes = {};
+        if (grnState.customWorkbook.type === NETWORK_PPI_MODE) {
+            grnState.customWorkbook.source = Object.keys(grnState.customWorkbook.sources.proteinProteinInteractions).length >= 1 ?
+            Object.keys(grnState.customWorkbook.sources.proteinProteinInteractions)[0] : null;
+            $("#generateNetworkFormContainer").remove();
+            $("#generateNetworkQuestions-container").append(createHTMLforForm(Object.keys(grnState.customWorkbook.sources.proteinProteinInteractions), grnState.customWorkbook.source, grnState.customWorkbook.type));
+        } else if (grnState.customWorkbook.type === NETWORK_GRN_MODE) {
+            grnState.customWorkbook.source = Object.keys(grnState.customWorkbook.sources.proteinProteinInteractions).length >= 1 ?
+            Object.keys(grnState.customWorkbook.sources.geneRegulation)[0] : null;
+            $("#generateNetworkFormContainer").remove();
+            $("#generateNetworkQuestions-container").append(createHTMLforForm(Object.keys(grnState.customWorkbook.sources.geneRegulation), grnState.customWorkbook.source, grnState.customWorkbook.type));
+        }
+        event.stopPropagation();
+        displayCurrentGenes();
+    });
     $("body").on("change", "#network-source", function (event) {
         grnState.customWorkbook.source = $("#network-source").val();
         grnState.customWorkbook.genes = {};
@@ -180,33 +241,78 @@ containing "-", "_", and alpha-numeric characters only`);
             alert(`GRNsight is only capable of handling 75 genes at most. Your proposed network contains
  ${genesAmount} genes. Please remove some genes from your proposed network.`);
         } else {
-            const genes = Object.keys(grnState.customWorkbook.genes).map(g => grnState.customWorkbook.genes[g]);
-            const source = grnState.customWorkbook.source;
-            const headers = {
-                type:"GenerateNetwork",
-                genes: genes.join(","),
-                source:grnState.customWorkbook.sources[source].source,
-                timestamp:grnState.customWorkbook.sources[source].timestamp
-            };
-            queryNetworkDatabase(headers).then(function (response) {
-                grnState.customWorkbook.links = response.links;
-                const links = Object.entries(grnState.customWorkbook.links);
-                const genesAmount = genes.length;
-                const edgesAmount = links.flatMap( (entry) => entry[1].map((target) => [entry[0], target])).length;
-                if (edgesAmount > 100) {
-                    alert(`GRNsight is only capable of handling 100 edges at most. Your proposed network contains
- ${edgesAmount} regulatory connections. Please remove some genes from your proposed network.`);
-                } else {
-                    const name = `Custom Workbook: UnweightedGRN(${genesAmount} genes, ${edgesAmount} edges)`;
-                    const workbook = {name, genes, links : links.map( l => `${l[0]}->${l[1]}`).join(",")};
-                    uploadCustomWorkbook(workbook, grnState);
-                    $(CREATE_NETWORK_MODAL).modal("hide");
-                }
-            }).catch(function (error) {
-                console.log(error.stack);
-                console.log(error.name);
-                console.log(error.message);
-            });
+            if (grnState.customWorkbook.type === NETWORK_GRN_MODE) {
+                const genes = Object.keys(grnState.customWorkbook.genes);
+                const displayGenes = Object.keys(grnState.customWorkbook.genes).map(g => grnState.customWorkbook.genes[g]);
+                const source = grnState.customWorkbook.source;
+                const headers = {
+                    type:"GenerateNetwork",
+                    genes: genes.join(","),
+                    source:grnState.customWorkbook.sources.geneRegulation[source].source,
+                    timestamp:grnState.customWorkbook.sources.geneRegulation[source].timestamp
+                };
+                queryNetworkDatabase(headers).then(function (response) {
+                    grnState.customWorkbook.links = response.links;
+                    const links = Object.entries(grnState.customWorkbook.links);
+                    const genesAmount = genes.length;
+                    const edgesAmount = links.flatMap( (entry) => entry[1].map((target) => [entry[0], target])).length;
+                    if (edgesAmount > 100) {
+                        alert(`GRNsight is only capable of handling 100 edges at most. Your proposed network contains
+    ${edgesAmount} regulatory connections. Please remove some genes from your proposed network.`);
+                    } else {
+                        const name = `GRN (${grnState.customWorkbook.source}; ${genesAmount} genes, ${edgesAmount} edges)`;
+                        const l = [];
+                        for (let link of links) {
+                            const r = link[0];
+                            for (let t of link[1]) {
+                                l.push(`${grnState.customWorkbook.genes[r]}->${grnState.customWorkbook.genes[t]}`);
+                            }
+                        }
+                        const workbook = {name, genes: displayGenes, links : l.join(","), networkType: grnState.customWorkbook.type};
+                        uploadCustomWorkbook(workbook, grnState);
+                        $(CREATE_NETWORK_MODAL).modal("hide");
+                    }
+                }).catch(function (error) {
+                    console.log(error.stack);
+                    console.log(error.name);
+                    console.log(error.message);
+                });
+            } else if (grnState.customWorkbook.type === NETWORK_PPI_MODE) {
+                const proteins = Object.keys(grnState.customWorkbook.genes);
+                const source = grnState.customWorkbook.source;
+                const headers = {
+                    type:"GenerateProteinNetwork",
+                    proteins: proteins.join(","),
+                    source:grnState.customWorkbook.sources.proteinProteinInteractions[source].source,
+                    timestamp:grnState.customWorkbook.sources.proteinProteinInteractions[source].timestamp
+                };
+                queryProteinProteinDatabase(headers).then(function (response) {
+                    grnState.customWorkbook.links = response.links;
+                    const links = Object.entries(grnState.customWorkbook.links);
+                    const proteinsAmount = proteins.length;
+                    const edgesAmount = links.flatMap( (entry) => entry[1].map((target) => [entry[0], target])).length;
+                    if (edgesAmount > 100) {
+                        alert(`GRNsight is only capable of handling 100 edges at most. Your proposed network contains
+    ${edgesAmount} physical interactions. Please remove some proteins from your proposed network.`);
+                    } else {
+                        const name = `Protein-Protein-Physical Interaction Network (${grnState.customWorkbook.source}; ${proteinsAmount} proteins, ${edgesAmount} edges)`;
+                        const l = [];
+                        for (let link of links) {
+                            const p1 = link[0];
+                            for (let p2 of link[1]) {
+                                l.push(`${p1}->${p2}`);
+                            }
+                        }
+                        const workbook = {name, genes: proteins, links : l.join(","), networkType: grnState.customWorkbook.type};
+                        uploadCustomWorkbook(workbook, grnState);
+                        $(CREATE_NETWORK_MODAL).modal("hide");
+                    }
+                }).catch(function (error) {
+                    console.log(error.stack);
+                    console.log(error.name);
+                    console.log(error.message);
+                });
+            }
         }
     });