@abi-software/flatmapvuer 1.7.5-beta.1 → 1.7.5-beta.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abi-software/flatmapvuer",
-  "version": "1.7.5-beta.1",
+  "version": "1.7.5-beta.3",
   "license": "Apache-2.0",
   "files": [
     "dist/*",
@@ -44,7 +44,7 @@
   },
   "dependencies": {
     "@abi-software/flatmap-viewer": "3.2.13",
-    "@abi-software/map-utilities": "^1.3.3-beta.4",
+    "@abi-software/map-utilities": "^1.3.3-beta.5",
     "@abi-software/sparc-annotation": "0.3.2",
     "@abi-software/svg-sprite": "^1.0.1",
     "@element-plus/icons-vue": "^2.3.1",

package/src/components/FlatmapVuer.vue

@@ -622,6 +622,13 @@ import {
   FlatmapQueries,
   findTaxonomyLabels,
 } from '../services/flatmapQueries.js'
+import {
+  getReferenceConnectivitiesFromStorage,
+  loadAndStoreKnowledge,
+  refreshFlatmapKnowledgeCache,
+  getKnowledgeSource,
+  getReferenceConnectivitiesByAPI,
+} from '../services/flatmapKnowledge.js'
 import { capitalise } from './utilities.js'
 import yellowstar from '../icons/yellowstar'
 import ResizeSensor from 'css-element-queries/src/ResizeSensor'
@@ -633,7 +640,6 @@ import { DrawToolbar, Tooltip, TreeControls } from '@abi-software/map-utilities'
 import '@abi-software/map-utilities/dist/style.css'
 
 const ERROR_MESSAGE = 'cannot be found on the map.';
-const CACHE_LIFETIME = 24 * 60 * 60 * 1000; // One day
 
 const centroid = (geometry) => {
   let featureGeometry = { lng: 0, lat: 0, }
@@ -1862,36 +1868,10 @@ export default {
       let featureIds = [];
 
       if (flatmapKnowledge) {
-        featureIds = await this.getReferenceConnectivitiesFromStorage(resource);
+        featureIds = await getReferenceConnectivitiesFromStorage(resource);
       } else {
-        featureIds = await this.getReferenceConnectivitiesByAPI(resource);
-      }
-      return featureIds;
-    },
-    getReferenceConnectivitiesFromStorage: async function (resource) {
-      const flatmapKnowledgeRaw = sessionStorage.getItem('flatmap-knowledge');
-
-      if (flatmapKnowledgeRaw) {
-        const flatmapKnowledge = JSON.parse(flatmapKnowledgeRaw);
-        const dataWithRefs = flatmapKnowledge.filter((x) => x.references && x.references.length);
-        const foundData = dataWithRefs.filter((x) => x.references.includes(resource));
-
-        if (foundData.length) {
-          const featureIds = foundData.map((x) => x.id);
-          return featureIds;
-        }
+        featureIds = await getReferenceConnectivitiesByAPI(this.mapImp, resource, this.flatmapQueries);
       }
-      return [];
-    },
-    getReferenceConnectivitiesByAPI: async function (resource) {
-      const knowledgeSource = this.getKnowledgeSource(this.mapImp);
-      const sql = `select knowledge from knowledge
-        where source="${knowledgeSource}" and
-        knowledge like "%${resource}%" order by source desc`;
-      const response = await this.flatmapQueries.flatmapQuery(sql);
-      const mappedData = response.values.map((x) => x[0]);
-      const parsedData = mappedData.map((x) => JSON.parse(x));
-      const featureIds = parsedData.map((x) => x.id);
       return featureIds;
     },
     emitConnectivityGraphError: function (errorData) {
@@ -1949,7 +1929,7 @@ export default {
         let results =
           await this.flatmapQueries.retrieveFlatmapKnowledgeForEvent(this.mapImp, data)
         // load and store knowledge
-        this.loadAndStoreKnowledge(this.mapImp);
+        loadAndStoreKnowledge(this.mapImp, this.flatmapQueries);
         // The line below only creates the tooltip if some data was found on the path
         // the pubmed URLs are in knowledge response.references
         if (
@@ -1962,58 +1942,6 @@ export default {
         }
       }
     },
-    removeAllCacheData: function () {
-      const keys = [
-        'flatmap-knowledge',
-        'flatmap-knowledge-expiry',
-      ];
-      keys.forEach((key) => {
-        sessionStorage.removeItem(key);
-      });
-    },
-    refreshCache: function () {
-      const expiry = sessionStorage.getItem('flatmap-knowledge-expiry');
-      const now = new Date();
-
-      if (now.getTime() > expiry) {
-        this.removeAllCacheData();
-      }
-    },
-    updateCacheExpiry: function () {
-      const now = new Date();
-      const expiry = now.getTime() + CACHE_LIFETIME;
-
-      sessionStorage.setItem('flatmap-knowledge-expiry', expiry);
-    },
-    loadAndStoreKnowledge: function (mapImp) {
-      const knowledgeSource = this.getKnowledgeSource(mapImp);
-      const sql = `select knowledge from knowledge
-        where source="${knowledgeSource}"
-        order by source desc`;
-      const flatmapKnowledge = sessionStorage.getItem('flatmap-knowledge');
-
-      if (!flatmapKnowledge) {
-        this.flatmapQueries.flatmapQuery(sql).then((response) => {
-          const mappedData = response.values.map(x => x[0]);
-          const parsedData = mappedData.map(x => JSON.parse(x));
-          sessionStorage.setItem('flatmap-knowledge', JSON.stringify(parsedData));
-          this.updateCacheExpiry();
-        });
-      }
-    },
-    getKnowledgeSource: function (mapImp) {
-      let mapKnowledgeSource = '';
-      if (mapImp.provenance?.connectivity) {
-        const sckanProvenance = mapImp.provenance.connectivity;
-        if ('knowledge-source' in sckanProvenance) {
-          mapKnowledgeSource = sckanProvenance['knowledge-source'];
-        } else if ('npo' in sckanProvenance) {
-          mapKnowledgeSource = `${sckanProvenance.npo.release}-npo`;
-        }
-      }
-
-      return mapKnowledgeSource;
-    },
     /**
      * A hack to remove flatmap tooltips while popup is open
      */
@@ -2275,7 +2203,7 @@ export default {
         }
         // Get connectivity knowledge source | SCKAN release
         if (this.mapImp.provenance?.connectivity) {
-          this.tooltipEntry['knowledge-source'] = this.getKnowledgeSource(this.mapImp);
+          this.tooltipEntry['knowledge-source'] = getKnowledgeSource(this.mapImp);
         }
         this.$emit('connectivity-info-open', this.tooltipEntry);
       }
@@ -3273,7 +3201,7 @@ export default {
     } else if (this.renderAtMounted) {
       this.createFlatmap()
     }
-    this.refreshCache();
+    refreshFlatmapKnowledgeCache();
   },
 }
 </script>

package/src/services/flatmapKnowledge.js

@@ -0,0 +1,93 @@
+async function getReferenceConnectivitiesFromStorage(resource) {
+  const flatmapKnowledgeRaw = sessionStorage.getItem('flatmap-knowledge');
+
+  if (flatmapKnowledgeRaw) {
+    const flatmapKnowledge = JSON.parse(flatmapKnowledgeRaw);
+    const dataWithRefs = flatmapKnowledge.filter((x) => x.references && x.references.length);
+    const foundData = dataWithRefs.filter((x) => x.references.includes(resource));
+
+    if (foundData.length) {
+      const featureIds = foundData.map((x) => x.id);
+      return featureIds;
+    }
+  }
+  return [];
+}
+
+async function getReferenceConnectivitiesByAPI(mapImp, resource, flatmapQueries) {
+  const knowledgeSource = getKnowledgeSource(mapImp);
+  const sql = `select knowledge from knowledge
+    where source="${knowledgeSource}" and
+    knowledge like "%${resource}%" order by source desc`;
+  const response = await flatmapQueries.flatmapQuery(sql);
+  const mappedData = response.values.map((x) => x[0]);
+  const parsedData = mappedData.map((x) => JSON.parse(x));
+  const featureIds = parsedData.map((x) => x.id);
+  return featureIds;
+}
+
+function getKnowledgeSource(mapImp) {
+  let mapKnowledgeSource = '';
+  if (mapImp.provenance?.connectivity) {
+    const sckanProvenance = mapImp.provenance.connectivity;
+    if ('knowledge-source' in sckanProvenance) {
+      mapKnowledgeSource = sckanProvenance['knowledge-source'];
+    } else if ('npo' in sckanProvenance) {
+      mapKnowledgeSource = `${sckanProvenance.npo.release}-npo`;
+    }
+  }
+
+  return mapKnowledgeSource;
+}
+
+function loadAndStoreKnowledge(mapImp, flatmapQueries) {
+  const knowledgeSource = getKnowledgeSource(mapImp);
+  const sql = `select knowledge from knowledge
+    where source="${knowledgeSource}"
+    order by source desc`;
+  const flatmapKnowledge = sessionStorage.getItem('flatmap-knowledge');
+
+  if (!flatmapKnowledge) {
+    flatmapQueries.flatmapQuery(sql).then((response) => {
+      const mappedData = response.values.map(x => x[0]);
+      const parsedData = mappedData.map(x => JSON.parse(x));
+      sessionStorage.setItem('flatmap-knowledge', JSON.stringify(parsedData));
+      updateFlatmapKnowledgeCache();
+    });
+  }
+}
+
+function updateFlatmapKnowledgeCache() {
+  const CACHE_LIFETIME = 24 * 60 * 60 * 1000; // One day
+  const now = new Date();
+  const expiry = now.getTime() + CACHE_LIFETIME;
+
+  sessionStorage.setItem('flatmap-knowledge-expiry', expiry);
+}
+
+function removeFlatmapKnowledgeCache() {
+  const keys = [
+    'flatmap-knowledge',
+    'flatmap-knowledge-expiry',
+  ];
+  keys.forEach((key) => {
+    sessionStorage.removeItem(key);
+  });
+}
+
+function refreshFlatmapKnowledgeCache() {
+  const expiry = sessionStorage.getItem('flatmap-knowledge-expiry');
+  const now = new Date();
+
+  if (now.getTime() > expiry) {
+    removeFlatmapKnowledgeCache();
+  }
+}
+
+export {
+  getReferenceConnectivitiesFromStorage,
+  getReferenceConnectivitiesByAPI,
+  loadAndStoreKnowledge,
+  getKnowledgeSource,
+  refreshFlatmapKnowledgeCache,
+}