@abi-software/gallery 0.2.2 → 0.3.0-beta.2

package/src/mixins/GalleryHelpers.js

@@ -0,0 +1,102 @@
+import axios from 'axios'
+
+const getRequest = async (url, params, timeout) => {
+  return await axios({
+    method: "get",
+    url,
+    params,
+    timeout
+  })
+}
+
+export default {
+  data() {
+    return {
+      defaultImg: require('../assets/logo-sparc-wave-primary.svg'),
+    }
+  },
+  methods: {
+    /**
+     * Returns a file path for S3.
+     * @param {String} dataset_id dataset id.
+     * @param {String} dataset_version dataset version.
+     * @param {String} file_path file path.
+     * @returns {String} full path to S3 file.
+     */
+    getS3FilePath(dataset_id, dataset_version, file_path) {
+      const encoded_file_path = encodeURIComponent(file_path)
+      return `${dataset_id}/${dataset_version}/files/${encoded_file_path}`
+    },
+    findEntryWithPathInArray(array, path) {
+      if (path && array) {
+        for (let i = 0; i < array.length; i++) {
+          if (path === array[i].dataset.path)
+            return array[i];
+        }
+      }
+      return undefined;
+    },
+    getThumbnailForPlot(plot, thumbnails) {
+      if (thumbnails && plot) {
+        return this.findEntryWithPathInArray(thumbnails, plot.datacite.isSourceOf.path[0]);
+      }
+      return undefined;
+    },
+    getThumbnailForScaffold(scaffold, scaffoldViews, thumbnails, index) {
+      if (thumbnails && (thumbnails.length > 0)) {
+        let thumbnail = undefined;
+        if (scaffold && scaffoldViews) {
+          const view = this.findEntryWithPathInArray(scaffoldViews, scaffold.datacite.isSourceOf.path[0])
+          if (view) {
+            thumbnail = this.findEntryWithPathInArray(thumbnails, view.datacite.isSourceOf.path[0]);
+          }
+        }
+        if (thumbnail) {
+          return thumbnail
+        } else if (index < thumbnails.length) {
+          return thumbnails[index]
+        }
+      }
+      return undefined;
+    },
+    getImageURLFromS3(apiEndpoint, info) {
+      return `${apiEndpoint}/s3-resource/${info.datasetId}/${info.datasetVersion}/files/${info.file_path}?encodeBase64=true`
+    },
+    getSegmentationThumbnailURL(apiEndpoint, info) {
+      let endpoint = `${apiEndpoint}/thumbnail/neurolucida`
+      endpoint = endpoint + `?datasetId=${info.datasetId}`
+      endpoint = endpoint + `&version=${info.datasetVersion}`
+      endpoint = endpoint + `&path=files/${info.segmentationFilePath}`
+      return endpoint
+    },
+    getThumbnailURLFromBiolucida(apiEndpoint, info) {
+      return`${apiEndpoint}/thumbnail/${info.id}`
+    },
+    getImageInfoFromBiolucida(apiEndpoint, items, info) {
+      const endpoint = `${apiEndpoint}/image/${info.id}`
+      const params = { }
+      getRequest(endpoint, params, 20000)
+        .then(
+          response => {
+            let item = items.find(x => x.id === info.id)
+            const name = response.name
+            if (name) {
+              item.title = name
+            }
+          },
+          reason => {
+            if (
+              reason.message.includes('timeout') &&
+              reason.message.includes('exceeded') &&
+              info.fetchAttempts < 3
+            ) {
+              info.fetchAttempts += 1
+              this.getImageInfoFromBiolucida(apiEndpoint, items, info)
+            }
+
+            return Promise.reject('Maximum iterations reached.')
+          }
+        )
+    }
+  }
+};

package/tests/unit/example.spec.js

@@ -1,12 +1,12 @@
-import { shallowMount } from '@vue/test-utils'
-import HelloWorld from '@/components/HelloWorld.vue'
-
-describe('HelloWorld.vue', () => {
-  it('renders props.msg when passed', () => {
-    const msg = 'new message'
-    const wrapper = shallowMount(HelloWorld, {
-      propsData: { msg },
-    })
-    expect(wrapper.text()).toMatch(msg)
-  })
-})
+import { shallowMount } from '@vue/test-utils'
+import HelloWorld from '@/components/HelloWorld.vue'
+
+describe('HelloWorld.vue', () => {
+  it('renders props.msg when passed', () => {
+    const msg = 'new message'
+    const wrapper = shallowMount(HelloWorld, {
+      propsData: { msg },
+    })
+    expect(wrapper.text()).toMatch(msg)
+  })
+})

package/vue.config.js

@@ -1,4 +1,12 @@
-// vue.config.js
-module.exports = {
-  css: { extract: false },
-}
+// vue.config.js
+module.exports = {
+  chainWebpack: config => {
+    // GraphQL Loader
+    config.module
+      .rule('vue')
+      .use('vue-svg-inline-loader')
+        .loader('vue-svg-inline-loader')
+        .end()
+  },
+  css: { extract: false },
+}

package/Meeting-plan.txt

@@ -1,4 +0,0 @@
-Meeting notes 
-
-- Examples of metadata are most critical for arranging layouts
-

package/src/delete.json

@@ -1,39 +0,0 @@
-{
-    "size": 20,
-    "from": 0,
-    "query": {
-        "bool": {
-            "must": [ {
-                "match_phrase": {
-                    "existing_ids.curie": {
-                        "query": "UBERON:0000948"
-                    }
-                }
-            } ]
-        }
-    }
-}
-
-{
-    "size": 20,
-    "from": 0,
-    "query": {
-        "bool": {
-            "must": [ {
-                "match_phrase": {
-                    "label.aggregate": {
-                        "query": "heart"
-                    }
-                }
-            },
-            {
-                "term": {
-                    "type": {
-                        "value": "term"
-                    }
-                }
-            } ]
-        }
-    },
-    "_source": ["label","existing_ids.curie"]
-}

package/src/main-bundle.js

@@ -1,2 +0,0 @@
-import Gallery from './components/Gallery.vue'
-export default Gallery