@live-change/user-frontend 0.9.37 → 0.9.39

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 (11) hide show
  1. package/front/src/identification/UserIdentification.vue +4 -4
  2. package/front/src/message-auth/MessageSent.vue +1 -1
  3. package/front/src/message-auth/email/ConnectEmail.vue +3 -0
  4. package/front/src/message-auth/email/ResetPasswordEmail.vue +3 -0
  5. package/front/src/message-auth/email/SignInEmail.vue +3 -0
  6. package/front/src/message-auth/email/SignUpEmail.vue +3 -0
  7. package/front/src/nav/UserIcon.vue +3 -2
  8. package/front/src/nav/UserMenu.vue +15 -6
  9. package/front/src/notifications/NotificationsIcon.vue +1 -1
  10. package/front/src/sign/SignUpEmail.vue +3 -3
  11. package/package.json +26 -26
package/front/src/identification/UserIdentification.vue CHANGED
@@ -4,9 +4,9 @@
4
4
  :to="{ name: 'user:profile', params: { user: owner } }"
5
5
  v-ripple
6
6
  :class="inline ? inlineClass : blockClass">
7
- <Image v-if="userData?.image" :image="userData.image" class="mr-2 rounded-full"
7
+ <Image v-if="userData?.image" :image="userData.image" class="mr-2 rounded-full inline"
8
8
  :style="imageStyle"/>
9
- <img v-else :src="identiconUrl" class="mr-2 rounded-full" :style="imageStyle" domResize />
9
+ <img v-else :src="identiconUrl" class="mr-2 rounded-full inline" :style="imageStyle" domResize />
10
10
  <span class="text-ellipsis whitespace-nowrap overflow-hidden"
11
11
  :class="[ ownerType === 'user_User' ? 'font-medium' : 'font-italic' ]">
12
12
  {{ name }}
@@ -20,9 +20,9 @@
20
20
  </span>
21
21
  </span>
22
22
  <span v-else :class="inline ? inlineClass : blockClass">
23
- <Image v-if="userData?.image" :image="userData.image" class="mr-2 rounded-full"
23
+ <Image v-if="userData?.image" :image="userData.image" class="mr-2 rounded-full inline"
24
24
  :style="imageStyle"/>
25
- <img v-else :src="identiconUrl" class="mr-2 rounded-full" :style="imageStyle" domResize />
25
+ <img v-else :src="identiconUrl" class="mr-2 rounded-full inline" :style="imageStyle" domResize />
26
26
  <span class="text-ellipsis whitespace-nowrap overflow-hidden"
27
27
  :class="[ ownerType === 'user_User' ? 'font-medium' : 'font-italic' ]">
28
28
  {{ name }}
package/front/src/message-auth/MessageSent.vue CHANGED
@@ -16,7 +16,7 @@
16
16
  v-slot="{ data }">
17
17
  <div class="flex justify-center flex-col items-center">
18
18
  <div class="p-field mx-1 flex flex-col mb-4">
19
- <label for="code" class="p-sr-only">Code</label>
19
+ <label for="code" class="sr-only">Code</label>
20
20
  <InputOtp id="code" :length="6" class="mb-2"
21
21
  v-model="data.secret"
22
22
  aria-describedby="code-help" :invalid="!!data.secretError" />
package/front/src/message-auth/email/ConnectEmail.vue CHANGED
@@ -74,6 +74,9 @@
74
74
  const secretLink = secrets.find(secret => secret.type === 'link')
75
75
  const secretCode = secrets.find(secret => secret.type === 'code')
76
76
 
77
+ import { useHead } from '@vueuse/head'
78
+ useHead({ htmlAttrs: { class: 'email-rendering' } })
79
+
77
80
  import { useApi } from '@live-change/vue3-ssr'
78
81
  const api = useApi()
79
82
 
package/front/src/message-auth/email/ResetPasswordEmail.vue CHANGED
@@ -74,6 +74,9 @@
74
74
  const secretLink = secrets.find(secret => secret.type === 'link')
75
75
  const secretCode = secrets.find(secret => secret.type === 'code')
76
76
 
77
+ import { useHead } from '@vueuse/head'
78
+ useHead({ htmlAttrs: { class: 'email-rendering' } })
79
+
77
80
  import { useApi } from '@live-change/vue3-ssr'
78
81
  const api = useApi()
79
82
 
package/front/src/message-auth/email/SignInEmail.vue CHANGED
@@ -74,6 +74,9 @@
74
74
  const secretLink = secrets.find(secret => secret.type === 'link')
75
75
  const secretCode = secrets.find(secret => secret.type === 'code')
76
76
 
77
+ import { useHead } from '@vueuse/head'
78
+ useHead({ htmlAttrs: { class: 'email-rendering' } })
79
+
77
80
  import { useApi } from '@live-change/vue3-ssr'
78
81
  const api = useApi()
79
82
 
package/front/src/message-auth/email/SignUpEmail.vue CHANGED
@@ -74,6 +74,9 @@
74
74
  const secretLink = secrets.find(secret => secret.type === 'link')
75
75
  const secretCode = secrets.find(secret => secret.type === 'code')
76
76
 
77
+ import { useHead } from '@vueuse/head'
78
+ useHead({ htmlAttrs: { class: 'email-rendering' } })
79
+
77
80
  import { useApi } from '@live-change/vue3-ssr'
78
81
  const api = useApi()
79
82
 
package/front/src/nav/UserIcon.vue CHANGED
@@ -12,8 +12,9 @@
12
12
  class="mr-0 rounded-full border-1 border-surface-400 dark:border-surface-600 w-12 max-w-none" />
13
13
  </span>
14
14
  </a>
15
- <div class="align-items-center flex-grow-1 justify-content-between hidden absolute w-full md:w-auto bg-surface-0
16
- right-0 top-full z-5 shadow">
15
+ <div class="align-items-center flex-grow-1 justify-content-between hidden absolute w-full md:w-auto
16
+ bg-surface-0 dark:bg-surface-950 dark:border-1 dark:border-surface-800
17
+ right-0 top-full z-5 shadow">
17
18
  <loading-zone suspense>
18
19
  <template v-slot:loading>
19
20
  <div class="flex items-center justify-center top-0 left-0 notifications-loading">
package/front/src/nav/UserMenu.vue CHANGED
@@ -3,8 +3,9 @@
3
3
  <li>
4
4
  <router-link :to="{ name: 'user:identification' }"
5
5
  v-ripple
6
- class="flex px-6 py-2 items-center text-surface-600 hover:text-surface-900
7
- hover:bg-surface-100
6
+ class="flex px-6 py-2 items-center
7
+ text-surface-600 hover:text-surface-900 hover:bg-surface-100
8
+ dark:text-surface-400 dark:hover:text-surface-100 dark:hover:bg-surface-800
8
9
  font-medium border-round cursor-pointer transition-colors transition-duration-150 p-ripple no-underline"
9
10
  >
10
11
  <i class="pi pi-user mr-3"></i>
@@ -14,7 +15,9 @@
14
15
  <li v-if="!client.user">
15
16
  <router-link :to="{ name: 'user:signUpEmail' }"
16
17
  v-ripple
17
- class="flex px-6 py-2 items-center text-surface-600 hover:text-surface-900 hover:bg-surface-100
18
+ class="flex px-6 py-2 items-center
19
+ text-surface-600 hover:text-surface-900 hover:bg-surface-100
20
+ dark:text-surface-400 dark:hover:text-surface-100 dark:hover:bg-surface-800
18
21
  font-medium border-round cursor-pointer p-ripple no-underline
19
22
  transition-colors duration-300 ease-in-out"
20
23
  >
@@ -25,7 +28,9 @@
25
28
  <li v-if="!client.user">
26
29
  <router-link :to="{ name: 'user:signInEmail' }"
27
30
  v-ripple
28
- class="flex px-6 py-2 items-center text-surface-600 hover:text-surface-900 hover:bg-surface-100
31
+ class="flex px-6 py-2 items-center
32
+ text-surface-600 hover:text-surface-900 hover:bg-surface-100
33
+ dark:text-surface-400 dark:hover:text-surface-100 dark:hover:bg-surface-800
29
34
  font-medium border-round cursor-pointer p-ripple no-underline
30
35
  transition-colors duration-300 ease-in-out"
31
36
  >
@@ -36,7 +41,9 @@
36
41
  <li v-if="client.user">
37
42
  <router-link :to="{ name: 'user:settings' }"
38
43
  v-ripple
39
- class="flex px-6 py-2 items-center text-surface-600 hover:text-surface-900 hover:bg-surface-100
44
+ class="flex px-6 py-2 items-center
45
+ text-surface-600 hover:text-surface-900 hover:bg-surface-100
46
+ dark:text-surface-400 dark:hover:text-surface-100 dark:hover:bg-surface-800
40
47
  font-medium border-round cursor-pointer p-ripple no-underline
41
48
  transition-colors duration-300 ease-in-out"
42
49
  >
@@ -47,7 +54,9 @@
47
54
  <li v-if="client.user">
48
55
  <router-link :to="{ name: 'user:signOut' }"
49
56
  v-ripple
50
- class="flex px-6 py-2 items-center text-surface-600 hover:text-surface-900 hover:bg-surface-100
57
+ class="flex px-6 py-2 items-center
58
+ text-surface-600 hover:text-surface-900 hover:bg-surface-100
59
+ dark:text-surface-400 dark:hover:text-surface-100 dark:hover:bg-surface-800
51
60
  font-medium border-round cursor-pointer p-ripple no-underline
52
61
  transition-colors duration-300 ease-in-out"
53
62
  >
package/front/src/notifications/NotificationsIcon.vue CHANGED
@@ -2,7 +2,7 @@
2
2
  <a v-if="unreadNotificationsCount"
3
3
  v-ripple
4
4
  v-styleclass="{ selector: '@next', enterFromClass: 'hidden', leaveToClass: 'hidden', hideOnOutsideClick: true }"
5
- class="flex mx-0 pl-4 pr-6 pt-3 pb-2 items-center text-surface-500 dark:text-surface-400
5
+ class="flex mx-0 pl-4 pr-6 pt-4 pb-2 items-center text-surface-500 dark:text-surface-400
6
6
  hover:text-surface-900 hover:dark:text-surface-100 overflow-visible
7
7
  font-medium border-round cursor-pointer transition-colors transition-duration-150 p-ripple">
8
8
  <OverlayBadge v-if="unreadNotificationsCount?.count" :value="unreadNotificationsCount?.count ?? 0" size="small">
package/front/src/sign/SignUpEmail.vue CHANGED
@@ -2,7 +2,7 @@
2
2
  <div class="w-full lg:w-6/12 md:w-9/12" v-shared-element:form="{ duration: '300ms', includeChildren: true }">
3
3
  <div class="bg-surface-0 dark:bg-surface-900 p-6 shadow rounded-border">
4
4
  <div class="text-center mb-8">
5
- <div class="text-surface-900 dark:text-surface-0 text-3xl font-medium mb-4">Sign Up</div>
5
+ <div class="text-surface-900 dark:text-surface-200 text-3xl font-medium mb-4">Sign Up</div>
6
6
  <span class="text-surface-600 dark:text-surface-200 font-medium leading-normal">Already have an account?</span>
7
7
  <router-link :to="{ name: 'user:signInEmail' }"
8
8
  class="font-medium no-underline ml-2 text-blue-500 cursor-pointer">
@@ -13,7 +13,7 @@
13
13
  @done="handleSent" keepOnDone>
14
14
 
15
15
  <div class="p-field mb-4">
16
- <label for="email" class="block text-surface-900 dark:text-surface-0 font-medium mb-2">
16
+ <label for="email" class="block text-surface-900 dark:text-surface-200 font-medium mb-2">
17
17
  Email address
18
18
  </label>
19
19
  <InputText id="email" type="text" class="w-full"
@@ -41,7 +41,7 @@
41
41
  />
42
42
  </router-link>
43
43
 
44
- <div class="mt-4">
44
+ <div class="mt-4 text-surface-600 dark:text-surface-200">
45
45
  By providing your email address or google account, you consent to its processing solely
46
46
  for registration and account verification purposes, in accordance with our
47
47
  <router-link to="/privacy-policy">Privacy Policy</router-link>.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@live-change/user-frontend",
3
- "version": "0.9.37",
3
+ "version": "0.9.39",
4
4
  "scripts": {
5
5
  "memDev": "node --inspect --expose-gc server/start.js memDev --enableSessions --initScript ./init.js --dbAccess",
6
6
  "localDevInit": "rm tmp.db; node server/start.js localDev --enableSessions --initScript ./init.js",
@@ -22,29 +22,29 @@
22
22
  },
23
23
  "type": "module",
24
24
  "dependencies": {
25
- "@live-change/cli": "^0.9.37",
26
- "@live-change/dao": "^0.9.37",
27
- "@live-change/dao-vue3": "^0.9.37",
28
- "@live-change/dao-websocket": "^0.9.37",
29
- "@live-change/email-service": "^0.9.37",
30
- "@live-change/framework": "^0.9.37",
31
- "@live-change/identicon-service": "^0.9.37",
32
- "@live-change/image-frontend": "^0.9.37",
33
- "@live-change/message-authentication-service": "^0.9.37",
34
- "@live-change/notification-service": "^0.9.37",
35
- "@live-change/password-authentication-service": "^0.9.37",
36
- "@live-change/pattern": "^0.9.37",
37
- "@live-change/secret-code-service": "^0.9.37",
38
- "@live-change/secret-link-service": "^0.9.37",
39
- "@live-change/security-frontend": "^0.9.37",
40
- "@live-change/security-service": "^0.9.37",
41
- "@live-change/session-service": "^0.9.37",
42
- "@live-change/timer-service": "^0.9.37",
43
- "@live-change/upload-service": "^0.9.37",
44
- "@live-change/user-identification-service": "^0.9.37",
45
- "@live-change/user-service": "^0.9.37",
46
- "@live-change/vue3-components": "^0.9.37",
47
- "@live-change/vue3-ssr": "^0.9.37",
25
+ "@live-change/cli": "^0.9.39",
26
+ "@live-change/dao": "^0.9.39",
27
+ "@live-change/dao-vue3": "^0.9.39",
28
+ "@live-change/dao-websocket": "^0.9.39",
29
+ "@live-change/email-service": "^0.9.39",
30
+ "@live-change/framework": "^0.9.39",
31
+ "@live-change/identicon-service": "^0.9.39",
32
+ "@live-change/image-frontend": "^0.9.39",
33
+ "@live-change/message-authentication-service": "^0.9.39",
34
+ "@live-change/notification-service": "^0.9.39",
35
+ "@live-change/password-authentication-service": "^0.9.39",
36
+ "@live-change/pattern": "^0.9.39",
37
+ "@live-change/secret-code-service": "^0.9.39",
38
+ "@live-change/secret-link-service": "^0.9.39",
39
+ "@live-change/security-frontend": "^0.9.39",
40
+ "@live-change/security-service": "^0.9.39",
41
+ "@live-change/session-service": "^0.9.39",
42
+ "@live-change/timer-service": "^0.9.39",
43
+ "@live-change/upload-service": "^0.9.39",
44
+ "@live-change/user-identification-service": "^0.9.39",
45
+ "@live-change/user-service": "^0.9.39",
46
+ "@live-change/vue3-components": "^0.9.39",
47
+ "@live-change/vue3-ssr": "^0.9.39",
48
48
  "@vueuse/core": "^12.3.0",
49
49
  "codeceptjs-assert": "^0.0.5",
50
50
  "codeceptjs-video-helper": "0.1.3",
@@ -65,7 +65,7 @@
65
65
  "wtfnode": "^0.9.1"
66
66
  },
67
67
  "devDependencies": {
68
- "@live-change/codeceptjs-helper": "^0.9.37",
68
+ "@live-change/codeceptjs-helper": "^0.9.39",
69
69
  "codeceptjs": "^3.6.10",
70
70
  "generate-password": "1.7.1",
71
71
  "playwright": "1.49.1",
@@ -76,5 +76,5 @@
76
76
  "author": "Michał Łaszczewski <michal@laszczewski.pl>",
77
77
  "license": "BSD-3-Clause",
78
78
  "description": "",
79
- "gitHead": "b9c3b08a3e3b9d328d17f806d6a9f5684e63b878"
79
+ "gitHead": "f4452af484b26bb40e252cdcf4492706cd453c4d"
80
80
  }