@live-change/peer-connection-frontend 0.8.143 → 0.8.144

package/front/src/components/DeviceSelect.vue

@@ -145,7 +145,7 @@
       </template>
     </PermissionsDialog>
 
-<!--    <pre>{{ model }}</pre>-->
+    <pre>{{ model }}</pre>
 <!--    <pre>{{ audioInputs }}</pre>-->
 <!--
 
@@ -488,7 +488,6 @@
     const outputDeviceId = model.value?.audioOutput?.deviceId
     if(!output) return
     (async () => {
-      console.log("SET OUTPUT DEVICE", outputDeviceId)
       if(outputDeviceId) {
         await output.setSinkId(outputDeviceId)
       } else {
@@ -601,22 +600,92 @@
       ...model.value,
       audioInput: value,
     }
+    if(value && value.deviceId === audioInputs?.value?.[0]?.deviceId) {
+      localStorage.removeItem('audioInput')
+    } else if(value) localStorage.setItem('audioInput', JSON.stringify(value))
   }
   function updateAudioOutput(value) {
     model.value = {
       ...model.value,
       audioOutput: value
     }
+    console.log("UPDATE AUDIO OUTPUT", value)
+    if(value && value.deviceId === audioOutputs?.value?.[0]?.deviceId) {
+      localStorage.removeItem('audioOutput')
+    } else if(value) localStorage.setItem('audioOutput', JSON.stringify(value))
   }
   function updateVideoInput(value) {
-    console.log("UPDATE VIDEO INPUT", value)
     model.value = {
       ...model.value,
       videoInput: value
     }
-    console.log("UPDATED VIDEO INPUT", model.value.videoInput)
+    if(value && value.deviceId === videoInputs?.value?.[0]?.deviceId) {
+      localStorage.removeItem('videoInput')
+    } else if(value) localStorage.setItem('videoInput', JSON.stringify(value))
   }
 
+  watch(() => audioInputs.value, value => {
+    const saved = localStorage.getItem('audioInput')
+    if(saved) {
+      const parsed = JSON.parse(saved)
+      const exists = value.find(device => device.deviceId === parsed.deviceId)
+        || value.find(device => device.label === parsed.label)
+      if(exists) {
+        model.value = {
+          ...model.value,
+          audioInput: exists
+        }
+        setTimeout(() => {
+          model.value = {
+            ...model.value,
+            audioInput: exists
+          }
+        }, 23)
+      }
+    }
+  })
+  watch(() => audioOutputs.value, value => {
+    const saved = localStorage.getItem('audioOutput')
+    if(saved) {
+      const parsed = JSON.parse(saved)
+      const exists = value.find(device => device.deviceId === parsed.deviceId)
+        || value.find(device => device.label === parsed.label)
+      if(exists) {
+        console.log("SET AUDIO OUTPUT", exists)
+        model.value = {
+          ...model.value,
+          audioOutput: exists,
+        }
+        setTimeout(() => {
+          model.value = {
+            ...model.value,
+            audioOutput: exists,
+          }
+        }, 23)
+      }
+    }
+  })
+  watch(() => videoInputs.value, value => {
+    const saved = localStorage.getItem('videoInput')
+    if(saved) {
+      const parsed = JSON.parse(saved)
+      const exists = value.find(device => device.deviceId === parsed.deviceId)
+        || value.find(device => device.label === parsed.label)
+      if(exists) {
+        model.value = {
+          ...model.value,
+          videoInput: exists
+        }
+        setTimeout(() => {
+          model.value = {
+            ...model.value,
+            videoInput: exists
+          }
+        }, 23)
+      }
+    }
+  })
+
 </script>
 
 <style scoped>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@live-change/peer-connection-frontend",
-  "version": "0.8.143",
+  "version": "0.8.144",
   "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.143",
-    "@live-change/dao": "^0.8.143",
-    "@live-change/dao-vue3": "^0.8.143",
-    "@live-change/dao-websocket": "^0.8.143",
-    "@live-change/framework": "^0.8.143",
-    "@live-change/password-authentication-service": "^0.8.143",
-    "@live-change/secret-code-service": "^0.8.143",
-    "@live-change/secret-link-service": "^0.8.143",
-    "@live-change/session-service": "^0.8.143",
-    "@live-change/user-frontend": "^0.8.143",
-    "@live-change/user-service": "^0.8.143",
-    "@live-change/vue3-components": "^0.8.143",
-    "@live-change/vue3-ssr": "^0.8.143",
+    "@live-change/cli": "^0.8.144",
+    "@live-change/dao": "^0.8.144",
+    "@live-change/dao-vue3": "^0.8.144",
+    "@live-change/dao-websocket": "^0.8.144",
+    "@live-change/framework": "^0.8.144",
+    "@live-change/password-authentication-service": "^0.8.144",
+    "@live-change/secret-code-service": "^0.8.144",
+    "@live-change/secret-link-service": "^0.8.144",
+    "@live-change/session-service": "^0.8.144",
+    "@live-change/user-frontend": "^0.8.144",
+    "@live-change/user-service": "^0.8.144",
+    "@live-change/vue3-components": "^0.8.144",
+    "@live-change/vue3-ssr": "^0.8.144",
     "@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.143",
+    "@live-change/codeceptjs-helper": "^0.8.144",
     "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": "66b5f7afb324c434fbc61971fa8e3ec8bf9359d0"
+  "gitHead": "cea115baa7d457fa6e3865d025662b1e11b15aac"
 }