npm - @live-change/frontend-base - Versions diffs - 0.2.51 → 0.2.53 - Mend

@live-change/frontend-base 0.2.51 → 0.2.53

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/ViewRoot.vue CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@live-change/frontend-base",
-  "version": "0.2.51",
+  "version": "0.2.53",
   "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.53",
+    "@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": "55ef49d734bc2bd983010f862648e16aaf680d9f"
 }

package/server-entry.js CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -13,136 +13,150 @@ const ssrTransformCustomDir = () => {
   }
 }
-module.exports = async ({ command, mode }) => ({
-  define: {
-    ENV_BASE_HREF: JSON.stringify(process.env.BASE_HREF || 'http://localhost:8001')
-  },
-  server: {
-    hmr: {
-      port: +(process.env.HMR_PORT ?? (await findFreePorts())[0])
+module.exports = async ({ command, mode }) => {
+  console.log("VITE CONFIG", command, mode)
+  return {
+    define: {
+      ENV_BASE_HREF: JSON.stringify(process.env.BASE_HREF || 'http://localhost:8001')
     },
-    fs: {
-      allow: [
-        searchForWorkspaceRoot(process.cwd()),
-        path.dirname(require.resolve('primeicons/package.json')),
-        path.dirname(require.resolve('@fortawesome/fontawesome-free/package.json'))
-      ]
-    }
-  },
-  plugins: [
-    vuePlugin({
-      template: {
-        compilerOptions: {
-          //   whitespace: "preserve",
-          directiveTransforms: {
-            'ripple': ssrTransformCustomDir,
-            'styleclass': ssrTransformCustomDir,
-            'badge': ssrTransformCustomDir,
-            'shared-element': ssrTransformCustomDir,
-            'lazy': ssrTransformCustomDir
+    server: {
+      hmr: {
+        port: +(process.env.HMR_PORT ?? (await findFreePorts())[0])
+      },
+      fs: {
+        allow: [
+          searchForWorkspaceRoot(process.cwd()),
+          path.dirname(require.resolve('primeicons/package.json')),
+          path.dirname(require.resolve('@fortawesome/fontawesome-free/package.json'))
+        ]
+      }
+    },
+    plugins: [
+      vuePlugin({
+        template: {
+          compilerOptions: {
+            //   whitespace: "preserve",
+            directiveTransforms: {
+              'ripple': ssrTransformCustomDir,
+              'styleclass': ssrTransformCustomDir,
+              'badge': ssrTransformCustomDir,
+              'shared-element': ssrTransformCustomDir,
+              'lazy': ssrTransformCustomDir
+            }
           }
-        }
+        },
+      }),
+      viteImages({ extensions: ['jpg', 'jpeg', 'png', 'svg', 'webp'] }),
+      viteCompression({ algorithm: 'brotliCompress', ext: '.br' }),
+      viteCompression({ algorithm: 'gzip', ext: '.gz' }),
+      viteCompression({ algorithm: 'deflate', ext: '.zz' }),
+      visualizer({
+        filename: '../stats.html'
+      }),
+    ],
+    build: {
+      minify: false,
+      commonjsOptions: {
+        transformMixedEsModules: true,
+        include: [
+          /node_modules/,
+          /live-change-framework\/framework\//,
+          /live-change-framework\/relations-plugin\//,
+          /live-change-framework\/uid\//,
+          /live-change-db\/db-web\//,
+          /live-change-db\/db\//,
+          /live-change-db\/db-store-rbtree\//,
+          /live-change-db\/db-store-indexeddb\//,
+          /live-change-db\/db-store-localstorage\//,
+          /live-change-dao\/dao\//,
+          /live-change-dao\/dao-sockjs\//,
+          /live-change-dao\/dao-websocket\//,
+          /live-change-dao\/dao-message\//,
+        ]
       },
-    }),
-    viteImages({ extensions: ['jpg', 'jpeg', 'png', 'svg', 'webp'] }),
-    viteCompression({ algorithm: 'brotliCompress', ext: '.br' }),
-    viteCompression({ algorithm: 'gzip', ext: '.gz' }),
-    viteCompression({ algorithm: 'deflate', ext: '.zz' }),
-    visualizer({
-      filename: '../stats.html'
-    }),
-  ],
-  build: {
-    minify: false,
-    commonjsOptions: {
-      transformMixedEsModules: true,
+    },
+    ssr: {
+      external: [
+        ...(command == 'build' ? [
+        ]: [
+          '@live-change/dao',
+        ]),
+        '@live-change/uid',
+        '@live-change/framework',
+        '@live-change/framework/lib/utils/validators.js',
+        '@live-change/relations-plugin',
+        '@live-change/db-web',
+        '@live-change/db',
+        '@live-change/db-store-indexeddb',
+        '@live-change/db-store-rbtree',
+        'debug',
+        'vite',
+        'pica'
+      ],
+      noExternal: [
+        ...(command == 'build' ? [
+          '@live-change/dao',
+        ]: [
+        ]),
+        '@live-change/vue3-components',
+        '@live-change/dao-vue3',
+        '@live-change/vue3-ssr',
+        '@live-change/email-service',
+        '@live-change/password-authentication-service',
+        '@live-change/db-admin',
+        '@live-change/user-frontend',
+        '@live-change/frontend-base',
+        '@live-change/frontend-utils',
+        '@live-change/access-control-frontend',
+        '@live-change/content-frontend',
+        '@live-change/blog-frontend',
+        '@live-change/image-frontend',
+        '@live-change/security-frontend',
+        '@live-change/upload-frontend',
+        '@live-change/url-frontend',
+        '@live-change/user-frontend',
+        '@live-change/wysiwyg-frontend',
+        'vue3-scroll-border',
+        'pretty-bytes',
+        'primevue',
+        'primevue/usetoast',
+        'primevue/useconfirm',
+        'primevue/usedialog'
+      ]
+    },
+    optimizeDeps: {
       include: [
-        /node_modules/,
-        /live-change-framework\/framework\//,
-        /live-change-framework\/relations-plugin\//,
-        /live-change-framework\/uid\//,
-        /live-change-db\/db-web\//,
-        /live-change-db\/db\//,
-        /live-change-db\/db-store-rbtree\//,
-        /live-change-db\/db-store-indexeddb\//,
-        /live-change-db\/db-store-localstorage\//,
-        /live-change-dao\/dao\//,
-        /live-change-dao\/dao-sockjs\//,
-        /live-change-dao\/dao-websocket\//,
-        /live-change-dao\/dao-message\//,
+        '@live-change/dao',
+        '@live-change/dao-sockjs',
+        '@live-change/dao-websocket',
+        '@live-change/dao-message',
+        '@live-change/uid',
+        '@live-change/framework',
+        '@live-change/framework/lib/utils/validators.js',
+        '@live-change/relations-plugin',
+        '@live-change/db-web',
+        '@live-change/db',
+        '@live-change/db-store-indexeddb',
+        '@live-change/db-store-rbtree',
+        'debug',
+        'pica'
+      ],
+      exclude: [
+        'primevue',
+        'primevue/usetoast',
+        'primevue/useconfirm',
+        'primevue/usedialog',
       ]
     },
-  },
-  ssr: {
-    external: [
-      '@live-change/dao',
-      '@live-change/uid',
-      '@live-change/framework',
-      '@live-change/framework/lib/utils/validators.js',
-      '@live-change/relations-plugin',
-      '@live-change/db-web',
-      '@live-change/db',
-      '@live-change/db-store-indexeddb',
-      '@live-change/db-store-rbtree',
-      'debug',
-      'vite',
-      'pica'
-    ],
-    noExternal: [
-      'vue-meta',
-      '@live-change/vue3-components',
-      '@live-change/dao-vue3',
-      '@live-change/vue3-ssr',
-      '@live-change/email-service',
-      '@live-change/password-authentication-service',
-      '@live-change/db-admin',
-      '@live-change/user-frontend',
-      '@live-change/frontend-base',
-      '@live-change/frontend-utils',
-      '@live-change/access-control-frontend',
-      '@live-change/content-frontend',
-      '@live-change/blog-frontend',
-      '@live-change/image-frontend',
-      '@live-change/security-frontend',
-      '@live-change/upload-frontend',
-      '@live-change/url-frontend',
-      '@live-change/user-frontend',
-      '@live-change/wysiwyg-frontend',
-      'vue3-scroll-border',
-      'pretty-bytes'
-    ]
-  },
-  optimizeDeps: {
-    include: [
-      '@live-change/dao',
-      '@live-change/dao-sockjs',
-      '@live-change/dao-websocket',
-      '@live-change/dao-message',
-      '@live-change/uid',
-      '@live-change/framework',
-      '@live-change/framework/lib/utils/validators.js',
-      '@live-change/relations-plugin',
-      '@live-change/db-web',
-      '@live-change/db',
-      '@live-change/db-store-indexeddb',
-      '@live-change/db-store-rbtree',
-      'debug',
-      'pica'
-    ],
-    exclude: [
-      'primevue',
-      'primevue/usetoast',
-      'primevue/useconfirm',
-      'primevue/usedialog',
-    ]
-  },
-  resolve: {
-    alias: [
-      { find: 'debug', replacement: 'debug/src/browser.js' },
-      { find: 'universal-websocket-client', replacement: 'universal-websocket-client/browser.js' },
-      { find: 'sockjs-client', replacement: 'sockjs-client/dist/sockjs.min.js' }
-    ],
+    resolve: {
+      alias: [
+        { find: 'debug', replacement: 'debug/src/browser.js' },
+        { find: 'universal-websocket-client', replacement: 'universal-websocket-client/browser.js' },
+        { find: 'sockjs-client', replacement: 'sockjs-client/dist/sockjs.min.js' }
+      ],
+    }
   }
-})
+}