@knowlearning/agents 0.9.41 → 0.9.43

package/agents/browser/initialize.js

@@ -63,7 +63,8 @@ function embed(environment, iframe) {
       sendDown({ ...env, context: [...(env.context || []), environment.id], mode: environment.mode })
     }
     else if (type === 'interact') {
-      const { scope, patch } = message
+      let { scope, patch } = message
+      if (environment.namespace && !validateUUID(scope)) scope = environment.namespace + '/' + scope
       //  TODO: should use a better approach to instruct agent
       //        not to generate a tag from this interaction
       await Agent.interact(scope, patch, false)
@@ -81,12 +82,13 @@ function embed(environment, iframe) {
     }
     else if (type === 'state') {
       const { scope, user, domain } = message
+      const namespacedScope = environment.namespace && !validateUUID(scope) ? `${environment.namespace}/${scope}` : scope
 
-      const statePromise = Agent.state(scope, user, domain)
+      const statePromise = Agent.state(namespacedScope, user, domain)
 
-      const key = `${ domain || ''}/${user || ''}/${scope}`
+      const key = `${ domain || ''}/${user || ''}/${namespacedScope}`
       if (!watchers[key]) {
-        watchers[key] = Agent.watch(scope, postMessage, user, domain)
+        watchers[key] = Agent.watch(namespacedScope, m => postMessage({ ...m, scope }), user, domain)
       }
 
       if (listeners.state) listeners.state({ scope })

package/package.json

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

package/vue/3/components/embed.vue

@@ -2,7 +2,7 @@
   <iframe
     :v-if="resolvedId"
     :key="resolvedId + mode"
-    :ref="el => setup(el, resolvedId, mode)"
+    :ref="el => setup(el, resolvedId, mode, namespace)"
     style="
       width: 100%;
       height: 100%;
@@ -27,6 +27,10 @@ export default {
       type: String,
       required: false
     },
+    namespace: {
+      type: String,
+      required: false
+    },
     environmentProxy: {
       type: Function,
       required: false
@@ -58,11 +62,11 @@ export default {
       }
       else this.resolvedId = this.id
     },
-    async setup(iframe, id, mode) {
+    async setup(iframe, id, mode, namespace) {
       if (!iframe || this.iframe === iframe) return
 
       this.iframe = iframe
-      this.embedding = Agent.embed({ id, mode }, iframe)
+      this.embedding = Agent.embed({ id, mode, namespace }, iframe)
       this.embedding.on('environment', e => this.environmentProxy ? this.environmentProxy(e) : Agent.environment(e))
       this.embedding.on('state', e => this.$emit('state', e))
       this.embedding.on('mutate', e => this.$emit('mutate', e))

package/vue/3/components/scope.vue

@@ -1,6 +1,8 @@
 <template>
-  <span v-if="value">{{ value === null && placeholder ? placeholder : value }}</span>
-  <span v-else>loading...</span>
+  <span>
+    <span v-if="value">{{ value === null && placeholder ? placeholder : value }}</span>
+    <span v-else>loading...</span>
+  </span>
 </template>
 
 <script>