@live-change/video-call-frontend 0.9.32 → 0.9.33

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
  1. package/front/src/pages/video-wall-test.vue +1 -1
  2. package/front/src/room/PeerVideo.vue +2 -2
  3. package/front/src/room/Room.vue +6 -6
  4. package/front/src/room/VideoWall.vue +1 -1
  5. package/package.json +39 -39
package/front/src/pages/video-wall-test.vue CHANGED
@@ -14,7 +14,7 @@
14
14
  :topVideos="testData.topVideos"
15
15
  :otherVideos="testData.otherVideos"
16
16
  :myVideos="testData.myVideos"
17
- class="absolute surface-900 w-full h-full"
17
+ class="absolute bg-surface-900 dark:bg-surface-0 w-full h-full"
18
18
  />
19
19
 
20
20
  </template>
package/front/src/room/PeerVideo.vue CHANGED
@@ -21,7 +21,7 @@
21
21
  </video>
22
22
 
23
23
  <div v-if="(peerState?.videoState !== 'enabled' || !stream) && !image && ownerType && owner"
24
- class="absolute w-full h-full left-0 top-0 flex flex-column align-items-center justify-content-center identification">
24
+ class="absolute w-full h-full left-0 top-0 flex flex-col items-center justify-center identification">
25
25
  <UserIdentification :ownerType="ownerType" :owner="owner" />
26
26
  <!-- <pre>{{ peerState }}</pre>
27
27
  <pre>[{{ ownerType }}]</pre>-->
@@ -30,7 +30,7 @@
30
30
  <slot name="videoOverlay" v-bind="props" />
31
31
 
32
32
  <div v-if="peerState"
33
- class="absolute top-0 right-0 h-3rem pr-1 flex align-items-center">
33
+ class="absolute top-0 right-0 h-12 pr-1 flex items-center">
34
34
  <div v-if="peerState.audioState === 'muted'"
35
35
  class="border-circle bg-black-alpha-40 mx-1
36
36
  flex align-items-center justify-content-center w-2rem h-2rem">
package/front/src/room/Room.vue CHANGED
@@ -4,14 +4,14 @@
4
4
  hidden
5
5
  class="absolute w-full h-full">
6
6
  <template #default>
7
- <div class="absolute w-full h-full flex flex-row align-items-center justify-content-center">
7
+ <div class="absolute w-full h-full flex flex-row items-center justify-center">
8
8
  <div v-if="isMounted"
9
- class="surface-card shadow-1 border-round p-3 flex flex-row flex-wrap align-items-center"
9
+ class="bg-surface-0 dark:bg-surface-900 shadow-sm rounded-border p-4 flex flex-row flex-wrap items-center"
10
10
  :class="{ hidden: state !== 'welcome' }">
11
- <div class="w-30rem m-1" style="max-width: 80vw">
11
+ <div class="w-[30rem] m-1" style="max-width: 80vw">
12
12
  <DeviceSelect :modelValue="selectedDevices" @update:modelValue="updateSelectedDevices" retry-media-on-error />
13
13
  </div>
14
- <div class="m-3 text-center">
14
+ <div class="m-4 text-center">
15
15
  <h3>Select your media devices, and join.</h3>
16
16
  <Button @click="join" icon="pi pi-check" label="Join" />
17
17
  </div>
@@ -24,7 +24,7 @@
24
24
  class="w-full h-full top-0 absolute"
25
25
  style="background: black"
26
26
  />
27
- <div class="absolute bottom-0 h-4rem left-50 right-50 flex flex-row justify-content-center">
27
+ <div class="absolute bottom-0 h-16 left-1/2 right-1/2 flex flex-row justify-center">
28
28
  <div class="absolute w-11rem h-full bg-black-alpha-70 flex flex-row align-items-center
29
29
  justify-content-between px-3">
30
30
  <MicrophoneButton v-model="selectedDevices" />
@@ -37,7 +37,7 @@
37
37
  <!-- <p>selected devices: {{ selectedDevices }}</p>
38
38
  <p>local media streams: {{ localMediaStreams }}</p>
39
39
  <p>local tracks: {{ localTracks }}</p>-->
40
- <!-- <div class="bg-black-alpha-50 shadow-1 border-round mt-3 p-3 absolute text-white-alpha-90">
40
+ <!-- <div class="bg-black/50 shadow-sm rounded-border mt-4 p-4 absolute text-white/90">
41
41
  <pre>{{ JSON.stringify(peer?.summary, null, " ") }}</pre>
42
42
  </div>-->
43
43
  </template>
package/front/src/room/VideoWall.vue CHANGED
@@ -4,7 +4,7 @@
4
4
  <!--<pre style="display: none">{{ JSON.stringify(allVisibleVideos, null, " ") }}</pre>
5
5
  <pre style="display: none">{{ JSON.stringify(allVideos, null, " ") }}</pre>-->
6
6
 
7
- <!-- <div class="surface-card p-3">
7
+ <!-- <div class="bg-surface-0 dark:bg-surface-900 p-4">
8
8
  <pre>videoStyles = {{ videoStyles }}</pre>
9
9
  <pre>wall = {{ wall }} {{ wallSize }}</pre>
10
10
  <pre>mainVideos = {{ mainVideos }}</pre>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@live-change/video-call-frontend",
3
- "version": "0.9.32",
3
+ "version": "0.9.33",
4
4
  "scripts": {
5
5
  "memDev": "node server/start.js memDev --enableSessions --initScript ./init.js --dbAccess",
6
6
  "localDevInit": "rm tmp.db; node server/start.js localDev --enableSessions --initScript ./init.js",
@@ -35,41 +35,41 @@
35
35
  "@codemirror/language": "6.10.1",
36
36
  "@dotenvx/dotenvx": "0.27.0",
37
37
  "@fortawesome/fontawesome-free": "^6.7.2",
38
- "@live-change/access-control-frontend": "^0.9.32",
39
- "@live-change/access-control-service": "^0.9.32",
40
- "@live-change/backup-service": "^0.9.32",
41
- "@live-change/blog-frontend": "^0.9.32",
42
- "@live-change/blog-service": "^0.9.32",
43
- "@live-change/cli": "^0.9.32",
44
- "@live-change/content-frontend": "^0.9.32",
45
- "@live-change/content-service": "^0.9.32",
46
- "@live-change/dao": "^0.9.32",
47
- "@live-change/dao-vue3": "^0.9.32",
48
- "@live-change/dao-websocket": "^0.9.32",
49
- "@live-change/db-client": "^0.9.32",
50
- "@live-change/email-service": "^0.9.32",
51
- "@live-change/framework": "^0.9.32",
52
- "@live-change/frontend-auto-form": "^0.9.32",
53
- "@live-change/frontend-base": "^0.9.32",
54
- "@live-change/geoip-service": "^0.9.32",
55
- "@live-change/image-frontend": "^0.9.32",
56
- "@live-change/locale-settings-service": "^0.9.32",
57
- "@live-change/password-authentication-service": "^0.9.32",
58
- "@live-change/peer-connection-service": "^0.9.32",
59
- "@live-change/prosemirror-service": "^0.9.32",
60
- "@live-change/secret-code-service": "^0.9.32",
61
- "@live-change/secret-link-service": "^0.9.32",
62
- "@live-change/session-service": "^0.9.32",
63
- "@live-change/task-service": "^0.9.32",
64
- "@live-change/upload-frontend": "^0.9.32",
65
- "@live-change/url-frontend": "^0.9.32",
66
- "@live-change/url-service": "^0.9.32",
67
- "@live-change/user-frontend": "^0.9.32",
68
- "@live-change/user-identification-service": "^0.9.32",
69
- "@live-change/user-service": "^0.9.32",
70
- "@live-change/vote-service": "^0.9.32",
71
- "@live-change/vue3-components": "^0.9.32",
72
- "@live-change/vue3-ssr": "^0.9.32",
38
+ "@live-change/access-control-frontend": "^0.9.33",
39
+ "@live-change/access-control-service": "^0.9.33",
40
+ "@live-change/backup-service": "^0.9.33",
41
+ "@live-change/blog-frontend": "^0.9.33",
42
+ "@live-change/blog-service": "^0.9.33",
43
+ "@live-change/cli": "^0.9.33",
44
+ "@live-change/content-frontend": "^0.9.33",
45
+ "@live-change/content-service": "^0.9.33",
46
+ "@live-change/dao": "^0.9.33",
47
+ "@live-change/dao-vue3": "^0.9.33",
48
+ "@live-change/dao-websocket": "^0.9.33",
49
+ "@live-change/db-client": "^0.9.33",
50
+ "@live-change/email-service": "^0.9.33",
51
+ "@live-change/framework": "^0.9.33",
52
+ "@live-change/frontend-auto-form": "^0.9.33",
53
+ "@live-change/frontend-base": "^0.9.33",
54
+ "@live-change/geoip-service": "^0.9.33",
55
+ "@live-change/image-frontend": "^0.9.33",
56
+ "@live-change/locale-settings-service": "^0.9.33",
57
+ "@live-change/password-authentication-service": "^0.9.33",
58
+ "@live-change/peer-connection-service": "^0.9.33",
59
+ "@live-change/prosemirror-service": "^0.9.33",
60
+ "@live-change/secret-code-service": "^0.9.33",
61
+ "@live-change/secret-link-service": "^0.9.33",
62
+ "@live-change/session-service": "^0.9.33",
63
+ "@live-change/task-service": "^0.9.33",
64
+ "@live-change/upload-frontend": "^0.9.33",
65
+ "@live-change/url-frontend": "^0.9.33",
66
+ "@live-change/url-service": "^0.9.33",
67
+ "@live-change/user-frontend": "^0.9.33",
68
+ "@live-change/user-identification-service": "^0.9.33",
69
+ "@live-change/user-service": "^0.9.33",
70
+ "@live-change/vote-service": "^0.9.33",
71
+ "@live-change/vue3-components": "^0.9.33",
72
+ "@live-change/vue3-ssr": "^0.9.33",
73
73
  "@vueuse/core": "^12.3.0",
74
74
  "boxicons": "^2.1.4",
75
75
  "codeceptjs-assert": "^0.0.5",
@@ -81,7 +81,7 @@
81
81
  "pretty-bytes": "^6.1.1",
82
82
  "primeflex": "^3.3.1",
83
83
  "primeicons": "^7.0.0",
84
- "primevue": "^3.52.0",
84
+ "primevue": "^4.2.5",
85
85
  "rollup-plugin-node-builtins": "^2.1.2",
86
86
  "rollup-plugin-visualizer": "5.14.0",
87
87
  "serialize-javascript": "^6.0.2",
@@ -93,7 +93,7 @@
93
93
  "vue3-scroll-border": "0.1.6"
94
94
  },
95
95
  "devDependencies": {
96
- "@live-change/codeceptjs-helper": "^0.9.32",
96
+ "@live-change/codeceptjs-helper": "^0.9.33",
97
97
  "codeceptjs": "^3.6.10",
98
98
  "generate-password": "1.7.1",
99
99
  "playwright": "1.49.1",
@@ -104,5 +104,5 @@
104
104
  "author": "Michał Łaszczewski <michal@laszczewski.pl>",
105
105
  "license": "ISC",
106
106
  "description": "",
107
- "gitHead": "41022fc283020e2da3e82aa27274401052d2379a"
107
+ "gitHead": "c6eaa7764dc12b9489b74386b1227b71d0640e09"
108
108
  }