Close #1687
Squashed commit of the following:
commit 5287da0b98d154d4243abdb4b9021006499c225f
Merge: c6b50c70 83b9b701
Author: ArtemBaskal <a.baskal@adguard.com>
Date: Fri May 29 12:47:23 2020 +0300
Merge branch 'master' into fix/1687
commit c6b50c70a5089fcadfd2606b07b3b84769db2760
Author: ArtemBaskal <a.baskal@adguard.com>
Date: Fri May 29 12:42:12 2020 +0300
minor
commit dab9fa9ee0502838b4e10aef93d037c2fb5bf41b
Author: ArtemBaskal <a.baskal@adguard.com>
Date: Thu May 28 16:56:08 2020 +0300
Add support for exact matching of long and short ipv6 notations, add tests
commit e72e86cda81af2c5e54f93abb2890438fd3648b0
Author: ArtemBaskal <a.baskal@adguard.com>
Date: Thu May 28 13:57:22 2020 +0300
Update helper, write tests
commit 92f4c34224ab7927b02edde829f2d9653a00a854
Author: ArtemBaskal <a.baskal@adguard.com>
Date: Wed May 27 18:35:05 2020 +0300
Make variable names more expressive
commit 3d38f21281237e9cccbba26afc1ab641947c5dc0
Author: ArtemBaskal <a.baskal@adguard.com>
Date: Wed May 27 17:09:08 2020 +0300
Add ipv6 cidr support
commit 7db0a2fb18ccd96d8d1def73f12138e4f4e37f71
Author: ArtemBaskal <a.baskal@adguard.com>
Date: Tue May 26 12:48:57 2020 +0300
Minor
commit 65e87f3899aab3417cac57bab0a8fa371cafd4ec
Author: ArtemBaskal <a.baskal@adguard.com>
Date: Tue May 26 12:46:30 2020 +0300
Add breaks between helpers
commit 3f38bdfe7bc17e019bf048c79c9e8f1336b6f3d3
Author: ArtemBaskal <a.baskal@adguard.com>
Date: Thu May 21 20:17:27 2020 +0300
- client: Match client IP strictly
549 lines
15 KiB
JavaScript
549 lines
15 KiB
JavaScript
/* eslint-disable no-bitwise */
|
|
import 'url-polyfill';
|
|
import dateParse from 'date-fns/parse';
|
|
import dateFormat from 'date-fns/format';
|
|
import subHours from 'date-fns/sub_hours';
|
|
import addHours from 'date-fns/add_hours';
|
|
import addDays from 'date-fns/add_days';
|
|
import subDays from 'date-fns/sub_days';
|
|
import isSameDay from 'date-fns/is_same_day';
|
|
import round from 'lodash/round';
|
|
import axios from 'axios';
|
|
import i18n from 'i18next';
|
|
import uniqBy from 'lodash/uniqBy';
|
|
import ipaddr from 'ipaddr.js';
|
|
import versionCompare from './versionCompare';
|
|
|
|
import {
|
|
STANDARD_DNS_PORT,
|
|
STANDARD_WEB_PORT,
|
|
STANDARD_HTTPS_PORT,
|
|
CHECK_TIMEOUT,
|
|
DNS_RECORD_TYPES,
|
|
DEFAULT_TIME_FORMAT,
|
|
DEFAULT_DATE_FORMAT_OPTIONS,
|
|
DETAILED_DATE_FORMAT_OPTIONS,
|
|
DEFAULT_LANGUAGE,
|
|
FILTERED_STATUS,
|
|
FILTERED,
|
|
IP_MATCH_LIST_STATUS,
|
|
} from './constants';
|
|
|
|
/**
|
|
* @param string The time to format
|
|
* @returns string Returns the time in the format HH:mm:ss
|
|
*/
|
|
export const formatTime = (time) => {
|
|
const parsedTime = dateParse(time);
|
|
return dateFormat(parsedTime, DEFAULT_TIME_FORMAT);
|
|
};
|
|
|
|
/**
|
|
* @param string The date to format
|
|
* @returns string Returns the date and time in the format DD/MM/YYYY, HH:mm
|
|
*/
|
|
export const formatDateTime = (dateTime, options = DEFAULT_DATE_FORMAT_OPTIONS) => {
|
|
const currentLanguage = i18n.languages[0] || DEFAULT_LANGUAGE;
|
|
const parsedTime = dateParse(dateTime);
|
|
|
|
return parsedTime.toLocaleString(currentLanguage, options);
|
|
};
|
|
|
|
export const formatDetailedDateTime = (dateTime) => formatDateTime(
|
|
dateTime, DETAILED_DATE_FORMAT_OPTIONS,
|
|
);
|
|
|
|
/**
|
|
* @param string
|
|
* @returns boolean
|
|
*/
|
|
export const isToday = (date) => isSameDay(new Date(date), new Date());
|
|
|
|
export const normalizeLogs = (logs) => logs.map((log) => {
|
|
const {
|
|
time,
|
|
question,
|
|
answer: response,
|
|
reason,
|
|
client,
|
|
filterId,
|
|
rule,
|
|
service_name,
|
|
status,
|
|
original_answer,
|
|
} = log;
|
|
const { host: domain, type } = question;
|
|
const responsesArray = response ? response.map((response) => {
|
|
const { value, type, ttl } = response;
|
|
return `${type}: ${value} (ttl=${ttl})`;
|
|
}) : [];
|
|
return {
|
|
time,
|
|
domain,
|
|
type,
|
|
response: responsesArray,
|
|
reason,
|
|
client,
|
|
filterId,
|
|
rule,
|
|
status,
|
|
serviceName: service_name,
|
|
originalAnswer: original_answer,
|
|
};
|
|
});
|
|
|
|
export const normalizeHistory = (history, interval) => {
|
|
if (interval === 1 || interval === 7) {
|
|
const hoursAgo = subHours(Date.now(), 24 * interval);
|
|
return history.map((item, index) => ({
|
|
x: dateFormat(addHours(hoursAgo, index), 'D MMM HH:00'),
|
|
y: round(item, 2),
|
|
}));
|
|
}
|
|
|
|
const daysAgo = subDays(Date.now(), interval - 1);
|
|
return history.map((item, index) => ({
|
|
x: dateFormat(addDays(daysAgo, index), 'D MMM YYYY'),
|
|
y: round(item, 2),
|
|
}));
|
|
};
|
|
|
|
export const normalizeTopStats = (stats) => (
|
|
stats.map((item) => ({
|
|
name: Object.keys(item)[0],
|
|
count: Object.values(item)[0],
|
|
}))
|
|
);
|
|
|
|
export const addClientInfo = (data, clients, param) => (
|
|
data.map((row) => {
|
|
const clientIp = row[param];
|
|
const info = clients.find((item) => item[clientIp]) || '';
|
|
return {
|
|
...row,
|
|
info: (info && info[clientIp]) || '',
|
|
};
|
|
})
|
|
);
|
|
|
|
export const normalizeFilters = (filters) => (
|
|
filters ? filters.map((filter) => {
|
|
const {
|
|
id,
|
|
url,
|
|
enabled,
|
|
last_updated,
|
|
name = 'Default name',
|
|
rules_count = 0,
|
|
} = filter;
|
|
|
|
return {
|
|
id,
|
|
url,
|
|
enabled,
|
|
lastUpdated: last_updated,
|
|
name,
|
|
rulesCount: rules_count,
|
|
};
|
|
}) : []
|
|
);
|
|
|
|
export const normalizeFilteringStatus = (filteringStatus) => {
|
|
const {
|
|
enabled, filters, user_rules: userRules, interval, whitelist_filters,
|
|
} = filteringStatus;
|
|
const newUserRules = Array.isArray(userRules) ? userRules.join('\n') : '';
|
|
|
|
return {
|
|
enabled,
|
|
userRules: newUserRules,
|
|
filters: normalizeFilters(filters),
|
|
whitelistFilters: normalizeFilters(whitelist_filters),
|
|
interval,
|
|
};
|
|
};
|
|
|
|
export const getPercent = (amount, number) => {
|
|
if (amount > 0 && number > 0) {
|
|
return round(100 / (amount / number), 2);
|
|
}
|
|
return 0;
|
|
};
|
|
|
|
export const captitalizeWords = (text) => text.split(/[ -_]/g)
|
|
.map((str) => str.charAt(0)
|
|
.toUpperCase() + str.substr(1))
|
|
.join(' ');
|
|
|
|
export const getInterfaceIp = (option) => {
|
|
const onlyIPv6 = option.ip_addresses.every((ip) => ip.includes(':'));
|
|
let interfaceIP = option.ip_addresses[0];
|
|
|
|
if (!onlyIPv6) {
|
|
option.ip_addresses.forEach((ip) => {
|
|
if (!ip.includes(':')) {
|
|
interfaceIP = ip;
|
|
}
|
|
});
|
|
}
|
|
|
|
return interfaceIP;
|
|
};
|
|
|
|
export const getIpList = (interfaces) => {
|
|
let list = [];
|
|
|
|
Object.keys(interfaces)
|
|
.forEach((item) => {
|
|
list = [...list, ...interfaces[item].ip_addresses];
|
|
});
|
|
|
|
return list.sort();
|
|
};
|
|
|
|
export const getDnsAddress = (ip, port = '') => {
|
|
const isStandardDnsPort = port === STANDARD_DNS_PORT;
|
|
let address = ip;
|
|
|
|
if (port) {
|
|
if (ip.includes(':') && !isStandardDnsPort) {
|
|
address = `[${ip}]:${port}`;
|
|
} else if (!isStandardDnsPort) {
|
|
address = `${ip}:${port}`;
|
|
}
|
|
}
|
|
|
|
return address;
|
|
};
|
|
|
|
export const getWebAddress = (ip, port = '') => {
|
|
const isStandardWebPort = port === STANDARD_WEB_PORT;
|
|
let address = `http://${ip}`;
|
|
|
|
if (port && !isStandardWebPort) {
|
|
if (ip.includes(':') && !ip.includes('[')) {
|
|
address = `http://[${ip}]:${port}`;
|
|
} else {
|
|
address = `http://${ip}:${port}`;
|
|
}
|
|
}
|
|
|
|
return address;
|
|
};
|
|
|
|
export const checkRedirect = (url, attempts) => {
|
|
let count = attempts || 1;
|
|
|
|
if (count > 10) {
|
|
window.location.replace(url);
|
|
return false;
|
|
}
|
|
|
|
const rmTimeout = (t) => t && clearTimeout(t);
|
|
const setRecursiveTimeout = (time, ...args) => setTimeout(
|
|
checkRedirect,
|
|
time,
|
|
...args,
|
|
);
|
|
|
|
let timeout;
|
|
|
|
axios.get(url)
|
|
.then((response) => {
|
|
rmTimeout(timeout);
|
|
if (response) {
|
|
window.location.replace(url);
|
|
return;
|
|
}
|
|
timeout = setRecursiveTimeout(CHECK_TIMEOUT, url, count += 1);
|
|
})
|
|
.catch((error) => {
|
|
rmTimeout(timeout);
|
|
if (error.response) {
|
|
window.location.replace(url);
|
|
return;
|
|
}
|
|
timeout = setRecursiveTimeout(CHECK_TIMEOUT, url, count += 1);
|
|
});
|
|
|
|
return false;
|
|
};
|
|
|
|
export const redirectToCurrentProtocol = (values, httpPort = 80) => {
|
|
const {
|
|
protocol, hostname, hash, port,
|
|
} = window.location;
|
|
const { enabled, port_https } = values;
|
|
const httpsPort = port_https !== STANDARD_HTTPS_PORT ? `:${port_https}` : '';
|
|
|
|
if (protocol !== 'https:' && enabled && port_https) {
|
|
checkRedirect(`https://${hostname}${httpsPort}/${hash}`);
|
|
} else if (protocol === 'https:' && enabled && port_https && port_https !== parseInt(port, 10)) {
|
|
checkRedirect(`https://${hostname}${httpsPort}/${hash}`);
|
|
} else if (protocol === 'https:' && (!enabled || !port_https)) {
|
|
window.location.replace(`http://${hostname}:${httpPort}/${hash}`);
|
|
}
|
|
};
|
|
|
|
export const normalizeTextarea = (text) => {
|
|
if (!text) {
|
|
return [];
|
|
}
|
|
|
|
return text.replace(/[;, ]/g, '\n')
|
|
.split('\n')
|
|
.filter((n) => n);
|
|
};
|
|
|
|
/**
|
|
* Normalizes the topClients array
|
|
*
|
|
* @param {Object[]} topClients
|
|
* @param {string} topClients.name
|
|
* @param {number} topClients.count
|
|
* @param {Object} topClients.info
|
|
* @param {string} topClients.info.name
|
|
* @returns {Object} normalizedTopClients
|
|
* @returns {Object.<string, number>} normalizedTopClients.auto - auto clients
|
|
* @returns {Object.<string, number>} normalizedTopClients.configured - configured clients
|
|
*/
|
|
|
|
export const normalizeTopClients = (topClients) => topClients.reduce(
|
|
(nameToCountMap, clientObj) => {
|
|
const { name, count, info: { name: infoName } } = clientObj;
|
|
// eslint-disable-next-line no-param-reassign
|
|
nameToCountMap.auto[name] = count;
|
|
// eslint-disable-next-line no-param-reassign
|
|
nameToCountMap.configured[infoName] = count;
|
|
return nameToCountMap;
|
|
}, {
|
|
auto: {},
|
|
configured: {},
|
|
},
|
|
);
|
|
|
|
export const getClientInfo = (clients, ip) => {
|
|
const client = clients
|
|
.find((item) => item.ip_addrs && item.ip_addrs.find((clientIp) => clientIp === ip));
|
|
|
|
if (!client) {
|
|
return '';
|
|
}
|
|
|
|
const { name, whois_info } = client;
|
|
const whois = Object.keys(whois_info).length > 0 ? whois_info : '';
|
|
|
|
return {
|
|
name,
|
|
whois,
|
|
};
|
|
};
|
|
|
|
export const getAutoClientInfo = (clients, ip) => {
|
|
const client = clients.find((item) => ip === item.ip);
|
|
|
|
if (!client) {
|
|
return '';
|
|
}
|
|
|
|
const { name, whois_info } = client;
|
|
const whois = Object.keys(whois_info).length > 0 ? whois_info : '';
|
|
|
|
return {
|
|
name,
|
|
whois,
|
|
};
|
|
};
|
|
|
|
export const sortClients = (clients) => {
|
|
const compare = (a, b) => {
|
|
const nameA = a.name.toUpperCase();
|
|
const nameB = b.name.toUpperCase();
|
|
|
|
if (nameA > nameB) {
|
|
return 1;
|
|
}
|
|
if (nameA < nameB) {
|
|
return -1;
|
|
}
|
|
|
|
return 0;
|
|
};
|
|
|
|
return clients.sort(compare);
|
|
};
|
|
|
|
export const toggleAllServices = (services, change, isSelected) => {
|
|
services.forEach((service) => change(`blocked_services.${service.id}`, isSelected));
|
|
};
|
|
|
|
export const secondsToMilliseconds = (seconds) => {
|
|
if (seconds) {
|
|
return seconds * 1000;
|
|
}
|
|
|
|
return seconds;
|
|
};
|
|
|
|
export const normalizeRulesTextarea = (text) => text && text.replace(/^\n/g, '')
|
|
.replace(/\n\s*\n/g, '\n');
|
|
|
|
export const isVersionGreater = (currentVersion, previousVersion) => (
|
|
versionCompare(currentVersion, previousVersion) === -1
|
|
);
|
|
|
|
export const normalizeWhois = (whois) => {
|
|
if (Object.keys(whois).length > 0) {
|
|
const {
|
|
city, country, ...values
|
|
} = whois;
|
|
let location = (country && country) || '';
|
|
|
|
if (city && location) {
|
|
location = `${location}, ${city}`;
|
|
} else if (city) {
|
|
location = city;
|
|
}
|
|
|
|
if (location) {
|
|
return {
|
|
location,
|
|
...values,
|
|
};
|
|
}
|
|
|
|
return { ...values };
|
|
}
|
|
|
|
return whois;
|
|
};
|
|
|
|
export const isValidQuestionType = (type) => type && DNS_RECORD_TYPES.includes(type.toUpperCase());
|
|
|
|
export const getPathWithQueryString = (path, params) => {
|
|
const searchParams = new URLSearchParams(params);
|
|
|
|
return `${path}?${searchParams.toString()}`;
|
|
};
|
|
|
|
export const getParamsForClientsSearch = (data, param) => {
|
|
const uniqueClients = uniqBy(data, param);
|
|
return uniqueClients
|
|
.reduce((acc, item, idx) => {
|
|
const key = `ip${idx}`;
|
|
acc[key] = item[param];
|
|
return acc;
|
|
}, {});
|
|
};
|
|
|
|
/**
|
|
* Creates onBlur handler that can normalize input if normalization function is specified
|
|
*
|
|
* @param {Object} event
|
|
* @param {Object} event.target
|
|
* @param {string} event.target.value
|
|
* @param {Object} input
|
|
* @param {function} input.onBlur
|
|
* @param {function} [normalizeOnBlur]
|
|
* @returns {function}
|
|
*/
|
|
export const createOnBlurHandler = (event, input, normalizeOnBlur) => (
|
|
normalizeOnBlur
|
|
? input.onBlur(normalizeOnBlur(event.target.value))
|
|
: input.onBlur());
|
|
|
|
export const checkFiltered = (reason) => reason.indexOf(FILTERED) === 0;
|
|
export const checkRewrite = (reason) => reason === FILTERED_STATUS.REWRITE;
|
|
export const checkRewriteHosts = (reason) => reason === FILTERED_STATUS.REWRITE_HOSTS;
|
|
export const checkBlackList = (reason) => reason === FILTERED_STATUS.FILTERED_BLACK_LIST;
|
|
export const checkWhiteList = (reason) => reason === FILTERED_STATUS.NOT_FILTERED_WHITE_LIST;
|
|
// eslint-disable-next-line max-len
|
|
export const checkNotFilteredNotFound = (reason) => reason === FILTERED_STATUS.NOT_FILTERED_NOT_FOUND;
|
|
export const checkSafeSearch = (reason) => reason === FILTERED_STATUS.FILTERED_SAFE_SEARCH;
|
|
export const checkSafeBrowsing = (reason) => reason === FILTERED_STATUS.FILTERED_SAFE_BROWSING;
|
|
export const checkParental = (reason) => reason === FILTERED_STATUS.FILTERED_PARENTAL;
|
|
export const checkBlockedService = (reason) => reason === FILTERED_STATUS.FILTERED_BLOCKED_SERVICE;
|
|
|
|
export const getCurrentFilter = (url, filters) => {
|
|
const filter = filters && filters.find((item) => url === item.url);
|
|
|
|
if (filter) {
|
|
const { enabled, name, url } = filter;
|
|
return {
|
|
enabled,
|
|
name,
|
|
url,
|
|
};
|
|
}
|
|
|
|
return {
|
|
name: '',
|
|
url: '',
|
|
};
|
|
};
|
|
|
|
/**
|
|
* @param number Number to format
|
|
* @returns string Returns a string with a language-sensitive representation of this number
|
|
*/
|
|
export const formatNumber = (num) => {
|
|
const currentLanguage = i18n.languages[0] || DEFAULT_LANGUAGE;
|
|
return num.toLocaleString(currentLanguage);
|
|
};
|
|
|
|
export const normalizeMultiline = (multiline) => `${normalizeTextarea(multiline)
|
|
.map((line) => line.trim())
|
|
.join('\n')}\n`;
|
|
|
|
|
|
/**
|
|
* @param parsedIp {object} ipaddr.js IPv4 or IPv6 object
|
|
* @param cidr {array} ipaddr.js CIDR array
|
|
* @returns {boolean}
|
|
*/
|
|
export const isIpMatchCidr = (parsedIp, parsedCidr) => {
|
|
try {
|
|
const cidrIpVersion = parsedCidr[0].kind();
|
|
const ipVersion = parsedIp.kind();
|
|
|
|
return ipVersion === cidrIpVersion && parsedIp.match(parsedCidr);
|
|
} catch (e) {
|
|
return false;
|
|
}
|
|
};
|
|
|
|
/**
|
|
* @param ip {string}
|
|
* @param list {string}
|
|
* @returns {'EXACT' | 'CIDR' | 'NOT_FOND'}
|
|
*/
|
|
export const getIpMatchListStatus = (ip, list) => {
|
|
if (!ip || !list) {
|
|
return IP_MATCH_LIST_STATUS.NOT_FOUND;
|
|
}
|
|
|
|
const listArr = list.trim()
|
|
.split('\n');
|
|
|
|
try {
|
|
for (let i = 0; i < listArr.length; i += 1) {
|
|
const listItem = listArr[i];
|
|
|
|
const parsedIp = ipaddr.parse(ip);
|
|
const isItemAnIp = ipaddr.isValid(listItem);
|
|
const parsedItem = isItemAnIp ? ipaddr.parse(listItem) : ipaddr.parseCIDR(listItem);
|
|
|
|
if (isItemAnIp && parsedIp.toString() === parsedItem.toString()) {
|
|
return IP_MATCH_LIST_STATUS.EXACT;
|
|
}
|
|
|
|
if (!isItemAnIp && isIpMatchCidr(parsedIp, parsedItem)) {
|
|
return IP_MATCH_LIST_STATUS.CIDR;
|
|
}
|
|
}
|
|
return IP_MATCH_LIST_STATUS.NOT_FOUND;
|
|
} catch (e) {
|
|
return IP_MATCH_LIST_STATUS.NOT_FOUND;
|
|
}
|
|
};
|