☰

Password Generator

Generate random passwords with Context Menu

当前为 2023-06-13 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         			Password Generator
  3. // @name:tr      			Şifre Oluşturucu
  4. // @namespace    			http://tampermonkey.net/
  5. // @version      			0.2
  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_registerMenuCommand
  12. // @grant        			GM_setValue
  13. // @grant        			GM_getValue
  14. // ==/UserScript==
  15.  
  16. (function() {
  17.     'use strict';
  18.  
  19.     const generatePasswordForContextMenu = function(length = 16, minPerType = 2, uppercase = true, lowercase = true, number = true, symbol = false) {
  20. 		let string = '';
  21. 		let pass = {
  22. 			uppercase: true,
  23. 			lowercase: true,
  24. 			number: true,
  25. 			symbol: true,
  26. 		}
  27. 		let match;
  28. 		if (uppercase) {
  29. 			string += 'ABCDEFGHJKMNPQRSTUVWXYZ';
  30. 		}
  31.  
  32. 		if (lowercase) {
  33. 			string += 'abcdefghjkmnpqrstuvwxyz';
  34. 		}
  35.  
  36. 		if (number) {
  37. 			string += '23456789';
  38. 		}
  39.  
  40. 		if (symbol) {
  41. 			string += '!";#$%&\'()*+,-./:;<=>?@[]^_`{|}~';
  42. 		}
  43.  
  44. 		let password = Array.from(crypto.getRandomValues(new Uint32Array(length)))
  45. 			.map((x) => string[x % string.length])
  46. 			.join('');
  47.  
  48.  
  49.  
  50. 		if (uppercase) {
  51. 			match = password.match(/[A-Z]/g);
  52. 			if (!match || match.length < minPerType) {
  53. 				pass.uppercase = false;
  54. 			}
  55. 		}
  56.  
  57. 		if (lowercase) {
  58. 			match = password.match(/[a-z]/g);
  59. 			if (!match || match.length < minPerType) {
  60. 				pass.lowercase = false;
  61. 			}
  62. 		}
  63.  
  64. 		if (number) {
  65. 			match = password.match(/\d/g);
  66. 			if (!match || match.length < minPerType) {
  67. 				pass.number = false;
  68. 			}
  69. 		}
  70.  
  71. 		if (symbol) {
  72. 			match = password.match(/[^A-Za-z0-9]/g);
  73. 			if (!match || match.length < minPerType) {
  74. 				pass.symbol = false;
  75. 			}
  76. 		}
  77.  
  78. 		if (password.match(/(.)\1/) || !pass.uppercase || !pass.lowercase || !pass.number || !pass.symbol) {
  79. 			return generatePasswordForContextMenu(length, minPerType, uppercase, lowercase, number, symbol);
  80. 		} else {
  81. 			return password;
  82. 		}
  83. 	}
  84.  
  85. 	function multilineCssForContextMenu(css) {
  86. 		let el = document.createElement('style');
  87. 		el.appendChild(document.createTextNode(css));
  88. 		document.head.appendChild(el);
  89. 		return el;
  90. 	}
  91.  
  92.     GM_registerMenuCommand('Generate Password', () => {
  93. 		//let length = GM_getValue('passwordGeneratorLength', '16');
  94. 		let password = generatePasswordForContextMenu(GM_getValue('pgLength', 16), GM_getValue('pgMinPerType', 2), GM_getValue('pgUppercase', true), GM_getValue('pgLowercase', true), GM_getValue('pgNumber', true), GM_getValue('pgSymbol', false));
  95.  
  96. 		// language=css
  97. 		let styleString = `
  98. 		.myTmBlock {
  99. 			position: fixed !important;
  100. 			width: 100vw !important;
  101. 			height: 100vh !important;
  102. 			z-index: 999999999 !important;
  103. 			display: flex !important;
  104. 			align-items: center !important;
  105. 			justify-content: center !important;
  106. 			background-color: rgba(0, 0, 0, .9) !important;
  107. 			left: 0 !important;
  108. 			top: 0 !important;
  109. 		}
  110. 		
  111. 		.myTmBlock * {
  112. 			font-family: Helvetica, Arial, sans-serif !important;
  113. 			font-size: 15px !important;
  114. 			font-weight: 300 !important;
  115. 			letter-spacing: 0 !important;
  116. 			line-height: 100% !important;
  117. 			color: whitesmoke !important;
  118. 			float: none !important;
  119. 			border-radius: 0 !important;
  120. 		}
  121. 		
  122. 		.myTmBlock div {
  123. 			display: block !important;
  124. 		}
  125. 		
  126. 		.myTmBlock button {
  127. 			background-color: red !important;
  128. 			padding: 10px 30px !important;
  129. 			border: none !important;
  130. 			cursor: pointer !important;
  131. 		}
  132. 		
  133. 		.myTmBlock input {
  134. 			margin-inline: 0 !important;
  135. 			font-size: 13px !important;
  136. 			display: inline !important;
  137. 		}
  138. 		
  139. 		.myTmBlock input[type="number"] {
  140. 			background-color: black !important;
  141. 			border: 1px solid whitesmoke !important;
  142. 			width: 60px !important;
  143. 			padding: 1px 0 1px 2px !important;
  144. 			appearance: auto !important;
  145. 		}
  146. 		
  147. 		.myTmBlock label {
  148. 			margin-right: 15px !important;
  149. 			cursor: pointer !important;
  150. 			-webkit-user-select: none !important;
  151. 			user-select: none !important;
  152. 		}
  153.  
  154. 		.myTmBox {
  155. 			text-align: center !important;
  156. 		}
  157.  
  158. 		#myTmPassword {
  159. 			font-size: 3rem !important;
  160. 			margin-bottom: 15px !important;
  161. 		}
  162. 		`;
  163.  
  164. 		let style = multilineCssForContextMenu(styleString);
  165. 		let block = document.createElement('div');
  166. 		block.classList.add('myTmBlock');
  167. 		document.body.appendChild(block);
  168.  
  169. 		// language=html
  170. 		block.innerHTML = `<div class="myTmBox">
  171. 			<div id="myTmPassword"></div>
  172. 			<div>
  173. 				<button id="myTmCopyPassword">Copy</button>
  174. 				<button id="myTmCancelPassword">Cancel</button>
  175. 			</div>
  176. 			<div style="margin-top: 100px">
  177. 				<div>
  178. 					Length: <input id="myTmPasswordLength" type="number" value="`+GM_getValue('pgLength', 16)+`" style="margin-right: 60px" min="8" max="64">
  179. 					Min Chars Per Type: <input id="myTmPasswordMinPerType" type="number" value="`+GM_getValue('pgMinPerType', 2)+`" min="0">
  180. 				</div>
  181. 				<div style="margin-top: 10px">
  182. 					<label>Uppercase: <input id="myTmUppercase" type="checkbox"`+(GM_getValue('pgUppercase', true) ? ' checked' : '')+`></label>
  183. 					<label>Lowercase: <input id="myTmLowercase" type="checkbox"`+(GM_getValue('pgLowercase', true) ? ' checked' : '')+`></label>
  184. 					<label>Number: <input id="myTmNumber" type="checkbox"`+(GM_getValue('pgNumber', true) ? ' checked' : '')+`></label>
  185. 					<label>Symbol: <input id="myTmSymbol" type="checkbox"`+(GM_getValue('pgSymbol', false) ? ' checked' : '')+`></label>
  186. 				</div>
  187. 				<button id="myTmReGeneratePassword" style="margin-top: 25px">Regenerate Password</button>
  188. 			</div>
  189. 		</div>`;
  190.  
  191. 		let passwordDiv = document.getElementById('myTmPassword');
  192. 		let copyButton = document.getElementById('myTmCopyPassword');
  193. 		let cancelButton = document.getElementById('myTmCancelPassword');
  194. 		let passwordLengthInput = document.getElementById('myTmPasswordLength');
  195. 		let minPerTypeInput = document.getElementById('myTmPasswordMinPerType');
  196. 		let uppercaseCheckBox = document.getElementById('myTmUppercase');
  197. 		let lowercaseCheckBox = document.getElementById('myTmLowercase');
  198. 		let numberCheckBox = document.getElementById('myTmNumber');
  199. 		let symbolCheckBox = document.getElementById('myTmSymbol');
  200. 		let reGenerateButton = document.getElementById('myTmReGeneratePassword');
  201. 		
  202. 		passwordDiv.innerText = password;
  203.  
  204. 		copyButton.addEventListener('click', () => {
  205. 			navigator.clipboard.writeText(password);
  206. 			block.remove();
  207. 			style.remove();
  208. 		});
  209.  
  210. 		cancelButton.addEventListener('click', () => {
  211. 			block.remove();
  212. 			style.remove();
  213. 		});
  214.  
  215. 		[passwordLengthInput, minPerTypeInput].forEach(item => {
  216. 			item.addEventListener('click', () => {
  217. 				item.select();
  218. 			});
  219. 		});
  220.  
  221. 		reGenerateButton.addEventListener('click', function() {
  222. 			GM_setValue('pgLength', parseInt(passwordLengthInput.value));
  223. 			GM_setValue('pgMinPerType', parseInt(minPerTypeInput.value));
  224. 			GM_setValue('pgUppercase', uppercaseCheckBox.checked);
  225. 			GM_setValue('pgLowercase', lowercaseCheckBox.checked);
  226. 			GM_setValue('pgNumber', numberCheckBox.checked);
  227. 			GM_setValue('pgSymbol', symbolCheckBox.checked);
  228. 			password = generatePasswordForContextMenu(parseInt(passwordLengthInput.value), parseInt(minPerTypeInput.value), uppercaseCheckBox.checked, lowercaseCheckBox.checked, numberCheckBox.checked, symbolCheckBox.checked);
  229. 			passwordDiv.innerText = password;
  230. 		});
  231. 	});
  232. })();