v1.1.23

copy password to clipboard when generating a new one
add dev instructions
2025-08-02 17:00:03 +02:00 · 2018-10-10 11:34:31 +02:00 · 2018-10-10 11:31:43 +02:00 · 2018-10-10 11:31:28 +02:00 · 2017-12-11 16:58:47 +01:00 · 2017-12-02 14:46:43 +01:00
9 changed files with 209 additions and 55 deletions
--- a/README.md
+++ b/README.md
@@ -0,0 +1,18 @@
+# pwgen reloaded
+
+## What it does
+
+A firefox addon that generates a password and copies it to the clipboard
+
+![pwgen reloaded in action](img/cast.gif)
+
+## install
+
+On amo!  
+[https://addons.mozilla.org/firefox/addon/pwgen-reloaded/](https://addons.mozilla.org/firefox/addon/pwgen-reloaded/)
+
+
+## develop
+
+Clone this repo, open firefox on [about:debugging](about:debugging) and load the extension by selecting the cloned folder.  
+Start coding!
--- a/img/cast.gif
+++ b/img/cast.gif
--- a/img/screenshot.png
+++ b/img/screenshot.png
--- a/src/README.md
+++ b/src/README.md
@@ -1,5 +0,0 @@
-# pwgen
-
-## What it does ##
-
-Simply generate a password and copy it to the clipboard
--- a/src/icons/lock-32-light.png
+++ b/src/icons/lock-32-light.png
--- a/src/manifest.json
+++ b/src/manifest.json
@@ -2,8 +2,13 @@
  "description": "Just a toolbar button that generates a password and copies it to your clipboard.",
  "manifest_version": 2,
  "name": "pwgen reloaded",
-  "version": "1.1.3",
+  "version": "1.1.23",
  "homepage_url": "https://github.com/S2-/pwgen",
+  "applications": {
+    "gecko": {
+      "id": "{46b66c4d-605f-4f4d-8689-20b44b45656c}"
+    }
+  },
  "icons": {
    "48": "icons/lock-48.png"
  },
--- a/src/popup/pwgen.css
+++ b/src/popup/pwgen.css
@@ -1,4 +1,74 @@
 body {
-	cursor: default;
-	font: caption;
-  }
+  margin: 15px;
+}
+
+div {
+  margin-top: 5px;
+}
+
+input[type="number"] {
+  -moz-appearance: none;
+  color: var(--in-content-text-color);
+  border: 1px solid var(--in-content-box-border-color);
+  -moz-border-top-colors: none !important;
+  -moz-border-right-colors: none !important;
+  -moz-border-bottom-colors: none !important;
+  -moz-border-left-colors: none !important;
+  border-radius: 2px;
+  background-color: var(--in-content-box-background);
+
+  font-family: inherit;
+  font-size: inherit;
+  padding: 5px 10px;
+
+  width: 50px;
+}
+
+#length-min {
+  margin-right: 10px;
+}
+
+input[type="checkbox"] {
+  margin-bottom: -7px;
+}
+
+#pw {
+  border: 2px black solid;
+  width: 250px;
+}
+
+#copy {
+  margin-left: 0px;
+}
+
+#exclude {
+  width: 183px;
+}
+
+.copied {
+  pointer-events: none;
+  height: 26px;
+  width: 100%;
+  background-color: #FFF8DC;
+  position: absolute;
+  padding-right: 0;
+  padding-left: 0;
+  padding-top: 5px;
+  padding-bottom: 5px;
+  text-align: center;
+  margin-right: -15px;
+  margin-left: -19px;
+  margin-top: -27px;
+}
+
+.fadein {
+  visibility: visible;
+  opacity: 1;
+  transition: opacity 1s linear;
+}
+
+.fadeout {
+  visibility: hidden;
+  opacity: 0;
+  transition: visibility 0s 1s, opacity 1s linear;
+}
--- a/src/popup/pwgen.html
+++ b/src/popup/pwgen.html
@@ -2,30 +2,47 @@
 <html>
  <head>
    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="chrome://global/skin/global.css" type="text/css" />
+    <link rel="stylesheet" href="chrome://global/skin/in-content/common.css" type="text/css" />
+
    <link rel="stylesheet" href="pwgen.css"/>
  </head>

 <body>
  <form>
    <div>
-      <label for"length">length</label>
-      <input type="number" id="length" value="14" min="0" name="length">
-    </div>
-    <div>
-      <label for"special">include special chars</label>
-      <input type="checkbox" id="special" checked="checked" name="special">
-    </div>
-    <div>
-      <label for"pw">your password</label>
      <input type="text" id="pw" name="pw">
    </div>
+
    <div>
-      <button id="copy">copy to clipboard</button><button id="new">give me an other one</button>
+      <label>Length: </label>
+      <label for="length-min">min.</label> <input type="number" id="length-min" value="14" min="0" name="length-min">
+      <label for="length-max">max.</label> <input type="number" id="length-max" value="18" min="0" name="length-max">
    </div>
+
    <div>
-      <label for"directcopy">direct copy</label>
-      <input type="checkbox" id="directcopy" name="directcopy" title="next time when i click the button, copy the new password immediately to the clipboard">
+      <input type="checkbox" id="special" checked="checked" name="special">
+      <label for="special">Include special characters</label>
    </div>
+
+    <div>
+      <label for="exclude">Exclude: </label>
+      <input type="text" id="exclude" name="exclude">
+    </div>
+
+    <div>
+      <button id="copy">Copy to clipboard</button><button id="new">Generate another</button>
+    </div>
+
+    <hr>
+
+    <div>
+      <input type="checkbox" id="directcopy" name="directcopy" title="The next time the toolbar button is clicked, the password is copied to the clipboard directly">
+      <label for="directcopy">Copy directly</label>
+      <div class="copied" style="display: none;">Password copied to clipboard</div>
+    </div>
+
  </form>
  <script src="pwgen.js"></script>
 </body>
--- a/src/popup/pwgen.js
+++ b/src/popup/pwgen.js
@@ -1,26 +1,45 @@
-function randPassword(length, includeSpecial) {
-  let pwdChars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890";
+function randPassword(length, includeSpecial, exclude) {
+  let pwdChars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
  if (includeSpecial) {
-    pwdChars += '°^!"§$%&/()=?`´\\}][{²³€|<>-.,;:*+_µ@~';
+    pwdChars += '!"#$%&\'()*+,-./:;<=>?@[\]^_`{|}~';
  }
-  let randPassword = Array(length).fill(pwdChars).map(function(x) {
-    return x[Math.floor(Math.random() * x.length)]
-  }).join('');
-  return randPassword;
+
+  if (exclude) {
+    exclude.split('').forEach(c => {
+      pwdChars = pwdChars.split(c).join('');
+    });
+  }
+
+  let randValues = new Uint32Array(length);
+  let randPwd = '';
+  window.crypto.getRandomValues(randValues);
+  for(i=0; i<length; i++)
+  {
+    randPwd += pwdChars[randValues[i] % pwdChars.length];
+  }
+  return randPwd;
+}
+
+function generateLength() {
+  return Math.floor(Math.random() * (getParams().lengthMax - getParams().lengthMin + 1) + getParams().lengthMin);
 }

 function getParams() {
  return {
-    length: parseInt(document.getElementById('length').value),
+    lengthMin: parseInt(document.getElementById('length-min').value),
+    lengthMax: parseInt(document.getElementById('length-max').value),
    special: document.getElementById('special').checked,
+    exclude: document.getElementById('exclude').value,
    directcopy: document.getElementById('directcopy').checked
  }
 }

 function loadOptions() {
  return browser.storage.local.get({
-    length: 14,
+    lengthMin: 14,
+    lengthMax: 17,
    special: true,
+    exclude: 'iIl|10o8B3Evu![]{}',
    directcopy: false
  });
 }
@@ -29,37 +48,67 @@ function saveOptions(options) {
  return browser.storage.local.set(options);
 }

-function copypasstoclippboard() {
-  var copyText = document.getElementById('pw');
-  copyText.select();
-  document.execCommand('copy');
+function copypasstoclippboard(cb) {
+  setTimeout(function() {
+    var copyText = document.getElementById('pw');
+    copyText.select();
+    document.execCommand('copy');
+    if (typeof(cb) === 'function') {
+      cb();
+    }
+    fade(document.getElementsByClassName('copied')[0]);
+  }, 200);
 }

-document.getElementById('new').addEventListener('click', (ev) => {
-  ev.preventDefault();
-  var params = getParams();
-  document.getElementById('pw').value = randPassword(params.length, params.special);
-});
+function fade(element) {
+  var clone = element.cloneNode(true);
+  clone.style.display = 'block';
+  element.parentNode.insertBefore(clone, element.nextSibling);

-document.getElementById('copy').addEventListener('click', (ev) => {
-  ev.preventDefault();
-  copypasstoclippboard();
-});
+  setTimeout(() => {
+    clone.className += ' fadeout';
+  }, 500);

-var list = document.getElementsByTagName('input');
-for (var i = 0; i < list.length; i++) {
-  list[i].addEventListener('change', (ev) => {
-    saveOptions(getParams());
+  setTimeout(() => {
+    clone.remove();
+  }, 1600);
+}
+
+document.addEventListener('DOMContentLoaded', function() {
+
+  document.getElementById('new').addEventListener('click', (ev) => {
+    ev.preventDefault();
+    var params = getParams();
+    document.getElementById('pw').value = randPassword(generateLength(), params.special, params.exclude);
+
+    if (params.directcopy) {
+      copypasstoclippboard();
+    }
  });
-}

-loadOptions().then((options) => {
-  document.getElementById('length').value = options.length;
-  document.getElementById('special').checked = options.special;
-  document.getElementById('directcopy').checked = options.directcopy;
-  document.getElementById('pw').value = randPassword(getParams().length, getParams().special);
-
-  if (options.directcopy) {
+  document.getElementById('copy').addEventListener('click', (ev) => {
+    ev.preventDefault();
    copypasstoclippboard();
+  });
+
+  var list = document.getElementsByTagName('input');
+  for (var i = 0; i < list.length; i++) {
+    list[i].addEventListener('change', (ev) => {
+      saveOptions(getParams());
+    });
  }
+
+  loadOptions().then((options) => {
+    document.getElementById('length-min').value = options.lengthMin;
+    document.getElementById('length-max').value = options.lengthMax;
+    document.getElementById('special').checked = options.special;
+    document.getElementById('exclude').value = options.exclude;
+    document.getElementById('directcopy').checked = options.directcopy;
+    document.getElementById('pw').value = randPassword(generateLength(), getParams().special, getParams().exclude);
+
+    if (options.directcopy) {
+      copypasstoclippboard();
+    }
+  });
+
 });
Author	SHA1	Message	Date
s2	e40a37b496	v1.1.23	2018-10-10 11:34:31 +02:00
s2	dc4ad35e31	copy password to clipboard when generating a new one	2018-10-10 11:31:43 +02:00
s2	a5bcb1bda2	add dev instructions	2018-10-10 11:31:28 +02:00
s2	afd53323cf	add gecko id	2017-12-11 16:58:47 +01:00
s2	b22bfe6a89	v1.1.22	2017-12-02 14:46:43 +01:00
s2	bb39fb0363	use only special ascii chars	2017-12-02 14:46:17 +01:00
s2	fa2a5ccc81	v1.1.21	2017-12-01 20:18:47 +01:00
s2	1a5d5438cf	add all ascii and extended ascii characters	2017-12-01 20:09:07 +01:00
s2	c534404577	update cast & screenshot	2017-11-30 08:48:23 +01:00
s2	3a88be4362	v1.1.20	2017-11-28 22:01:18 +01:00
s2	c66fa82875	exclude characters option	2017-11-28 22:00:00 +01:00
s2	be6961cca9	click trough copied div	2017-11-28 11:37:27 +01:00
s2	420ed09b17	v1.1.19	2017-11-27 18:24:46 +01:00
s2	07bde76b38	make text nicer	2017-11-27 17:23:30 +01:00
s2	a94280245d	v1.1.18	2017-11-27 13:09:15 +01:00
Age Bosma	5db228d472	Layout fine-tuning	2017-11-27 12:56:08 +01:00
s2	4a8f31eb7c	v1.1.17	2017-11-24 19:05:03 +01:00
s2	1625011a18	make icon actually light	2017-11-24 19:04:41 +01:00
s2	710a30b69f	v1.1.16	2017-11-24 18:57:43 +01:00
s2	84c4096276	add lock-32-light.png icon	2017-11-24 18:57:25 +01:00
s2	eaab8485e7	v1.1.15	2017-11-23 12:29:14 +01:00
s2	f5dc33bbb0	more =	2017-11-23 12:29:01 +01:00
s2	1c7ba3298c	1.1.14	2017-11-23 12:26:21 +01:00
s2	5cd436d8eb	=	2017-11-23 12:26:00 +01:00
s2	75bbd1d24c	add screencast	2017-11-23 09:15:29 +01:00
s2	8b02b259da	make it work with 0	2017-11-23 08:53:59 +01:00
s2	969ad13e23	v1.1.13	2017-11-23 08:49:46 +01:00
s2	005570d04d	fix length generator	2017-11-23 08:49:33 +01:00
s2	06cfa9d0da	v1.1.12	2017-11-23 08:29:04 +01:00
s2	fa5ba83db2	make length random	2017-11-23 08:28:37 +01:00
s2	5c37f822db	wait for transition to be completed	2017-11-22 16:10:15 +01:00
s2	a53d60474d	v1.1.11	2017-11-22 12:25:14 +01:00
s2	4d7fefccfc	use css for transition	2017-11-22 12:06:55 +01:00
s2	0d6278cd82	v1.1.10	2017-11-22 10:35:18 +01:00
s2	fee9b6b20a	show notification when button pressed too	2017-11-22 10:27:58 +01:00
s2	5959bc4cbe	v1.1.9	2017-11-22 09:27:29 +01:00
s2	93c4955d1d	copy pass to clipboard notification	2017-11-22 09:25:44 +01:00
s2	3a64948533	i like this one better	2017-11-21 21:04:09 +01:00
s2	a0d5b54b5d	new screenshot	2017-11-21 20:59:53 +01:00
s2	396236254a	readme	2017-11-21 20:54:48 +01:00
s2	fcceca980c	v1.1.8	2017-11-21 19:44:29 +01:00
s2	59094b76bb	increment delay to 200ms	2017-11-21 19:44:03 +01:00
s2	6c773377b1	v1.1.7	2017-11-21 19:33:35 +01:00
s2	b0932baeea	add timeout before copying password	2017-11-21 19:33:09 +01:00
s2	81d5bbb055	add a margin	2017-11-21 15:39:56 +01:00
s2	c26eba33c0	v1.1.6	2017-11-21 09:31:21 +01:00
s2	42838040d2	use crypto.getRandomValues	2017-11-21 09:30:54 +01:00
s2	8ab06aa554	remove useless css	2017-11-21 09:30:44 +01:00
s2	07b558eeb7	v1.1.5	2017-11-21 09:13:36 +01:00
s2	be3046051a	do not repeat numbers	2017-11-21 09:11:22 +01:00
s2	17c92ce99a	update screenshot	2017-11-21 08:33:42 +01:00
s2	9cf67b5dec	v1.1.4	2017-11-21 08:21:57 +01:00
s2	736367738f	make form nicer	2017-11-21 08:21:39 +01:00