[Release] v1.5.2

.all-contributorsrc

@@ -24,6 +24,15 @@
 			"contributions": [
 				"translation"
 			]
+		},
+		{
+			"login": "MhzDev",
+			"name": "Michele Stefanelli",
+			"avatar_url": "https://avatars1.githubusercontent.com/u/11082895?v=4",
+			"profile": "https://github.com/MhzDev",
+			"contributions": [
+				"translation"
+			]
 		}
 	],
 	"contributorsPerLine": 6

CHANGELOG.md

@@ -1,17 +1,21 @@
-# v1.5.1 (May 06, 2020)
-* Fix: shortcuts issues
+# v1.5.2 (October 24, 2020)
+* Fix: 🇬🇧 Translations
+* Feature: custom shortcuts ([#5](https://github.com/ptkdev/chrome-extension-aspectratio219/issues/5]))
 
 [![](https://img.shields.io/badge/donate-paypal-005EA6.svg?logo=paypal)](https://www.paypal.me/ptkdev) [![](https://img.shields.io/badge/donate-patreon-F87668.svg?logo=patreon)](https://www.patreon.com/ptkdev) [![](https://img.shields.io/badge/donate-sponsors-ea4aaa.svg?logo=github)](https://github.com/sponsors/ptkdev/)  [![](https://img.shields.io/badge/donate-ko--fi-29abe0.svg?logo=ko-fi)](https://ko-fi.com/ptkdev)
 
 
+# v1.5.1 (May 06, 2020)
+* Fix: shortcuts issues
+
 # v1.5.0 (April 30, 2020)
 * Feature: shortcuts (#3)
 
 # v1.4.0 (March 28, 2020)
 * Feature: Disney+
 * Feature: 21:9 ratio button
 * Feature: 32:9 ratio button
-* Feature: 16:10 ratio button
+* Feature: 16:9 ratio button
 
 # v1.3.2 (March 17, 2020)
 * Security: removed useless permissions

README.md

@@ -4,7 +4,7 @@
 
 # 🖥 Chrome & Edge Extension: Aspect Ratio 21:9
 
-[![](https://img.shields.io/badge/version-v1.5.1-lightgrey.svg)](https://github.com/ptkdev/chrome-extension-aspectratio219/releases) [![](https://img.shields.io/badge/license-MIT-brightgreen.svg)](https://github.com/ptkdev/chrome-extension-aspectratio219/blob/nightly/LICENSE.md) [![](https://img.shields.io/badge/ES-9-F7DF1E.svg)](https://wikipedia.org/wiki/ECMAScript) [![](https://snyk.io/test/github/ptkdev/chrome-extension-aspectratio219/badge.svg)](https://snyk.io/test/github/ptkdev/chrome-extension-aspectratio219) [![](https://discordapp.com/api/guilds/383373985666301975/embed.png)](http://discord.ptkdev.io)
+[![](https://img.shields.io/badge/version-v1.5.2-lightgrey.svg)](https://github.com/ptkdev/chrome-extension-aspectratio219/releases) [![](https://img.shields.io/badge/license-MIT-brightgreen.svg)](https://github.com/ptkdev/chrome-extension-aspectratio219/blob/nightly/LICENSE.md) [![](https://img.shields.io/badge/ES-9-F7DF1E.svg)](https://wikipedia.org/wiki/ECMAScript) [![](https://snyk.io/test/github/ptkdev/chrome-extension-aspectratio219/badge.svg)](https://snyk.io/test/github/ptkdev/chrome-extension-aspectratio219) [![](https://discordapp.com/api/guilds/383373985666301975/embed.png)](http://discord.ptkdev.io)
 
 > Fit the screen properly in fullscreen mode on monitor with 21:9 aspect ratio. Work on Netflix, Youtube, PrimeVideo, VVVVID, etc...
 
@@ -97,13 +97,15 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
 <!-- markdownlint-disable -->
 <table>
   <tr>
-    <td align="center"><a href="https://ptk.dev"><img src="https://avatars1.githubusercontent.com/u/442844?v=4" width="100px;" alt=""/><br /><sub><b>Patryk Rzucidło</b></sub></a><br /><a href="https://github.com/ptkdev/chrome-extension-aspectratio219/commits?author=ptkdev" title="Code">💻</a> <a href="#translation-ptkdev" title="Translation">🌍</a></td>
-    <td align="center"><a href="https://www.smodatamente.it"><img src="https://avatars1.githubusercontent.com/u/35865603?v=4" width="100px;" alt=""/><br /><sub><b>Angelica Losi</b></sub></a><br /><a href="#translation-angylosi" title="Translation">🌍</a></td>
+    <td align="center"><a href="https://ptk.dev"><img src="https://avatars1.githubusercontent.com/u/442844?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Patryk Rzucidło</b></sub></a><br /><a href="https://github.com/ptkdev/chrome-extension-aspectratio219/commits?author=ptkdev" title="Code">💻</a> <a href="#translation-ptkdev" title="Translation">🌍</a></td>
+    <td align="center"><a href="https://www.smodatamente.it"><img src="https://avatars1.githubusercontent.com/u/35865603?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Angelica Losi</b></sub></a><br /><a href="#translation-angylosi" title="Translation">🌍</a></td>
+    <td align="center"><a href="https://github.com/MhzDev"><img src="https://avatars1.githubusercontent.com/u/11082895?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Michele Stefanelli</b></sub></a><br /><a href="#translation-MhzDev" title="Translation">🌍</a></td>
   </tr>
 </table>
 
-<!-- markdownlint-enable -->
+<!-- markdownlint-restore -->
 <!-- prettier-ignore-end -->
+
 <!-- ALL-CONTRIBUTORS-LIST:END -->
 
 > 💰 In the future, if the donations allow it, I would like to share some of the success with those who helped me the most. For me open source is share of code, share development knowledges and share donations!

client/html/popup.html

@@ -106,7 +106,7 @@ <h1 class="title" lang="settings_ratio_title" lang-type="text">Set ratio value</
 					<div class="column buttons margin-bottom-zero is-centered">
 						<a id="aspect219"><button class="button is-rounded is-small is-button is-centered"><span>21:9</span></button></a>
 						<a id="aspect329"><button class="button is-rounded is-small is-button is-centered"><span>32:9</span></button></a>
-						<a id="aspect1610"><button class="button is-rounded is-small is-button is-centered"><span>16:10</span></button></a>
+						<a id="aspect1610"><button class="button is-rounded is-small is-button is-centered"><span>16:9</span></button></a>
 					</div>
 				</div>
 			  	<div class="columns is-mobile">

client/js/commands.js

@@ -20,6 +20,12 @@ chrome.commands.onCommand.addListener(function(command) {
 			chrome.storage.local.set({"aspect_x": "1"});
 			chrome.storage.local.set({"aspect_y": "1"});
 		  break;
+		case "toggle-force-custom":
+			chrome.storage.local.get(["aspect_x_custom", "aspect_y_custom"], function(data) {
+				chrome.storage.local.set({"aspect_x": data.aspect_x_custom});
+				chrome.storage.local.set({"aspect_y": data.aspect_y_custom});
+			});
+		  break;
 		case "toggle-force-219":
 			chrome.storage.local.set({"aspect_x": "1.33"});
 			chrome.storage.local.set({"aspect_y": "1"});

client/js/events.js

@@ -142,6 +142,7 @@ function settings_aspect() {
 
 	dom.query("#aspect_x")[0].addEventListener("keyup", function() {
 		chrome.storage.local.set({"aspect_x": this.value});
+		chrome.storage.local.set({"aspect_x_custom": this.value});
 	});
 
 	dom.query("#aspect_y")[0].addEventListener("change", function() {
@@ -150,6 +151,7 @@ function settings_aspect() {
 
 	dom.query("#aspect_y")[0].addEventListener("keyup", function() {
 		chrome.storage.local.set({"aspect_y": this.value});
+		chrome.storage.local.set({"aspect_y_custom": this.value});
 	});
 
 	dom.query("#stretch")[0].addEventListener("click", function() {

configs/manifest.json

@@ -2,7 +2,7 @@
 	"name": "__MSG_extName__",
 	"description": "__MSG_description__",
     "manifest_version": 2,
-    "version": "1.5.1",
+    "version": "{{version}}",
     "author": "Patryk Rzucidło [@ptkdev] <support@ptkdev.io> (https://ptk.dev)",
 	"browser_action": {
 		"default_icon":"images/icon_app_128x128.png",
@@ -40,6 +40,10 @@
 			"global": true,
 			"description": "Force 32:9 aspect ratio"
 		},
+		"toggle-force-custom": {
+			"global": true,
+			"description": "Force CUSTOM aspect ratio"
+		},
 		"toggle-stretch": {
 			"global": true,
 			"description": "Force stretch mode"

gulpfile.js

@@ -14,6 +14,8 @@ const gulp_sass = require("gulp-sass");
 const gulp_minifycss = require("gulp-clean-css");
 const gulp_minifyjs = require("gulp-terser");
 const gulp_rename = require("gulp-rename");
+const gulp_replace = require("gulp-replace");
+const version = require("./package.json").version;
 
 gulp.task("build-css", function() {
 	return gulp.src([`./node_modules/bulma/css/bulma.min.css`, `./node_modules/bulma-extensions/dist/css/bulma-extensions.min.css`, `./node_modules/bulma-extensions/bulma-tagsinput/dist/css/bulma-tagsinput.min.css`, `./client/css/main.scss`, `./client/css/colors.scss`])
@@ -89,6 +91,7 @@ gulp.task("build-manifest", function() {
 	let files = [`./configs/manifest.json`];
 
 	return gulp.src(files)
+		.pipe(gulp_replace("{{version}}", version))
 		.pipe(gulp.dest(`./build/`));
 });