From 113cc965b5d661c9220e8c1cd4c9cf67a1d576f2 Mon Sep 17 00:00:00 2001
From: Miroslav Pejic <miroslav.pejic.85@gmail.com>
Date: Fri, 31 Oct 2025 23:30:16 +0100
Subject: [PATCH] [mirotalk] - add showVideoFocusBtn in local buttons config

---
 app/src/config.template.js |  1 +
 app/src/server.js          |  2 +-
 package-lock.json          |  4 ++--
 package.json               |  2 +-
 public/js/brand.js         |  2 +-
 public/js/buttons.js       |  1 +
 public/js/client.js        | 10 +++++-----
 7 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/app/src/config.template.js b/app/src/config.template.js
index dfaaaa99..2c9fbb78 100644
--- a/app/src/config.template.js
+++ b/app/src/config.template.js
@@ -187,6 +187,7 @@ module.exports = {
             showSnapShotBtn: true,
             showVideoCircleBtn: true,
             showZoomInOutBtn: false,
+            showVideoFocusBtn: true,
         },
         whiteboard: {
             whiteboardLockBtn: false,
diff --git a/app/src/server.js b/app/src/server.js
index a144dd39..f3600ab7 100755
--- a/app/src/server.js
+++ b/app/src/server.js
@@ -45,7 +45,7 @@ dependencies: {
  * @license For commercial use or closed source, contact us at license.mirotalk@gmail.com or purchase directly from CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-p2p-webrtc-realtime-video-conferences/38376661
  * @author  Miroslav Pejic - miroslav.pejic.85@gmail.com
- * @version 1.6.13
+ * @version 1.6.14
  *
  */
 
diff --git a/package-lock.json b/package-lock.json
index bbc45ccd..b8293c53 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
     "name": "mirotalk",
-    "version": "1.6.13",
+    "version": "1.6.14",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "mirotalk",
-            "version": "1.6.13",
+            "version": "1.6.14",
             "license": "AGPL-3.0",
             "dependencies": {
                 "@mattermost/client": "11.0.4",
diff --git a/package.json b/package.json
index f85a3612..9a810177 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "mirotalk",
-    "version": "1.6.13",
+    "version": "1.6.14",
     "description": "A free WebRTC browser-based video call",
     "main": "server.js",
     "scripts": {
diff --git a/public/js/brand.js b/public/js/brand.js
index de30c20d..d12bc8c7 100644
--- a/public/js/brand.js
+++ b/public/js/brand.js
@@ -75,7 +75,7 @@ let brand = {
     },
     about: {
         imageUrl: '../images/mirotalk-logo.gif',
-        title: 'WebRTC P2P v1.6.13',
+        title: 'WebRTC P2P v1.6.14',
         html: `
             <button 
                 id="support-button" 
diff --git a/public/js/buttons.js b/public/js/buttons.js
index 1ecf1bc2..c4ebaf73 100644
--- a/public/js/buttons.js
+++ b/public/js/buttons.js
@@ -74,6 +74,7 @@ let buttons = {
         showSnapShotBtn: true,
         showVideoCircleBtn: true,
         showZoomInOutBtn: false,
+        showVideoFocusBtn: true,
     },
     whiteboard: {
         whiteboardLockBtn: false,
diff --git a/public/js/client.js b/public/js/client.js
index 6ea32255..72c455ca 100644
--- a/public/js/client.js
+++ b/public/js/client.js
@@ -15,7 +15,7 @@
  * @license For commercial use or closed source, contact us at license.mirotalk@gmail.com or purchase directly from CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-p2p-webrtc-realtime-video-conferences/38376661
  * @author  Miroslav Pejic - miroslav.pejic.85@gmail.com
- * @version 1.6.13
+ * @version 1.6.14
  *
  */
 
@@ -3545,9 +3545,9 @@ async function loadLocalMedia(stream, kind) {
 
             buttons.local.showVideoCircleBtn && handleVideoPrivacyBtn(myLocalMedia.id, myPrivacyBtn.id);
 
-            handleVideoPinUnpin(myLocalMedia.id, myVideoPinBtn.id, myVideoWrap.id, myLocalMedia.id);
+            buttons.local.showVideoFocusBtn && handleVideoFocusMode(myVideoFocusBtn, myVideoWrap, myLocalMedia);
 
-            handleVideoFocusMode(myVideoFocusBtn, myVideoWrap, myLocalMedia);
+            handleVideoPinUnpin(myLocalMedia.id, myVideoPinBtn.id, myVideoWrap.id, myLocalMedia.id);
 
             if (showVideoPipBtn && buttons.local.showVideoPipBtn)
                 handlePictureInPicture(myVideoPiPBtn.id, myLocalMedia.id, myPeerId);
@@ -3656,7 +3656,7 @@ async function loadLocalMedia(stream, kind) {
             // attach to screen nav bar
             !isMobileDevice && myScreenNavBar.appendChild(myScreenPinBtn);
 
-            myScreenNavBar.appendChild(myScreenFocusBtn);
+            buttons.local.showVideoFocusBtn && myScreenNavBar.appendChild(myScreenFocusBtn);
 
             buttons.local.showSnapShotBtn && myScreenNavBar.appendChild(myScreenToImgBtn);
 
@@ -12264,7 +12264,7 @@ function showAbout() {
     Swal.fire({
         background: swBg,
         position: 'center',
-        title: brand.about?.title && brand.about.title.trim() !== '' ? brand.about.title : 'WebRTC P2P v1.6.13',
+        title: brand.about?.title && brand.about.title.trim() !== '' ? brand.about.title : 'WebRTC P2P v1.6.14',
         imageUrl: brand.about?.imageUrl && brand.about.imageUrl.trim() !== '' ? brand.about.imageUrl : images.about,
         customClass: { image: 'img-about' },
         html: `