@live-change/user-frontend 0.8.13 → 0.8.14

package/front/components.d.ts

@@ -7,6 +7,7 @@ export {}
 
 declare module 'vue' {
   export interface GlobalComponents {
+    Button: typeof import('primevue/button')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
   }

package/front/src/Index.vue

@@ -2,11 +2,23 @@
   <div class="w-full lg:w-6 md:w-9">
     <div class="surface-card border-round shadow-2 p-4">
       <div class="text-900 font-medium mb-3 text-xl">Test Index</div>
+      <div>
+        <Button @click="testNotification" label="Add test notification" />
+      </div>
     </div>
   </div>
 </template>
 
 <script setup>
+
+  import { useApi } from '@live-change/vue3-ssr'
+
+  const api = useApi()
+
+  function testNotification() {
+    api.actions.notification.testNotification({ })
+  }
+
 </script>
 
 <style scoped>

package/front/src/NavBar.vue

@@ -52,13 +52,15 @@
 
 <script setup>
 
-  import { NotificationsIcon } from "@live-change/user-frontend"
+  import NotificationsIcon from './notifications/NotificationsIcon.vue'
+  import NotificationsList from './notifications/NotificationsList.vue'
 
   import { UserIcon } from "@live-change/user-frontend"
 
   import { useApi } from "@live-change/vue3-ssr"
   import { computed } from "vue"
 
+
   const api = useApi()
 
   const isMember = computed(() => api.client.value.roles.includes('member'))

package/front/src/notifications/NotificationsIcon.vue

@@ -12,7 +12,7 @@
        class="align-items-center flex-grow-1 justify-content-between hidden absolute w-full md:w-auto surface-overlay
          right-0 top-100 z-1 shadow-2 overflow-x-hidden overflow-y-auto"
        style="max-height: calc(100vh - 8rem)">
-    <loading-zone suspense  v-if="isMounted">
+    <loading-zone suspense va-if="isMounted">
       <template v-slot:loading>
         <div class="flex align-items-center justify-content-center top-0 left-0 notifications-loading">
           <ProgressSpinner animationDuration=".5s"/>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@live-change/user-frontend",
-  "version": "0.8.13",
+  "version": "0.8.14",
   "scripts": {
     "memDev": "node --inspect --expose-gc server/start.js memDev --enableSessions --initScript ./init.js --dbAccess",
     "localDevInit": "rm tmp.db; node server/start.js localDev --enableSessions --initScript ./init.js",
@@ -21,29 +21,29 @@
   },
   "type": "module",
   "dependencies": {
-    "@live-change/cli": "^0.8.13",
-    "@live-change/dao": "^0.8.13",
-    "@live-change/dao-vue3": "^0.8.13",
-    "@live-change/dao-websocket": "^0.8.13",
-    "@live-change/email-service": "^0.8.13",
-    "@live-change/framework": "^0.8.13",
-    "@live-change/identicon-service": "^0.8.13",
-    "@live-change/image-frontend": "^0.8.13",
-    "@live-change/message-authentication-service": "^0.8.13",
-    "@live-change/notification-service": "^0.8.13",
-    "@live-change/password-authentication-service": "^0.8.13",
-    "@live-change/pattern": "^0.8.13",
-    "@live-change/secret-code-service": "^0.8.13",
-    "@live-change/secret-link-service": "^0.8.13",
-    "@live-change/security-frontend": "^0.8.13",
-    "@live-change/security-service": "^0.8.13",
-    "@live-change/session-service": "^0.8.13",
-    "@live-change/timer-service": "^0.8.13",
-    "@live-change/upload-service": "^0.8.13",
-    "@live-change/user-identification-service": "^0.8.13",
-    "@live-change/user-service": "^0.8.13",
-    "@live-change/vue3-components": "^0.8.13",
-    "@live-change/vue3-ssr": "^0.8.13",
+    "@live-change/cli": "^0.8.14",
+    "@live-change/dao": "^0.8.14",
+    "@live-change/dao-vue3": "^0.8.14",
+    "@live-change/dao-websocket": "^0.8.14",
+    "@live-change/email-service": "^0.8.14",
+    "@live-change/framework": "^0.8.14",
+    "@live-change/identicon-service": "^0.8.14",
+    "@live-change/image-frontend": "^0.8.14",
+    "@live-change/message-authentication-service": "^0.8.14",
+    "@live-change/notification-service": "^0.8.14",
+    "@live-change/password-authentication-service": "^0.8.14",
+    "@live-change/pattern": "^0.8.14",
+    "@live-change/secret-code-service": "^0.8.14",
+    "@live-change/secret-link-service": "^0.8.14",
+    "@live-change/security-frontend": "^0.8.14",
+    "@live-change/security-service": "^0.8.14",
+    "@live-change/session-service": "^0.8.14",
+    "@live-change/timer-service": "^0.8.14",
+    "@live-change/upload-service": "^0.8.14",
+    "@live-change/user-identification-service": "^0.8.14",
+    "@live-change/user-service": "^0.8.14",
+    "@live-change/vue3-components": "^0.8.14",
+    "@live-change/vue3-ssr": "^0.8.14",
     "@vueuse/core": "^10.7.2",
     "codeceptjs-assert": "^0.0.5",
     "codeceptjs-video-helper": "0.1.3",
@@ -64,7 +64,7 @@
     "wtfnode": "^0.9.1"
   },
   "devDependencies": {
-    "@live-change/codeceptjs-helper": "^0.8.13",
+    "@live-change/codeceptjs-helper": "^0.8.14",
     "codeceptjs": "^3.5.12",
     "generate-password": "1.7.1",
     "playwright": "^1.41.2",
@@ -75,5 +75,5 @@
   "author": "",
   "license": "BSD-3-Clause",
   "description": "",
-  "gitHead": "4453aa639a9fe1a857d93d73ebd28a82c97fdd87"
+  "gitHead": "d81b573fb8891746ae1c67f4f68558123c9f85f7"
 }

package/server/start.js

@@ -10,7 +10,7 @@ import { starter } from '@live-change/cli'
 
 starter(appConfig)
 
-/*
+//*
 import os from 'os'
 const formatMemoryUsage = (data) => `${Math.round(data / 1024 / 1024 * 100) / 100} MB`;
 const formatUptime = (data) => // dd:hh:mm:ss