Update README.md

code-charity · Apr 8, 2023 · 9e3553e · 9e3553e
2 parents 1225c2b + ebce25b
commit 9e3553e
Show file tree

Hide file tree

Showing 7 changed files with 38 additions and 28 deletions.
diff --git a/.github/README.md b/.github/README.md
@@ -25,10 +25,10 @@
  - [i] ToolTips & documentation
  - [Auto](https://github.com/code-for-charity/ImprovedTube-for-YouTube/issues/1211) Avoiding CPU-rendering
  - Smart [Player buttons](https://github.com/code-for-charity/ImprovedTube-for-YouTube/issues/1445) for all \<video\>
- - Smart [content-filtering & discovery](https://github.com/code-for-charity/ImprovedTube-for-YouTube/issues/1451) + [#x](https://github.com/code-for-charity/ImprovedTube-for-YouTube/issues/1463)
+ - Smart [content-filtering & discovery](https://github.com/code-for-charity/ImprovedTube-for-YouTube/issues/1451) + [#X](https://github.com/code-for-charity/ImprovedTube-for-YouTube/issues/1463)
  - Full-page GUI, watch-history, dashboard 
  - Integrating data [#1452](https://github.com/code-for-charity/ImprovedTube-for-YouTube/issues/1452), [SB](https://github.com/mchangrh/sb-mirror) / [NB](https://github.com/andrewzlee/NeuralBlock) etc.  
- - Continuously Integrating code /features<br> like: [YCS](https://github.com/sonigy/YCS), [YR](https://github.com/MarcGuiselin/youtube-refined), [NY](https://github.com/raingart/Nova-YouTube-extension); [IC](https://github.com/ThomasTavernier/Improve-Crunchyroll) 
+ - Continuously Integrating code /features<br> like: [YCS](https://github.com/sonigy/YCS), [YR](https://github.com/MarcGuiselin/youtube-refined), [NY](https://github.com/raingart/Nova-YouTube-extension) (, [ppixiv](https://github.com/ppixiv/ppixiv),  [IC](https://github.com/ThomasTavernier/Improve-Crunchyroll)) 
   - Run on m.youtube.com (grey-out some) 
      - Ask Samsung Browser to list us.
 

diff --git a/js&css/satus.css b/js&css/satus.css
@@ -402,24 +402,29 @@
 
 	width: 100%;
 	min-width: 0;
-	max-width: none;
 	height: 100%;
 	min-height: 0;
-	max-height: none;
 	margin: 0;
 	padding: 0 12px;
 
 	white-space: pre;
-
-	opacity: 0;
 	color: inherit;
 	border: none;
 	border-radius: 4px;
 	outline: none;
-
-	appearance: none;
 	overflow-wrap: normal;
+/* 
+As our Syntax markup isnt read for <textarea>, is it?
+	opacity: 0;
+	max-width: none;
+	max-height: none;
+	appearance: none;  */
 }
+.satus-text-field__input
+{	opacity: 0;
+	max-width: none;
+	max-height: none;
+	appearance: none; }
 
 .satus-text-field__display {
 	position: absolute;
@@ -434,7 +439,7 @@
 
 .satus-text-field__line-numbers {
 	padding: 0 12px 0 0;
-
+    z-index: 10;
 	opacity: .5;
 }
 
@@ -480,7 +485,7 @@
 
 	width: 0;
 	height: 22px;
-	margin: 6px 12px;
+	margin: 6px -1px; 
 
 	border: 1px solid var(--satus-text-field-selection);
 	border-radius: 3px;

diff --git a/js&css/satus.js b/js&css/satus.js
@@ -1315,7 +1315,7 @@ satus.components.textField = function(component, skeleton) {
     }
   };
   component.focus = function() {
-    this.input.focus();
+    this.autofocus = true;  this.input.focus();   
   };
 
   if (skeleton.lineNumbers === false) {
@@ -1429,10 +1429,14 @@ satus.components.textField = function(component, skeleton) {
     } else {
       component.selection.removeAttribute('disabled');
 
-      component.hiddenValue.textContent = value.substring(0, start); //console.log(value.substring(0, start));
-      component.selection.style.left = component.hiddenValue.offsetWidth - input.scrollLeft + 'px'; //console.log(component.hiddenValue.offsetWidth); console.log( input.scrollLeft )
-      component.hiddenValue.textContent = value.substring(start, end); //console.log(component.hiddenValue.textContent);
-      component.selection.style.width = component.hiddenValue.offsetWidth + 'px';  //console.log(component.hiddenValue.offsetWidth);	  
+      component.hiddenValue.textContent = value.substring(0, start); 
+							//console.log(value.substring(0, start));
+      component.selection.style.left = component.hiddenValue.offsetWidth - input.scrollLeft + 'px'; 
+						  //console.log(component.hiddenValue.offsetWidth); console.log( input.scrollLeft )
+      component.hiddenValue.textContent = value.substring(start, end); 
+//console.log(component.hiddenValue.textContent);
+      component.selection.style.width = component.hiddenValue.offsetWidth + 'px';  
+						  //console.log(component.hiddenValue.offsetWidth);	  
     }
 
     this.style.animation = '';

diff --git a/js&css/web-accessible/www.youtube.com/playlist.js b/js&css/web-accessible/www.youtube.com/playlist.js
@@ -1,11 +1,9 @@
 /*------------------------------------------------------------------------------
 4.5.0 PLAYLIST
 ------------------------------------------------------------------------------*/
-
 /*------------------------------------------------------------------------------
 4.5.1 UP NEXT AUTOPLAY
 ------------------------------------------------------------------------------*/
-
 ImprovedTube.playlistUpNextAutoplay = function (event) {
 	if (
 		ImprovedTube.getParam(location.href, 'list') &&
@@ -15,11 +13,9 @@ ImprovedTube.playlistUpNextAutoplay = function (event) {
 	}
 };
 
-
 /*------------------------------------------------------------------------------
 4.5.2 REVERSE
 ------------------------------------------------------------------------------*/
-
 ImprovedTube.playlistReverse = function () {
 	if (this.storage.playlist_reverse === true) {
 		function update() {
@@ -92,11 +88,9 @@ ImprovedTube.playlistReverse = function () {
 	}
 };
 
-
 /*------------------------------------------------------------------------------
 4.5.3 REPEAT
 ------------------------------------------------------------------------------*/
-
 ImprovedTube.playlistRepeat = function () {
     var option = ImprovedTube.storage.playlist_repeat,
 		button = document.querySelector("ytd-playlist-loop-button-renderer button"),
@@ -108,16 +102,15 @@ ImprovedTube.playlistRepeat = function () {
 	}
 };
 
-
 /*------------------------------------------------------------------------------
 4.5.4 SHUFFLE
 ------------------------------------------------------------------------------*/
-
 ImprovedTube.playlistShuffle = function () {
 	var button = ImprovedTube.elements.playlist.shuffle_button,
 		option = ImprovedTube.storage.playlist_shuffle;
-
+		try{
 		if (button && ((option === true && button.firstElementChild.firstElementChild.attributes[2].textContent !== 'Loop video') || (option === 'disabled' && button.firstElementChild.firstElementChild.attributes[2].textContent === 'Loop playlist'))) {
 		button.click();
-	}
+		} 
+		}catch{}
 };
diff --git a/manifest.json b/manifest.json
@@ -3,7 +3,7 @@
 	"short_name" : "ImprovedTube",
 	"name": "'Improve YouTube!' 🎧 (for YouTube & Videos)",
 	"description": "__MSG_description_ext__",
-	"version": "4.8",
+	"version": "4.9",
 	"default_locale": "en",
 	"icons": {							
 		"16": "stuff/icons/16.png",

diff --git a/menu/skeleton-parts/search.js b/menu/skeleton-parts/search.js
@@ -5,6 +5,7 @@
 extension.skeleton.header.sectionEnd.search.on.click = {
 	component: 'text-field',
 	variant: 'search',
+	focus: true,
 	storage: false,
 	prepend: true,
 	placeholder: 'search',
@@ -203,4 +204,9 @@ extension.skeleton.header.sectionEnd.search.on.click = {
 			}
 		}
 	}
-};
+};
+
+
+
+
+
diff --git a/menu/skeleton.js b/menu/skeleton.js
@@ -68,7 +68,9 @@ extension.skeleton.header = {
 		search: {
 			component: 'button',
 			variant: 'icon',
-			on: {},
+			on: {render: function () {
+				 this.click(); }				
+			},
 
 			svg: {
 				component: 'svg',