pixelplanet/src/utils/validation.js

116 lines
3.8 KiB
JavaScript

/*
* Functions for validation of user input
* This gets used on server and on the client.
*
* On the server the return values will be again translated with gettext
* which could be a bit questionable, but it is preferable to write this file
* two times imho.
*
*/
import { t } from 'ttag';
// eslint-disable-next-line no-useless-escape, max-len
const mailTester = /^[-!#$%&'*+\/0-9=?A-Z^_a-z{|}~](\.?[-!#$%&'*+\/0-9=?A-Z^_a-z`{|}~])*@[a-zA-Z0-9](-*\.?[a-zA-Z0-9])*\.[a-zA-Z](-?[a-zA-Z0-9])+$/;
export function validateEMail(email) {
if (!email) return t`Email can't be empty.`;
if (email.length < 5) return t`Email should be at least 5 characters long.`;
if (email.length > 40) return t`Email can't be longer than 40 characters.`;
if (email.indexOf('.') === -1) return t`Email should at least contain a dot`;
if (email.split('').filter((x) => x === '@').length !== 1) {
return t`Email should contain a @`;
}
if (!mailTester.test(email)) return 'Your Email looks shady';
return false;
}
export function validateName(name) {
if (!name) return t`Name can't be empty.`;
if (name.length < 2) return t`Name must be at least 2 characters long`;
if (name.length > 26) return t`Name must be shorter than 26 characters`;
if (name.indexOf('@') !== -1
|| name.indexOf('/') !== -1
|| name.indexOf('\\') !== -1
|| name.indexOf('>') !== -1
|| name.indexOf('<') !== -1
|| name.indexOf('#') !== -1) {
return t`Name contains invalid character like @, /, \\ or #`;
}
return false;
}
export function sanitizeName(name) {
name = name.substring(0, 25);
// just sanitizes @ for now, other characters do not seem
// problematic, even thought that we rule them out in validateName
name = name.replace(/@/g, 'at');
return name;
}
export function validatePassword(password) {
if (!password) {
return t`No password given.`;
}
if (password.length < 6) {
return t`Password must be at least 6 characters long.`;
}
if (password.length > 60) {
return t`Password must be shorter than 60 characters.`;
}
return false;
}
/*
* validate an area given by top-left and bottom-right corner coords
* @param ulcoor coords in x_y format, top-left corner
* @param brcoor coords in x_y format, bottom-right corner
* @param canvasSize dimension of canvas, integer
* @return [x, y, u, v] Corner coords if success, error string is failure
*/
export function validateCoorRange(ulcoor, brcoor, canvasSize) {
if (!ulcoor || !brcoor) {
return 'Not all coordinates defined';
}
let splitCoords = ulcoor.trim().split('_');
if (splitCoords.length !== 2) {
return 'Invalid Coordinate Format for top-left corner';
}
const [x, y] = splitCoords.map((z) => Math.floor(Number(z)));
splitCoords = brcoor.trim().split('_');
if (splitCoords.length !== 2) {
return 'Invalid Coordinate Format for bottom-right corner';
}
const [u, v] = splitCoords.map((z) => Math.floor(Number(z)));
let error = null;
if (Number.isNaN(x)) {
error = 'x of top-left corner is not a valid number';
} else if (Number.isNaN(y)) {
error = 'y of top-left corner is not a valid number';
} else if (Number.isNaN(u)) {
error = 'x of bottom-right corner is not a valid number';
} else if (Number.isNaN(v)) {
error = 'y of bottom-right corner is not a valid number';
} else if (u < x || v < y) {
error = 'Corner coordinates are aligned wrong';
}
if (error !== null) {
return error;
}
const canvasMaxXY = canvasSize / 2;
const canvasMinXY = -canvasMaxXY;
if (x < canvasMinXY || y < canvasMinXY
|| x >= canvasMaxXY || y >= canvasMaxXY) {
return 'Coordinates of top-left corner are outside of canvas';
}
if (u < canvasMinXY || v < canvasMinXY
|| u >= canvasMaxXY || v >= canvasMaxXY) {
return 'Coordinates of bottom-right corner are outside of canvas';
}
return [x, y, u, v];
}