@live-change/peer-connection-frontend 0.8.37 → 0.8.39

package/front/components.d.ts

@@ -10,7 +10,6 @@ declare module 'vue' {
     Button: typeof import('primevue/button')['default']
     Debugger: typeof import('./src/components/Debugger.vue')['default']
     DeviceSelect: typeof import('./src/components/DeviceSelect.vue')['default']
-    DevicesSelect: typeof import('./src/components/DevicesSelect.vue')['default']
     Dialog: typeof import('primevue/dialog')['default']
     Dropdown: typeof import('primevue/dropdown')['default']
     InputSwitch: typeof import('primevue/inputswitch')['default']

package/front/src/components/Debugger.vue

@@ -64,15 +64,11 @@
       </video>
     </div>
 
-
   </div>
 </template>
 
 <script setup>
   import Button from "primevue/button"
-  import Dropdown from "primevue/dropdown"
-  import Dialog from "primevue/dialog"
-  import PermissionsDialog from './PermissionsDialog.vue'
   import DeviceSelect from './DeviceSelect.vue'
 
   import { ref, unref, computed, watch, onMounted, onUnmounted, getCurrentInstance } from 'vue'
@@ -82,7 +78,7 @@
   const appContext = (typeof window != 'undefined') && getCurrentInstance()?.appContext
 
   import { createPeer } from "./Peer.js"
-  import { getUserMedia as getUserMediaNative, getDisplayMedia as getDisplayMediaNative, isUserMediaPermitted }
+  import { getDisplayMedia as getDisplayMediaNative }
     from "./userMedia.js"
   import { mediaStreamsTracks } from './mediaStreamsTracks.js'
 
@@ -169,43 +165,6 @@
     createPeerPromise = null
   }
 
-  const permissionsDialog = ref(false)
-  const permissionsCallbacks = ref(null)
-
-  async function showPermissionsDialog() {
-    return new Promise((resolve, reject) => {
-      permissionsCallbacks.value = {
-        disabled: () => {
-          resolve(false)
-        },
-        ok: () => {
-          resolve(true)
-        },
-        cancel: () => {
-          reject('canceled by user')
-        }
-      }
-      permissionsDialog.value = {
-        visible: true
-      }
-    })
-  }
-
-  const connectDeviceDialog = ref(false)
-  const connectDeviceCallbacks = ref(null)
-
-  async function askToConnectCamera(constraints) {
-    return new Promise((resolve, reject) => {
-      connectDeviceCallbacks.value = {
-        connected: () => resolve({ ...constraints }),
-        camera: () => resolve({ ...constraints, audio: false }),
-        microphone: () => resolve({ ...constraints, video: false }),
-        cancel: () => resolve(null)
-      }
-      connectDeviceDialog.value = true
-    })
-  }
-
   async function getDisplayMedia() { // media stream retrival logic
     let initialConstraints = { video: true } // make a copy
     let constraints = { ...initialConstraints }
@@ -231,7 +190,6 @@
     displayMedia.value = null
   }
 
-
   function sendTestMessage() {
     for(const connection of peer.value.connections) {
       peer.value.sendMessage({
@@ -242,7 +200,6 @@
     }
   }
 
-
 </script>
 
 <style scoped lang="scss">

package/front/src/components/VolumeIndicator.vue

@@ -54,7 +54,6 @@
   let lowProcessor, midProcessor, highProcessor
   let lowSlow = 0, midSlow = 0, highSlow = 0
 
-
   function measureAmplitudeProcess(cb) {
     return function(event) {
       const numberOfChannels = event.inputBuffer.numberOfChannels
@@ -72,6 +71,7 @@
   }
 
   function handleLow(instant) {
+    if(!low.value) return console.log("no low element")
     instant = Math.log(instant)
     let value = lowSlow
     if(!Number.isFinite(value)) value = -1000
@@ -84,6 +84,7 @@
     low.value.style.height = height + 'px'
   }
   function handleMid(instant) {
+    if(!mid.value) return console.log("no mid element")
     instant = Math.log(instant)
     let value = midSlow
     if(!Number.isFinite(value)) value = -1000
@@ -96,6 +97,7 @@
     mid.value.style.height = height + 'px'
   }
   function handleHigh(instant) {
+    if(!high.value) return console.log("no high element")
     instant = Math.log(instant)
     let value = highSlow
     if(!Number.isFinite(value)) value = -1000

package/index.js

@@ -8,8 +8,11 @@ export { Debugger, DeviceSelect, PermissionsDialog, VolumeIndicator }
 import { createPeer } from './front/src/components/Peer.js'
 import { createPeerConnection } from './front/src/components/PeerConnection.js'
 import { getUserMedia, getDisplayMedia, isUserMediaPermitted } from './front/src/components/userMedia.js'
+import { mediaStreamsTracks } from './front/src/components/mediaStreamsTracks.js'
 
-export { createPeer, createPeerConnection, getUserMedia, getDisplayMedia, isUserMediaPermitted }
+export {
+  createPeer, createPeerConnection, getUserMedia, getDisplayMedia, isUserMediaPermitted, mediaStreamsTracks
+}
 
 import { peerConnectionRoutes } from './front/src/router.js'
 export { peerConnectionRoutes }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@live-change/peer-connection-frontend",
-  "version": "0.8.37",
+  "version": "0.8.39",
   "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.37",
-    "@live-change/dao": "^0.8.37",
-    "@live-change/dao-vue3": "^0.8.37",
-    "@live-change/dao-websocket": "^0.8.37",
-    "@live-change/framework": "^0.8.37",
-    "@live-change/password-authentication-service": "^0.8.37",
-    "@live-change/secret-code-service": "^0.8.37",
-    "@live-change/secret-link-service": "^0.8.37",
-    "@live-change/session-service": "^0.8.37",
-    "@live-change/user-frontend": "^0.8.37",
-    "@live-change/user-service": "^0.8.37",
-    "@live-change/vue3-components": "^0.8.37",
-    "@live-change/vue3-ssr": "^0.8.37",
+    "@live-change/cli": "^0.8.39",
+    "@live-change/dao": "^0.8.39",
+    "@live-change/dao-vue3": "^0.8.39",
+    "@live-change/dao-websocket": "^0.8.39",
+    "@live-change/framework": "^0.8.39",
+    "@live-change/password-authentication-service": "^0.8.39",
+    "@live-change/secret-code-service": "^0.8.39",
+    "@live-change/secret-link-service": "^0.8.39",
+    "@live-change/session-service": "^0.8.39",
+    "@live-change/user-frontend": "^0.8.39",
+    "@live-change/user-service": "^0.8.39",
+    "@live-change/vue3-components": "^0.8.39",
+    "@live-change/vue3-ssr": "^0.8.39",
     "@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.37",
+    "@live-change/codeceptjs-helper": "^0.8.39",
     "codeceptjs": "^3.5.12",
     "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": "8b97a83258a3eccd08534d0376015781c4eefdec"
+  "gitHead": "153d139ad9785b0b2fcbfbf2c35a999a499f2168"
 }

package/server/app.config.js

@@ -1,6 +1,9 @@
 import App from "@live-change/framework"
 const app = App.app()
 
+import dotenv from 'dotenv'
+dotenv.config()
+
 const contactTypes = ['email', 'phone']
 const remoteAccountTypes = ['google']
 
@@ -108,6 +111,10 @@ app.config = {
       turn: {
         urls: 'turn:turn.chaosu.pl:4433'
       }
+    },
+    {
+      name: 'videoCall',
+      path: "@live-change/video-call-service",
     }
   ]
 }