@live-change/frontend-base 0.2.5 → 0.2.7

package/index.js

@@ -9,3 +9,6 @@ export { ViewRoot, Page, NavBar }
 
 import { useHost } from "./host.js"
 export { useHost }
+
+import { useResponse } from "./response.js"
+export { useResponse }

package/main.js

@@ -14,14 +14,17 @@ import { PrimeVueDialogSymbol } from 'primevue/usedialog'
 import StyleClass from 'primevue/styleclass'
 import Ripple from 'primevue/ripple'
 import BadgeDirective from 'primevue/badgedirective'
+import VueLazyLoad from 'vue3-lazyload'
 
 // SSR requires a fresh app instance per request, therefore we export a function
 // that creates a fresh app instance. If using Vuex, we'd also be creating a
 // fresh store here.
-export function createApp(api, App, createRouter, host, isSSR) {
+export function createApp(api, App, createRouter, host, response) {
+  const isSSR = response !== undefined
   const app = createSSRApp(App)
   app.config.devtools = true
 
+  app.config.globalProperties.$response = response
   app.config.globalProperties.$host = host
 
   api.installInstanceProperties(app.config.globalProperties)
@@ -62,6 +65,10 @@ export function createApp(api, App, createRouter, host, isSSR) {
   app.directive('ripple', Ripple)
   app.directive('badge', BadgeDirective)
 
+  app.use(VueLazyLoad, {
+    // options...
+  })
+
   const meta = createMetaManager({
     isSSR
   })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@live-change/frontend-base",
-  "version": "0.2.5",
+  "version": "0.2.7",
   "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.2",
-    "@live-change/dao": "0.5.6",
-    "@live-change/dao-vue3": "0.5.6",
-    "@live-change/dao-websocket": "0.5.6",
-    "@live-change/email-service": "0.3.0",
-    "@live-change/password-authentication-service": "0.3.0",
-    "@live-change/secret-code-service": "0.3.0",
-    "@live-change/secret-link-service": "0.3.0",
-    "@live-change/security-frontend": "^0.2.5",
-    "@live-change/session-service": "0.3.0",
-    "@live-change/user-service": "0.3.0",
+    "@live-change/cli": "0.7.4",
+    "@live-change/dao": "0.5.8",
+    "@live-change/dao-vue3": "0.5.8",
+    "@live-change/dao-websocket": "0.5.8",
+    "@live-change/email-service": "0.3.2",
+    "@live-change/password-authentication-service": "0.3.2",
+    "@live-change/secret-code-service": "0.3.2",
+    "@live-change/secret-link-service": "0.3.2",
+    "@live-change/security-frontend": "^0.2.7",
+    "@live-change/session-service": "0.3.2",
+    "@live-change/user-service": "0.3.2",
     "@live-change/vue3-components": "0.2.15",
     "@live-change/vue3-ssr": "0.2.15",
     "@vitejs/plugin-vue": "^2.3.1",
@@ -53,10 +53,11 @@
     "vite-plugin-vue-images": "^0.6.1",
     "vue-meta": "^3.0.0-alpha.9",
     "vue-router": "^4.1.3",
+    "vue3-lazyload": "0.2.5-beta",
     "vue3-scroll-border": "0.1.2"
   },
   "devDependencies": {
-    "@live-change/codeceptjs-helper": "0.7.2",
+    "@live-change/codeceptjs-helper": "0.7.4",
     "@wdio/selenium-standalone-service": "^7.20.8",
     "codeceptjs": "^3.3.4",
     "generate-password": "1.7.0",
@@ -68,5 +69,5 @@
   "author": "",
   "license": "BSD-3-Clause",
   "description": "",
-  "gitHead": "76ac0dd54acf671cb564a1aa943d81a9e2bc99e9"
+  "gitHead": "ef577fb31dd857acb491bd7114e611638283fe6f"
 }

package/response.js

@@ -0,0 +1,17 @@
+import { getCurrentInstance } from 'vue'
+
+function useResponse(data, context) {
+  context = context || getCurrentInstance().appContext
+  if(data && context.config.globalProperties.$response) {
+    if(data.status) {
+      context.config.globalProperties.$response.status = data.status
+    }
+    if(data.headers) {
+      for(const header in data.headers)
+      context.config.globalProperties.$response.headers[header] = data.headers[header]
+    }
+  }
+  return context.config.globalProperties.$response || { headers: {} }
+}
+
+export { useResponse }

package/server-entry.js

@@ -22,7 +22,14 @@ export function serverEntry(App, createRouter) {
       windowId
     })
 
-    const { app, router } = createApp(api, App, createRouter, host, true)
+    const response = {
+      status: 200,
+      headers: {
+        'Content-Type': 'text/html'
+      }
+    }
+
+    const { app, router } = createApp(api, App, createRouter, host, response)
 
     app.directive('shared-element', {})
 
@@ -59,6 +66,6 @@ export function serverEntry(App, createRouter) {
       ).join(' ')}>`))
     ].join('\n')
 
-    return {html, data, meta: ctx.teleports, modules: ctx.modules}
+    return {html, data, meta: ctx.teleports, modules: ctx.modules, response}
   }
 }

package/vite-config.js

@@ -38,7 +38,8 @@ module.exports = async ({ command, mode }) => ({
             'ripple': ssrTransformCustomDir,
             'styleclass': ssrTransformCustomDir,
             'badge': ssrTransformCustomDir,
-            'shared-element': ssrTransformCustomDir
+            'shared-element': ssrTransformCustomDir,
+            'lazy': ssrTransformCustomDir
           }
         }
       },