@abi-software/mapintegratedvuer 1.19.1 → 1.20.0

package/package.json

@@ -1,7 +1,10 @@
 {
   "name": "@abi-software/mapintegratedvuer",
-  "version": "1.19.1",
+  "version": "1.20.0",
   "license": "Apache-2.0",
+  "engines": {
+    "node": ">=20"
+  },
   "scripts": {
     "serve": "vite --host --force",
     "heroku-postbuild": "vite build",
@@ -52,14 +55,14 @@
     "*.js"
   ],
   "dependencies": {
-    "@abi-software/flatmapvuer": "1.13.4",
-    "@abi-software/map-side-bar": "^2.15.1",
-    "@abi-software/map-utilities": "1.8.3",
-    "@abi-software/plotvuer": "1.0.7",
-    "@abi-software/scaffoldvuer": "1.17.0",
-    "@abi-software/simulationvuer": "3.2.6",
+    "@abi-software/flatmapvuer": "1.14.0",
+    "@abi-software/map-side-bar": "2.16.0",
+    "@abi-software/map-utilities": "1.9.0",
+    "@abi-software/plotvuer": "1.1.0",
+    "@abi-software/scaffoldvuer": "1.18.0",
+    "@abi-software/simulationvuer": "3.3.0",
     "@abi-software/sparc-annotation": "0.3.2",
-    "@abi-software/svg-sprite": "1.0.4",
+    "@abi-software/svg-sprite": "1.1.0",
     "@element-plus/icons-vue": "^2.3.1",
     "@vitejs/plugin-vue": "^4.6.2",
     "css-element-queries": "^1.2.3",
@@ -106,7 +109,10 @@
     "vue-router": "^4.2.5"
   },
   "optionalDependencies": {
-    "@esbuild/darwin-arm64": "^0.25.3"
+    "@esbuild/darwin-arm64": "^0.25.3",
+    "@rollup/rollup-darwin-arm64": "4.62.3",
+    "@rollup/rollup-linux-x64-gnu": "4.62.3",
+    "@rollup/rollup-win32-x64-msvc": "4.62.3"
   },
   "eslintConfig": {
     "root": true,

package/src/components/viewers/CellDLViewer.vue

@@ -0,0 +1,37 @@
+<template>
+  <CellDLViewer
+    :annotations="annotations"
+    :celldlData="celldlData"
+    @error="onError"
+    @event="onEvent"
+  />
+</template>
+
+<script>
+/* eslint-disable no-alert, no-console */
+import './cellDLViewer.css';
+import CellDLViewer from '@celldl/viewer';
+import ContentMixin from "../../mixins/ContentMixin";
+
+export default {
+  name: "CellDLView",
+  mixins: [ ContentMixin ],
+  components: {
+    CellDLViewer,
+  },
+  data: function() {
+    return {
+      annotations: {},
+      celldlData: '',
+    }
+  },
+  methods: {
+    onError: function() {
+      console.log(msg);
+    },
+    onEvent: function() {
+      console.log(detail);
+    }
+  }
+};
+</script>

package/src/components.d.ts

@@ -7,6 +7,7 @@ export {}
 
 declare module 'vue' {
   export interface GlobalComponents {
+    CellDLViewer: typeof import('./components/viewers/CellDLViewer.vue')['default']
     ConnectivityGraph: typeof import('./components/viewers/ConnectivityGraph.vue')['default']
     ContentBar: typeof import('./components/ContentBar.vue')['default']
     ContentVuer: typeof import('./components/ContentVuer.vue')['default']

package/src/mixins/ContentMixin.js

@@ -65,11 +65,21 @@ export default {
     this.alive = false;
   },
   mounted: function () {
-    this.multiflatmapRef = markRaw(this.$refs.multiflatmap);
-    this.flatmapRef = markRaw(this.$refs.flatmap);
-    this.iframeRef = markRaw(this.$refs.iframe);
-    this.plotRef = markRaw(this.$refs.plot);
-    this.simulationRef = markRaw(this.$refs.simulation);
+    if (this.$refs.multiflatmap) {
+      this.multiflatmapRef = markRaw(this.$refs.multiflatmap);
+    }
+    if (this.$refs.flatmap) {
+      this.flatmapRef = markRaw(this.$refs.flatmap);
+    }
+    if (this.$refs.iframe) {
+      this.iframeRef = markRaw(this.$refs.iframe);
+    }
+    if (this.$refs.plot) {
+      this.plotRef = markRaw(this.$refs.plot);
+    }
+    if (this.$refs.simulation) {
+      this.simulationRef = markRaw(this.$refs.simulation);
+    }
     // load connectivity with mock human male flatmap
     if (this.iframeRef || this.plotRef || this.simulationRef) {
       this.loadExplorerConfig();

package/src/services/knowledgeMapping.js

@@ -0,0 +1,77 @@
+const knowledgeMap = {
+  "classes": {
+    "cardio_28": {
+      "models": "UBERON:0002165",
+      "name": "Endocardium"
+    },
+    "cardio_29": {
+      "models": "UBERON:0002349",
+      "name": "Myocardium"
+    }
+  },
+  "features": {
+    "v_GLUT2_basal": {
+      "name": "Flow through GLUT2 transporter",
+      "variable": "main/v_GLUT2base"
+    },
+    "v_SGLT1_apical": {
+      "name": "SGLT1 transporter",
+      "variable": "main/v_SGLT1"
+    },
+    "v_Kir_basal": {
+      "name": "Kir channel",
+      "models": "UBERON:0001536",
+      "variable": "main/v_Kir"
+    },
+    "v_NKA_basal": {
+      "name": "Na/K ATPase",
+      "variable": "main/v_NKA"
+    },
+    "v_GLUT2_apical": {
+      "name": "GLUT2 transporter",
+      "variable": "main/v_GLUT2apex"
+    },
+    "q_Na_lumen": {
+      "name": "[Na+] in lumen",
+      "variable": "main/c_Na_gut"
+    },
+    "q_Na_i": {
+      "name": "[Na+] in intracellular space",
+      "variable": "main/c_Na_int"
+    },
+    "q_Na_blood": {
+      "name": "[Na+] in blood",
+      "variable": "main/c_Na_cap"
+    },
+    "q_K_blood": {
+      "name": "[K+] in blood",
+      "variable": "main/c_K_cap"
+    },
+    "q_K_i": {
+      "name": "[K+] in intracellular space",
+      "variable": "main/c_K_int"
+    },
+    "q_Glc_lumen": {
+      "name": "[Glucose] in lumen",
+      "variable": "main/c_Glc_gut"
+    },
+    "q_Glc_i": {
+      "name": "[Glucose] in intracellular space",
+      "variable": "main/c_Glc_int"
+    },
+    "q_Glc_blood": {
+      "name": "[Glucose] in blood",
+      "variable": "main/c_Glc_cap"
+    }
+  }
+};
+
+const getVariableName = (name) => {
+  if (Object.hasOwn(knowledgeMap.features, name)) {
+    console.log("pass")
+    const data = knowledgeMap.features[name];
+    return data;
+  }
+};
+
+export { getVariableName }