feat(player): full lock-screen MediaSession player integration and silent audio bridge for background audio v1.4.17

.gitignore

@@ -1,4 +1,4 @@
 node_modules/
+docs/
 *.log
 .DS_Store
-dist/

.npmignore

@@ -0,0 +1,4 @@
+docs/
+*.log
+.git
+.github

package.json

@@ -1,14 +1,17 @@
 {
   "name": "peertube-plugin-yaktube-ondemand",
-  "version": "1.3.1",
+  "version": "1.4.17",
   "description": "Accessible On-Demand YouTube Import, Live Streams, Smart Recommendations and A11y Engine for PeerTube",
   "main": "main.js",
+  "library": "./main.js",
+  "staticDirs": {},
+  "translations": {},
   "clientScripts": [
     {
+      "script": "client.js",
       "scopes": [
         "common"
-      ],
-      "script": "client.js"
+      ]
     }
   ],
   "css": [
@@ -36,8 +39,9 @@
   "author": "Enes Yakıştır <[email protected]>",
   "repository": {
     "type": "git",
-    "url": "https://github.com/enesyakistir/peertube-plugin-yaktube-ondemand.git"
+    "url": "https://github.com/yakistir98/peertube-plugin-yaktube-ondemand.git"
   },
   "homepage": "https://yaktube.yakhub.com.tr",
+  "bugs": "https://github.com/yakistir98/peertube-plugin-yaktube-ondemand/issues",
   "license": "AGPL-3.0-or-later"
 }

style.css

@@ -1,3 +1,51 @@
+/* 100% Elimination of PeerTube Mobile Open-in-App Banner & Close Button */
+.mobile-msg,
+my-header .mobile-msg,
+[class*='mobile-msg'],
+button[title*='Bu mesajı kapat'],
+button[aria-label*='Bu mesajı kapat'],
+button[title*='Dismiss'],
+.msg.ellipsis,
+.peertube-button-link.secondary-button {
+  display: none !important;
+  visibility: hidden !important;
+  height: 0 !important;
+  width: 0 !important;
+  margin: 0 !important;
+  padding: 0 !important;
+  pointer-events: none !important;
+  opacity: 0 !important;
+  position: absolute !important;
+  z-index: -99999 !important;
+  clip: rect(0, 0, 0, 0) !important;
+}
+
+/* Permanent Aggressive Suppression of Generic JoinPeerTube / Framasoft Open-in-App Banners */
+my-open-app,
+my-open-in-app,
+my-client-app-banner,
+.open-app-container,
+.app-banner,
+[class*='open-app'],
+[class*='open-in-app'],
+.mobile-app-banner,
+.app-promotion,
+.client-app-banner,
+a[href*='play.google.com/store/apps/details?id=app.joinpeertube'],
+a[href*='f-droid.org'],
+a[href*='joinpeertube'] {
+  display: none !important;
+  visibility: hidden !important;
+  height: 0 !important;
+  width: 0 !important;
+  margin: 0 !important;
+  padding: 0 !important;
+  pointer-events: none !important;
+  opacity: 0 !important;
+  position: absolute !important;
+  z-index: -99999 !important;
+}
+
 /* YakTube Accessibility & On-Demand CSS */
 
 :focus-visible {
@@ -412,7 +460,8 @@ my-header .action-buttons {
 /* -------------------------------------------------------------------------- */
 /* -------------------------------------------------------------------------- */
 /* -------------------------------------------------------------------------- */
-/* YOUTUBE FULL SEARCH & VOICE MODAL (v1.3.1 - Sleek Trigger Pill)            */
+/* -------------------------------------------------------------------------- */
+/* YOUTUBE FULL SEARCH & VOICE MODAL (v1.3.3 - Display Fix)                   */
 /* -------------------------------------------------------------------------- */
 
 /* Header Search Trigger Container */
@@ -522,11 +571,15 @@ my-search-typeahead,
   background: rgba(0, 0, 0, 0.82) !important;
   backdrop-filter: blur(12px) !important;
   z-index: 999999 !important;
-  display: flex !important;
+  display: none;
   flex-direction: column !important;
   align-items: center !important;
   justify-content: flex-start !important;
   padding-top: 40px !important;
+}
+
+.yaktube-full-search-modal.yaktube-modal-open {
+  display: flex !important;
   animation: yaktube-fade-in 0.2s ease-out !important;
 }
 
@@ -763,3 +816,129 @@ my-search-typeahead,
   padding-top: 12px !important;
   margin-top: 8px !important;
 }
+
+/* -------------------------------------------------------------------------- */
+/* YOUTUBE THEATER MODE & QUICK VIDEO INFO TOAST (v1.4.0)                     */
+/* -------------------------------------------------------------------------- */
+
+/* Theater / Cinema Mode (T) */
+body.yaktube-theater-mode my-video-watch,
+body.yaktube-theater-mode .video-watch,
+body.yaktube-theater-mode .watch-container {
+  max-width: 100% !important;
+  width: 100% !important;
+  padding: 0 !important;
+}
+
+body.yaktube-theater-mode .player-container,
+body.yaktube-theater-mode .video-player-container,
+body.yaktube-theater-mode .player-wrapper {
+  max-height: 82vh !important;
+  height: 82vh !important;
+  width: 100% !important;
+  max-width: 100% !important;
+  background: #000 !important;
+  display: flex !important;
+  justify-content: center !important;
+  align-items: center !important;
+  margin-bottom: 20px !important;
+}
+
+body.yaktube-theater-mode video,
+body.yaktube-theater-mode .video-js {
+  width: 100% !important;
+  height: 100% !important;
+  max-height: 82vh !important;
+}
+
+/* Quick Video Info Toast (I) */
+.yaktube-video-info-toast {
+  position: fixed !important;
+  top: 70px !important;
+  right: 20px !important;
+  background: rgba(20, 20, 26, 0.95) !important;
+  backdrop-filter: blur(12px) !important;
+  border: 1px solid rgba(255, 143, 55, 0.4) !important;
+  border-radius: 14px !important;
+  padding: 16px 20px !important;
+  color: #fff !important;
+  font-size: 14px !important;
+  z-index: 99999 !important;
+  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7) !important;
+  max-width: 380px !important;
+  animation: yaktube-fade-in 0.25s ease-out !important;
+  pointer-events: none !important;
+}
+
+.yaktube-info-toast-title {
+  font-size: 15px !important;
+  font-weight: 700 !important;
+  color: #ff8f37 !important;
+  margin-bottom: 8px !important;
+  display: flex !important;
+  align-items: center !important;
+  gap: 6px !important;
+}
+
+.yaktube-info-toast-row {
+  display: flex !important;
+  justify-content: space-between !important;
+  margin: 4px 0 !important;
+  font-size: 13px !important;
+  color: #ccc !important;
+}
+
+.yaktube-info-toast-row b {
+  color: #fff !important;
+}
+
+/* -------------------------------------------------------------------------- */
+/* ACCESSIBLE PLAYER ACTION BAR & SHORTCUTS (v1.4.1)                          */
+/* -------------------------------------------------------------------------- */
+
+.yaktube-player-action-bar {
+  display: flex !important;
+  flex-wrap: wrap !important;
+  gap: 8px !important;
+  align-items: center !important;
+  background: #181820 !important;
+  border: 1px solid rgba(255, 255, 255, 0.1) !important;
+  border-radius: 12px !important;
+  padding: 10px 14px !important;
+  margin: 12px 0 16px 0 !important;
+  width: 100% !important;
+  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4) !important;
+}
+
+.yaktube-player-bar-label {
+  font-size: 13px !important;
+  font-weight: 700 !important;
+  color: #ff8f37 !important;
+  margin-right: 6px !important;
+  display: flex !important;
+  align-items: center !important;
+  gap: 4px !important;
+}
+
+.yaktube-player-action-btn {
+  background: #252530 !important;
+  color: #f1f1f1 !important;
+  border: 1px solid rgba(255, 255, 255, 0.1) !important;
+  border-radius: 8px !important;
+  padding: 6px 12px !important;
+  font-size: 13px !important;
+  font-weight: 600 !important;
+  cursor: pointer !important;
+  display: inline-flex !important;
+  align-items: center !important;
+  gap: 6px !important;
+  transition: all 0.2s ease !important;
+}
+
+.yaktube-player-action-btn:hover,
+.yaktube-player-action-btn:focus {
+  background: rgba(255, 143, 55, 0.2) !important;
+  border-color: #ff8f37 !important;
+  color: #fff !important;
+  outline: none !important;
+}