mirror of
https://github.com/S2-/pwgen.git
synced 2025-08-02 17:00:03 +02:00
Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 7332a82e7b | |||
| bef3828636 |
120
.eslintrc.json
Normal file
120
.eslintrc.json
Normal file
@@ -0,0 +1,120 @@
|
|||||||
|
{
|
||||||
|
"parserOptions": {
|
||||||
|
"ecmaVersion": 6
|
||||||
|
},
|
||||||
|
"rules": {
|
||||||
|
"quotes": [
|
||||||
|
2,
|
||||||
|
"single",
|
||||||
|
{
|
||||||
|
"allowTemplateLiterals": true
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"curly": [
|
||||||
|
2,
|
||||||
|
"all"
|
||||||
|
],
|
||||||
|
"keyword-spacing": [
|
||||||
|
2,
|
||||||
|
{
|
||||||
|
"overrides": {
|
||||||
|
"else": {
|
||||||
|
"before": true
|
||||||
|
},
|
||||||
|
"catch": {
|
||||||
|
"before": true,
|
||||||
|
"after": false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"space-before-blocks": [
|
||||||
|
2,
|
||||||
|
"always"
|
||||||
|
],
|
||||||
|
"wrap-iife": [
|
||||||
|
2,
|
||||||
|
"inside"
|
||||||
|
],
|
||||||
|
"space-before-function-paren": [
|
||||||
|
2,
|
||||||
|
"never"
|
||||||
|
],
|
||||||
|
"one-var": [
|
||||||
|
2,
|
||||||
|
"never"
|
||||||
|
],
|
||||||
|
"vars-on-top": 0,
|
||||||
|
"no-empty": [
|
||||||
|
2,
|
||||||
|
{
|
||||||
|
"allowEmptyCatch": true
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"array-bracket-spacing": [
|
||||||
|
2,
|
||||||
|
"never"
|
||||||
|
],
|
||||||
|
"space-in-parens": [
|
||||||
|
2,
|
||||||
|
"never"
|
||||||
|
],
|
||||||
|
"no-underscore-dangle": 0,
|
||||||
|
"comma-style": [
|
||||||
|
2,
|
||||||
|
"last"
|
||||||
|
],
|
||||||
|
"comma-spacing": [
|
||||||
|
2,
|
||||||
|
{
|
||||||
|
"before": false,
|
||||||
|
"after": true
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"space-unary-ops": [
|
||||||
|
2,
|
||||||
|
{
|
||||||
|
"words": false,
|
||||||
|
"nonwords": false
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"no-multi-spaces": 2,
|
||||||
|
"space-infix-ops": 2,
|
||||||
|
"no-with": 2,
|
||||||
|
"indent": [
|
||||||
|
2,
|
||||||
|
"tab",
|
||||||
|
{
|
||||||
|
"SwitchCase": 1,
|
||||||
|
"FunctionExpression": {
|
||||||
|
"body": 1,
|
||||||
|
"parameters": 1
|
||||||
|
},
|
||||||
|
"MemberExpression": 0
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"no-mixed-spaces-and-tabs": 2,
|
||||||
|
"no-trailing-spaces": 2,
|
||||||
|
"comma-dangle": [
|
||||||
|
2,
|
||||||
|
"never"
|
||||||
|
],
|
||||||
|
"semi": [2, "always"],
|
||||||
|
"brace-style": [
|
||||||
|
2,
|
||||||
|
"1tbs",
|
||||||
|
{
|
||||||
|
"allowSingleLine": true
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"eol-last": 2,
|
||||||
|
"dot-notation": 0,
|
||||||
|
"no-multi-str": 2,
|
||||||
|
"key-spacing": [
|
||||||
|
2,
|
||||||
|
{
|
||||||
|
"afterColon": true
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -16,3 +16,7 @@ On amo!
|
|||||||
|
|
||||||
Clone this repo, open firefox on [about:debugging](about:debugging) and load the extension by selecting the cloned folder.
|
Clone this repo, open firefox on [about:debugging](about:debugging) and load the extension by selecting the cloned folder.
|
||||||
Start coding!
|
Start coding!
|
||||||
|
|
||||||
|
## make a release
|
||||||
|
|
||||||
|
zip the src folder and upload to https://addons.mozilla.org/
|
||||||
|
|||||||
@@ -1,74 +1,74 @@
|
|||||||
body {
|
body {
|
||||||
margin: 15px;
|
margin: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
div {
|
div {
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type="number"] {
|
input[type="number"] {
|
||||||
-moz-appearance: none;
|
-moz-appearance: none;
|
||||||
color: var(--in-content-text-color);
|
color: var(--in-content-text-color);
|
||||||
border: 1px solid var(--in-content-box-border-color);
|
border: 1px solid var(--in-content-box-border-color);
|
||||||
-moz-border-top-colors: none !important;
|
-moz-border-top-colors: none !important;
|
||||||
-moz-border-right-colors: none !important;
|
-moz-border-right-colors: none !important;
|
||||||
-moz-border-bottom-colors: none !important;
|
-moz-border-bottom-colors: none !important;
|
||||||
-moz-border-left-colors: none !important;
|
-moz-border-left-colors: none !important;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
background-color: var(--in-content-box-background);
|
background-color: var(--in-content-box-background);
|
||||||
|
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
font-size: inherit;
|
font-size: inherit;
|
||||||
padding: 5px 10px;
|
padding: 5px 10px;
|
||||||
|
|
||||||
width: 50px;
|
width: 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#length-min {
|
#length-min {
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type="checkbox"] {
|
input[type="checkbox"] {
|
||||||
margin-bottom: -7px;
|
margin-bottom: -7px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#pw {
|
#pw {
|
||||||
border: 2px black solid;
|
border: 2px black solid;
|
||||||
width: 250px;
|
width: 250px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#copy {
|
#copy {
|
||||||
margin-left: 0px;
|
margin-left: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#exclude {
|
#exclude {
|
||||||
width: 183px;
|
width: 183px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.copied {
|
.copied {
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
height: 26px;
|
height: 26px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-color: #FFF8DC;
|
background-color: #FFF8DC;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
padding-right: 0;
|
padding-right: 0;
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
padding-top: 5px;
|
padding-top: 5px;
|
||||||
padding-bottom: 5px;
|
padding-bottom: 5px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-right: -15px;
|
margin-right: -15px;
|
||||||
margin-left: -19px;
|
margin-left: -19px;
|
||||||
margin-top: -27px;
|
margin-top: -27px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fadein {
|
.fadein {
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition: opacity 1s linear;
|
transition: opacity 1s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fadeout {
|
.fadeout {
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: visibility 0s 1s, opacity 1s linear;
|
transition: visibility 0s 1s, opacity 1s linear;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,50 +1,50 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<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/global.css" type="text/css" />
|
||||||
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css" type="text/css" />
|
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css" type="text/css" />
|
||||||
|
|
||||||
<link rel="stylesheet" href="pwgen.css"/>
|
<link rel="stylesheet" href="pwgen.css"/>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<form>
|
<form>
|
||||||
<div>
|
<div>
|
||||||
<input type="text" id="pw" name="pw">
|
<input type="text" id="pw" name="pw">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<label>Length: </label>
|
<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-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">
|
<label for="length-max">max.</label> <input type="number" id="length-max" value="18" min="0" name="length-max">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<input type="checkbox" id="special" checked="checked" name="special">
|
<input type="checkbox" id="special" checked="checked" name="special">
|
||||||
<label for="special">Include special characters</label>
|
<label for="special">Include special characters</label>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<label for="exclude">Exclude: </label>
|
<label for="exclude">Exclude: </label>
|
||||||
<input type="text" id="exclude" name="exclude">
|
<input type="text" id="exclude" name="exclude">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<button id="copy">Copy to clipboard</button><button id="new">Generate another</button>
|
<button id="copy">Copy to clipboard</button><button id="new">Generate another</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<hr>
|
<hr>
|
||||||
|
|
||||||
<div>
|
<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">
|
<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>
|
<label for="directcopy">Copy directly</label>
|
||||||
<div class="copied" style="display: none;">Password copied to clipboard</div>
|
<div class="copied" style="display: none;">Password copied to clipboard</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</form>
|
</form>
|
||||||
<script src="pwgen.js"></script>
|
<script src="pwgen.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -1,114 +1,113 @@
|
|||||||
function randPassword(length, includeSpecial, exclude) {
|
function randPassword(length, includeSpecial, exclude) {
|
||||||
let pwdChars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
|
let pwdChars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
|
||||||
if (includeSpecial) {
|
if (includeSpecial) {
|
||||||
pwdChars += '!"#$%&\'()*+,-./:;<=>?@[\]^_`{|}~';
|
pwdChars += '!"#$%&\'()*+,-./:;<=>?@[\]^_`{|}~';
|
||||||
}
|
}
|
||||||
|
|
||||||
if (exclude) {
|
if (exclude) {
|
||||||
exclude.split('').forEach(c => {
|
exclude.split('').forEach(c => {
|
||||||
pwdChars = pwdChars.split(c).join('');
|
pwdChars = pwdChars.split(c).join('');
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
let randValues = new Uint32Array(length);
|
let randValues = new Uint32Array(length);
|
||||||
let randPwd = '';
|
let randPwd = '';
|
||||||
window.crypto.getRandomValues(randValues);
|
window.crypto.getRandomValues(randValues);
|
||||||
for(i=0; i<length; i++)
|
for (i = 0; i < length; i++) {
|
||||||
{
|
randPwd += pwdChars[randValues[i] % pwdChars.length];
|
||||||
randPwd += pwdChars[randValues[i] % pwdChars.length];
|
}
|
||||||
}
|
return randPwd;
|
||||||
return randPwd;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function generateLength() {
|
function generateLength() {
|
||||||
return Math.floor(Math.random() * (getParams().lengthMax - getParams().lengthMin + 1) + getParams().lengthMin);
|
return Math.floor(Math.random() * (getParams().lengthMax - getParams().lengthMin + 1) + getParams().lengthMin);
|
||||||
}
|
}
|
||||||
|
|
||||||
function getParams() {
|
function getParams() {
|
||||||
return {
|
return {
|
||||||
lengthMin: parseInt(document.getElementById('length-min').value),
|
lengthMin: parseInt(document.getElementById('length-min').value),
|
||||||
lengthMax: parseInt(document.getElementById('length-max').value),
|
lengthMax: parseInt(document.getElementById('length-max').value),
|
||||||
special: document.getElementById('special').checked,
|
special: document.getElementById('special').checked,
|
||||||
exclude: document.getElementById('exclude').value,
|
exclude: document.getElementById('exclude').value,
|
||||||
directcopy: document.getElementById('directcopy').checked
|
directcopy: document.getElementById('directcopy').checked
|
||||||
}
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
function loadOptions() {
|
function loadOptions() {
|
||||||
return browser.storage.local.get({
|
return browser.storage.local.get({
|
||||||
lengthMin: 14,
|
lengthMin: 14,
|
||||||
lengthMax: 17,
|
lengthMax: 17,
|
||||||
special: true,
|
special: true,
|
||||||
exclude: 'iIl|10o8B3Evu![]{}',
|
exclude: 'iIl|10o8B3Evu![]{}',
|
||||||
directcopy: false
|
directcopy: false
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
function saveOptions(options) {
|
function saveOptions(options) {
|
||||||
return browser.storage.local.set(options);
|
return browser.storage.local.set(options);
|
||||||
}
|
}
|
||||||
|
|
||||||
function copypasstoclippboard(cb) {
|
function copypasstoclippboard(cb) {
|
||||||
setTimeout(function() {
|
setTimeout(function() {
|
||||||
var copyText = document.getElementById('pw');
|
var copyText = document.getElementById('pw');
|
||||||
copyText.select();
|
copyText.select();
|
||||||
document.execCommand('copy');
|
document.execCommand('copy');
|
||||||
if (typeof(cb) === 'function') {
|
if (typeof(cb) === 'function') {
|
||||||
cb();
|
cb();
|
||||||
}
|
}
|
||||||
fade(document.getElementsByClassName('copied')[0]);
|
fade(document.getElementsByClassName('copied')[0]);
|
||||||
}, 200);
|
}, 200);
|
||||||
}
|
}
|
||||||
|
|
||||||
function fade(element) {
|
function fade(element) {
|
||||||
var clone = element.cloneNode(true);
|
var clone = element.cloneNode(true);
|
||||||
clone.style.display = 'block';
|
clone.style.display = 'block';
|
||||||
element.parentNode.insertBefore(clone, element.nextSibling);
|
element.parentNode.insertBefore(clone, element.nextSibling);
|
||||||
|
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
clone.className += ' fadeout';
|
clone.className += ' fadeout';
|
||||||
}, 500);
|
}, 500);
|
||||||
|
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
clone.remove();
|
clone.remove();
|
||||||
}, 1600);
|
}, 1600);
|
||||||
}
|
}
|
||||||
|
|
||||||
document.addEventListener('DOMContentLoaded', function() {
|
document.addEventListener('DOMContentLoaded', function() {
|
||||||
|
|
||||||
document.getElementById('new').addEventListener('click', (ev) => {
|
document.getElementById('new').addEventListener('click', (ev) => {
|
||||||
ev.preventDefault();
|
ev.preventDefault();
|
||||||
var params = getParams();
|
var params = getParams();
|
||||||
document.getElementById('pw').value = randPassword(generateLength(), params.special, params.exclude);
|
document.getElementById('pw').value = randPassword(generateLength(), params.special, params.exclude);
|
||||||
|
|
||||||
if (params.directcopy) {
|
if (params.directcopy) {
|
||||||
copypasstoclippboard();
|
copypasstoclippboard();
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
document.getElementById('copy').addEventListener('click', (ev) => {
|
document.getElementById('copy').addEventListener('click', (ev) => {
|
||||||
ev.preventDefault();
|
ev.preventDefault();
|
||||||
copypasstoclippboard();
|
copypasstoclippboard();
|
||||||
});
|
});
|
||||||
|
|
||||||
var list = document.getElementsByTagName('input');
|
var list = document.getElementsByTagName('input');
|
||||||
for (var i = 0; i < list.length; i++) {
|
for (var i = 0; i < list.length; i++) {
|
||||||
list[i].addEventListener('change', (ev) => {
|
list[i].addEventListener('change', (ev) => {
|
||||||
saveOptions(getParams());
|
saveOptions(getParams());
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
loadOptions().then((options) => {
|
loadOptions().then((options) => {
|
||||||
document.getElementById('length-min').value = options.lengthMin;
|
document.getElementById('length-min').value = options.lengthMin;
|
||||||
document.getElementById('length-max').value = options.lengthMax;
|
document.getElementById('length-max').value = options.lengthMax;
|
||||||
document.getElementById('special').checked = options.special;
|
document.getElementById('special').checked = options.special;
|
||||||
document.getElementById('exclude').value = options.exclude;
|
document.getElementById('exclude').value = options.exclude;
|
||||||
document.getElementById('directcopy').checked = options.directcopy;
|
document.getElementById('directcopy').checked = options.directcopy;
|
||||||
document.getElementById('pw').value = randPassword(generateLength(), getParams().special, getParams().exclude);
|
document.getElementById('pw').value = randPassword(generateLength(), getParams().special, getParams().exclude);
|
||||||
|
|
||||||
if (options.directcopy) {
|
if (options.directcopy) {
|
||||||
copypasstoclippboard();
|
copypasstoclippboard();
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|||||||
Reference in New Issue
Block a user