@abi-software/gallery 0.3.1 → 0.3.2-beta

package/src/mixins/GalleryHelpers.js

@@ -1,104 +1,104 @@
-import axios from 'axios'
-
-export default {
-  //this mixin is not used by this code base but it can be used by other
-  //projects to get a handle to various resources
-  data() {
-    return {
-      defaultImg: require('../assets/logo-sparc-wave-primary.svg'),
-    }
-  },
-  methods: {
-    async getRequest(url, params, timeout) {
-      return await axios({
-        method: 'get',
-        url,
-        params,
-        timeout,
-      })
-    },
-    /**
-     * 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}`
-    },
-    /**
-     * Find data path in the array that matches the provide 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
-    },
-    /**
-     * Use the scaffoldViews to help with finding the correct thumbnails.
-     * Use the index if the workflow stated above fails.
-     */
-    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 = {}
-      this.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.')
-        }
-      )
-    },
-  },
-}
+import axios from 'axios'
+
+export default {
+  //this mixin is not used by this code base but it can be used by other
+  //projects to get a handle to various resources
+  data() {
+    return {
+      defaultImg: require('../assets/logo-sparc-wave-primary.svg'),
+    }
+  },
+  methods: {
+    async getRequest(url, params, timeout) {
+      return await axios({
+        method: 'get',
+        url,
+        params,
+        timeout,
+      })
+    },
+    /**
+     * 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}`
+    },
+    /**
+     * Find data path in the array that matches the provide 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
+    },
+    /**
+     * Use the scaffoldViews to help with finding the correct thumbnails.
+     * Use the index if the workflow stated above fails.
+     */
+    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 = {}
+      this.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,23 +1,23 @@
-// vue.config.js
-module.exports = {
-  chainWebpack: config => {
-    // vue svg inline loader for default svg
-    config.module
-      .rule('vue')
-      .use('vue-svg-inline-loader')
-        .loader('vue-svg-inline-loader')
-        .end()
-    const fontsRule = config.module.rule('fonts')
-    fontsRule.uses.clear()
-    config.module
-      .rule('fonts')
-      .test(/\.(ttf|otf|eot|woff|woff2)$/)
-      .use('base64-inline-loader')
-      .loader('base64-inline-loader')
-      .tap(options => {
-        // modify the options...    
-        return options
-      })
-      .end()
-  }
-}
+// vue.config.js
+module.exports = {
+  chainWebpack: config => {
+    // vue svg inline loader for default svg
+    config.module
+      .rule('vue')
+      .use('vue-svg-inline-loader')
+        .loader('vue-svg-inline-loader')
+        .end()
+    const fontsRule = config.module.rule('fonts')
+    fontsRule.uses.clear()
+    config.module
+      .rule('fonts')
+      .test(/\.(ttf|otf|eot|woff|woff2)$/)
+      .use('base64-inline-loader')
+      .loader('base64-inline-loader')
+      .tap(options => {
+        // modify the options...    
+        return options
+      })
+      .end()
+  }
+}