@knowlearning/agents 0.4.8 → 0.4.9

package/agents/browser/embed.js

@@ -6,8 +6,10 @@ const watchers = {}
 
 export default function embed(environment, iframe) {
   const postMessageQueue = []
+  const listeners = {}
   let frameLoaded = false
   let embeddedAgentInitialized = false
+
   const session = uuid()
 
   const postMessage = m => new Promise((resolve, reject) => {
@@ -40,11 +42,14 @@ export default function embed(environment, iframe) {
       sendDown(await Agent.environment())
     }
     else if (type === 'interact') {
-      await Agent.interact(message.scope, message.patch)
+      const { scope, patch } = message
+      await Agent.interact(scope, patch)
+      if (listeners.mutate) listeners.mutate({ scope, user, domain })
       sendDown({}) // TODO: might want to send down the interaction index
     }
     else if (type === 'state') {
       const { scope, user, domain } = message
+
       const statePromise = Agent.state(scope, user, domain)
 
       const key = `${session}/${domain}/${user}/${scope}`
@@ -55,6 +60,7 @@ export default function embed(environment, iframe) {
         statePromise.watch(postMessage)
       }
 
+      if (listeners.state) listeners.state({ scope, user, domain })
       sendDown(await statePromise)
     }
     else if (type === 'patch') {
@@ -121,7 +127,12 @@ export default function embed(environment, iframe) {
     if (iframe.parentNode) iframe.parentNode.removeChild(iframe)
   }
 
+  function on(event, fn) {
+    listeners[event] = fn
+  }
+
   return {
-    remove
+    remove,
+    on
   }
 }

package/package.json

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

package/vue/3/content.vue

@@ -24,6 +24,8 @@ export default {
       const { id } = this
       this.iframe = iframe
       this.embedding = Agent.embed({ id }, iframe)
+      this.embedding.on('state', e => this.$emit('state', e))
+      this.embedding.on('mutate', e => this.$emit('mutate', e))
 
 /*
       const { handle } = this.embedding