@live-change/vue3-ssr 0.2.13 → 0.2.14

package/Api.js

@@ -154,6 +154,8 @@ class Api extends DaoProxy {
     api.globals.$actions = this.actions
     api.globals.$fetch = this.fetch
 
+    api.windowId = this.settings.windowId || api.uid()
+
     for(const glob of this.globalInstances) {
       this.installInstanceProperties(glob)
     }
@@ -245,4 +247,4 @@ class Api extends DaoProxy {
   }
 }
 
-export default Api
+export default Api

package/clientApi.js

@@ -41,6 +41,7 @@ function clientApi(settings = {}) {
   api.setup({
     ssr: true,
     cache: true,
+    ...settings,
     createReactiveObject(definition) {
       //console.log("CREATE REACTIVE OBJECT", definition)
       return createReactiveObject(definition, reactiveMixin(api), reactivePrefetchMixin(api) )
@@ -54,4 +55,4 @@ function clientApi(settings = {}) {
   return api
 }
 
-export { clientApi }
+export { clientApi }

package/index.js

@@ -1,33 +1,34 @@
 import { getCurrentInstance, onUnmounted } from 'vue'
 import { live as d3live, fetch as d3fetch, RangeBuckets } from '@live-change/dao-vue3'
+import { InboxReader } from '@live-change/dao'
 
-function api(context) {
+function useApi(context) {
   context = context || getCurrentInstance().appContext
   return context.config.globalProperties.$lc
 }
 
 function path(context) {
-  return api(context).fetch
+  return useApi(context).fetch
 }
 
 function view(context) {
-  return api(context).view
+  return useApi(context).view
 }
 
 function actions(context) {
-  return api(context).actions
+  return useApi(context).actions
 }
 
 function live(path) {
-  return d3live(api(), path)
+  return d3live(useApi(), path)
 }
 
 function fetch(path) {
-  return d3fetch(api(), path)
+  return d3fetch(useApi(), path)
 }
 
 async function rangeBuckets(pathFunction, options, app = getCurrentInstance()) {
-  const lc = api()
+  const lc = useApi()
   const extendedPathFunction = (range) => pathFunction(range, lc.fetch)
   const buckets = new RangeBuckets(lc, extendedPathFunction, options)
   if(app) {
@@ -60,12 +61,33 @@ function reverseRange(range) {
   }
 }
 
+function inboxReader(pathFunction, callback, start = '', options = {}) {
+  const {
+    bucketSize = 32,
+    context = getCurrentInstance().appContext
+  } = options
+  const api = useApi(context)
+  return new InboxReader((position, bucketSize) => {
+    const path = pathFunction(position, bucketSize)
+    console.log("OBSERVE PATH", path)
+    return api.observable(path)
+  }, callback, start, bucketSize)
+}
+
 function client(context) {
-  return api(context).client
+  return useApi(context).client
 }
 
 function uid(context) {
-  return api(context).uid
+  return useApi(context).uid
 }
 
-export { path, api, view, actions, live, fetch, client, uid, rangeBuckets, reverseRange }
+const api = useApi
+
+export {
+  path, live, fetch,
+  useApi, api,
+  view, actions, client, uid,
+  rangeBuckets, reverseRange,
+  inboxReader
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@live-change/vue3-ssr",
-  "version": "0.2.13",
+  "version": "0.2.14",
   "description": "Live Change Framework - vue components",
   "main": "index.js",
   "scripts": {
@@ -21,11 +21,11 @@
   },
   "homepage": "https://github.com/live-change/live-change-framework-vue3",
   "dependencies": {
-    "@live-change/dao-vue3": "0.4.12",
+    "@live-change/dao-vue3": "0.4.13",
     "@live-change/uid": "0.6.5",
     "@vueuse/core": "^8.3.1",
     "debug": "^4.3.4",
     "vue": "^3.2.33"
   },
-  "gitHead": "2a8fa3e359bb31fecf9ea0674e10a3cd11c460e9"
+  "gitHead": "f50a4c0ce7348ff25bcc59ec2de24a1da18a3210"
 }

package/serverApi.js

@@ -7,6 +7,7 @@ async function serverApi(dao, settings = {}) {
   const api = new Api(dao)
   api.setup({
     ssr: true,
+    ...settings,
     createReactiveObject(definition) {
       return createReactiveObject(definition, reactiveMixin(api)/*, reactivePrefetchMixin(api)*/ )
     }