@live-change/frontend-base 0.2.51 → 0.2.52

package/ViewRoot.vue

@@ -41,10 +41,10 @@
 
   import ProgressSpinner from 'primevue/progressspinner'
 
-  import { useMeta } from 'vue-meta'
+  import { useHead } from '@vueuse/head'
   import Page from "./Page.vue"
 
-  const { meta } = useMeta({
+  const { meta } = useHead({
     meta: [
       { charset: 'utf-8' },
       { name: 'viewport',

package/main.js

@@ -1,5 +1,4 @@
 import { createSSRApp, createApp as createSPAApp } from 'vue'
-import { createMetaManager } from 'vue-meta'
 
 import { registerComponents } from '@live-change/vue3-components'
 import ReactiveDaoVue from '@live-change/dao-vue3'
@@ -26,6 +25,8 @@ export async function createApp(config, api, App, createRouter, host, headers, r
   const isSPA = (typeof window !== 'undefined') && !window.__DAO_CACHE__
   console.log("IS SPA", isSPA)
   const app = isSPA ? createSPAApp(App) : createSSRApp(App)
+
+
   app.config.devtools = true
 
   app.config.globalProperties.$response = response
@@ -74,11 +75,6 @@ export async function createApp(config, api, App, createRouter, host, headers, r
     // options...
   })
 
-  const meta = createMetaManager({ // TODO: remove this after switching to unhead
-    isSSR
-  })
-  app.use(meta)
-
   const head = createHead()
   app.use(head)
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@live-change/frontend-base",
-  "version": "0.2.51",
+  "version": "0.2.52",
   "scripts": {
     "memDev": "lcli memDev --enableSessions --initScript ./init.js --templatePath ../../base-frontend/index.html",
     "localDevInit": "rm tmp.db; lcli localDev --enableSessions --initScript ./init.js",
@@ -20,60 +20,59 @@
     "debug": "node --inspect-brk server"
   },
   "dependencies": {
-    "@live-change/cli": "0.7.28",
+    "@live-change/cli": "0.7.30",
     "@live-change/dao": "0.5.20",
     "@live-change/dao-message": "0.5.20",
     "@live-change/dao-sockjs": "0.5.20",
     "@live-change/dao-vue3": "0.5.20",
     "@live-change/dao-websocket": "0.5.20",
-    "@live-change/email-service": "0.3.28",
-    "@live-change/password-authentication-service": "0.3.28",
-    "@live-change/secret-code-service": "0.3.28",
-    "@live-change/secret-link-service": "0.3.28",
-    "@live-change/security-frontend": "^0.2.51",
-    "@live-change/session-service": "0.3.28",
-    "@live-change/user-service": "0.3.28",
+    "@live-change/email-service": "0.3.29",
+    "@live-change/password-authentication-service": "0.3.29",
+    "@live-change/secret-code-service": "0.3.29",
+    "@live-change/secret-link-service": "0.3.29",
+    "@live-change/security-frontend": "^0.2.52",
+    "@live-change/session-service": "0.3.29",
+    "@live-change/user-service": "0.3.29",
     "@live-change/vue3-components": "0.2.28",
     "@live-change/vue3-ssr": "0.2.28",
-    "@unhead/ssr": "^1.1.29",
-    "@vitejs/plugin-vue": "^2.3.1",
-    "@vitejs/plugin-vue-jsx": "^1.3.10",
-    "@vue/compiler-sfc": "^3.2.37",
-    "@vueuse/core": "^9.1.0",
-    "@vueuse/head": "^1.1.26",
+    "@unhead/ssr": "^1.6.2",
+    "@vitejs/plugin-vue": "^4.3.4",
+    "@vue/compiler-sfc": "^3.3.4",
+    "@vueuse/core": "^10.4.1",
+    "@vueuse/head": "^1.3.1",
     "codeceptjs-assert": "^0.0.5",
     "compression": "^1.7.4",
     "cross-env": "^7.0.3",
     "get-port-sync": "1.0.1",
-    "primeflex": "^3.3.0",
+    "primeflex": "^3.3.1",
     "primeicons": "^6.0.1",
-    "primevue": "^3.28.0",
+    "primevue": "^3.34.1",
     "rollup-plugin-node-builtins": "^2.1.2",
-    "rollup-plugin-visualizer": "5.6.0",
-    "serialize-javascript": "^6.0.0",
+    "rollup-plugin-visualizer": "5.9.2",
+    "serialize-javascript": "^6.0.1",
     "serve-static": "^1.15.0",
-    "unhead": "^1.1.29",
-    "v-shared-element": "3.1.0",
+    "unhead": "^1.6.2",
+    "v-shared-element": "3.1.1",
     "vite-plugin-compression": "0.5.1",
     "vite-plugin-vue-images": "^0.6.1",
-    "vue-i18n": "^9.2.2",
+    "vue-i18n": "^9.3.0",
     "vue-meta": "^3.0.0-alpha.9",
-    "vue-router": "^4.1.3",
-    "vue3-lazyload": "0.2.5-beta",
+    "vue-router": "^4.2.4",
+    "vue3-lazyload": "0.3.8",
     "vue3-scroll-border": "0.1.5"
   },
   "devDependencies": {
-    "@live-change/codeceptjs-helper": "0.7.28",
-    "@wdio/selenium-standalone-service": "^7.20.8",
-    "codeceptjs": "^3.3.4",
+    "@live-change/codeceptjs-helper": "0.7.30",
+    "@wdio/selenium-standalone-service": "^8.15.0",
+    "codeceptjs": "^3.5.4",
     "generate-password": "1.7.0",
-    "playwright": "^1.24.2",
+    "playwright": "^1.37.1",
     "random-profile-generator": "^2.3.0",
-    "txtgen": "^3.0.2",
-    "webdriverio": "^7.20.9"
+    "txtgen": "^3.0.6",
+    "webdriverio": "^8.16.6"
   },
   "author": "",
   "license": "BSD-3-Clause",
   "description": "",
-  "gitHead": "0fd9d72bb8a5fd8402244756d5ff023028dfcb6d"
+  "gitHead": "7c05ea8ee7cc24e95feeedf86b92b045e78e8dea"
 }

package/server-entry.js

@@ -1,5 +1,4 @@
 import { renderToString } from 'vue/server-renderer'
-import { renderMetaToString } from 'vue-meta/ssr'
 
 import { serverApi } from '@live-change/vue3-ssr/serverApi.js'
 
@@ -23,10 +22,6 @@ export function serverEntry(App, createRouter, config = {}) {
 
     const host = headers['host']
     console.error('URL', host, url)
-    const api = await serverApi(dao, {
-      use: [],
-      windowId
-    })
 
     const response = {
       status: 200,
@@ -35,10 +30,16 @@ export function serverEntry(App, createRouter, config = {}) {
       }
     }
 
+    const api = await serverApi(dao, {
+      use: [],
+      windowId
+    })
+
     const { app, router, head } = await createApp(
       config, api, App, createRouter, host, headers, response, url
     )
 
+
     app.directive('shared-element', {})
 
     // set the router to the desired URL before rendering
@@ -47,7 +48,6 @@ export function serverEntry(App, createRouter, config = {}) {
 
     // prefetch data
     await api.preFetchRoute(router.currentRoute, router)
-
     // passing SSR context object which will be available via useSSRContext()
     // @vitejs/plugin-vue injects code into a component's setup() that registers
     // itself on ctx.modules. After the render, ctx.modules would contain all the
@@ -62,21 +62,11 @@ export function serverEntry(App, createRouter, config = {}) {
     // request.
 
     const renderedHead = await renderHeadToString(head)
-    console.log("HEAD", renderedHead)
-
-    const hed=  {
-      headTags: '<title>IPI Swap</title>\n' +
-      '<link rel="icon" href="/icon/icon256.png" type="image/png" sizes="256x256">\n' +
-      '<link rel="icon" href="/icon/icon128.png" type="image/png" sizes="128x128">\n' +
-      '<link rel="icon" href="/icon/icon64.png" type="image/png" sizes="64x64">\n' +
-      '<link rel="icon" href="/icon/icon32.png" type="image/png" sizes="32x32">\n' +
-      '<link rel="icon" href="/icon/icon16.png" type="image/png" sizes="16x16">',
-        bodyTags: '',
-        bodyTagsOpen: '',
-        htmlAttrs: ' lang="en" amp=""',
-        bodyAttrs: ''
-    }
 
+/*    const html = 'html'
+    const renderedHead= 'head'
+    const data = {}
+    const ctx = { modules: [] }*/
 
     return {html, data, meta: renderedHead, modules: ctx.modules, response}
   }

package/vite-config.js

@@ -89,7 +89,6 @@ module.exports = async ({ command, mode }) => ({
       'pica'
     ],
     noExternal: [
-      'vue-meta',
       '@live-change/vue3-components',
       '@live-change/dao-vue3',
       '@live-change/vue3-ssr',