26b2eebb92
* feat: add password strength validation * refactor: rename password state variables for consistency * chore: enforce only minimum length check for password(create account) * chore: add translation for enforced password suggestion text
55 lines
1.7 KiB
TypeScript
55 lines
1.7 KiB
TypeScript
// Copyright 2019-2025 @polkadot/extension-ui authors & contributors
|
|
// SPDX-License-Identifier: Apache-2.0
|
|
|
|
import type { TFunction } from '../hooks/useTranslation.js';
|
|
|
|
import { zxcvbn, zxcvbnOptions } from '@zxcvbn-ts/core';
|
|
import * as zxcvbnCommonPackage from '@zxcvbn-ts/language-common';
|
|
import * as zxcvbnEnPackage from '@zxcvbn-ts/language-en';
|
|
|
|
// Configure zxcvbn with English dictionary and common patterns
|
|
zxcvbnOptions.setOptions({
|
|
dictionary: {
|
|
...zxcvbnCommonPackage.dictionary, // common words across languages
|
|
...zxcvbnEnPackage.dictionary // english-specific dictionary
|
|
},
|
|
graphs: zxcvbnCommonPackage.adjacencyGraphs, // keyboard patterns
|
|
translations: zxcvbnEnPackage.translations // language translations for feedback messages
|
|
});
|
|
|
|
export interface PasswordStrength {
|
|
feedback: {
|
|
warning: string;
|
|
suggestions: string[];
|
|
};
|
|
score: number; // 0-4 (0: very weak, 4: very strong)
|
|
}
|
|
|
|
const MIN_LENGTH = 6; // Minimum password length requirement
|
|
|
|
export function validatePasswordStrength (password: string, t: TFunction): PasswordStrength {
|
|
const result = zxcvbn(password);
|
|
|
|
// First check: Minimum length requirement
|
|
if (password.length < MIN_LENGTH) {
|
|
return {
|
|
feedback: {
|
|
suggestions: [t('Password must be at least {{length}} characters long', { replace: { length: MIN_LENGTH } })],
|
|
warning: t('Password is too short')
|
|
},
|
|
score: 0
|
|
};
|
|
}
|
|
|
|
// Combine zxcvbn suggestions with our custom ones
|
|
const suggestions = (result.feedback.suggestions || []).map((suggestion) => t(suggestion));
|
|
|
|
return {
|
|
feedback: {
|
|
suggestions,
|
|
warning: result.feedback.warning ? t(result.feedback.warning) : ''
|
|
},
|
|
score: result.score
|
|
};
|
|
}
|