@knowlearning/agents 0.9.142 → 0.9.144

package/download-url-registry.js

@@ -0,0 +1 @@
+export default {}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knowlearning/agents",
-  "version": "0.9.142",
+  "version": "0.9.144",
   "description": "API for embedding applications in KnowLearning systems.",
   "main": "node.js",
   "browser": "browser.js",

package/vue/image.vue

@@ -0,0 +1,31 @@
+<template>
+  <image
+    :key="downloadURL"
+    :src="downloadURL"
+  />
+</template>
+
+<script setup>
+  import { ref } from 'vue'
+  import downloadURLRegistry from '../download-url-registry.js'
+
+  const props = defineProps({ id: String })
+
+  const downloadURL = ref(downloadURLRegistry[props.id])
+
+  if (!downloadURL.value) setDownloadURL()
+
+  watch(props, setDownloadURL)
+
+  let latestRequest = 0
+  async function setDownloadURL() {
+    downloadURL.value = null
+    latestRequest += 1
+
+    const thisRequest = latestRequest
+    const newURL = downloadURLRegistry[props.id] || await Agent.download(props.id).url()
+
+    downloadURLRegistry[props.id] = newURL
+    if (latestRequest === thisRequest) downloadURL.value = newURL
+  }
+</script>

package/vue.js

@@ -3,3 +3,4 @@ export { default as vuePersistentComponent } from './vue/3/persist/component.js'
 export { default as vueEmbedComponent } from './vue/3/components/embed.vue'
 export { default as vueNameComponent } from './vue/3/components/name.vue'
 export { default as vueScopeComponent } from './vue/3/components/scope.vue'
+export { default as UUIDImage } from './vue/image.vue'