@live-change/vue3-ssr 0.2.13 → 0.2.15

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)
     }
@@ -188,7 +190,7 @@ class Api extends DaoProxy {
       { what: ['metadata', 'api'] },
       { what: ['version', 'version'] }
     ]}))
-    console.log("PREFETCH WAIT!")
+    //console.log("PREFETCH WAIT!")
     // const apiPromise = this.apiObservable.wait()
     // apiPromise.then(res => console.log("API RES", res))
     // const versionPromise = this.versionObservable.wait()
@@ -196,7 +198,7 @@ class Api extends DaoProxy {
     // if(this.apiObservable.getValue() === undefined) preFetchPromises.push(apiPromise)
     // if(this.versionObservable.getValue() === undefined) preFetchPromises.push(versionPromise)
     await Promise.all(preFetchPromises)
-    console.log("PREFETCHED", this.metadata.api, this.metadata.version)
+    //console.log("PREFETCHED", this.metadata.api, this.metadata.version)
     for(const afterPreFetch of this.afterPreFetch) {
       afterPreFetch()
     }
@@ -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,39 @@ 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
+}
+
+function serviceDefinition(service, context = getCurrentInstance().appContext) {
+  const api = useApi(context)
+  return [...api.metadata.api.value.services].find(x => x.name == service)
 }
 
-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,
+  serviceDefinition
+}

package/package.json

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

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)*/ )
     }