slate/common/strings.js

350 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.data.name)) {
return slate.data.name;
}
return slate.slatename;
};
export const getPresentationName = (user) => {
if (!isEmpty(user.data.name)) {
return user.data.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 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().trim();
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 - from start of text
.replace(/-+$/, ""); // Trim - from end of text
return text;
};
export const capitalize = (str = "") => str[0].toUpperCase() + str.slice(1);