f70635c295
* web: Clean up browser-only module imports that crash WebDriverIO. * web: Clarify slug format output.
107 lines
3.9 KiB
TypeScript
107 lines
3.9 KiB
TypeScript
import { CSSResult, css } from "lit";
|
|
|
|
export function getCookie(name: string): string {
|
|
let cookieValue = "";
|
|
if (document.cookie && document.cookie !== "") {
|
|
const cookies = document.cookie.split(";");
|
|
for (let i = 0; i < cookies.length; i++) {
|
|
const cookie = cookies[i].trim();
|
|
// Does this cookie string begin with the name we want?
|
|
if (cookie.substring(0, name.length + 1) === name + "=") {
|
|
cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
return cookieValue;
|
|
}
|
|
|
|
/**
|
|
* Truncate a string based on maximum word count
|
|
*/
|
|
export function truncateWords(string: string, length = 10): string {
|
|
string = string || "";
|
|
const array = string.trim().split(" ");
|
|
const ellipsis = array.length > length ? "..." : "";
|
|
|
|
return array.slice(0, length).join(" ") + ellipsis;
|
|
}
|
|
|
|
/**
|
|
* Truncate a string based on character count
|
|
*/
|
|
export function truncate(string: string, length = 10): string {
|
|
return string.length > length ? `${string.substring(0, length)}...` : string;
|
|
}
|
|
|
|
export function camelToSnake(key: string): string {
|
|
const result = key.replace(/([A-Z])/g, " $1");
|
|
return result.split(" ").join("_").toLowerCase();
|
|
}
|
|
|
|
const capitalize = (key: string) => (key.length === 0 ? "" : key[0].toUpperCase() + key.slice(1));
|
|
|
|
export function snakeToCamel(key: string) {
|
|
const [start, ...rest] = key.split("_");
|
|
return [start, ...rest.map(capitalize)].join("");
|
|
}
|
|
|
|
export function groupBy<T>(objects: T[], callback: (obj: T) => string): Array<[string, T[]]> {
|
|
const m = new Map<string, T[]>();
|
|
objects.forEach((obj) => {
|
|
const group = callback(obj);
|
|
if (!m.has(group)) {
|
|
m.set(group, []);
|
|
}
|
|
const tProviders = m.get(group) || [];
|
|
tProviders.push(obj);
|
|
});
|
|
return Array.from(m).sort();
|
|
}
|
|
|
|
// Taken from python's string module
|
|
export const ascii_lowercase = "abcdefghijklmnopqrstuvwxyz";
|
|
export const ascii_uppercase = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
|
|
export const ascii_letters = ascii_lowercase + ascii_uppercase;
|
|
export const digits = "0123456789";
|
|
export const hexdigits = digits + "abcdef" + "ABCDEF";
|
|
export const octdigits = "01234567";
|
|
export const punctuation = "!\"#$%&'()*+,-./:;<=>?@[\\]^_`{|}~";
|
|
|
|
export function randomString(len: number, charset: string): string {
|
|
const chars = [];
|
|
const array = new Uint8Array(len);
|
|
|
|
crypto.getRandomValues(array);
|
|
|
|
for (let index = 0; index < len; index++) {
|
|
chars.push(charset[Math.floor(charset.length * (array[index] / Math.pow(2, 8)))]);
|
|
}
|
|
return chars.join("");
|
|
}
|
|
|
|
// Lit is extremely well-typed with regard to CSS, and Storybook's `build` does not currently have a
|
|
// coherent way of importing CSS-as-text into CSSStyleSheet. It works well when Storybook is running
|
|
// in `dev,` but in `build` it fails. Storied components will have to map their textual CSS imports
|
|
// using the function below.
|
|
type AdaptableStylesheet = Readonly<string | CSSResult | CSSStyleSheet>;
|
|
type AdaptedStylesheets = CSSStyleSheet | CSSStyleSheet[];
|
|
|
|
const isCSSResult = (v: unknown): v is CSSResult =>
|
|
v instanceof CSSResult && v.styleSheet !== undefined;
|
|
|
|
// prettier-ignore
|
|
export const _adaptCSS = (sheet: AdaptableStylesheet): CSSStyleSheet =>
|
|
(typeof sheet === "string" ? css([sheet] as unknown as TemplateStringsArray, []).styleSheet
|
|
: isCSSResult(sheet) ? sheet.styleSheet
|
|
: sheet) as CSSStyleSheet;
|
|
|
|
// Overloaded function definitions inform consumers that if you pass it an array, expect an array in
|
|
// return; if you pass it a scaler, expect a scalar in return.
|
|
|
|
export function adaptCSS(sheet: AdaptableStylesheet): CSSStyleSheet;
|
|
export function adaptCSS(sheet: AdaptableStylesheet[]): CSSStyleSheet[];
|
|
export function adaptCSS(sheet: AdaptableStylesheet | AdaptableStylesheet[]): AdaptedStylesheets {
|
|
return Array.isArray(sheet) ? sheet.map(_adaptCSS) : _adaptCSS(sheet);
|
|
}
|