mirror of
https://github.com/filecoin-project/slate.git
synced 2024-11-30 02:12:38 +03:00
354 lines
9.1 KiB
JavaScript
354 lines
9.1 KiB
JavaScript
import * as Constants from "~/common/constants";
|
|
|
|
const MINUTE = 60;
|
|
const HOUR = MINUTE * 60;
|
|
const DAY = HOUR * 24;
|
|
const WEEK = DAY * 7;
|
|
const MONTH = (DAY * 365) / 12;
|
|
const YEAR = DAY * 365;
|
|
|
|
export const generateRandomString = () => {
|
|
return Math.random().toString(36).substr(2, 5);
|
|
};
|
|
|
|
export const getKey = (text) => {
|
|
if (isEmpty(text)) {
|
|
return null;
|
|
}
|
|
|
|
return text.replace("Basic ", "");
|
|
};
|
|
|
|
export const getPresentationSlateName = (slate) => {
|
|
if (!isEmpty(slate.name)) {
|
|
return slate.name;
|
|
}
|
|
|
|
return slate.slatename;
|
|
};
|
|
|
|
export const getPresentationName = (user) => {
|
|
if (!isEmpty(user.name)) {
|
|
return user.name;
|
|
}
|
|
|
|
return user.username;
|
|
};
|
|
|
|
export const zeroPad = (num, places) => {
|
|
var zero = places - num.toString().length + 1;
|
|
return Array(+(zero > 0 && zero)).join("0") + num;
|
|
};
|
|
|
|
export const getURLfromCID = (cid) => {
|
|
return `${Constants.gateways.ipfs}/${cid}`;
|
|
};
|
|
|
|
// NOTE(jsign): Each epoch is 30s, then divide by 60 for getting mins, by 60 to get hours, then by 24 to get days
|
|
export const getDaysFromEpoch = (epoch) => {
|
|
const number = (epoch * 30) / DAY;
|
|
const formatted = number.toFixed(2);
|
|
return `${formatted} days`;
|
|
};
|
|
|
|
export const toDateSinceEpoch = (epoch) => {
|
|
return toDate(new Date().getTime() - epoch);
|
|
};
|
|
|
|
// export const getURLfromCIDWithExtension = (cid, name) => {
|
|
// const url = getURLfromCID(cid);
|
|
// const extension = getFileExtension(name);
|
|
// if (!isEmpty(extension)) {
|
|
// return `${url}.${getFileExtension(name)}`;
|
|
// }
|
|
|
|
// return url;
|
|
// };
|
|
|
|
export const getURLFromPath = (path) => {
|
|
return `${window.location.protocol}//${window.location.hostname}${
|
|
window.location.port ? ":" + window.location.port : ""
|
|
}${path}`;
|
|
};
|
|
|
|
export const getFileExtension = (name) => {
|
|
if (!name || isEmpty(name)) {
|
|
return "";
|
|
}
|
|
// if (name.lastIndexOf(".") !== -1) {
|
|
// return name.slice(name.lastIndexOf("."));
|
|
// } else {
|
|
// return "";
|
|
// }
|
|
if (name.lastIndexOf(".") !== -1) {
|
|
return name.slice(((name.lastIndexOf(".") - 1) >>> 0) + 2);
|
|
}
|
|
return "";
|
|
};
|
|
|
|
export const createQueryParams = (params) => {
|
|
let query = "?";
|
|
let first = true;
|
|
for (const [key, value] of Object.entries(params)) {
|
|
if (!first) {
|
|
query += "&";
|
|
}
|
|
query += `${key}=${value}`;
|
|
first = false;
|
|
}
|
|
return query;
|
|
};
|
|
|
|
export const getCIDFromIPFS = (url) => {
|
|
// NOTE(andrew)
|
|
const cid = url.includes("/ipfs/")
|
|
? // pull cid from a path format gateway
|
|
url.split("/ipfs/")[1]
|
|
: // pull cid from a subdomain format gateway
|
|
url.match(
|
|
// regex here performs https://{cid}.ipfs.slate.textile.io => [https://{cid}, {cid}]
|
|
/(?:http[s]*\:\/\/)*(.*?)\.(?=[^\/]*\..{2,5})/i
|
|
)[1];
|
|
|
|
return cid;
|
|
};
|
|
|
|
export const formatAsUploadMessage = (added, skipped, slate = false) => {
|
|
let message = `${added || 0} file${added !== 1 ? "s" : ""} added${
|
|
slate ? " to collection" : ""
|
|
}. `;
|
|
if (skipped) {
|
|
message += `${skipped || 0} duplicate / existing file${
|
|
added !== 1 ? "s were" : " was"
|
|
} skipped.`;
|
|
}
|
|
return message;
|
|
};
|
|
|
|
export const pluralize = (text, count) => {
|
|
return count > 1 || count === 0 ? `${text}s` : text;
|
|
};
|
|
|
|
export const toDate = (data) => {
|
|
const date = new Date(data);
|
|
return `${date.getMonth() + 1}-${date.getDate()}-${date.getFullYear()}`;
|
|
};
|
|
|
|
export const formatNumber = (x) => {
|
|
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
|
|
};
|
|
|
|
export const elide = (string, length = 140, emptyState = "...") => {
|
|
if (isEmpty(string)) {
|
|
return emptyState;
|
|
}
|
|
|
|
if (string.length < length) {
|
|
return string.trim();
|
|
}
|
|
|
|
return `${string.substring(0, length)}...`;
|
|
};
|
|
|
|
export const isEmpty = (string) => {
|
|
// NOTE(jim): This is not empty when its coerced into a string.
|
|
if (string === 0) {
|
|
return false;
|
|
}
|
|
|
|
if (!string) {
|
|
return true;
|
|
}
|
|
|
|
if (typeof string === "object") {
|
|
return true;
|
|
}
|
|
|
|
if (string.length === 0) {
|
|
return true;
|
|
}
|
|
|
|
string = string.toString();
|
|
|
|
return !string.trim();
|
|
};
|
|
|
|
export const bytesToSize = (bytes, decimals = 2) => {
|
|
if (bytes === 0) return "0 Bytes";
|
|
|
|
const k = 1024;
|
|
const dm = decimals < 0 ? 0 : decimals;
|
|
const sizes = ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
|
|
|
|
const i = Math.floor(Math.log(bytes) / Math.log(k));
|
|
|
|
return `${(bytes / Math.pow(k, i)).toFixed(dm)}${sizes[i]}`;
|
|
};
|
|
|
|
export const getRemainingTime = (seconds) => {
|
|
seconds = seconds > 0 ? seconds : 1;
|
|
|
|
let [value, unit] =
|
|
seconds < MINUTE
|
|
? [Math.round(seconds), "second"]
|
|
: seconds < HOUR
|
|
? [Math.round(seconds / MINUTE), "minute"]
|
|
: seconds < DAY
|
|
? [Math.round(seconds / HOUR), "hour"]
|
|
: seconds < WEEK
|
|
? [Math.round(seconds / DAY), "day"]
|
|
: seconds < MONTH
|
|
? [Math.round(seconds / WEEK), "week"]
|
|
: seconds < YEAR
|
|
? [Math.round(seconds / MONTH), "month"]
|
|
: [Math.round(seconds / YEAR), "year"];
|
|
|
|
unit = pluralize(unit, value);
|
|
|
|
return `${value} ${unit} remaining`;
|
|
};
|
|
|
|
export const ipfsToCid = (ipfs) => {
|
|
return ipfs.replace("/ipfs/", "");
|
|
};
|
|
|
|
export const urlToCid = (url) => {
|
|
return url
|
|
.replace(`${Constants.gateways.ipfs}/`, "")
|
|
.replace("https://", "")
|
|
.replace("undefined", "")
|
|
.replace(".ipfs.slate.textile.io", "")
|
|
.replace("hub.textile.io/ipfs/", "");
|
|
};
|
|
|
|
export const getQueryStringFromParams = (params) => {
|
|
let pairs = Object.entries(params).map(([key, value]) => `${key}=${value}`);
|
|
let query = "?".concat(pairs.join("&"));
|
|
if (query.length === 1) {
|
|
return "";
|
|
}
|
|
return query;
|
|
};
|
|
|
|
//NOTE(martina): works with both url and search passed in
|
|
export const getParamsFromUrl = (url) => {
|
|
let startIndex = url.indexOf("?") + 1;
|
|
let search = url.slice(startIndex);
|
|
if (search.length < 3) {
|
|
return {};
|
|
}
|
|
let params = {};
|
|
let pairs = search.split("&");
|
|
for (let pair of pairs) {
|
|
let key = pair.split("=")[0];
|
|
let value = pair.slice(key.length + 1);
|
|
if (key && value) {
|
|
params[key] = value;
|
|
}
|
|
}
|
|
return params;
|
|
};
|
|
|
|
export const hexToRGBA = (hex, alpha = 1) => {
|
|
hex = hex.replace("#", "");
|
|
var r = parseInt(hex.length == 3 ? hex.slice(0, 1).repeat(2) : hex.slice(0, 2), 16);
|
|
var g = parseInt(hex.length == 3 ? hex.slice(1, 2).repeat(2) : hex.slice(2, 4), 16);
|
|
var b = parseInt(hex.length == 3 ? hex.slice(2, 3).repeat(2) : hex.slice(4, 6), 16);
|
|
if (alpha) {
|
|
return "rgba(" + r + ", " + g + ", " + b + ", " + alpha + ")";
|
|
} else {
|
|
return "rgb(" + r + ", " + g + ", " + b + ")";
|
|
}
|
|
};
|
|
|
|
export const copyText = (str) => {
|
|
const el = document.createElement("textarea");
|
|
el.value = str;
|
|
el.setAttribute("readonly", "");
|
|
el.style.position = "absolute";
|
|
el.style.left = "-9999px";
|
|
el.style.visibility = "hidden";
|
|
el.style.opacity = "0";
|
|
document.body.appendChild(el);
|
|
el.select();
|
|
document.execCommand("copy");
|
|
document.body.removeChild(el);
|
|
|
|
return true;
|
|
};
|
|
|
|
//NOTE(martina): createUsername is like createSlug, except allowing _ instead of -, and instead of replacing invalid characters it simply removes them
|
|
export const createUsername = (text) => {
|
|
if (isEmpty(text)) {
|
|
return "";
|
|
}
|
|
|
|
text = text
|
|
.toString()
|
|
.toLowerCase()
|
|
.trim()
|
|
.replace(/[^a-z0-9_]/g, "");
|
|
|
|
return text;
|
|
};
|
|
|
|
// SOURCE(jim):
|
|
// https://gist.github.com/mathewbyrne/1280286
|
|
// modified to support chinese characters, base case, and german.
|
|
export const createSlug = (text, base = "untitled") => {
|
|
if (isEmpty(text)) {
|
|
return base;
|
|
}
|
|
|
|
text = text.toString().toLowerCase();
|
|
|
|
const sets = [
|
|
{ to: "a", from: "[ÀÁÂÃÅÆĀĂĄẠẢẤẦẨẪẬẮẰẲẴẶ]" },
|
|
{ to: "ae", from: "[Ä]" },
|
|
{ to: "c", from: "[ÇĆĈČ]" },
|
|
{ to: "d", from: "[ÐĎĐÞ]" },
|
|
{ to: "e", from: "[ÈÉÊËĒĔĖĘĚẸẺẼẾỀỂỄỆ]" },
|
|
{ to: "g", from: "[ĜĞĢǴ]" },
|
|
{ to: "h", from: "[ĤḦ]" },
|
|
{ to: "i", from: "[ÌÍÎÏĨĪĮİỈỊ]" },
|
|
{ to: "j", from: "[Ĵ]" },
|
|
{ to: "ij", from: "[IJ]" },
|
|
{ to: "k", from: "[Ķ]" },
|
|
{ to: "l", from: "[ĹĻĽŁ]" },
|
|
{ to: "m", from: "[Ḿ]" },
|
|
{ to: "n", from: "[ÑŃŅŇ]" },
|
|
{ to: "o", from: "[ÒÓÔÕØŌŎŐỌỎỐỒỔỖỘỚỜỞỠỢǪǬƠ]" },
|
|
{ to: "oe", from: "[΅]" },
|
|
{ to: "p", from: "[ṕ]" },
|
|
{ to: "r", from: "[ŔŖŘ]" },
|
|
{ to: "s", from: "[ŚŜŞŠ]" },
|
|
{ to: "ss", from: "[ß]" },
|
|
{ to: "t", from: "[ŢŤ]" },
|
|
{ to: "u", from: "[ÙÚÛŨŪŬŮŰŲỤỦỨỪỬỮỰƯ]" },
|
|
{ to: "ue", from: "[Ü]" },
|
|
{ to: "w", from: "[ẂŴẀẄ]" },
|
|
{ to: "x", from: "[ẍ]" },
|
|
{ to: "y", from: "[ÝŶŸỲỴỶỸ]" },
|
|
{ to: "z", from: "[ŹŻŽ]" },
|
|
{ to: "-", from: "[_]" },
|
|
];
|
|
|
|
sets.forEach((set) => {
|
|
text = text.replace(new RegExp(set.from, "gi"), set.to);
|
|
});
|
|
|
|
text = text
|
|
.toString()
|
|
.toLowerCase()
|
|
.replace(/\s+/g, "-") // Replace spaces with -
|
|
.replace(/&/g, "-and-") // Replace & with 'and'
|
|
.replace(/[^a-zA-Z0-9_\u3400-\u9FBF\s-]/g, "") // Remove all non-word chars
|
|
.replace(/\--+/g, "-") // Replace multiple - with single -
|
|
.replace(/^-+/, "")
|
|
.trim(); // Trim - from start of text
|
|
|
|
return text;
|
|
};
|
|
|
|
export const capitalize = (str = "") => str[0]?.toUpperCase() + str?.slice(1);
|