@abi-software/flatmapvuer 1.7.4-beta.2 → 1.7.4-beta.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abi-software/flatmapvuer",
-  "version": "1.7.4-beta.2",
+  "version": "1.7.4-beta.5",
   "license": "Apache-2.0",
   "files": [
     "dist/*",
@@ -43,8 +43,8 @@
     "./src/*": "./src/*"
   },
   "dependencies": {
-    "@abi-software/flatmap-viewer": "3.2.12",
-    "@abi-software/map-utilities": "^1.3.3-beta.2",
+    "@abi-software/flatmap-viewer": "3.2.13",
+    "@abi-software/map-utilities": "^1.3.3-beta.4",
     "@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

@@ -633,6 +633,7 @@ 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, }
@@ -1832,6 +1833,44 @@ export default {
         this.mapImp.selectGeoJSONFeatures(allFeaturesToHighlight);
       }
     },
+    showConnectivitiesByReference: function (resource) {
+      const flatmapKnowledge = sessionStorage.getItem('flatmap-knowledge');
+
+      if (!flatmapKnowledge) {
+        this.highlightReferenceConnectivitiesByAPI(resource);
+      } else {
+        this.highlightReferenceConnectivitiesFromStorage(resource);
+      }
+    },
+    // Store in storage and highlight
+    highlightReferenceConnectivitiesFromStorage: 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);
+          this.mapImp.selectFeatures(featureIds);
+        }
+      }
+    },
+    // Directly load from API and highlight
+    highlightReferenceConnectivitiesByAPI: 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`;
+
+      this.flatmapQueries.flatmapQuery(sql).then((response) => {
+        const mappedData = response.values.map((x) => x[0]);
+        const parsedData = mappedData.map((x) => JSON.parse(x));
+        const featureIds = parsedData.map((x) => x.id);
+        this.mapImp.selectFeatures(featureIds);
+      });
+    },
     emitConnectivityGraphError: function (errorData) {
       this.$emit('connectivity-graph-error', {
         data: {
@@ -1886,6 +1925,8 @@ export default {
         //require data.resource && data.feature.source
         let results =
           await this.flatmapQueries.retrieveFlatmapKnowledgeForEvent(this.mapImp, data)
+        // load and store knowledge
+        this.loadAndStoreKnowledge(this.mapImp);
         // The line below only creates the tooltip if some data was found on the path
         // the pubmed URLs are in knowledge response.references
         if (
@@ -1898,6 +1939,58 @@ 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
      */
@@ -2159,12 +2252,7 @@ export default {
         }
         // Get connectivity knowledge source | SCKAN release
         if (this.mapImp.provenance?.connectivity) {
-          const sckanProvenance = this.mapImp.provenance.connectivity;
-          if ('knowledge-source' in sckanProvenance) {
-            this.tooltipEntry['knowledge-source'] = sckanProvenance['knowledge-source'];
-          } else if ('npo' in sckanProvenance) {
-            this.tooltipEntry['knowledge-source'] = `${sckanProvenance.npo.release}-npo`;
-          }
+          this.tooltipEntry['knowledge-source'] = this.getKnowledgeSource(this.mapImp);
         }
         this.$emit('connectivity-info-open', this.tooltipEntry);
       }
@@ -3159,6 +3247,7 @@ export default {
     } else if (this.renderAtMounted) {
       this.createFlatmap()
     }
+    this.refreshCache();
   },
 }
 </script>