@knowlearning/agents 0.8.0 → 0.9.0

package/agents/browser/embedded.js

@@ -84,7 +84,7 @@ export default function EmbeddedAgent() {
 
 
   function watch(id, fn) {
-    tagIfNotYetTaggedInSession('connected', id)
+    tagIfNotYetTaggedInSession('subscribed', id)
     if (!watchers[id]) watchers[id] = []
     watchers[id].push(fn)
     return () => removeWatcher(id, fn)
@@ -96,7 +96,11 @@ export default function EmbeddedAgent() {
   }
 
   async function state(scope) {
-    tagIfNotYetTaggedInSession('connected', scope)
+    if (scope === undefined) {
+      const { context } = await environment()
+      scope = JSON.stringify(context)
+    }
+    tagIfNotYetTaggedInSession('subscribed', scope)
     const startState = await send({ type: 'state', scope })
     return new MutableProxy(startState, patch => {
       const activePatch = structuredClone(patch)
@@ -202,6 +206,7 @@ export default function EmbeddedAgent() {
   function disconnect() { return send({ type: 'disconnect' }) }
   function reconnect() { return send({ type: 'reconnect' }) }
   function synced() { return send({ type: 'synced' }) }
+  function close() { return send({ type: 'close' }) }
 
   return {
     embedded: true,
@@ -221,6 +226,7 @@ export default function EmbeddedAgent() {
     disconnect,
     reconnect,
     synced,
+    close,
     tag
   }
 }

package/agents/browser/initialize.js

@@ -54,6 +54,7 @@ function embed(environment, iframe) {
       sendDown({})
     }
     else if (type === 'close') {
+      console.log('closing?', listeners)
       if (listeners.close) listeners.close()
     }
     else if (type === 'environment') {

package/agents/browser/root.js

@@ -24,9 +24,6 @@ export default () => {
     reboot: () => window.location.reload()
   })
 
-  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.local = () => {
     if (isLocal()) return
 
@@ -39,6 +36,9 @@ export default () => {
     localStorage.removeItem('api')
     location.reload()
   }
+  agent.close = () => {
+    window.close()
+  }
 
   return agent
 }

package/agents/generic.js

@@ -210,7 +210,7 @@ export default function Agent({ host, token, WebSocket, protocol='ws', uuid, fet
     checkHeartbeat()
   }
 
-  function create({ id=uuid(), active_type, active }) {
+  function create({ id=uuid(), active_type, active, name }) {
     //  TODO: collapse into 1 patch and 1 interact call
     interact(id, [{ op: 'add', path: ['active_type'], value: active_type }], false)
     interact(id, [{ op: 'add', path: ['active'], value: active }], false)
@@ -234,8 +234,8 @@ export default function Agent({ host, token, WebSocket, protocol='ws', uuid, fet
     return { ...(await environmentPromise), context: [] }
   }
 
-  function state(scope) {
-    tagIfNotYetTaggedInSession('connected', scope)
+  function state(scope='[]') {
+    tagIfNotYetTaggedInSession('subscribed', scope)
     return new Promise(async (resolveState, rejectState) => {
       if (!keyToSubscriptionId[scope]) {
         const id = uuid()

package/browser.js

@@ -1,5 +1,2 @@
 export { default as GenericAgent } from './agents/generic.js'
 export { default as browserAgent } from './agents/browser/initialize.js'
-export { default as vuePersistentStore } from './persistence/vuex.js'
-export { default as vueContentComponent } from './vue/3/content.vue'
-export { default as vuePersistentComponent } from './vue/3/component.js'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knowlearning/agents",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "API for embedding applications in KnowLearning systems.",
   "main": "node.js",
   "browser": "browser.js",
@@ -14,14 +14,14 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/knowlearning/core.git"
+    "url": "git+https://github.com/knowlearning/platform.git"
   },
   "author": "KnowLearning",
   "license": "MPL-2.0",
   "bugs": {
-    "url": "https://github.com/knowlearning/core/issues"
+    "url": "https://github.com/knowlearning/platform/issues"
   },
-  "homepage": "https://github.com/knowlearning/core#readme",
+  "homepage": "https://github.com/knowlearning/platform#readme",
   "dependencies": {
     "fast-json-patch": "^3.1.1",
     "uuid": "^8.3.2",

package/vue/3/content.vue

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

package/vue/3/name.vue

@@ -0,0 +1,45 @@
+<template>
+  <span
+    draggable="true"
+    @dragstart="handleDragStart"
+  >
+    {{ loading ? '...' : name }}
+  </span>
+</template>
+
+<script>
+  export default {
+    props: {
+      id: String
+    },
+    data() {
+      return {
+        loading: true,
+        metadata: null
+      }
+    },
+    async created() {
+      this.metadata = await Agent.metadata(this.id)
+      this.loading = false
+    },
+    computed: {
+      name() {
+        if (this.loading) return
+        else return this.metadata && this.metadata.name ? this.metadata.name : 'unnamed'
+      }
+    },
+    methods: {
+      handleDragStart(e) {
+        e.dataTransfer.effectAllowed = 'move';
+        e.dataTransfer.setData('text/plain', this.id);
+      }
+    }
+  }
+</script>
+
+<style>
+  span
+  {
+    cursor: grab;
+  }
+</style>

package/vue.js

@@ -0,0 +1,4 @@
+export { default as vuePersistentStore } from './persistence/vuex.js'
+export { default as vueEmbedComponent } from './vue/3/content.vue'
+export { default as vueNameComponent } from './vue/3/name.vue'
+export { default as vuePersistentComponent } from './vue/3/component.js'