@live-change/frontend-base 0.3.23 → 0.3.24

package/NavBar.vue

@@ -2,14 +2,16 @@
   <div class="surface-overlay py-3 px-6 shadow-2 flex align-items-center justify-content-between
               relative md:sticky top-0 z-5"
        style="min-height: 80px" key="navbar">
-    <img src="/images/logo.svg" alt="Image" height="40" class="mr-0 lg:mr-6">
+
+    <router-link to="/">
+      <img src="/images/logo.svg" alt="Image" height="40" class="mr-0 lg:mr-6">
+    </router-link>
     <div class="hidden lg:flex">
       <!-- place for desktop menu -->
     </div>
     <div class="flex flex-grow-1"></div>
     <UserIcon />
 
-
     <div class="static w-auto w-full surface-overlay left-0 top-100 z-1 shadow-none hidden">
       <ul class="list-none p-0 m-0 flex align-items-center select-none flex-row border-top-none">
         <li>
@@ -27,11 +29,11 @@
       </ul>
     </div>
 
-
     <a v-ripple class="cursor-pointer block lg:hidden text-700 p-ripple ml-2 hover:surface-100 p-2"
        v-styleclass="{ selector: '@next', enterClass: 'hidden', leaveToClass: 'hidden', hideOnOutsideClick: true }">
       <i class="pi pi-bars text-4xl"></i>
     </a>
+
     <div class="align-items-center flex-grow-1 justify-content-between hidden absolute lg:static w-full surface-overlay left-0 top-100 z-1 shadow-2 lg:shadow-none">
       <ul class="list-none p-0 m-0 flex lg:align-items-center select-none flex-column lg:flex-row">
         <li>
@@ -109,6 +111,7 @@
         </li>
       </ul>
     </div>
+
   </div>
 </template>
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@live-change/frontend-base",
-  "version": "0.3.23",
+  "version": "0.3.24",
   "scripts": {
     "memDev": "lcli memDev --enableSessions --initScript ./init.js --templatePath ../../base-frontend/index.html",
     "localDevInit": "rm tmp.db; lcli localDev --enableSessions --initScript ./init.js",
@@ -32,19 +32,19 @@
     "@lezer/rust": "^1.0.1",
     "@lezer/sass": "^1.0.3",
     "@lezer/xml": "^1.0.2",
-    "@live-change/cli": "0.7.38",
+    "@live-change/cli": "0.7.39",
     "@live-change/dao": "0.5.22",
     "@live-change/dao-message": "0.5.22",
     "@live-change/dao-sockjs": "0.5.22",
     "@live-change/dao-vue3": "0.5.22",
     "@live-change/dao-websocket": "0.5.22",
-    "@live-change/email-service": "0.3.40",
-    "@live-change/password-authentication-service": "0.3.40",
-    "@live-change/secret-code-service": "0.3.40",
-    "@live-change/secret-link-service": "0.3.40",
-    "@live-change/security-frontend": "^0.3.23",
-    "@live-change/session-service": "0.3.40",
-    "@live-change/user-service": "0.3.40",
+    "@live-change/email-service": "0.3.41",
+    "@live-change/password-authentication-service": "0.3.41",
+    "@live-change/secret-code-service": "0.3.41",
+    "@live-change/secret-link-service": "0.3.41",
+    "@live-change/security-frontend": "^0.3.24",
+    "@live-change/session-service": "0.3.41",
+    "@live-change/user-service": "0.3.41",
     "@live-change/vue3-components": "0.2.34",
     "@live-change/vue3-ssr": "0.2.34",
     "@unhead/ssr": "^1.6.2",
@@ -95,7 +95,7 @@
     "vue3-scroll-border": "0.1.5"
   },
   "devDependencies": {
-    "@live-change/codeceptjs-helper": "0.7.38",
+    "@live-change/codeceptjs-helper": "0.7.39",
     "@wdio/selenium-standalone-service": "^8.15.0",
     "codeceptjs": "^3.5.4",
     "generate-password": "1.7.0",
@@ -107,5 +107,5 @@
   "author": "",
   "license": "BSD-3-Clause",
   "description": "",
-  "gitHead": "98a7f97a7844c9f04cfe564e7c7d63a3cc8dce67"
+  "gitHead": "1dd8f7ad59e7e40c25cfde3fed2854bf295d069c"
 }

package/vite-config.js

@@ -36,13 +36,16 @@ const ssrTransformCustomDir = () => {
 
 let version = process.env.VERSION ?? 'unknown'
 
-module.exports = async ({ command, mode }) => {
+module.exports = async ({ command, mode }, options = {
+  ssrDisabledDirectives: ['ripple', 'styleclass', 'badge', 'shared-element', 'lazy']
+
+}) => {
   //console.log("VITE CONFIG", command, mode)
   return {
     define: {
       ENV_BASE_HREF: JSON.stringify(process.env.BASE_HREF || 'http://localhost:8001'),
-      ENV_BRAND_NAME: JSON.stringify("Example"),
-      ENV_BRAND_DOMAIN: JSON.stringify("example.com"),
+      ENV_BRAND_NAME: JSON.stringify(process.env.BRAND_NAME || "Example"),
+      ENV_BRAND_DOMAIN: JSON.stringify(process.env.BRAND_DOMAIN || "example.com"),
       ENV_MODE: JSON.stringify(mode),
       ENV_VERSION: JSON.stringify(version),
     },
@@ -65,11 +68,7 @@ module.exports = async ({ command, mode }) => {
           compilerOptions: {
             //   whitespace: "preserve",
             directiveTransforms: {
-              'ripple': ssrTransformCustomDir,
-              'styleclass': ssrTransformCustomDir,
-              'badge': ssrTransformCustomDir,
-              'shared-element': ssrTransformCustomDir,
-              'lazy': ssrTransformCustomDir
+              ...(Object.fromEntries(options.ssrDisabledDirectives.map(d => [d, ssrTransformCustomDir]))),
             }
           }
         },
@@ -230,7 +229,21 @@ module.exports = async ({ command, mode }) => {
         { find: 'universal-websocket-client', replacement: 'universal-websocket-client/browser.js' },
         { find: 'sockjs-client', replacement: 'sockjs-client/dist/sockjs.min.js' }
       ],
-    }
+    },
+
+    resolvers: [{
+      fileToRequest (filePath) {
+        console.log('@@@', filePath);
+        if (filePath.startsWith(srcPath)) {
+          return `/@/${path.relative(srcPath, filePath)}`;
+        }
+      },
+      requestToFile (publicPath) {
+        if (publicPath.startsWith('/@/')) {
+          return path.join(srcPath, publicPath.replace(/^\/@\//, ''));
+        }
+      },
+    }],
   }
 }