@live-change/peer-connection-frontend 0.8.94 → 0.8.95

package/front/components.d.ts

@@ -14,6 +14,7 @@ declare module 'vue' {
     Dialog: typeof import('primevue/dialog')['default']
     Dropdown: typeof import('primevue/dropdown')['default']
     InputSwitch: typeof import('primevue/inputswitch')['default']
+    MediaSettingsButton: typeof import('./src/components/MediaSettingsButton.vue')['default']
     MicrophoneButton: typeof import('./src/components/MicrophoneButton.vue')['default']
     PermissionsDialog: typeof import('./src/components/PermissionsDialog.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']

package/front/src/components/DeviceSelect.vue

@@ -44,6 +44,11 @@
         </div>
       </div>
 
+      <div v-if="gettingUserMedia"
+           class="absolute top-0 left-0 w-full h-full flex flex-column justify-content-center align-items-center">
+        <ProgressSpinner  />
+      </div>
+
       <div class="absolute top-0 left-0 w-full h-full flex flex-column justify-content-end align-items-center">
         <div class="flex flex-row justify-content-between align-items-center h-5rem w-7rem media-buttons">
           <MicrophoneButton v-model="model" @disabled-audio-click="handleDisabledAudioClick" />
@@ -165,6 +170,7 @@
 
   import Button from 'primevue/button'
   import Dropdown from 'primevue/dropdown'
+  import ProgressSpinner from 'primevue/progressspinner'
   import PermissionsDialog from './PermissionsDialog.vue'
   import VolumeIndicator from './VolumeIndicator.vue'
 
@@ -311,10 +317,15 @@
     }
     model.value = {
       ...model.value,
-      dupa:123,
       media
     }
-    console.log("MEDIA STREAM CHANGED", model.value.media, media)
+    setTimeout(() => { /// firefox needs this timeout
+      model.value = {
+        ...model.value,
+        media
+      }
+      console.log("MEDIA STREAM CHANGED", model.value.media, media)
+    }, 1)
   }
 
 /*  onMounted(() => {
@@ -349,11 +360,18 @@
     }
   }, { immediate: true })
 
-  let gettingUserMedia = false
+  const gettingUserMedia = ref(false)
   async function updateUserMedia(retry = false) {
     console.log("USER MEDIA UPDATE WHEN MODEL IS", model.value)
-    if(gettingUserMedia) return
-    gettingUserMedia = true
+    if(gettingUserMedia.value) return
+    if(!retry && model.value.mediaError) {
+      console.log("CLEAR MEDIA ERROR")
+      model.value = {
+        ...model.value,
+        mediaError: null
+      }
+    }
+    gettingUserMedia.value = true
     try {
       const constraints = selectedConstraints.value
       const videoAllowed = videoInputRequest.value !== 'none' && constraints.video
@@ -366,6 +384,10 @@
       try {
         console.log("GET USER MEDIA")
         const mediaStream = await getUserMediaNative(constraints)
+        if(JSON.stringify(selectedConstraints.value) !== JSON.stringify(constraints)) {
+          console.log("SELECTED CONSTRAINTS CHANGED WHILE GETTING USER MEDIA")
+          return
+        }
         /*      if(userMedia.value && retry) {
           console.log("CLOSE USER MEDIA")
           userMedia.value.getTracks().forEach(track => track.stop())
@@ -425,7 +447,7 @@
         }
       }
     } finally {
-      gettingUserMedia = false
+      gettingUserMedia.value = false
     }
   }
 
@@ -574,7 +596,7 @@
   function updateAudioInput(value) {
     model.value = {
       ...model.value,
-      audioInput: value
+      audioInput: value,
     }
   }
   function updateAudioOutput(value) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@live-change/peer-connection-frontend",
-  "version": "0.8.94",
+  "version": "0.8.95",
   "scripts": {
     "memDev": "dotenvx run -- node server/start.js memDev --enableSessions --initScript ./init.js --dbAccess",
     "localDevInit": "rm tmp.db; dotenvx run -- node server/start.js localDev --enableSessions --initScript ./init.js",
@@ -22,19 +22,19 @@
   },
   "type": "module",
   "dependencies": {
-    "@live-change/cli": "^0.8.94",
-    "@live-change/dao": "^0.8.94",
-    "@live-change/dao-vue3": "^0.8.94",
-    "@live-change/dao-websocket": "^0.8.94",
-    "@live-change/framework": "^0.8.94",
-    "@live-change/password-authentication-service": "^0.8.94",
-    "@live-change/secret-code-service": "^0.8.94",
-    "@live-change/secret-link-service": "^0.8.94",
-    "@live-change/session-service": "^0.8.94",
-    "@live-change/user-frontend": "^0.8.94",
-    "@live-change/user-service": "^0.8.94",
-    "@live-change/vue3-components": "^0.8.94",
-    "@live-change/vue3-ssr": "^0.8.94",
+    "@live-change/cli": "^0.8.95",
+    "@live-change/dao": "^0.8.95",
+    "@live-change/dao-vue3": "^0.8.95",
+    "@live-change/dao-websocket": "^0.8.95",
+    "@live-change/framework": "^0.8.95",
+    "@live-change/password-authentication-service": "^0.8.95",
+    "@live-change/secret-code-service": "^0.8.95",
+    "@live-change/secret-link-service": "^0.8.95",
+    "@live-change/session-service": "^0.8.95",
+    "@live-change/user-frontend": "^0.8.95",
+    "@live-change/user-service": "^0.8.95",
+    "@live-change/vue3-components": "^0.8.95",
+    "@live-change/vue3-ssr": "^0.8.95",
     "@vueuse/core": "^10.11.0",
     "boxicons": "^2.1.4",
     "codeceptjs-assert": "^0.0.5",
@@ -54,7 +54,7 @@
     "vue3-scroll-border": "0.1.6"
   },
   "devDependencies": {
-    "@live-change/codeceptjs-helper": "^0.8.94",
+    "@live-change/codeceptjs-helper": "^0.8.95",
     "codeceptjs": "^3.6.5",
     "generate-password": "1.7.1",
     "playwright": "^1.41.2",
@@ -65,5 +65,5 @@
   "author": "Michał Łaszczewski <michal@laszczewski.pl>",
   "license": "BSD-3-Clause",
   "description": "",
-  "gitHead": "1c40a298d8d39dfcf4fc17bb754df365e7214d3e"
+  "gitHead": "852e9817a89ffe5f2b6dc13c658d7a1bfd4f8fa6"
 }