@live-change/user-frontend 0.8.22 → 0.8.24

package/.nx/cache/file-map.json

@@ -2,30 +2,30 @@
   "version": "6.0",
   "nxVersion": "18.0.6",
   "deps": {
-    "@live-change/cli": "0.8.12",
-    "@live-change/dao": "0.8.12",
-    "@live-change/dao-vue3": "0.8.12",
-    "@live-change/dao-websocket": "0.8.12",
-    "@live-change/email-service": "0.8.12",
-    "@live-change/framework": "0.8.12",
-    "@live-change/identicon-service": "0.8.12",
-    "@live-change/image-frontend": "0.8.12",
-    "@live-change/message-authentication-service": "0.8.12",
-    "@live-change/notification-service": "0.8.12",
-    "@live-change/password-authentication-service": "0.8.12",
-    "@live-change/pattern": "0.8.12",
-    "@live-change/secret-code-service": "0.8.12",
-    "@live-change/secret-link-service": "0.8.12",
-    "@live-change/security-frontend": "0.8.12",
-    "@live-change/security-service": "0.8.12",
-    "@live-change/session-service": "0.8.12",
-    "@live-change/timer-service": "0.8.12",
-    "@live-change/upload-service": "0.8.12",
-    "@live-change/user-identification-service": "0.8.12",
-    "@live-change/user-service": "0.8.12",
-    "@live-change/vue3-components": "0.8.12",
-    "@live-change/vue3-ssr": "0.8.12",
-    "@vueuse/core": "^10.7.2",
+    "@live-change/cli": "0.8.22",
+    "@live-change/dao": "0.8.22",
+    "@live-change/dao-vue3": "0.8.22",
+    "@live-change/dao-websocket": "0.8.22",
+    "@live-change/email-service": "0.8.22",
+    "@live-change/framework": "0.8.22",
+    "@live-change/identicon-service": "0.8.22",
+    "@live-change/image-frontend": "0.8.22",
+    "@live-change/message-authentication-service": "0.8.22",
+    "@live-change/notification-service": "0.8.22",
+    "@live-change/password-authentication-service": "0.8.22",
+    "@live-change/pattern": "0.8.22",
+    "@live-change/secret-code-service": "0.8.22",
+    "@live-change/secret-link-service": "0.8.22",
+    "@live-change/security-frontend": "0.8.22",
+    "@live-change/security-service": "0.8.22",
+    "@live-change/session-service": "0.8.22",
+    "@live-change/timer-service": "0.8.22",
+    "@live-change/upload-service": "0.8.22",
+    "@live-change/user-identification-service": "0.8.22",
+    "@live-change/user-service": "0.8.22",
+    "@live-change/vue3-components": "0.8.22",
+    "@live-change/vue3-ssr": "0.8.22",
+    "@vueuse/core": "^10.9.0",
     "codeceptjs-assert": "^0.0.5",
     "codeceptjs-video-helper": "0.1.3",
     "compression": "^1.7.4",
@@ -43,7 +43,7 @@
     "vue-router": "^4.2.5",
     "vue3-scroll-border": "0.1.6",
     "wtfnode": "^0.9.1",
-    "@live-change/codeceptjs-helper": "0.8.12",
+    "@live-change/codeceptjs-helper": "0.8.22",
     "codeceptjs": "^3.5.12",
     "generate-password": "1.7.1",
     "playwright": "^1.41.2",
@@ -62,11 +62,11 @@
       },
       {
         "file": "build-stats/ssr-srcentryserverjs-outDir-distserver.html",
-        "hash": "15674977906587638614"
+        "hash": "17084642017258807740"
       },
       {
         "file": "build-stats/ssrManifest-outDir-distclient.html",
-        "hash": "9937488219705731107"
+        "hash": "3717210539203410457"
       },
       {
         "file": "e2e/codecept.conf.js",
@@ -134,7 +134,7 @@
       },
       {
         "file": "front/components.d.ts",
-        "hash": "2044661247817359713"
+        "hash": "16126346593933999340"
       },
       {
         "file": "front/index.html",
@@ -162,15 +162,15 @@
       },
       {
         "file": "front/src/App.vue",
-        "hash": "4448002289154191458"
+        "hash": "9444669136274040524"
       },
       {
         "file": "front/src/Index.vue",
-        "hash": "12356037351461437753"
+        "hash": "16358144147744436235"
       },
       {
         "file": "front/src/NavBar.vue",
-        "hash": "17605050001804825681"
+        "hash": "9986696538250863687"
       },
       {
         "file": "front/src/SettingsTabs.vue",
@@ -190,11 +190,11 @@
       },
       {
         "file": "front/src/connected/Connected.vue",
-        "hash": "10216873437498206226"
+        "hash": "9003743983857262137"
       },
       {
         "file": "front/src/connected/routes.js",
-        "hash": "3589162317971318418"
+        "hash": "3520804499341680062"
       },
       {
         "file": "front/src/delete/Delete.vue",
@@ -222,7 +222,7 @@
       },
       {
         "file": "front/src/identification/IdentificationSettings.vue",
-        "hash": "9270717394669036407"
+        "hash": "15002414951607988030"
       },
       {
         "file": "front/src/identification/ObjectIdentification.vue",
@@ -230,12 +230,20 @@
       },
       {
         "file": "front/src/identification/UserIdentification.vue",
-        "hash": "12838904220408603831"
+        "hash": "315380535873476393"
       },
       {
         "file": "front/src/identification/routes.js",
         "hash": "4602874923691672825"
       },
+      {
+        "file": "front/src/locale/LocaleSettings.vue",
+        "hash": "8043550231211679672"
+      },
+      {
+        "file": "front/src/locale/routes.js",
+        "hash": "5875032803261464977"
+      },
       {
         "file": "front/src/message-auth/MessageLink.vue",
         "hash": "10909658230086475069"
@@ -286,7 +294,7 @@
       },
       {
         "file": "front/src/nav/UserMenu.vue",
-        "hash": "17042256611908615048"
+        "hash": "10869451801798490799"
       },
       {
         "file": "front/src/notifications/NotificationButtons.vue",
@@ -298,7 +306,7 @@
       },
       {
         "file": "front/src/notifications/NotificationsIcon.vue",
-        "hash": "5859352147455096267"
+        "hash": "4283053980969744770"
       },
       {
         "file": "front/src/notifications/NotificationsList.vue",
@@ -306,7 +314,7 @@
       },
       {
         "file": "front/src/notifications/NotificationsSettings.vue",
-        "hash": "8044104930614271419"
+        "hash": "7726744805095021051"
       },
       {
         "file": "front/src/notifications/SimpleNotification.vue",
@@ -358,27 +366,35 @@
       },
       {
         "file": "front/src/router.js",
-        "hash": "5526525144918983850"
+        "hash": "4992800822957455657"
       },
       {
         "file": "front/src/settings/Settings.vue",
-        "hash": "5952599724662397878"
+        "hash": "4210271156015156233"
       },
       {
         "file": "front/src/settings/SettingsIndex.vue",
-        "hash": "3533617925222074791"
+        "hash": "9952663497590369291"
       },
       {
         "file": "front/src/settings/SettingsMenu.vue",
-        "hash": "11329124290722937612"
+        "hash": "11085205607791562405"
       },
       {
         "file": "front/src/settings/SettingsMenuItem.vue",
         "hash": "2209428044778557264"
       },
       {
-        "file": "front/src/sign/SignIn.vue",
-        "hash": "5792702898605077621"
+        "file": "front/src/sign/GoogleAuth.vue",
+        "hash": "339885639525588130"
+      },
+      {
+        "file": "front/src/sign/GoogleAuthReturn.vue",
+        "hash": "16033219181863400422"
+      },
+      {
+        "file": "front/src/sign/SignInEmail.vue",
+        "hash": "1815095713448644951"
       },
       {
         "file": "front/src/sign/SignInFinished.vue",
@@ -386,31 +402,35 @@
       },
       {
         "file": "front/src/sign/SignOut.vue",
-        "hash": "7309011419574618670"
+        "hash": "10076038879944742081"
       },
       {
         "file": "front/src/sign/SignOutFinished.vue",
         "hash": "15351856180816255084"
       },
       {
-        "file": "front/src/sign/SignUp.vue",
-        "hash": "8403000658855027463"
+        "file": "front/src/sign/SignUpEmail.vue",
+        "hash": "7973900439696159950"
       },
       {
         "file": "front/src/sign/SignUpFinished.vue",
-        "hash": "7321299389431836674"
+        "hash": "15083286059095236347"
       },
       {
         "file": "front/src/sign/routes.js",
-        "hash": "16576324841269270072"
+        "hash": "13520340671954201795"
       },
       {
-        "file": "front/vite.config.js",
-        "hash": "4207480426880236517"
+        "file": "front/src/utils/countries.js",
+        "hash": "6201169448865628496"
       },
       {
-        "file": "front/vite.config.js.timestamp-1711533638521-1cea1a18c0069.mjs",
-        "hash": "11561350799085507934"
+        "file": "front/src/utils/googleApi.js",
+        "hash": "6876031073201770248"
+      },
+      {
+        "file": "front/vite.config.js",
+        "hash": "4207480426880236517"
       },
       {
         "file": "index.js",
@@ -418,11 +438,11 @@
       },
       {
         "file": "package.json",
-        "hash": "15809684074906840374"
+        "hash": "4486716430883503029"
       },
       {
         "file": "server/app.config.js",
-        "hash": "7813236415109046263"
+        "hash": "6845178030219464653"
       },
       {
         "file": "server/init-functions.js",
@@ -438,11 +458,11 @@
       },
       {
         "file": "server/services.list.js",
-        "hash": "17402448086369010671"
+        "hash": "16537572580698486843"
       },
       {
         "file": "server/start.js",
-        "hash": "12152681523604331573"
+        "hash": "8389694059221215231"
       }
     ]
   }

package/front/src/App.vue

@@ -9,6 +9,10 @@
 <script setup>
   import 'primevue/resources/themes/lara-light-blue/theme.css'
 
+  import { useLocale } from '@live-change/vue3-components'
+  const locale = useLocale()
+  locale.captureLocale()
+
   import NavBar from "./NavBar.vue"
   import ViewRoot from "@live-change/frontend-base/ViewRoot.vue"
 

package/front/src/identification/UserIdentification.vue

@@ -52,6 +52,10 @@
     inline: {
       type: Boolean,
       default: false
+    },
+    anonymous: {
+      type: String,
+      default: ''
     }
   })
 
@@ -95,7 +99,9 @@
     seed: ownerType + '_' + owner
   }
 
-  const name = computed(() => userData.value?.name || uniqueNamesGenerator(nameGeneratorConfig))
+  const name = computed(() => userData.value?.name
+    || props.anonymous
+    || uniqueNamesGenerator(nameGeneratorConfig))
 
 </script>
 

package/front/src/locale/LocaleSettings.vue

@@ -0,0 +1,74 @@
+<template>
+  <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">Locale settings</div>
+
+      <command-form service="localeSettings" action="setOrUpdateMyLocaleSettings"
+                    :initialValues="{
+                      language: localeSettings.language,
+                      dataTime: localeSettings.dataTime,
+                      number: localeSettings.number,
+                      plural: localeSettings.plural,
+                      list: localeSettings.list,
+                      relativeTime: localeSettings.relativeTime,
+                    }"
+                    v-slot="{ data }" keepOnDone @done="handleSettingsUpdated">
+
+        <div class="p-field mb-3">
+          <label for="title" class="block text-900 font-medium mb-2">
+            Language
+          </label>
+          <Dropdown v-model="data.language" :options="availableLocales"
+                    :optionLabel="languageLabel" showClear
+                    :filter="availableLocales.length > 10"
+                    placeholder="Auto-detect"
+                    class="w-full" />
+          <small v-if="data.languageError" id="language-help" class="p-error">{{ data.languageError }}</small>
+        </div>
+
+        <Button type="submit" label="Apply" class="mt-1" icon="pi pi-save" />
+
+      </command-form>
+
+    </div>
+
+<!--    <p>available: {{ availableLocales }}</p>
+    <p>current: {{ locale }}</p>
+    <pre>{{ localeSettings }}</pre>-->
+  </div>
+</template>
+
+<script setup>
+  import { usePath, live, useApi } from '@live-change/vue3-ssr'
+  const api = useApi()
+  const path = usePath()
+
+  import { useToast } from 'primevue/usetoast'
+  import { useConfirm } from 'primevue/useconfirm'
+  const confirm = useConfirm()
+  const toast = useToast()
+
+  import { useI18n } from 'vue-i18n'
+  const { t, availableLocales, locale, getLocaleMessage } = useI18n()
+
+  function languageLabel(option) {
+    if(!option) return `Auto-detect (${navigator.language})`
+    return getLocaleMessage(option).languageName
+  }
+
+  console.log("availableLocales", availableLocales)
+
+  const localePath = path.localeSettings.myLocaleSettings({})
+
+  const [localeSettings] = await Promise.all([live(localePath)])
+
+  function handleSettingsUpdated({ parameters, result }) {
+    toast.add({ severity: 'success', summary: 'Settings updated', detail: 'Your locale settings have been saved' })
+  }
+
+</script>
+
+<style scoped>
+
+</style>

package/front/src/locale/routes.js

@@ -0,0 +1,12 @@
+export function routes(config = {}) {
+  const { prefix = '/', route = (r) => r } = config
+
+  return [
+
+    route({ name: 'user:locale', path: prefix + 'locale',
+      component: () => import("./LocaleSettings.vue") })
+
+  ]
+}
+
+export default routes

package/front/src/router.js

@@ -11,6 +11,7 @@ import identificationRoutes from "./identification/routes.js"
 import deleteRoutes from "./delete/routes.js"
 import { passwordResetRoutes, passwordChangeRoutes } from "./password/routes.js"
 import { notificationsSettingsRoutes, notificationsRoutes } from "./notifications/routes.js"
+import localeSettingsRoutes from "./locale/routes.js"
 
 import { dbAdminRoutes } from "@live-change/db-admin"
 
@@ -35,7 +36,8 @@ export function userRoutes(config = {}) {
         ...passwordChangeRoutes({ ...config, prefix: '' }),
         ...connectedRoutes({ ...config, prefix: '' }),
         ...identificationRoutes({ ...config, prefix: '' }),
-        ...notificationsSettingsRoutes({ ...config, prefix: '' })
+        ...notificationsSettingsRoutes({ ...config, prefix: '' }),
+        ...localeSettingsRoutes({ ...config, prefix: '' })
       ]
     })
 

package/front/src/settings/SettingsIndex.vue

@@ -3,6 +3,7 @@
   <SettingsMenu class="h-full block md:hidden surface-section" />
 
   <div class="flex-column flex-auto align-items-center p-5 hidden md:flex">
+    <LocaleSettings class="mb-5" />
     <Connected class="mb-5" />
     <ChangePassword />
   </div>
@@ -14,6 +15,7 @@
 
   import ChangePassword from "../password/ChangePassword.vue"
   import Connected from "../connected/Connected.vue"
+  import LocaleSettings from '../locale/LocaleSettings.vue'
 
 </script>
 

package/front/src/settings/SettingsMenu.vue

@@ -10,6 +10,8 @@
 
         <SettingsMenuItem v-if="client.user" name="user:settings" icon="id-card" label="General Settings" class="hidden md:block" />
 
+        <SettingsMenuItem name="user:locale" icon="id-card" label="Language and Locale" class="hidden md:block" />
+
 <!--        <SettingsMenuItem name="user:notificationsSettings" icon="exclamation-circle" label="Notifications" />-->
 
       </ul>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@live-change/user-frontend",
-  "version": "0.8.22",
+  "version": "0.8.24",
   "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",
@@ -22,29 +22,29 @@
   },
   "type": "module",
   "dependencies": {
-    "@live-change/cli": "^0.8.22",
-    "@live-change/dao": "^0.8.22",
-    "@live-change/dao-vue3": "^0.8.22",
-    "@live-change/dao-websocket": "^0.8.22",
-    "@live-change/email-service": "^0.8.22",
-    "@live-change/framework": "^0.8.22",
-    "@live-change/identicon-service": "^0.8.22",
-    "@live-change/image-frontend": "^0.8.22",
-    "@live-change/message-authentication-service": "^0.8.22",
-    "@live-change/notification-service": "^0.8.22",
-    "@live-change/password-authentication-service": "^0.8.22",
-    "@live-change/pattern": "^0.8.22",
-    "@live-change/secret-code-service": "^0.8.22",
-    "@live-change/secret-link-service": "^0.8.22",
-    "@live-change/security-frontend": "^0.8.22",
-    "@live-change/security-service": "^0.8.22",
-    "@live-change/session-service": "^0.8.22",
-    "@live-change/timer-service": "^0.8.22",
-    "@live-change/upload-service": "^0.8.22",
-    "@live-change/user-identification-service": "^0.8.22",
-    "@live-change/user-service": "^0.8.22",
-    "@live-change/vue3-components": "^0.8.22",
-    "@live-change/vue3-ssr": "^0.8.22",
+    "@live-change/cli": "^0.8.24",
+    "@live-change/dao": "^0.8.24",
+    "@live-change/dao-vue3": "^0.8.24",
+    "@live-change/dao-websocket": "^0.8.24",
+    "@live-change/email-service": "^0.8.24",
+    "@live-change/framework": "^0.8.24",
+    "@live-change/identicon-service": "^0.8.24",
+    "@live-change/image-frontend": "^0.8.24",
+    "@live-change/message-authentication-service": "^0.8.24",
+    "@live-change/notification-service": "^0.8.24",
+    "@live-change/password-authentication-service": "^0.8.24",
+    "@live-change/pattern": "^0.8.24",
+    "@live-change/secret-code-service": "^0.8.24",
+    "@live-change/secret-link-service": "^0.8.24",
+    "@live-change/security-frontend": "^0.8.24",
+    "@live-change/security-service": "^0.8.24",
+    "@live-change/session-service": "^0.8.24",
+    "@live-change/timer-service": "^0.8.24",
+    "@live-change/upload-service": "^0.8.24",
+    "@live-change/user-identification-service": "^0.8.24",
+    "@live-change/user-service": "^0.8.24",
+    "@live-change/vue3-components": "^0.8.24",
+    "@live-change/vue3-ssr": "^0.8.24",
     "@vueuse/core": "^10.9.0",
     "codeceptjs-assert": "^0.0.5",
     "codeceptjs-video-helper": "0.1.3",
@@ -65,7 +65,7 @@
     "wtfnode": "^0.9.1"
   },
   "devDependencies": {
-    "@live-change/codeceptjs-helper": "^0.8.22",
+    "@live-change/codeceptjs-helper": "^0.8.24",
     "codeceptjs": "^3.5.12",
     "generate-password": "1.7.1",
     "playwright": "^1.41.2",
@@ -76,5 +76,5 @@
   "author": "",
   "license": "BSD-3-Clause",
   "description": "",
-  "gitHead": "70a56ac3dc54167a2d32ce47a00150e7a94bd04d"
+  "gitHead": "63e942caccbcb1c9bfbd1a3ef1d097124514c5a7"
 }