☰

Password Generator

Generate random passwords with Context Menu

  1. // ==UserScript==
  2. // @name            Password Generator
  3. // @name:tr         Şifre Oluşturucu
  4. // @namespace       https://aktolu.com/
  5. // @version         0.6
  6. // @description     Generate random passwords with Context Menu
  7. // @description:tr  Sağ tık menüsünü kullanarak rastgele şifreler oluşturun
  8. // @author          Muhammed Aktolu
  9. // @match           *://*/*
  10. // @icon            https://static-00.iconduck.com/assets.00/security-password-icon-1959x2048-sq0rdvok.png
  11. // @grant           GM_addElement
  12. // @grant           GM_addStyle
  13. // @grant           GM_registerMenuCommand
  14. // @grant           GM_setValue
  15. // @grant           GM_getValue
  16. // @grant           GM_setClipboard
  17. // ==/UserScript==
  18.  
  19. /* jshint esversion: 11 */
  20.  
  21. (function() {
  22. 	'use strict';
  23. 	
  24. 	// Start Global
  25. 	const toast = function(text, type = 'success') {
  26. 		document.getElementById('myToast')?.remove();
  27. 		document.getElementById('myToastStyle')?.remove();
  28. 		
  29. 		// language=css
  30. 		let styleString = `
  31. 		#myToast {
  32. 			display: inline-block !important;
  33. 			padding: 20px !important;
  34. 			opacity: .6 !important;
  35. 			color: white !important;
  36. 			background-color: black !important;
  37. 			position: fixed !important;
  38. 			top: 20px !important;
  39. 			right: 20px !important;
  40. 			z-index: 9999999999999999999999 !important;
  41. 		}
  42. 		
  43. 		#myToast.success {
  44. 			background-color: green !important;
  45. 		}
  46. 		
  47. 		#myToast.warning {
  48. 			background-color: orange !important;
  49. 		}
  50. 		
  51. 		#myToast.danger {
  52. 			background-color: darkred !important;
  53. 		}
  54. 		`;
  55. 		let style = multilineCss(styleString, 'myToastStyle');
  56. 		
  57. 		let block = GM_addElement(document.body, 'div', {
  58. 			id: 'myToast',
  59. 			class: type,
  60. 		});
  61. 		
  62. 		block.innerText = text;
  63. 		
  64. 		setTimeout(() => {
  65. 			block.remove();
  66. 			style.remove();
  67. 		}, 5000);
  68. 	}
  69. 	
  70. 	const multilineCss = function(style, id = '') {
  71. 		let el = GM_addStyle(style);
  72. 		if (id !== '') {
  73. 			el.id = id;
  74. 		}
  75. 		
  76. 		return el;
  77. 	}
  78. 	// End Global
  79. 	
  80. 	// Start Password Generator
  81. 	const generatePassword = function(length = 16, minPerType = 2, uppercase = true, lowercase = true, number = true, symbol = false) {
  82. 		let string = '';
  83. 		let pass = {
  84. 			uppercase: true,
  85. 			lowercase: true,
  86. 			number: true,
  87. 			symbol: true,
  88. 		}
  89. 		let match;
  90. 		if (uppercase) {
  91. 			string += 'ABCDEFGHJKMNPQRSTUVWXYZ';
  92. 		}
  93. 		
  94. 		if (lowercase) {
  95. 			string += 'abcdefghjkmnpqrstuvwxyz';
  96. 		}
  97. 		
  98. 		if (number) {
  99. 			string += '23456789';
  100. 		}
  101. 		
  102. 		if (symbol) {
  103. 			string += '!";#$%&\'()*+,-./:;<=>?@[]^_`{|}~';
  104. 		}
  105. 		
  106. 		let password = Array.from(crypto.getRandomValues(new Uint32Array(length)))
  107. 			.map((x) => string[x % string.length])
  108. 			.join('');
  109. 		
  110. 		if (uppercase) {
  111. 			match = password.match(/[A-Z]/g);
  112. 			if (!match || match.length < minPerType) {
  113. 				pass.uppercase = false;
  114. 			}
  115. 		}
  116. 		
  117. 		if (lowercase) {
  118. 			match = password.match(/[a-z]/g);
  119. 			if (!match || match.length < minPerType) {
  120. 				pass.lowercase = false;
  121. 			}
  122. 		}
  123. 		
  124. 		if (number) {
  125. 			match = password.match(/\d/g);
  126. 			if (!match || match.length < minPerType) {
  127. 				pass.number = false;
  128. 			}
  129. 		}
  130. 		
  131. 		if (symbol) {
  132. 			match = password.match(/[^A-Za-z0-9]/g);
  133. 			if (!match || match.length < minPerType) {
  134. 				pass.symbol = false;
  135. 			}
  136. 		}
  137. 		
  138. 		if (password.match(/(.)\1/) || !pass.uppercase || !pass.lowercase || !pass.number || !pass.symbol) {
  139. 			return generatePassword(length, minPerType, uppercase, lowercase, number, symbol);
  140. 		} else {
  141. 			return password;
  142. 		}
  143. 	}
  144. 	// End Password Generator
  145. 	
  146. 	GM_registerMenuCommand('Generate Password', function() {
  147. 		if (document.getElementById('pgBlock')) {
  148. 			return false;
  149. 		}
  150. 		
  151. 		//let length = GM_getValue('passwordGeneratorLength', '16');
  152. 		let password = generatePassword(GM_getValue('pgLength', 16), GM_getValue('pgMinPerType', 2), GM_getValue('pgUppercase', true), GM_getValue('pgLowercase', true), GM_getValue('pgNumber', true), GM_getValue('pgSymbol', false));
  153. 		
  154. 		// language=css
  155. 		let styleString = `
  156. 		#pgBlock {
  157. 			position: fixed !important;
  158. 			width: 100vw !important;
  159. 			height: 100vh !important;
  160. 			z-index: 999999999999999999999 !important;
  161. 			display: flex !important;
  162. 			align-items: center !important;
  163. 			justify-content: center !important;
  164. 			background-color: rgba(0, 0, 0, .9) !important;
  165. 			left: 0 !important;
  166. 			top: 0 !important;
  167. 		}
  168. 		
  169. 		#pgBlock * {
  170. 			font-family: Helvetica, Arial, sans-serif !important;
  171. 			font-size: 15px !important;
  172. 			font-weight: 300 !important;
  173. 			letter-spacing: 0 !important;
  174. 			line-height: 100% !important;
  175. 			color: whitesmoke !important;
  176. 			float: none !important;
  177. 			border-radius: 0 !important;
  178. 		}
  179. 		
  180. 		#pgBlock div {
  181. 			display: block !important;
  182. 		}
  183. 		
  184. 		#pgBlock button {
  185. 			background-color: red !important;
  186. 			padding: 10px 30px !important;
  187. 			border: none !important;
  188. 			cursor: pointer !important;
  189. 		}
  190. 		
  191. 		#pgBlock input {
  192. 			margin-inline: 0 !important;
  193. 			font-size: 13px !important;
  194. 			display: inline !important;
  195. 		}
  196. 		
  197. 		#pgBlock input[type="number"] {
  198. 			background-color: black !important;
  199. 			border: 1px solid whitesmoke !important;
  200. 			width: 60px !important;
  201. 			padding: 1px 0 1px 2px !important;
  202. 			appearance: auto !important;
  203. 		}
  204. 		
  205. 		#pgBlock label {
  206. 			margin-right: 15px !important;
  207. 			cursor: pointer !important;
  208. 			-webkit-user-select: none !important;
  209. 			user-select: none !important;
  210. 		}
  211.  
  212. 		.pgBox {
  213. 			text-align: center !important;
  214. 		}
  215.  
  216. 		#pgPassword {
  217. 			font-size: 3rem !important;
  218. 			margin-bottom: 15px !important;
  219. 		}
  220. 		`;
  221. 		
  222. 		let style = multilineCss(styleString);
  223. 		let block = GM_addElement(document.body, 'div', {
  224. 			id: 'pgBlock',
  225. 		});
  226. 		
  227. 		// language=html
  228. 		block.innerHTML = `<div class="pgBox">
  229. 			<div id="pgPassword"></div>
  230. 			<div>
  231. 				<button id="pgCopyPassword">Copy</button>
  232. 				<button id="pgCancelPassword">Cancel</button>
  233. 			</div>
  234. 			<div style="margin-top: 100px">
  235. 				<div>
  236. 					Length: <input id="pgPasswordLength" type="number" value="`+GM_getValue('pgLength', 16)+`" style="margin-right: 60px" min="8" max="64">
  237. 					Min Chars Per Type: <input id="pgPasswordMinPerType" type="number" value="`+GM_getValue('pgMinPerType', 2)+`" min="0">
  238. 				</div>
  239. 				<div style="margin-top: 10px">
  240. 					<label>Uppercase: <input id="pgUppercase" type="checkbox"`+(GM_getValue('pgUppercase', true) ? ' checked' : '')+`></label>
  241. 					<label>Lowercase: <input id="pgLowercase" type="checkbox"`+(GM_getValue('pgLowercase', true) ? ' checked' : '')+`></label>
  242. 					<label>Number: <input id="pgNumber" type="checkbox"`+(GM_getValue('pgNumber', true) ? ' checked' : '')+`></label>
  243. 					<label>Symbol: <input id="pgSymbol" type="checkbox"`+(GM_getValue('pgSymbol', false) ? ' checked' : '')+`></label>
  244. 				</div>
  245. 				<button id="pgReGeneratePassword" style="margin-top: 25px">Regenerate Password</button>
  246. 			</div>
  247. 		</div>`;
  248. 		
  249. 		let passwordDiv = document.getElementById('pgPassword');
  250. 		let copyButton = document.getElementById('pgCopyPassword');
  251. 		let cancelButton = document.getElementById('pgCancelPassword');
  252. 		let passwordLengthInput = document.getElementById('pgPasswordLength');
  253. 		let minPerTypeInput = document.getElementById('pgPasswordMinPerType');
  254. 		let uppercaseCheckBox = document.getElementById('pgUppercase');
  255. 		let lowercaseCheckBox = document.getElementById('pgLowercase');
  256. 		let numberCheckBox = document.getElementById('pgNumber');
  257. 		let symbolCheckBox = document.getElementById('pgSymbol');
  258. 		let reGenerateButton = document.getElementById('pgReGeneratePassword');
  259. 		
  260. 		passwordDiv.innerText = password;
  261. 		
  262. 		copyButton.addEventListener('click', () => {
  263. 			navigator.clipboard.writeText(password)
  264. 				.then(r => toast('Password has been copied successfully.'));
  265. 			block.remove();
  266. 			style.remove();
  267. 		});
  268. 		
  269. 		cancelButton.addEventListener('click', () => {
  270. 			block.remove();
  271. 			style.remove();
  272. 		});
  273. 		
  274. 		[passwordLengthInput, minPerTypeInput].forEach(item => {
  275. 			item.addEventListener('click', () => {
  276. 				item.select();
  277. 			});
  278. 		});
  279. 		
  280. 		reGenerateButton.addEventListener('click', function() {
  281. 			GM_setValue('pgLength', parseInt(passwordLengthInput.value));
  282. 			GM_setValue('pgMinPerType', parseInt(minPerTypeInput.value));
  283. 			GM_setValue('pgUppercase', uppercaseCheckBox.checked);
  284. 			GM_setValue('pgLowercase', lowercaseCheckBox.checked);
  285. 			GM_setValue('pgNumber', numberCheckBox.checked);
  286. 			GM_setValue('pgSymbol', symbolCheckBox.checked);
  287. 			password = generatePassword(parseInt(passwordLengthInput.value), parseInt(minPerTypeInput.value), uppercaseCheckBox.checked, lowercaseCheckBox.checked, numberCheckBox.checked, symbolCheckBox.checked);
  288. 			passwordDiv.innerText = password;
  289. 		});
  290. 	});
  291. })();