@subiz/wsclient 4.0.16 → 4.0.18

package/common.js

@@ -63,4 +63,19 @@ function Pubsub() {
 	}
 }
 
-module.exports = {xhrsend, parseJSON, Pubsub}
+function randomString(len, base) {
+	var str = ''
+	if (!len || len < 1) len = 10
+	var asciiKey
+	for (var i = 0; i < len; i++) {
+		if (base) {
+			str += base[Math.floor(Math.random() * base.length)]
+		} else {
+			asciiKey = Math.floor(Math.random() * 25 + 97)
+			str += String.fromCharCode(asciiKey)
+		}
+	}
+	return str
+}
+
+module.exports = {xhrsend, parseJSON, Pubsub, randomString}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@subiz/wsclient",
-	"version": "4.0.16",
+	"version": "4.0.18",
 	"main": "realtime.js",
 	"scripts": {
 		"test": "node realtime.test.js"
@@ -14,7 +14,7 @@
 	"homepage": "https://github.com/subiz/wsclient#readme",
 	"description": "",
 	"devDependencies": {
-		"tape": "^5.6.3"
+		"tape": "^5.7.2"
 	},
 	"dependencies": {
 		"@subiz/flow": "^1.1.0",

package/webphone.js

@@ -0,0 +1,183 @@
+var {xhrsend, parseJSON, Pubsub, randomString} = require('./common.js')
+const WebRTCConn = require('./webrtc.js')
+var Realtime = require('./realtime.js')
+
+function WebPhone(access_token, realtime) {
+	var pubsub = new Pubsub()
+
+	var $audio = null
+	// chuẩn bị thẻ audio để nghe được
+	function createAudioTag() {
+		if ($audio) return
+		if (!document.createElement) return // mobile
+
+		$audio = document.createElement('audio')
+		$audio.id = 'web_call_audio'
+		$audio.style = 'display: none'
+		$audio.autoplay = 'autoplay'
+		document.body.appendChild($audio)
+	}
+
+	createAudioTag()
+
+	access_token = access_token || ''
+	if (!access_token) throw 'invalid_access_token'
+	var accid = access_token.split('_')[0]
+	if (!accid.startsWith('ac')) throw 'invalid_access_token'
+	var agid = access_token.split('_')[1]
+	if (!agid.startsWith('ag')) throw 'invalid_access_token'
+
+	if (!realtime)
+		realtime = new Realtime('https://api.subiz.com.vn/rt/0/', {
+			getAccessToken: function () {
+				return new Promise(function (rs) {
+					rs(access_token)
+				})
+			},
+		})
+
+	var webrtcconn = new WebRTCConn({
+		accid: accid,
+		agid: agid,
+		access_token: access_token,
+		realtime,
+		env: window,
+		onEvent: function (ev) {
+			// publish call status event
+			if (!(ev.type || '').startsWith('call')) return
+			if (!ev.data || !ev.data.call_info) return
+			let callid = ev.data.call_info.call_id
+			if (!callid) return
+			pubsub.emit('event', ev)
+		},
+		onTrack: function (event) {
+			if (event.track.kind != 'audio') return
+			$audio.srcObject = event.streams[0]
+		},
+	})
+
+	this.onEvent = function (cb) {
+		return pubsub.on('event', cb)
+	}
+
+	this.sendDtmf = function (key, callid) {
+		return webrtcconn.sendDtmf(key, callid)
+	}
+
+	this.transferCall = function (number, callid) {
+		return webrtcconn.transferCall(number, callid)
+	}
+
+	this.hangupCall = function (callid) {
+		if (!callid) callid = current_call_id
+		return webrtcconn.hangupCall(callid)
+	}
+
+	var me = this
+	this.isMicAllowed = function () {
+		return me.checkMic().then(function (out) {
+			return out.result
+		})
+	}
+
+	var micStream = undefined
+	this.getMicroStream = function () {
+		return micStream
+	}
+
+	this.checkMic = function () {
+		const timeout = new Promise(function (rs, rj) {
+			return setTimeout(rs, 500, 'Not_authorized')
+		})
+		var microPermission = getMicroPermissions()
+		return {
+			timeout: Promise.race([timeout, microPermission]),
+			result: getMicroPermissions(),
+		}
+	}
+
+	var getMicroPermissions = function () {
+		return new Promise(function (rs) {
+			navigator.mediaDevices
+				.getUserMedia({audio: true, video: false})
+				.then(function (stream) {
+					micStream = stream
+					rs(micStream)
+				})
+				.catch(function (err) {
+					console.log('REJECT VIDEO PERMISSSIONN', err)
+					micStream = undefined
+					rs(undefined)
+				})
+		})
+	}
+
+	this.answerWebCall = function (callid) {
+		return new Promise(function (rs) {
+			getMicroPermissions().then(function (stream) {
+				current_call_id = callid
+				webrtcconn.answerCall(callid, stream).then(function (out) {
+					if (out.error) return rs({error})
+					rs(body)
+				})
+			})
+		})
+	}
+
+	this.getCall = function (callid) {
+		return webrtcconn.matchCall(callid)
+	}
+
+	var base = '0123456789abcdef'
+	this.makeCall = function (number, fromnumber) {
+		// '11edc52b-2918-4d71-9058-f7285e29d894'
+		var callid =
+			randomString(8, base) +
+			'-' +
+			randomString(4, base) +
+			'-' +
+			randomString(4, base) +
+			'-' +
+			randomString(4, base) +
+			'-' +
+			randomString(12, base)
+
+			current_call_id = callid
+		return webrtcconn.makeCall(number, fromnumber, getMicroPermissions(), callid)
+	}
+
+	var current_call_id = ''
+		this.getCurrentCallId = function () {
+		return current_call_id
+	}
+
+	this.getCurrentCall = function () {
+		if (current_call_id) {
+			var call = webrtcconn.matchCall(current_call_id)
+			if (call && call.status != 'ended') return call
+		}
+
+		var myOutgoingCall = Object.values(webrtcconn.matchCall()).find(function (call) {
+			var isOutboundCall = call.direction == 'outbound' || call.direction == 'outgoing'
+			return (call.status == 'dialing' || call.status == 'active') && isOutboundCall
+		})
+		if (myOutgoingCall) {
+			current_call_id = myOutgoingCall.call_id || ''
+			return myOutgoingCall
+		}
+
+		var dialingIncomingCall = Object.values(webrtcconn.matchCall()).find(function (call) {
+			return call.status == 'dialing' && (call.direction == 'incoming' || call.direction == 'inbound')
+		})
+		if (dialingIncomingCall) {
+			current_call_id = dialingIncomingCall.call_id || ''
+			return dialingIncomingCall
+		}
+
+		current_call_id = ''
+		return undefined
+	}
+}
+
+window.SbzWebPhone1 = WebPhone
+module.exports = WebPhone

package/webrtc.js

@@ -1,5 +1,5 @@
 var flow = require('@subiz/flow')
-var {xhrsend} = require('./common.js')
+var {xhrsend, randomString} = require('./common.js')
 const servers = {
 	iceServers: [{urls: ['stun:stun.l.google.com:19302']}],
 }
@@ -59,7 +59,6 @@ function WebRTCConn(options) {
 			])
 			.then((err) => {
 				// create peer connection
-
 				cb(err, connId)
 			})
 	}
@@ -109,7 +108,11 @@ function WebRTCConn(options) {
 				if (!call.hangup_code) call.hangup_code = 'cancel'
 				if (call.status != 'ended') {
 					call.status = 'ended'
-					publish({type: 'call_ended', data: {call_info: {hanup_code: 'outdated', call_id: callid}}})
+					publish({
+						created: env.Date.now(),
+						type: 'call_ended',
+						data: {call_info: {hanup_code: 'outdated', call_id: callid}},
+					})
 				}
 			})
 
@@ -255,7 +258,7 @@ function WebRTCConn(options) {
 		}
 
 		if (ev.type == 'webrtc_negotiation_offered') {
-			console.log('RT/RECEIVE OFFERED NEGOTIATION', ev)
+			// console.log('RT/RECEIVE OFFERED NEGOTIATION', ev)
 			let jsonoffer = ev && ev.data && ev.data.webrtc_message && ev.data.webrtc_message.offer
 			let connId = ev && ev.data && ev.data.webrtc_message && ev.data.webrtc_message.connection_id
 			let peer = peers[connId]
@@ -311,6 +314,7 @@ function WebRTCConn(options) {
 
 		if (ev.type === 'call_invite_expired') {
 			if (Object.keys(peers).find((cid) => cid == call_info.device_id)) return // this call invitation is expired by us => ignore
+			serverCalls[callid] = call_info
 			publish(Object.assign({}, ev, {type: 'call_ended'})) // fake ended call
 			return
 		}
@@ -337,7 +341,7 @@ function WebRTCConn(options) {
 			from_number: fromnumber,
 		}
 		dialingRequest[callid] = call
-		publish({type: 'call_ringing', data: {call_info: {call_id: callid}}}) // fake dialing
+		publish({created: now, type: 'call_ringing', data: {call_info: {call_id: callid}}}) // fake dialing
 		return new env.Promise((rs) => {
 			streamPm
 				.then((stream) => {
@@ -345,16 +349,18 @@ function WebRTCConn(options) {
 						if (err) {
 							delete dialingRequest[callid]
 							endRequest[callid] = env.Date.now()
-							publish({type: 'call_ended', data: {call_info: {call_id: callid}}})
+							publish({created: env.Date.now(), type: 'call_ended', data: {call_info: {call_id: callid}}})
 							return rs({error: err})
 						}
 
-						let url = `${apiUrl}call?x-access-token=${access_token}&connection_id=${connId}&call_id=${callid}&number=${number}&from_number=${fromnumber}&campaign_id=${campaignid}&outbound_call_entry_id=${outboundcallentryid}`
+						let url = `${apiUrl}call?x-access-token=${access_token}&connection_id=${connId}&call_id=${callid}&number=${number}&from_number=${fromnumber}`
+						if (outboundcallentryid) url += `&outbound_call_entry_id=${outboundcallentryid}`
+						if (campaignid) url += `&campaign_id=${campaignid}`
 						callAPI('post', url, undefined, (body, code) => {
 							if (code != 200) {
 								delete dialingRequest[callid]
 								endRequest[callid] = env.Date.now()
-								publish({type: 'call_ended', data: {call_info: {call_id: callid}}})
+								publish({created: env.Date.now(), type: 'call_ended', data: {call_info: {call_id: callid}}})
 								return rs({error: err})
 							}
 							body = parseJSON(body)
@@ -379,7 +385,7 @@ function WebRTCConn(options) {
 		}
 		call.status = 'ended'
 		call.ended = env.Date.now()
-		publish({type: 'call_ended', data: {call_info: {call_id: callid}}})
+		publish({created: env.Date.now(), type: 'call_ended', data: {call_info: {call_id: callid}}})
 		callAPI('post', `${apiUrl}hangup?x-access-token=${access_token}&call_id=${callid}`)
 	}
 
@@ -411,13 +417,13 @@ function WebRTCConn(options) {
 		let now = env.Date.now()
 		if (answerRequest[callid]) return Promise.resolve({body: call})
 		answerRequest[callid] = now
-		publish({type: 'call_ringing', data: {call_info: {call_id: callid}}}) // fake dialing
+		publish({created: env.Date.now(), type: 'call_ringing', data: {call_info: {call_id: callid}}}) // fake dialing
 		return new env.Promise((rs) => {
 			this.joinCall(callid, stream, (err, connId) => {
 				if (err) {
 					delete answerRequest[callid]
 					endRequest[callid] = now
-					publish({type: 'call_ended', data: {call_info: {call_id: callid}}})
+					publish({created: env.Date.now(), type: 'call_ended', data: {call_info: {call_id: callid}}})
 					return rs({error: err})
 				}
 				let url = `${apiUrl}answer?x-access-token=${access_token}&connection_id=${connId}&call_id=${callid}`
@@ -426,7 +432,7 @@ function WebRTCConn(options) {
 					if (code != 200) {
 						delete answerRequest[callid]
 						endRequest[callid] = now
-						publish({type: 'call_ended', data: {call_info: {call_id: callid}}})
+						publish({created: env.Date.now(), type: 'call_ended', data: {call_info: {call_id: callid}}})
 						return rs({error: body})
 					}
 					return rs({body})
@@ -465,15 +471,4 @@ function WebRTCConn(options) {
 		})
 }
 
-function randomString(len) {
-	var str = ''
-	if (!len || len < 1) len = 10
-	var asciiKey
-	for (var i = 0; i < len; i++) {
-		asciiKey = Math.floor(Math.random() * 25 + 97)
-		str += String.fromCharCode(asciiKey)
-	}
-	return str
-}
-
 module.exports = WebRTCConn