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

package/front/src/components/DeviceSelect.vue

@@ -140,6 +140,8 @@
       </template>
     </PermissionsDialog>
 
+    <pre>{{ model }}</pre>
+<!--    <pre>{{ audioInputs }}</pre>-->
 <!--
 
     <pre>PD: {{ permissionsDialog }}</pre>
@@ -243,9 +245,22 @@
     onMounted(updateDevices)
   }
 
-  const audioInputs = computed(() => devices.value.filter(device => device.kind === 'audioinput'))
-  const audioOutputs = computed(() => devices.value.filter(device => device.kind === 'audiooutput'))
-  const videoInputs = computed(() => devices.value.filter(device => device.kind === 'videoinput'))
+  function fixLabel(device, index) {
+    const { deviceId, groupId, kind, label } = device
+    if(!label.trim()) return {
+      deviceId, groupId, kind,
+      label: ({
+        audioinput: "Audio Input",
+        audiooutput: "Audio Output",
+        videoinput: "Video Input"
+      }[kind]) + ` ${index + 1}`
+    }
+    return device
+  }
+
+  const audioInputs = computed(() => devices.value.filter(device => device.kind === 'audioinput').map(fixLabel))
+  const audioOutputs = computed(() => devices.value.filter(device => device.kind === 'audiooutput').map(fixLabel))
+  const videoInputs = computed(() => devices.value.filter(device => device.kind === 'videoinput').map(fixLabel))
 
   watch(audioInputs, (value) => {
     if(value.length === 0) return
@@ -296,8 +311,10 @@
     }
     model.value = {
       ...model.value,
+      dupa:123,
       media
     }
+    console.log("MEDIA STREAM CHANGED", model.value.media, media)
   }
 
 /*  onMounted(() => {
@@ -459,6 +476,15 @@
   const permissionsCallbacks = ref({})
 
   async function showPermissionsDialog() {
+    try {
+      await Promise.all([
+        navigator.permissions.query({ name: 'camera' }),
+        navigator.permissions.query({ name: 'microphone' })
+      ])
+    } catch(error) {
+      /// TODO: some other dialog for firefox...
+      return
+    }
     return new Promise((resolve, reject) => {
       permissionsCallbacks.value = {
         audioOnly: () => {
@@ -498,6 +524,7 @@
 
   function handleEmptyPreviewClick() {
     if(model.value.media) return
+    if(!permissionsDialog.value?.permissions) return
     const { camera, microphone } = permissionsDialog.value.permissions
     if(camera === 'denied' || microphone === 'denied') {
       // open permissions dialog
@@ -507,6 +534,7 @@
 
   function handleDisabledAudioClick() {
     limitedMedia.value = null
+    if(!permissionsDialog.value?.permissions) return
     const { camera, microphone } = permissionsDialog.value.permissions
     if(camera === 'denied' || microphone === 'denied') {
       // open permissions dialog
@@ -516,6 +544,7 @@
   function handleDisabledVideoClick() {
     console.log("DISABLED VIDEO CLICK")
     limitedMedia.value = null
+    if(!permissionsDialog.value?.permissions) return
     const { camera, microphone } = permissionsDialog.value.permissions
     if(camera === 'denied' || microphone === 'denied') {
       // open permissions dialog

package/front/src/components/PermissionsDialog.vue

@@ -105,8 +105,13 @@
 
     for(const requiredPermission of JSON.parse(value)) {
       console.log("check permission", requiredPermission)
-      const permissionState = await navigator.permissions.query(requiredPermission)
-      const state = permissionState ? permissionState.state : "unknown"
+      let state, permissionState
+      try {
+        permissionState = await navigator.permissions.query(requiredPermission)
+        state = permissionState ? permissionState.state : "unknown"
+      } catch {
+        state = 'not_supported'
+      }
       model.value = {
         ...model.value,
         permissions: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@live-change/peer-connection-frontend",
-  "version": "0.8.93",
+  "version": "0.8.94",
   "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.93",
-    "@live-change/dao": "^0.8.93",
-    "@live-change/dao-vue3": "^0.8.93",
-    "@live-change/dao-websocket": "^0.8.93",
-    "@live-change/framework": "^0.8.93",
-    "@live-change/password-authentication-service": "^0.8.93",
-    "@live-change/secret-code-service": "^0.8.93",
-    "@live-change/secret-link-service": "^0.8.93",
-    "@live-change/session-service": "^0.8.93",
-    "@live-change/user-frontend": "^0.8.93",
-    "@live-change/user-service": "^0.8.93",
-    "@live-change/vue3-components": "^0.8.93",
-    "@live-change/vue3-ssr": "^0.8.93",
+    "@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",
     "@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.93",
+    "@live-change/codeceptjs-helper": "^0.8.94",
     "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": "c5c699c6f29b735dd1597ddf572a8b956b338329"
+  "gitHead": "1c40a298d8d39dfcf4fc17bb754df365e7214d3e"
 }