@fr0st/ui-passwordstrength 2.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2018 elusivecodes
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,37 @@
+# FrostUI PasswordStrength
+
+**FrostUI PasswordStrength** is a free, open-source Password Strength component for *JavaScript*.
+
+It is built on top of the [FrostUI](https://github.com/elusivecodes/FrostUI) library.
+
+
+## Table Of Contents
+- [Installation](#installation)
+- [Usage](#usage)
+
+
+
+## Installation
+
+**Dependencies**
+
+- [fQuery](https://github.com/elusivecodes/fQuery)
+- [FrostUI](https://github.com/elusivecodes/FrostUI)
+
+**CSS**
+
+```html
+<link rel="stylesheet" href="/path/to/frost-ui.min.css" />
+```
+
+**JS**
+
+```html
+<script type="text/javascript" src="/path/to/frost-ui-bundle.min.js"></script>
+<script type="text/javascript" src="/path/to/frost-ui-passwordstrength.min.js"></script>
+```
+
+
+## Usage
+
+Check the demo folder for examples. Full documentation and website coming soon™.

package/dist/frost-ui-passwordstrength.js

@@ -0,0 +1,333 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@fr0st/ui'), require('@fr0st/query')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@fr0st/ui', '@fr0st/query'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.UI = global.UI || {}, global.UI, global.fQuery));
+})(this, (function (exports, ui, $) { 'use strict';
+
+    /**
+     * PasswordStrength Class
+     * @class
+     */
+    class PasswordStrength extends ui.BaseComponent {
+        /**
+         * New PasswordStrength constructor.
+         * @param {HTMLElement} node The input node.
+         * @param {object} [options] The options to create the PasswordStrength with.
+         */
+        constructor(node, options) {
+            super(node, options);
+
+            if (this._options.container) {
+                this._container = $.findOne(this._options.container);
+            } else {
+                this._container = $.closest(this._node, ':not(.form-input):not(.input-group)');
+            }
+
+            this._render();
+            this._refresh();
+            this._events();
+        }
+
+        /**
+         * Dispose the PasswordStrength.
+         */
+        dispose() {
+            $.remove(this._progress);
+            $.removeEvent(this._node, 'input.ui.passwordstrength');
+
+            this._container = null;
+            this._progress = null;
+            this._progressBar = null;
+
+            super.dispose();
+        }
+
+        /**
+         * Get the password strength.
+         * @return {number} The password strength. (0, 100)
+         */
+        getStrength() {
+            const value = $.getValue(this._node);
+
+            return this.constructor.getStrength(value);
+        }
+    }
+
+    /**
+     * Attach events for the PasswordStrength.
+     */
+    function _events() {
+        $.addEvent(this._node, 'input.ui.passwordstrength', (_) => {
+            this._refresh();
+        });
+    }
+
+    /**
+     * Refresh the password strength.
+     */
+    function _refresh() {
+        const strength = this.getStrength();
+
+        let nextLevel;
+        for (const level of this._options.levels) {
+            if (strength < level.score) {
+                break;
+            }
+
+            nextLevel = level;
+        }
+
+        $.setStyle(this._progressBar, { width: `${strength}%` });
+        $.setAttribute(this._progressBar, {
+            class: this.constructor.classes.progressBar,
+            'aria-valuenow': strength,
+        });
+
+        $.addClass(this._progressBar, nextLevel.class);
+
+        if (this._options.striped) {
+            $.addClass(this._progressBar, this.constructor.classes.progressBarStriped);
+        }
+
+        if (nextLevel.text) {
+            $.setText(this._progressBar, nextLevel.text);
+        }
+    }
+
+    /**
+     * Render the password strength element.
+     */
+    function _render() {
+        this._progress = $.create('div', {
+            class: this.constructor.classes.progress,
+        });
+
+        this._progressBar = $.create('div', {
+            attributes: {
+                'role': 'progressbar',
+                'aria-valuemin': 0,
+                'aria-valuemax': 100,
+            },
+        });
+
+        $.append(this._progress, this._progressBar);
+        $.append(this._container, this._progress);
+    }
+
+    /**
+     * Find character sequences in a string.
+     * @param {string} string The input string.
+     * @param {array} locations The character locations.
+     * @return {array} The character sequences.
+     */
+    function findSequences(string, locations) {
+        const sequences = [];
+        let sequence = [];
+
+        for (let i = 0; i < locations.length - 1; i++) {
+            const current = locations[i];
+            const next = locations[i + 1];
+            const distance = next - current;
+
+            const char = string[current];
+            const nextChar = string[next];
+            const charDistance = nextChar.charCodeAt(0) - char.charCodeAt(0);
+
+            if (distance === 1 && charDistance === 1) {
+                if (!sequence.length) {
+                    sequence.push(char);
+                }
+                sequence.push(nextChar);
+            } else if (sequence.length) {
+                sequences.push(sequence);
+                sequence = [];
+            }
+        }
+
+        if (sequence.length) {
+            sequences.push(sequence);
+        }
+
+        return sequences;
+    }
+    /**
+     * Get the strength of a password.
+     * @param {string} password The password.
+     * @return {number} The password strength.
+     */
+    function getStrength(password) {
+        if (password.match(/^password/i)) {
+            password = password.substring(8);
+        }
+
+        const length = password.length;
+
+        let score = 0;
+
+        if (length) {
+            score += length * 6;
+        }
+
+        const upper = [];
+        const lower = [];
+        const numbers = [];
+        const symbols = [];
+        const dictionary = {};
+
+        for (let i = 0; i < length; i++) {
+            const char = password[i];
+            const code = char.charCodeAt(0);
+
+            if (code >= 48 && code <= 57) {
+                numbers.push(i);
+            } else if (code >= 65 && code <= 90) {
+                upper.push(i);
+            } else if (code >= 97 && code <= 122) {
+                lower.push(i);
+            } else {
+                symbols.push(i);
+            }
+
+            if (!(char in dictionary)) {
+                dictionary[char] = 0;
+            }
+
+            dictionary[char]++;
+        }
+
+        // reward upper/lower case
+        if (upper.length !== length && lower.length !== length) {
+            if (upper.length) {
+                score += length - upper.length;
+            }
+
+            if (lower.length) {
+                score += length - lower.length;
+            }
+        }
+
+        // reward numbers
+        if (numbers.length !== length) {
+            score += numbers.length * 3;
+        }
+
+        // reward symbols
+        score += symbols.length * 6;
+
+        // reward inner numbers/symbols
+        for (const list of [numbers, symbols]) {
+            const reward = list.filter((v) => v && v !== length - 1).length;
+            score += reward * 3;
+        }
+
+        // punish only letters
+        if (!numbers.length && !symbols.length) {
+            score -= length;
+        }
+
+        // punish only numbers
+        if (!upper.length && !lower.length && !symbols.length) {
+            score -= length;
+        }
+
+        // punish no symbols
+        if (!symbols.length) {
+            score -= length;
+        }
+
+        // repeating characters
+        const repeats = Object.values(dictionary)
+            .reduce((acc, count) => acc + count - 1, 0);
+
+        if (repeats > 0) {
+            score -= repeats;
+        }
+
+        if (length >= 2) {
+            // consecutive characters
+            const matches = password.matchAll(/(.)\1+/g);
+
+            for (const match of matches) {
+                score -= Math.min(match[0].length, 12) * 3;
+            }
+
+            const lowerPassword = password.toLowerCase();
+
+            // sequential letters
+            const letters = upper.concat(lower);
+            const letterSequences = findSequences(lowerPassword, letters);
+            for (const sequence of letterSequences) {
+                if (sequence.length > 2) {
+                    score -= (Math.min(sequence.length - 2, 16)) * 3;
+                }
+            }
+
+            // sequential numbers
+            const numberSequences = findSequences(lowerPassword, numbers);
+            for (const sequence of numberSequences) {
+                if (sequence.length > 2) {
+                    score -= (Math.min(sequence.length - 2, 16)) * 3;
+                }
+            }
+        }
+
+        return $._clamp(score, 0, 100);
+    }
+
+    // PasswordStrength default options
+    PasswordStrength.defaults = {
+        levels: [
+            {
+                score: 0,
+                class: 'text-bg-danger',
+                text: 'Very Weak',
+            },
+            {
+                score: 20,
+                class: 'text-bg-danger',
+                text: 'Weak',
+            },
+            {
+                score: 40,
+                class: 'text-bg-warning',
+                text: 'Normal',
+            },
+            {
+                score: 60,
+                class: 'text-bg-success',
+                text: 'Strong',
+            },
+            {
+                score: 80,
+                class: 'text-bg-success',
+                text: 'Very Strong',
+            },
+        ],
+        container: null,
+        striped: false,
+    };
+
+    // PasswordStrength classes
+    PasswordStrength.classes = {
+        progress: 'progress mt-2',
+        progressBar: 'progress-bar',
+        progressBarStriped: 'progress-bar-striped',
+    };
+
+    // PasswordStrength static
+    PasswordStrength.getStrength = getStrength;
+
+    // PasswordStrength prototype
+    const proto = PasswordStrength.prototype;
+
+    proto._events = _events;
+    proto._refresh = _refresh;
+    proto._render = _render;
+
+    // PasswordStrength init
+    ui.initComponent('passwordstrength', PasswordStrength);
+
+    exports.PasswordStrength = PasswordStrength;
+
+}));
+//# sourceMappingURL=frost-ui-passwordstrength.js.map

package/dist/frost-ui-passwordstrength.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"frost-ui-passwordstrength.js","sources":["../src/password-strength.js","../src/prototype/events.js","../src/prototype/helpers.js","../src/prototype/render.js","../src/static/helpers.js","../src/index.js"],"sourcesContent":["import $ from '@fr0st/query';\nimport { BaseComponent } from '@fr0st/ui';\n\n/**\n * PasswordStrength Class\n * @class\n */\nexport default class PasswordStrength extends BaseComponent {\n    /**\n     * New PasswordStrength constructor.\n     * @param {HTMLElement} node The input node.\n     * @param {object} [options] The options to create the PasswordStrength with.\n     */\n    constructor(node, options) {\n        super(node, options);\n\n        if (this._options.container) {\n            this._container = $.findOne(this._options.container);\n        } else {\n            this._container = $.closest(this._node, ':not(.form-input):not(.input-group)');\n        }\n\n        this._render();\n        this._refresh();\n        this._events();\n    }\n\n    /**\n     * Dispose the PasswordStrength.\n     */\n    dispose() {\n        $.remove(this._progress);\n        $.removeEvent(this._node, 'input.ui.passwordstrength');\n\n        this._container = null;\n        this._progress = null;\n        this._progressBar = null;\n\n        super.dispose();\n    }\n\n    /**\n     * Get the password strength.\n     * @return {number} The password strength. (0, 100)\n     */\n    getStrength() {\n        const value = $.getValue(this._node);\n\n        return this.constructor.getStrength(value);\n    }\n}\n","import $ from '@fr0st/query';\n\n/**\n * Attach events for the PasswordStrength.\n */\nexport function _events() {\n    $.addEvent(this._node, 'input.ui.passwordstrength', (_) => {\n        this._refresh();\n    });\n};\n","import $ from '@fr0st/query';\n\n/**\n * Refresh the password strength.\n */\nexport function _refresh() {\n    const strength = this.getStrength();\n\n    let nextLevel;\n    for (const level of this._options.levels) {\n        if (strength < level.score) {\n            break;\n        }\n\n        nextLevel = level;\n    }\n\n    $.setStyle(this._progressBar, { width: `${strength}%` });\n    $.setAttribute(this._progressBar, {\n        class: this.constructor.classes.progressBar,\n        'aria-valuenow': strength,\n    });\n\n    $.addClass(this._progressBar, nextLevel.class);\n\n    if (this._options.striped) {\n        $.addClass(this._progressBar, this.constructor.classes.progressBarStriped);\n    }\n\n    if (nextLevel.text) {\n        $.setText(this._progressBar, nextLevel.text);\n    }\n};\n","import $ from '@fr0st/query';\n\n/**\n * Render the password strength element.\n */\nexport function _render() {\n    this._progress = $.create('div', {\n        class: this.constructor.classes.progress,\n    });\n\n    this._progressBar = $.create('div', {\n        attributes: {\n            'role': 'progressbar',\n            'aria-valuemin': 0,\n            'aria-valuemax': 100,\n        },\n    });\n\n    $.append(this._progress, this._progressBar);\n    $.append(this._container, this._progress);\n};\n","import $ from '@fr0st/query';\n\n/**\n * Find character sequences in a string.\n * @param {string} string The input string.\n * @param {array} locations The character locations.\n * @return {array} The character sequences.\n */\nfunction findSequences(string, locations) {\n    const sequences = [];\n    let sequence = [];\n\n    for (let i = 0; i < locations.length - 1; i++) {\n        const current = locations[i];\n        const next = locations[i + 1];\n        const distance = next - current;\n\n        const char = string[current];\n        const nextChar = string[next];\n        const charDistance = nextChar.charCodeAt(0) - char.charCodeAt(0);\n\n        if (distance === 1 && charDistance === 1) {\n            if (!sequence.length) {\n                sequence.push(char);\n            }\n            sequence.push(nextChar);\n        } else if (sequence.length) {\n            sequences.push(sequence);\n            sequence = [];\n        }\n    }\n\n    if (sequence.length) {\n        sequences.push(sequence);\n    }\n\n    return sequences;\n};\n\n/**\n * Get the strength of a password.\n * @param {string} password The password.\n * @return {number} The password strength.\n */\nexport function getStrength(password) {\n    if (password.match(/^password/i)) {\n        password = password.substring(8);\n    }\n\n    const length = password.length;\n\n    let score = 0;\n\n    if (length) {\n        score += length * 6;\n    }\n\n    const upper = [];\n    const lower = [];\n    const numbers = [];\n    const symbols = [];\n    const dictionary = {};\n\n    for (let i = 0; i < length; i++) {\n        const char = password[i];\n        const code = char.charCodeAt(0);\n\n        if (code >= 48 && code <= 57) {\n            numbers.push(i);\n        } else if (code >= 65 && code <= 90) {\n            upper.push(i);\n        } else if (code >= 97 && code <= 122) {\n            lower.push(i);\n        } else {\n            symbols.push(i);\n        }\n\n        if (!(char in dictionary)) {\n            dictionary[char] = 0;\n        }\n\n        dictionary[char]++;\n    }\n\n    // reward upper/lower case\n    if (upper.length !== length && lower.length !== length) {\n        if (upper.length) {\n            score += length - upper.length;\n        }\n\n        if (lower.length) {\n            score += length - lower.length;\n        }\n    }\n\n    // reward numbers\n    if (numbers.length !== length) {\n        score += numbers.length * 3;\n    }\n\n    // reward symbols\n    score += symbols.length * 6;\n\n    // reward inner numbers/symbols\n    for (const list of [numbers, symbols]) {\n        const reward = list.filter((v) => v && v !== length - 1).length;\n        score += reward * 3;\n    }\n\n    // punish only letters\n    if (!numbers.length && !symbols.length) {\n        score -= length;\n    }\n\n    // punish only numbers\n    if (!upper.length && !lower.length && !symbols.length) {\n        score -= length;\n    }\n\n    // punish no symbols\n    if (!symbols.length) {\n        score -= length;\n    }\n\n    // repeating characters\n    const repeats = Object.values(dictionary)\n        .reduce((acc, count) => acc + count - 1, 0);\n\n    if (repeats > 0) {\n        score -= repeats;\n    }\n\n    if (length >= 2) {\n        // consecutive characters\n        const matches = password.matchAll(/(.)\\1+/g);\n\n        for (const match of matches) {\n            score -= Math.min(match[0].length, 12) * 3;\n        }\n\n        const lowerPassword = password.toLowerCase();\n\n        // sequential letters\n        const letters = upper.concat(lower);\n        const letterSequences = findSequences(lowerPassword, letters);\n        for (const sequence of letterSequences) {\n            if (sequence.length > 2) {\n                score -= (Math.min(sequence.length - 2, 16)) * 3;\n            }\n        }\n\n        // sequential numbers\n        const numberSequences = findSequences(lowerPassword, numbers);\n        for (const sequence of numberSequences) {\n            if (sequence.length > 2) {\n                score -= (Math.min(sequence.length - 2, 16)) * 3;\n            }\n        }\n    }\n\n    return $._clamp(score, 0, 100);\n};\n","import { initComponent } from '@fr0st/ui';\nimport PasswordStrength from './password-strength.js';\nimport { _events } from './prototype/events.js';\nimport { _refresh } from './prototype/helpers.js';\nimport { _render } from './prototype/render.js';\nimport { getStrength } from './static/helpers.js';\n\n// PasswordStrength default options\nPasswordStrength.defaults = {\n    levels: [\n        {\n            score: 0,\n            class: 'text-bg-danger',\n            text: 'Very Weak',\n        },\n        {\n            score: 20,\n            class: 'text-bg-danger',\n            text: 'Weak',\n        },\n        {\n            score: 40,\n            class: 'text-bg-warning',\n            text: 'Normal',\n        },\n        {\n            score: 60,\n            class: 'text-bg-success',\n            text: 'Strong',\n        },\n        {\n            score: 80,\n            class: 'text-bg-success',\n            text: 'Very Strong',\n        },\n    ],\n    container: null,\n    striped: false,\n};\n\n// PasswordStrength classes\nPasswordStrength.classes = {\n    progress: 'progress mt-2',\n    progressBar: 'progress-bar',\n    progressBarStriped: 'progress-bar-striped',\n};\n\n// PasswordStrength static\nPasswordStrength.getStrength = getStrength;\n\n// PasswordStrength prototype\nconst proto = PasswordStrength.prototype;\n\nproto._events = _events;\nproto._refresh = _refresh;\nproto._render = _render;\n\n// PasswordStrength init\ninitComponent('passwordstrength', PasswordStrength);\n\nexport default PasswordStrength;\n"],"names":["BaseComponent","initComponent"],"mappings":"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"}

package/dist/frost-ui-passwordstrength.min.js

@@ -0,0 +1 @@
+!function(t,s){"object"==typeof exports&&"undefined"!=typeof module?s(exports,require("@fr0st/ui"),require("@fr0st/query")):"function"==typeof define&&define.amd?define(["exports","@fr0st/ui","@fr0st/query"],s):s((t="undefined"!=typeof globalThis?globalThis:t||self).UI=t.UI||{},t.UI,t.fQuery)}(this,(function(t,s,e){"use strict";class r extends s.BaseComponent{constructor(t,s){super(t,s),this._options.container?this._container=e.findOne(this._options.container):this._container=e.closest(this._node,":not(.form-input):not(.input-group)"),this._render(),this._refresh(),this._events()}dispose(){e.remove(this._progress),e.removeEvent(this._node,"input.ui.passwordstrength"),this._container=null,this._progress=null,this._progressBar=null,super.dispose()}getStrength(){const t=e.getValue(this._node);return this.constructor.getStrength(t)}}function n(t,s){const e=[];let r=[];for(let n=0;n<s.length-1;n++){const o=s[n],i=s[n+1],h=i-o,a=t[o],c=t[i],l=c.charCodeAt(0)-a.charCodeAt(0);1===h&&1===l?(r.length||r.push(a),r.push(c)):r.length&&(e.push(r),r=[])}return r.length&&e.push(r),e}r.defaults={levels:[{score:0,class:"text-bg-danger",text:"Very Weak"},{score:20,class:"text-bg-danger",text:"Weak"},{score:40,class:"text-bg-warning",text:"Normal"},{score:60,class:"text-bg-success",text:"Strong"},{score:80,class:"text-bg-success",text:"Very Strong"}],container:null,striped:!1},r.classes={progress:"progress mt-2",progressBar:"progress-bar",progressBarStriped:"progress-bar-striped"},r.getStrength=function(t){t.match(/^password/i)&&(t=t.substring(8));const s=t.length;let r=0;s&&(r+=6*s);const o=[],i=[],h=[],a=[],c={};for(let e=0;e<s;e++){const s=t[e],r=s.charCodeAt(0);r>=48&&r<=57?h.push(e):r>=65&&r<=90?o.push(e):r>=97&&r<=122?i.push(e):a.push(e),s in c||(c[s]=0),c[s]++}o.length!==s&&i.length!==s&&(o.length&&(r+=s-o.length),i.length&&(r+=s-i.length)),h.length!==s&&(r+=3*h.length),r+=6*a.length;for(const t of[h,a])r+=3*t.filter((t=>t&&t!==s-1)).length;h.length||a.length||(r-=s),o.length||i.length||a.length||(r-=s),a.length||(r-=s);const l=Object.values(c).reduce(((t,s)=>t+s-1),0);if(l>0&&(r-=l),s>=2){const s=t.matchAll(/(.)\1+/g);for(const t of s)r-=3*Math.min(t[0].length,12);const e=t.toLowerCase(),a=n(e,o.concat(i));for(const t of a)t.length>2&&(r-=3*Math.min(t.length-2,16));const c=n(e,h);for(const t of c)t.length>2&&(r-=3*Math.min(t.length-2,16))}return e._clamp(r,0,100)};const o=r.prototype;o._events=function(){e.addEvent(this._node,"input.ui.passwordstrength",(t=>{this._refresh()}))},o._refresh=function(){const t=this.getStrength();let s;for(const e of this._options.levels){if(t<e.score)break;s=e}e.setStyle(this._progressBar,{width:`${t}%`}),e.setAttribute(this._progressBar,{class:this.constructor.classes.progressBar,"aria-valuenow":t}),e.addClass(this._progressBar,s.class),this._options.striped&&e.addClass(this._progressBar,this.constructor.classes.progressBarStriped),s.text&&e.setText(this._progressBar,s.text)},o._render=function(){this._progress=e.create("div",{class:this.constructor.classes.progress}),this._progressBar=e.create("div",{attributes:{role:"progressbar","aria-valuemin":0,"aria-valuemax":100}}),e.append(this._progress,this._progressBar),e.append(this._container,this._progress)},s.initComponent("passwordstrength",r),t.PasswordStrength=r}));

package/dist/frost-ui-passwordstrength.min.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PasswordStrength","BaseComponent","constructor","node","options","super","this","_options","container","_container","$","findOne","closest","_node","_render","_refresh","_events","dispose","remove","_progress","removeEvent","_progressBar","getStrength","value","getValue","findSequences","string","locations","sequences","sequence","i","length","current","next","distance","char","nextChar","charDistance","charCodeAt","push","defaults","levels","score","class","text","striped","classes","progress","progressBar","progressBarStriped","password","match","substring","upper","lower","numbers","symbols","dictionary","code","list","filter","v","repeats","Object","values","reduce","acc","count","matches","matchAll","Math","min","lowerPassword","toLowerCase","letterSequences","concat","numberSequences","_clamp","proto","prototype","addEvent","_","strength","nextLevel","level","setStyle","width","setAttribute","addClass","setText","create","attributes","role","append","initComponent"],"sources":["../src/password-strength.js","../src/static/helpers.js","../src/index.js","../src/prototype/events.js","../src/prototype/helpers.js","../src/prototype/render.js"],"sourcesContent":["import $ from '@fr0st/query';\nimport { BaseComponent } from '@fr0st/ui';\n\n/**\n * PasswordStrength Class\n * @class\n */\nexport default class PasswordStrength extends BaseComponent {\n    /**\n     * New PasswordStrength constructor.\n     * @param {HTMLElement} node The input node.\n     * @param {object} [options] The options to create the PasswordStrength with.\n     */\n    constructor(node, options) {\n        super(node, options);\n\n        if (this._options.container) {\n            this._container = $.findOne(this._options.container);\n        } else {\n            this._container = $.closest(this._node, ':not(.form-input):not(.input-group)');\n        }\n\n        this._render();\n        this._refresh();\n        this._events();\n    }\n\n    /**\n     * Dispose the PasswordStrength.\n     */\n    dispose() {\n        $.remove(this._progress);\n        $.removeEvent(this._node, 'input.ui.passwordstrength');\n\n        this._container = null;\n        this._progress = null;\n        this._progressBar = null;\n\n        super.dispose();\n    }\n\n    /**\n     * Get the password strength.\n     * @return {number} The password strength. (0, 100)\n     */\n    getStrength() {\n        const value = $.getValue(this._node);\n\n        return this.constructor.getStrength(value);\n    }\n}\n","import $ from '@fr0st/query';\n\n/**\n * Find character sequences in a string.\n * @param {string} string The input string.\n * @param {array} locations The character locations.\n * @return {array} The character sequences.\n */\nfunction findSequences(string, locations) {\n    const sequences = [];\n    let sequence = [];\n\n    for (let i = 0; i < locations.length - 1; i++) {\n        const current = locations[i];\n        const next = locations[i + 1];\n        const distance = next - current;\n\n        const char = string[current];\n        const nextChar = string[next];\n        const charDistance = nextChar.charCodeAt(0) - char.charCodeAt(0);\n\n        if (distance === 1 && charDistance === 1) {\n            if (!sequence.length) {\n                sequence.push(char);\n            }\n            sequence.push(nextChar);\n        } else if (sequence.length) {\n            sequences.push(sequence);\n            sequence = [];\n        }\n    }\n\n    if (sequence.length) {\n        sequences.push(sequence);\n    }\n\n    return sequences;\n};\n\n/**\n * Get the strength of a password.\n * @param {string} password The password.\n * @return {number} The password strength.\n */\nexport function getStrength(password) {\n    if (password.match(/^password/i)) {\n        password = password.substring(8);\n    }\n\n    const length = password.length;\n\n    let score = 0;\n\n    if (length) {\n        score += length * 6;\n    }\n\n    const upper = [];\n    const lower = [];\n    const numbers = [];\n    const symbols = [];\n    const dictionary = {};\n\n    for (let i = 0; i < length; i++) {\n        const char = password[i];\n        const code = char.charCodeAt(0);\n\n        if (code >= 48 && code <= 57) {\n            numbers.push(i);\n        } else if (code >= 65 && code <= 90) {\n            upper.push(i);\n        } else if (code >= 97 && code <= 122) {\n            lower.push(i);\n        } else {\n            symbols.push(i);\n        }\n\n        if (!(char in dictionary)) {\n            dictionary[char] = 0;\n        }\n\n        dictionary[char]++;\n    }\n\n    // reward upper/lower case\n    if (upper.length !== length && lower.length !== length) {\n        if (upper.length) {\n            score += length - upper.length;\n        }\n\n        if (lower.length) {\n            score += length - lower.length;\n        }\n    }\n\n    // reward numbers\n    if (numbers.length !== length) {\n        score += numbers.length * 3;\n    }\n\n    // reward symbols\n    score += symbols.length * 6;\n\n    // reward inner numbers/symbols\n    for (const list of [numbers, symbols]) {\n        const reward = list.filter((v) => v && v !== length - 1).length;\n        score += reward * 3;\n    }\n\n    // punish only letters\n    if (!numbers.length && !symbols.length) {\n        score -= length;\n    }\n\n    // punish only numbers\n    if (!upper.length && !lower.length && !symbols.length) {\n        score -= length;\n    }\n\n    // punish no symbols\n    if (!symbols.length) {\n        score -= length;\n    }\n\n    // repeating characters\n    const repeats = Object.values(dictionary)\n        .reduce((acc, count) => acc + count - 1, 0);\n\n    if (repeats > 0) {\n        score -= repeats;\n    }\n\n    if (length >= 2) {\n        // consecutive characters\n        const matches = password.matchAll(/(.)\\1+/g);\n\n        for (const match of matches) {\n            score -= Math.min(match[0].length, 12) * 3;\n        }\n\n        const lowerPassword = password.toLowerCase();\n\n        // sequential letters\n        const letters = upper.concat(lower);\n        const letterSequences = findSequences(lowerPassword, letters);\n        for (const sequence of letterSequences) {\n            if (sequence.length > 2) {\n                score -= (Math.min(sequence.length - 2, 16)) * 3;\n            }\n        }\n\n        // sequential numbers\n        const numberSequences = findSequences(lowerPassword, numbers);\n        for (const sequence of numberSequences) {\n            if (sequence.length > 2) {\n                score -= (Math.min(sequence.length - 2, 16)) * 3;\n            }\n        }\n    }\n\n    return $._clamp(score, 0, 100);\n};\n","import { initComponent } from '@fr0st/ui';\nimport PasswordStrength from './password-strength.js';\nimport { _events } from './prototype/events.js';\nimport { _refresh } from './prototype/helpers.js';\nimport { _render } from './prototype/render.js';\nimport { getStrength } from './static/helpers.js';\n\n// PasswordStrength default options\nPasswordStrength.defaults = {\n    levels: [\n        {\n            score: 0,\n            class: 'text-bg-danger',\n            text: 'Very Weak',\n        },\n        {\n            score: 20,\n            class: 'text-bg-danger',\n            text: 'Weak',\n        },\n        {\n            score: 40,\n            class: 'text-bg-warning',\n            text: 'Normal',\n        },\n        {\n            score: 60,\n            class: 'text-bg-success',\n            text: 'Strong',\n        },\n        {\n            score: 80,\n            class: 'text-bg-success',\n            text: 'Very Strong',\n        },\n    ],\n    container: null,\n    striped: false,\n};\n\n// PasswordStrength classes\nPasswordStrength.classes = {\n    progress: 'progress mt-2',\n    progressBar: 'progress-bar',\n    progressBarStriped: 'progress-bar-striped',\n};\n\n// PasswordStrength static\nPasswordStrength.getStrength = getStrength;\n\n// PasswordStrength prototype\nconst proto = PasswordStrength.prototype;\n\nproto._events = _events;\nproto._refresh = _refresh;\nproto._render = _render;\n\n// PasswordStrength init\ninitComponent('passwordstrength', PasswordStrength);\n\nexport default PasswordStrength;\n","import $ from '@fr0st/query';\n\n/**\n * Attach events for the PasswordStrength.\n */\nexport function _events() {\n    $.addEvent(this._node, 'input.ui.passwordstrength', (_) => {\n        this._refresh();\n    });\n};\n","import $ from '@fr0st/query';\n\n/**\n * Refresh the password strength.\n */\nexport function _refresh() {\n    const strength = this.getStrength();\n\n    let nextLevel;\n    for (const level of this._options.levels) {\n        if (strength < level.score) {\n            break;\n        }\n\n        nextLevel = level;\n    }\n\n    $.setStyle(this._progressBar, { width: `${strength}%` });\n    $.setAttribute(this._progressBar, {\n        class: this.constructor.classes.progressBar,\n        'aria-valuenow': strength,\n    });\n\n    $.addClass(this._progressBar, nextLevel.class);\n\n    if (this._options.striped) {\n        $.addClass(this._progressBar, this.constructor.classes.progressBarStriped);\n    }\n\n    if (nextLevel.text) {\n        $.setText(this._progressBar, nextLevel.text);\n    }\n};\n","import $ from '@fr0st/query';\n\n/**\n * Render the password strength element.\n */\nexport function _render() {\n    this._progress = $.create('div', {\n        class: this.constructor.classes.progress,\n    });\n\n    this._progressBar = $.create('div', {\n        attributes: {\n            'role': 'progressbar',\n            'aria-valuemin': 0,\n            'aria-valuemax': 100,\n        },\n    });\n\n    $.append(this._progress, this._progressBar);\n    $.append(this._container, this._progress);\n};\n"],"mappings":"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"}

package/package.json

@@ -0,0 +1,46 @@
+{
+    "name": "@fr0st/ui-passwordstrength",
+    "version": "2.0.0",
+    "description": "FrostUI-PasswordStrength is a free, open-source Password Strength component for Javascript.",
+    "keywords": [
+        "ui",
+        "component",
+        "password",
+        "strength",
+        "front-end",
+        "web"
+    ],
+    "homepage": "https://github.com/elusivecodes/FrostUI-PasswordStrength",
+    "bugs": {
+        "url": "https://github.com/elusivecodes/FrostUI-PasswordStrength/issues",
+        "email": "elusivecodes@gmail.com"
+    },
+    "main": "src/index.js",
+    "type": "module",
+    "files": [
+        "dist",
+        "/LICENSE",
+        "/README.md",
+        "src"
+    ],
+    "scripts": {
+        "build": "npm run js-compile && npm run js-minify",
+        "js-compile": "rollup --config",
+        "js-lint": "eslint --ext .js .",
+        "js-minify": "terser --compress passes=2 --mangle --source-map \"content=dist/frost-ui-passwordstrength.js.map\" --output dist/frost-ui-passwordstrength.min.js dist/frost-ui-passwordstrength.js"
+    },
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/elusivecodes/FrostUI-PasswordStrength.git"
+    },
+    "author": "Elusive",
+    "license": "MIT",
+    "private": false,
+    "devDependencies": {
+        "@rollup/plugin-node-resolve": "^15.0.2",
+        "eslint": "^8.41.0",
+        "eslint-config-google": "^0.14.0",
+        "rollup": "^3.23.0",
+        "terser": "^5.17.6"
+    }
+}

package/src/index.js

@@ -0,0 +1,61 @@
+import { initComponent } from '@fr0st/ui';
+import PasswordStrength from './password-strength.js';
+import { _events } from './prototype/events.js';
+import { _refresh } from './prototype/helpers.js';
+import { _render } from './prototype/render.js';
+import { getStrength } from './static/helpers.js';
+
+// PasswordStrength default options
+PasswordStrength.defaults = {
+    levels: [
+        {
+            score: 0,
+            class: 'text-bg-danger',
+            text: 'Very Weak',
+        },
+        {
+            score: 20,
+            class: 'text-bg-danger',
+            text: 'Weak',
+        },
+        {
+            score: 40,
+            class: 'text-bg-warning',
+            text: 'Normal',
+        },
+        {
+            score: 60,
+            class: 'text-bg-success',
+            text: 'Strong',
+        },
+        {
+            score: 80,
+            class: 'text-bg-success',
+            text: 'Very Strong',
+        },
+    ],
+    container: null,
+    striped: false,
+};
+
+// PasswordStrength classes
+PasswordStrength.classes = {
+    progress: 'progress mt-2',
+    progressBar: 'progress-bar',
+    progressBarStriped: 'progress-bar-striped',
+};
+
+// PasswordStrength static
+PasswordStrength.getStrength = getStrength;
+
+// PasswordStrength prototype
+const proto = PasswordStrength.prototype;
+
+proto._events = _events;
+proto._refresh = _refresh;
+proto._render = _render;
+
+// PasswordStrength init
+initComponent('passwordstrength', PasswordStrength);
+
+export default PasswordStrength;

package/src/password-strength.js

@@ -0,0 +1,51 @@
+import $ from '@fr0st/query';
+import { BaseComponent } from '@fr0st/ui';
+
+/**
+ * PasswordStrength Class
+ * @class
+ */
+export default class PasswordStrength extends BaseComponent {
+    /**
+     * New PasswordStrength constructor.
+     * @param {HTMLElement} node The input node.
+     * @param {object} [options] The options to create the PasswordStrength with.
+     */
+    constructor(node, options) {
+        super(node, options);
+
+        if (this._options.container) {
+            this._container = $.findOne(this._options.container);
+        } else {
+            this._container = $.closest(this._node, ':not(.form-input):not(.input-group)');
+        }
+
+        this._render();
+        this._refresh();
+        this._events();
+    }
+
+    /**
+     * Dispose the PasswordStrength.
+     */
+    dispose() {
+        $.remove(this._progress);
+        $.removeEvent(this._node, 'input.ui.passwordstrength');
+
+        this._container = null;
+        this._progress = null;
+        this._progressBar = null;
+
+        super.dispose();
+    }
+
+    /**
+     * Get the password strength.
+     * @return {number} The password strength. (0, 100)
+     */
+    getStrength() {
+        const value = $.getValue(this._node);
+
+        return this.constructor.getStrength(value);
+    }
+}

package/src/prototype/events.js

@@ -0,0 +1,10 @@
+import $ from '@fr0st/query';
+
+/**
+ * Attach events for the PasswordStrength.
+ */
+export function _events() {
+    $.addEvent(this._node, 'input.ui.passwordstrength', (_) => {
+        this._refresh();
+    });
+};

package/src/prototype/helpers.js

@@ -0,0 +1,33 @@
+import $ from '@fr0st/query';
+
+/**
+ * Refresh the password strength.
+ */
+export function _refresh() {
+    const strength = this.getStrength();
+
+    let nextLevel;
+    for (const level of this._options.levels) {
+        if (strength < level.score) {
+            break;
+        }
+
+        nextLevel = level;
+    }
+
+    $.setStyle(this._progressBar, { width: `${strength}%` });
+    $.setAttribute(this._progressBar, {
+        class: this.constructor.classes.progressBar,
+        'aria-valuenow': strength,
+    });
+
+    $.addClass(this._progressBar, nextLevel.class);
+
+    if (this._options.striped) {
+        $.addClass(this._progressBar, this.constructor.classes.progressBarStriped);
+    }
+
+    if (nextLevel.text) {
+        $.setText(this._progressBar, nextLevel.text);
+    }
+};

package/src/prototype/render.js

@@ -0,0 +1,21 @@
+import $ from '@fr0st/query';
+
+/**
+ * Render the password strength element.
+ */
+export function _render() {
+    this._progress = $.create('div', {
+        class: this.constructor.classes.progress,
+    });
+
+    this._progressBar = $.create('div', {
+        attributes: {
+            'role': 'progressbar',
+            'aria-valuemin': 0,
+            'aria-valuemax': 100,
+        },
+    });
+
+    $.append(this._progress, this._progressBar);
+    $.append(this._container, this._progress);
+};

package/src/static/helpers.js

@@ -0,0 +1,162 @@
+import $ from '@fr0st/query';
+
+/**
+ * Find character sequences in a string.
+ * @param {string} string The input string.
+ * @param {array} locations The character locations.
+ * @return {array} The character sequences.
+ */
+function findSequences(string, locations) {
+    const sequences = [];
+    let sequence = [];
+
+    for (let i = 0; i < locations.length - 1; i++) {
+        const current = locations[i];
+        const next = locations[i + 1];
+        const distance = next - current;
+
+        const char = string[current];
+        const nextChar = string[next];
+        const charDistance = nextChar.charCodeAt(0) - char.charCodeAt(0);
+
+        if (distance === 1 && charDistance === 1) {
+            if (!sequence.length) {
+                sequence.push(char);
+            }
+            sequence.push(nextChar);
+        } else if (sequence.length) {
+            sequences.push(sequence);
+            sequence = [];
+        }
+    }
+
+    if (sequence.length) {
+        sequences.push(sequence);
+    }
+
+    return sequences;
+};
+
+/**
+ * Get the strength of a password.
+ * @param {string} password The password.
+ * @return {number} The password strength.
+ */
+export function getStrength(password) {
+    if (password.match(/^password/i)) {
+        password = password.substring(8);
+    }
+
+    const length = password.length;
+
+    let score = 0;
+
+    if (length) {
+        score += length * 6;
+    }
+
+    const upper = [];
+    const lower = [];
+    const numbers = [];
+    const symbols = [];
+    const dictionary = {};
+
+    for (let i = 0; i < length; i++) {
+        const char = password[i];
+        const code = char.charCodeAt(0);
+
+        if (code >= 48 && code <= 57) {
+            numbers.push(i);
+        } else if (code >= 65 && code <= 90) {
+            upper.push(i);
+        } else if (code >= 97 && code <= 122) {
+            lower.push(i);
+        } else {
+            symbols.push(i);
+        }
+
+        if (!(char in dictionary)) {
+            dictionary[char] = 0;
+        }
+
+        dictionary[char]++;
+    }
+
+    // reward upper/lower case
+    if (upper.length !== length && lower.length !== length) {
+        if (upper.length) {
+            score += length - upper.length;
+        }
+
+        if (lower.length) {
+            score += length - lower.length;
+        }
+    }
+
+    // reward numbers
+    if (numbers.length !== length) {
+        score += numbers.length * 3;
+    }
+
+    // reward symbols
+    score += symbols.length * 6;
+
+    // reward inner numbers/symbols
+    for (const list of [numbers, symbols]) {
+        const reward = list.filter((v) => v && v !== length - 1).length;
+        score += reward * 3;
+    }
+
+    // punish only letters
+    if (!numbers.length && !symbols.length) {
+        score -= length;
+    }
+
+    // punish only numbers
+    if (!upper.length && !lower.length && !symbols.length) {
+        score -= length;
+    }
+
+    // punish no symbols
+    if (!symbols.length) {
+        score -= length;
+    }
+
+    // repeating characters
+    const repeats = Object.values(dictionary)
+        .reduce((acc, count) => acc + count - 1, 0);
+
+    if (repeats > 0) {
+        score -= repeats;
+    }
+
+    if (length >= 2) {
+        // consecutive characters
+        const matches = password.matchAll(/(.)\1+/g);
+
+        for (const match of matches) {
+            score -= Math.min(match[0].length, 12) * 3;
+        }
+
+        const lowerPassword = password.toLowerCase();
+
+        // sequential letters
+        const letters = upper.concat(lower);
+        const letterSequences = findSequences(lowerPassword, letters);
+        for (const sequence of letterSequences) {
+            if (sequence.length > 2) {
+                score -= (Math.min(sequence.length - 2, 16)) * 3;
+            }
+        }
+
+        // sequential numbers
+        const numberSequences = findSequences(lowerPassword, numbers);
+        for (const sequence of numberSequences) {
+            if (sequence.length > 2) {
+                score -= (Math.min(sequence.length - 2, 16)) * 3;
+            }
+        }
+    }
+
+    return $._clamp(score, 0, 100);
+};

package/src/wrapper.js

@@ -0,0 +1,3 @@
+import PasswordStrength from './index.js';
+
+export { PasswordStrength };