@live-change/vue3-ssr 0.8.59 → 0.8.61

package/clientApi.js

@@ -37,6 +37,11 @@ function clientApi(settings = {}) {
     }
   }
 
+  let timeSynchronization
+  if(settings.timeSynchronization) {
+    timeSynchronization = new ReactiveDao.TimeSynchronization(settings.timeSynchronization)
+  }
+
   const dao = new ReactiveDao(credentials, {
     remoteUrl: settings.remoteUrl || document.location.protocol + '//' + document.location.host + "/api/sockjs",
     protocols: {
@@ -64,7 +69,9 @@ function clientApi(settings = {}) {
             pongInterval: 200
           })*/
 
-      ...(settings && settings.connectionSettings)
+      timeSynchronization,
+
+      ...(settings && settings.connectionSettings),
     },
 
     defaultRoute: {
@@ -79,6 +86,7 @@ function clientApi(settings = {}) {
     ssr: (typeof window == "undefined") || !!window.__DAO_CACHE__,
     cache: true,
     ...settings,
+    timeSynchronization: timeSynchronization,
     createReactiveObject(definition) {
       //console.log("CREATE REACTIVE OBJECT", definition)
       return createReactiveObject(definition, reactiveMixin(api), reactivePrefetchMixin(api) )

package/index.js

@@ -1,4 +1,4 @@
-import { getCurrentInstance, onUnmounted } from 'vue'
+import { getCurrentInstance, onUnmounted, ref, computed, unref } from 'vue'
 import { live as d3live, fetch as d3fetch, RangeBuckets } from '@live-change/dao-vue3'
 import { InboxReader } from '@live-change/dao'
 
@@ -87,6 +87,48 @@ function useUid(context) {
   return useApi(context).uid
 }
 
+function useTimeSynchronization(context, onUnmountedCb) {
+  const api = useApi(context)
+  const timeSynchronization = api.settings.timeSynchronization
+  if(!timeSynchronization) throw new Error("Time synchronization not configured")
+  if(!onUnmountedCb && typeof window != 'undefined') {
+    if(getCurrentInstance()) {
+      onUnmountedCb = onUnmounted
+    } else {
+      onUnmountedCb = () => {
+        console.error("live fetch outside component instance - possible memory leak")
+      }
+    }
+  }
+  const diffRef = ref(timeSynchronization.timeDiffObservable.getValue())
+  const observer = {
+    set(value) {
+      diffRef.value = value
+    }
+  }
+  timeSynchronization.timeDiffObservable.observe(observer)
+  const synchronizedRef = ref(timeSynchronization.synchronizedObservable.getValue())
+  const synchronizedObserver = {
+    set(value) {
+      synchronizedRef.value = value
+    }
+  }
+  timeSynchronization.synchronizedObservable.observe(synchronizedObserver)
+  onUnmountedCb(() => {
+    timeSynchronization.timeDiffObservable.unobserve(observer)
+    timeSynchronization.synchronizedObservable.unobserve(synchronizedObserver)
+  })
+  return {
+    waitForSynchronized: () => timeSynchronization.readyPromise,
+    diff: computed(() => diffRef.value),
+    synchronized: computed(() => synchronizedRef.value),
+    serverToLocal: (ts) => unref(ts) - diffRef.value,
+    localToServer: (ts) => unref(ts) + diffRef.value,
+    serverToLocalComputed: (ts) => computed(() => unref(ts) - diffRef.value),
+    localToServerComputed: (ts) => computed(() => unref(ts) + diffRef.value),
+  }
+}
+
 function serviceDefinition(service, context = getCurrentInstance().appContext) {
   const api = useApi(context)
   return [...api.metadata.api.value.services].find(x => x.name === service)
@@ -103,7 +145,7 @@ const client = useClient
 const uid = useUid
 
 export {
-  usePath, useLive, useFetch, useApi, useView, useActions, useUid, useClient,
+  usePath, useLive, useFetch, useApi, useView, useActions, useUid, useClient, useTimeSynchronization,
   path, live, fetch, api, view, actions, uid, client,
   rangeBuckets, reverseRange,
   inboxReader,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@live-change/vue3-ssr",
-  "version": "0.8.59",
+  "version": "0.8.61",
   "description": "Live Change Framework - vue components",
   "main": "index.js",
   "scripts": {
@@ -21,10 +21,10 @@
   },
   "homepage": "https://github.com/live-change/live-change-stack",
   "dependencies": {
-    "@live-change/dao-vue3": "^0.8.59",
-    "@live-change/uid": "^0.8.59",
+    "@live-change/dao-vue3": "^0.8.61",
+    "@live-change/uid": "^0.8.61",
     "@vueuse/core": "^10.11.0",
     "debug": "^4.3.4"
   },
-  "gitHead": "69e6b3004d32994e5fd64df03bf025e04073df3f"
+  "gitHead": "3d88dcb3758467da1440e5d4500af531595aa310"
 }