@knowlearning/agents 0.4.11 → 0.4.13

package/agents/browser/root.js

@@ -26,9 +26,9 @@ export default () => {
     reboot: () => window.location.reload()
   })
 
-  const { state, mutate } = agent
+  const { state } = agent
+  //  TODO: remove agent.state proxy here as part of "get rid of default scope" work
   agent.state = (scope=host,user,domain) => state(scope, user, domain)
-  agent.mutate = (scope=host) => mutate(scope)
   agent.local = () => {
     if (isLocal()) return
 

package/package.json

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

package/vue/3/component.js

@@ -1,4 +1,4 @@
-import { watchEffect } from 'vue'
+import { watchEffect, defineAsyncComponent } from 'vue'
 
 //  TODO: probably want to make this a util, and better fleshed out (with white instead of blacklist)
 function isScopeSerializable(v) {
@@ -7,48 +7,50 @@ function isScopeSerializable(v) {
   )
 }
 
-export default async function (module, scope) {
-  const component = module.default ? { ...module.default } : { ...module } //  copy component since we will mess with mounted and data functions
-
-  if (!component.ephemeral) {
-    const state = await Agent.mutate(scope)
-
-    if (component.data) {
-      const origDataFn = component.data
-      component.data = function dataProxy() {
-        if (Object.keys(state).length === 0) {
-          const startState = origDataFn.apply(this, arguments)
-          Object.assign(state, startState)
+export default function (module, scope) {
+  return defineAsyncComponent(async function () {
+    const component = module.default ? { ...module.default } : { ...module } //  copy component since we will mess with mounted and data functions
+
+    if (!component.ephemeral) {
+      const state = await Agent.mutate(scope)
+
+      if (component.data) {
+        const origDataFn = component.data
+        component.data = function dataProxy() {
+          if (Object.keys(state).length === 0) {
+            const startState = origDataFn.apply(this, arguments)
+            Object.assign(state, startState)
+          }
+          return state
         }
-        return state
       }
-    }
-    else if (component.setup) {
-      const origSetupFn = component.setup
-      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...)
-        let refs = origSetupFn.call(this, a, b)
-
-        Object
-          .entries(state)
-          .filter(([k]) => isReactiveRef(refs[k]))
-          .forEach(([k, v]) => refs[k].value = v)
-
-        Object
-          .entries(refs)
-          .filter(([_,r]) => isReactiveRef(r) && isScopeSerializable(r.value))
-          .forEach(([key, ref]) => {
-            watchEffect(() => {
-              if (state[key] !== ref.value) {
-                state[key] = ref.value
-              }
+      else if (component.setup) {
+        const origSetupFn = component.setup
+        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...)
+          let refs = origSetupFn.call(this, a, b)
+
+          Object
+            .entries(state)
+            .filter(([k]) => isReactiveRef(refs[k]))
+            .forEach(([k, v]) => refs[k].value = v)
+
+          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
+          return refs
+        }
       }
     }
-  }
 
-  return component
+    return component
+  })
 }