mirror of
https://github.com/XFox111/PasswordGeneratorExtension.git
synced 2026-07-02 19:52:43 +03:00
Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 xfox111
|
d555b2a3ae | ||
|
xfox111
|
bb16fa5755 | ||
|
xfox111
|
a4de3139bf | ||
|
xfox111
|
5d8037e767 | ||
|
xfox111
|
11f0942a80 | ||
|
xfox111
|
b5a16594be | ||
|
xfox111
|
c3d635c985 | ||
|
xfox111
|
9423b36b35 |
@@ -0,0 +1,2 @@
|
||||
* @XFox111
|
||||
locales/pt_BR.yml @maisondasilva @XFox111
|
||||
@@ -1,6 +1,6 @@
|
||||
# yaml-language-server: $schema=https://json.schemastore.org/github-issue-config.json
|
||||
|
||||
blank_issues_enabled: true
|
||||
blank_issues_enabled: false
|
||||
contact_links:
|
||||
- name: Questions & Discussions
|
||||
url: https://github.com/XFox111/PasswordGeneratorExtension/discussions
|
||||
|
||||
@@ -12,9 +12,7 @@ updates:
|
||||
directory: "/" # Location of package manifests
|
||||
target-branch: "next"
|
||||
assignees:
|
||||
- "xfox111"
|
||||
reviewers:
|
||||
- "xfox111"
|
||||
- "XFox111"
|
||||
schedule:
|
||||
interval: monthly
|
||||
rebase-strategy: disabled
|
||||
@@ -24,9 +22,7 @@ updates:
|
||||
directory: "/"
|
||||
target-branch: "next"
|
||||
assignees:
|
||||
- "xfox111"
|
||||
reviewers:
|
||||
- "xfox111"
|
||||
- "XFox111"
|
||||
schedule:
|
||||
interval: monthly
|
||||
rebase-strategy: disabled
|
||||
@@ -36,9 +32,7 @@ updates:
|
||||
directory: "/"
|
||||
target-branch: "next"
|
||||
assignees:
|
||||
- "xfox111"
|
||||
reviewers:
|
||||
- "xfox111"
|
||||
- "XFox111"
|
||||
schedule:
|
||||
interval: monthly
|
||||
rebase-strategy: disabled
|
||||
|
||||
@@ -136,7 +136,7 @@ jobs:
|
||||
with:
|
||||
name: firefox
|
||||
|
||||
- uses: wdzeng/firefox-addon@v1.1.2
|
||||
- uses: wdzeng/firefox-addon@v1.2.0
|
||||
with:
|
||||
addon-guid: ${{ secrets.FIREFOX_EXT_UUID }}
|
||||
xpi-path: password-generator-*-firefox.zip
|
||||
|
||||
@@ -52,7 +52,7 @@ jobs:
|
||||
|
||||
steps:
|
||||
- name: Checkout repository
|
||||
uses: actions/checkout@v3
|
||||
uses: actions/checkout@v5
|
||||
|
||||
# Initializes the CodeQL tools for scanning.
|
||||
- name: Initialize CodeQL
|
||||
|
||||
@@ -22,7 +22,7 @@ jobs:
|
||||
extver=`jq -r ".version" package.json`
|
||||
echo "version=$extver" >> "$GITHUB_OUTPUT"
|
||||
|
||||
- uses: dev-build-deploy/release-me@v0.18.0
|
||||
- uses: dev-build-deploy/release-me@v0.18.2
|
||||
with:
|
||||
token: ${{ secrets.GITHUB_TOKEN }}
|
||||
prefix: v
|
||||
|
||||
@@ -17,6 +17,6 @@ export const useStyles = makeStyles({
|
||||
{
|
||||
display: "grid",
|
||||
alignItems: "center",
|
||||
gridTemplateColumns: "24px 24px 56px",
|
||||
gridTemplateColumns: "24px 24px 60px",
|
||||
}
|
||||
});
|
||||
|
||||
@@ -14,7 +14,7 @@ export default function GeneratorForm(props: GeneratorFormProps): ReactElement
|
||||
|
||||
const setPasswordCount = useCallback((_: any, e: InputOnChangeData) =>
|
||||
{
|
||||
const n = parseInt(e.value ?? "1");
|
||||
const n = parseInt(e.value ?? "1", 10);
|
||||
private_setPasswordCount(isNaN(n) || n < 1 ? null : Math.min(n, 1000));
|
||||
}, []);
|
||||
|
||||
|
||||
@@ -27,7 +27,7 @@ export default function PassphraseSection(props: GeneratorProps): ReactElement
|
||||
|
||||
const setWordCount = useCallback((_: any, e: InputOnChangeData) =>
|
||||
{
|
||||
const n = parseInt(e.value ?? "");
|
||||
const n = parseInt(e.value ?? "", 10);
|
||||
private_setWordCount(isNaN(n) || n < 1 ? null : Math.min(n, 100));
|
||||
}, []);
|
||||
|
||||
|
||||
@@ -4,12 +4,13 @@ import * as fui from "@fluentui/react-components";
|
||||
import { ReactElement } from "react";
|
||||
import { GeneratorProps } from "../Page";
|
||||
import GeneratorForm from "../components/GeneratorForm";
|
||||
import { DEFAULT_PASSWORD_LENGTH, MAX_PASSWORD_LENGTH, MIN_PASSWORD_LENGTH } from "@/utils/constants";
|
||||
|
||||
// TODO: needs refactoring
|
||||
export default function PasswordSection(props: GeneratorProps): ReactElement
|
||||
{
|
||||
const [state, private_setState] = useState<PasswordSectionState>({
|
||||
length: 8,
|
||||
length: DEFAULT_PASSWORD_LENGTH,
|
||||
enableUppercase: true, uppercaseCount: 1,
|
||||
enableLowercase: true, lowercaseCount: 1,
|
||||
enableNumeric: true, numericCount: 1,
|
||||
@@ -19,7 +20,11 @@ export default function PasswordSection(props: GeneratorProps): ReactElement
|
||||
excludeSimilar: true,
|
||||
excludeAmbiguous: true,
|
||||
excludeRepeating: false,
|
||||
excludeCustom: false, excludeCustomSet: ""
|
||||
excludeCustom: false, excludeCustomSet: "",
|
||||
|
||||
enableSeparator: false,
|
||||
separator: "-",
|
||||
separatorInterval: DEFAULT_PASSWORD_LENGTH / 2
|
||||
});
|
||||
|
||||
const cls = useStyles();
|
||||
@@ -31,9 +36,9 @@ export default function PasswordSection(props: GeneratorProps): ReactElement
|
||||
|
||||
const setLength = useCallback((_: any, e: fui.InputOnChangeData) =>
|
||||
{
|
||||
const n = parseInt(e.value ?? "");
|
||||
setState({ length: isNaN(n) || n < 1 ? null : n });
|
||||
}, [state]);
|
||||
const n = parseInt(e.value ?? "", 10);
|
||||
setState({ length: isNaN(n) || n < 1 ? null : Math.min(n, MAX_PASSWORD_LENGTH) });
|
||||
}, [setState]);
|
||||
|
||||
const saveConfiguration = useCallback(
|
||||
async () => await browser.storage.sync.set({ AdvancedPasswordOptions: state }),
|
||||
@@ -46,7 +51,7 @@ export default function PasswordSection(props: GeneratorProps): ReactElement
|
||||
|
||||
for (let i = 0; i < count; i++)
|
||||
passwords.push(generatePassword({
|
||||
length: state.length ?? 8,
|
||||
length: state.length ?? DEFAULT_PASSWORD_LENGTH,
|
||||
custom: state.enableCustom ? state.customCount ?? 1 : 0,
|
||||
customSet: state.customSet,
|
||||
numeric: state.enableNumeric ? state.numericCount ?? 1 : 0,
|
||||
@@ -57,6 +62,8 @@ export default function PasswordSection(props: GeneratorProps): ReactElement
|
||||
excludeCustom: state.excludeCustom ? state.excludeCustomSet : "",
|
||||
excludeRepeating: state.excludeRepeating,
|
||||
excludeSimilar: state.excludeSimilar,
|
||||
separator: state.enableSeparator ? state.separator : undefined,
|
||||
separatorInterval: state.separatorInterval ?? (DEFAULT_PASSWORD_LENGTH / 2)
|
||||
}));
|
||||
|
||||
props.onGenerated(passwords);
|
||||
@@ -80,10 +87,38 @@ export default function PasswordSection(props: GeneratorProps): ReactElement
|
||||
onChange: (_, e) => setState({ [key]: parseCount(e.value) })
|
||||
}), [state]);
|
||||
|
||||
const setSeparatorInterval = (_: any, e: fui.InputOnChangeData) =>
|
||||
{
|
||||
if (!e.value)
|
||||
{
|
||||
setState({ separatorInterval: undefined });
|
||||
return;
|
||||
}
|
||||
|
||||
const n = parseInt(e.value, 10);
|
||||
|
||||
if (!isNaN(n))
|
||||
setState({ separatorInterval: n < 1 ? 1 : Math.min(n, state.length ?? DEFAULT_PASSWORD_LENGTH) });
|
||||
};
|
||||
|
||||
const updateLength = (): void =>
|
||||
{
|
||||
const minLength = Math.max(MIN_PASSWORD_LENGTH,
|
||||
(state.enableCustom ? state.customCount ?? 1 : 0) +
|
||||
(state.enableNumeric ? state.numericCount ?? 1 : 0) +
|
||||
(state.enableSpecial ? state.specialCount ?? 1 : 0) +
|
||||
(state.enableUppercase ? state.uppercaseCount ?? 1 : 0) +
|
||||
(state.enableLowercase ? state.lowercaseCount ?? 1 : 0)
|
||||
);
|
||||
|
||||
if (!state.length || state.length < minLength)
|
||||
setState({ length: minLength });
|
||||
};
|
||||
|
||||
return (
|
||||
<GeneratorForm onGenerate={ generate } onSave={ saveConfiguration }>
|
||||
<fui.Field label={ i18n.t("advanced.password.length") }>
|
||||
<fui.Input value={ state.length?.toString() ?? "" } onChange={ setLength } />
|
||||
<fui.Input value={ state.length?.toString() ?? "" } onChange={ setLength } onBlur={ updateLength } />
|
||||
</fui.Field>
|
||||
<fui.Table size="small" as="div">
|
||||
<fui.TableHeader as="div">
|
||||
@@ -95,19 +130,19 @@ export default function PasswordSection(props: GeneratorProps): ReactElement
|
||||
<fui.TableBody as="div">
|
||||
<Row>
|
||||
<fui.Checkbox label={ i18n.t("common.characters.uppercase") } { ...checkboxControls("enableUppercase") } />
|
||||
<fui.Input { ...minInputControls("enableUppercase", "uppercaseCount") } />
|
||||
<fui.Input { ...minInputControls("enableUppercase", "uppercaseCount") } onBlur={ updateLength } />
|
||||
</Row>
|
||||
<Row>
|
||||
<fui.Checkbox label={ i18n.t("common.characters.lowercase") } { ...checkboxControls("enableLowercase") } />
|
||||
<fui.Input { ...minInputControls("enableLowercase", "lowercaseCount") } />
|
||||
<fui.Input { ...minInputControls("enableLowercase", "lowercaseCount") } onBlur={ updateLength } />
|
||||
</Row>
|
||||
<Row>
|
||||
<fui.Checkbox label={ i18n.t("common.characters.numeric") } { ...checkboxControls("enableNumeric") } />
|
||||
<fui.Input { ...minInputControls("enableNumeric", "numericCount") } />
|
||||
<fui.Input { ...minInputControls("enableNumeric", "numericCount") } onBlur={ updateLength } />
|
||||
</Row>
|
||||
<Row>
|
||||
<fui.Checkbox label={ infoLabel(i18n.t("common.characters.special"), CharacterHints.special) } { ...checkboxControls("enableSpecial") } />
|
||||
<fui.Input { ...minInputControls("enableSpecial", "specialCount") } />
|
||||
<fui.Checkbox label={ infoLabel(i18n.t("common.characters.special"), CharacterHints.special, true) } { ...checkboxControls("enableSpecial") } />
|
||||
<fui.Input { ...minInputControls("enableSpecial", "specialCount") } onBlur={ updateLength } />
|
||||
</Row>
|
||||
<Row>
|
||||
<>
|
||||
@@ -116,7 +151,7 @@ export default function PasswordSection(props: GeneratorProps): ReactElement
|
||||
placeholder={ i18n.t("common.characters.custom") }
|
||||
value={ state.customSet } onChange={ (_, e) => setState({ customSet: e.value }) } />
|
||||
</>
|
||||
<fui.Input { ...minInputControls("enableCustom", "customCount") } />
|
||||
<fui.Input { ...minInputControls("enableCustom", "customCount") } onBlur={ updateLength } />
|
||||
</Row>
|
||||
</fui.TableBody>
|
||||
</fui.Table>
|
||||
@@ -133,13 +168,34 @@ export default function PasswordSection(props: GeneratorProps): ReactElement
|
||||
value={ state.excludeCustomSet } onChange={ (_, e) => setState({ excludeCustomSet: e.value }) } />
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div>
|
||||
<fui.Checkbox
|
||||
{ ...checkboxControls("enableSeparator") }
|
||||
label={
|
||||
<span className={ cls.separatorLabel }>
|
||||
{ i18n.t("advanced.password.separator1") }
|
||||
<fui.Input size="small" className={ cls.separatorInput }
|
||||
disabled={ !state.enableSeparator }
|
||||
value={ state.separator ?? "" }
|
||||
onChange={ (_, e) => setState({ separator: e.value ? e.value[e.value.length - 1] : undefined }) } />
|
||||
{ i18n.t("advanced.password.separator2") }
|
||||
<fui.Input size="small" className={ cls.separatorInput }
|
||||
disabled={ !state.enableSeparator }
|
||||
value={ state.separatorInterval?.toString() ?? "" }
|
||||
onBlur={ () => state.separatorInterval ? null : setState({ separatorInterval: DEFAULT_PASSWORD_LENGTH / 2 }) }
|
||||
onChange={ setSeparatorInterval } />
|
||||
{ i18n.t("advanced.password.separator3") }
|
||||
</span>
|
||||
} />
|
||||
</div>
|
||||
</GeneratorForm>
|
||||
);
|
||||
}
|
||||
|
||||
function parseCount(value: string): number | null
|
||||
{
|
||||
const n = parseInt(value);
|
||||
const n = parseInt(value, 10);
|
||||
return isNaN(n) || n < 1 ? null : Math.min(n, 100);
|
||||
};
|
||||
|
||||
@@ -162,6 +218,17 @@ const useStyles = fui.makeStyles({
|
||||
display: "flex",
|
||||
flexDirection: "column",
|
||||
},
|
||||
separatorLabel:
|
||||
{
|
||||
display: "inline-flex",
|
||||
flexWrap: "wrap",
|
||||
alignItems: "center",
|
||||
gap: `${fui.tokens.spacingVerticalXXS} ${fui.tokens.spacingHorizontalS}`,
|
||||
},
|
||||
separatorInput:
|
||||
{
|
||||
width: "4em",
|
||||
}
|
||||
});
|
||||
|
||||
type PasswordSectionState =
|
||||
@@ -185,4 +252,8 @@ type PasswordSectionState =
|
||||
|
||||
excludeCustomSet: string;
|
||||
customSet: string;
|
||||
|
||||
enableSeparator: boolean;
|
||||
separator?: string;
|
||||
separatorInterval?: number;
|
||||
};
|
||||
|
||||
@@ -5,6 +5,7 @@ import { ArrowUndoRegular } from "@fluentui/react-icons";
|
||||
import { ReactElement } from "react";
|
||||
import infoLabel from "../../utils/infoLabel";
|
||||
import { useStyles } from "./SettingsSection.styles";
|
||||
import { MAX_PASSWORD_LENGTH, MIN_PASSWORD_LENGTH } from "@/utils/constants";
|
||||
|
||||
export default function SettingsSection(): ReactElement
|
||||
{
|
||||
@@ -28,7 +29,7 @@ export default function SettingsSection(): ReactElement
|
||||
{
|
||||
if (e.value.length >= 1)
|
||||
{
|
||||
const value = parseInt(e.value);
|
||||
const value = parseInt(e.value, 10);
|
||||
|
||||
if (!isNaN(value) && value >= 0)
|
||||
updateStorage({ [key]: value });
|
||||
@@ -37,12 +38,38 @@ export default function SettingsSection(): ReactElement
|
||||
updateStorage({ [key]: defaultValue });
|
||||
};
|
||||
|
||||
const validateMinLimit = () =>
|
||||
{
|
||||
if (extOptions.MinLength < MIN_PASSWORD_LENGTH)
|
||||
updateStorage({ MinLength: MIN_PASSWORD_LENGTH });
|
||||
else if (extOptions.MinLength > MAX_PASSWORD_LENGTH - 1)
|
||||
updateStorage({ MinLength: MAX_PASSWORD_LENGTH - 1, MaxLength: MAX_PASSWORD_LENGTH });
|
||||
else if (extOptions.MinLength >= extOptions.MaxLength)
|
||||
updateStorage({ MaxLength: extOptions.MinLength + 1 });
|
||||
};
|
||||
|
||||
const validateMaxLimit = () =>
|
||||
{
|
||||
if (extOptions.MaxLength > MAX_PASSWORD_LENGTH)
|
||||
updateStorage({ MaxLength: MAX_PASSWORD_LENGTH });
|
||||
else if (extOptions.MaxLength < MIN_PASSWORD_LENGTH + 1)
|
||||
updateStorage({ MinLength: MIN_PASSWORD_LENGTH, MaxLength: MIN_PASSWORD_LENGTH + 1 });
|
||||
else if (extOptions.MaxLength <= extOptions.MinLength)
|
||||
updateStorage({ MinLength: extOptions.MaxLength - 1 });
|
||||
};
|
||||
|
||||
const validateLength = () =>
|
||||
{
|
||||
updateStorage({ Length: Math.max(Math.min(generatorOptions.Length, extOptions.MaxLength), extOptions.MinLength) });
|
||||
};
|
||||
|
||||
return (
|
||||
<section className={ cls.root }>
|
||||
|
||||
<fui.Field label={ i18n.t("settings.length.title") } hint={ i18n.t("settings.length.hint") }>
|
||||
<fui.Input
|
||||
value={ generatorOptions.Length.toString() }
|
||||
onBlur={ validateLength }
|
||||
onChange={ updateNumberField("Length", 0) } />
|
||||
</fui.Field>
|
||||
|
||||
@@ -51,6 +78,7 @@ export default function SettingsSection(): ReactElement
|
||||
<fui.Input
|
||||
input={ { className: cls.rangeInput } }
|
||||
value={ extOptions.MinLength.toString() }
|
||||
onBlur={ validateMinLimit }
|
||||
onChange={ updateNumberField("MinLength", defaultOptions.extension.MinLength) } />
|
||||
|
||||
<fui.Divider />
|
||||
@@ -58,6 +86,7 @@ export default function SettingsSection(): ReactElement
|
||||
<fui.Input
|
||||
input={ { className: cls.rangeInput } }
|
||||
value={ extOptions.MaxLength.toString() }
|
||||
onBlur={ validateMaxLimit }
|
||||
onChange={ updateNumberField("MaxLength", defaultOptions.extension.MaxLength) } />
|
||||
|
||||
<fui.Tooltip relationship="label" content={ i18n.t("common.actions.reset") }>
|
||||
@@ -84,7 +113,7 @@ export default function SettingsSection(): ReactElement
|
||||
checked={ generatorOptions.Numeric }
|
||||
onChange={ setOption("Numeric") } />
|
||||
<fui.Checkbox
|
||||
label={ infoLabel(i18n.t("common.characters.special"), CharacterHints.special) }
|
||||
label={ infoLabel(i18n.t("common.characters.special"), CharacterHints.special, true) }
|
||||
checked={ generatorOptions.Special }
|
||||
onChange={ setOption("Special") } />
|
||||
<div>
|
||||
|
||||
@@ -69,6 +69,9 @@ advanced:
|
||||
title: "Password generator"
|
||||
length: "Password length"
|
||||
min_of_type: "Minimum number of characters"
|
||||
separator1: "Add separator"
|
||||
separator2: "every"
|
||||
separator3: "character(s)"
|
||||
passphrase:
|
||||
title: "Passphrase generator"
|
||||
length: "Number of words"
|
||||
|
||||
@@ -69,6 +69,9 @@ advanced:
|
||||
title: "Generator haseł"
|
||||
length: "Długość hasła"
|
||||
min_of_type: "Minimum"
|
||||
separator1: "Dodaj separator"
|
||||
separator2: "co"
|
||||
separator3: "znak(ów)"
|
||||
passphrase:
|
||||
title: "Frazy hasłowe"
|
||||
length: "Liczba słów"
|
||||
|
||||
@@ -69,6 +69,9 @@ advanced:
|
||||
title: "Gerador de senhas"
|
||||
length: "Comprimento da senha"
|
||||
min_of_type: "Número mínimo de caracteres"
|
||||
separator1: "Adicionar separador"
|
||||
separator2: "a cada"
|
||||
separator3: "caractere(s)"
|
||||
passphrase:
|
||||
title: "Gerador de frases-senha"
|
||||
length: "Número de palavras"
|
||||
|
||||
@@ -69,6 +69,9 @@ advanced:
|
||||
title: "Генератор паролей"
|
||||
length: "Длина пароля"
|
||||
min_of_type: "Не менее"
|
||||
separator1: "Добавить разделитель"
|
||||
separator2: "каждые"
|
||||
separator3: "символов"
|
||||
passphrase:
|
||||
title: "Парольных фраз"
|
||||
length: "Количество слов"
|
||||
|
||||
@@ -69,6 +69,9 @@ advanced:
|
||||
title: "Генератор паролів"
|
||||
length: "Довжина пароля"
|
||||
min_of_type: "Не менше"
|
||||
separator1: "Додати розділювач"
|
||||
separator2: "кожні"
|
||||
separator3: "символів"
|
||||
passphrase:
|
||||
title: "Парольних фраз"
|
||||
length: "Кількість слів"
|
||||
|
||||
@@ -69,6 +69,9 @@ advanced:
|
||||
title: "密码生成器"
|
||||
length: "密码长度"
|
||||
min_of_type: "最少字符数"
|
||||
separator1: "添加分隔符"
|
||||
separator2: "每"
|
||||
separator3: "个字符"
|
||||
passphrase:
|
||||
title: "密码短语生成器"
|
||||
length: "单词数量"
|
||||
|
||||
Generated
+1931
-2366
File diff suppressed because it is too large
Load Diff
+15
-12
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "password-generator",
|
||||
"version": "5.0.2",
|
||||
"version": "5.1.2",
|
||||
"private": true,
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
@@ -15,24 +15,27 @@
|
||||
"postinstall": "wxt prepare"
|
||||
},
|
||||
"dependencies": {
|
||||
"@fluentui/react-components": "^9.60.0",
|
||||
"@fluentui/react-icons": "^2.0.279",
|
||||
"@wxt-dev/i18n": "^0.2.3",
|
||||
"@fluentui/react-components": "^9.69.0",
|
||||
"@fluentui/react-icons": "^2.0.309",
|
||||
"@wxt-dev/i18n": "^0.2.4",
|
||||
"react": "^18.3.1",
|
||||
"react-dom": "^18.3.1",
|
||||
"react-responsive": "^10.0.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@eslint/js": "^9.22.0",
|
||||
"@eslint/js": "^9.34.0",
|
||||
"@types/react": "^18.3.12",
|
||||
"@types/react-dom": "^18.3.1",
|
||||
"@typescript-eslint/eslint-plugin": "^8.26.0",
|
||||
"@typescript-eslint/parser": "^8.26.0",
|
||||
"@typescript-eslint/eslint-plugin": "^8.42.0",
|
||||
"@typescript-eslint/parser": "^8.42.0",
|
||||
"@wxt-dev/module-react": "^1.1.3",
|
||||
"eslint": "^9.22.0",
|
||||
"eslint-plugin-react": "^7.37.4",
|
||||
"globals": "^16.0.0",
|
||||
"typescript": "^5.8.2",
|
||||
"wxt": "^0.19.29"
|
||||
"eslint": "^9.34.0",
|
||||
"eslint-plugin-react": "^7.37.5",
|
||||
"globals": "^16.3.0",
|
||||
"typescript": "^5.8.3",
|
||||
"wxt": "^0.20.8"
|
||||
},
|
||||
"overrides": {
|
||||
"@babel/runtime": "^7.26.10"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,3 @@
|
||||
export const MIN_PASSWORD_LENGTH = 4;
|
||||
export const MAX_PASSWORD_LENGTH = 512;
|
||||
export const DEFAULT_PASSWORD_LENGTH = 8;
|
||||
@@ -1,3 +1,4 @@
|
||||
import { MIN_PASSWORD_LENGTH } from "../constants";
|
||||
import { pickRandomFromArray, shuffleString } from "./randomUtils";
|
||||
|
||||
const Characters =
|
||||
@@ -37,6 +38,10 @@ export function generatePassword(options: PasswordProps): string
|
||||
}
|
||||
|
||||
password = shuffleString(password);
|
||||
|
||||
if (options.separator && options.separatorInterval)
|
||||
password = addSeparator(password, options.separator, options.separatorInterval);
|
||||
|
||||
return password;
|
||||
}
|
||||
|
||||
@@ -47,7 +52,7 @@ export function generatePassword(options: PasswordProps): string
|
||||
*/
|
||||
export function validateOptions(options: PasswordProps): void
|
||||
{
|
||||
if (options.length < 4)
|
||||
if (options.length < MIN_PASSWORD_LENGTH)
|
||||
throw new Error(i18n.t("errors.too_short"));
|
||||
|
||||
const availableCharacters: string = getAvailableCharacters(options);
|
||||
@@ -122,6 +127,18 @@ function getRequiredCharacters(options: PasswordProps): string
|
||||
return result;
|
||||
}
|
||||
|
||||
function addSeparator(password: string, separator: string, separatorInterval: number): string
|
||||
{
|
||||
if (!separator || separatorInterval < 1)
|
||||
return password;
|
||||
|
||||
const parts: string[] = [];
|
||||
for (let i = 0; i < password.length; i += separatorInterval)
|
||||
parts.push(password.slice(i, i + separatorInterval));
|
||||
|
||||
return parts.join(separator);
|
||||
}
|
||||
|
||||
export type PasswordProps =
|
||||
{
|
||||
length: number;
|
||||
@@ -139,4 +156,7 @@ export type PasswordProps =
|
||||
|
||||
excludeRepeating: boolean;
|
||||
excludeCustom: string;
|
||||
|
||||
separator?: string;
|
||||
separatorInterval?: number;
|
||||
};
|
||||
|
||||
+12
-7
@@ -1,15 +1,20 @@
|
||||
import { InfoLabel, Label, LabelProps, Slot } from "@fluentui/react-components";
|
||||
import { InfoLabel, Label, LabelProps, makeStyles, Slot } from "@fluentui/react-components";
|
||||
|
||||
// FIXME: Remove ts-ignore comments once slots override fix is released
|
||||
// Tracker: https://github.com/microsoft/fluentui/issues/27090
|
||||
|
||||
export default function infoLabel(label: string, hint: string): Slot<typeof Label>
|
||||
export default function infoLabel(label: string, hint: string, noWrap?: boolean): Slot<typeof Label>
|
||||
{
|
||||
// @ts-expect-error See FIXME
|
||||
const cls = useStyles();
|
||||
|
||||
return {
|
||||
children: (_: unknown, props: LabelProps) =>
|
||||
<InfoLabel { ...props } info={ hint }>
|
||||
<InfoLabel { ...props } info={ { className: noWrap ? cls.noWrap : undefined, children: hint } }>
|
||||
{ label }
|
||||
</InfoLabel>
|
||||
};
|
||||
}
|
||||
|
||||
const useStyles = makeStyles({
|
||||
noWrap:
|
||||
{
|
||||
whiteSpace: "pre"
|
||||
}
|
||||
});
|
||||
|
||||
@@ -1,5 +1,7 @@
|
||||
import { MIN_PASSWORD_LENGTH } from "../constants";
|
||||
|
||||
export default class ExtensionOptions
|
||||
{
|
||||
public MinLength: number = 4;
|
||||
public MinLength: number = MIN_PASSWORD_LENGTH;
|
||||
public MaxLength: number = 32;
|
||||
}
|
||||
|
||||
@@ -1,6 +1,8 @@
|
||||
import { DEFAULT_PASSWORD_LENGTH } from "../constants";
|
||||
|
||||
export default class GeneratorOptions
|
||||
{
|
||||
public Length: number = 8;
|
||||
public Length: number = DEFAULT_PASSWORD_LENGTH;
|
||||
|
||||
public Special: boolean = true;
|
||||
public Numeric: boolean = true;
|
||||
|
||||
Reference in New Issue
Block a user