@knowlearning/agents 0.1.2 → 0.1.4

package/package.json

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

package/vue/3/component.js

@@ -8,7 +8,7 @@ function isScopeSerializable(v) {
   )
 }
 
-export default async function (module) {
+export default async function (module, props) {
   const component = module.default ? { ...module.default } : { ...module } //  copy component since we will mess with mounted and data functions
 
   if (!component.ephemeral) {
@@ -29,30 +29,32 @@ export default async function (module) {
       const isReactiveRef = r => r && r.__v_isRef
       component.setup = function setupProxy(a, b) { // need to specifically add this here, otherwise second argument not passed in arguments array (probably because of webpack optimization...)
         const refs = origSetupFn.call(this, a, b)
+
         if (state) {
           Object
             .entries(state)
             .filter(([k]) => isReactiveRef(refs[k]))
             .forEach(([k, v]) => refs[k].value = v)
         }
-        watchEffect(() => {
-          interact(
-            Object
-              .entries(refs)
-              .filter(([_,r]) => isReactiveRef(r) && isScopeSerializable(r.value) )
-              .reduce((acc, [key, ref]) => {
-                acc[key] = ref.value
-                return acc
-              }, {})
-          )
-        })
+
+        Object
+          .entries(refs)
+          .filter(([_,r]) => isReactiveRef(r) && isScopeSerializable(r.value))
+          .forEach(([key, ref]) => {
+            watchEffect(() => {
+              if (state[key] !== ref.value) {
+                state[key] = ref.value
+              }
+            })
+          })
+
         return refs
       }
     }
   }
 
   document.body.innerHTML = ''
-  const app = createApp(component)
+  const app = createApp(component, props)
   app.component('Content', content)
   app.mount(document.body)
 }