☰

Password Generator

Generate random passwords with Context Menu

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

  1. // ==UserScript==
  2. // @name         			Password Generator
  3. // @name:tr      			Şifre Oluşturucu
  4. // @namespace    			http://tampermonkey.net/
  5. // @version      			0.1
  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. 			line-height: 100% !important;
  114. 			color: whitesmoke !important;
  115. 		}
  116. 		
  117. 		.myTmBlock button {
  118. 			background-color: red !important;
  119. 			padding: 10px 30px !important;
  120. 			border: none !important;
  121. 			cursor: pointer !important;
  122. 		}
  123. 		
  124. 		.myTmBlock input {
  125. 			background-color: black !important;
  126. 			border: 1px solid whitesmoke !important;
  127. 		}
  128. 		
  129. 		.myTmBlock label {
  130. 			margin-right: 15px !important;
  131. 			cursor: pointer !important;
  132. 			-webkit-user-select: none !important;
  133. 			user-select: none !important;
  134. 		}
  135.  
  136. 		.myTmBox {
  137. 			text-align: center !important;
  138. 		}
  139.  
  140. 		#myTmPassword {
  141. 			font-size: 3rem !important;
  142. 			margin-bottom: 15px !important;
  143. 		}
  144. 		
  145. 		@media print {
  146. 			.myTmBlock {
  147. 				display: none !important;
  148. 			}
  149. 		}
  150. 		`;
  151.  
  152. 		let style = multilineCssForContextMenu(styleString);
  153. 		let block = document.createElement('div');
  154. 		block.classList.add('myTmBlock');
  155. 		document.body.appendChild(block);
  156.  
  157. 		// language=html
  158. 		block.innerHTML = `<div class="myTmBox">
  159. 			<div id="myTmPassword"></div>
  160. 			<div>
  161. 				<button id="myTmCopyPassword">Copy</button>
  162. 				<button id="myTmCancelPassword">Cancel</button>
  163. 			</div>
  164. 			<div style="margin-top: 100px">
  165. 				<div>
  166. 					Length: <input id="myTmPasswordLength" type="number" value="`+GM_getValue('pgLength', 16)+`" style="width: 60px; margin-right: 60px" min="8" max="64">
  167. 					Min Chars Per Type: <input id="myTmPasswordMinPerType" type="number" value="`+GM_getValue('pgMinPerType', 2)+`" style="width: 60px" min="0">
  168. 				</div>
  169. 				<div style="margin-top: 10px">
  170. 					<label>Uppercase:<input id="myTmUppercase" type="checkbox"`+(GM_getValue('pgUppercase', true) ? ' checked' : '')+`></label>
  171. 					<label>Lowercase:<input id="myTmLowercase" type="checkbox"`+(GM_getValue('pgLowercase', true) ? ' checked' : '')+`></label>
  172. 					<label>Number:<input id="myTmNumber" type="checkbox"`+(GM_getValue('pgNumber', true) ? ' checked' : '')+`></label>
  173. 					<label>Symbol:<input id="myTmSymbol" type="checkbox"`+(GM_getValue('pgSymbol', false) ? ' checked' : '')+`></label>
  174. 				</div>
  175. 				<button id="myTmReGeneratePassword" style="margin-top: 25px">Regenerate Password</button>
  176. 			</div>
  177. 		</div>`;
  178.  
  179. 		let passwordDiv = document.getElementById('myTmPassword');
  180. 		let copyButton = document.getElementById('myTmCopyPassword');
  181. 		let cancelButton = document.getElementById('myTmCancelPassword');
  182. 		let passwordLengthInput = document.getElementById('myTmPasswordLength');
  183. 		let minPerTypeInput = document.getElementById('myTmPasswordMinPerType');
  184. 		let uppercaseCheckBox = document.getElementById('myTmUppercase');
  185. 		let lowercaseCheckBox = document.getElementById('myTmLowercase');
  186. 		let numberCheckBox = document.getElementById('myTmNumber');
  187. 		let symbolCheckBox = document.getElementById('myTmSymbol');
  188. 		let reGenerateButton = document.getElementById('myTmReGeneratePassword');
  189. 		
  190. 		passwordDiv.innerText = password;
  191.  
  192. 		copyButton.addEventListener('click', () => {
  193. 			navigator.clipboard.writeText(password);
  194. 			block.remove();
  195. 			style.remove();
  196. 		});
  197.  
  198. 		cancelButton.addEventListener('click', () => {
  199. 			block.remove();
  200. 			style.remove();
  201. 		});
  202.  
  203. 		[passwordLengthInput, minPerTypeInput].forEach(item => {
  204. 			item.addEventListener('click', () => {
  205. 				item.select();
  206. 			});
  207. 		});
  208.  
  209. 		reGenerateButton.addEventListener('click', function() {
  210. 			GM_setValue('pgLength', parseInt(passwordLengthInput.value));
  211. 			GM_setValue('pgMinPerType', parseInt(minPerTypeInput.value));
  212. 			GM_setValue('pgUppercase', uppercaseCheckBox.checked);
  213. 			GM_setValue('pgLowercase', lowercaseCheckBox.checked);
  214. 			GM_setValue('pgNumber', numberCheckBox.checked);
  215. 			GM_setValue('pgSymbol', symbolCheckBox.checked);
  216. 			password = generatePasswordForContextMenu(parseInt(passwordLengthInput.value), parseInt(minPerTypeInput.value), uppercaseCheckBox.checked, lowercaseCheckBox.checked, numberCheckBox.checked, symbolCheckBox.checked);
  217. 			passwordDiv.innerText = password;
  218. 		});
  219. 	});
  220. })();