web-base/react/shared/util.js

115 lines
3.1 KiB
JavaScript

import {format, parse, formatDistance as formatDistanceDateFns } from "date-fns";
import {API_DATETIME_FORMAT} from "./constants";
function createDownload(name, data) {
const url = window.URL.createObjectURL(new Blob([data]));
const link = document.createElement('a');
link.href = url;
link.setAttribute('download', name);
link.setAttribute("target", "_blank");
document.body.appendChild(link);
link.click();
link.remove();
}
function humanReadableSize(bytes, dp = 1) {
const thresh = 1024;
if (Math.abs(bytes) < thresh) {
return bytes + ' B';
}
const units = ['KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB'];
let u = -1;
const r = 10**dp;
do {
bytes /= thresh;
++u;
} while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);
return bytes.toFixed(dp) + ' ' + units[u];
}
const removeParameter = (key) => {
const url = new URL(window.location);
url.searchParams.delete(key);
window.history.replaceState(null, '', url);
}
const getParameter = (key) => {
const url = new URL(window.location);
if (url.searchParams.has(key)) {
return decodeURIComponent(url.searchParams.get(key));
} else {
return null;
}
}
const getCookie = (name) => {
let cookieString = decodeURIComponent(document.cookie);
let match = cookieString.match(new RegExp('(^| )' + name + '=([^;]+)'));
if (match) {
return match[2];
} else {
return null;
}
}
const encodeText = (str) => {
return Uint8Array.from(str, c => c.charCodeAt(0));
}
const decodeText = (buffer) => {
return String.fromCharCode(...new Uint8Array(buffer));
}
const getBaseUrl = () => {
return window.location.protocol + "//" + window.location.host;
}
const toDate = (apiDate, apiFormat = API_DATETIME_FORMAT) => {
if (apiDate === null) {
return "";
} else if (!(apiDate instanceof Date)) {
if (!isNaN(apiDate)) {
apiDate = new Date(apiDate * 1000);
} else {
apiDate = parse(apiDate, apiFormat, new Date());
}
}
return apiDate;
}
const formatDate = (L, apiDate) => {
return format(toDate(apiDate), L("general.datefns_date_format", "YYY/MM/dd"));
}
const formatDateTime = (L, apiDate, precise=false) => {
let dateFormat = precise ?
L("general.datefns_datetime_format_precise", "YYY/MM/dd HH:mm:ss") :
L("general.datefns_datetime_format", "YYY/MM/dd HH:mm");
return format(toDate(apiDate), dateFormat);
}
function formatDistance(dateFns, apiDate) {
return formatDistanceDateFns(toDate(apiDate), new Date(), { addSuffix: true, locale: dateFns });
}
const upperFirstChars = (str) => {
return str.split(" ")
.map(block => block.charAt(0).toUpperCase() + block.substring(1))
.join(" ");
}
const isInt = (value) => {
return !isNaN(value) &&
parseInt(Number(value)) === value &&
!isNaN(parseInt(value, 10));
}
export { humanReadableSize, removeParameter, getParameter, getCookie,
encodeText, decodeText, getBaseUrl,
formatDate, formatDateTime, formatDistance,
upperFirstChars, isInt, createDownload };