Compounds: generate metadata for bioschemas

package-lock.json

@@ -1028,9 +1028,9 @@
       }
     },
     "@chembl/metadata-tags-generator": {
-      "version": "0.0.13",
-      "resolved": "https://registry.npmjs.org/@chembl/metadata-tags-generator/-/metadata-tags-generator-0.0.13.tgz",
-      "integrity": "sha512-58T9PkxNcyaIxBBG6O9j5OxyxooHsNo1JU0knqhPv0MVhAWvebbdpiiqgD0A1Gxq8jfV141JHOKFKGeuCBeNOw==",
+      "version": "0.0.15",
+      "resolved": "https://registry.npmjs.org/@chembl/metadata-tags-generator/-/metadata-tags-generator-0.0.15.tgz",
+      "integrity": "sha512-/C3lNwd+RBCXw0qoY5I9pONIGlgN8q7BbBqpd/y2PP3+AABwk+ycLKak3TqpELrQJdGpYpgfmB6DrTA6MljyRA==",
       "requires": {
         "@chembl/chembl-elasticsearch-service": "^0.0.10",
         "axios": "^0.21.1",

package.json

@@ -25,7 +25,7 @@
     "vue-apexcharts": "^1.6.1",
     "vue-cookies": "^1.7.4",
     "@chembl/chembl-elasticsearch-service": "0.0.10",
-    "@chembl/metadata-tags-generator": "0.0.13"
+    "@chembl/metadata-tags-generator": "0.0.15"
   },
   "devDependencies": {
     "@nuxtjs/eslint-config": "^5.0.0",

pages/compound/_id.vue

@@ -3,6 +3,7 @@
 </template>
 
 <script>
+import MetadataTagsGenerator from '@chembl/metadata-tags-generator'
 import ChemicalProbeReportCard from '~/components/report_cards/chemical_probe/ChemicalProbeReportCard.vue'
 import MetadataLoader from '~/web-components-submodule/metadata/MetadataLoader.js'
 import EntityNames from '~/web-components-submodule/standardisation/EntityNames.js'
@@ -27,8 +28,21 @@ export default {
         params.id,
         docSource
       )
+
+      const itemURL = `https://gateway.eubopen.org/compound/${params.id}`
+      const imgBaseURL = 'https://www.ebi.ac.uk/chembl/api/data/image'
+      const fallbackImgBaseURL = ''
+      const bioschemasMetadata = await MetadataTagsGenerator.EUbOPEN.CompoundMetadata.getBioschemasMetadata(
+        {
+          itemID: params.id,
+          itemURL,
+          imgBaseURL,
+          fallbackImgBaseURL,
+        }
+      )
       return {
         rawMetadata: result.data._source,
+        bioschemasJSONLD: bioschemasMetadata,
       }
     } catch (e) {
       error({
@@ -93,6 +107,13 @@ export default {
           href: canonicalURL,
         },
       ],
+      script: [
+        {
+          id: 'JSON_LD',
+          type: 'application/ld+json',
+          json: this.bioschemasJSONLD,
+        },
+      ],
     }
   },
   computed: {

pages/index.vue

@@ -44,7 +44,6 @@
 </template>
 
 <script>
-import MetadataTagsGenerator from '@chembl/metadata-tags-generator'
 import VisualisationsCard from '~/components/mainPage/visualisations/VisualisationsCard.vue'
 import Sponsors from '~/components/mainPage/sponsors/Sponsors.vue'
 
@@ -93,17 +92,6 @@ export default {
       return process.env.GOOGLE_ANALYTICS_ID
     },
   },
-  mounted() {
-    console.log('MOUNTED!')
-    const itemID = 'CHEMBL4580220'
-    MetadataTagsGenerator.EUbOPEN.CompoundMetadata.getBioschemasMetadata(itemID)
-      .then((response) => {
-        console.log('response: ', response)
-      })
-      .catch((error) => {
-        console.log('error: ', error)
-      })
-  },
 }
 </script>
 <style scoped lang="scss">