All files getTailwindClasseNames.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
111x
222x
111x
 
 
 
 
222x
222x
222x
74x
74x
74x
 
 
 
 
function getTailwindClasseNames(name: string, value: unknown | unknown[]) {
  const values = Array.isArray(value) ? value : [value];
  const valuesClassNames = values.map(val => getTailwindClasseName(name, val));
  return [name, ...valuesClassNames].join(" ");
}
 
// todo this code is not pretty, but I just wanna release
function getTailwindClasseName(name: string, value: unknown) {
  const valueAsStr = `${value}`;
  const lastColon = valueAsStr.lastIndexOf(":");
  if (lastColon < 0) return `${name}-${value}`;
  const prefix = valueAsStr.substring(0, lastColon);
  const value2 = valueAsStr.substring(lastColon + 1);
  return `${prefix}:${name}-${value2}`;
}
 
export default getTailwindClasseNames;