Allow opening item directly via URI (#48)

src/client/store.js

@@ -59,6 +59,7 @@ export const schemeFetchPromise = fetch(
 })
 
 export const schemes = computed(() => state.schemes)
+export const schemesAsConceptSchemes = computed(() => state.schemes?.map(scheme => new jskos.ConceptScheme(scheme)) || [])
 
 import { cdk } from "cocoda-sdk"
 

src/client/utils.js

@@ -3,6 +3,9 @@ import config from "@/config.js"
 export const routerBasePath = "/" + config.namespace.pathname.replace(import.meta.env.BASE_URL, "")
 
 export function getRouterUrl({ scheme, concept, params = {} }) {
+  if (!scheme && concept?.inScheme?.[0]) {
+    scheme = concept.inScheme[0]
+  }
   let url = (() => {
     if (concept?.uri.startsWith(config.namespace) && (!scheme?.uri || concept?.uri.startsWith(scheme?.uri))) {
       return `${routerBasePath}${concept.uri.replace(config.namespace, "")}`

src/client/views/HomeView.vue

@@ -1,13 +1,14 @@
 <script setup>
-import { useRoute } from "vue-router"
+import { useRoute, useRouter } from "vue-router"
 import * as jskos from "jskos-tools"
-import { schemes, quickSelection, publisherSelection, typeSelection, registry } from "@/store.js"
+import { schemes, schemesAsConceptSchemes, quickSelection, publisherSelection, typeSelection, registry } from "@/store.js"
 import { ref, computed, watch } from "vue"
 import { getRouterUrl } from "@/utils.js"
 import CategoryButton from "@/components/CategoryButton.vue"
 import SchemeButton from "@/components/SchemeButton.vue"
 
 const route = useRoute()
+const router = useRouter()
 
 const mode = computed(() => {
   if (route.query?.publisher) {
@@ -25,6 +26,28 @@ const mode = computed(() => {
   return "default"
 })
 
+watch(() => ([schemesAsConceptSchemes.value, route.query.uri]), ([schemes, uri]) => {
+  if (schemes?.length > 0 && uri) {
+    // Try to find scheme or concept that fits URI
+    const scheme = schemes.find(s => jskos.compare(s, { uri }))
+    if (scheme) {
+      // Scheme found, redirect
+      router.push(getRouterUrl({ scheme }))
+      return
+    }
+    for (const scheme of schemes) {
+      const concept = scheme.conceptFromUri(uri)
+      if (concept) {
+        // Concept found, redirect
+        router.push(getRouterUrl({ concept, scheme }))
+        return
+      }
+    }
+    // Report error on console
+    console.error(`Could find neither vocabulary or concept that fits given URI ${uri}`)
+  }
+}, { immediate: true })
+
 const publisherGroups = computed(() => {
   const groups = []
   publisherSelection.value.filter(p => p.id !== "__others__").forEach(publisher => {