@knowlearning/agents 0.4.10 → 0.4.12

package/package.json

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

package/vue/3/component.js

@@ -1,5 +1,4 @@
-import { createApp, watchEffect } from 'vue'
-import content from "./content.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) {
@@ -8,51 +7,50 @@ function isScopeSerializable(v) {
   )
 }
 
-export default async function (module, props, 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
+        }
       }
     }
-  }
 
-  document.body.innerHTML = ''
-  const app = createApp(component, props)
-  app.component('Content', content)
-  app.mount(document.body)
+    return component
+  })
 }

package/vue/3/component.shim.js

@@ -1,4 +0,0 @@
-// This shim is necessary to specify the vue import for our infrastructure
-import 'npm/unscoped/vue/3.2.39'
-
-export { default } from './component.js'