@live-change/frontend-base 0.2.29 → 0.2.31

package/client-entry.js

@@ -6,10 +6,12 @@ import {
 } from 'v-shared-element'
 
 import { createApp } from "./main.js"
+import { setTime, startRealTime } from "./time";
 
 window.process = { env: {} }
 
 export async function clientEntry(App, createRouter, config = {}) {
+  setTime(window.__NOW__)
 
   const windowId = window.__WINDOW_ID__
   console.error("CLIENT WINDOW ID", windowId)
@@ -33,6 +35,8 @@ export async function clientEntry(App, createRouter, config = {}) {
   router.isReady().then(() => {
     const instance = app.mount('#app', true)
     app._container._vnode = instance.$.vnode
+
+    startRealTime()
   })
 
 }

package/index.js

@@ -12,3 +12,6 @@ export { useHost }
 
 import { useResponse } from "./response.js"
 export { useResponse }
+
+import { now, realTime, currentTime } from "./time.js"
+export { now, realTime, currentTime }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@live-change/frontend-base",
-  "version": "0.2.29",
+  "version": "0.2.31",
   "scripts": {
     "memDev": "lcli memDev --enableSessions --initScript ./init.js --templatePath ../../base-frontend/index.html",
     "localDevInit": "rm tmp.db; lcli localDev --enableSessions --initScript ./init.js",
@@ -20,17 +20,17 @@
     "debug": "node --inspect-brk server"
   },
   "dependencies": {
-    "@live-change/cli": "0.7.11",
+    "@live-change/cli": "0.7.12",
     "@live-change/dao": "0.5.9",
     "@live-change/dao-vue3": "0.5.9",
     "@live-change/dao-websocket": "0.5.9",
-    "@live-change/email-service": "0.3.12",
-    "@live-change/password-authentication-service": "0.3.12",
-    "@live-change/secret-code-service": "0.3.12",
-    "@live-change/secret-link-service": "0.3.12",
-    "@live-change/security-frontend": "^0.2.29",
-    "@live-change/session-service": "0.3.12",
-    "@live-change/user-service": "0.3.12",
+    "@live-change/email-service": "0.3.15",
+    "@live-change/password-authentication-service": "0.3.15",
+    "@live-change/secret-code-service": "0.3.15",
+    "@live-change/secret-link-service": "0.3.15",
+    "@live-change/security-frontend": "^0.2.31",
+    "@live-change/session-service": "0.3.15",
+    "@live-change/user-service": "0.3.15",
     "@live-change/vue3-components": "0.2.16",
     "@live-change/vue3-ssr": "0.2.16",
     "@vitejs/plugin-vue": "^2.3.1",
@@ -58,7 +58,7 @@
     "vue3-scroll-border": "0.1.4"
   },
   "devDependencies": {
-    "@live-change/codeceptjs-helper": "0.7.11",
+    "@live-change/codeceptjs-helper": "0.7.12",
     "@wdio/selenium-standalone-service": "^7.20.8",
     "codeceptjs": "^3.3.4",
     "generate-password": "1.7.0",
@@ -70,5 +70,5 @@
   "author": "",
   "license": "BSD-3-Clause",
   "description": "",
-  "gitHead": "6f0afd50347ad40c3b7ac692140c48ff88b13e98"
+  "gitHead": "dc19ff2b41b59579f9eea2a85db2bf44ff009568"
 }

package/server-entry.js

@@ -4,6 +4,7 @@ import { renderMetaToString } from 'vue-meta/ssr'
 import { serverApi } from '@live-change/vue3-ssr/serverApi.js'
 
 import { createApp } from "./main.js"
+import { setTime } from "./time.js";
 
 function escapeHtml(unsafe) {
   return (''+unsafe)
@@ -15,7 +16,9 @@ function escapeHtml(unsafe) {
 }
 
 export function serverEntry(App, createRouter, config = {}) {
-  return async function({ url, headers, dao, windowId }) {
+  return async function({ url, headers, dao, windowId, now }) {
+    setTime(now)
+
     const host = headers['host']
     console.error('URL', host, url)
     const api = await serverApi(dao, {

package/time.js

@@ -0,0 +1,30 @@
+import { ref } from 'vue'
+
+export const currentTime = ref(NaN)
+export const realTime = ref(false)
+let updateInterval = null
+
+function updateCurrentTime() {
+  if(realTime) {
+    currentTime.value = Date.now()
+  }
+}
+
+export function setTime(time) {
+  currentTime.value = time
+}
+
+export function startRealTime() {
+  currentTime.value = Date.now()
+  realTime.value = true
+  updateInterval = setInterval(updateCurrentTime, 500)
+}
+
+export function now() {
+  if (realTime.value) {
+    return Date.now()
+  } else {
+    return currentTime.value
+  }
+}
+